Fix closest query [data-controller~="live"]

Author: smnandre

src/LiveComponent/assets/dist/live_controller.js

@@ -2404,7 +2404,7 @@ class LoadingPlugin {
     getLoadingDirectives(element) {
         const loadingDirectives = [];
         let matchingElements = [...element.querySelectorAll('[data-loading]')];
-        matchingElements = matchingElements.filter((elt) => elt.closest('[data-controller="live"]') === element);
+        matchingElements = matchingElements.filter((elt) => elt.closest('[data-controller~="live"]') === element);
         if (element.hasAttribute('data-loading')) {
             matchingElements = [element, ...matchingElements];
         }

src/LiveComponent/assets/src/Component/plugins/LoadingPlugin.ts

@@ -153,7 +153,7 @@ export default class implements PluginInterface {
         let matchingElements = [...element.querySelectorAll('[data-loading]')];
 
         // ignore elements which are inside a nested "live" component
-        matchingElements = matchingElements.filter((elt) => elt.closest('[data-controller="live"]') === element);
+        matchingElements = matchingElements.filter((elt) => elt.closest('[data-controller~="live"]') === element);
 
         // querySelectorAll doesn't include the element itself
         if (element.hasAttribute('data-loading')) {