@energycap/components 0.32.15 → 0.32.16

package/fesm2020/energycap-components.mjs

@@ -8927,10 +8927,10 @@ class TooltipComponent {
     }
 }
 TooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: TooltipComponent, selector: "ec-tooltip", host: { properties: { "style.--ec-tooltip-background-color": "this.backgroundColor" } }, ngImport: i0, template: "<article id=\"{{id}}\" class=\"py-3 position-{{position}}\">\r\n  <header *ngIf=\"title || subtitle\" class=\"mb-3\">\r\n    <h1 class=\"text-heading-2 px-3 mb-0\">{{title}}</h1>\r\n    <p class=\"text-caption-1 px-3 mb-0\">{{subtitle}}</p>\r\n  </header>\r\n  \r\n  <ng-container *ngIf=\"customContent; else textTemplate\">\r\n    <ng-container *ngTemplateOutlet=\"customContent\"></ng-container>\r\n  </ng-container>\r\n\r\n  <ng-template #textTemplate>\r\n    <div class=\"text-body-1 px-3\" [innerHTML]=\"text\"></div>\r\n  </ng-template>\r\n  \r\n  <ec-button *ngIf=\"dismissible\" id=\"tooltipDismiss\" type=\"icon\" icon=\"icon-cancel\" (clicked)=\"hide()\" style=\"--ec-button-color-icon: var(--ec-color-secondary-light);\"></ec-button>\r\n</article>", styles: [":host{display:block;padding:.75rem}article{background-color:var(--ec-tooltip-background-color, #162F3B);color:var(--ec-tooltip-color, var(--ec-color-primary-light));border-radius:var(--ec-border-radius-card);position:relative;box-shadow:var(--ec-box-shadow-overlay);--ec-color-interactive: var(--ec-color-interactive-light)}article:after{content:\"\";height:0;width:0;border:.625rem solid transparent;display:block;position:absolute}article.position-top-left:after,article.position-top-center:after,article.position-top-right:after{bottom:-1.25rem;border-top-color:var(--ec-tooltip-background-color, #162F3B)}article.position-bottom-left:after,article.position-bottom-center:after,article.position-bottom-right:after{top:-1.25rem;border-bottom-color:var(--ec-tooltip-background-color, #162F3B)}article.position-top-left:after,article.position-bottom-left:after{right:1rem}article.position-top-right:after,article.position-bottom-right:after{left:1rem}article.position-top-center:after,article.position-bottom-center:after{right:50%;transform:translate(50%)}article.position-right-top:after,article.position-right-center:after,article.position-right-bottom:after{left:-1.25rem;border-right-color:var(--ec-tooltip-background-color, #162F3B)}article.position-left-top:after,article.position-left-center:after,article.position-left-bottom:after{right:-1.25rem;border-left-color:var(--ec-tooltip-background-color, #162F3B)}article.position-left-top:after,article.position-right-top:after{top:1rem}article.position-left-bottom:after,article.position-right-bottom:after{bottom:1rem}article.position-left-center:after,article.position-right-center:after{bottom:50%;transform:translateY(50%)}.text-heading-2,.text-body-1{color:var(--ec-color-primary-light)}.text-body-1 ::ng-deep p:last-child{margin-bottom:0}.text-body-1 ::ng-deep a{font-weight:var(--ec-font-weight-bold)}.text-caption-1{color:var(--ec-color-secondary-light)}ec-button{position:absolute;top:.25rem;right:.25rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ButtonComponent, selector: "ec-button", inputs: ["id", "disabled", "icon", "label", "badge", "tabindex", "type", "pending", "pendingIcon", "customTemplate", "isSubmit", "autofocus"], outputs: ["clicked"] }] });
+TooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: TooltipComponent, selector: "ec-tooltip", host: { properties: { "style.--ec-tooltip-background-color": "this.backgroundColor" } }, ngImport: i0, template: "<article id=\"{{id}}\" class=\"py-3 position-{{position}}\">\r\n  <header *ngIf=\"title || subtitle\" class=\"mb-3\">\r\n    <h1 class=\"text-heading-2 px-3 mb-0\">{{title}}</h1>\r\n    <p class=\"text-caption-1 px-3 mb-0\">{{subtitle}}</p>\r\n  </header>\r\n  \r\n  <ng-container *ngIf=\"customContent; else textTemplate\">\r\n    <ng-container *ngTemplateOutlet=\"customContent\"></ng-container>\r\n  </ng-container>\r\n\r\n  <ng-template #textTemplate>\r\n    <div class=\"text-body-1 px-3\" [innerHTML]=\"text\"></div>\r\n  </ng-template>\r\n  \r\n  <ec-button *ngIf=\"dismissible\" id=\"tooltipDismiss\" type=\"icon\" icon=\"icon-cancel\" (clicked)=\"hide()\" style=\"--ec-button-color-icon: var(--ec-color-secondary-light);\"></ec-button>\r\n</article>", styles: [":host{display:block;padding:.75rem}article{background-color:var(--ec-tooltip-background-color, #162F3B);color:var(--ec-tooltip-color, var(--ec-color-primary-light));border-radius:var(--ec-border-radius-card);position:relative;box-shadow:var(--ec-box-shadow-overlay);--ec-color-interactive: var(--ec-color-interactive-light)}article:after{content:\"\";height:0;width:0;border:.625rem solid transparent;display:block;position:absolute;pointer-events:none}article.position-top-left:after,article.position-top-center:after,article.position-top-right:after{bottom:-1.25rem;border-top-color:var(--ec-tooltip-background-color, #162F3B)}article.position-bottom-left:after,article.position-bottom-center:after,article.position-bottom-right:after{top:-1.25rem;border-bottom-color:var(--ec-tooltip-background-color, #162F3B)}article.position-top-left:after,article.position-bottom-left:after{right:1rem}article.position-top-right:after,article.position-bottom-right:after{left:1rem}article.position-top-center:after,article.position-bottom-center:after{right:50%;transform:translate(50%)}article.position-right-top:after,article.position-right-center:after,article.position-right-bottom:after{left:-1.25rem;border-right-color:var(--ec-tooltip-background-color, #162F3B)}article.position-left-top:after,article.position-left-center:after,article.position-left-bottom:after{right:-1.25rem;border-left-color:var(--ec-tooltip-background-color, #162F3B)}article.position-left-top:after,article.position-right-top:after{top:1rem}article.position-left-bottom:after,article.position-right-bottom:after{bottom:1rem}article.position-left-center:after,article.position-right-center:after{bottom:50%;transform:translateY(50%)}.text-heading-2,.text-body-1{color:var(--ec-color-primary-light)}.text-body-1 ::ng-deep p:last-child{margin-bottom:0}.text-body-1 ::ng-deep a{font-weight:var(--ec-font-weight-bold)}.text-caption-1{color:var(--ec-color-secondary-light)}ec-button{position:absolute;top:.25rem;right:.25rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ButtonComponent, selector: "ec-button", inputs: ["id", "disabled", "icon", "label", "badge", "tabindex", "type", "pending", "pendingIcon", "customTemplate", "isSubmit", "autofocus"], outputs: ["clicked"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TooltipComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ec-tooltip', template: "<article id=\"{{id}}\" class=\"py-3 position-{{position}}\">\r\n  <header *ngIf=\"title || subtitle\" class=\"mb-3\">\r\n    <h1 class=\"text-heading-2 px-3 mb-0\">{{title}}</h1>\r\n    <p class=\"text-caption-1 px-3 mb-0\">{{subtitle}}</p>\r\n  </header>\r\n  \r\n  <ng-container *ngIf=\"customContent; else textTemplate\">\r\n    <ng-container *ngTemplateOutlet=\"customContent\"></ng-container>\r\n  </ng-container>\r\n\r\n  <ng-template #textTemplate>\r\n    <div class=\"text-body-1 px-3\" [innerHTML]=\"text\"></div>\r\n  </ng-template>\r\n  \r\n  <ec-button *ngIf=\"dismissible\" id=\"tooltipDismiss\" type=\"icon\" icon=\"icon-cancel\" (clicked)=\"hide()\" style=\"--ec-button-color-icon: var(--ec-color-secondary-light);\"></ec-button>\r\n</article>", styles: [":host{display:block;padding:.75rem}article{background-color:var(--ec-tooltip-background-color, #162F3B);color:var(--ec-tooltip-color, var(--ec-color-primary-light));border-radius:var(--ec-border-radius-card);position:relative;box-shadow:var(--ec-box-shadow-overlay);--ec-color-interactive: var(--ec-color-interactive-light)}article:after{content:\"\";height:0;width:0;border:.625rem solid transparent;display:block;position:absolute}article.position-top-left:after,article.position-top-center:after,article.position-top-right:after{bottom:-1.25rem;border-top-color:var(--ec-tooltip-background-color, #162F3B)}article.position-bottom-left:after,article.position-bottom-center:after,article.position-bottom-right:after{top:-1.25rem;border-bottom-color:var(--ec-tooltip-background-color, #162F3B)}article.position-top-left:after,article.position-bottom-left:after{right:1rem}article.position-top-right:after,article.position-bottom-right:after{left:1rem}article.position-top-center:after,article.position-bottom-center:after{right:50%;transform:translate(50%)}article.position-right-top:after,article.position-right-center:after,article.position-right-bottom:after{left:-1.25rem;border-right-color:var(--ec-tooltip-background-color, #162F3B)}article.position-left-top:after,article.position-left-center:after,article.position-left-bottom:after{right:-1.25rem;border-left-color:var(--ec-tooltip-background-color, #162F3B)}article.position-left-top:after,article.position-right-top:after{top:1rem}article.position-left-bottom:after,article.position-right-bottom:after{bottom:1rem}article.position-left-center:after,article.position-right-center:after{bottom:50%;transform:translateY(50%)}.text-heading-2,.text-body-1{color:var(--ec-color-primary-light)}.text-body-1 ::ng-deep p:last-child{margin-bottom:0}.text-body-1 ::ng-deep a{font-weight:var(--ec-font-weight-bold)}.text-caption-1{color:var(--ec-color-secondary-light)}ec-button{position:absolute;top:.25rem;right:.25rem}\n"] }]
+            args: [{ selector: 'ec-tooltip', template: "<article id=\"{{id}}\" class=\"py-3 position-{{position}}\">\r\n  <header *ngIf=\"title || subtitle\" class=\"mb-3\">\r\n    <h1 class=\"text-heading-2 px-3 mb-0\">{{title}}</h1>\r\n    <p class=\"text-caption-1 px-3 mb-0\">{{subtitle}}</p>\r\n  </header>\r\n  \r\n  <ng-container *ngIf=\"customContent; else textTemplate\">\r\n    <ng-container *ngTemplateOutlet=\"customContent\"></ng-container>\r\n  </ng-container>\r\n\r\n  <ng-template #textTemplate>\r\n    <div class=\"text-body-1 px-3\" [innerHTML]=\"text\"></div>\r\n  </ng-template>\r\n  \r\n  <ec-button *ngIf=\"dismissible\" id=\"tooltipDismiss\" type=\"icon\" icon=\"icon-cancel\" (clicked)=\"hide()\" style=\"--ec-button-color-icon: var(--ec-color-secondary-light);\"></ec-button>\r\n</article>", styles: [":host{display:block;padding:.75rem}article{background-color:var(--ec-tooltip-background-color, #162F3B);color:var(--ec-tooltip-color, var(--ec-color-primary-light));border-radius:var(--ec-border-radius-card);position:relative;box-shadow:var(--ec-box-shadow-overlay);--ec-color-interactive: var(--ec-color-interactive-light)}article:after{content:\"\";height:0;width:0;border:.625rem solid transparent;display:block;position:absolute;pointer-events:none}article.position-top-left:after,article.position-top-center:after,article.position-top-right:after{bottom:-1.25rem;border-top-color:var(--ec-tooltip-background-color, #162F3B)}article.position-bottom-left:after,article.position-bottom-center:after,article.position-bottom-right:after{top:-1.25rem;border-bottom-color:var(--ec-tooltip-background-color, #162F3B)}article.position-top-left:after,article.position-bottom-left:after{right:1rem}article.position-top-right:after,article.position-bottom-right:after{left:1rem}article.position-top-center:after,article.position-bottom-center:after{right:50%;transform:translate(50%)}article.position-right-top:after,article.position-right-center:after,article.position-right-bottom:after{left:-1.25rem;border-right-color:var(--ec-tooltip-background-color, #162F3B)}article.position-left-top:after,article.position-left-center:after,article.position-left-bottom:after{right:-1.25rem;border-left-color:var(--ec-tooltip-background-color, #162F3B)}article.position-left-top:after,article.position-right-top:after{top:1rem}article.position-left-bottom:after,article.position-right-bottom:after{bottom:1rem}article.position-left-center:after,article.position-right-center:after{bottom:50%;transform:translateY(50%)}.text-heading-2,.text-body-1{color:var(--ec-color-primary-light)}.text-body-1 ::ng-deep p:last-child{margin-bottom:0}.text-body-1 ::ng-deep a{font-weight:var(--ec-font-weight-bold)}.text-caption-1{color:var(--ec-color-secondary-light)}ec-button{position:absolute;top:.25rem;right:.25rem}\n"] }]
         }], propDecorators: { backgroundColor: [{
                 type: HostBinding,
                 args: ['style.--ec-tooltip-background-color']
@@ -9464,6 +9464,144 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
                 args: ['ecCopyTableButton']
             }] } });
 
+class TooltipDirective {
+    constructor(tooltipService, element) {
+        this.tooltipService = tooltipService;
+        this.element = element;
+        //TooltipConfig: receives all the tooltip options to overwrite the
+        //default configuration of the tooltip
+        this.tooltipConfig = undefined;
+        //TooltipText: receives plain text to display in the default tooltip
+        this.tooltipText = undefined;
+        //TooltipCustomContent: receives a template reference to display
+        //into the tooltip content
+        this.tooltipCustomContent = undefined;
+        //This Input will remain as Input because tooltipPosition is not part
+        //of TooltipOptions type of object
+        this.tooltipPosition = "top-center";
+        //************************************************************//
+        //Events related
+        this.mouseOver = new Subject();
+        this.interrupt = new Subject();
+        this.hideCompleted = new Subject();
+        //Object with the tooltip options builded with the Input parameters
+        //and use it in tooltipService - show()
+        this.tooltipOptions = {};
+    }
+    ngOnInit() {
+        //checkInputsValue(): if there is an error it will prevent to execute
+        //any code related with the tooltip setup
+        if (this.checkInputsValue()) {
+            //Create the object with the tooltip options provided as @Inputs
+            this.createTooltipOptions();
+            //MouseOver flow: start the process of showing the tooltip
+            //until the mouse leaves the anchor element with this.interrupt
+            this.mouseOver
+                .pipe(switchMap(v => of(v).pipe(delay(300), //delays the time previous of showing the tooltip
+            takeUntil(this.interrupt))))
+                .subscribe(() => this.show()); //Calls the function responsable of using the tooltipService
+            //Mouse leave flow: start the process of removing the tooltip when the mouse is away of the anchor element
+            this.interrupt.pipe(switchMap(v => of(v).pipe(delay(50), takeUntil(this.hideCompleted)))).subscribe(() => this.hide()); //hide the tooltip and triggers the completed cycle flag this.hideCompleted
+        }
+        else {
+            console.error('There are too many parameters or none parameter to config the tooltip options');
+        }
+    }
+    //Trigger the process to show the tooltip
+    onMouseOver() {
+        this.mouseOver.next();
+    }
+    //Trigger the process to hide and later the process
+    //to mark as complete the cycle of show and hide the tooltip
+    onLeave() {
+        this.interrupt.next();
+    }
+    checkInputsValue() {
+        let parametersWithValue = 0;
+        if (this.tooltipText) {
+            parametersWithValue = parametersWithValue + 1;
+        }
+        if (this.tooltipCustomContent) {
+            parametersWithValue = parametersWithValue + 1;
+        }
+        if (this.tooltipConfig) {
+            parametersWithValue = parametersWithValue + 1;
+        }
+        if (parametersWithValue === 1) {
+            return true;
+        }
+        else {
+            return false;
+        }
+    }
+    /**
+     * createTooltipOptions
+     * will only be executed after manageError() verifies
+     * if the parameters are not overlapping each other
+     * and it will build the tooltipOptions object
+     */
+    createTooltipOptions() {
+        this.tooltipOptions = {
+            id: `tooltip_${this.tooltipConfig?.id ? this.tooltipConfig?.id : ''}`,
+            text: this.tooltipConfig?.text || this.tooltipText,
+            title: this.tooltipConfig?.title,
+            subtitle: this.tooltipConfig?.subtitle,
+            customContent: this.tooltipConfig?.customContent || this.tooltipCustomContent,
+            dismissible: this.tooltipConfig?.dismissible || false,
+            maxWidth: this.tooltipConfig?.maxWidth,
+            width: this.tooltipConfig?.width,
+            backgroundColor: this.tooltipConfig?.backgroundColor,
+        };
+    }
+    show() {
+        //Reference to the element where to tooltip is attached
+        const element = this.element.nativeElement;
+        //tooltipPosition is never undefined, default value = "top-center"
+        this.tooltip = this.tooltipService.show(element, this.tooltipPosition, this.tooltipOptions);
+    }
+    hide() {
+        //There is a timing issue between the show - hide with 
+        //liner tooltip elements, so the below line
+        //makes sure the app doesn't break
+        if (this.tooltip) {
+            //Call the hide() from the tooltip component
+            this.tooltip.hide();
+        }
+        //Interrupt the flow of mouseover with a delay and triggers the 
+        //flow to hide the tooltip with a delay 
+        this.interrupt.next();
+        //Work as a flag to indicate the flow of show and hide has been completed
+        this.hideCompleted.next();
+    }
+    //When the element where the tooltip is attached disappears
+    //the tooltip should be destroy as well  
+    ngOnDestroy() {
+        this.onLeave();
+    }
+}
+TooltipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TooltipDirective, deps: [{ token: TooltipService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+TooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: TooltipDirective, selector: "[ecTooltip]", inputs: { tooltipConfig: "tooltipConfig", tooltipText: "tooltipText", tooltipCustomContent: "tooltipCustomContent", tooltipPosition: "tooltipPosition" }, host: { listeners: { "mouseover": "onMouseOver()", "mouseleave": "onLeave()" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TooltipDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ecTooltip]'
+                }]
+        }], ctorParameters: function () { return [{ type: TooltipService }, { type: i0.ElementRef }]; }, propDecorators: { tooltipConfig: [{
+                type: Input
+            }], tooltipText: [{
+                type: Input
+            }], tooltipCustomContent: [{
+                type: Input
+            }], tooltipPosition: [{
+                type: Input
+            }], onMouseOver: [{
+                type: HostListener,
+                args: ['mouseover']
+            }], onLeave: [{
+                type: HostListener,
+                args: ['mouseleave']
+            }] } });
+
 class ComponentsModule {
     /**
      * Providing services through the forRoot pattern here ensures that the components module and the importing
@@ -9546,7 +9684,8 @@ ComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versio
         LinkButtonComponent,
         TooltipComponent,
         TourComponent,
-        CopyTableButtonDirective], imports: [CommonModule,
+        CopyTableButtonDirective,
+        TooltipDirective], imports: [CommonModule,
         FormsModule,
         ReactiveFormsModule,
         RouterModule,
@@ -9612,7 +9751,8 @@ ComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versio
         LinkButtonComponent,
         TooltipComponent,
         TourComponent,
-        CopyTableButtonDirective] });
+        CopyTableButtonDirective,
+        TooltipDirective] });
 ComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ComponentsModule, providers: [
         FormGroupHelper,
         DialogService,
@@ -9699,7 +9839,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
                         LinkButtonComponent,
                         TooltipComponent,
                         TourComponent,
-                        CopyTableButtonDirective
+                        CopyTableButtonDirective,
+                        TooltipDirective
                     ],
                     imports: [
                         CommonModule,
@@ -9781,7 +9922,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
                         LinkButtonComponent,
                         TooltipComponent,
                         TourComponent,
-                        CopyTableButtonDirective
+                        CopyTableButtonDirective,
+                        TooltipDirective
                     ]
                 }]
         }] });
@@ -10737,5 +10879,5 @@ class CopyButtonBaseTestInjectorFactory {
  * Generated bundle index. Do not edit.
  */
 
-export { AppBarComponent, AvatarComponent, BannerComponent, ButtonComponent, CacheService, CheckboxComponent, ClickAreaForDirective, CollapsibleToggleComponent, ComboboxComponent, ComponentsModule, ConfirmComponent, ConfirmDialogContext, CopyButtonBaseTestInjectorFactory, CopyButtonDirective, CopyTableButtonDirective, CustomValidators, DateDisplayPipe, DateTimeHelper, DialogCloseDuration, DialogCloseEvent, DialogCloseLatestEvent, DialogComponent, DialogEvent, DialogGroupComponent, DialogOpenDuration, DialogOpenEndEvent, DialogOpenStartEvent, DialogResult, DialogService, DropdownComponent, ErrorService, FileTypeExtensions, FileUploadComponent, FormControlBase, FormControlComponent, FormControlLabelComponent, FormGroupComponent, FormGroupHelper, HelpPopoverComponent, HierarchyBase, HierarchyBaseTestInjectorFactory, HierarchyItem, HierarchyMocks, HierarchyTreeComponent, HighlightTextPipe, IfViewportWidthDirective, ItemDisplayComponent, ItemPickerComponent, ItemPickerSelectableContext, JsonDisplayComponent, JsonHelper, LinkButtonComponent, MenuComponent, MockActivatedRoute, MockDateDisplayPipe, MockDialog, MockDialogContent, MockTranslateService, MockTranslationHelperService, NavGroup, NavItemActiveDirective, NumericboxComponent, Overlay, PageBaseComponent, PageBaseComponentTestHelper, PageBaseComponentTestInjectorFactory, PageInitResult, PageStatus, PageStatuses, PageTitleComponent, PageViewComponent, PanelCloseDuration, PanelOpenDuration, PopoverComponent, PopupContainerDirective, RadioButtonComponent, RadioButtonOption, RelativeDatePipe, ResizableBase, ResizableColumnComponent, ResizableComponent, RouterHelper, RowCountPipe, ScrollService, SearchableTableComponent, SelectComponent, SpinnerComponent, SplashComponent, SplashService, SpyFactory, TableComponent, TableLockedColumnComponent, TableMasterHeaderRowComponent, TableMasterRowComponent, TablePaginationComponent, TableSelectableRowComponent, TableSelectableRowContext, TabsComponent, Tag, TagsComponent, TelemetryService, TelemetryTrackerService, TextboxComponent, TimeDisplayPipe, ToastComponent, ToastEvent, ToastService, ToasterComponent, TooltipComponent, TooltipService, Tour, TourAnchor, TourComponent, TourEvent, TourService, TourStep, TreeComponent, UnicodeStrings, UserPreferenceService, ValidationMessageService, ViewOverlayComponent, WindowService, WizardBaseComponent, WizardButtonsComponent, WizardProgressComponent, canadianPostalCodeRegex, clickEvent, dateInputFormatRegex, domainPattern, findAllSpacesPattern, forEachFormControl, getApiError, getControlValue, getDecimalPattern, integerPattern, isApiError, menuAnimationSpeed, mockRouterFactory, mockRouterHelperFactory, numericboxValidation, orderByIgnoreCase, otherZipCodeRegex, phoneNumberValidationPattern, sortByIgnoreCase, textboxValidation, unitedStatesZipCodeRegex, urlValidationPattern, validateFormGroupValuesAreUnique };
+export { AppBarComponent, AvatarComponent, BannerComponent, ButtonComponent, CacheService, CheckboxComponent, ClickAreaForDirective, CollapsibleToggleComponent, ComboboxComponent, ComponentsModule, ConfirmComponent, ConfirmDialogContext, CopyButtonBaseTestInjectorFactory, CopyButtonDirective, CopyTableButtonDirective, CustomValidators, DateDisplayPipe, DateTimeHelper, DialogCloseDuration, DialogCloseEvent, DialogCloseLatestEvent, DialogComponent, DialogEvent, DialogGroupComponent, DialogOpenDuration, DialogOpenEndEvent, DialogOpenStartEvent, DialogResult, DialogService, DropdownComponent, ErrorService, FileTypeExtensions, FileUploadComponent, FormControlBase, FormControlComponent, FormControlLabelComponent, FormGroupComponent, FormGroupHelper, HelpPopoverComponent, HierarchyBase, HierarchyBaseTestInjectorFactory, HierarchyItem, HierarchyMocks, HierarchyTreeComponent, HighlightTextPipe, IfViewportWidthDirective, ItemDisplayComponent, ItemPickerComponent, ItemPickerSelectableContext, JsonDisplayComponent, JsonHelper, LinkButtonComponent, MenuComponent, MockActivatedRoute, MockDateDisplayPipe, MockDialog, MockDialogContent, MockTranslateService, MockTranslationHelperService, NavGroup, NavItemActiveDirective, NumericboxComponent, Overlay, PageBaseComponent, PageBaseComponentTestHelper, PageBaseComponentTestInjectorFactory, PageInitResult, PageStatus, PageStatuses, PageTitleComponent, PageViewComponent, PanelCloseDuration, PanelOpenDuration, PopoverComponent, PopupContainerDirective, RadioButtonComponent, RadioButtonOption, RelativeDatePipe, ResizableBase, ResizableColumnComponent, ResizableComponent, RouterHelper, RowCountPipe, ScrollService, SearchableTableComponent, SelectComponent, SpinnerComponent, SplashComponent, SplashService, SpyFactory, TableComponent, TableLockedColumnComponent, TableMasterHeaderRowComponent, TableMasterRowComponent, TablePaginationComponent, TableSelectableRowComponent, TableSelectableRowContext, TabsComponent, Tag, TagsComponent, TelemetryService, TelemetryTrackerService, TextboxComponent, TimeDisplayPipe, ToastComponent, ToastEvent, ToastService, ToasterComponent, TooltipComponent, TooltipDirective, TooltipService, Tour, TourAnchor, TourComponent, TourEvent, TourService, TourStep, TreeComponent, UnicodeStrings, UserPreferenceService, ValidationMessageService, ViewOverlayComponent, WindowService, WizardBaseComponent, WizardButtonsComponent, WizardProgressComponent, canadianPostalCodeRegex, clickEvent, dateInputFormatRegex, domainPattern, findAllSpacesPattern, forEachFormControl, getApiError, getControlValue, getDecimalPattern, integerPattern, isApiError, menuAnimationSpeed, mockRouterFactory, mockRouterHelperFactory, numericboxValidation, orderByIgnoreCase, otherZipCodeRegex, phoneNumberValidationPattern, sortByIgnoreCase, textboxValidation, unitedStatesZipCodeRegex, urlValidationPattern, validateFormGroupValuesAreUnique };
 //# sourceMappingURL=energycap-components.mjs.map