@net7/boilerplate-muruca 5.5.13 → 5.5.18

package/fesm2022/net7-boilerplate-muruca.mjs

@@ -2745,6 +2745,20 @@ class MrParallelTextViewerDS extends DataSource {
         // Attacca al primo caricamento
         document.addEventListener('pb-end-update', attachListeners);
         setTimeout(attachListeners, 500);
+        // Cross-highlight per termini multi-@ana: quando un pb-highlight con key "vox2_vox3"
+        // emette pb-highlight-on (hover sul termine o sulla tab aperta), ri-emettiamo pb-highlight-on
+        // per ogni token individuale ("vox2", "vox3") così i termini correlati si evidenziano.
+        document.addEventListener('pb-highlight-on', (ev) => {
+            const key = ev.detail?.id;
+            const channel = ev.detail?.key;
+            if (key && key.includes('_')) {
+                key.split('_').forEach((token) => {
+                    document.dispatchEvent(new CustomEvent('pb-highlight-on', {
+                        detail: { key: channel, id: token, source: ev.detail.source },
+                    }));
+                });
+            }
+        });
     }
     onClick(payload) {
         // console.log('🔵 onClick chiamato!', payload);
@@ -2762,6 +2776,7 @@ class MrParallelTextViewerDS extends DataSource {
                 //    console.log('Chiusura dell\'elemento tei-app');
                 parentAppItem.style.display = 'none';
                 parentAppItem.style.transform = '';
+                this.resetHighlights();
                 payload.stopPropagation();
                 return;
             }
@@ -2783,6 +2798,7 @@ class MrParallelTextViewerDS extends DataSource {
                 //    console.log('Chiusura dell\'elemento note-item');
                 parentNoteItem.style.display = 'none';
                 parentNoteItem.style.transform = '';
+                this.resetHighlights();
                 payload.stopPropagation();
                 return;
             }
@@ -2795,13 +2811,11 @@ class MrParallelTextViewerDS extends DataSource {
         }
         if (target && target.getAttribute('type') === 'app_lem') {
             const appId = target.getAttribute('key');
-            // console.log('appId:', appId);
             // Posizione elemento cliccato
             const clickedElementPosition = target.getBoundingClientRect().top;
             const clickedView = clickPath.find((el) => el.id && el.id.endsWith('-view'));
             const clickedViewId = clickedView ? clickedView.id : null;
             const apparatusView = document.querySelectorAll('.n7-parallel-text-viewer [id$="-view"]');
-            // console.log('Numero di view trovate:', apparatusView.length);
             let anchorElement = null;
             let teiAppElement = null;
             apparatusView.forEach((view) => {
@@ -2824,9 +2838,33 @@ class MrParallelTextViewerDS extends DataSource {
             });
             if (teiAppElement) {
                 const isVisible = teiAppElement.style.display === 'block';
+                // Determina se il pb-highlight cliccato è una cit esterna (contiene cit annidate).
+                const nestedCits = target.querySelectorAll('span.quote');
+                const isOuterCit = nestedCits.length > 0;
+                const segElements = target.querySelectorAll('.seg-outer-inner');
+                // console.log('[seg-outer-inner] click su:', target.getAttribute('key'), '| isOuterCit:', isOuterCit, '| seg trovati:', segElements.length, '| panel isVisible:', isVisible);
+                // console.log('  nestedCits keys:', Array.from(nestedCits).map((el) => el.getAttribute('key')));
+                // segElements.forEach((el, i) => {
+                //   console.log(`  seg[${i}] backgroundColor attuale: "${(el as HTMLElement).style.backgroundColor}"`);
+                //   let node = (el as HTMLElement).parentElement;
+                //   const chain = [];
+                //   while (node && chain.length < 6) {
+                //     chain.push(`${node.tagName}${node.className ? '.' + node.className.replace(/\s+/g, '.') : ''}${node.getAttribute('key') ? '[key=' + node.getAttribute('key').substring(0, 20) + ']' : ''}`);
+                //     node = node.parentElement;
+                //   }
+                //   console.log(`  seg[${i}] ancestors:`, chain.join(' > '));
+                // });
                 if (isVisible) {
                     teiAppElement.style.display = 'none';
                     teiAppElement.style.transform = '';
+                    this.resetHighlights();
+                    if (isOuterCit) {
+                        // Pannello esterno chiuso: ripristina il background dei seg annidati
+                        segElements.forEach((el) => {
+                            el.style.backgroundColor = '';
+                            // console.log('  [outer CLOSE] seg backgroundColor → ""');
+                        });
+                    }
                 }
                 else {
                     teiAppElement.style.display = 'block';
@@ -2836,6 +2874,25 @@ class MrParallelTextViewerDS extends DataSource {
                     const positionDifference = clickedElementPosition - elementPosition;
                     // spostamento
                     teiAppElement.style.transform = `translateY(${positionDifference}px)`;
+                    if (isOuterCit) {
+                        // Pannello esterno aperto: dopo che pb-highlight si attiva (giallo),
+                        // imposta sfondo bianco sui seg che appartengono semanticamente alla cit esterna
+                        requestAnimationFrame(() => {
+                            segElements.forEach((el) => {
+                                el.style.backgroundColor = 'white';
+                                // console.log('  [outer OPEN rAF] seg backgroundColor → "white"');
+                            });
+                        });
+                    }
+                    else {
+                        // Pannello interno aperto: ripristina eventuali soppressioni sui seg interni
+                        requestAnimationFrame(() => {
+                            segElements.forEach((el) => {
+                                el.style.backgroundColor = '';
+                                // console.log('  [inner OPEN rAF] seg backgroundColor → ""');
+                            });
+                        });
+                    }
                 }
             }
             else {
@@ -2871,6 +2928,19 @@ class MrParallelTextViewerDS extends DataSource {
                 }
             }
         }
+        else if (target && target.getAttribute('type') === 'parallel_anchor') {
+            const sectionId = target.getAttribute('key');
+            if (sectionId) {
+                document.dispatchEvent(new CustomEvent('pb-toggle', {
+                    detail: {
+                        properties: { id: sectionId },
+                        action: 'refresh',
+                        key: 'transcription',
+                    },
+                    bubbles: true,
+                }));
+            }
+        }
         else if (target && target.getAttribute('key') && target.getAttribute('scrollview') !== null) {
             // Per scroll su indice
             const key = target.getAttribute('key');
@@ -2889,6 +2959,30 @@ class MrParallelTextViewerDS extends DataSource {
         else
             this.output.toggleColumn = false;
     }
+    /**
+     * Resetta tutti gli highlight attivi del testo
+     */
+    resetHighlights() {
+        document.querySelectorAll('[id$="-view"]').forEach((view) => {
+            if (!view.shadowRoot)
+                return;
+            const content = view.shadowRoot.getElementById('view') || view.shadowRoot;
+            // console.log('[resetHighlights] processing view:', view.id, '| pb-highlights:', content.querySelectorAll('pb-highlight').length);
+            // Rimuove il giallo e re-abilita tutti i pb-highlight
+            content.querySelectorAll('pb-highlight').forEach((hl) => {
+                hl._className = 'highlight-off';
+                hl.disabled = false;
+            });
+            // Rimuove classe 'disable' da qualsiasi elemento (residuo da plain reading view)
+            content.querySelectorAll('.disable').forEach((el) => {
+                el.classList.remove('disable');
+            });
+            // Ripristina il background dei seg-outer-inner (potrebbe essere rimasto 'white'
+            content.querySelectorAll('.seg-outer-inner').forEach((el) => {
+                el.style.backgroundColor = '';
+            });
+        });
+    }
     viewListenerUpdate() {
         document.addEventListener('pb-start-update', function _listener() {
             document.removeEventListener('pb-start-update', _listener, true);
@@ -7350,6 +7444,8 @@ class FacetMapDS extends DataSource {
                 return this.MARKER_ICON_SELECTED;
             if (counter > 0)
                 return this.MARKER_ICON;
+            if (this.options.libOptions?.hideUnavailablePin)
+                return null;
             return this.MARKER_ICON_UNAVAILABLE;
         };
         this.getZindex = (id, counter) => {
@@ -7441,8 +7537,11 @@ class FacetMapDS extends DataSource {
         });
         markers.forEach(({ coords, template, id, slug, counter }) => {
             // create custom icon marker
+            const icon = this.getIcon(id, counter);
+            if (!icon)
+                return;
             const newMarker = L.marker(coords, {
-                icon: this.getIcon(id, counter),
+                icon,
                 zIndexOffset: this.getZindex(id, counter)
             });
             if (id && slug) {