@axos-web-dev/shared-components 1.0.100-dev.76-feature-lp-logos → 1.0.100-dev.78

package/dist/assets/LandingPageHeader/LandingPageHeader.css

@@ -2,68 +2,56 @@
   background: var(--_1073cm81);
 }
 ._1o1hxre2 {
-  background: var(--_1073cm88);
+  background: var(--_1073cm81);
 }
 ._1o1hxre3 {
-  background: var(--_1073cm8f);
+  background: var(--_1073cm81);
 }
 ._1o1hxre4 {
-  background: var(--_1073cm8m);
-}
-._1o1hxre5 {
-  padding: 7px 24px;
+  padding: 0 24px;
   min-height: 59px;
 }
-._1o1hxre6 {
+._1o1hxre5 {
   padding: 32px 24px;
   min-height: 59px;
 }
-._1o1hxre7 {
+._1o1hxre6 {
   transition: opacity 0.35s ease;
 }
-._1o1hxre7:hover {
+._1o1hxre6:hover {
   opacity: 0.6;
 }
-._1o1hxre7:active {
+._1o1hxre6:active {
   opacity: 1;
 }
-._1o1hxre8 {
+._1o1hxre7 {
   transition: opacity 0.35s ease;
   width: 568px;
   height: 78px;
 }
-._1o1hxre8:hover {
+._1o1hxre7:hover {
   opacity: 0.6;
 }
-._1o1hxre8:active {
+._1o1hxre7:active {
   opacity: 1;
 }
-._1o1hxrea {
+._1o1hxre8 {
   fill: var(--_1073cm85);
 }
-._1o1hxreb {
-  fill: var(--_1073cm8c);
-}
-._1o1hxrec {
-  fill: var(--_1073cm8j);
-}
-._1o1hxred {
-  fill: var(--_1073cm8q);
-}
 @media screen and (max-width: 1023px) {
-  ._1o1hxre6 {
+  ._1o1hxre5 {
     padding: 28px 24px;
   }
-  ._1o1hxre8 {
+  ._1o1hxre7 {
     width: 454px;
     height: 62px;
   }
 }
 @media screen and (max-width: 768px) {
-  ._1o1hxre6 {
+  ._1o1hxre5 {
     padding: 24px 24px;
   }
-  ._1o1hxre8 {
+  ._1o1hxre7 {
     width: 340px;
     height: 46px;
   }

package/dist/main.js

@@ -52,7 +52,7 @@ import { ComparisonSet } from "./Comparison/ComparisonSet.js";
 import { ContentBanner } from "./ContentBanner/index.js";
 import { DownloadTile } from "./DownloadTile/index.js";
 import { ExecutiveBio } from "./ExecutiveBio/ExecutiveBio.js";
-import { bio_section_text, bulletsHeadline, bulletsWrapper, ceoContainer, ceoContent, ceoHeader, ceoImgWrapper, ceoMedia, ceoPersonalInfo, ceoSection, ceoWrapper, ceo_body, ceo_contacts, ceo_name, ceo_quote, ceo_title, components, contact_col, contact_entry, contacts, copy, description, details, executive_bio, flexColumn, header_theme, headline_setting, headshot, highlights, hover, imgAlignment, img_area, item_bio, job_title, media, order_3, overlay, padding, person, section_theme, shift, social, stroke_color, svg_color, svg_icon, tooltip, url_row } from "./ExecutiveBio/ExecutiveBio.css.js";
+import { bio_section_text, bulletsHeadline, bulletsWrapper, ceoContainer, ceoContent, ceoHeader, ceoImgWrapper, ceoMedia, ceoPersonalInfo, ceoSection, ceoWrapper, ceo_body, ceo_contacts, ceo_name, ceo_quote, ceo_title, compact, components, contact_col, contact_entry, contacts, copy, description, details, executive_bio, flexColumn, header_theme, headline_setting, headshot, highlights, hover, imgAlignment, img_area, item_bio, job_title, media, order_3, overlay, padding, person, section_theme, shift, social, stroke_color, svg_color, svg_icon, tooltip, url_row } from "./ExecutiveBio/ExecutiveBio.css.js";
 import { ExecutiveBioSet } from "./ExecutiveBio/ExecutiveBioSet.js";
 import { AccordionCtas, AccordionItem, AccordionItemContent, AccordionItemSummary, FaqAccordion } from "./FaqAccordion/index.js";
 import { FdicBanner } from "./FdicCallout/index.js";
@@ -517,6 +517,7 @@ export {
   chatbotUFB,
   checkbox_group,
   columnValues,
+  compact,
   comparison,
   comparison_buttons,
   comparison_container,

package/dist/utils/appendQueryParams.js

@@ -1,8 +1,12 @@
 const appendQueryParams = () => {
-  const searchParams = new URLSearchParams(window.location.search);
-  const filterParams = (href) => {
+  const currentOrigin = window.location.origin;
+  const currentPathname = window.location.pathname;
+  const filterParams = (href, currentSearch) => {
     try {
-      const url = new URL(href, window.location.origin);
+      const search = currentSearch ?? window.location.search;
+      const searchParams = new URLSearchParams(search);
+      const base = window.location.origin + window.location.pathname + window.location.search;
+      const url = new URL(href, base);
       const existingParams = new URLSearchParams(url.search);
       const newParams = new URLSearchParams();
       const addedKeys = /* @__PURE__ */ new Set();
@@ -25,17 +29,44 @@ const appendQueryParams = () => {
       }
       const mergedParams = new URLSearchParams(existingParams);
       newParams.forEach((value, key) => mergedParams.append(key, value));
-      return `${url.origin}${url.pathname}?${mergedParams.toString()}`;
+      return `${url.origin}${url.pathname}?${mergedParams.toString()}${url.hash}`;
     } catch (e) {
       console.error(e);
       return href;
     }
   };
+  const handleSamePageClick = (e) => {
+    const anchor = e.target?.closest?.("a[href]");
+    if (!anchor || anchor.classList.contains("ext-link"))
+      return;
+    const href = anchor.getAttribute("href")?.trim();
+    if (!href || href.startsWith("tel:") || href.startsWith("mailto:") || href === "#" || href === "" || href.startsWith("#"))
+      return;
+    const base = window.location.origin + window.location.pathname + window.location.search;
+    const url = new URL(href, base);
+    if (url.origin !== currentOrigin || url.pathname !== currentPathname)
+      return;
+    e.preventDefault();
+    e.stopImmediatePropagation();
+    const merged = filterParams(href, window.location.search);
+    const mergedUrl = new URL(merged, window.location.origin);
+    const fullUrl = `${mergedUrl.pathname}${mergedUrl.search}${mergedUrl.hash}`;
+    window.history.replaceState({ ...window.history.state }, "", fullUrl);
+    window.dispatchEvent(
+      new PopStateEvent("popstate", { state: window.history.state })
+    );
+    if (mergedUrl.hash) {
+      const el = document.querySelector(mergedUrl.hash);
+      el?.scrollIntoView({ behavior: "smooth" });
+    }
+  };
+  document.addEventListener("click", handleSamePageClick, true);
   if (window.location.search.length) {
+    const searchParams = new URLSearchParams(window.location.search);
     document.querySelectorAll("a[href]:not(.ext-link)").forEach((anchor) => {
       const href = anchor.getAttribute("href")?.trim();
       if (href && !href.startsWith("tel:") && !href.startsWith("mailto:") && href !== "#" && href !== "" && !href.startsWith("#")) {
-        anchor.href = filterParams(href);
+        anchor.href = filterParams(href, searchParams.toString());
       }
     });
   }

package/dist/utils/validateExternalLinks.js

@@ -8,12 +8,10 @@ const shortUrl = (url) => {
   return uri.hostname;
 };
 const isEmailLink = (url) => {
-  const uri = new URL(url, location.href);
-  return uri.protocol == "mailto:";
+  return typeof url === "string" && url.trim().toLowerCase().startsWith("mailto:");
 };
 const isPhoneLink = (url) => {
-  const uri = new URL(url, location.href);
-  return uri.protocol === "tel:";
+  return typeof url === "string" && url.trim().toLowerCase().startsWith("tel:");
 };
 const validateLink = (url) => {
   let openModal = false;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "1.0.100-dev.76-feature-lp-logos",
+  "version": "1.0.100-dev.78",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",