diff --git a/patches/@ecl+builder+3.9.1.patch b/patches/@ecl+builder+3.10.0.patch similarity index 98% rename from patches/@ecl+builder+3.9.1.patch rename to patches/@ecl+builder+3.10.0.patch index bb3dd471..76ad8f35 100644 --- a/patches/@ecl+builder+3.9.1.patch +++ b/patches/@ecl+builder+3.10.0.patch @@ -12,7 +12,7 @@ index edd25b9..0c98c60 100755 }); diff --git a/node_modules/@ecl/builder/scripts/copy.js b/node_modules/@ecl/builder/scripts/copy.js -index 30019d2..30e38be 100644 +index 30019d2..3bfefde 100644 --- a/node_modules/@ecl/builder/scripts/copy.js +++ b/node_modules/@ecl/builder/scripts/copy.js @@ -1,23 +1,32 @@ @@ -37,7 +37,7 @@ index 30019d2..30e38be 100644 + * }, + * ], + */ - + -const copy = promisify(ncp); -module.exports = (patterns, from, to) => { @@ -50,7 +50,7 @@ index 30019d2..30e38be 100644 +const fs = require("fs"); +const path = require("path"); +const copy = require("copyfiles"); - + - fs.mkdirSync(path.dirname(dest), { recursive: true }); - await copy(input, dest); - }); diff --git a/patches/@ecl+theme-dev+3.9.1.patch b/patches/@ecl+theme-dev+3.10.0.patch similarity index 100% rename from patches/@ecl+theme-dev+3.9.1.patch rename to patches/@ecl+theme-dev+3.10.0.patch diff --git a/patches/@ecl+vanilla-component-accordion+3.9.1.patch b/patches/@ecl+vanilla-component-accordion+3.10.0.patch similarity index 100% rename from patches/@ecl+vanilla-component-accordion+3.9.1.patch rename to patches/@ecl+vanilla-component-accordion+3.10.0.patch diff --git a/patches/@ecl+vanilla-component-button+3.9.1.patch b/patches/@ecl+vanilla-component-button+3.10.0.patch similarity index 100% rename from patches/@ecl+vanilla-component-button+3.9.1.patch rename to patches/@ecl+vanilla-component-button+3.10.0.patch diff --git a/patches/@ecl+vanilla-component-card+3.9.1.patch b/patches/@ecl+vanilla-component-card+3.10.0.patch similarity index 100% rename from patches/@ecl+vanilla-component-card+3.9.1.patch rename to patches/@ecl+vanilla-component-card+3.10.0.patch diff --git a/patches/@ecl+vanilla-component-carousel+3.9.1.patch b/patches/@ecl+vanilla-component-carousel+3.9.1.patch deleted file mode 100644 index 62391209..00000000 --- a/patches/@ecl+vanilla-component-carousel+3.9.1.patch +++ /dev/null @@ -1,13 +0,0 @@ -diff --git a/node_modules/@ecl/vanilla-component-carousel/carousel.js b/node_modules/@ecl/vanilla-component-carousel/carousel.js -index 3e1dc99..08cdab4 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 { - 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 diff --git a/patches/@ecl+vanilla-component-category-filter+3.9.1.patch b/patches/@ecl+vanilla-component-category-filter+3.10.0.patch similarity index 98% rename from patches/@ecl+vanilla-component-category-filter+3.9.1.patch rename to patches/@ecl+vanilla-component-category-filter+3.10.0.patch index 217d6999..99508711 100644 --- a/patches/@ecl+vanilla-component-category-filter+3.9.1.patch +++ b/patches/@ecl+vanilla-component-category-filter+3.10.0.patch @@ -1,5 +1,5 @@ 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..3f86846 100644 +index 76b4353..ed7da7d 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 { @@ -27,7 +27,7 @@ index 76b4353..3f86846 100644 return; } } - + - this.items.forEach((item) => { + this.items.forEach(function (item) { if (item === treeItem) { diff --git a/playground/index.html b/playground/index.html index 894863c7..15cd57c0 100644 --- a/playground/index.html +++ b/playground/index.html @@ -16,9 +16,8 @@ diff --git a/src/components.d.ts b/src/components.d.ts index ccbccf32..d5f421d6 100644 --- a/src/components.d.ts +++ b/src/components.d.ts @@ -14,9 +14,11 @@ export namespace Components { } interface EclAccordionItem { "expanded": boolean; + "itemId": string; "label": string; "styleClass": string; "theme": string; + "titleId": string; } interface EclBanner { "bannerTitle": string; @@ -296,6 +298,7 @@ export namespace Components { "theme": string; } interface EclGallery { + "ariaLabel": string; "closeLabel": string; "counterLabel": string; "counterSeparator": string; @@ -358,6 +361,7 @@ export namespace Components { "sprite": string; "styleClass": string; "theme": string; + "titleTag": string; "transform": string; } interface EclInpageNavigation { @@ -1348,9 +1352,11 @@ declare namespace LocalJSX { } interface EclAccordionItem { "expanded"?: boolean; + "itemId"?: string; "label"?: string; "styleClass"?: string; "theme"?: string; + "titleId"?: string; } interface EclBanner { "bannerTitle"?: string; @@ -1633,6 +1639,7 @@ declare namespace LocalJSX { "theme"?: string; } interface EclGallery { + "ariaLabel"?: string; "closeLabel"?: string; "counterLabel"?: string; "counterSeparator"?: string; @@ -1695,6 +1702,7 @@ declare namespace LocalJSX { "sprite"?: string; "styleClass"?: string; "theme"?: string; + "titleTag"?: string; "transform"?: string; } interface EclInpageNavigation { diff --git a/src/components/ecl-accordion/ecl-accordion-item.tsx b/src/components/ecl-accordion/ecl-accordion-item.tsx index 850a8ee5..15bf6be0 100644 --- a/src/components/ecl-accordion/ecl-accordion-item.tsx +++ b/src/components/ecl-accordion/ecl-accordion-item.tsx @@ -12,6 +12,8 @@ export class EclAccordionItem { @Element() el: HTMLElement; @Prop() styleClass: string; @Prop() label: string; + @Prop() itemId: string; + @Prop() titleId: string; @Prop({reflect:true}) expanded: boolean; @Prop() theme: string = 'ec'; @@ -25,8 +27,15 @@ export class EclAccordionItem { render() { return ( -
-

+
+

diff --git a/src/components/ecl-fact-figures/package.json b/src/components/ecl-fact-figures/package.json index d43c0fcf..2419dc34 100644 --- a/src/components/ecl-fact-figures/package.json +++ b/src/components/ecl-fact-figures/package.json @@ -13,9 +13,9 @@ "prepublish": "npm run build" }, "devDependencies": { - "@ecl/builder": "3.9.1", - "@ecl/vanilla-component-fact-figures": "3.9.1", - "@ecl/vanilla-layout-grid": "3.9.1", + "@ecl/builder": "3.10.0", + "@ecl/vanilla-component-fact-figures": "3.10.0", + "@ecl/vanilla-layout-grid": "3.10.0", "cross-env": "7.0.3" }, "repository": { diff --git a/src/components/ecl-featured-item/package.json b/src/components/ecl-featured-item/package.json index da536f1a..113e3934 100644 --- a/src/components/ecl-featured-item/package.json +++ b/src/components/ecl-featured-item/package.json @@ -13,8 +13,8 @@ "prepublish": "npm run build" }, "devDependencies": { - "@ecl/builder": "3.9.1", - "@ecl/vanilla-component-featured-item": "3.9.1", + "@ecl/builder": "3.10.0", + "@ecl/vanilla-component-featured-item": "3.10.0", "cross-env": "7.0.3" }, "repository": { diff --git a/src/components/ecl-file-upload/package.json b/src/components/ecl-file-upload/package.json index f0a96d32..ea018dab 100644 --- a/src/components/ecl-file-upload/package.json +++ b/src/components/ecl-file-upload/package.json @@ -14,9 +14,9 @@ "prepublish": "npm run build" }, "devDependencies": { - "@ecl/builder": "3.9.1", - "@ecl/vanilla-component-button": "3.9.1", - "@ecl/vanilla-component-file-upload": "3.9.1", + "@ecl/builder": "3.10.0", + "@ecl/vanilla-component-button": "3.10.0", + "@ecl/vanilla-component-file-upload": "3.10.0", "cross-env": "7.0.3" }, "repository": { diff --git a/src/components/ecl-file/package.json b/src/components/ecl-file/package.json index fc29b5e9..6bf8848d 100644 --- a/src/components/ecl-file/package.json +++ b/src/components/ecl-file/package.json @@ -14,9 +14,9 @@ "prepublish": "npm run build" }, "devDependencies": { - "@ecl/builder": "3.9.1", - "@ecl/vanilla-component-file": "3.9.1", - "@ecl/vanilla-layout-grid": "3.9.1", + "@ecl/builder": "3.10.0", + "@ecl/vanilla-component-file": "3.10.0", + "@ecl/vanilla-layout-grid": "3.10.0", "cross-env": "7.0.3" }, "repository": { diff --git a/src/components/ecl-footer/ecl-footer.stories.ts b/src/components/ecl-footer/ecl-footer.stories.ts index 661aed0c..7faaf28f 100644 --- a/src/components/ecl-footer/ecl-footer.stories.ts +++ b/src/components/ecl-footer/ecl-footer.stories.ts @@ -295,7 +295,7 @@ const TemplateEu = () => Privacy policy @@ -345,7 +345,7 @@ const TemplateEu = () => Council of the European Union @@ -626,7 +626,7 @@ const TemplateEuHarmonised = () => Privacy policy diff --git a/src/components/ecl-footer/package.json b/src/components/ecl-footer/package.json index fdff143d..ad2c00c7 100644 --- a/src/components/ecl-footer/package.json +++ b/src/components/ecl-footer/package.json @@ -14,12 +14,12 @@ "prepublish": "npm run build" }, "devDependencies": { - "@ecl/builder": "3.9.1", - "@ecl/resources-ec-logo": "3.9.1", - "@ecl/resources-eu-logo": "3.9.1", - "@ecl/vanilla-component-link": "3.9.1", - "@ecl/vanilla-component-site-footer": "3.9.1", - "@ecl/vanilla-layout-grid": "3.9.1", + "@ecl/builder": "3.10.0", + "@ecl/resources-ec-logo": "3.10.0", + "@ecl/resources-eu-logo": "3.10.0", + "@ecl/vanilla-component-link": "3.10.0", + "@ecl/vanilla-component-site-footer": "3.10.0", + "@ecl/vanilla-layout-grid": "3.10.0", "cross-env": "7.0.3" }, "repository": { diff --git a/src/components/ecl-form-group/package.json b/src/components/ecl-form-group/package.json index a800a303..4f3511fe 100644 --- a/src/components/ecl-form-group/package.json +++ b/src/components/ecl-form-group/package.json @@ -13,8 +13,8 @@ "prepublish": "npm run build" }, "devDependencies": { - "@ecl/builder": "3.9.1", - "@ecl/vanilla-component-form": "3.9.1", + "@ecl/builder": "3.10.0", + "@ecl/vanilla-component-form": "3.10.0", "cross-env": "7.0.3" }, "repository": { diff --git a/src/components/ecl-gallery/ecl-gallery.stories.ts b/src/components/ecl-gallery/ecl-gallery.stories.ts index 7e35336d..c3e237e4 100644 --- a/src/components/ecl-gallery/ecl-gallery.stories.ts +++ b/src/components/ecl-gallery/ecl-gallery.stories.ts @@ -21,6 +21,7 @@ const Template = (args) => footer-link-path="${randomizedLink('/example.html')}" footer-link-label="further media items" expandable + aria-label="Gallery overlay" >
+ { this.titleTag ? {this.titleTag} : '' } ) diff --git a/src/components/ecl-icon/package.json b/src/components/ecl-icon/package.json index 6e8911b7..7190fa9a 100644 --- a/src/components/ecl-icon/package.json +++ b/src/components/ecl-icon/package.json @@ -14,11 +14,11 @@ "prepublish": "npm run build" }, "devDependencies": { - "@ecl/builder": "3.9.1", - "@ecl/resources-ec-icons": "3.9.1", - "@ecl/resources-eu-icons": "3.9.1", - "@ecl/specs-component-icon": "3.9.1", - "@ecl/vanilla-component-icon": "3.9.1", + "@ecl/builder": "3.10.0", + "@ecl/resources-ec-icons": "3.10.0", + "@ecl/resources-eu-icons": "3.10.0", + "@ecl/specs-component-icon": "3.10.0", + "@ecl/vanilla-component-icon": "3.10.0", "cross-env": "7.0.3" }, "repository": { diff --git a/src/components/ecl-icon/readme.md b/src/components/ecl-icon/readme.md index a6d81a58..1dd655e0 100644 --- a/src/components/ecl-icon/readme.md +++ b/src/components/ecl-icon/readme.md @@ -14,6 +14,7 @@ | `sprite` | `sprite` | | `string` | `''` | | `styleClass` | `style-class` | | `string` | `''` | | `theme` | `theme` | | `string` | `'ec'` | +| `titleTag` | `title-tag` | | `string` | `''` | | `transform` | `transform` | | `string` | `''` | diff --git a/src/components/ecl-inpage-navigation/package.json b/src/components/ecl-inpage-navigation/package.json index 8648eaa8..2a7f6e4c 100644 --- a/src/components/ecl-inpage-navigation/package.json +++ b/src/components/ecl-inpage-navigation/package.json @@ -14,9 +14,9 @@ "prepublish": "npm run build" }, "devDependencies": { - "@ecl/builder": "3.9.1", - "@ecl/vanilla-component-inpage-navigation": "3.9.1", - "@ecl/vanilla-layout-grid": "3.9.1", + "@ecl/builder": "3.10.0", + "@ecl/vanilla-component-inpage-navigation": "3.10.0", + "@ecl/vanilla-layout-grid": "3.10.0", "cross-env": "7.0.3", "lorem-ipsum": "2.0.8" }, diff --git a/src/components/ecl-input/package.json b/src/components/ecl-input/package.json index e1cf78eb..7c398850 100644 --- a/src/components/ecl-input/package.json +++ b/src/components/ecl-input/package.json @@ -14,14 +14,14 @@ "prepublish": "npm run build" }, "devDependencies": { - "@ecl/builder": "3.9.1", - "@ecl/vanilla-component-button": "3.9.1", - "@ecl/vanilla-component-checkbox": "3.9.1", - "@ecl/vanilla-component-datepicker": "3.9.1", - "@ecl/vanilla-component-file-upload": "3.9.1", - "@ecl/vanilla-component-radio": "3.9.1", - "@ecl/vanilla-component-search-form": "3.9.1", - "@ecl/vanilla-component-text-input": "3.9.1", + "@ecl/builder": "3.10.0", + "@ecl/vanilla-component-button": "3.10.0", + "@ecl/vanilla-component-checkbox": "3.10.0", + "@ecl/vanilla-component-datepicker": "3.10.0", + "@ecl/vanilla-component-file-upload": "3.10.0", + "@ecl/vanilla-component-radio": "3.10.0", + "@ecl/vanilla-component-search-form": "3.10.0", + "@ecl/vanilla-component-text-input": "3.10.0", "cross-env": "7.0.3" }, "repository": { diff --git a/src/components/ecl-label/package.json b/src/components/ecl-label/package.json index c6f56c4b..3e6f0341 100644 --- a/src/components/ecl-label/package.json +++ b/src/components/ecl-label/package.json @@ -13,8 +13,8 @@ "prepublish": "npm run build" }, "devDependencies": { - "@ecl/builder": "3.9.1", - "@ecl/vanilla-component-label": "3.9.1", + "@ecl/builder": "3.10.0", + "@ecl/vanilla-component-label": "3.10.0", "cross-env": "7.0.3" }, "repository": { diff --git a/src/components/ecl-link/ecl-link.stories.ts b/src/components/ecl-link/ecl-link.stories.ts index 761005d5..35bee8ea 100644 --- a/src/components/ecl-link/ecl-link.stories.ts +++ b/src/components/ecl-link/ecl-link.stories.ts @@ -70,6 +70,7 @@ const Template = (args) => ` theme="${args.theme}" path="${args.path}" external="${args.external}" + aria-label="Accessibility enhancer" > ${args.icon && args.iconPosition === 'before' ? ` ) @@ -85,7 +86,7 @@ export class EclLink { if (this.download) { attrs['download'] = true; } - if (this.ariaLabel) { + if (this.ariaLabel && !this.external) { attrs['aria-label'] = this.ariaLabel; } if (this.target) { diff --git a/src/components/ecl-link/package.json b/src/components/ecl-link/package.json index 7a086226..ee4d9bd0 100644 --- a/src/components/ecl-link/package.json +++ b/src/components/ecl-link/package.json @@ -13,11 +13,11 @@ "prepublish": "npm run build" }, "devDependencies": { - "@ecl/builder": "3.9.1", - "@ecl/specs-component-icon": "3.9.1", - "@ecl/vanilla-component-button": "3.9.1", - "@ecl/vanilla-component-icon": "3.9.1", - "@ecl/vanilla-component-link": "3.9.1", + "@ecl/builder": "3.10.0", + "@ecl/specs-component-icon": "3.10.0", + "@ecl/vanilla-component-button": "3.10.0", + "@ecl/vanilla-component-icon": "3.10.0", + "@ecl/vanilla-component-link": "3.10.0", "cross-env": "7.0.3" }, "repository": { diff --git a/src/components/ecl-list-illustration/package.json b/src/components/ecl-list-illustration/package.json index 1e86b7ca..fecbb6b8 100644 --- a/src/components/ecl-list-illustration/package.json +++ b/src/components/ecl-list-illustration/package.json @@ -13,8 +13,8 @@ "prepublish": "npm run build" }, "devDependencies": { - "@ecl/builder": "3.9.1", - "@ecl/vanilla-component-list-illustration": "3.9.1", + "@ecl/builder": "3.10.0", + "@ecl/vanilla-component-list-illustration": "3.10.0", "cross-env": "7.0.3" }, "repository": { diff --git a/src/components/ecl-media-container/package.json b/src/components/ecl-media-container/package.json index 698eb399..c5bcf27e 100644 --- a/src/components/ecl-media-container/package.json +++ b/src/components/ecl-media-container/package.json @@ -14,9 +14,9 @@ "prepublish": "npm run build" }, "devDependencies": { - "@ecl/builder": "3.9.1", - "@ecl/vanilla-component-media-container": "3.9.1", - "@ecl/vanilla-layout-grid": "3.9.1", + "@ecl/builder": "3.10.0", + "@ecl/vanilla-component-media-container": "3.10.0", + "@ecl/vanilla-layout-grid": "3.10.0", "cross-env": "7.0.3" }, "repository": { diff --git a/src/components/ecl-menu/package.json b/src/components/ecl-menu/package.json index 232d1075..9f240338 100644 --- a/src/components/ecl-menu/package.json +++ b/src/components/ecl-menu/package.json @@ -14,9 +14,9 @@ "prepublish": "npm run build" }, "devDependencies": { - "@ecl/builder": "3.9.1", - "@ecl/vanilla-component-menu": "3.9.1", - "@ecl/vanilla-layout-grid": "3.9.1", + "@ecl/builder": "3.10.0", + "@ecl/vanilla-component-menu": "3.10.0", + "@ecl/vanilla-layout-grid": "3.10.0", "cross-env": "7.0.3" }, "repository": { diff --git a/src/components/ecl-message/package.json b/src/components/ecl-message/package.json index a101afd8..08fba8f5 100644 --- a/src/components/ecl-message/package.json +++ b/src/components/ecl-message/package.json @@ -14,11 +14,11 @@ "prepublish": "npm run build" }, "devDependencies": { - "@ecl/builder": "3.9.1", - "@ecl/resources-ec-icons": "3.9.1", - "@ecl/resources-eu-icons": "3.9.1", - "@ecl/vanilla-component-icon": "3.9.1", - "@ecl/vanilla-component-message": "3.9.1", + "@ecl/builder": "3.10.0", + "@ecl/resources-ec-icons": "3.10.0", + "@ecl/resources-eu-icons": "3.10.0", + "@ecl/vanilla-component-icon": "3.10.0", + "@ecl/vanilla-component-message": "3.10.0", "cross-env": "7.0.3" }, "repository": { diff --git a/src/components/ecl-modal/package.json b/src/components/ecl-modal/package.json index 049f18aa..de9bb4ff 100644 --- a/src/components/ecl-modal/package.json +++ b/src/components/ecl-modal/package.json @@ -14,9 +14,9 @@ "prepublish": "npm run build" }, "devDependencies": { - "@ecl/builder": "3.9.1", - "@ecl/vanilla-component-modal": "3.9.1", - "@ecl/vanilla-layout-grid": "3.9.1", + "@ecl/builder": "3.10.0", + "@ecl/vanilla-component-modal": "3.10.0", + "@ecl/vanilla-layout-grid": "3.10.0", "cross-env": "7.0.3" }, "repository": { diff --git a/src/components/ecl-navigation-list/package.json b/src/components/ecl-navigation-list/package.json index 00a8d8c9..0382cae4 100644 --- a/src/components/ecl-navigation-list/package.json +++ b/src/components/ecl-navigation-list/package.json @@ -13,8 +13,8 @@ "prepublish": "npm run build" }, "devDependencies": { - "@ecl/builder": "3.9.1", - "@ecl/vanilla-component-navigation-list": "3.9.1", + "@ecl/builder": "3.10.0", + "@ecl/vanilla-component-navigation-list": "3.10.0", "cross-env": "7.0.3" }, "repository": { diff --git a/src/components/ecl-news-ticker/ecl-news-ticker.stories.ts b/src/components/ecl-news-ticker/ecl-news-ticker.stories.ts index 004b40f0..115cb58b 100644 --- a/src/components/ecl-news-ticker/ecl-news-ticker.stories.ts +++ b/src/components/ecl-news-ticker/ecl-news-ticker.stories.ts @@ -12,7 +12,7 @@ const Template = (args) => sr-next="Next item" sr-prev="Prev item" sr-pause="Pause news ticker" - sr-play:"Play news ticker" + sr-play="Play news ticker" > lang-code="it" language="italiano" > + + + + + + + + + + + + + + + + + lang-code="tr" language="Türk" > + +
> lang-code="it" language="italiano" > + + + + + + + + + + + + + + + + + lang-code="tr" language="Türk" > + +