@energycap/components 0.27.2-ECAPID-381-Title-Updates.20220119-1621 → 0.27.2-ECAPID-377-Implement-Sidebar.20220120-1419

package/bundles/energycap-components.umd.js

@@ -8146,6 +8146,34 @@
         width: [{ type: i0.Input, args: ['ecIfViewportWidth',] }]
     };
 
+    var HighlightTextPipe = /** @class */ (function () {
+        function HighlightTextPipe() {
+        }
+        HighlightTextPipe.prototype.transform = function (value, searchText) {
+            var transformedValue = '';
+            if (value && searchText) {
+                var regex = new RegExp(this.escapeRegex(searchText), 'gi');
+                transformedValue = value.replace(regex, this.strongWrap);
+            }
+            else {
+                transformedValue = value;
+            }
+            return transformedValue;
+        };
+        HighlightTextPipe.prototype.strongWrap = function (match) {
+            return "<strong class=\"text-highlight\">" + match + "</strong>";
+        };
+        HighlightTextPipe.prototype.escapeRegex = function (value) {
+            return value.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
+        };
+        return HighlightTextPipe;
+    }());
+    HighlightTextPipe.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: 'highlightText'
+                },] }
+    ];
+
     /**
      * Format a time to the user's preference for display
      */
@@ -8238,7 +8266,7 @@
     PageTitleComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'app-page-title',
-                    template: "<i *ngIf=\"titleIcon\"\r\n   class=\"flex-shrink mr-1 my-1 ec-icon ec-icon-md {{titleIcon}}\"></i>\r\n<div class=\"text-truncate\">\r\n      <h1 *ngIf=\"title\"\r\n          class=\"text-title-1 mb-0 py-1 text-truncate\"\r\n          title=\"{{title}}\">{{title}}</h1>\r\n      <p *ngIf=\"subTitle\"\r\n         class=\"text-caption-1 mb-0 mt-n1 text-truncate\">{{subTitle}}</p>\r\n</div>",
+                    template: "<i *ngIf=\"titleIcon\"\r\n   class=\"flex-shrink mr-1 my-1 ec-icon ec-icon-md {{titleIcon}}\"></i>\r\n<div>\r\n      <h1 *ngIf=\"title\"\r\n            class=\"text-title-1 mb-0 py-1 text-truncate\">{{title}}</h1>\r\n      <p *ngIf=\"subTitle\"\r\n            class=\"text-caption-1 mb-0 mt-n1 text-truncate\">{{subTitle}}</p>\r\n</div>",
                     host: {
                         class: 'd-flex'
                     }
@@ -8304,7 +8332,7 @@
     PageViewComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'ec-page-view',
-                    template: "<div ecOverlay\r\n    [status]=\"status?.status\"\r\n    [message]=\"status?.message\"\r\n    [displayAsMask]=\"true\"\r\n    class=\"bg-body flex-grow d-flex\">\r\n    <div id=\"PageViewScrollContainer\" \r\n            class=\"d-flex flex-column flex-grow scroll-y\" \r\n            [class.is-dialog]=\"isDialog\"\r\n            [class.fit-content]=\"fitContent\"\r\n            [class.sticky-footer]=\"stickyFooter && !!footerTemplate\"\r\n            [class.overlay-visible]=\"status?.status !== 'hasData'\">\r\n        <section>\r\n            <ng-content></ng-content>    \r\n        </section>\r\n        \r\n        <footer>\r\n            <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\r\n        </footer>\r\n\r\n        <header *ngIf=\"showHeader\">\r\n        \r\n            <ol id=\"breadcrumbs\"\r\n                *ngIf=\"breadcrumbs?.length && !isDialog\">\r\n                <li *ngFor=\"let crumb of breadcrumbs; last as isLast\">\r\n                    <a *ngIf=\"crumb.url; else label\"\r\n                        [routerLink]=\"crumb.url\">\r\n                        <ng-container *ngTemplateOutlet=\"label\"></ng-container>\r\n                    </a>\r\n                    <ng-template #label>{{crumb.label}}</ng-template>\r\n                </li>\r\n            </ol>\r\n        \r\n            <div *ngIf=\"!customHeaderTemplate; else customHeaderOutlet\" class=\"titlebar\">\r\n                <app-page-title *ngIf=\"!customTitleTemplate; else customTitle\" \r\n                                [title]=\"title\"\r\n                                [subTitle]=\"subTitle\"\r\n                                [titleIcon]=\"titleIcon\"\r\n                                class=\"title text-truncate\">\r\n                </app-page-title>\r\n            \r\n                <ng-template #customTitle>\r\n                    <div class=\"title\">\r\n                        <ng-container *ngTemplateOutlet=\"customTitleTemplate\"></ng-container>\r\n                    </div>\r\n                </ng-template>\r\n            \r\n                <div class=\"actions\">\r\n                    <ec-button id=\"primaryAction\"\r\n                                class=\"ml-2\"\r\n                                *ngIf=\"!hidePrimaryAction && onPrimaryAction.observers?.length\"\r\n                                [disabled]=\"status?.status === 'pending'\"\r\n                                type=\"primary\"\r\n                                [label]=\"primaryActionLabel\"\r\n                                (clicked)=\"primaryAction($event)\">\r\n                    </ec-button>\r\n                    <ec-button id=\"secondaryAction\"\r\n                                class=\"ml-2\"\r\n                                *ngIf=\"!hideSecondaryAction && onSecondaryAction.observers?.length\"\r\n                                type=\"secondary\"\r\n                                [label]=\"secondaryActionLabel\"\r\n                                (clicked)=\"secondaryAction($event)\">\r\n                    </ec-button>\r\n                    <ec-dropdown id=\"moreActions\"\r\n                                    *ngIf=\"moreActions?.length\"\r\n                                    [disabled]=\"status?.status === 'pending'\"\r\n                                    class=\"ml-2\"\r\n                                    buttonType=\"secondary\"\r\n                                    [label]=\"moreActionsLabel\"\r\n                                    [items]=\"moreActions\">\r\n                    </ec-dropdown>\r\n                    <ng-container *ngTemplateOutlet=\"customActionsTemplate\"></ng-container>\r\n                </div>\r\n            </div>\r\n        \r\n            <ng-template #customHeaderOutlet>   \r\n                <div class=\"page-header\">\r\n                    <ng-container *ngTemplateOutlet=\"customHeaderTemplate\"></ng-container>\r\n                </div>\r\n            </ng-template>\r\n        \r\n            <ec-banner *ngIf=\"errors\"\r\n                   id=\"pageViewErrors\"\r\n                   [class.border-bottom-0]=\"!isDialog\">\r\n                <div [innerHtml]=\"errors\"></div>\r\n            </ec-banner>\r\n        </header>\r\n    </div>\r\n</div>\r\n\r\n",
+                    template: "<div ecOverlay\r\n    [status]=\"status?.status\"\r\n    [message]=\"status?.message\"\r\n    [displayAsMask]=\"true\"\r\n    class=\"bg-body flex-grow d-flex\">\r\n    <div id=\"PageViewScrollContainer\" \r\n            class=\"d-flex flex-column flex-grow scroll-y\" \r\n            [class.is-dialog]=\"isDialog\"\r\n            [class.fit-content]=\"fitContent\"\r\n            [class.sticky-footer]=\"stickyFooter && !!footerTemplate\"\r\n            [class.overlay-visible]=\"status?.status !== 'hasData'\">\r\n        <section>\r\n            <ng-content></ng-content>    \r\n        </section>\r\n        \r\n        <footer>\r\n            <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\r\n        </footer>\r\n\r\n        <header *ngIf=\"showHeader\">\r\n        \r\n            <ol id=\"breadcrumbs\"\r\n                *ngIf=\"breadcrumbs?.length && !isDialog\">\r\n                <li *ngFor=\"let crumb of breadcrumbs; last as isLast\">\r\n                    <a *ngIf=\"crumb.url; else label\"\r\n                        [routerLink]=\"crumb.url\">\r\n                        <ng-container *ngTemplateOutlet=\"label\"></ng-container>\r\n                    </a>\r\n                    <ng-template #label>{{crumb.label}}</ng-template>\r\n                </li>\r\n            </ol>\r\n        \r\n            <div *ngIf=\"!customHeaderTemplate; else customHeaderOutlet\" class=\"titlebar\">\r\n                <app-page-title *ngIf=\"!customTitleTemplate; else customTitle\" \r\n                                [title]=\"title\"\r\n                                [subTitle]=\"subTitle\"\r\n                                [titleIcon]=\"titleIcon\"\r\n                                class=\"title\">\r\n                </app-page-title>\r\n            \r\n                <ng-template #customTitle>\r\n                    <div class=\"title\">\r\n                        <ng-container *ngTemplateOutlet=\"customTitleTemplate\"></ng-container>\r\n                    </div>\r\n                </ng-template>\r\n            \r\n                <div class=\"actions\">\r\n                    <ec-button id=\"primaryAction\"\r\n                                class=\"ml-2\"\r\n                                *ngIf=\"!hidePrimaryAction && onPrimaryAction.observers?.length\"\r\n                                [disabled]=\"status?.status === 'pending'\"\r\n                                type=\"primary\"\r\n                                [label]=\"primaryActionLabel\"\r\n                                (clicked)=\"primaryAction($event)\">\r\n                    </ec-button>\r\n                    <ec-button id=\"secondaryAction\"\r\n                                class=\"ml-2\"\r\n                                *ngIf=\"!hideSecondaryAction && onSecondaryAction.observers?.length\"\r\n                                type=\"secondary\"\r\n                                [label]=\"secondaryActionLabel\"\r\n                                (clicked)=\"secondaryAction($event)\">\r\n                    </ec-button>\r\n                    <ec-dropdown id=\"moreActions\"\r\n                                    *ngIf=\"moreActions?.length\"\r\n                                    [disabled]=\"status?.status === 'pending'\"\r\n                                    class=\"ml-2\"\r\n                                    buttonType=\"secondary\"\r\n                                    [label]=\"moreActionsLabel\"\r\n                                    [items]=\"moreActions\">\r\n                    </ec-dropdown>\r\n                    <ng-container *ngTemplateOutlet=\"customActionsTemplate\"></ng-container>\r\n                </div>\r\n            </div>\r\n        \r\n            <ng-template #customHeaderOutlet>   \r\n                <div class=\"page-header\">\r\n                    <ng-container *ngTemplateOutlet=\"customHeaderTemplate\"></ng-container>\r\n                </div>\r\n            </ng-template>\r\n        \r\n            <ec-banner *ngIf=\"errors\"\r\n                   id=\"pageViewErrors\"\r\n                   [class.border-bottom-0]=\"!isDialog\">\r\n                <div [innerHtml]=\"errors\"></div>\r\n            </ec-banner>\r\n        </header>\r\n    </div>\r\n</div>\r\n\r\n",
                     host: {
                         class: "flex-grow"
                     },
@@ -8629,7 +8657,8 @@
                         HierarchyTreeComponent,
                         TreeComponent,
                         RelativeDatePipe,
-                        ResizableComponent
+                        ResizableComponent,
+                        HighlightTextPipe
                     ],
                     imports: [
                         common.CommonModule,
@@ -8647,7 +8676,8 @@
                         TimeDisplayPipe,
                         MockDateDisplayPipe,
                         RowCountPipe,
-                        RelativeDatePipe
+                        RelativeDatePipe,
+                        HighlightTextPipe
                     ],
                     exports: [
                         ButtonComponent,
@@ -8702,7 +8732,8 @@
                         HierarchyTreeComponent,
                         TreeComponent,
                         RelativeDatePipe,
-                        ResizableComponent
+                        ResizableComponent,
+                        HighlightTextPipe
                     ]
                 },] }
     ];
@@ -8882,6 +8913,10 @@
              * Default unknown save error message, override if a more specific message is needed
              */
             this.defaultUnknownSaveError = 'PageBaseUnknownSaveError_SC';
+            /**
+             * Used to opt out of hiding the splash screen when the page is loaded
+             */
+            this.skipHideSplashOnComplete = false;
             /**
              * Used to unsubscribe from observables
              */
@@ -8903,6 +8938,7 @@
             this.router = injector.get(i1$1.Router);
             this.activatedRoute = injector.get(i1$1.ActivatedRoute);
             this.dialogService = injector.get(DialogService);
+            this.splashService = injector.get(SplashService);
         }
         Object.defineProperty(PageBaseComponent.prototype, "errors", {
             get: function () {
@@ -8977,6 +9013,9 @@
                             if (this.status.status === 'pending') {
                                 this.showStatus(exports.PageStatus.Loaded);
                             }
+                            if (!this.skipHideSplashOnComplete) {
+                                this.splashService.hideSplash();
+                            }
                             this.setUpRouterSubscriptions();
                             return [3 /*break*/, 5];
                         case 4:
@@ -9387,6 +9426,13 @@
                 return new MockActivatedRoute();
             },
             deps: [],
+        },
+        {
+            provide: SplashService,
+            useFactory: function () {
+                return SpyFactory.createSpy(SplashService);
+            },
+            deps: []
         }
     ];
     /**
@@ -9831,6 +9877,7 @@
     exports.HierarchyBaseTestInjectorFactory = HierarchyBaseTestInjectorFactory;
     exports.HierarchyItem = HierarchyItem;
     exports.HierarchyTreeComponent = HierarchyTreeComponent;
+    exports.HighlightTextPipe = HighlightTextPipe;
     exports.IfViewportWidthDirective = IfViewportWidthDirective;
     exports.ItemDisplayComponent = ItemDisplayComponent;
     exports.JsonDisplayComponent = JsonDisplayComponent;