@energycap/components 0.27.8 → 0.27.9

package/bundles/energycap-components.umd.js

@@ -9,8 +9,117 @@
     var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
     var Popper__default = /*#__PURE__*/_interopDefaultLegacy(Popper);
 
+    var CacheService = /** @class */ (function () {
+        function CacheService() {
+            this.localStorageAvailable = false;
+            this.sessionStorageAvailable = false;
+            var cacheError = null;
+            try {
+                var dateStr = 'roundtrip-test-' + new Date().getTime();
+                var 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"
+         */
+        CacheService.prototype.isCacheAvailable = function (sessionOnly) {
+            if (sessionOnly === void 0) { sessionOnly = false; }
+            return sessionOnly ? this.sessionStorageAvailable : this.localStorageAvailable;
+        };
+        /**
+         * Retrieve an item from cache
+         */
+        CacheService.prototype.getItem = function (key, sessionOnly) {
+            if (sessionOnly === void 0) { sessionOnly = false; }
+            var storage = this.getStorage(sessionOnly);
+            if (storage) {
+                var result = storage.getItem(key);
+                if (result) {
+                    return JSON.parse(result);
+                }
+            }
+            return null;
+        };
+        /**
+         * Retrieves all keys from cache
+         */
+        CacheService.prototype.keys = function (sessionOnly) {
+            if (sessionOnly === void 0) { sessionOnly = false; }
+            var result = new Array();
+            var 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
+         */
+        CacheService.prototype.removeItem = function (key, sessionOnly) {
+            if (sessionOnly === void 0) { sessionOnly = false; }
+            var storage = this.getStorage(sessionOnly);
+            if (storage) {
+                storage.removeItem(key);
+            }
+        };
+        /**
+         * Persists an item to cache
+         */
+        CacheService.prototype.setItem = function (key, value, sessionOnly) {
+            if (sessionOnly === void 0) { sessionOnly = false; }
+            var 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
+        */
+        CacheService.prototype.getStorage = function (sessionOnly) {
+            if (sessionOnly && this.sessionStorageAvailable) {
+                return window.sessionStorage;
+            }
+            else if (this.localStorageAvailable) {
+                return window.localStorage;
+            }
+            else {
+                return null;
+            }
+        };
+        return CacheService;
+    }());
+    CacheService.ɵprov = i0.ɵɵdefineInjectable({ factory: function CacheService_Factory() { return new CacheService(); }, token: CacheService, providedIn: "root" });
+    CacheService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    CacheService.ctorParameters = function () { return []; };
+
     var BannerComponent = /** @class */ (function () {
-        function BannerComponent() {
+        function BannerComponent(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 */
@@ -22,6 +131,8 @@
             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 i0.EventEmitter();
             /**
@@ -29,6 +140,7 @@
              * If no value for overrideIcon is provided, will be automatically selected based on the type input.
              */
             this.icon = '';
+            this.cacheKeyPrefix = 'dismissableBanner-';
         }
         BannerComponent.prototype.ngOnChanges = function () {
             if (this.customIcon) {
@@ -37,12 +149,24 @@
             else {
                 this.getIconByBannerType();
             }
+            if (this.rememberClosed) {
+                var 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*/
         BannerComponent.prototype.close = function () {
             if (this.autoHideOnClose) {
                 this.hidden = true;
             }
+            if (this.rememberClosed) {
+                this.cacheService.setItem("" + this.cacheKeyPrefix + this.id, { hidden: true });
+            }
             this.closed.emit();
         };
         BannerComponent.prototype.getIconByBannerType = function () {
@@ -64,10 +188,13 @@
     BannerComponent.decorators = [
         { type: i0.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 = function () { return [
+        { type: CacheService }
+    ]; };
     BannerComponent.propDecorators = {
         hidden: [{ type: i0.HostBinding, args: ['hidden',] }, { type: i0.Input }],
         id: [{ type: i0.Input }],
@@ -79,6 +206,7 @@
         showCloseBtn: [{ type: i0.Input }],
         autoHideOnClose: [{ type: i0.Input }],
         customIcon: [{ type: i0.Input }],
+        rememberClosed: [{ type: i0.Input }],
         closed: [{ type: i0.Output }]
     };
 
@@ -5864,114 +5992,6 @@
         maxLength: [{ type: i0.Input }]
     };
 
-    var CacheService = /** @class */ (function () {
-        function CacheService() {
-            this.localStorageAvailable = false;
-            this.sessionStorageAvailable = false;
-            var cacheError = null;
-            try {
-                var dateStr = 'roundtrip-test-' + new Date().getTime();
-                var 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"
-         */
-        CacheService.prototype.isCacheAvailable = function (sessionOnly) {
-            if (sessionOnly === void 0) { sessionOnly = false; }
-            return sessionOnly ? this.sessionStorageAvailable : this.localStorageAvailable;
-        };
-        /**
-         * Retrieve an item from cache
-         */
-        CacheService.prototype.getItem = function (key, sessionOnly) {
-            if (sessionOnly === void 0) { sessionOnly = false; }
-            var storage = this.getStorage(sessionOnly);
-            if (storage) {
-                var result = storage.getItem(key);
-                if (result) {
-                    return JSON.parse(result);
-                }
-            }
-            return null;
-        };
-        /**
-         * Retrieves all keys from cache
-         */
-        CacheService.prototype.keys = function (sessionOnly) {
-            if (sessionOnly === void 0) { sessionOnly = false; }
-            var result = new Array();
-            var 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
-         */
-        CacheService.prototype.removeItem = function (key, sessionOnly) {
-            if (sessionOnly === void 0) { sessionOnly = false; }
-            var storage = this.getStorage(sessionOnly);
-            if (storage) {
-                storage.removeItem(key);
-            }
-        };
-        /**
-         * Persists an item to cache
-         */
-        CacheService.prototype.setItem = function (key, value, sessionOnly) {
-            if (sessionOnly === void 0) { sessionOnly = false; }
-            var 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
-        */
-        CacheService.prototype.getStorage = function (sessionOnly) {
-            if (sessionOnly && this.sessionStorageAvailable) {
-                return window.sessionStorage;
-            }
-            else if (this.localStorageAvailable) {
-                return window.localStorage;
-            }
-            else {
-                return null;
-            }
-        };
-        return CacheService;
-    }());
-    CacheService.ɵprov = i0.ɵɵdefineInjectable({ factory: function CacheService_Factory() { return new CacheService(); }, token: CacheService, providedIn: "root" });
-    CacheService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-    CacheService.ctorParameters = function () { return []; };
-
     /**
      * 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.