MWPW-156865 - Hero marquee supports heading element on detail text. (#…

…2801)

* enabled config for `allowDetailHeading` on the shared decorateBlockText

* hasDetailHeading - refactor so all but first still get decorated

libs/blocks/hero-marquee/hero-marquee.js

@@ -206,7 +206,7 @@ export default async function init(el) {
     : null;
   if (assetUnknown) assetUnknown.classList.add('asset-unknown');
 
-  decorateBlockText(copy, textDefault);
+  decorateBlockText(copy, textDefault, 'hasDetailHeading');
   await decorateLockupFromContent(copy);
   extendButtonsClass(copy);
 

libs/utils/decorate.js

@@ -61,9 +61,10 @@ export function decorateIconArea(el) {
 }
 
 export function decorateBlockText(el, config = ['m', 's', 'm'], type = null) {
-  const headings = el.querySelectorAll('h1, h2, h3, h4, h5, h6');
+  let headings = el.querySelectorAll('h1, h2, h3, h4, h5, h6');
   if (!el.classList.contains('default')) {
     if (headings) {
+      if (type === 'hasDetailHeading' && headings.length > 1) headings = [...headings].splice(1);
       headings.forEach((h) => h.classList.add(`heading-${config[0]}`));
       if (config[2]) {
         const prevSib = headings[0]?.previousElementSibling;