@energycap/components 0.27.1 → 0.27.2-ECAPID-377-Implement-Sidebar.20220118-1026

package/bundles/energycap-components.umd.js

@@ -5846,121 +5846,6 @@
         maxLength: [{ type: i0.Input }]
     };
 
-    /** Exposes the markup and styles that represent the spinner. No inputs or outputs defined because it is just a visual component*/
-    var SpinnerComponent = /** @class */ (function () {
-        function SpinnerComponent() {
-        }
-        return SpinnerComponent;
-    }());
-    SpinnerComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'ec-spinner',
-                    template: "<div class=\"spinner\">\r\n  <span class=\"spinner-dot\"></span>\r\n  <span class=\"spinner-dot\"></span>\r\n  <span class=\"spinner-dot\"></span>\r\n  <span class=\"spinner-dot\"></span>\r\n</div>",
-                    styles: ["@-webkit-keyframes sk-bouncedelay{0%,80%,to{opacity:0}40%{opacity:1}}@keyframes sk-bouncedelay{0%,80%,to{opacity:0}40%{opacity:1}}.spinner{display:flex}.spinner-dot{-webkit-animation:sk-bouncedelay 1.7s ease-in-out infinite both;animation:sk-bouncedelay 1.7s ease-in-out infinite both;background-color:#0084a9;height:.75rem;margin-right:.25rem;width:.75rem}.spinner-dot:first-child{-webkit-animation-delay:-.6s;animation-delay:-.6s}.spinner-dot:nth-child(2){-webkit-animation-delay:-.4s;animation-delay:-.4s}.spinner-dot:nth-child(3){-webkit-animation-delay:-.2s;animation-delay:-.2s}:host(.spinner-small) .spinner-dot{-webkit-animation:sk-bouncedelay 1.7s ease-in-out infinite both;animation:sk-bouncedelay 1.7s ease-in-out infinite both;background-color:#0084a9;height:.5rem;margin-right:.1666666667rem;width:.5rem}:host(.spinner-small) .spinner-dot:first-child{-webkit-animation-delay:-.6s;animation-delay:-.6s}:host(.spinner-small) .spinner-dot:nth-child(2){-webkit-animation-delay:-.4s;animation-delay:-.4s}:host(.spinner-small) .spinner-dot:nth-child(3){-webkit-animation-delay:-.2s;animation-delay:-.2s}"]
-                },] }
-    ];
-
-    var SplashService = /** @class */ (function () {
-        function SplashService() {
-            /** Used to interact with the splash component
-             *  The splash component will subscribe to this and any components
-             *  that wish to bring the splash visible can use this to communicate
-             *  with the splash component.
-             */
-            this._splashVisibility = new rxjs.Subject();
-            this.splashVisibility = this._splashVisibility;
-        }
-        /**
-         * Shows the splash screen
-         */
-        SplashService.prototype.showSplash = function () {
-            this._splashVisibility.next(true);
-        };
-        /**
-         * Hides the splash screen
-         */
-        SplashService.prototype.hideSplash = function () {
-            this._splashVisibility.next(false);
-        };
-        return SplashService;
-    }());
-    SplashService.ɵprov = i0.ɵɵdefineInjectable({ factory: function SplashService_Factory() { return new SplashService(); }, token: SplashService, providedIn: "root" });
-    SplashService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-    SplashService.ctorParameters = function () { return []; };
-
-    var SplashComponent = /** @class */ (function () {
-        function SplashComponent(splashService) {
-            this.splashService = splashService;
-            /** Sets the visibility of the splash display */
-            this.isVisible = true;
-            this.stopAnimation = false;
-            /** Emits when the service is destroyed */
-            this.destroyed = new rxjs.Subject();
-        }
-        SplashComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.splashService.splashVisibility.pipe(operators.takeUntil(this.destroyed), operators.tap(function (value) { return __awaiter(_this, void 0, void 0, function () {
-                var _this = this;
-                return __generator(this, function (_a) {
-                    if (value) {
-                        this.stopAnimation = false;
-                    }
-                    else {
-                        // Prevent animation from continuing after splash screen is hidden
-                        // but if we hide it then show while the timer is running, don't stop the animation after all
-                        rxjs.timer(1000).pipe(operators.takeUntil(this.splashService.splashVisibility)).subscribe(function () {
-                            _this.stopAnimation = true;
-                        });
-                    }
-                    return [2 /*return*/];
-                });
-            }); })).subscribe(function (showSplash) {
-                _this.isVisible = showSplash;
-            });
-        };
-        SplashComponent.prototype.ngOnDestroy = function () {
-            this.destroyed.next();
-            this.destroyed.unsubscribe();
-        };
-        return SplashComponent;
-    }());
-    SplashComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'ec-splash',
-                    template: "<div class=\"app-splash\"\r\n     [class.app-loaded]=\"!isVisible\">\r\n\r\n    <!-- This is the raw icon.svg file so we can animate it -->\r\n    <svg [class.d-none]=\"stopAnimation\" \r\n         xmlns=\"http://www.w3.org/2000/svg\"\r\n         width=\"50\"\r\n         height=\"50\"\r\n         viewBox=\"0 0 50 50\">\r\n        <g>\r\n            <g>\r\n                <path fill=\"#A0AD39\"\r\n                fill-rule=\"nonzero\"\r\n                d=\"M34.93,32.25 L34.93,37.25 L15.21,37.25 L15.21,32.25 L34.93,32.25 Z M28.45,22.48 L28.45,27.48 L15.21,27.48 L15.21,22.48 L28.45,22.48 Z M34.93,12.71 L34.93,17.71 L15.21,17.71 L15.21,12.71 L34.93,12.71 Z\" />\r\n                <path fill=\"#A0AD39\"\r\n                d=\"M24.99,5 C31.1,5 36.56,7.75 40.23,12.07 L44.33,9.16 C39.75,3.57 32.78,0 24.99,0 C17.2,0 10.23,3.57 5.65,9.16 L9.75,12.07 C13.42,7.75 18.88,5 24.99,5 Z\" />\r\n            </g>\r\n            <path fill=\"#17303B\"\r\n                  d=\"M40.24,37.93 C36.57,42.25 31.11,45 25,45 C18.89,45 13.43,42.25 9.76,37.93 L9.78,37.92 C6.82,34.43 5,29.94 5,25 C5,21.86 5.74,18.91 7.03,16.26 L2.89,13.33 C1.05,16.81 0,20.78 0,25 C0,31.01 2.13,36.52 5.66,40.83 L5.66,40.83 C10.24,46.42 17.21,49.99 25,49.99 C32.79,49.99 39.76,46.42 44.34,40.83 L40.24,37.93 Z\" />\r\n        </g>\r\n\r\n    </svg>\r\n</div>"
-                },] }
-    ];
-    SplashComponent.ctorParameters = function () { return [
-        { type: SplashService }
-    ]; };
-
-    var ResizableColumnComponent = /** @class */ (function () {
-        function ResizableColumnComponent(el) {
-            this.el = el;
-            this.onResize = new i0.EventEmitter();
-        }
-        ResizableColumnComponent.prototype.emitWidth = function (width) {
-            this.onResize.emit(width);
-        };
-        return ResizableColumnComponent;
-    }());
-    ResizableColumnComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'th.is-resizable',
-                    template: "<div class=\"content-wrapper\">\r\n  <div class=\"content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n<div class=\"handle\"></div>\r\n"
-                },] }
-    ];
-    ResizableColumnComponent.ctorParameters = function () { return [
-        { type: i0.ElementRef }
-    ]; };
-    ResizableColumnComponent.propDecorators = {
-        onResize: [{ type: i0.Output }]
-    };
-
     var CacheService = /** @class */ (function () {
         function CacheService() {
             this.localStorageAvailable = false;
@@ -6186,6 +6071,174 @@
         id: [{ type: i0.Input }]
     };
 
+    /**
+     * Make an element resizable horizontally by wrapping it in the ResizableComponent.
+     * Default widths / limits are applied but you can optionally override them
+     * with min-width and max-width with style attributes
+     * @example
+     * <ec-resizable [style.width.px]="200"
+     *               [style.min-width.px]="75"
+     *               [style.max-width.px]="300">
+     *    <div> ... </div>
+     * </ec-resizable>
+     */
+    var ResizableComponent = /** @class */ (function (_super) {
+        __extends(ResizableComponent, _super);
+        function ResizableComponent(el, renderer, cacheService, document) {
+            var _this = _super.call(this, renderer, cacheService, document) || this;
+            _this.el = el;
+            //default rememberWidth to true for standard resizable, resizable tables default to false
+            _this.rememberWidth = true;
+            return _this;
+        }
+        /** Store the host element to reference later */
+        ResizableComponent.prototype.ngOnInit = function () {
+            this.currentEl = this.el.nativeElement;
+        };
+        /**
+         * Set the new width of the element and emit the new width to subscribers
+         */
+        ResizableComponent.prototype.setWidth = function (width) {
+            this.renderer.setStyle(this.currentEl, 'width', width + 'px');
+            this.saveWidths([width]);
+        };
+        /**Called from the base class when cached widths are available and restoring
+         * width is enabled. We only care about the first one because we only have one width
+         */
+        ResizableComponent.prototype.restoreWidths = function (widths) {
+            this.setWidth(widths[0]);
+        };
+        return ResizableComponent;
+    }(ResizableBase));
+    ResizableComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'ec-resizable',
+                    template: "<div class=\"content\">\n              <ng-content></ng-content>\n            </div>\n            <div class=\"handle\" (mousedown)=\"startDrag($event)\"></div>",
+                    styles: ["@-webkit-keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}:host{border-right:1px solid #d2d7d9;display:flex;max-width:480px;min-width:100px;position:relative;width:240px}:host.is-active{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none}:host.is-active .handle:after{background-color:#0084a9}.handle{height:100%;padding:0 5px;position:absolute;right:-7px;top:0;width:13px;z-index:30}.handle:after{content:\"\";display:block;height:100%;position:relative;transition:background-color .3s ease}.handle:hover{cursor:col-resize}.handle:hover:after{background-color:#0084a9}.content{display:flex;overflow:hidden}.content,.content ::ng-deep>*{flex:1 1;min-height:0;min-width:0}"]
+                },] }
+    ];
+    ResizableComponent.ctorParameters = function () { return [
+        { type: i0.ElementRef },
+        { type: i0.Renderer2 },
+        { type: CacheService },
+        { type: Document, decorators: [{ type: i0.Inject, args: [common.DOCUMENT,] }] }
+    ]; };
+
+    /** Exposes the markup and styles that represent the spinner. No inputs or outputs defined because it is just a visual component*/
+    var SpinnerComponent = /** @class */ (function () {
+        function SpinnerComponent() {
+        }
+        return SpinnerComponent;
+    }());
+    SpinnerComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'ec-spinner',
+                    template: "<div class=\"spinner\">\r\n  <span class=\"spinner-dot\"></span>\r\n  <span class=\"spinner-dot\"></span>\r\n  <span class=\"spinner-dot\"></span>\r\n  <span class=\"spinner-dot\"></span>\r\n</div>",
+                    styles: ["@-webkit-keyframes sk-bouncedelay{0%,80%,to{opacity:0}40%{opacity:1}}@keyframes sk-bouncedelay{0%,80%,to{opacity:0}40%{opacity:1}}.spinner{display:flex}.spinner-dot{-webkit-animation:sk-bouncedelay 1.7s ease-in-out infinite both;animation:sk-bouncedelay 1.7s ease-in-out infinite both;background-color:#0084a9;height:.75rem;margin-right:.25rem;width:.75rem}.spinner-dot:first-child{-webkit-animation-delay:-.6s;animation-delay:-.6s}.spinner-dot:nth-child(2){-webkit-animation-delay:-.4s;animation-delay:-.4s}.spinner-dot:nth-child(3){-webkit-animation-delay:-.2s;animation-delay:-.2s}:host(.spinner-small) .spinner-dot{-webkit-animation:sk-bouncedelay 1.7s ease-in-out infinite both;animation:sk-bouncedelay 1.7s ease-in-out infinite both;background-color:#0084a9;height:.5rem;margin-right:.1666666667rem;width:.5rem}:host(.spinner-small) .spinner-dot:first-child{-webkit-animation-delay:-.6s;animation-delay:-.6s}:host(.spinner-small) .spinner-dot:nth-child(2){-webkit-animation-delay:-.4s;animation-delay:-.4s}:host(.spinner-small) .spinner-dot:nth-child(3){-webkit-animation-delay:-.2s;animation-delay:-.2s}"]
+                },] }
+    ];
+
+    var SplashService = /** @class */ (function () {
+        function SplashService() {
+            /** Used to interact with the splash component
+             *  The splash component will subscribe to this and any components
+             *  that wish to bring the splash visible can use this to communicate
+             *  with the splash component.
+             */
+            this._splashVisibility = new rxjs.Subject();
+            this.splashVisibility = this._splashVisibility;
+        }
+        /**
+         * Shows the splash screen
+         */
+        SplashService.prototype.showSplash = function () {
+            this._splashVisibility.next(true);
+        };
+        /**
+         * Hides the splash screen
+         */
+        SplashService.prototype.hideSplash = function () {
+            this._splashVisibility.next(false);
+        };
+        return SplashService;
+    }());
+    SplashService.ɵprov = i0.ɵɵdefineInjectable({ factory: function SplashService_Factory() { return new SplashService(); }, token: SplashService, providedIn: "root" });
+    SplashService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    SplashService.ctorParameters = function () { return []; };
+
+    var SplashComponent = /** @class */ (function () {
+        function SplashComponent(splashService) {
+            this.splashService = splashService;
+            /** Sets the visibility of the splash display */
+            this.isVisible = true;
+            this.stopAnimation = false;
+            /** Emits when the service is destroyed */
+            this.destroyed = new rxjs.Subject();
+        }
+        SplashComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.splashService.splashVisibility.pipe(operators.takeUntil(this.destroyed), operators.tap(function (value) { return __awaiter(_this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    if (value) {
+                        this.stopAnimation = false;
+                    }
+                    else {
+                        // Prevent animation from continuing after splash screen is hidden
+                        // but if we hide it then show while the timer is running, don't stop the animation after all
+                        rxjs.timer(1000).pipe(operators.takeUntil(this.splashService.splashVisibility)).subscribe(function () {
+                            _this.stopAnimation = true;
+                        });
+                    }
+                    return [2 /*return*/];
+                });
+            }); })).subscribe(function (showSplash) {
+                _this.isVisible = showSplash;
+            });
+        };
+        SplashComponent.prototype.ngOnDestroy = function () {
+            this.destroyed.next();
+            this.destroyed.unsubscribe();
+        };
+        return SplashComponent;
+    }());
+    SplashComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'ec-splash',
+                    template: "<div class=\"app-splash\"\r\n     [class.app-loaded]=\"!isVisible\">\r\n\r\n    <!-- This is the raw icon.svg file so we can animate it -->\r\n    <svg [class.d-none]=\"stopAnimation\" \r\n         xmlns=\"http://www.w3.org/2000/svg\"\r\n         width=\"50\"\r\n         height=\"50\"\r\n         viewBox=\"0 0 50 50\">\r\n        <g>\r\n            <g>\r\n                <path fill=\"#A0AD39\"\r\n                fill-rule=\"nonzero\"\r\n                d=\"M34.93,32.25 L34.93,37.25 L15.21,37.25 L15.21,32.25 L34.93,32.25 Z M28.45,22.48 L28.45,27.48 L15.21,27.48 L15.21,22.48 L28.45,22.48 Z M34.93,12.71 L34.93,17.71 L15.21,17.71 L15.21,12.71 L34.93,12.71 Z\" />\r\n                <path fill=\"#A0AD39\"\r\n                d=\"M24.99,5 C31.1,5 36.56,7.75 40.23,12.07 L44.33,9.16 C39.75,3.57 32.78,0 24.99,0 C17.2,0 10.23,3.57 5.65,9.16 L9.75,12.07 C13.42,7.75 18.88,5 24.99,5 Z\" />\r\n            </g>\r\n            <path fill=\"#17303B\"\r\n                  d=\"M40.24,37.93 C36.57,42.25 31.11,45 25,45 C18.89,45 13.43,42.25 9.76,37.93 L9.78,37.92 C6.82,34.43 5,29.94 5,25 C5,21.86 5.74,18.91 7.03,16.26 L2.89,13.33 C1.05,16.81 0,20.78 0,25 C0,31.01 2.13,36.52 5.66,40.83 L5.66,40.83 C10.24,46.42 17.21,49.99 25,49.99 C32.79,49.99 39.76,46.42 44.34,40.83 L40.24,37.93 Z\" />\r\n        </g>\r\n\r\n    </svg>\r\n</div>"
+                },] }
+    ];
+    SplashComponent.ctorParameters = function () { return [
+        { type: SplashService }
+    ]; };
+
+    var ResizableColumnComponent = /** @class */ (function () {
+        function ResizableColumnComponent(el) {
+            this.el = el;
+            this.onResize = new i0.EventEmitter();
+        }
+        ResizableColumnComponent.prototype.emitWidth = function (width) {
+            this.onResize.emit(width);
+        };
+        return ResizableColumnComponent;
+    }());
+    ResizableColumnComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'th.is-resizable',
+                    template: "<div class=\"content-wrapper\">\r\n  <div class=\"content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n<div class=\"handle\"></div>\r\n"
+                },] }
+    ];
+    ResizableColumnComponent.ctorParameters = function () { return [
+        { type: i0.ElementRef }
+    ]; };
+    ResizableColumnComponent.propDecorators = {
+        onResize: [{ type: i0.Output }]
+    };
+
     /**
      * Add the ability to resize columns to a standard HTML table.
      * Specify a column as resizable by adding the .is-resizable class to a <th>.
@@ -8132,6 +8185,51 @@
         { type: UserPreferenceService }
     ]; };
 
+    var RelativeDatePipe = /** @class */ (function () {
+        function RelativeDatePipe(dateDisplayPipe, timeDisplayPipe, translateService) {
+            this.dateDisplayPipe = dateDisplayPipe;
+            this.timeDisplayPipe = timeDisplayPipe;
+            this.translateService = translateService;
+        }
+        /**
+         * If dateOnly is true, returns timeSelected formatted according to the user's date preference.
+         * If timeOnly is true, returns timeSelected formatted according to the user's time preference.
+         * If any of todayLabel, yesterdayLabel is supplied, use the supplied label.
+         * If dateOnly and timeOnly are both false, returns timeSelected formatted according to the user's date plus time preference.
+         */
+        RelativeDatePipe.prototype.transform = function (timeSelected, options) {
+            var selected = moment__default['default'](timeSelected);
+            var today = moment__default['default']();
+            var yesterday = moment__default['default']().subtract(1, 'day');
+            var timeDisplay = (options === null || options === void 0 ? void 0 : options.dateOnly) ? "" : " " + this.timeDisplayPipe.transform(timeSelected);
+            var displayValue = null;
+            if (selected.isSame(today, 'day') && !(options === null || options === void 0 ? void 0 : options.showTimeForToday)) {
+                displayValue = this.translateService.instant((options === null || options === void 0 ? void 0 : options.todayLabel) ? options === null || options === void 0 ? void 0 : options.todayLabel : 'today');
+            }
+            else if (selected.isSame(today, 'day') && (options === null || options === void 0 ? void 0 : options.showTimeForToday) && !timeDisplay) {
+                displayValue = this.timeDisplayPipe.transform(timeSelected);
+            }
+            else if (selected.isSame(yesterday, 'day')) {
+                displayValue = this.translateService.instant((options === null || options === void 0 ? void 0 : options.yesterdayLabel) ? options === null || options === void 0 ? void 0 : options.yesterdayLabel : 'yesterday');
+            }
+            else {
+                displayValue = this.dateDisplayPipe.transform(timeSelected);
+            }
+            return "" + displayValue + timeDisplay;
+        };
+        return RelativeDatePipe;
+    }());
+    RelativeDatePipe.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: 'relativeDate'
+                },] }
+    ];
+    RelativeDatePipe.ctorParameters = function () { return [
+        { type: DateDisplayPipe },
+        { type: TimeDisplayPipe },
+        { type: i1.TranslateService }
+    ]; };
+
     var PageTitleComponent = /** @class */ (function () {
         function PageTitleComponent() {
         }
@@ -8530,6 +8628,7 @@
                         WizardButtonsComponent,
                         HierarchyTreeComponent,
                         TreeComponent,
+                        RelativeDatePipe,
                         ResizableComponent
                     ],
                     imports: [
@@ -8547,7 +8646,8 @@
                         DateDisplayPipe,
                         TimeDisplayPipe,
                         MockDateDisplayPipe,
-                        RowCountPipe
+                        RowCountPipe,
+                        RelativeDatePipe
                     ],
                     exports: [
                         ButtonComponent,
@@ -8601,6 +8701,7 @@
                         WizardButtonsComponent,
                         HierarchyTreeComponent,
                         TreeComponent,
+                        RelativeDatePipe,
                         ResizableComponent
                     ]
                 },] }
@@ -8687,59 +8788,6 @@
     }());
     ;
 
-    /**
-     * Make an element resizable horizontally by wrapping it in the ResizableComponent.
-     * Default widths / limits are applied but you can optionally override them
-     * with min-width and max-width with style attributes
-     * @example
-     * <ec-resizable [style.width.px]="200"
-     *               [style.min-width.px]="75"
-     *               [style.max-width.px]="300">
-     *    <div> ... </div>
-     * </ec-resizable>
-     */
-    var ResizableComponent = /** @class */ (function (_super) {
-        __extends(ResizableComponent, _super);
-        function ResizableComponent(el, renderer, cacheService, document) {
-            var _this = _super.call(this, renderer, cacheService, document) || this;
-            _this.el = el;
-            //default rememberWidth to true for standard resizable, resizable tables default to false
-            _this.rememberWidth = true;
-            return _this;
-        }
-        /** Store the host element to reference later */
-        ResizableComponent.prototype.ngOnInit = function () {
-            this.currentEl = this.el.nativeElement;
-        };
-        /**
-         * Set the new width of the element and emit the new width to subscribers
-         */
-        ResizableComponent.prototype.setWidth = function (width) {
-            this.renderer.setStyle(this.currentEl, 'width', width + 'px');
-            this.saveWidths([width]);
-        };
-        /**Called from the base class when cached widths are available and restoring
-         * width is enabled. We only care about the first one because we only have one width
-         */
-        ResizableComponent.prototype.restoreWidths = function (widths) {
-            this.setWidth(widths[0]);
-        };
-        return ResizableComponent;
-    }(ResizableBase));
-    ResizableComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'ec-resizable',
-                    template: "<div class=\"content\">\n              <ng-content></ng-content>\n            </div>\n            <div class=\"handle\" (mousedown)=\"startDrag($event)\"></div>",
-                    styles: ["@-webkit-keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}:host{border-right:1px solid #d2d7d9;display:flex;max-width:480px;min-width:100px;position:relative;width:240px}:host.is-active{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none}:host.is-active .handle:after{background-color:#0084a9}.handle{height:100%;padding:0 5px;position:absolute;right:-7px;top:0;width:13px;z-index:30}.handle:after{content:\"\";display:block;height:100%;position:relative;transition:background-color .3s ease}.handle:hover{cursor:col-resize}.handle:hover:after{background-color:#0084a9}.content{display:flex;overflow:hidden}.content,.content ::ng-deep>*{flex:1 1;min-height:0;min-width:0}"]
-                },] }
-    ];
-    ResizableComponent.ctorParameters = function () { return [
-        { type: i0.ElementRef },
-        { type: i0.Renderer2 },
-        { type: CacheService },
-        { type: Document, decorators: [{ type: i0.Inject, args: [common.DOCUMENT,] }] }
-    ]; };
-
     var CustomValidators = /** @class */ (function () {
         function CustomValidators() {
         }
@@ -9811,6 +9859,7 @@
     exports.PopupContainerDirective = PopupContainerDirective;
     exports.RadioButtonComponent = RadioButtonComponent;
     exports.RadioButtonOption = RadioButtonOption;
+    exports.RelativeDatePipe = RelativeDatePipe;
     exports.ResizableBase = ResizableBase;
     exports.ResizableColumnComponent = ResizableColumnComponent;
     exports.ResizableComponent = ResizableComponent;