@energycap/components 0.31.5 → 0.32.0

package/lib/shared/display/pipes/relative-date.pipe.d.ts

@@ -2,6 +2,7 @@ import { PipeTransform } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 import { DateDisplayPipe } from './date-display.pipe';
 import { TimeDisplayPipe } from './time-display.pipe';
+import * as i0 from "@angular/core";
 export declare type RelativeDateOptions = {
     dateOnly?: boolean;
     showTimeForToday?: boolean;
@@ -20,4 +21,6 @@ export declare class RelativeDatePipe implements PipeTransform {
      * If dateOnly and timeOnly are both false, returns timeSelected formatted according to the user's date plus time preference.
      */
     transform(timeSelected: string, options?: RelativeDateOptions): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RelativeDatePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<RelativeDatePipe, "relativeDate", false>;
 }

package/lib/shared/display/pipes/row-count.pipe.d.ts

@@ -1,6 +1,7 @@
 import { PipeTransform } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 import { PagingInfo } from '../../../display/table/table-pagination.component';
+import * as i0 from "@angular/core";
 export declare type RowCountInfo = {
     totalItems: number;
     totalItemsBeforePaging?: number;
@@ -17,4 +18,6 @@ export declare class RowCountPipe implements PipeTransform {
     transform(results: RowCountInfo, objectType: string, maxItemCount?: number, pagingInfo?: PagingInfo): string;
     private getResultsCount;
     private getPagedResultsCount;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RowCountPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<RowCountPipe, "rowCount", false>;
 }

package/lib/shared/display/pipes/time-display.pipe.d.ts

@@ -1,6 +1,7 @@
 import { PipeTransform } from '@angular/core';
 import { UserPreferenceService } from '../../user-preference.service';
 import { DateDisplay } from './date-display.pipe';
+import * as i0 from "@angular/core";
 /**
  * Format a time to the user's preference for display
  */
@@ -12,4 +13,6 @@ export declare class TimeDisplayPipe implements PipeTransform {
      * Format a time for display, accounting for user's display preferences.
      */
     transform(time?: DateDisplay, showSeconds?: boolean): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimeDisplayPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TimeDisplayPipe, "timeDisplay", false>;
 }

package/lib/shared/form-group.helper.d.ts

@@ -1,4 +1,5 @@
-import { FormGroup, AbstractControl, ValidatorFn } from '@angular/forms';
+import { UntypedFormGroup, AbstractControl, ValidatorFn } from '@angular/forms';
+import * as i0 from "@angular/core";
 /**
  * Helper for Form Groups
  */
@@ -8,7 +9,7 @@ export declare class FormGroupHelper {
      * that actually have values in updates. This method will ignore
      * any value that is either null or undefined
      */
-    patchValueSafely(formGroup: FormGroup, updates: any): void;
+    patchValueSafely(formGroup: UntypedFormGroup, updates: any): void;
     /**
      * Get an id for the form controls input
      */
@@ -25,4 +26,6 @@ export declare class FormGroupHelper {
      * @param isZeroEmpty - If true, a numeric zero will be considered an empty value. Default is false.
      */
     setRequiredFn(control: AbstractControl, keepValidators?: ValidatorFn[], isZeroEmpty?: boolean): (value?: string | number | null | undefined) => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormGroupHelper, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<FormGroupHelper>;
 }

package/lib/shared/page/page-base/page-base.component.d.ts

@@ -1,5 +1,5 @@
 import { AfterViewInit, Injector, OnDestroy, OnInit } from '@angular/core';
-import { FormGroup } from '@angular/forms';
+import { UntypedFormGroup } from '@angular/forms';
 import { ActivatedRoute, Router } from '@angular/router';
 import { TranslateService } from '@ngx-translate/core';
 import { Observable, Subject } from 'rxjs';
@@ -11,6 +11,7 @@ import { SplashService } from '../../../display/splash/splash.service';
 import { Help } from '../../../display/help/help-types';
 import { Overlay } from '../../../display/view-overlay/view-overlay.component';
 import { PageStatus } from '../page-statuses';
+import * as i0 from "@angular/core";
 export declare class PageInitResult {
     title?: string;
     subTitle?: string;
@@ -52,7 +53,7 @@ export declare abstract class PageBaseComponent implements OnInit, AfterViewInit
     /**
      * Form group to be used if needed by the page
      */
-    formGroup: FormGroup;
+    formGroup: UntypedFormGroup;
     /**
      * Default invalid form message, override if a more specific message is needed
      */
@@ -231,4 +232,6 @@ export declare abstract class PageBaseComponent implements OnInit, AfterViewInit
      * Sets up the router event subscriptions
      */
     private setUpRouterSubscriptions;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PageBaseComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PageBaseComponent, never, never, {}, {}, never, never, false>;
 }

package/lib/shared/page/page-title/page-title.component.d.ts

@@ -1,6 +1,9 @@
+import * as i0 from "@angular/core";
 export declare class PageTitleComponent {
     title?: string;
     titleIcon?: string;
     subTitle?: string;
     subTitleUrl?: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PageTitleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PageTitleComponent, "app-page-title", never, { "title": "title"; "titleIcon": "titleIcon"; "subTitle": "subTitle"; "subTitleUrl": "subTitleUrl"; }, {}, never, never, false>;
 }

package/lib/shared/page/page-view/page-view.component.d.ts

@@ -2,6 +2,7 @@ import { EventEmitter, TemplateRef } from '@angular/core';
 import { MenuItem } from '../../../controls/menu/menu.component';
 import { NavItem } from '../../../controls/navigation/nav-item';
 import { Overlay } from '../../../display/view-overlay/view-overlay.component';
+import * as i0 from "@angular/core";
 export declare class PageViewComponent {
     /**
      * Set to true when page-view is inside a dialog to adjust styles and hide breadcrumbs.
@@ -81,4 +82,6 @@ export declare class PageViewComponent {
     constructor();
     primaryAction(event: any): void;
     secondaryAction(event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PageViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PageViewComponent, "ec-page-view", never, { "isDialog": "isDialog"; "readonly": "readonly"; "status": "status"; "showHeader": "showHeader"; "errors": "errors"; "breadcrumbs": "breadcrumbs"; "title": "title"; "titleIcon": "titleIcon"; "subTitle": "subTitle"; "subTitleUrl": "subTitleUrl"; "moreActionsLabel": "moreActionsLabel"; "moreActions": "moreActions"; "secondaryActionLabel": "secondaryActionLabel"; "hideSecondaryAction": "hideSecondaryAction"; "primaryActionLabel": "primaryActionLabel"; "hidePrimaryAction": "hidePrimaryAction"; "customTitleTemplate": "customTitleTemplate"; "customActionsTemplate": "customActionsTemplate"; "customHeaderTemplate": "customHeaderTemplate"; "footerTemplate": "footerTemplate"; "stickyFooter": "stickyFooter"; "fitContent": "fitContent"; }, { "onPrimaryAction": "onPrimaryAction"; "onSecondaryAction": "onSecondaryAction"; }, never, ["*"], false>;
 }

package/lib/shared/testing/public-mocks.spec.d.ts

@@ -8,6 +8,7 @@ import { Subject } from 'rxjs';
 import { DialogResult, DialogOptions } from '../../display/dialog/dialog-types';
 import { DialogContent } from '../../display/dialog/dialog-content';
 import { Router } from '@angular/router';
+import * as i0 from "@angular/core";
 /**
  * Mock dialog based on the content type, used to test open and close functionality
  * @deprecated Most components that need a dialog should use `dialogService.openDialog()`, which is much easier to test
@@ -22,6 +23,8 @@ export declare class MockDialog<T> {
     lastContext?: T;
     open(component: Type<DialogContent<T>>, context?: T, options?: DialogOptions): Promise<void>;
     close(result?: DialogResult<T>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MockDialog<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MockDialog<any>, never, never, { "size": "size"; }, { "opened": "opened"; "closed": "closed"; }, never, never, false>;
 }
 /**
  * Mocked dialog content to test save and cancel
@@ -39,6 +42,8 @@ export declare class MockDialogContent<T> implements DialogContent<T> {
  */
 export declare class MockDateDisplayPipe implements PipeTransform {
     transform(value?: Date | string | null): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MockDateDisplayPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<MockDateDisplayPipe, "dateDisplay", false>;
 }
 /** Return a Router spy object that can be used as a mock in tests.*/
 export declare function mockRouterFactory(): jasmine.SpyObj<Router>;
@@ -77,4 +82,6 @@ export declare class MockActivatedRoute {
     paramMap: Subject<unknown>;
     queryParamMap: Subject<unknown>;
     routeConfig: {};
+    static ɵfac: i0.ɵɵFactoryDeclaration<MockActivatedRoute, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MockActivatedRoute>;
 }

package/lib/shared/user-preference.service.d.ts

@@ -1,4 +1,5 @@
 import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
 export interface DatePreferenceContainer {
     preference: {
         dateFormat: string | null | undefined;
@@ -7,4 +8,6 @@ export interface DatePreferenceContainer {
 }
 export declare class UserPreferenceService {
     getPreferences(): Observable<DatePreferenceContainer>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserPreferenceService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<UserPreferenceService>;
 }

package/lib/shared/wizard/wizard-base/wizard-base.component.d.ts

@@ -4,6 +4,7 @@ import { NavItem } from '../../../controls/navigation/nav-item';
 import { TelemetryService } from '../../../core/telemetry.service';
 import { Help } from '../../../display/help/help-types';
 import { PageBaseComponent, PageInitResult } from '../../page/page-base/page-base.component';
+import * as i0 from "@angular/core";
 export interface WizardTab extends NavItem {
     /**
      * Path to a form group/array/control contained in the form's main form group.
@@ -128,4 +129,6 @@ export declare abstract class WizardBaseComponent extends PageBaseComponent {
      * @param tab Tab to set
      */
     private setCurrentTab;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WizardBaseComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<WizardBaseComponent, never, never, {}, {}, never, never, false>;
 }

package/lib/shared/wizard/wizard-buttons/wizard-buttons.component.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '@angular/core';
 import { DisplayStatus } from '../../display';
+import * as i0 from "@angular/core";
 export declare class WizardButtonsComponent {
     nextLabel?: string;
     backLabel?: string;
@@ -21,4 +22,6 @@ export declare class WizardButtonsComponent {
     onSave(event: any): void;
     onPreviousTab(): void;
     onNextTab(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WizardButtonsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WizardButtonsComponent, "ec-wizard-buttons", never, { "nextLabel": "nextLabel"; "backLabel": "backLabel"; "cancelLabel": "cancelLabel"; "saveLabel": "saveLabel"; "cancelId": "cancelId"; "saveId": "saveId"; "tabindex": "tabindex"; "status": "status"; "showBack": "showBack"; "showSave": "showSave"; "hideNextSaveButton": "hideNextSaveButton"; }, { "cancel": "cancel"; "save": "save"; "nextTab": "nextTab"; "previousTab": "previousTab"; }, never, never, false>;
 }

package/lib/shared/wizard/wizard-progress/wizard-progress.component.d.ts

@@ -1,7 +1,10 @@
 import { NavGroup } from '../../../controls/navigation/nav-group';
 import { WizardTab } from '../wizard-base/wizard-base.component';
+import * as i0 from "@angular/core";
 export declare class WizardProgressComponent {
     tabGroup?: NavGroup;
     currentTab?: WizardTab;
     constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<WizardProgressComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WizardProgressComponent, "ec-wizard-progress", never, { "tabGroup": "tabGroup"; "currentTab": "currentTab"; }, {}, never, never, false>;
 }

package/package.json

@@ -1,28 +1,40 @@
 {
   "name": "@energycap/components",
-  "version": "0.31.5",
+  "version": "0.32.0",
   "dependencies": {
     "tslib": "^2.0.0"
   },
   "peerDependencies": {
-    "@angular/common": "^11.0.0",
-    "@angular/core": "^11.0.0",
-    "@angular/forms": "^11.0.0",
-    "@angular/router": "^11.0.0",
-    "@angular/cdk": "^11.2.13",
-    "@energycap/energycap-icons": "^3.3.0",
-    "@ngx-translate/core": "^13.0.0",
+    "@angular/common": ">=14.2.0",
+    "@angular/core": ">=14.2.0",
+    "@angular/forms": ">=14.2.0",
+    "@angular/router": ">=14.2.0",
+    "@angular/cdk": ">=14.2.0",
+    "@energycap/energycap-icons": "^4.0.0",
+    "@ngx-translate/core": "^14.0.0",
     "popper.js": "~1.11.1",
     "lodash": "^4.17.21",
     "moment": "^2.29.0",
     "ngx-clipboard": "^12.0.0"
   },
-  "main": "bundles/energycap-components.umd.js",
-  "module": "fesm2015/energycap-components.js",
-  "es2015": "fesm2015/energycap-components.js",
-  "esm2015": "esm2015/energycap-components.js",
-  "fesm2015": "fesm2015/energycap-components.js",
-  "typings": "energycap-components.d.ts",
-  "metadata": "energycap-components.metadata.json",
+  "module": "fesm2015/energycap-components.mjs",
+  "es2020": "fesm2020/energycap-components.mjs",
+  "esm2020": "esm2020/energycap-components.mjs",
+  "fesm2020": "fesm2020/energycap-components.mjs",
+  "fesm2015": "fesm2015/energycap-components.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2020": "./esm2020/energycap-components.mjs",
+      "es2020": "./fesm2020/energycap-components.mjs",
+      "es2015": "./fesm2015/energycap-components.mjs",
+      "node": "./fesm2015/energycap-components.mjs",
+      "default": "./fesm2020/energycap-components.mjs"
+    }
+  },
   "sideEffects": false
 }

package/src/styles/_functions.scss

@@ -1,6 +1,8 @@
 // Common functions
 
 // Returns the measurement of an inner radius by subtracting 1px from the outer-radius given
+@use "sass:math";
+
 @function inner-radius($outer-radius) {
   @return calc(#{$outer-radius} -  1px);
 }
@@ -22,7 +24,7 @@
 /// @returns {Number} The same number, sans unit.
 /// @source https://github.com/zurb/foundation-apps/blob/master/scss/helpers/_functions.scss
 @function strip-unit($num) {
-  @return $num / ($num * 0 + 1);
+  @return math.div($num, $num * 0 + 1);
 }
 
 /// Converts one or more pixel values into matching rem values.
@@ -43,7 +45,7 @@
   // If the base font size is a %, then multiply it by 16px
   // This is because 100% font size = 16px in most all browsers
   @if unit($base) == '%' {
-    $base: ($base / 100%) * 16px;
+    $base: math.div($base, 100%) * 16px;
   }
 
   // Using rem as base allows correct scaling
@@ -83,7 +85,7 @@
 
   // Calculate rem if units for $value is not rem or em
   @if unit($value) != 'rem' {
-    $value: strip-unit($value) / strip-unit($base) * 1rem;
+    $value: math.div(strip-unit($value), strip-unit($base)) * 1rem;
   }
 
   // Turn 0rem into 0
@@ -100,7 +102,7 @@
 }
 
 @function rem-to-em($value, $rem-base: 1rem) {
-  $value: strip-unit($value / $rem-base) * 1em;
+  $value: strip-unit(math.div($value, $rem-base)) * 1em;
   @return $value;
 }
 

package/src/styles/_icons.scss

@@ -1,4 +1,4 @@
-@import '@energycap/energycap-icons/src/styles/core';
+@import '../../../icons/src/styles/core';
 
 // TODO: replace these background image icons with icon font icons. Requires updating ng1 form controls in energycap project (ECAP-9608)
 

package/src/styles/mixins/_control-base.scss

@@ -59,9 +59,9 @@ $control-bg-read-only: rgba($black, .12);
     @error "$line-height must be in rems in order to do calculations, was #{unit($line-height)}."
   }
 
-  $padding-y: ($height - $line-height) / 2;
+  $padding-y: ($height - $line-height) * 0.5;
   @if $borders {
-    $padding-y: (($height - $line-height) / 2) - $control-border-width;
+    $padding-y: (($height - $line-height) * 0.5) - $control-border-width;
   }
   padding: $padding-y $control-padding-x;
 }

package/src/styles/mixins/_form-control-base.scss

@@ -1,3 +1,5 @@
+@use "sass:math";
+
 @import 'control-base';
 
 $form-control-icon-size: 1rem;
@@ -465,7 +467,7 @@ $checkbox-indicator-size: $form-control-icon-size;
   @each $count in (3,4,5) {
     .toggle-options-#{$count} {
       a {
-        width: percentage(1 / $count);
+        width: percentage(math.div(1, $count));
       }
 
       input:checked:last-of-type ~ a {

package/src/styles/mixins/_spinner-base.scss

@@ -1,4 +1,6 @@
 // Animation
+@use "sass:math";
+
 @keyframes sk-bouncedelay {
     0%, 80%, 100% {
         opacity: 0;
@@ -12,7 +14,7 @@
     height: $dot-size;
     background-color: var(--ec-color-interactive);
     animation: sk-bouncedelay 1.7s infinite ease-in-out both;
-    margin-right: $dot-size / 3;
+    margin-right: math.div($dot-size, 3);
 
     &:nth-child(1) {
         animation-delay: -0.60s;