@energycap/components 0.31.0 → 0.31.1-ECAP-12439-angular-14.20220901-1019

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>;
 }

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>;
 }

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>;
 }

package/package.json

@@ -1,28 +1,40 @@
 {
   "name": "@energycap/components",
-  "version": "0.31.0",
+  "version": "0.31.1-ECAP-12439-angular-14.20220901-1019",
   "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",
+    "@angular/common": "^13.3.0",
+    "@angular/core": "^13.3.0",
+    "@angular/forms": "^13.3.0",
+    "@angular/router": "^13.3.0",
+    "@angular/cdk": "^13.3.0",
     "@energycap/energycap-icons": "^3.3.0",
     "@ngx-translate/core": "^13.0.0",
     "popper.js": "~1.11.1",
     "lodash": "^4.17.21",
-    "moment": "^2.24.0",
+    "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",
+  "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": "energycap-components.d.ts",
-  "metadata": "energycap-components.metadata.json",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./energycap-components.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/_global-variables.scss

@@ -16,6 +16,7 @@
   --ec-color-shadow: rgba(26, 26, 35, .1);
   --ec-color-shadow-overlay: rgba(26, 26, 35, .2);
   --ec-color-interactive: rgb(0, 132, 169);
+  --ec-color-interactive-light: rgb(130, 192, 211);
   --ec-color-info: rgba(0, 132, 169, .5);
   // Deprecated - use ec-color-success
   --ec-color-good: rgb(97, 153, 16);

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;