From ae5dd98a1c4e7682f1d2a0076b8b2527b203a9ac Mon Sep 17 00:00:00 2001
From: planctus
@@ -66,7 +67,7 @@ exports[`EC - Accordion renders correctly 1`] = `
@@ -104,7 +105,7 @@ exports[`EC - Accordion renders correctly 1`] = `
@@ -126,6 +127,7 @@ exports[`EC - Accordion renders correctly with extra attributes 1`] = `
@@ -312,7 +315,7 @@ exports[`EC - Accordion renders correctly with extra class names 1`] = `
@@ -350,7 +353,7 @@ exports[`EC - Accordion renders correctly with extra class names 1`] = `
diff --git a/src/ec/packages/ec-component-accordion/accordion.html.twig b/src/ec/packages/ec-component-accordion/accordion.html.twig
index a5d7ccdb7..ad77c7b9c 100644
--- a/src/ec/packages/ec-component-accordion/accordion.html.twig
+++ b/src/ec/packages/ec-component-accordion/accordion.html.twig
@@ -5,10 +5,10 @@
- "items" (array) (default: []): format: [
{
"id": (string),
- level: (string),
- toggle: (predefined structure): see Button component, format: {
- label: (string),
- icon: (predefined structure): see Icon component,
+ "level": (string),
+ "toggle": (predefined structure): see Button component, format: {
+ "label": (string),
+ "icon": (predefined structure): see Icon component,
},
content: (block),
},
@@ -27,7 +27,7 @@
{# Internal properties #}
{% set _css_class = 'ecl-accordion' %}
-{% set _extra_attributes = '' %}
+{% set _extra_attributes = 'data-ecl-auto-init="Accordion"' %}
{% set _items = items|default([]) %}
{# Internal logic - Process properties #}
diff --git a/src/ec/packages/ec-component-accordion/accordion.story.js b/src/ec/packages/ec-component-accordion/accordion.story.js
index 9ffd7e0fb..18b3c840b 100644
--- a/src/ec/packages/ec-component-accordion/accordion.story.js
+++ b/src/ec/packages/ec-component-accordion/accordion.story.js
@@ -29,26 +29,7 @@ storiesOf('Components/Accordion', module)
item.toggle.icon.path = defaultSprite;
});
- const html = accordion(demoData);
-
- const demo = document.createDocumentFragment();
-
- const htmlElement = document.createElement('div');
- htmlElement.innerHTML = html.trim();
- demo.appendChild(htmlElement.firstChild);
-
- const scriptElement = document.createElement('script');
- scriptElement.innerHTML = `
- var elements = document.querySelectorAll('[data-ecl-accordion]');
-
- for (var i = 0; i < elements.length; i += 1) {
- var accordion = new ECL.Accordion(elements[i]);
- accordion.init();
- }
- `;
- demo.appendChild(scriptElement);
-
- return demo;
+ return accordion(demoData);
},
{
diff --git a/src/ec/packages/ec-component-accordion/package.json b/src/ec/packages/ec-component-accordion/package.json
index 8113b95fc..345ba1c75 100644
--- a/src/ec/packages/ec-component-accordion/package.json
+++ b/src/ec/packages/ec-component-accordion/package.json
@@ -8,9 +8,9 @@
"@ecl-twig/ec-component-button": "2.9.1"
},
"devDependencies": {
- "@ecl/ec-component-accordion": "~2.9.0",
- "@ecl/ec-resources-icons": "~2.9.0",
- "@ecl/ec-specs-accordion": "~2.9.0"
+ "@ecl/ec-component-accordion": "2.11.0",
+ "@ecl/ec-resources-icons": "2.11.0",
+ "@ecl/ec-specs-accordion": "2.11.0"
},
"publishConfig": {
"access": "public"
diff --git a/src/ec/packages/ec-component-accordion2/__snapshots__/accordion2.test.js.snap b/src/ec/packages/ec-component-accordion2/__snapshots__/accordion2.test.js.snap
index 59970dba5..b556f8d16 100644
--- a/src/ec/packages/ec-component-accordion2/__snapshots__/accordion2.test.js.snap
+++ b/src/ec/packages/ec-component-accordion2/__snapshots__/accordion2.test.js.snap
@@ -4,6 +4,7 @@ exports[`EC - Accordion2 renders correctly 1`] = `