imagecta link fix

cigaradvisor/blocks/imagecta/imagecta.js

@@ -1,3 +1,5 @@
+import { isExternal } from '../../scripts/scripts.js';
+
 export default async function decorate(block) {
   const children = [];
   const anchor = document.createElement('a');
@@ -7,7 +9,10 @@ export default async function decorate(block) {
   picture.style.paddingBottom = `${ratio}%`;
   anchor.style.maxWidth = `${img.width}px`;
   anchor.append(picture);
-  anchor.setAttribute('href', block.querySelector('a').getAttribute('href'));
+  const link = block.querySelector('a').getAttribute('href');
+  anchor.setAttribute('href', link);
+  anchor.setAttribute('target', isExternal(link) ? '_blank' : '_self');
+  anchor.setAttribute('title', img.alt);
   children.push(anchor);
   block.replaceChildren(...children);
 }

cigaradvisor/scripts/scripts.js

@@ -93,6 +93,15 @@ export function decorateMain(main) {
   buildTwoColumnGrid(main);
 }
 
+export function isExternal(path) {
+  try {
+    const url = new URL(path);
+    return window.location.hostname !== url.hostname;
+  } catch (error) {
+    return false;
+  }
+}
+
 /**
  * Loads everything needed to get to LCP.
  * @param {Element} doc The container element

cigaradvisor/styles/styles.css

@@ -131,4 +131,9 @@ main .section[data-layout="50/50"]  .imagecta.block > a{
   main .section[data-layout="50/50"] .imagecta.block>a img {
     border: 1px solid #000;
   }
-}
+
+  /* removing border for 2 column videos section */
+  main .two-column-section[data-layout="50/50"] .imagecta.block>a img {
+    border: none;
+  }
+}