adt-js-components 1.6.0 → 1.6.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adt-js-components",
-  "version": "1.6.0",
+  "version": "1.6.2",
   "description": "JavaScript components for Nette framework",
   "main": "index.js",
   "scripts": {

package/src/AjaxSelect/index.js

@@ -107,16 +107,36 @@ function run(options) {
 		this.$originalElement.select2('destroy');
 	};
 
-	AjaxSelect.init = function ($container) {
-		$container.find('select[data-adt-ajax-select]').each(function () {
-			new AjaxSelect($(this));
+	function applyEventHandlers(el) {
+		new AjaxSelect($(el));
+	}
+
+	const observer = new MutationObserver(mutations => {
+		mutations.forEach(mutation => {
+			if (mutation.type === "childList") {
+				mutation.addedNodes.forEach(node => {
+					if (node.nodeType === 1) {
+						if (node.hasAttribute("data-adt-ajax-select")) {
+							applyEventHandlers(node);
+						}
+
+						node.querySelectorAll('[data-adt-ajax-select]').forEach(child => {
+							applyEventHandlers(child);
+						});
+					}
+				});
+			}
 		});
-	};
+	});
 
-	$.nette.ext('live').after(function ($element) {
-		AjaxSelect.init($element);
+	observer.observe(document.body, {
+		childList: true,
+		subtree: true,
 	});
 
+	document.querySelectorAll('[data-adt-ajax-select]').forEach(function(el) {
+		applyEventHandlers(el);
+	});
 }
 
 export default { run }

package/src/Replicator/index.js

@@ -1,7 +1,5 @@
 async function run(options) {
-	console.log('xxx');
 	function applyEventHandlers(el) {
-		console.log('yyy');
 		$(el).formReplicator({
 			template: $.parseHTML($(el).attr('data-adt-replicator')),
 			addStaticButton: $(el).find('[data-adt-replicator-add]'),
@@ -13,8 +11,14 @@ async function run(options) {
 		mutations.forEach(mutation => {
 			if (mutation.type === "childList") {
 				mutation.addedNodes.forEach(node => {
-					if (node.nodeType === 1 && node.hasAttribute("data-adt-form-replicator")) {
-						applyEventHandlers(node);
+					if (node.nodeType === 1) {
+						if (node.hasAttribute("data-adt-replicator")) {
+							applyEventHandlers(node);
+						}
+
+						node.querySelectorAll('[data-adt-replicator]').forEach(child => {
+							applyEventHandlers(child);
+						});
 					}
 				});
 			}

package/src/Select2/index.js

@@ -6,7 +6,7 @@ import 'select2/dist/js/i18n/cs'
 function run(options) {
 	function applyEventHandlers(el) {
 		$(el)
-			.select2($.extend({theme: 'bootstrap-5', language: "en"}, $(this).data('adt-select2') || {}))
+			.select2($.extend({theme: 'bootstrap-5', language: "en"}, $(el).data('adt-select2') || {}))
 			.on('change', function(e) {
 				Nette.toggleForm($(e.currentTarget).closest('form')[0], e.currentTarget);
 			});