MWPW-144801 - [Hero-Marquee] 🆕 block

libs/blocks/adobetv/adobetv.js

@@ -4,7 +4,7 @@ import { applyHoverPlay, getVideoAttrs } from '../../utils/decorate.js';
 const ROOT_MARGIN = 1000;
 
 const loadAdobeTv = (a) => {
-  const bgBlocks = ['aside', 'marquee'];
+  const bgBlocks = ['aside', 'marquee', 'hero-marquee'];
   if (a.href.includes('.mp4') && bgBlocks.some((b) => a.closest(`.${b}`))) {
     a.classList.add('hide');
     const { href, hash } = a;

libs/blocks/brick/brick.js

@@ -1,11 +1,13 @@
-import { decorateTextOverrides, decorateBlockText, decorateBlockBg, decorateIconStack, decorateButtons } from '../../utils/decorate.js';
+import {
+  // eslint-disable-next-line max-len
+  decorateTextOverrides, decorateBlockText, decorateBlockBg, decorateIconStack, decorateButtons, handleObjectFit,
+} from '../../utils/decorate.js';
 import { createTag, getConfig, loadStyle } from '../../utils/utils.js';
 
 const blockTypeSizes = {
   large: ['xxl', 'm', 'l'],
   default: ['xl', 'm', 'l'],
 };
-const objFitOptions = ['fill', 'contain', 'cover', 'none', 'scale-down'];
 
 function getBlockSize(el) {
   const sizes = Object.keys(blockTypeSizes);
@@ -21,30 +23,6 @@ function handleSupplementalText(foreground) {
   if (lastP) lastP.className = 'supplemental-text';
 }
 
-function setObjectFitAndPos(text, pic, bgEl) {
-  const backgroundConfig = text.split(',').map((c) => c.toLowerCase().trim());
-  const fitOption = objFitOptions.filter((c) => backgroundConfig.includes(c));
-  const focusOption = backgroundConfig.filter((c) => !fitOption.includes(c));
-  if (fitOption) [pic.querySelector('img').style.objectFit] = fitOption;
-  bgEl.innerHTML = '';
-  bgEl.append(pic);
-  bgEl.append(document.createTextNode(focusOption.join(',')));
-}
-
-function handleObjectFit(bgRow) {
-  const bgConfig = bgRow.querySelectorAll('div');
-  [...bgConfig].forEach((r) => {
-    const pic = r.querySelector('picture');
-    if (!pic) return;
-    let text = '';
-    const pchild = [...r.querySelectorAll('p:not(:empty)')].filter((p) => p.innerHTML.trim() !== '');
-    if (pchild.length > 2) text = pchild[1]?.textContent.trim();
-    if (!text && r.textContent) text = r.textContent;
-    if (!text) return;
-    setObjectFitAndPos(text, pic, r);
-  });
-}
-
 function handleClickableBrick(el, foreground) {
   if (!el.classList.contains('click')) return;
   const links = foreground.querySelectorAll('.brick-text a');