chore(components): Aligning with ECL 5.1.0

package.json

@@ -77,58 +77,58 @@
     "@babel/preset-react": "7.29.7",
     "@babel/preset-typescript": "7.29.7",
     "@ecl/ecl-webcomponents": "0.28.0",
-    "@ecl/preset-ec": "5.0.0-RC6",
+    "@ecl/preset-ec": "5.1.0",
     "@eslint/js": "9.39.2",
     "@prettier/plugin-xml": "3.4.2",
     "@stencil/angular-output-target": "0.10.2",
     "@stencil/react-output-target": "0.5.3",
     "@stencil/vue-output-target": "0.13.2",
-    "@storybook/addon-docs": "10.4.2",
-    "@storybook/addon-links": "10.4.2",
-    "@storybook/html-vite": "10.4.2",
+    "@storybook/addon-docs": "10.5.7",
+    "@storybook/addon-links": "10.5.7",
+    "@storybook/html-vite": "10.5.7",
     "@types/jest": "28.1.3",
-    "@typescript-eslint/eslint-plugin": "8.60.1",
-    "@typescript-eslint/parser": "8.60.1",
+    "@typescript-eslint/eslint-plugin": "8.67.0",
+    "@typescript-eslint/parser": "8.67.0",
+    "@vitest/eslint-plugin": "1.6.27",
     "babel-loader": "10.1.1",
     "browser-update": "3.3.63",
     "build-number-generator": "3.1.0",
     "copyfiles": "2.4.1",
-    "core-js": "3.49.0",
+    "core-js": "3.50.0",
     "cross-env": "10.1.0",
     "eslint": "9.39.2",
     "eslint-config-airbnb": "19.0.4",
     "eslint-config-airbnb-base": "15.0.0",
     "eslint-config-prettier": "10.1.8",
     "eslint-plugin-import": "2.32.0",
-    "eslint-plugin-jest": "29.15.2",
+    "eslint-plugin-jest": "29.16.0",
     "eslint-plugin-jsx-a11y": "6.10.2",
+    "eslint-plugin-oxlint": "1.78.0",
+    "eslint-plugin-playwright": "2.11.0",
     "eslint-plugin-prettier": "5.5.6",
     "eslint-plugin-react": "7.37.5",
     "eslint-plugin-react-hooks": "7.1.1",
-    "eslint-plugin-oxlint": "1.68.0",
-    "eslint-plugin-playwright": "2.10.4",
-    "eslint-plugin-vue": "10.9.2",
-    "@vitest/eslint-plugin": "1.6.19",
+    "eslint-plugin-vue": "10.10.0",
     "get-latest-version": "5.1.0",
-    "globals": "17.6.0",
+    "globals": "17.9.0",
     "husky": "9.1.7",
     "jest": "28.1.3",
     "jest-cli": "28.1.3",
     "lerna": "9.0.7",
     "lerna-changelog": "2.2.0",
-    "lint-staged": "17.0.7",
+    "lint-staged": "17.3.0",
     "ncp": "2.0.0",
-    "npm-check-updates": "22.2.3",
+    "npm-check-updates": "23.0.2",
     "npm-run-all": "4.1.5",
-    "prettier": "3.8.3",
-    "puppeteer": "25.1.0",
+    "prettier": "3.9.6",
+    "puppeteer": "25.6.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "replace-in-file": "7.1.0",
     "rimraf": "6.1.3",
-    "storybook": "10.4.5",
+    "storybook": "10.5.7",
     "storybook-addon-rtl": "3.0.2",
-    "stylelint": "17.13.0",
+    "stylelint": "17.14.1",
     "stylelint-config-css-modules": "4.6.0",
     "stylelint-config-prettier": "9.0.5",
     "stylelint-config-standard": "40.0.0",
@@ -166,11 +166,11 @@
     },
     "patchedDependencies": {
       "@ecl/builder": "patches/@ecl__builder.patch",
-      "@ecl/select": "patches/@ecl__select.patch",
       "@ecl/banner": "patches/@ecl__banner.patch",
       "@ecl/tabs": "patches/@ecl__tabs.patch",
       "@ecl/table": "patches/@ecl__table.patch",
-      "@ecl/carousel": "patches/@ecl__carousel.patch"
+      "@ecl/carousel": "patches/@ecl__carousel.patch",
+      "@ecl/select": "patches/@ecl__select.patch"
     }
   }
 }

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

@@ -22,6 +22,6 @@
     "@types/react-dom": "18.2.18",
     "@vitejs/plugin-react": "4.7.0",
     "typescript": "6.0.3",
-    "vite": "8.0.16"
+    "vite": "8.2.1"
   }
 }

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

@@ -17,22 +17,22 @@
   "dependencies": {
     "@ecl/ecl-webcomponents-vue": "0.28.0",
     "pinia": "^3.0.4",
-    "vue": "^3.5.35",
-    "vue-router": "^5.1.0"
+    "vue": "^3.5.41",
+    "vue-router": "^5.2.0"
   },
   "devDependencies": {
-    "@playwright/test": "^1.60.0",
-    "@vitejs/plugin-vue": "^6.0.7",
-    "@vitejs/plugin-vue-jsx": "^5.1.5",
+    "@playwright/test": "^1.62.1",
+    "@vitejs/plugin-vue": "^6.0.8",
+    "@vitejs/plugin-vue-jsx": "^5.1.6",
     "@vue/test-utils": "^2.4.11",
-    "globals": "^17.6.0",
+    "globals": "^17.9.0",
     "jsdom": "^28.1.0",
     "npm-run-all2": "^8.0.4",
-    "oxlint": "~1.68.0",
-    "prettier": "3.8.3",
-    "vite": "^8.0.16",
-    "vite-plugin-vue-devtools": "^8.1.2",
-    "vitest": "^4.1.8"
+    "oxlint": "~1.78.0",
+    "prettier": "3.9.6",
+    "vite": "^8.2.1",
+    "vite-plugin-vue-devtools": "^8.2.1",
+    "vitest": "^4.1.10"
   },
   "engines": {
     "node": "^20.19.0 || >=22.12.0"

packages/ecl-webcomponents-vue/lib/components.ts

@@ -22,6 +22,8 @@ export const EclAccordionItem: StencilVueComponent<JSX.EclAccordionItem> = /*@__
   'styleClass',
   'label',
   'sidebar',
+  'iconCollapsed',
+  'iconExpanded',
   'expanded',
   'theme'
 ]);
@@ -62,7 +64,9 @@ export const EclAnimatedNumbersItem: StencilVueComponent<JSX.EclAnimatedNumbersI
   'description',
   'itemPrefixLabel',
   'itemSuffixLabel',
-  'value'
+  'value',
+  'sources',
+  'sourcesLabel'
 ]);
 
 
@@ -76,6 +80,7 @@ export const EclBanner: StencilVueComponent<JSX.EclBanner> = /*@__PURE__*/ defin
   'bannerTitleLink',
   'descriptionLink',
   'image',
+  'imageAnchor',
   'noScript',
   'sources',
   'tracks',
@@ -330,7 +335,9 @@ export const EclFactFiguresItem: StencilVueComponent<JSX.EclFactFiguresItem> = /
   'icon',
   'value',
   'itemTitle',
-  'iconTransform'
+  'iconTransform',
+  'sources',
+  'sourcesLabel'
 ]);
 
 
@@ -360,7 +367,6 @@ export const EclFile: StencilVueComponent<JSX.EclFile> = /*@__PURE__*/ defineCon
   'elId',
   'theme',
   'styleClass',
-  'variant',
   'downloadAttribute',
   'downloadId',
   'downloadLabel',
@@ -371,6 +377,7 @@ export const EclFile: StencilVueComponent<JSX.EclFile> = /*@__PURE__*/ defineCon
   'fileTitlePath',
   'detailMeta',
   'language',
+  'icon',
   'meta',
   'image',
   'imageAlt',
@@ -384,6 +391,7 @@ export const EclFile: StencilVueComponent<JSX.EclFile> = /*@__PURE__*/ defineCon
 
 export const EclFileTranslations: StencilVueComponent<JSX.EclFileTranslations> = /*@__PURE__*/ defineContainer<JSX.EclFileTranslations>('ecl-file-translations', undefined, [
   'theme',
+  'elId',
   'styleClass',
   'toggleLabel',
   'others'
@@ -573,6 +581,24 @@ export const EclHighlightBox: StencilVueComponent<JSX.EclHighlightBox> = /*@__PU
 ]);
 
 
+export const EclHighlightedSearch: StencilVueComponent<JSX.EclHighlightedSearch> = /*@__PURE__*/ defineContainer<JSX.EclHighlightedSearch>('ecl-highlighted-search', undefined, [
+  'theme',
+  'styleClass',
+  'colorMode',
+  'elId',
+  'elTitle',
+  'helperText',
+  'submitLabel',
+  'suggestionLabel',
+  'hasDescription',
+  'inputId',
+  'inputLabel',
+  'inputAttrs',
+  'formAttrs',
+  'inputName'
+]);
+
+
 export const EclIcon: StencilVueComponent<JSX.EclIcon> = /*@__PURE__*/ defineContainer<JSX.EclIcon>('ecl-icon', undefined, [
   'styleClass',
   'theme',
@@ -630,6 +656,7 @@ export const EclInput: StencilVueComponent<JSX.EclInput> = /*@__PURE__*/ defineC
   'inputId',
   'name',
   'defaultValue',
+  'inputAttrs',
   'hasChanged',
   'isFocused',
   'inputFocus',
@@ -840,7 +867,8 @@ export const EclModal: StencilVueComponent<JSX.EclModal> = /*@__PURE__*/ defineC
   'toggleId',
   'size',
   'closeLabel',
-  'itemId'
+  'itemId',
+  'itemTitle'
 ]);
 
 
@@ -969,7 +997,9 @@ export const EclPicture: StencilVueComponent<JSX.EclPicture> = /*@__PURE__*/ def
   'image',
   'imgClass',
   'imageAlt',
+  'noScript',
   'imageAnchor',
+  'debugPosition',
   'lazy',
   'zoom'
 ]);
@@ -1277,6 +1307,51 @@ export const EclSpotlight: StencilVueComponent<JSX.EclSpotlight> = /*@__PURE__*/
 ]);
 
 
+export const EclStoryCard: StencilVueComponent<JSX.EclStoryCard> = /*@__PURE__*/ defineContainer<JSX.EclStoryCard>('ecl-story-card', undefined, [
+  'styleClass',
+  'noScript',
+  'elId',
+  'elTitle',
+  'description',
+  'prevLabel',
+  'nextLabel',
+  'playLabel',
+  'pauseLabel',
+  'theme',
+  'variant',
+  'colorMode'
+]);
+
+
+export const EclStoryCardItem: StencilVueComponent<JSX.EclStoryCardItem> = /*@__PURE__*/ defineContainer<JSX.EclStoryCardItem>('ecl-story-card-item', undefined, [
+  'styleClass',
+  'articleClass',
+  'theme',
+  'variant',
+  'elTitle',
+  'author',
+  'elRole',
+  'source',
+  'linkHref',
+  'teaserLabel',
+  'linkLabel',
+  'linkIcon',
+  'picture',
+  'pictureAlt',
+  'slotName',
+  'order'
+]);
+
+
+export const EclStoryCardTab: StencilVueComponent<JSX.EclStoryCardTab> = /*@__PURE__*/ defineContainer<JSX.EclStoryCardTab>('ecl-story-card-tab', undefined, [
+  'styleClass',
+  'picture',
+  'theme',
+  'teaserLabel',
+  'order'
+]);
+
+
 export const EclTable: StencilVueComponent<JSX.EclTable> = /*@__PURE__*/ defineContainer<JSX.EclTable>('ecl-table', undefined, [
   'elId',
   'theme',

packages/ecl-webcomponents-vue/package.json

@@ -29,7 +29,7 @@
     "@stencil/vue-output-target": "0.13.2"
   },
   "devDependencies": {
-    "vue": "3.5.35"
+    "vue": "3.5.41"
   },
   "engines": {
     "node": ">=20.0.0",

packages/ecl-webcomponents/package.json

@@ -30,7 +30,7 @@
     "@stencil/core": "4.43.5"
   },
   "devDependencies": {
-    "@stencil/angular-output-target": "1.3.2",
-    "@stencil/react-output-target": "1.5.3"
+    "@stencil/angular-output-target": "1.4.1",
+    "@stencil/react-output-target": "1.6.1"
   }
 }

patches/@ecl__select.patch

@@ -1,5 +1,5 @@
 diff --git a/select.js b/select.js
-index 6f1de565807f1c91e5ac87117d8b4c60cc383ae8..37e8a9fc241d40bc7e15e1a846812ce0ce8ab8d1 100644
+index 5f3f041b4aafd937a42d34015fe923bcf6a8f8fb..f07d29eb5883bca578c341f163856f111e1a5106 100644
 --- a/select.js
 +++ b/select.js
 @@ -1,5 +1,5 @@
@@ -9,7 +9,7 @@ index 6f1de565807f1c91e5ac87117d8b4c60cc383ae8..37e8a9fc241d40bc7e15e1a846812ce0
  import EventManager from '@ecl/event-manager';
 
  const system = getSystem();
-@@ -568,7 +568,7 @@ export class Select {
+@@ -591,7 +591,7 @@ export class Select {
        }
        this.visibleOptions = this.checkboxes;
 

playground/package.json

@@ -13,12 +13,12 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@ckeditor/ckeditor5-inspector": "5.0.1",
+    "@ckeditor/ckeditor5-inspector": "5.0.3",
     "@ecl/ckeditor5-ecl-webcomponents": "0.28.0",
     "@ecl/ecl-webcomponents": "0.28.0",
     "ckeditor5": "47.5.0",
     "ncp": "2.0.0",
-    "vite": "8.0.16"
+    "vite": "8.2.1"
   },
   "repository": {
     "type": "git",