Merge pull request #47 from ec-europa/chore/Release-0.13.0

chore: Release 0.13.0

.github/workflows/ci.yml

@@ -16,7 +16,7 @@ jobs:
     steps:
       - uses: actions/setup-node@v3
         with:
-          node-version: '18.x'
+          node-version: '18.18.2'
       - uses: amannn/action-semantic-pull-request@v5
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
@@ -27,7 +27,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: '18.x'
+          node-version: '18.18.2'
       - name: Test
         run: ./scripts/audit.sh
   tests:
@@ -37,7 +37,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: '18.x'
+          node-version: '18.18.2'
       - name: Install dependencies
         run: yarn install --frozen-lockfile
       - name: Build stencil
@@ -52,7 +52,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: '18.x'
+          node-version: '18.18.2'
       - name: Install dependencies
         run: yarn install --frozen-lockfile
       - name: Package application
@@ -74,7 +74,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: '18.x'
+          node-version: '18.18.2'
       - name: Install dependencies
         run: yarn install --frozen-lockfile
       - name: Package application
@@ -96,7 +96,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: '18.x'
+          node-version: '18.18.2'
       - name: Install dependencies
         run: yarn install --frozen-lockfile
       - name: Package application

.nvmrc

@@ -1 +1 @@
-v18.16.0
+v18.18.2

lerna.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.12.0",
+  "version": "0.13.0",
   "npmClient": "yarn",
   "changelog": {
     "repo": "ec-europa/ecl-webcomponents",

packages/ecl-webcomponents-angular-workspace/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ecl/ecl-webcomponents-angular-workspace",
-  "version": "0.12.0",
+  "version": "0.13.0",
   "scripts": {
     "clean": "rimraf dist",
     "ng": "ng",
@@ -30,8 +30,8 @@
     "@angular/cli": "16.2.8",
     "@angular/compiler-cli": "16.2.11",
     "@babel/plugin-proposal-private-property-in-object": "7.21.11",
-    "@ecl/ecl-webcomponents": "0.12.0",
-    "@ecl/ecl-webcomponents-angular": "0.12.0",
+    "@ecl/ecl-webcomponents": "0.13.0",
+    "@ecl/ecl-webcomponents-angular": "0.13.0",
     "browser-sync": "3.0.2",
     "express": "4.18.2",
     "karma": "~6.4.0",

packages/ecl-webcomponents-angular-workspace/projects/ecl-webcomponents-angular/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ecl/ecl-webcomponents-angular",
-  "version": "0.12.0",
+  "version": "0.13.0",
   "publishConfig": {
     "access": "public"
   },

packages/ecl-webcomponents-react-consumer/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ecl/ecl-webcomponents-react-consumer",
   "private": true,
-  "version": "0.12.0",
+  "version": "0.13.0",
   "type": "module",
   "scripts": {
     "clean": "rimraf dist",
@@ -12,7 +12,7 @@
     "pre-publish": "npm run build"
   },
   "dependencies": {
-    "@ecl/ecl-webcomponents-react": "0.12.0",
+    "@ecl/ecl-webcomponents-react": "0.13.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "rimraf": "5.0.5"

packages/ecl-webcomponents-react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ecl/ecl-webcomponents-react",
-  "version": "0.12.0",
+  "version": "0.13.0",
   "description": "ECL react app",
   "main": "lib/index.ts",
   "module": "dist/index.js",
@@ -27,7 +27,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@ecl/ecl-webcomponents": "0.12.0"
+    "@ecl/ecl-webcomponents": "0.13.0"
   },
   "devDependencies": {
     "@types/react": "18.2.48",

packages/ecl-webcomponents/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ecl/ecl-webcomponents",
-  "version": "0.12.0",
+  "version": "0.13.0",
   "description": "ECL web components",
   "license": "EUPL-1.2",
   "main": "dist/index.cjs.js",

patches/@ecl+vanilla-component-accordion+3.11.0.patch → patches/@ecl+vanilla-component-accordion+3.13.0.patch

@@ -1,8 +1,8 @@
 diff --git a/node_modules/@ecl/vanilla-component-accordion/accordion.js b/node_modules/@ecl/vanilla-component-accordion/accordion.js
-index 85141a9..f06232d 100644
+index 08c5b16..cd41037 100644
 --- a/node_modules/@ecl/vanilla-component-accordion/accordion.js
 +++ b/node_modules/@ecl/vanilla-component-accordion/accordion.js
-@@ -131,14 +131,21 @@ export class Accordion {
+@@ -138,14 +138,21 @@ export class Accordion {
      if (iconElement) {
        const useNode = queryOne('use', iconElement);
        if (useNode) {

patches/@ecl+vanilla-component-carousel+3.11.0.patch → patches/@ecl+vanilla-component-carousel+3.13.0.patch

@@ -1,13 +1,13 @@
 diff --git a/node_modules/@ecl/vanilla-component-carousel/carousel.js b/node_modules/@ecl/vanilla-component-carousel/carousel.js
-index 3e1dc99..08cdab4 100644
+index f37281d..6b799b9 100644
 --- a/node_modules/@ecl/vanilla-component-carousel/carousel.js
 +++ b/node_modules/@ecl/vanilla-component-carousel/carousel.js
-@@ -131,6 +131,8 @@ export class Carousel {
+@@ -136,6 +136,8 @@ export class Carousel {
      this.direction = getComputedStyle(this.element).direction;
 
      this.slides = queryAll(this.slideClass, this.element);
 +    this.slidesContainer.innerHTML = '';
 +    this.slidesContainer.append(...this.slides);
      this.total = this.slides.length;
 
-     // If only one slide, don't initialize carousel and hide controls
+     // If only one slide, don't initialize carousel and hide controls

patches/@ecl+vanilla-component-category-filter+3.11.0.patch → patches/@ecl+vanilla-component-category-filter+3.13.0.patch

@@ -1,8 +1,8 @@
 diff --git a/node_modules/@ecl/vanilla-component-category-filter/category-filter.js b/node_modules/@ecl/vanilla-component-category-filter/category-filter.js
-index 76b4353..ed7da7d 100644
+index a1d3c09..d48617c 100644
 --- a/node_modules/@ecl/vanilla-component-category-filter/category-filter.js
 +++ b/node_modules/@ecl/vanilla-component-category-filter/category-filter.js
-@@ -90,21 +90,24 @@ export class CategoryFilter {
+@@ -96,21 +96,24 @@ export class CategoryFilter {
 
      const treeItem = e.target.closest('.ecl-category-filter__item');
 
@@ -33,7 +33,7 @@ index 76b4353..ed7da7d 100644
        if (item === treeItem) {
          item.classList.add('ecl-category-filter__item--current');
        } else {
-@@ -112,11 +115,7 @@ export class CategoryFilter {
+@@ -118,11 +121,7 @@ export class CategoryFilter {
        }
      });
 

patches/@ecl+vanilla-component-content-block+3.11.0.patch → patches/@ecl+vanilla-component-content-block+3.13.0.patch

@@ -1,8 +1,8 @@
 diff --git a/node_modules/@ecl/vanilla-component-content-block/content-block.js b/node_modules/@ecl/vanilla-component-content-block/content-block.js
-index 6913470..ee23ad4 100644
+index e231bd7..72de3e9 100644
 --- a/node_modules/@ecl/vanilla-component-content-block/content-block.js
 +++ b/node_modules/@ecl/vanilla-component-content-block/content-block.js
-@@ -72,7 +72,7 @@ export class ContentBlock {
+@@ -77,7 +77,7 @@ export class ContentBlock {
      }
 
      this.title = queryOne(this.titleSelector, this.element);

patches/@ecl+vanilla-component-select+3.13.0.patch

@@ -0,0 +1,13 @@
+diff --git a/node_modules/@ecl/vanilla-component-select/select.js b/node_modules/@ecl/vanilla-component-select/select.js
+index af9c468..5696a1a 100644
+--- a/node_modules/@ecl/vanilla-component-select/select.js
++++ b/node_modules/@ecl/vanilla-component-select/select.js
+@@ -495,7 +495,7 @@ export class Select {
+     }
+     this.visibleOptions = this.checkboxes;
+
+-    this.select.parentNode.parentNode.insertBefore(
++    this.select.closest('.ecl-form-group').insertBefore(
+       this.selectMultiple,
+       this.select.parentNode.nextSibling,
+     );

playground/package.json

@@ -2,7 +2,7 @@
   "name": "@ecl/web-components-playground",
   "author": "European Commission",
   "license": "EUPL-1.2",
-  "version": "0.12.0",
+  "version": "0.13.0",
   "description": "ECL web components playground",
   "main": "index.html",
   "private": true,

src/components.d.ts

@@ -284,18 +284,22 @@ export namespace Components {
         "theme": string;
     }
     interface EclFormGroup {
+        "ariaLabelOptional": string;
+        "ariaLabelRequired": string;
         "helperId": string;
         "helperText": string;
         "invalid": boolean;
         "invalidIcon": string;
         "invalidText": string;
         "label": string;
         "labelClass": string;
+        "labelTag": string;
         "name": string;
         "optionalText": string;
         "required": boolean;
         "requiredText": string;
         "styleClass": string;
+        "tag": string;
         "theme": string;
     }
     interface EclGallery {
@@ -382,7 +386,6 @@ export namespace Components {
         "disabled": boolean;
         "eclScript": boolean;
         "hasChanged": boolean;
-        "helperId": string;
         "helperText": string;
         "inputClass": string;
         "inputId": string;
@@ -462,6 +465,7 @@ export namespace Components {
         "eclScript": boolean;
         "group": string;
         "maxLines": number;
+        "menuId": string;
         "menuLink": string;
         "menuTitle": string;
         "nextLabel": string;
@@ -644,6 +648,7 @@ export namespace Components {
         "disabled": boolean;
         "helperId": string;
         "helperText": string;
+        "inputDefaultValue": string;
         "inputId": string;
         "invalid": boolean;
         "invalidText": string;
@@ -660,8 +665,8 @@ export namespace Components {
         "disabled": boolean;
         "eclScript": boolean;
         "hasChanged": boolean;
+        "inputValue": string;
         "invalid": boolean;
-        "isFocused": boolean;
         "multiple": boolean;
         "multipleAllText": string;
         "multipleClearAllText": string;
@@ -760,8 +765,10 @@ export namespace Components {
         "theme": string;
     }
     interface EclTextarea {
+        "defaultValue": string;
         "disabled": boolean;
         "hasChanged": boolean;
+        "inputId": string;
         "invalid": boolean;
         "isFocused": boolean;
         "name": string;
@@ -1049,7 +1056,7 @@ declare global {
     interface HTMLEclInputElementEventMap {
         "inputFocus": FocusEvent;
         "inputBlur": FocusEvent;
-        "inputChange": any;
+        "inputChange": { type: string; value: string };
     }
     interface HTMLEclInputElement extends Components.EclInput, HTMLStencilElement {
         addEventListener<K extends keyof HTMLEclInputElementEventMap>(type: K, listener: (this: HTMLEclInputElement, ev: EclInputCustomEvent<HTMLEclInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1706,18 +1713,22 @@ declare namespace LocalJSX {
         "theme"?: string;
     }
     interface EclFormGroup {
+        "ariaLabelOptional"?: string;
+        "ariaLabelRequired"?: string;
         "helperId"?: string;
         "helperText"?: string;
         "invalid"?: boolean;
         "invalidIcon"?: string;
         "invalidText"?: string;
         "label"?: string;
         "labelClass"?: string;
+        "labelTag"?: string;
         "name"?: string;
         "optionalText"?: string;
         "required"?: boolean;
         "requiredText"?: string;
         "styleClass"?: string;
+        "tag"?: string;
         "theme"?: string;
     }
     interface EclGallery {
@@ -1804,7 +1815,6 @@ declare namespace LocalJSX {
         "disabled"?: boolean;
         "eclScript"?: boolean;
         "hasChanged"?: boolean;
-        "helperId"?: string;
         "helperText"?: string;
         "inputClass"?: string;
         "inputId"?: string;
@@ -1813,7 +1823,7 @@ declare namespace LocalJSX {
         "label"?: string;
         "name"?: string;
         "onInputBlur"?: (event: EclInputCustomEvent<FocusEvent>) => void;
-        "onInputChange"?: (event: EclInputCustomEvent<any>) => void;
+        "onInputChange"?: (event: EclInputCustomEvent<{ type: string; value: string }>) => void;
         "onInputFocus"?: (event: EclInputCustomEvent<FocusEvent>) => void;
         "placeholder"?: string;
         "required"?: boolean;
@@ -1887,6 +1897,7 @@ declare namespace LocalJSX {
         "eclScript"?: boolean;
         "group"?: string;
         "maxLines"?: number;
+        "menuId"?: string;
         "menuLink"?: string;
         "menuTitle"?: string;
         "nextLabel"?: string;
@@ -2075,6 +2086,7 @@ declare namespace LocalJSX {
         "disabled"?: boolean;
         "helperId"?: string;
         "helperText"?: string;
+        "inputDefaultValue"?: string;
         "inputId"?: string;
         "invalid"?: boolean;
         "invalidText"?: string;
@@ -2091,8 +2103,8 @@ declare namespace LocalJSX {
         "disabled"?: boolean;
         "eclScript"?: boolean;
         "hasChanged"?: boolean;
+        "inputValue"?: string;
         "invalid"?: boolean;
-        "isFocused"?: boolean;
         "multiple"?: boolean;
         "multipleAllText"?: string;
         "multipleClearAllText"?: string;
@@ -2194,8 +2206,10 @@ declare namespace LocalJSX {
         "theme"?: string;
     }
     interface EclTextarea {
+        "defaultValue"?: string;
         "disabled"?: boolean;
         "hasChanged"?: boolean;
+        "inputId"?: string;
         "invalid"?: boolean;
         "isFocused"?: boolean;
         "name"?: string;