fix: sync stimulus controller name (#28)

rekalogika · Apr 4, 2024 · dd729dd · dd729dd
1 parent 7ae3ea3
commit dd729dd
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/packages/rekapager-bundle/assets/dist/infinite-scrolling.js b/packages/rekapager-bundle/assets/dist/infinite-scrolling.js
@@ -98,8 +98,8 @@ var _default = /*#__PURE__*/function (_Controller) {
         // append new elements
 
         var fragment = document.createRange().createContextualFragment(html);
-        var newElements = fragment.querySelector('[data-controller~="infinitescrolling"]').children;
-        (_document$querySelect = document.querySelector('[data-controller~="infinitescrolling"]')).append.apply(_document$querySelect, _toConsumableArray(newElements));
+        var newElements = fragment.querySelector('[data-controller~="' + _this.controllerNameValue + '"]').children;
+        (_document$querySelect = document.querySelector('[data-controller~="' + _this.controllerNameValue + '"]')).append.apply(_document$querySelect, _toConsumableArray(newElements));
 
         // find next link
 
@@ -119,6 +119,10 @@ _defineProperty(_default, "values", {
   pagination: {
     type: String,
     "default": '.pagination'
+  },
+  controllerName: {
+    type: String,
+    "default": 'rekalogika--rekapager-bundle--infinite-scrolling'
   }
 });
 export { _default as default };
diff --git a/packages/rekapager-bundle/assets/src/infinite-scrolling.js b/packages/rekapager-bundle/assets/src/infinite-scrolling.js
@@ -14,7 +14,8 @@ import { Controller } from '@hotwired/stimulus';
 export default class extends Controller {
     static values = {
         breakpoint: { type: String, default: '576px' },
-        pagination: { type: String, default: '.pagination' }
+        pagination: { type: String, default: '.pagination' },
+        controllerName: { type: String, default: 'rekalogika--rekapager-bundle--infinite-scrolling' }
     }
 
     connect() {
@@ -86,9 +87,9 @@ export default class extends Controller {
 
                 let fragment = document.createRange().createContextualFragment(html)
                 let newElements = fragment
-                    .querySelector('[data-controller~="infinitescrolling"]')
+                    .querySelector('[data-controller~="'+ this.controllerNameValue +'"]')
                     .children
-                document.querySelector('[data-controller~="infinitescrolling"]')
+                document.querySelector('[data-controller~="' + this.controllerNameValue + '"]')
                     .append(...newElements)
 
                 // find next link