@axos-web-dev/shared-components 1.0.100-dev.75 → 1.0.100-dev.77

package/dist/assets/WalnutIframe/wrapper.css.css

@@ -1,48 +1,48 @@
-@keyframes _shimmer_f1tr5_1 {
-  from {
-    transform: translateX(-100%);
-  }
-  to {
-    transform: translateX(100%);
-  }
-}
-
-._wrapper_f1tr5_10 {
-  background: #1e3860;
-  border-radius: 8px;
-  height: 555px;
-  isolation: isolate;
-  margin-block: 48px;
-}
-
-section > ._wrapper_f1tr5_10:first-child {
-  margin-top: 0 !important;
-}
-
-._wrapper_f1tr5_10::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 190%;
-  height: 100%;
-  background: linear-gradient(
-    65deg,
-    rgba(255, 255, 255, 0) 20%,
-    rgba(255, 255, 255, 0.5) 50%,
-    rgba(255, 255, 255, 0) 80%
-  );
-  animation: _shimmer_f1tr5_1 1.3s infinite linear;
-  z-index: -1;
-}
-
-._wrapper_control_f1tr5_39 {
-  height: 100%;
-  width: 100%;
-}
-
-@media (max-width: 1023px) {
-  ._wrapper_f1tr5_10 {
-    display: none;
-  }
-}
+@keyframes _shimmer_1wqdl_1 {
+  from {
+    transform: translateX(-100%);
+  }
+  to {
+    transform: translateX(100%);
+  }
+}
+
+._wrapper_1wqdl_19 {
+  background: #1e3860;
+  border-radius: 8px;
+  height: 555px;
+  isolation: isolate;
+  margin-block: 48px;
+}
+
+section > ._wrapper_1wqdl_19:first-child {
+  margin-top: 0 !important;
+}
+
+._wrapper_1wqdl_19::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 190%;
+  height: 100%;
+  background: linear-gradient(
+    65deg,
+    rgba(255, 255, 255, 0) 20%,
+    rgba(255, 255, 255, 0.5) 50%,
+    rgba(255, 255, 255, 0) 80%
+  );
+  animation: _shimmer_1wqdl_1 1.3s infinite linear;
+  z-index: -1;
+}
+
+._wrapper_control_1wqdl_77 {
+  height: 100%;
+  width: 100%;
+}
+
+@media (max-width: 1023px) {
+  ._wrapper_1wqdl_19 {
+    display: none;
+  }
+}

package/dist/assets/utils/optimizeImage/optimizeImage.css.css

@@ -1,47 +1,47 @@
-@keyframes _shimmer_pwl74_1 {
-  from {
-    transform: translateX(-100%);
-  }
-  to {
-    transform: translateX(100%);
-  }
-}
-
-._loader_pwl74_10 {
-  height: 100%;
-  width: 100%;
-  inset: 0;
-}
-
-._loading_pwl74_16 {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  background: #1e3860;
-}
-
-._1es6o1h0 ._loading_pwl74_16 {
-  background-color: var(--_1073cm8f);
-}
-
-.fl2fv50 ._loading_pwl74_16 {
-  background-color: #28587d;
-}
-
-._loading_pwl74_16::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 190%;
-  height: 100%;
-  background: linear-gradient(
-    65deg,
-    rgba(255, 255, 255, 0) 20%,
-    rgba(255, 255, 255, 0.5) 50%,
-    rgba(255, 255, 255, 0) 80%
-  );
-  animation: _shimmer_pwl74_1 1.3s infinite linear;
-  z-index: 1;
-}
+@keyframes _shimmer_1cu2x_1 {
+  from {
+    transform: translateX(-100%);
+  }
+  to {
+    transform: translateX(100%);
+  }
+}
+
+._loader_1cu2x_19 {
+  height: 100%;
+  width: 100%;
+  inset: 0;
+}
+
+._loading_1cu2x_31 {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  background: #1e3860;
+}
+
+._1es6o1h0 ._loading_1cu2x_31 {
+  background-color: var(--_1073cm8f);
+}
+
+.fl2fv50 ._loading_1cu2x_31 {
+  background-color: #28587d;
+}
+
+._loading_1cu2x_31::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 190%;
+  height: 100%;
+  background: linear-gradient(
+    65deg,
+    rgba(255, 255, 255, 0) 20%,
+    rgba(255, 255, 255, 0.5) 50%,
+    rgba(255, 255, 255, 0) 80%
+  );
+  animation: _shimmer_1cu2x_1 1.3s infinite linear;
+  z-index: 1;
+}

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/optimizeImage/optimizeImage.module.js

@@ -1,6 +1,6 @@
-import '../../assets/utils/optimizeImage/optimizeImage.css.css';const loader = "_loader_pwl74_10";
-const loading = "_loading_pwl74_16";
-const shimmer = "_shimmer_pwl74_1";
+import '../../assets/utils/optimizeImage/optimizeImage.css.css';const loader = "_loader_1cu2x_19";
+const loading = "_loading_1cu2x_31";
+const shimmer = "_shimmer_1cu2x_1";
 const css = {
   loader,
   loading,

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.75",
+  "version": "1.0.100-dev.77",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",