@energycap/components 0.27.8 → 0.27.9

package/esm2015/lib/controls/banner/banner.component.js

@@ -1,6 +1,8 @@
 import { Component, Input, Output, EventEmitter, HostBinding } from '@angular/core';
+import { CacheService } from '../../core/cache.service';
 export class BannerComponent {
-    constructor() {
+    constructor(cacheService) {
+        this.cacheService = cacheService;
         /** hidden hides the banner */
         this.hidden = false;
         /**The ID of the component, rendered into the HTML to make it more accessible to automation */
@@ -12,6 +14,8 @@ export class BannerComponent {
         this.showCloseBtn = false;
         /** When true, the banner will hide itself when the close button is clicked */
         this.autoHideOnClose = true;
+        /** When true, the banner will automatically hide itself based on the state found in local storage  */
+        this.rememberClosed = false;
         /**Event to hide the banner */
         this.closed = new EventEmitter();
         /**
@@ -19,6 +23,7 @@ export class BannerComponent {
          * If no value for overrideIcon is provided, will be automatically selected based on the type input.
          */
         this.icon = '';
+        this.cacheKeyPrefix = 'dismissableBanner-';
     }
     ngOnChanges() {
         if (this.customIcon) {
@@ -27,12 +32,24 @@ export class BannerComponent {
         else {
             this.getIconByBannerType();
         }
+        if (this.rememberClosed) {
+            let cacheValue = this.cacheService.getItem(`${this.cacheKeyPrefix}${this.id}`);
+            if (cacheValue) {
+                this.hidden = cacheValue.hidden;
+            }
+            else {
+                this.hidden = false;
+            }
+        }
     }
     /** On close, explicitly hide the banner one time. If the input changes afterward then it can reappear*/
     close() {
         if (this.autoHideOnClose) {
             this.hidden = true;
         }
+        if (this.rememberClosed) {
+            this.cacheService.setItem(`${this.cacheKeyPrefix}${this.id}`, { hidden: true });
+        }
         this.closed.emit();
     }
     getIconByBannerType() {
@@ -53,10 +70,13 @@ export class BannerComponent {
 BannerComponent.decorators = [
     { type: Component, args: [{
                 selector: 'ec-banner',
-                template: "<div 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 font-color-secondary\">\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",
+                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 font-color-secondary\">\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: ["@-webkit-keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}:host{display:flex}:host(.border-bottom-0) .banner{border-bottom:0}.banner{display:flex;flex:1 1;flex-direction:column;min-height:2.5rem;overflow-y:auto;position:relative}.banner-content{flex:none;margin:auto 0;padding:.5rem 1rem}.banner-content ::ng-deep p{line-height:inherit}.ec-icon{font-size:1.125rem}ec-button{position:absolute;right:.25rem;top:.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{background-color:#dae4e9}.info .banner-content>.ec-icon{color:#2d9ab8}.warning{background-color:#fff8cc}.warning .banner-content>.ec-icon{color:#fa7b2e}.success{background-color:#dff0d8}.success .banner-content>.ec-icon{color:#3c763d}.error{background-color:#ecc4c5}.error .banner-content>.ec-icon{color:#cd1d20}.pinned{border-bottom:1px solid rgba(26,26,35,.08)}.toast{border:1px solid rgba(26,26,35,.08);box-shadow:0 .125rem .625rem 0 rgba(26,26,35,.18)}.toast ec-button{right:.1875rem;top:.1875rem}"]
             },] }
 ];
+BannerComponent.ctorParameters = () => [
+    { type: CacheService }
+];
 BannerComponent.propDecorators = {
     hidden: [{ type: HostBinding, args: ['hidden',] }, { type: Input }],
     id: [{ type: Input }],
@@ -68,6 +88,7 @@ BannerComponent.propDecorators = {
     showCloseBtn: [{ type: Input }],
     autoHideOnClose: [{ type: Input }],
     customIcon: [{ type: Input }],
+    rememberClosed: [{ type: Input }],
     closed: [{ type: Output }]
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFubmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvc3JjL2xpYi9jb250cm9scy9iYW5uZXIvYmFubmVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBYSxNQUFNLGVBQWUsQ0FBQztBQVUvRixNQUFNLE9BQU8sZUFBZTtJQUw1QjtRQU1FLDhCQUE4QjtRQUVkLFdBQU0sR0FBRyxLQUFLLENBQUM7UUFFL0IsOEZBQThGO1FBQzlFLE9BQUUsR0FBVyxFQUFFLENBQUM7UUFFaEMsK0RBQStEO1FBQy9DLFNBQUksR0FBZSxTQUFTLENBQUM7UUFDN0IsZ0JBQVcsR0FBZ0IsUUFBUSxDQUFDO1FBV3BELDBDQUEwQztRQUMxQixpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUVyQyw4RUFBOEU7UUFDOUQsb0JBQWUsR0FBWSxJQUFJLENBQUM7UUFRaEQsOEJBQThCO1FBQ2IsV0FBTSxHQUF1QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRWpFOzs7V0FHRztRQUNJLFNBQUksR0FBVyxFQUFFLENBQUM7SUE4QjNCLENBQUM7SUE1QlEsV0FBVztRQUNoQixJQUFHLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDbEIsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDO1NBQzdCO2FBQU07WUFDTCxJQUFJLENBQUMsbUJBQW1CLEVBQUUsQ0FBQztTQUM1QjtJQUNILENBQUM7SUFFRCx3R0FBd0c7SUFDakcsS0FBSztRQUNWLElBQUksSUFBSSxDQUFDLGVBQWUsRUFBRTtZQUN4QixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQztTQUNwQjtRQUNELElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVPLG1CQUFtQjtRQUN6QixJQUFHLElBQUksQ0FBQyxJQUFJLEtBQUssTUFBTSxFQUFFO1lBQ3ZCLElBQUksQ0FBQyxJQUFJLEdBQUcsa0JBQWtCLENBQUM7U0FDaEM7YUFBTSxJQUFHLElBQUksQ0FBQyxJQUFJLEtBQUssU0FBUyxFQUFFO1lBQ2pDLElBQUksQ0FBQyxJQUFJLEdBQUcsY0FBYyxDQUFDO1NBQzVCO2FBQU0sSUFBRyxJQUFJLENBQUMsSUFBSSxLQUFLLE9BQU8sRUFBRTtZQUMvQixJQUFJLENBQUMsSUFBSSxHQUFHLFlBQVksQ0FBQztTQUMxQjthQUFNLElBQUcsSUFBSSxDQUFDLElBQUksS0FBSyxTQUFTLEVBQUU7WUFDakMsSUFBSSxDQUFDLElBQUksR0FBRyxtQkFBbUIsQ0FBQztTQUNqQztJQUNILENBQUM7OztZQXpFRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLFdBQVc7Z0JBQ3JCLDR3QkFBc0M7O2FBRXZDOzs7cUJBR0UsV0FBVyxTQUFDLFFBQVEsY0FDcEIsS0FBSztpQkFHTCxLQUFLO21CQUdMLEtBQUs7MEJBQ0wsS0FBSztvQkFHTCxLQUFLO21CQUdMLEtBQUs7bUJBR0wsS0FBSzsyQkFHTCxLQUFLOzhCQUdMLEtBQUs7eUJBTUwsS0FBSztxQkFHTCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBPbkNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmV4cG9ydCB0eXBlIEJhbm5lclR5cGUgPSAnaW5mbycgfCAnd2FybmluZycgfCAnZXJyb3InIHwgJ3N1Y2Nlc3MnO1xyXG5leHBvcnQgdHlwZSBCYW5uZXJTdHlsZSA9ICdub3JtYWwnIHwgJ3Bpbm5lZCcgfCAndG9hc3QnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdlYy1iYW5uZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9iYW5uZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2Jhbm5lci5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCYW5uZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xyXG4gIC8qKiBoaWRkZW4gaGlkZXMgdGhlIGJhbm5lciAqL1xyXG4gIEBIb3N0QmluZGluZygnaGlkZGVuJylcclxuICBASW5wdXQoKSBwdWJsaWMgaGlkZGVuID0gZmFsc2U7XHJcblxyXG4gIC8qKlRoZSBJRCBvZiB0aGUgY29tcG9uZW50LCByZW5kZXJlZCBpbnRvIHRoZSBIVE1MIHRvIG1ha2UgaXQgbW9yZSBhY2Nlc3NpYmxlIHRvIGF1dG9tYXRpb24gKi9cclxuICBASW5wdXQoKSBwdWJsaWMgaWQ6IHN0cmluZyA9ICcnO1xyXG5cclxuICAvKipUaGUgdHlwZSBvZiBiYW5uZXIgd2hpY2ggaXMgdXNlZCB0byBkZXRlcm1pbmUgdGhlIHN0eWxpbmcgKi9cclxuICBASW5wdXQoKSBwdWJsaWMgdHlwZTogQmFubmVyVHlwZSA9ICd3YXJuaW5nJztcclxuICBASW5wdXQoKSBwdWJsaWMgYmFubmVyU3R5bGU6IEJhbm5lclN0eWxlID0gJ3Bpbm5lZCc7XHJcblxyXG4gIC8qKlRoZSB0aXRsZSBmb3IgdGhlIGJhbm5lciAqL1xyXG4gIEBJbnB1dCgpIHB1YmxpYyB0aXRsZT86IHN0cmluZztcclxuXHJcbiAgLyoqVGhlIHRleHQgaW5zaWRlIHRoZSBiYW5uZXIgKi9cclxuICBASW5wdXQoKSBwdWJsaWMgdGV4dD86IHN0cmluZztcclxuXHJcbiAgLyoqIExpc3Qgb2Ygc3RyaW5ncyB0byBkaXNwbGF5IGluc2lkZSB0aGUgYmFubmVyICovXHJcbiAgQElucHV0KCkgcHVibGljIGxpc3Q/OiBzdHJpbmdbXTtcclxuXHJcbiAgLyoqU2hvdyBhbiB4IHRvIGFsbG93IGhpZGluZyB0aGUgYmFubmVyICovXHJcbiAgQElucHV0KCkgcHVibGljIHNob3dDbG9zZUJ0biA9IGZhbHNlO1xyXG5cclxuICAvKiogV2hlbiB0cnVlLCB0aGUgYmFubmVyIHdpbGwgaGlkZSBpdHNlbGYgd2hlbiB0aGUgY2xvc2UgYnV0dG9uIGlzIGNsaWNrZWQgKi9cclxuICBASW5wdXQoKSBwdWJsaWMgYXV0b0hpZGVPbkNsb3NlOiBib29sZWFuID0gdHJ1ZTtcclxuXHJcbiAgLyoqXHJcbiAgKiBUaGUgaWNvbiB3aWxsIGJlIHNldCB0byB0aGlzIHZhbHVlIGlmIGl0J3MgcHJvdmlkZWQuXHJcbiAgKiBJZiBpdCdzIG5vdCBwcm92aWRlZCwgdGhlIGljb24gd2lsbCBiZSBzZWxlY3RlZCBiYXNlZCBvbiB0aGUgdHlwZSBpbnB1dC4gXHJcbiAgKi9cclxuICBASW5wdXQoKSBwdWJsaWMgY3VzdG9tSWNvbj86IHN0cmluZztcclxuXHJcbiAgLyoqRXZlbnQgdG8gaGlkZSB0aGUgYmFubmVyICovXHJcbiAgQE91dHB1dCgpIHB1YmxpYyBjbG9zZWQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgLyoqXHJcbiAgICogSWNvbiB0byBzaG93IG9uIHRoZSBiYW5uZXIuIFxyXG4gICAqIElmIG5vIHZhbHVlIGZvciBvdmVycmlkZUljb24gaXMgcHJvdmlkZWQsIHdpbGwgYmUgYXV0b21hdGljYWxseSBzZWxlY3RlZCBiYXNlZCBvbiB0aGUgdHlwZSBpbnB1dC4gXHJcbiAgICovXHJcbiAgcHVibGljIGljb246IHN0cmluZyA9ICcnO1xyXG5cclxuICBwdWJsaWMgbmdPbkNoYW5nZXMoKSB7XHJcbiAgICBpZih0aGlzLmN1c3RvbUljb24pIHtcclxuICAgICAgdGhpcy5pY29uID0gdGhpcy5jdXN0b21JY29uO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5nZXRJY29uQnlCYW5uZXJUeXBlKCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICAvKiogT24gY2xvc2UsIGV4cGxpY2l0bHkgaGlkZSB0aGUgYmFubmVyIG9uZSB0aW1lLiBJZiB0aGUgaW5wdXQgY2hhbmdlcyBhZnRlcndhcmQgdGhlbiBpdCBjYW4gcmVhcHBlYXIqL1xyXG4gIHB1YmxpYyBjbG9zZSgpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLmF1dG9IaWRlT25DbG9zZSkge1xyXG4gICAgICB0aGlzLmhpZGRlbiA9IHRydWU7XHJcbiAgICB9XHJcbiAgICB0aGlzLmNsb3NlZC5lbWl0KCk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIGdldEljb25CeUJhbm5lclR5cGUoKSB7XHJcbiAgICBpZih0aGlzLnR5cGUgPT09ICdpbmZvJykge1xyXG4gICAgICB0aGlzLmljb24gPSAnaWNvbi1pbmZvLWNpcmNsZSc7XHJcbiAgICB9IGVsc2UgaWYodGhpcy50eXBlID09PSAnd2FybmluZycpIHtcclxuICAgICAgdGhpcy5pY29uID0gJ2ljb24td2FybmluZyc7XHJcbiAgICB9IGVsc2UgaWYodGhpcy50eXBlID09PSAnZXJyb3InKSB7XHJcbiAgICAgIHRoaXMuaWNvbiA9ICdpY29uLWVycm9yJztcclxuICAgIH0gZWxzZSBpZih0aGlzLnR5cGUgPT09ICdzdWNjZXNzJykge1xyXG4gICAgICB0aGlzLmljb24gPSAnaWNvbi1jaGVjay1jaXJjbGUnO1xyXG4gICAgfVxyXG4gIH1cclxuICBcclxufVxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFubmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvc3JjL2xpYi9jb250cm9scy9iYW5uZXIvYmFubmVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBYSxNQUFNLGVBQWUsQ0FBQztBQUMvRixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFXeEQsTUFBTSxPQUFPLGVBQWU7SUErQzFCLFlBQW9CLFlBQTBCO1FBQTFCLGlCQUFZLEdBQVosWUFBWSxDQUFjO1FBOUM5Qyw4QkFBOEI7UUFFZCxXQUFNLEdBQUcsS0FBSyxDQUFDO1FBRS9CLDhGQUE4RjtRQUM5RSxPQUFFLEdBQVcsRUFBRSxDQUFDO1FBRWhDLCtEQUErRDtRQUMvQyxTQUFJLEdBQWUsU0FBUyxDQUFDO1FBQzdCLGdCQUFXLEdBQWdCLFFBQVEsQ0FBQztRQVdwRCwwQ0FBMEM7UUFDMUIsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFFckMsOEVBQThFO1FBQzlELG9CQUFlLEdBQVksSUFBSSxDQUFDO1FBUWhELHNHQUFzRztRQUN0RixtQkFBYyxHQUFZLEtBQUssQ0FBQztRQUVoRCw4QkFBOEI7UUFDYixXQUFNLEdBQXVCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFakU7OztXQUdHO1FBQ0ksU0FBSSxHQUFXLEVBQUUsQ0FBQztRQUVSLG1CQUFjLEdBQVcsb0JBQW9CLENBQUM7SUFFYixDQUFDO0lBRTVDLFdBQVc7UUFDaEIsSUFBRyxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ2xCLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQztTQUM3QjthQUFNO1lBQ0wsSUFBSSxDQUFDLG1CQUFtQixFQUFFLENBQUM7U0FDNUI7UUFFRCxJQUFJLElBQUksQ0FBQyxjQUFjLEVBQUU7WUFDdkIsSUFBSSxVQUFVLEdBQXdDLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLEdBQUcsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsRUFBRSxFQUFFLENBQUUsQ0FBQztZQUNySCxJQUFJLFVBQVUsRUFBRTtnQkFDZCxJQUFJLENBQUMsTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7YUFDakM7aUJBQU07Z0JBQ0wsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7YUFDckI7U0FDRjtJQUNILENBQUM7SUFFRCx3R0FBd0c7SUFDakcsS0FBSztRQUNWLElBQUksSUFBSSxDQUFDLGVBQWUsRUFBRTtZQUN4QixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQztTQUNwQjtRQUVELElBQUksSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUN2QixJQUFJLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxHQUFHLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLEVBQUUsRUFBRSxFQUFvQixFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFBO1NBQ2xHO1FBQ0QsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRU8sbUJBQW1CO1FBQ3pCLElBQUcsSUFBSSxDQUFDLElBQUksS0FBSyxNQUFNLEVBQUU7WUFDdkIsSUFBSSxDQUFDLElBQUksR0FBRyxrQkFBa0IsQ0FBQztTQUNoQzthQUFNLElBQUcsSUFBSSxDQUFDLElBQUksS0FBSyxTQUFTLEVBQUU7WUFDakMsSUFBSSxDQUFDLElBQUksR0FBRyxjQUFjLENBQUM7U0FDNUI7YUFBTSxJQUFHLElBQUksQ0FBQyxJQUFJLEtBQUssT0FBTyxFQUFFO1lBQy9CLElBQUksQ0FBQyxJQUFJLEdBQUcsWUFBWSxDQUFDO1NBQzFCO2FBQU0sSUFBRyxJQUFJLENBQUMsSUFBSSxLQUFLLFNBQVMsRUFBRTtZQUNqQyxJQUFJLENBQUMsSUFBSSxHQUFHLG1CQUFtQixDQUFDO1NBQ2pDO0lBQ0gsQ0FBQzs7O1lBN0ZGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsV0FBVztnQkFDckIsaXlCQUFzQzs7YUFFdkM7OztZQVZRLFlBQVk7OztxQkFhbEIsV0FBVyxTQUFDLFFBQVEsY0FDcEIsS0FBSztpQkFHTCxLQUFLO21CQUdMLEtBQUs7MEJBQ0wsS0FBSztvQkFHTCxLQUFLO21CQUdMLEtBQUs7bUJBR0wsS0FBSzsyQkFHTCxLQUFLOzhCQUdMLEtBQUs7eUJBTUwsS0FBSzs2QkFHTCxLQUFLO3FCQUdMLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgSG9zdEJpbmRpbmcsIE9uQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDYWNoZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9jb3JlL2NhY2hlLnNlcnZpY2UnO1xyXG5cclxuZXhwb3J0IHR5cGUgQmFubmVyVHlwZSA9ICdpbmZvJyB8ICd3YXJuaW5nJyB8ICdlcnJvcicgfCAnc3VjY2Vzcyc7XHJcbmV4cG9ydCB0eXBlIEJhbm5lclN0eWxlID0gJ25vcm1hbCcgfCAncGlubmVkJyB8ICd0b2FzdCc7XHJcbmV4cG9ydCB0eXBlIEJhbm5lckNhY2hlRW50cnkgPSB7IGhpZGRlbjogYm9vbGVhbiB9O1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdlYy1iYW5uZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9iYW5uZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2Jhbm5lci5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCYW5uZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xyXG4gIC8qKiBoaWRkZW4gaGlkZXMgdGhlIGJhbm5lciAqL1xyXG4gIEBIb3N0QmluZGluZygnaGlkZGVuJylcclxuICBASW5wdXQoKSBwdWJsaWMgaGlkZGVuID0gZmFsc2U7XHJcblxyXG4gIC8qKlRoZSBJRCBvZiB0aGUgY29tcG9uZW50LCByZW5kZXJlZCBpbnRvIHRoZSBIVE1MIHRvIG1ha2UgaXQgbW9yZSBhY2Nlc3NpYmxlIHRvIGF1dG9tYXRpb24gKi9cclxuICBASW5wdXQoKSBwdWJsaWMgaWQ6IHN0cmluZyA9ICcnO1xyXG5cclxuICAvKipUaGUgdHlwZSBvZiBiYW5uZXIgd2hpY2ggaXMgdXNlZCB0byBkZXRlcm1pbmUgdGhlIHN0eWxpbmcgKi9cclxuICBASW5wdXQoKSBwdWJsaWMgdHlwZTogQmFubmVyVHlwZSA9ICd3YXJuaW5nJztcclxuICBASW5wdXQoKSBwdWJsaWMgYmFubmVyU3R5bGU6IEJhbm5lclN0eWxlID0gJ3Bpbm5lZCc7XHJcblxyXG4gIC8qKlRoZSB0aXRsZSBmb3IgdGhlIGJhbm5lciAqL1xyXG4gIEBJbnB1dCgpIHB1YmxpYyB0aXRsZT86IHN0cmluZztcclxuXHJcbiAgLyoqVGhlIHRleHQgaW5zaWRlIHRoZSBiYW5uZXIgKi9cclxuICBASW5wdXQoKSBwdWJsaWMgdGV4dD86IHN0cmluZztcclxuXHJcbiAgLyoqIExpc3Qgb2Ygc3RyaW5ncyB0byBkaXNwbGF5IGluc2lkZSB0aGUgYmFubmVyICovXHJcbiAgQElucHV0KCkgcHVibGljIGxpc3Q/OiBzdHJpbmdbXTtcclxuXHJcbiAgLyoqU2hvdyBhbiB4IHRvIGFsbG93IGhpZGluZyB0aGUgYmFubmVyICovXHJcbiAgQElucHV0KCkgcHVibGljIHNob3dDbG9zZUJ0biA9IGZhbHNlO1xyXG5cclxuICAvKiogV2hlbiB0cnVlLCB0aGUgYmFubmVyIHdpbGwgaGlkZSBpdHNlbGYgd2hlbiB0aGUgY2xvc2UgYnV0dG9uIGlzIGNsaWNrZWQgKi9cclxuICBASW5wdXQoKSBwdWJsaWMgYXV0b0hpZGVPbkNsb3NlOiBib29sZWFuID0gdHJ1ZTtcclxuXHJcbiAgLyoqXHJcbiAgKiBUaGUgaWNvbiB3aWxsIGJlIHNldCB0byB0aGlzIHZhbHVlIGlmIGl0J3MgcHJvdmlkZWQuXHJcbiAgKiBJZiBpdCdzIG5vdCBwcm92aWRlZCwgdGhlIGljb24gd2lsbCBiZSBzZWxlY3RlZCBiYXNlZCBvbiB0aGUgdHlwZSBpbnB1dC4gXHJcbiAgKi9cclxuICBASW5wdXQoKSBwdWJsaWMgY3VzdG9tSWNvbj86IHN0cmluZztcclxuXHJcbiAgLyoqIFdoZW4gdHJ1ZSwgdGhlIGJhbm5lciB3aWxsIGF1dG9tYXRpY2FsbHkgaGlkZSBpdHNlbGYgYmFzZWQgb24gdGhlIHN0YXRlIGZvdW5kIGluIGxvY2FsIHN0b3JhZ2UgICovXHJcbiAgQElucHV0KCkgcHVibGljIHJlbWVtYmVyQ2xvc2VkOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIC8qKkV2ZW50IHRvIGhpZGUgdGhlIGJhbm5lciAqL1xyXG4gIEBPdXRwdXQoKSBwdWJsaWMgY2xvc2VkOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG4gIC8qKlxyXG4gICAqIEljb24gdG8gc2hvdyBvbiB0aGUgYmFubmVyLiBcclxuICAgKiBJZiBubyB2YWx1ZSBmb3Igb3ZlcnJpZGVJY29uIGlzIHByb3ZpZGVkLCB3aWxsIGJlIGF1dG9tYXRpY2FsbHkgc2VsZWN0ZWQgYmFzZWQgb24gdGhlIHR5cGUgaW5wdXQuIFxyXG4gICAqL1xyXG4gIHB1YmxpYyBpY29uOiBzdHJpbmcgPSAnJztcclxuXHJcbiAgcHJpdmF0ZSByZWFkb25seSBjYWNoZUtleVByZWZpeDogc3RyaW5nID0gJ2Rpc21pc3NhYmxlQmFubmVyLSc7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2FjaGVTZXJ2aWNlOiBDYWNoZVNlcnZpY2UpIHsgfVxyXG5cclxuICBwdWJsaWMgbmdPbkNoYW5nZXMoKSB7XHJcbiAgICBpZih0aGlzLmN1c3RvbUljb24pIHtcclxuICAgICAgdGhpcy5pY29uID0gdGhpcy5jdXN0b21JY29uO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5nZXRJY29uQnlCYW5uZXJUeXBlKCk7XHJcbiAgICB9XHJcblxyXG4gICAgaWYgKHRoaXMucmVtZW1iZXJDbG9zZWQpIHtcclxuICAgICAgbGV0IGNhY2hlVmFsdWU6IEJhbm5lckNhY2hlRW50cnkgPSAoPEJhbm5lckNhY2hlRW50cnk+dGhpcy5jYWNoZVNlcnZpY2UuZ2V0SXRlbShgJHt0aGlzLmNhY2hlS2V5UHJlZml4fSR7dGhpcy5pZH1gKSk7XHJcbiAgICAgIGlmIChjYWNoZVZhbHVlKSB7XHJcbiAgICAgICAgdGhpcy5oaWRkZW4gPSBjYWNoZVZhbHVlLmhpZGRlbjtcclxuICAgICAgfSBlbHNlIHtcclxuICAgICAgICB0aGlzLmhpZGRlbiA9IGZhbHNlO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICAvKiogT24gY2xvc2UsIGV4cGxpY2l0bHkgaGlkZSB0aGUgYmFubmVyIG9uZSB0aW1lLiBJZiB0aGUgaW5wdXQgY2hhbmdlcyBhZnRlcndhcmQgdGhlbiBpdCBjYW4gcmVhcHBlYXIqL1xyXG4gIHB1YmxpYyBjbG9zZSgpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLmF1dG9IaWRlT25DbG9zZSkge1xyXG4gICAgICB0aGlzLmhpZGRlbiA9IHRydWU7XHJcbiAgICB9XHJcblxyXG4gICAgaWYgKHRoaXMucmVtZW1iZXJDbG9zZWQpIHtcclxuICAgICAgdGhpcy5jYWNoZVNlcnZpY2Uuc2V0SXRlbShgJHt0aGlzLmNhY2hlS2V5UHJlZml4fSR7dGhpcy5pZH1gLCA8QmFubmVyQ2FjaGVFbnRyeT57IGhpZGRlbjogdHJ1ZSB9KVxyXG4gICAgfVxyXG4gICAgdGhpcy5jbG9zZWQuZW1pdCgpO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBnZXRJY29uQnlCYW5uZXJUeXBlKCkge1xyXG4gICAgaWYodGhpcy50eXBlID09PSAnaW5mbycpIHtcclxuICAgICAgdGhpcy5pY29uID0gJ2ljb24taW5mby1jaXJjbGUnO1xyXG4gICAgfSBlbHNlIGlmKHRoaXMudHlwZSA9PT0gJ3dhcm5pbmcnKSB7XHJcbiAgICAgIHRoaXMuaWNvbiA9ICdpY29uLXdhcm5pbmcnO1xyXG4gICAgfSBlbHNlIGlmKHRoaXMudHlwZSA9PT0gJ2Vycm9yJykge1xyXG4gICAgICB0aGlzLmljb24gPSAnaWNvbi1lcnJvcic7XHJcbiAgICB9IGVsc2UgaWYodGhpcy50eXBlID09PSAnc3VjY2VzcycpIHtcclxuICAgICAgdGhpcy5pY29uID0gJ2ljb24tY2hlY2stY2lyY2xlJztcclxuICAgIH1cclxuICB9XHJcbiAgXHJcbn1cclxuIl19

package/fesm2015/energycap-components.js

@@ -1,7 +1,7 @@
 import { A11yModule } from '@angular/cdk/a11y';
 import { OverlayConfig, Overlay as Overlay$1, OverlayModule } from '@angular/cdk/overlay';
 import { DOCUMENT, CommonModule } from '@angular/common';
-import { EventEmitter, Component, HostBinding, Input, Output, ViewChild, Directive, ɵɵdefineInjectable, Injectable, Pipe, ɵɵinject, TemplateRef, ViewContainerRef, Inject, Renderer2, HostListener, ElementRef, ViewEncapsulation, ContentChild, ComponentFactoryResolver, Injector, ContentChildren, NgModule } from '@angular/core';
+import { ɵɵdefineInjectable, Injectable, EventEmitter, Component, HostBinding, Input, Output, ViewChild, Directive, Pipe, ɵɵinject, TemplateRef, ViewContainerRef, Inject, Renderer2, HostListener, ElementRef, ViewEncapsulation, ContentChild, ComponentFactoryResolver, Injector, ContentChildren, NgModule } from '@angular/core';
 import { Validators, FormControl, FormGroup, FormControlDirective, FormArray, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { Router, ActivatedRoute, NavigationEnd, RouterModule } from '@angular/router';
 import { TranslateService, TranslateModule } from '@ngx-translate/core';
@@ -14,8 +14,111 @@ import Popper from 'popper.js';
 import { cloneDeep, uniqueId, isEqual, sortBy, orderBy, get, upperFirst } from 'lodash';
 import { TemplatePortal } from '@angular/cdk/portal';
 
-class BannerComponent {
+class CacheService {
     constructor() {
+        this.localStorageAvailable = false;
+        this.sessionStorageAvailable = false;
+        let cacheError = null;
+        try {
+            let dateStr = 'roundtrip-test-' + new Date().getTime();
+            const value = 'val-' + dateStr;
+            localStorage.setItem(dateStr, value);
+            sessionStorage.setItem(dateStr, value);
+            this.localStorageAvailable = localStorage.getItem(dateStr) == value;
+            this.sessionStorageAvailable = sessionStorage.getItem(dateStr) == value;
+            localStorage.removeItem(dateStr);
+            sessionStorage.removeItem(dateStr);
+        }
+        catch (error) {
+            cacheError = error;
+        }
+        finally {
+            if (!this.localStorageAvailable || !this.sessionStorageAvailable) {
+                console.warn('storage unavailable for caching purposes. Some features will not be fully supported. ', {
+                    local: this.localStorageAvailable,
+                    session: this.sessionStorageAvailable,
+                    error: cacheError
+                });
+            }
+        }
+    }
+    /**Return true if the requested cache allows the user to round-trip data in the current environment.
+     * Security settings can prevent it and the app may need to know if "not found" means "never set" or "not supported"
+     */
+    isCacheAvailable(sessionOnly = false) {
+        return sessionOnly ? this.sessionStorageAvailable : this.localStorageAvailable;
+    }
+    /**
+     * Retrieve an item from cache
+     */
+    getItem(key, sessionOnly = false) {
+        let storage = this.getStorage(sessionOnly);
+        if (storage) {
+            let result = storage.getItem(key);
+            if (result) {
+                return JSON.parse(result);
+            }
+        }
+        return null;
+    }
+    /**
+     * Retrieves all keys from cache
+     */
+    keys(sessionOnly = false) {
+        let result = new Array();
+        let storage = this.getStorage(sessionOnly);
+        if (storage) {
+            for (var i = 0, len = storage.length; i < len; ++i) {
+                result.push(storage.key(i));
+            }
+        }
+        return result;
+    }
+    /**
+     * Removes an item from the cache
+     */
+    removeItem(key, sessionOnly = false) {
+        let storage = this.getStorage(sessionOnly);
+        if (storage) {
+            storage.removeItem(key);
+        }
+    }
+    /**
+     * Persists an item to cache
+     */
+    setItem(key, value, sessionOnly = false) {
+        let storage = this.getStorage(sessionOnly);
+        if (storage) {
+            storage.setItem(key, JSON.stringify(value));
+        }
+    }
+    /**Returns the local or session storage to use for backing the given cache request.
+     * If the browser does not support the requested storage the result will be null.
+     * This can happen if the user is in Firefox for example with the setting dom.storage.enabled = false
+    */
+    getStorage(sessionOnly) {
+        if (sessionOnly && this.sessionStorageAvailable) {
+            return window.sessionStorage;
+        }
+        else if (this.localStorageAvailable) {
+            return window.localStorage;
+        }
+        else {
+            return null;
+        }
+    }
+}
+CacheService.ɵprov = ɵɵdefineInjectable({ factory: function CacheService_Factory() { return new CacheService(); }, token: CacheService, providedIn: "root" });
+CacheService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+CacheService.ctorParameters = () => [];
+
+class BannerComponent {
+    constructor(cacheService) {
+        this.cacheService = cacheService;
         /** hidden hides the banner */
         this.hidden = false;
         /**The ID of the component, rendered into the HTML to make it more accessible to automation */
@@ -27,6 +130,8 @@ class BannerComponent {
         this.showCloseBtn = false;
         /** When true, the banner will hide itself when the close button is clicked */
         this.autoHideOnClose = true;
+        /** When true, the banner will automatically hide itself based on the state found in local storage  */
+        this.rememberClosed = false;
         /**Event to hide the banner */
         this.closed = new EventEmitter();
         /**
@@ -34,6 +139,7 @@ class BannerComponent {
          * If no value for overrideIcon is provided, will be automatically selected based on the type input.
          */
         this.icon = '';
+        this.cacheKeyPrefix = 'dismissableBanner-';
     }
     ngOnChanges() {
         if (this.customIcon) {
@@ -42,12 +148,24 @@ class BannerComponent {
         else {
             this.getIconByBannerType();
         }
+        if (this.rememberClosed) {
+            let cacheValue = this.cacheService.getItem(`${this.cacheKeyPrefix}${this.id}`);
+            if (cacheValue) {
+                this.hidden = cacheValue.hidden;
+            }
+            else {
+                this.hidden = false;
+            }
+        }
     }
     /** On close, explicitly hide the banner one time. If the input changes afterward then it can reappear*/
     close() {
         if (this.autoHideOnClose) {
             this.hidden = true;
         }
+        if (this.rememberClosed) {
+            this.cacheService.setItem(`${this.cacheKeyPrefix}${this.id}`, { hidden: true });
+        }
         this.closed.emit();
     }
     getIconByBannerType() {
@@ -68,10 +186,13 @@ class BannerComponent {
 BannerComponent.decorators = [
     { type: Component, args: [{
                 selector: 'ec-banner',
-                template: "<div 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 font-color-secondary\">\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",
+                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 font-color-secondary\">\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: ["@-webkit-keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}:host{display:flex}:host(.border-bottom-0) .banner{border-bottom:0}.banner{display:flex;flex:1 1;flex-direction:column;min-height:2.5rem;overflow-y:auto;position:relative}.banner-content{flex:none;margin:auto 0;padding:.5rem 1rem}.banner-content ::ng-deep p{line-height:inherit}.ec-icon{font-size:1.125rem}ec-button{position:absolute;right:.25rem;top:.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{background-color:#dae4e9}.info .banner-content>.ec-icon{color:#2d9ab8}.warning{background-color:#fff8cc}.warning .banner-content>.ec-icon{color:#fa7b2e}.success{background-color:#dff0d8}.success .banner-content>.ec-icon{color:#3c763d}.error{background-color:#ecc4c5}.error .banner-content>.ec-icon{color:#cd1d20}.pinned{border-bottom:1px solid rgba(26,26,35,.08)}.toast{border:1px solid rgba(26,26,35,.08);box-shadow:0 .125rem .625rem 0 rgba(26,26,35,.18)}.toast ec-button{right:.1875rem;top:.1875rem}"]
             },] }
 ];
+BannerComponent.ctorParameters = () => [
+    { type: CacheService }
+];
 BannerComponent.propDecorators = {
     hidden: [{ type: HostBinding, args: ['hidden',] }, { type: Input }],
     id: [{ type: Input }],
@@ -83,6 +204,7 @@ BannerComponent.propDecorators = {
     showCloseBtn: [{ type: Input }],
     autoHideOnClose: [{ type: Input }],
     customIcon: [{ type: Input }],
+    rememberClosed: [{ type: Input }],
     closed: [{ type: Output }]
 };
 
@@ -5291,108 +5413,6 @@ JsonDisplayComponent.propDecorators = {
     maxLength: [{ type: Input }]
 };
 
-class CacheService {
-    constructor() {
-        this.localStorageAvailable = false;
-        this.sessionStorageAvailable = false;
-        let cacheError = null;
-        try {
-            let dateStr = 'roundtrip-test-' + new Date().getTime();
-            const value = 'val-' + dateStr;
-            localStorage.setItem(dateStr, value);
-            sessionStorage.setItem(dateStr, value);
-            this.localStorageAvailable = localStorage.getItem(dateStr) == value;
-            this.sessionStorageAvailable = sessionStorage.getItem(dateStr) == value;
-            localStorage.removeItem(dateStr);
-            sessionStorage.removeItem(dateStr);
-        }
-        catch (error) {
-            cacheError = error;
-        }
-        finally {
-            if (!this.localStorageAvailable || !this.sessionStorageAvailable) {
-                console.warn('storage unavailable for caching purposes. Some features will not be fully supported. ', {
-                    local: this.localStorageAvailable,
-                    session: this.sessionStorageAvailable,
-                    error: cacheError
-                });
-            }
-        }
-    }
-    /**Return true if the requested cache allows the user to round-trip data in the current environment.
-     * Security settings can prevent it and the app may need to know if "not found" means "never set" or "not supported"
-     */
-    isCacheAvailable(sessionOnly = false) {
-        return sessionOnly ? this.sessionStorageAvailable : this.localStorageAvailable;
-    }
-    /**
-     * Retrieve an item from cache
-     */
-    getItem(key, sessionOnly = false) {
-        let storage = this.getStorage(sessionOnly);
-        if (storage) {
-            let result = storage.getItem(key);
-            if (result) {
-                return JSON.parse(result);
-            }
-        }
-        return null;
-    }
-    /**
-     * Retrieves all keys from cache
-     */
-    keys(sessionOnly = false) {
-        let result = new Array();
-        let storage = this.getStorage(sessionOnly);
-        if (storage) {
-            for (var i = 0, len = storage.length; i < len; ++i) {
-                result.push(storage.key(i));
-            }
-        }
-        return result;
-    }
-    /**
-     * Removes an item from the cache
-     */
-    removeItem(key, sessionOnly = false) {
-        let storage = this.getStorage(sessionOnly);
-        if (storage) {
-            storage.removeItem(key);
-        }
-    }
-    /**
-     * Persists an item to cache
-     */
-    setItem(key, value, sessionOnly = false) {
-        let storage = this.getStorage(sessionOnly);
-        if (storage) {
-            storage.setItem(key, JSON.stringify(value));
-        }
-    }
-    /**Returns the local or session storage to use for backing the given cache request.
-     * If the browser does not support the requested storage the result will be null.
-     * This can happen if the user is in Firefox for example with the setting dom.storage.enabled = false
-    */
-    getStorage(sessionOnly) {
-        if (sessionOnly && this.sessionStorageAvailable) {
-            return window.sessionStorage;
-        }
-        else if (this.localStorageAvailable) {
-            return window.localStorage;
-        }
-        else {
-            return null;
-        }
-    }
-}
-CacheService.ɵprov = ɵɵdefineInjectable({ factory: function CacheService_Factory() { return new CacheService(); }, token: CacheService, providedIn: "root" });
-CacheService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-CacheService.ctorParameters = () => [];
-
 /**
  * Base class for handling click and drag resizing of elements with a mouse.
  * Derived classes must provide the element to be resized and implement the setWidth function.