Fixed accordion component missing :scope from selector

Author: givanz

public/js/vvvebjs/components-elements.js

@@ -751,7 +751,7 @@ Vvveb.Components.add("elements/accordion", {
 			inline:false,
 			inputtype: ListInput,
 			data: {
-				selector:"> .accordion-item",
+				selector:":scope > .accordion-item",
 				container:"",
 				prefix:"Item ",
 				name: "text",
@@ -783,14 +783,17 @@ Vvveb.Components.add("elements/accordion", {
 						Vvveb.Components.render("elements/accordion");
 					}
 					if (event.action == "remove") {
-						node.querySelector("> .accordion-item:nth-child(" + event.index + ")").remove();
+						node.querySelector(":scope > .accordion-item:nth-child(" + event.index + ")").remove();
 					} else if (event.action == "select") {
-						let btn = node.querySelector("> .accordion-item:nth-child(" + event.index + ") .accordion-button", node);
-						let el = node.querySelector("> .accordion-item:nth-child(" + event.index + ") .collapse", node);
-						node.querySelector(".accordion-button", node).classList.add("collapsed");
-						node.querySelector(".collapse", node).classList.remove("show");
+						let index = (event.index + 1);
+						let el = node.querySelector(":scope > .accordion-item:nth-child(" + index + ")");
+						let btn= el.querySelector(".accordion-button");
+						let collapse = el.querySelector(" .collapse");
+
+						node.querySelectorAll(":scope > .accordion-item .collapse").forEach(e => e.classList.remove("show"));
+						node.querySelectorAll(":scope > .accordion-item .accordion-button").forEach(btn => btn.classList.add("collapsed"));
+						collapse.classList.add("show");
 						btn.classList.remove("collapsed");
-						el.classList.add("show");
 						//el[0].click();
 						//Vvveb.Builder.iframe.contentWindow.bootstrap.Collapse.getOrCreateInstance(el[0]).toggle();
 					}
@@ -1015,12 +1018,12 @@ function carouselAfterDrop(node) {
 		let link = document.createElement('link');
 		let lib = document.createElement('script');
 		let code = document.createElement('script');
-		link.href = '../../libs/swiper/swiper-bundle.min.css';
+		link.href = '../../js/libs/swiper/swiper-bundle.min.css';
 		link.id = 'swiper-css';
 		link.rel = 'stylesheet';
 		lib.id = 'swiper-js';
 		lib.type = 'text/javascript';
-		lib.src = '../../libs/swiper/swiper-bundle.min.js';
+		lib.src = '../../js/libs/swiper/swiper-bundle.min.js';
 		code.type = 'text/javascript';
 		code.text = `
 		let swiper = [];