core registry: Do not scan patterns within trees with attribute hidden or class cant-touch-this.

Author: thet

CHANGES.md

@@ -29,6 +29,7 @@
 
 ### Features
 
+-   core registry: Do not scan patterns within trees with attribute ``hidden`` or class ``cant-touch-this``.
 -   Implenent lazy loading for external libraries via dynamic imports. Leads to significantly reduced bundle sizes.
 -   Upgrade pat-calendar to use latest fullcalendar version (5.3.0).
 -   pat calendar: Add fullcalendar list views.

src/core/registry.js

@@ -146,10 +146,14 @@ const registry = {
         );
         matches = matches.filter((el) => {
             // Filter out patterns:
-            // - with class ``.cant-touch-this``.
+            // - with class ``.cant-touch-this``
+            // - wrapped in ``.cant-touch-this`` elements
+            // - wrapped in ``hidden`` elements
             // - wrapped in ``<pre>`` elements
             return (
                 !el.matches(".cant-touch-this") &&
+                !el?.parentNode?.closest?.(".cant-touch-this") &&
+                !el?.parentNode?.closest?.("[hidden]") &&
                 !el?.parentNode?.closest?.("pre")
             );
         });

src/core/registry.test.js

@@ -72,17 +72,28 @@ describe("pat-registry: The registry for patterns", function () {
         tree.innerHTML = `
             <div class="e1 pat-example"></div>
             <div class="e2 cant-touch-this pat-example"></div>
+            <div class="cant-touch-this">
+                <div class="e3 pat-example"></div>
+            </div>
+            <div hidden>
+                <div class="e4 pat-example"></div>
+            </div>
+            <div hidden="hidden">
+                <div class="e5 pat-example"></div>
+            </div>
             <pre>
                 <div>
-                    <div class="e3 pat-example"></div>
+                    <div class="e6 pat-example"></div>
                 </div>
             </pre>
         `;
         registry.scan(tree);
 
-        console.log(tree.innerHTML);
         expect(tree.querySelector(".e1").textContent).toBe("initialized");
         expect(tree.querySelector(".e2").textContent).toBe("");
         expect(tree.querySelector(".e3").textContent).toBe("");
+        expect(tree.querySelector(".e4").textContent).toBe("");
+        expect(tree.querySelector(".e5").textContent).toBe("");
+        expect(tree.querySelector(".e6").textContent).toBe("");
     });
 });