@energycap/components 0.46.16 → 22.0.2-angular-22.20260721-2053

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@energycap/components",
-  "version": "0.46.16",
+  "version": "22.0.2-angular-22.20260721-2053",
   "schematics": "./schematics/collection.json",
   "dependencies": {
     "tslib": "^2.0.0"
   },
   "peerDependencies": {
-    "@angular/common": ">=21.0.0",
-    "@angular/core": ">=21.0.0",
-    "@angular/forms": ">=21.0.0",
-    "@angular/router": ">=21.0.0",
-    "@angular/cdk": ">=21.0.0",
+    "@angular/common": ">=22.0.0",
+    "@angular/core": ">=22.0.0",
+    "@angular/forms": ">=22.0.0",
+    "@angular/router": ">=22.0.0",
+    "@angular/cdk": ">=22.0.0",
     "@ngx-translate/core": "^15.0.0",
     "popper.js": "~1.11.1",
     "lodash-es": "^4.17.21",
@@ -28,5 +28,6 @@
       "default": "./fesm2022/energycap-components.mjs"
     }
   },
-  "sideEffects": false
+  "sideEffects": false,
+  "type": "module"
 }

package/schematics/utilities/typescript.js

@@ -1,10 +1,43 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseTsConfig = parseTsConfig;
 exports.createTsCompilerHost = createTsCompilerHost;
 exports.createTsProgram = createTsProgram;
 const path_1 = require("path");
-const ts = require("typescript");
+const ts = __importStar(require("typescript"));
 /** Parses the TSConfig file to be used in the TS Compiler Program. */
 function parseTsConfig(absoluteTsConfigPath) {
     const { config } = ts.readConfigFile(absoluteTsConfigPath, ts.sys.readFile);

package/schematics/utilities/typescript.js.map

@@ -1 +1 @@
-{"version":3,"file":"typescript.js","sourceRoot":"","sources":["../../../../projects/components/schematics/utilities/typescript.ts"],"names":[],"mappings":";;AAKA,sCAUC;AAGD,oDAWC;AAGD,0CAOC;AAtCD,+BAAkD;AAClD,iCAAiC;AAEjC,sEAAsE;AACtE,SAAgB,aAAa,CAAC,oBAA4B;IACxD,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,oBAAoB,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAC5E,MAAM,SAAS,GAAG;QAChB,yBAAyB,EAAE,EAAE,CAAC,GAAG,CAAC,yBAAyB;QAC3D,UAAU,EAAE,EAAE,CAAC,GAAG,CAAC,UAAU;QAC7B,QAAQ,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ;QACzB,aAAa,EAAE,EAAE,CAAC,GAAG,CAAC,aAAa;KACpC,CAAC;IAEF,OAAO,EAAE,CAAC,0BAA0B,CAAC,MAAM,EAAE,SAAS,EAAE,IAAA,cAAO,EAAC,oBAAoB,CAAC,EAAE,EAAE,CAAC,CAAC;AAC7F,CAAC;AAED,sEAAsE;AACtE,SAAgB,oBAAoB,CAAC,IAAU,EAAE,OAA2B,EAAE,QAAgB;IAC5F,MAAM,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAC5C,6FAA6F;IAC7F,IAAI,CAAC,QAAQ,GAAG,CAAC,QAAgB,EAAE,EAAE;;QACnC,kFAAkF;QAClF,MAAM,QAAQ,GAAG,IAAA,eAAQ,EAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC9C,MAAM,MAAM,GAAG,MAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,0CAAE,QAAQ,EAAE,CAAC;QAC/C,kDAAkD;QAClD,OAAO,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;IACxC,CAAC,CAAC;IACF,OAAO,IAAI,CAAC;AACd,CAAC;AAGD,SAAgB,eAAe,CAAC,IAAU,EAAE,YAAoB,EAAE,QAAgB;IAChF,6HAA6H;IAC7H,MAAM,oBAAoB,GAAG,IAAA,cAAO,EAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAC7D,MAAM,MAAM,GAAG,aAAa,CAAC,oBAAoB,CAAC,CAAC;IACnD,MAAM,OAAO,mCAAQ,MAAM,CAAC,OAAO,KAAE,YAAY,EAAE,IAAI,EAAE,mBAAmB,EAAE,IAAI,GAAE,CAAC;IACrF,MAAM,IAAI,GAAG,oBAAoB,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;IAC3D,OAAO,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;AAC3D,CAAC"}
+{"version":3,"file":"typescript.js","sourceRoot":"","sources":["../../../../projects/components/schematics/utilities/typescript.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,sCAUC;AAGD,oDAWC;AAGD,0CAOC;AAtCD,+BAAkD;AAClD,+CAAiC;AAEjC,sEAAsE;AACtE,SAAgB,aAAa,CAAC,oBAA4B;IACxD,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,oBAAoB,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAC5E,MAAM,SAAS,GAAG;QAChB,yBAAyB,EAAE,EAAE,CAAC,GAAG,CAAC,yBAAyB;QAC3D,UAAU,EAAE,EAAE,CAAC,GAAG,CAAC,UAAU;QAC7B,QAAQ,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ;QACzB,aAAa,EAAE,EAAE,CAAC,GAAG,CAAC,aAAa;KACpC,CAAC;IAEF,OAAO,EAAE,CAAC,0BAA0B,CAAC,MAAM,EAAE,SAAS,EAAE,IAAA,cAAO,EAAC,oBAAoB,CAAC,EAAE,EAAE,CAAC,CAAC;AAC7F,CAAC;AAED,sEAAsE;AACtE,SAAgB,oBAAoB,CAAC,IAAU,EAAE,OAA2B,EAAE,QAAgB;IAC5F,MAAM,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAC5C,6FAA6F;IAC7F,IAAI,CAAC,QAAQ,GAAG,CAAC,QAAgB,EAAE,EAAE;;QACnC,kFAAkF;QAClF,MAAM,QAAQ,GAAG,IAAA,eAAQ,EAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC9C,MAAM,MAAM,GAAG,MAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,0CAAE,QAAQ,EAAE,CAAC;QAC/C,kDAAkD;QAClD,OAAO,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;IACxC,CAAC,CAAC;IACF,OAAO,IAAI,CAAC;AACd,CAAC;AAGD,SAAgB,eAAe,CAAC,IAAU,EAAE,YAAoB,EAAE,QAAgB;IAChF,6HAA6H;IAC7H,MAAM,oBAAoB,GAAG,IAAA,cAAO,EAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAC7D,MAAM,MAAM,GAAG,aAAa,CAAC,oBAAoB,CAAC,CAAC;IACnD,MAAM,OAAO,mCAAQ,MAAM,CAAC,OAAO,KAAE,YAAY,EAAE,IAAI,EAAE,mBAAmB,EAAE,IAAI,GAAE,CAAC;IACrF,MAAM,IAAI,GAAG,oBAAoB,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;IAC3D,OAAO,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;AAC3D,CAAC"}

package/schematics/utilities/workspace.js

@@ -1,3 +1,4 @@
+"use strict";
 // import { normalize, virtualFs, workspaces } from '@angular-devkit/core';
 // import { Tree } from '@angular-devkit/schematics';
 // import { allTargetOptions, allWorkspaceTargets } from '@schematics/angular/utility/workspace';

package/schematics/utilities/workspace.js.map

@@ -1 +1 @@
-{"version":3,"file":"workspace.js","sourceRoot":"","sources":["../../../../projects/components/schematics/utilities/workspace.ts"],"names":[],"mappings":"AAAA,2EAA2E;AAC3E,qDAAqD;AACrD,iGAAiG;AAEjG,kFAAkF;AAClF,8EAA8E;AAC9E,aAAa;AACb,sDAAsD;AACtD,sCAAsC;AACtC,qBAAqB;AACrB,sDAAsD;AACtD,UAAU;AACV,mDAAmD;AACnD,SAAS;AACT,mEAAmE;AACnE,2CAA2C;AAC3C,SAAS;AACT,0DAA0D;AAC1D,4EAA4E;AAC5E,SAAS;AACT,qDAAqD;AACrD,kCAAkC;AAClC,QAAQ;AACR,MAAM;AACN,IAAI;AAEJ,qJAAqJ;AACrJ,0GAA0G;AAC1G,4CAA4C;AAC5C,sEAAsE;AACtE,sBAAsB;AACtB,IAAI;AAEJ,6FAA6F;AAC7F,sGAAsG;AACtG,0CAA0C;AAC1C,yCAAyC;AACzC,mGAAmG;AAEnG,6EAA6E;AAC7E,iDAAiD;AACjD,kBAAkB;AAClB,QAAQ;AAER,4DAA4D;AAC5D,yGAAyG;AACzG,8DAA8D;AAC9D,6FAA6F;AAC7F,UAAU;AACV,QAAQ;AACR,MAAM;AAEN,0CAA0C;AAC1C,IAAI"}
+{"version":3,"file":"workspace.js","sourceRoot":"","sources":["../../../../projects/components/schematics/utilities/workspace.ts"],"names":[],"mappings":";AAAA,2EAA2E;AAC3E,qDAAqD;AACrD,iGAAiG;AAEjG,kFAAkF;AAClF,8EAA8E;AAC9E,aAAa;AACb,sDAAsD;AACtD,sCAAsC;AACtC,qBAAqB;AACrB,sDAAsD;AACtD,UAAU;AACV,mDAAmD;AACnD,SAAS;AACT,mEAAmE;AACnE,2CAA2C;AAC3C,SAAS;AACT,0DAA0D;AAC1D,4EAA4E;AAC5E,SAAS;AACT,qDAAqD;AACrD,kCAAkC;AAClC,QAAQ;AACR,MAAM;AACN,IAAI;AAEJ,qJAAqJ;AACrJ,0GAA0G;AAC1G,4CAA4C;AAC5C,sEAAsE;AACtE,sBAAsB;AACtB,IAAI;AAEJ,6FAA6F;AAC7F,sGAAsG;AACtG,0CAA0C;AAC1C,yCAAyC;AACzC,mGAAmG;AAEnG,6EAA6E;AAC7E,iDAAiD;AACjD,kBAAkB;AAClB,QAAQ;AAER,4DAA4D;AAC5D,yGAAyG;AACzG,8DAA8D;AAC9D,6FAA6F;AAC7F,UAAU;AACV,QAAQ;AACR,MAAM;AAEN,0CAA0C;AAC1C,IAAI"}

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

@@ -37,11 +37,16 @@ $button-padding-x: 0.5rem;
   }
 
   &:focus {
-    outline: none;
+    outline: 2px solid transparent;
+    outline-offset: 2px;
     position: relative;
     z-index: 1;
   }
 
+  &:focus-visible {
+    outline-color: var(--ec-border-color-focus);
+  }
+
   &:disabled {
     background-color: var(--ec-background-color-disabled);
     border: 1px solid var(--ec-form-control-border-color-disabled);

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

@@ -125,6 +125,8 @@ $checkbox-indicator-size: $form-control-icon-size;
   } @else if $state == focus {
     border-color: var(--ec-form-control-border-color-focus);
     box-shadow: var(--ec-form-control-box-shadow-focus);
+    outline: 2px solid transparent;
+    outline-offset: 2px;
     position: relative;
     z-index: 1;
 
@@ -342,7 +344,14 @@ $checkbox-indicator-size: $form-control-icon-size;
   textarea:focus,
   input:focus,
   select:focus {
-    outline: none;
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  textarea:focus-visible,
+  input:focus-visible,
+  select:focus-visible {
+    outline-color: var(--ec-border-color-focus);
   }
 
   .sr-only {

package/src/styles/mixins/_login.scss

@@ -62,6 +62,7 @@
 
   #{$form-submit-button-selector} {
     --ec-button-color-primary: var(--ec-color-brand-green);
+    --ec-button-color-active: var(--ec-color-primary-dark);
     margin-left: auto;
   }
   

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

@@ -68,12 +68,17 @@ $menu-item-padding: get-item-padding($menu-item-height, $menu-item-line-height);
     }
 
     &:focus .item-wrapper{
-      outline: none;
-      background-color: var(--ec-color-disabled-dark);
+      outline: 2px solid transparent;
+      outline-offset: -2px;
+      background-color: var(--ec-background-color-selected);
       position: relative;
       z-index: 1;
     }
 
+    &:focus-visible .item-wrapper{
+      outline-color: var(--ec-border-color-focus);
+    }
+
     &.is-disabled .item-wrapper {
       color: var(--ec-color-disabled-dark);
       opacity: var(--ec-form-control-opacity-disabled);

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

@@ -61,9 +61,6 @@
 
     &:hover,
     &:focus {
-        // Override the default browser focus ring
-        outline: none;
-
         @if $style =='pills' {
             border-color: var(--ec-tab-border-color-active, var(--ec-border-color-focus));
             box-shadow: 0 0 0 1px var(--ec-tab-border-color-active, var(--ec-border-color-focus));
@@ -85,6 +82,17 @@
         }
     }
 
+    // Transparent outline only on actual focus (not hover) so forced-colors doesn't
+    // promote it to a visible ring on hover; keyboard ring set in &:focus-visible below.
+    &:focus {
+        outline: 2px solid transparent;
+        outline-offset: -2px;
+    }
+
+    &:focus-visible {
+        outline-color: var(--ec-border-color-focus);
+    }
+
     &.is-disabled {
         opacity: var(--ec-form-control-opacity-disabled);
         cursor: default;

package/src/styles/mixins/_text.scss

@@ -83,7 +83,11 @@
   }
 
   &:focus {
-    outline: none;
-    text-decoration: underline;
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  &:focus-visible {
+    outline-color: var(--ec-border-color-focus);
   }
 }

package/types/energycap-components.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { OnInit, OnChanges, AfterViewInit, OnDestroy, TemplateRef, EventEmitter, ElementRef, SimpleChanges, PipeTransform, ViewContainerRef, Renderer2, QueryList, ApplicationRef, AfterContentInit, Type, ComponentRef, ComponentFactoryResolver, AfterViewChecked, Injector, Provider, ModuleWithProviders } from '@angular/core';
+import { OnInit, OnChanges, AfterViewInit, OnDestroy, TemplateRef, EventEmitter, ElementRef, SimpleChanges, PipeTransform, ViewContainerRef, Renderer2, QueryList, ApplicationRef, AfterContentInit, Type, ComponentRef, AfterViewChecked, Injector, Provider, ModuleWithProviders } from '@angular/core';
 import * as i74 from '@angular/router';
 import { Params, Router, ActivatedRoute, ActivatedRouteSnapshot, ParamMap, UrlSegment, QueryParamsHandling } from '@angular/router';
 import { Subject, Observable } from 'rxjs';
@@ -3148,7 +3148,6 @@ declare const DialogCloseDuration: number;
 declare const PanelOpenDuration: number;
 declare const PanelCloseDuration: number;
 declare class DialogComponent {
-    private componentFactoryResolver;
     private windowService;
     private dialogService;
     private documentRef;
@@ -3227,7 +3226,7 @@ declare class DialogComponent {
      */
     updateCdkTrapFocusAutoCapture: boolean;
     private previouslyFocusedElement;
-    constructor(componentFactoryResolver: ComponentFactoryResolver, windowService: WindowService, dialogService: DialogService, documentRef: Document);
+    constructor(windowService: WindowService, dialogService: DialogService, documentRef: Document);
     ngOnInit(): void;
     ngOnDestroy(): void;
     /**