@caweb/framework 1.9.3 → 1.9.4

package/build/delta.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array(), 'version' => '7a0d2a76ccc95aa95059');
+<?php return array('dependencies' => array(), 'version' => '199f529ffe27046b976c');

package/build/delta.css

@@ -14959,6 +14959,7 @@ footer.keywords ul li {
 ----------------------------------------- */
 header.global-header {
   position: sticky;
+  top: 0;
   background-color: var(--bs-white, #fff);
   z-index: 15;
   transition: all 0.3s ease;

package/build/delta.js

@@ -28,7 +28,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n//@ts-check\n\n/* EXTERNAL L
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("{__webpack_require__.r(__webpack_exports__);\n//@ts-check\nwindow.addEventListener('DOMContentLoaded', () => {\n  let location_hash = window.location.hash.replace(/(\\|)/g, \"\\\\$1\");\n  const header = document.querySelector('header');\n  const alerts = document.querySelector('.alerts');\n  const utilityHeader = document.querySelector('.utility-header');\n\n  // scroll to target\n  if (location_hash) {\n    // location hash has leading #, so we remove it\n    let target = document.getElementById(location_hash.substring(1));\n\n    // if the location hash is not empty, we scroll to the target element\n    setTimeout(() => {\n      target?.scrollIntoView({\n        behavior: 'smooth'\n      });\n    }, 1000);\n  }\n  if (!header) {\n    return;\n  }\n  const compactHeader = () => {\n    let scrollHeights = 0;\n\n    // lets collect the height of any elements above the header.\n    let current = header.previousElementSibling;\n    let miscElementHeights = 0;\n    while (current) {\n      // if current is a div, add its height to the miscElementHeights.\n      if ('DIV' === current.tagName) {\n        miscElementHeights += current.clientHeight;\n      }\n      current = current.previousElementSibling;\n    }\n\n    // downscroll code passed the header height\n    if (document.body.scrollTop >= header.offsetHeight || document.documentElement.scrollTop >= header.offsetHeight) {\n      // lets add the scroll heights of any alerts\n      if (alerts) {\n        scrollHeights += alerts.clientHeight;\n      }\n\n      // lets add the scroll heights of the utility header\n      if (utilityHeader) {\n        scrollHeights += utilityHeader.clientHeight;\n      }\n\n      // move the header up to the scroll height, minus any elements above the header\n      header.style.top = `-${scrollHeights - miscElementHeights}px`;\n    } else {\n      // reset header to initial position\n      header.style.top = `${miscElementHeights}px`;\n    }\n  };\n\n  // reset position on scroll\n  window.addEventListener('scroll', compactHeader);\n  compactHeader();\n});\n\n//# sourceURL=webpack://@caweb/framework/./src/scripts/components/header.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n//@ts-check\nwindow.addEventListener('DOMContentLoaded', () => {\n  let location_hash = window.location.hash.replace(/(\\|)/g, \"\\\\$1\");\n  const header = document.querySelector('header');\n  const pageContainer = document.querySelector('#page-container');\n\n  // array of elements that are compacted\n  const compactedElements = [document.querySelector('.alerts'), document.querySelector('.utility-header')].filter(Boolean);\n  let compactedElementsHeight = compactedElements.reduce((total, element) => {\n    if (element instanceof HTMLElement) {\n      return total + element.clientHeight;\n    }\n    return total;\n  }, 0);\n\n  // lets collect the height of any fixed elements above the header.\n  let topOffset = 0;\n  let current = header?.previousElementSibling;\n  while (current) {\n    // if current element has a fixed position, add its height to the topOffset.\n    if (current instanceof HTMLElement && window.getComputedStyle(current).position === 'fixed') {\n      topOffset += current.clientHeight;\n    }\n    current = current.previousElementSibling;\n  }\n\n  // scroll to target\n  if (location_hash) {\n    // location hash has leading #, so we remove it\n    let target = document.getElementById(location_hash.substring(1));\n\n    // if the location hash is not empty, we scroll to the target element\n    requestAnimationFrame(() => {\n      target?.scrollIntoView({\n        behavior: 'smooth'\n      });\n    });\n  }\n  if (!header) {\n    return;\n  }\n  const compactHeader = () => {\n    // downscroll code passed the header height\n    if (document.body.scrollTop >= header.offsetHeight || document.documentElement.scrollTop >= header.offsetHeight) {\n      // move the header up to hide the compacted elements height, minus the top offset.\n      header.style.top = `-${compactedElementsHeight - topOffset}px`;\n    } else {\n      // reset header to initial position\n      // we need to set the header's top to the offset.\n      if (header) {\n        header.style.top = `${topOffset}px`;\n      }\n\n      // if we have a page container, we need to set its top padding to the offset\n      if (pageContainer && pageContainer instanceof HTMLElement) {\n        pageContainer.style.paddingTop = `${topOffset}px`;\n      }\n    }\n  };\n\n  // for each element with an id we add the scroll-margin-top\n  document.querySelectorAll('#page-container [id]').forEach(element => {\n    if (element instanceof HTMLElement) {\n      let scrollMarginHeight = header.clientHeight + topOffset;\n\n      // if the elements offsetTop is greater than twice the header size, \n      // we can assume the header is compacted\n      // so we need to subtract the compacted elements height from the scroll margin.\n      if (element.offsetTop > scrollMarginHeight * 2) {\n        scrollMarginHeight -= compactedElementsHeight;\n      }\n      element.style.scrollMarginTop = `${scrollMarginHeight}px`;\n    }\n  });\n\n  // reset position on scroll\n  window.addEventListener('scroll', compactHeader);\n  compactHeader();\n});\n\n//# sourceURL=webpack://@caweb/framework/./src/scripts/components/header.js?\n}");
 
 /***/ },
 

package/build/eureka.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array(), 'version' => '4979f4696c36fc6c02ae');
+<?php return array('dependencies' => array(), 'version' => 'dccc2d572231080464ce');

package/build/eureka.css

@@ -14959,6 +14959,7 @@ footer.keywords ul li {
 ----------------------------------------- */
 header.global-header {
   position: sticky;
+  top: 0;
   background-color: var(--bs-white, #fff);
   z-index: 15;
   transition: all 0.3s ease;

package/build/eureka.js

@@ -28,7 +28,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n//@ts-check\n\n/* EXTERNAL L
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("{__webpack_require__.r(__webpack_exports__);\n//@ts-check\nwindow.addEventListener('DOMContentLoaded', () => {\n  let location_hash = window.location.hash.replace(/(\\|)/g, \"\\\\$1\");\n  const header = document.querySelector('header');\n  const alerts = document.querySelector('.alerts');\n  const utilityHeader = document.querySelector('.utility-header');\n\n  // scroll to target\n  if (location_hash) {\n    // location hash has leading #, so we remove it\n    let target = document.getElementById(location_hash.substring(1));\n\n    // if the location hash is not empty, we scroll to the target element\n    setTimeout(() => {\n      target?.scrollIntoView({\n        behavior: 'smooth'\n      });\n    }, 1000);\n  }\n  if (!header) {\n    return;\n  }\n  const compactHeader = () => {\n    let scrollHeights = 0;\n\n    // lets collect the height of any elements above the header.\n    let current = header.previousElementSibling;\n    let miscElementHeights = 0;\n    while (current) {\n      // if current is a div, add its height to the miscElementHeights.\n      if ('DIV' === current.tagName) {\n        miscElementHeights += current.clientHeight;\n      }\n      current = current.previousElementSibling;\n    }\n\n    // downscroll code passed the header height\n    if (document.body.scrollTop >= header.offsetHeight || document.documentElement.scrollTop >= header.offsetHeight) {\n      // lets add the scroll heights of any alerts\n      if (alerts) {\n        scrollHeights += alerts.clientHeight;\n      }\n\n      // lets add the scroll heights of the utility header\n      if (utilityHeader) {\n        scrollHeights += utilityHeader.clientHeight;\n      }\n\n      // move the header up to the scroll height, minus any elements above the header\n      header.style.top = `-${scrollHeights - miscElementHeights}px`;\n    } else {\n      // reset header to initial position\n      header.style.top = `${miscElementHeights}px`;\n    }\n  };\n\n  // reset position on scroll\n  window.addEventListener('scroll', compactHeader);\n  compactHeader();\n});\n\n//# sourceURL=webpack://@caweb/framework/./src/scripts/components/header.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n//@ts-check\nwindow.addEventListener('DOMContentLoaded', () => {\n  let location_hash = window.location.hash.replace(/(\\|)/g, \"\\\\$1\");\n  const header = document.querySelector('header');\n  const pageContainer = document.querySelector('#page-container');\n\n  // array of elements that are compacted\n  const compactedElements = [document.querySelector('.alerts'), document.querySelector('.utility-header')].filter(Boolean);\n  let compactedElementsHeight = compactedElements.reduce((total, element) => {\n    if (element instanceof HTMLElement) {\n      return total + element.clientHeight;\n    }\n    return total;\n  }, 0);\n\n  // lets collect the height of any fixed elements above the header.\n  let topOffset = 0;\n  let current = header?.previousElementSibling;\n  while (current) {\n    // if current element has a fixed position, add its height to the topOffset.\n    if (current instanceof HTMLElement && window.getComputedStyle(current).position === 'fixed') {\n      topOffset += current.clientHeight;\n    }\n    current = current.previousElementSibling;\n  }\n\n  // scroll to target\n  if (location_hash) {\n    // location hash has leading #, so we remove it\n    let target = document.getElementById(location_hash.substring(1));\n\n    // if the location hash is not empty, we scroll to the target element\n    requestAnimationFrame(() => {\n      target?.scrollIntoView({\n        behavior: 'smooth'\n      });\n    });\n  }\n  if (!header) {\n    return;\n  }\n  const compactHeader = () => {\n    // downscroll code passed the header height\n    if (document.body.scrollTop >= header.offsetHeight || document.documentElement.scrollTop >= header.offsetHeight) {\n      // move the header up to hide the compacted elements height, minus the top offset.\n      header.style.top = `-${compactedElementsHeight - topOffset}px`;\n    } else {\n      // reset header to initial position\n      // we need to set the header's top to the offset.\n      if (header) {\n        header.style.top = `${topOffset}px`;\n      }\n\n      // if we have a page container, we need to set its top padding to the offset\n      if (pageContainer && pageContainer instanceof HTMLElement) {\n        pageContainer.style.paddingTop = `${topOffset}px`;\n      }\n    }\n  };\n\n  // for each element with an id we add the scroll-margin-top\n  document.querySelectorAll('#page-container [id]').forEach(element => {\n    if (element instanceof HTMLElement) {\n      let scrollMarginHeight = header.clientHeight + topOffset;\n\n      // if the elements offsetTop is greater than twice the header size, \n      // we can assume the header is compacted\n      // so we need to subtract the compacted elements height from the scroll margin.\n      if (element.offsetTop > scrollMarginHeight * 2) {\n        scrollMarginHeight -= compactedElementsHeight;\n      }\n      element.style.scrollMarginTop = `${scrollMarginHeight}px`;\n    }\n  });\n\n  // reset position on scroll\n  window.addEventListener('scroll', compactHeader);\n  compactHeader();\n});\n\n//# sourceURL=webpack://@caweb/framework/./src/scripts/components/header.js?\n}");
 
 /***/ },
 

package/build/mono.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array(), 'version' => '7eb54b6fa3bc1ec20f44');
+<?php return array('dependencies' => array(), 'version' => '9044cec209bb8089a88f');

package/build/mono.css

@@ -14959,6 +14959,7 @@ footer.keywords ul li {
 ----------------------------------------- */
 header.global-header {
   position: sticky;
+  top: 0;
   background-color: var(--bs-white, #fff);
   z-index: 15;
   transition: all 0.3s ease;

package/build/mono.js

@@ -28,7 +28,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n//@ts-check\n\n/* EXTERNAL L
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("{__webpack_require__.r(__webpack_exports__);\n//@ts-check\nwindow.addEventListener('DOMContentLoaded', () => {\n  let location_hash = window.location.hash.replace(/(\\|)/g, \"\\\\$1\");\n  const header = document.querySelector('header');\n  const alerts = document.querySelector('.alerts');\n  const utilityHeader = document.querySelector('.utility-header');\n\n  // scroll to target\n  if (location_hash) {\n    // location hash has leading #, so we remove it\n    let target = document.getElementById(location_hash.substring(1));\n\n    // if the location hash is not empty, we scroll to the target element\n    setTimeout(() => {\n      target?.scrollIntoView({\n        behavior: 'smooth'\n      });\n    }, 1000);\n  }\n  if (!header) {\n    return;\n  }\n  const compactHeader = () => {\n    let scrollHeights = 0;\n\n    // lets collect the height of any elements above the header.\n    let current = header.previousElementSibling;\n    let miscElementHeights = 0;\n    while (current) {\n      // if current is a div, add its height to the miscElementHeights.\n      if ('DIV' === current.tagName) {\n        miscElementHeights += current.clientHeight;\n      }\n      current = current.previousElementSibling;\n    }\n\n    // downscroll code passed the header height\n    if (document.body.scrollTop >= header.offsetHeight || document.documentElement.scrollTop >= header.offsetHeight) {\n      // lets add the scroll heights of any alerts\n      if (alerts) {\n        scrollHeights += alerts.clientHeight;\n      }\n\n      // lets add the scroll heights of the utility header\n      if (utilityHeader) {\n        scrollHeights += utilityHeader.clientHeight;\n      }\n\n      // move the header up to the scroll height, minus any elements above the header\n      header.style.top = `-${scrollHeights - miscElementHeights}px`;\n    } else {\n      // reset header to initial position\n      header.style.top = `${miscElementHeights}px`;\n    }\n  };\n\n  // reset position on scroll\n  window.addEventListener('scroll', compactHeader);\n  compactHeader();\n});\n\n//# sourceURL=webpack://@caweb/framework/./src/scripts/components/header.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n//@ts-check\nwindow.addEventListener('DOMContentLoaded', () => {\n  let location_hash = window.location.hash.replace(/(\\|)/g, \"\\\\$1\");\n  const header = document.querySelector('header');\n  const pageContainer = document.querySelector('#page-container');\n\n  // array of elements that are compacted\n  const compactedElements = [document.querySelector('.alerts'), document.querySelector('.utility-header')].filter(Boolean);\n  let compactedElementsHeight = compactedElements.reduce((total, element) => {\n    if (element instanceof HTMLElement) {\n      return total + element.clientHeight;\n    }\n    return total;\n  }, 0);\n\n  // lets collect the height of any fixed elements above the header.\n  let topOffset = 0;\n  let current = header?.previousElementSibling;\n  while (current) {\n    // if current element has a fixed position, add its height to the topOffset.\n    if (current instanceof HTMLElement && window.getComputedStyle(current).position === 'fixed') {\n      topOffset += current.clientHeight;\n    }\n    current = current.previousElementSibling;\n  }\n\n  // scroll to target\n  if (location_hash) {\n    // location hash has leading #, so we remove it\n    let target = document.getElementById(location_hash.substring(1));\n\n    // if the location hash is not empty, we scroll to the target element\n    requestAnimationFrame(() => {\n      target?.scrollIntoView({\n        behavior: 'smooth'\n      });\n    });\n  }\n  if (!header) {\n    return;\n  }\n  const compactHeader = () => {\n    // downscroll code passed the header height\n    if (document.body.scrollTop >= header.offsetHeight || document.documentElement.scrollTop >= header.offsetHeight) {\n      // move the header up to hide the compacted elements height, minus the top offset.\n      header.style.top = `-${compactedElementsHeight - topOffset}px`;\n    } else {\n      // reset header to initial position\n      // we need to set the header's top to the offset.\n      if (header) {\n        header.style.top = `${topOffset}px`;\n      }\n\n      // if we have a page container, we need to set its top padding to the offset\n      if (pageContainer && pageContainer instanceof HTMLElement) {\n        pageContainer.style.paddingTop = `${topOffset}px`;\n      }\n    }\n  };\n\n  // for each element with an id we add the scroll-margin-top\n  document.querySelectorAll('#page-container [id]').forEach(element => {\n    if (element instanceof HTMLElement) {\n      let scrollMarginHeight = header.clientHeight + topOffset;\n\n      // if the elements offsetTop is greater than twice the header size, \n      // we can assume the header is compacted\n      // so we need to subtract the compacted elements height from the scroll margin.\n      if (element.offsetTop > scrollMarginHeight * 2) {\n        scrollMarginHeight -= compactedElementsHeight;\n      }\n      element.style.scrollMarginTop = `${scrollMarginHeight}px`;\n    }\n  });\n\n  // reset position on scroll\n  window.addEventListener('scroll', compactHeader);\n  compactHeader();\n});\n\n//# sourceURL=webpack://@caweb/framework/./src/scripts/components/header.js?\n}");
 
 /***/ },
 

package/build/oceanside.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array(), 'version' => '8e41cc3d494bfef4175a');
+<?php return array('dependencies' => array(), 'version' => '1f691346f03fd99eb511');

package/build/oceanside.css

@@ -14959,6 +14959,7 @@ footer.keywords ul li {
 ----------------------------------------- */
 header.global-header {
   position: sticky;
+  top: 0;
   background-color: var(--bs-white, #fff);
   z-index: 15;
   transition: all 0.3s ease;

package/build/oceanside.js

@@ -28,7 +28,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n//@ts-check\n\n/* EXTERNAL L
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("{__webpack_require__.r(__webpack_exports__);\n//@ts-check\nwindow.addEventListener('DOMContentLoaded', () => {\n  let location_hash = window.location.hash.replace(/(\\|)/g, \"\\\\$1\");\n  const header = document.querySelector('header');\n  const alerts = document.querySelector('.alerts');\n  const utilityHeader = document.querySelector('.utility-header');\n\n  // scroll to target\n  if (location_hash) {\n    // location hash has leading #, so we remove it\n    let target = document.getElementById(location_hash.substring(1));\n\n    // if the location hash is not empty, we scroll to the target element\n    setTimeout(() => {\n      target?.scrollIntoView({\n        behavior: 'smooth'\n      });\n    }, 1000);\n  }\n  if (!header) {\n    return;\n  }\n  const compactHeader = () => {\n    let scrollHeights = 0;\n\n    // lets collect the height of any elements above the header.\n    let current = header.previousElementSibling;\n    let miscElementHeights = 0;\n    while (current) {\n      // if current is a div, add its height to the miscElementHeights.\n      if ('DIV' === current.tagName) {\n        miscElementHeights += current.clientHeight;\n      }\n      current = current.previousElementSibling;\n    }\n\n    // downscroll code passed the header height\n    if (document.body.scrollTop >= header.offsetHeight || document.documentElement.scrollTop >= header.offsetHeight) {\n      // lets add the scroll heights of any alerts\n      if (alerts) {\n        scrollHeights += alerts.clientHeight;\n      }\n\n      // lets add the scroll heights of the utility header\n      if (utilityHeader) {\n        scrollHeights += utilityHeader.clientHeight;\n      }\n\n      // move the header up to the scroll height, minus any elements above the header\n      header.style.top = `-${scrollHeights - miscElementHeights}px`;\n    } else {\n      // reset header to initial position\n      header.style.top = `${miscElementHeights}px`;\n    }\n  };\n\n  // reset position on scroll\n  window.addEventListener('scroll', compactHeader);\n  compactHeader();\n});\n\n//# sourceURL=webpack://@caweb/framework/./src/scripts/components/header.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n//@ts-check\nwindow.addEventListener('DOMContentLoaded', () => {\n  let location_hash = window.location.hash.replace(/(\\|)/g, \"\\\\$1\");\n  const header = document.querySelector('header');\n  const pageContainer = document.querySelector('#page-container');\n\n  // array of elements that are compacted\n  const compactedElements = [document.querySelector('.alerts'), document.querySelector('.utility-header')].filter(Boolean);\n  let compactedElementsHeight = compactedElements.reduce((total, element) => {\n    if (element instanceof HTMLElement) {\n      return total + element.clientHeight;\n    }\n    return total;\n  }, 0);\n\n  // lets collect the height of any fixed elements above the header.\n  let topOffset = 0;\n  let current = header?.previousElementSibling;\n  while (current) {\n    // if current element has a fixed position, add its height to the topOffset.\n    if (current instanceof HTMLElement && window.getComputedStyle(current).position === 'fixed') {\n      topOffset += current.clientHeight;\n    }\n    current = current.previousElementSibling;\n  }\n\n  // scroll to target\n  if (location_hash) {\n    // location hash has leading #, so we remove it\n    let target = document.getElementById(location_hash.substring(1));\n\n    // if the location hash is not empty, we scroll to the target element\n    requestAnimationFrame(() => {\n      target?.scrollIntoView({\n        behavior: 'smooth'\n      });\n    });\n  }\n  if (!header) {\n    return;\n  }\n  const compactHeader = () => {\n    // downscroll code passed the header height\n    if (document.body.scrollTop >= header.offsetHeight || document.documentElement.scrollTop >= header.offsetHeight) {\n      // move the header up to hide the compacted elements height, minus the top offset.\n      header.style.top = `-${compactedElementsHeight - topOffset}px`;\n    } else {\n      // reset header to initial position\n      // we need to set the header's top to the offset.\n      if (header) {\n        header.style.top = `${topOffset}px`;\n      }\n\n      // if we have a page container, we need to set its top padding to the offset\n      if (pageContainer && pageContainer instanceof HTMLElement) {\n        pageContainer.style.paddingTop = `${topOffset}px`;\n      }\n    }\n  };\n\n  // for each element with an id we add the scroll-margin-top\n  document.querySelectorAll('#page-container [id]').forEach(element => {\n    if (element instanceof HTMLElement) {\n      let scrollMarginHeight = header.clientHeight + topOffset;\n\n      // if the elements offsetTop is greater than twice the header size, \n      // we can assume the header is compacted\n      // so we need to subtract the compacted elements height from the scroll margin.\n      if (element.offsetTop > scrollMarginHeight * 2) {\n        scrollMarginHeight -= compactedElementsHeight;\n      }\n      element.style.scrollMarginTop = `${scrollMarginHeight}px`;\n    }\n  });\n\n  // reset position on scroll\n  window.addEventListener('scroll', compactHeader);\n  compactHeader();\n});\n\n//# sourceURL=webpack://@caweb/framework/./src/scripts/components/header.js?\n}");
 
 /***/ },
 

package/build/orangecounty.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array(), 'version' => '8207a2eb960cd7e80eba');
+<?php return array('dependencies' => array(), 'version' => 'f8b0587b1c1ea0d50015');

package/build/orangecounty.css

@@ -14959,6 +14959,7 @@ footer.keywords ul li {
 ----------------------------------------- */
 header.global-header {
   position: sticky;
+  top: 0;
   background-color: var(--bs-white, #fff);
   z-index: 15;
   transition: all 0.3s ease;

package/build/orangecounty.js

@@ -28,7 +28,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n//@ts-check\n\n/* EXTERNAL L
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("{__webpack_require__.r(__webpack_exports__);\n//@ts-check\nwindow.addEventListener('DOMContentLoaded', () => {\n  let location_hash = window.location.hash.replace(/(\\|)/g, \"\\\\$1\");\n  const header = document.querySelector('header');\n  const alerts = document.querySelector('.alerts');\n  const utilityHeader = document.querySelector('.utility-header');\n\n  // scroll to target\n  if (location_hash) {\n    // location hash has leading #, so we remove it\n    let target = document.getElementById(location_hash.substring(1));\n\n    // if the location hash is not empty, we scroll to the target element\n    setTimeout(() => {\n      target?.scrollIntoView({\n        behavior: 'smooth'\n      });\n    }, 1000);\n  }\n  if (!header) {\n    return;\n  }\n  const compactHeader = () => {\n    let scrollHeights = 0;\n\n    // lets collect the height of any elements above the header.\n    let current = header.previousElementSibling;\n    let miscElementHeights = 0;\n    while (current) {\n      // if current is a div, add its height to the miscElementHeights.\n      if ('DIV' === current.tagName) {\n        miscElementHeights += current.clientHeight;\n      }\n      current = current.previousElementSibling;\n    }\n\n    // downscroll code passed the header height\n    if (document.body.scrollTop >= header.offsetHeight || document.documentElement.scrollTop >= header.offsetHeight) {\n      // lets add the scroll heights of any alerts\n      if (alerts) {\n        scrollHeights += alerts.clientHeight;\n      }\n\n      // lets add the scroll heights of the utility header\n      if (utilityHeader) {\n        scrollHeights += utilityHeader.clientHeight;\n      }\n\n      // move the header up to the scroll height, minus any elements above the header\n      header.style.top = `-${scrollHeights - miscElementHeights}px`;\n    } else {\n      // reset header to initial position\n      header.style.top = `${miscElementHeights}px`;\n    }\n  };\n\n  // reset position on scroll\n  window.addEventListener('scroll', compactHeader);\n  compactHeader();\n});\n\n//# sourceURL=webpack://@caweb/framework/./src/scripts/components/header.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n//@ts-check\nwindow.addEventListener('DOMContentLoaded', () => {\n  let location_hash = window.location.hash.replace(/(\\|)/g, \"\\\\$1\");\n  const header = document.querySelector('header');\n  const pageContainer = document.querySelector('#page-container');\n\n  // array of elements that are compacted\n  const compactedElements = [document.querySelector('.alerts'), document.querySelector('.utility-header')].filter(Boolean);\n  let compactedElementsHeight = compactedElements.reduce((total, element) => {\n    if (element instanceof HTMLElement) {\n      return total + element.clientHeight;\n    }\n    return total;\n  }, 0);\n\n  // lets collect the height of any fixed elements above the header.\n  let topOffset = 0;\n  let current = header?.previousElementSibling;\n  while (current) {\n    // if current element has a fixed position, add its height to the topOffset.\n    if (current instanceof HTMLElement && window.getComputedStyle(current).position === 'fixed') {\n      topOffset += current.clientHeight;\n    }\n    current = current.previousElementSibling;\n  }\n\n  // scroll to target\n  if (location_hash) {\n    // location hash has leading #, so we remove it\n    let target = document.getElementById(location_hash.substring(1));\n\n    // if the location hash is not empty, we scroll to the target element\n    requestAnimationFrame(() => {\n      target?.scrollIntoView({\n        behavior: 'smooth'\n      });\n    });\n  }\n  if (!header) {\n    return;\n  }\n  const compactHeader = () => {\n    // downscroll code passed the header height\n    if (document.body.scrollTop >= header.offsetHeight || document.documentElement.scrollTop >= header.offsetHeight) {\n      // move the header up to hide the compacted elements height, minus the top offset.\n      header.style.top = `-${compactedElementsHeight - topOffset}px`;\n    } else {\n      // reset header to initial position\n      // we need to set the header's top to the offset.\n      if (header) {\n        header.style.top = `${topOffset}px`;\n      }\n\n      // if we have a page container, we need to set its top padding to the offset\n      if (pageContainer && pageContainer instanceof HTMLElement) {\n        pageContainer.style.paddingTop = `${topOffset}px`;\n      }\n    }\n  };\n\n  // for each element with an id we add the scroll-margin-top\n  document.querySelectorAll('#page-container [id]').forEach(element => {\n    if (element instanceof HTMLElement) {\n      let scrollMarginHeight = header.clientHeight + topOffset;\n\n      // if the elements offsetTop is greater than twice the header size, \n      // we can assume the header is compacted\n      // so we need to subtract the compacted elements height from the scroll margin.\n      if (element.offsetTop > scrollMarginHeight * 2) {\n        scrollMarginHeight -= compactedElementsHeight;\n      }\n      element.style.scrollMarginTop = `${scrollMarginHeight}px`;\n    }\n  });\n\n  // reset position on scroll\n  window.addEventListener('scroll', compactHeader);\n  compactHeader();\n});\n\n//# sourceURL=webpack://@caweb/framework/./src/scripts/components/header.js?\n}");
 
 /***/ },
 

package/build/pasorobles.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array(), 'version' => 'b586453035ac068a7e85');
+<?php return array('dependencies' => array(), 'version' => '89dbf0a697c4d3ff06bb');

package/build/pasorobles.css

@@ -14959,6 +14959,7 @@ footer.keywords ul li {
 ----------------------------------------- */
 header.global-header {
   position: sticky;
+  top: 0;
   background-color: var(--bs-white, #fff);
   z-index: 15;
   transition: all 0.3s ease;

package/build/pasorobles.js

@@ -28,7 +28,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n//@ts-check\n\n/* EXTERNAL L
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("{__webpack_require__.r(__webpack_exports__);\n//@ts-check\nwindow.addEventListener('DOMContentLoaded', () => {\n  let location_hash = window.location.hash.replace(/(\\|)/g, \"\\\\$1\");\n  const header = document.querySelector('header');\n  const alerts = document.querySelector('.alerts');\n  const utilityHeader = document.querySelector('.utility-header');\n\n  // scroll to target\n  if (location_hash) {\n    // location hash has leading #, so we remove it\n    let target = document.getElementById(location_hash.substring(1));\n\n    // if the location hash is not empty, we scroll to the target element\n    setTimeout(() => {\n      target?.scrollIntoView({\n        behavior: 'smooth'\n      });\n    }, 1000);\n  }\n  if (!header) {\n    return;\n  }\n  const compactHeader = () => {\n    let scrollHeights = 0;\n\n    // lets collect the height of any elements above the header.\n    let current = header.previousElementSibling;\n    let miscElementHeights = 0;\n    while (current) {\n      // if current is a div, add its height to the miscElementHeights.\n      if ('DIV' === current.tagName) {\n        miscElementHeights += current.clientHeight;\n      }\n      current = current.previousElementSibling;\n    }\n\n    // downscroll code passed the header height\n    if (document.body.scrollTop >= header.offsetHeight || document.documentElement.scrollTop >= header.offsetHeight) {\n      // lets add the scroll heights of any alerts\n      if (alerts) {\n        scrollHeights += alerts.clientHeight;\n      }\n\n      // lets add the scroll heights of the utility header\n      if (utilityHeader) {\n        scrollHeights += utilityHeader.clientHeight;\n      }\n\n      // move the header up to the scroll height, minus any elements above the header\n      header.style.top = `-${scrollHeights - miscElementHeights}px`;\n    } else {\n      // reset header to initial position\n      header.style.top = `${miscElementHeights}px`;\n    }\n  };\n\n  // reset position on scroll\n  window.addEventListener('scroll', compactHeader);\n  compactHeader();\n});\n\n//# sourceURL=webpack://@caweb/framework/./src/scripts/components/header.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n//@ts-check\nwindow.addEventListener('DOMContentLoaded', () => {\n  let location_hash = window.location.hash.replace(/(\\|)/g, \"\\\\$1\");\n  const header = document.querySelector('header');\n  const pageContainer = document.querySelector('#page-container');\n\n  // array of elements that are compacted\n  const compactedElements = [document.querySelector('.alerts'), document.querySelector('.utility-header')].filter(Boolean);\n  let compactedElementsHeight = compactedElements.reduce((total, element) => {\n    if (element instanceof HTMLElement) {\n      return total + element.clientHeight;\n    }\n    return total;\n  }, 0);\n\n  // lets collect the height of any fixed elements above the header.\n  let topOffset = 0;\n  let current = header?.previousElementSibling;\n  while (current) {\n    // if current element has a fixed position, add its height to the topOffset.\n    if (current instanceof HTMLElement && window.getComputedStyle(current).position === 'fixed') {\n      topOffset += current.clientHeight;\n    }\n    current = current.previousElementSibling;\n  }\n\n  // scroll to target\n  if (location_hash) {\n    // location hash has leading #, so we remove it\n    let target = document.getElementById(location_hash.substring(1));\n\n    // if the location hash is not empty, we scroll to the target element\n    requestAnimationFrame(() => {\n      target?.scrollIntoView({\n        behavior: 'smooth'\n      });\n    });\n  }\n  if (!header) {\n    return;\n  }\n  const compactHeader = () => {\n    // downscroll code passed the header height\n    if (document.body.scrollTop >= header.offsetHeight || document.documentElement.scrollTop >= header.offsetHeight) {\n      // move the header up to hide the compacted elements height, minus the top offset.\n      header.style.top = `-${compactedElementsHeight - topOffset}px`;\n    } else {\n      // reset header to initial position\n      // we need to set the header's top to the offset.\n      if (header) {\n        header.style.top = `${topOffset}px`;\n      }\n\n      // if we have a page container, we need to set its top padding to the offset\n      if (pageContainer && pageContainer instanceof HTMLElement) {\n        pageContainer.style.paddingTop = `${topOffset}px`;\n      }\n    }\n  };\n\n  // for each element with an id we add the scroll-margin-top\n  document.querySelectorAll('#page-container [id]').forEach(element => {\n    if (element instanceof HTMLElement) {\n      let scrollMarginHeight = header.clientHeight + topOffset;\n\n      // if the elements offsetTop is greater than twice the header size, \n      // we can assume the header is compacted\n      // so we need to subtract the compacted elements height from the scroll margin.\n      if (element.offsetTop > scrollMarginHeight * 2) {\n        scrollMarginHeight -= compactedElementsHeight;\n      }\n      element.style.scrollMarginTop = `${scrollMarginHeight}px`;\n    }\n  });\n\n  // reset position on scroll\n  window.addEventListener('scroll', compactHeader);\n  compactHeader();\n});\n\n//# sourceURL=webpack://@caweb/framework/./src/scripts/components/header.js?\n}");
 
 /***/ },
 

package/build/sacramento.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array(), 'version' => '5d5ec271bc854fa541a3');
+<?php return array('dependencies' => array(), 'version' => 'b61aa766421d0d02320a');

package/build/sacramento.css

@@ -14959,6 +14959,7 @@ footer.keywords ul li {
 ----------------------------------------- */
 header.global-header {
   position: sticky;
+  top: 0;
   background-color: var(--bs-white, #fff);
   z-index: 15;
   transition: all 0.3s ease;

package/build/sacramento.js

@@ -28,7 +28,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n//@ts-check\n\n/* EXTERNAL L
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("{__webpack_require__.r(__webpack_exports__);\n//@ts-check\nwindow.addEventListener('DOMContentLoaded', () => {\n  let location_hash = window.location.hash.replace(/(\\|)/g, \"\\\\$1\");\n  const header = document.querySelector('header');\n  const alerts = document.querySelector('.alerts');\n  const utilityHeader = document.querySelector('.utility-header');\n\n  // scroll to target\n  if (location_hash) {\n    // location hash has leading #, so we remove it\n    let target = document.getElementById(location_hash.substring(1));\n\n    // if the location hash is not empty, we scroll to the target element\n    setTimeout(() => {\n      target?.scrollIntoView({\n        behavior: 'smooth'\n      });\n    }, 1000);\n  }\n  if (!header) {\n    return;\n  }\n  const compactHeader = () => {\n    let scrollHeights = 0;\n\n    // lets collect the height of any elements above the header.\n    let current = header.previousElementSibling;\n    let miscElementHeights = 0;\n    while (current) {\n      // if current is a div, add its height to the miscElementHeights.\n      if ('DIV' === current.tagName) {\n        miscElementHeights += current.clientHeight;\n      }\n      current = current.previousElementSibling;\n    }\n\n    // downscroll code passed the header height\n    if (document.body.scrollTop >= header.offsetHeight || document.documentElement.scrollTop >= header.offsetHeight) {\n      // lets add the scroll heights of any alerts\n      if (alerts) {\n        scrollHeights += alerts.clientHeight;\n      }\n\n      // lets add the scroll heights of the utility header\n      if (utilityHeader) {\n        scrollHeights += utilityHeader.clientHeight;\n      }\n\n      // move the header up to the scroll height, minus any elements above the header\n      header.style.top = `-${scrollHeights - miscElementHeights}px`;\n    } else {\n      // reset header to initial position\n      header.style.top = `${miscElementHeights}px`;\n    }\n  };\n\n  // reset position on scroll\n  window.addEventListener('scroll', compactHeader);\n  compactHeader();\n});\n\n//# sourceURL=webpack://@caweb/framework/./src/scripts/components/header.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n//@ts-check\nwindow.addEventListener('DOMContentLoaded', () => {\n  let location_hash = window.location.hash.replace(/(\\|)/g, \"\\\\$1\");\n  const header = document.querySelector('header');\n  const pageContainer = document.querySelector('#page-container');\n\n  // array of elements that are compacted\n  const compactedElements = [document.querySelector('.alerts'), document.querySelector('.utility-header')].filter(Boolean);\n  let compactedElementsHeight = compactedElements.reduce((total, element) => {\n    if (element instanceof HTMLElement) {\n      return total + element.clientHeight;\n    }\n    return total;\n  }, 0);\n\n  // lets collect the height of any fixed elements above the header.\n  let topOffset = 0;\n  let current = header?.previousElementSibling;\n  while (current) {\n    // if current element has a fixed position, add its height to the topOffset.\n    if (current instanceof HTMLElement && window.getComputedStyle(current).position === 'fixed') {\n      topOffset += current.clientHeight;\n    }\n    current = current.previousElementSibling;\n  }\n\n  // scroll to target\n  if (location_hash) {\n    // location hash has leading #, so we remove it\n    let target = document.getElementById(location_hash.substring(1));\n\n    // if the location hash is not empty, we scroll to the target element\n    requestAnimationFrame(() => {\n      target?.scrollIntoView({\n        behavior: 'smooth'\n      });\n    });\n  }\n  if (!header) {\n    return;\n  }\n  const compactHeader = () => {\n    // downscroll code passed the header height\n    if (document.body.scrollTop >= header.offsetHeight || document.documentElement.scrollTop >= header.offsetHeight) {\n      // move the header up to hide the compacted elements height, minus the top offset.\n      header.style.top = `-${compactedElementsHeight - topOffset}px`;\n    } else {\n      // reset header to initial position\n      // we need to set the header's top to the offset.\n      if (header) {\n        header.style.top = `${topOffset}px`;\n      }\n\n      // if we have a page container, we need to set its top padding to the offset\n      if (pageContainer && pageContainer instanceof HTMLElement) {\n        pageContainer.style.paddingTop = `${topOffset}px`;\n      }\n    }\n  };\n\n  // for each element with an id we add the scroll-margin-top\n  document.querySelectorAll('#page-container [id]').forEach(element => {\n    if (element instanceof HTMLElement) {\n      let scrollMarginHeight = header.clientHeight + topOffset;\n\n      // if the elements offsetTop is greater than twice the header size, \n      // we can assume the header is compacted\n      // so we need to subtract the compacted elements height from the scroll margin.\n      if (element.offsetTop > scrollMarginHeight * 2) {\n        scrollMarginHeight -= compactedElementsHeight;\n      }\n      element.style.scrollMarginTop = `${scrollMarginHeight}px`;\n    }\n  });\n\n  // reset position on scroll\n  window.addEventListener('scroll', compactHeader);\n  compactHeader();\n});\n\n//# sourceURL=webpack://@caweb/framework/./src/scripts/components/header.js?\n}");
 
 /***/ },
 

package/build/santabarbara.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array(), 'version' => '12b94acc9ae0a70968df');
+<?php return array('dependencies' => array(), 'version' => '9dadd276dc1369a2db01');

package/build/santabarbara.css

@@ -14959,6 +14959,7 @@ footer.keywords ul li {
 ----------------------------------------- */
 header.global-header {
   position: sticky;
+  top: 0;
   background-color: var(--bs-white, #fff);
   z-index: 15;
   transition: all 0.3s ease;

package/build/santabarbara.js

@@ -28,7 +28,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n//@ts-check\n\n/* EXTERNAL L
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("{__webpack_require__.r(__webpack_exports__);\n//@ts-check\nwindow.addEventListener('DOMContentLoaded', () => {\n  let location_hash = window.location.hash.replace(/(\\|)/g, \"\\\\$1\");\n  const header = document.querySelector('header');\n  const alerts = document.querySelector('.alerts');\n  const utilityHeader = document.querySelector('.utility-header');\n\n  // scroll to target\n  if (location_hash) {\n    // location hash has leading #, so we remove it\n    let target = document.getElementById(location_hash.substring(1));\n\n    // if the location hash is not empty, we scroll to the target element\n    setTimeout(() => {\n      target?.scrollIntoView({\n        behavior: 'smooth'\n      });\n    }, 1000);\n  }\n  if (!header) {\n    return;\n  }\n  const compactHeader = () => {\n    let scrollHeights = 0;\n\n    // lets collect the height of any elements above the header.\n    let current = header.previousElementSibling;\n    let miscElementHeights = 0;\n    while (current) {\n      // if current is a div, add its height to the miscElementHeights.\n      if ('DIV' === current.tagName) {\n        miscElementHeights += current.clientHeight;\n      }\n      current = current.previousElementSibling;\n    }\n\n    // downscroll code passed the header height\n    if (document.body.scrollTop >= header.offsetHeight || document.documentElement.scrollTop >= header.offsetHeight) {\n      // lets add the scroll heights of any alerts\n      if (alerts) {\n        scrollHeights += alerts.clientHeight;\n      }\n\n      // lets add the scroll heights of the utility header\n      if (utilityHeader) {\n        scrollHeights += utilityHeader.clientHeight;\n      }\n\n      // move the header up to the scroll height, minus any elements above the header\n      header.style.top = `-${scrollHeights - miscElementHeights}px`;\n    } else {\n      // reset header to initial position\n      header.style.top = `${miscElementHeights}px`;\n    }\n  };\n\n  // reset position on scroll\n  window.addEventListener('scroll', compactHeader);\n  compactHeader();\n});\n\n//# sourceURL=webpack://@caweb/framework/./src/scripts/components/header.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n//@ts-check\nwindow.addEventListener('DOMContentLoaded', () => {\n  let location_hash = window.location.hash.replace(/(\\|)/g, \"\\\\$1\");\n  const header = document.querySelector('header');\n  const pageContainer = document.querySelector('#page-container');\n\n  // array of elements that are compacted\n  const compactedElements = [document.querySelector('.alerts'), document.querySelector('.utility-header')].filter(Boolean);\n  let compactedElementsHeight = compactedElements.reduce((total, element) => {\n    if (element instanceof HTMLElement) {\n      return total + element.clientHeight;\n    }\n    return total;\n  }, 0);\n\n  // lets collect the height of any fixed elements above the header.\n  let topOffset = 0;\n  let current = header?.previousElementSibling;\n  while (current) {\n    // if current element has a fixed position, add its height to the topOffset.\n    if (current instanceof HTMLElement && window.getComputedStyle(current).position === 'fixed') {\n      topOffset += current.clientHeight;\n    }\n    current = current.previousElementSibling;\n  }\n\n  // scroll to target\n  if (location_hash) {\n    // location hash has leading #, so we remove it\n    let target = document.getElementById(location_hash.substring(1));\n\n    // if the location hash is not empty, we scroll to the target element\n    requestAnimationFrame(() => {\n      target?.scrollIntoView({\n        behavior: 'smooth'\n      });\n    });\n  }\n  if (!header) {\n    return;\n  }\n  const compactHeader = () => {\n    // downscroll code passed the header height\n    if (document.body.scrollTop >= header.offsetHeight || document.documentElement.scrollTop >= header.offsetHeight) {\n      // move the header up to hide the compacted elements height, minus the top offset.\n      header.style.top = `-${compactedElementsHeight - topOffset}px`;\n    } else {\n      // reset header to initial position\n      // we need to set the header's top to the offset.\n      if (header) {\n        header.style.top = `${topOffset}px`;\n      }\n\n      // if we have a page container, we need to set its top padding to the offset\n      if (pageContainer && pageContainer instanceof HTMLElement) {\n        pageContainer.style.paddingTop = `${topOffset}px`;\n      }\n    }\n  };\n\n  // for each element with an id we add the scroll-margin-top\n  document.querySelectorAll('#page-container [id]').forEach(element => {\n    if (element instanceof HTMLElement) {\n      let scrollMarginHeight = header.clientHeight + topOffset;\n\n      // if the elements offsetTop is greater than twice the header size, \n      // we can assume the header is compacted\n      // so we need to subtract the compacted elements height from the scroll margin.\n      if (element.offsetTop > scrollMarginHeight * 2) {\n        scrollMarginHeight -= compactedElementsHeight;\n      }\n      element.style.scrollMarginTop = `${scrollMarginHeight}px`;\n    }\n  });\n\n  // reset position on scroll\n  window.addEventListener('scroll', compactHeader);\n  compactHeader();\n});\n\n//# sourceURL=webpack://@caweb/framework/./src/scripts/components/header.js?\n}");
 
 /***/ },
 

package/build/santacruz.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array(), 'version' => '5a2422fe7860b7845fa6');
+<?php return array('dependencies' => array(), 'version' => '17b3f9b9ebbf643603d7');

package/build/santacruz.css

@@ -14959,6 +14959,7 @@ footer.keywords ul li {
 ----------------------------------------- */
 header.global-header {
   position: sticky;
+  top: 0;
   background-color: var(--bs-white, #fff);
   z-index: 15;
   transition: all 0.3s ease;

package/build/santacruz.js

@@ -28,7 +28,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n//@ts-check\n\n/* EXTERNAL L
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("{__webpack_require__.r(__webpack_exports__);\n//@ts-check\nwindow.addEventListener('DOMContentLoaded', () => {\n  let location_hash = window.location.hash.replace(/(\\|)/g, \"\\\\$1\");\n  const header = document.querySelector('header');\n  const alerts = document.querySelector('.alerts');\n  const utilityHeader = document.querySelector('.utility-header');\n\n  // scroll to target\n  if (location_hash) {\n    // location hash has leading #, so we remove it\n    let target = document.getElementById(location_hash.substring(1));\n\n    // if the location hash is not empty, we scroll to the target element\n    setTimeout(() => {\n      target?.scrollIntoView({\n        behavior: 'smooth'\n      });\n    }, 1000);\n  }\n  if (!header) {\n    return;\n  }\n  const compactHeader = () => {\n    let scrollHeights = 0;\n\n    // lets collect the height of any elements above the header.\n    let current = header.previousElementSibling;\n    let miscElementHeights = 0;\n    while (current) {\n      // if current is a div, add its height to the miscElementHeights.\n      if ('DIV' === current.tagName) {\n        miscElementHeights += current.clientHeight;\n      }\n      current = current.previousElementSibling;\n    }\n\n    // downscroll code passed the header height\n    if (document.body.scrollTop >= header.offsetHeight || document.documentElement.scrollTop >= header.offsetHeight) {\n      // lets add the scroll heights of any alerts\n      if (alerts) {\n        scrollHeights += alerts.clientHeight;\n      }\n\n      // lets add the scroll heights of the utility header\n      if (utilityHeader) {\n        scrollHeights += utilityHeader.clientHeight;\n      }\n\n      // move the header up to the scroll height, minus any elements above the header\n      header.style.top = `-${scrollHeights - miscElementHeights}px`;\n    } else {\n      // reset header to initial position\n      header.style.top = `${miscElementHeights}px`;\n    }\n  };\n\n  // reset position on scroll\n  window.addEventListener('scroll', compactHeader);\n  compactHeader();\n});\n\n//# sourceURL=webpack://@caweb/framework/./src/scripts/components/header.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n//@ts-check\nwindow.addEventListener('DOMContentLoaded', () => {\n  let location_hash = window.location.hash.replace(/(\\|)/g, \"\\\\$1\");\n  const header = document.querySelector('header');\n  const pageContainer = document.querySelector('#page-container');\n\n  // array of elements that are compacted\n  const compactedElements = [document.querySelector('.alerts'), document.querySelector('.utility-header')].filter(Boolean);\n  let compactedElementsHeight = compactedElements.reduce((total, element) => {\n    if (element instanceof HTMLElement) {\n      return total + element.clientHeight;\n    }\n    return total;\n  }, 0);\n\n  // lets collect the height of any fixed elements above the header.\n  let topOffset = 0;\n  let current = header?.previousElementSibling;\n  while (current) {\n    // if current element has a fixed position, add its height to the topOffset.\n    if (current instanceof HTMLElement && window.getComputedStyle(current).position === 'fixed') {\n      topOffset += current.clientHeight;\n    }\n    current = current.previousElementSibling;\n  }\n\n  // scroll to target\n  if (location_hash) {\n    // location hash has leading #, so we remove it\n    let target = document.getElementById(location_hash.substring(1));\n\n    // if the location hash is not empty, we scroll to the target element\n    requestAnimationFrame(() => {\n      target?.scrollIntoView({\n        behavior: 'smooth'\n      });\n    });\n  }\n  if (!header) {\n    return;\n  }\n  const compactHeader = () => {\n    // downscroll code passed the header height\n    if (document.body.scrollTop >= header.offsetHeight || document.documentElement.scrollTop >= header.offsetHeight) {\n      // move the header up to hide the compacted elements height, minus the top offset.\n      header.style.top = `-${compactedElementsHeight - topOffset}px`;\n    } else {\n      // reset header to initial position\n      // we need to set the header's top to the offset.\n      if (header) {\n        header.style.top = `${topOffset}px`;\n      }\n\n      // if we have a page container, we need to set its top padding to the offset\n      if (pageContainer && pageContainer instanceof HTMLElement) {\n        pageContainer.style.paddingTop = `${topOffset}px`;\n      }\n    }\n  };\n\n  // for each element with an id we add the scroll-margin-top\n  document.querySelectorAll('#page-container [id]').forEach(element => {\n    if (element instanceof HTMLElement) {\n      let scrollMarginHeight = header.clientHeight + topOffset;\n\n      // if the elements offsetTop is greater than twice the header size, \n      // we can assume the header is compacted\n      // so we need to subtract the compacted elements height from the scroll margin.\n      if (element.offsetTop > scrollMarginHeight * 2) {\n        scrollMarginHeight -= compactedElementsHeight;\n      }\n      element.style.scrollMarginTop = `${scrollMarginHeight}px`;\n    }\n  });\n\n  // reset position on scroll\n  window.addEventListener('scroll', compactHeader);\n  compactHeader();\n});\n\n//# sourceURL=webpack://@caweb/framework/./src/scripts/components/header.js?\n}");
 
 /***/ },
 

package/build/shasta.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array(), 'version' => '9d35faec9fc1719392c3');
+<?php return array('dependencies' => array(), 'version' => '816e24dbea72ae295128');

package/build/shasta.css

@@ -14959,6 +14959,7 @@ footer.keywords ul li {
 ----------------------------------------- */
 header.global-header {
   position: sticky;
+  top: 0;
   background-color: var(--bs-white, #fff);
   z-index: 15;
   transition: all 0.3s ease;

package/build/shasta.js

@@ -28,7 +28,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n//@ts-check\n\n/* EXTERNAL L
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("{__webpack_require__.r(__webpack_exports__);\n//@ts-check\nwindow.addEventListener('DOMContentLoaded', () => {\n  let location_hash = window.location.hash.replace(/(\\|)/g, \"\\\\$1\");\n  const header = document.querySelector('header');\n  const alerts = document.querySelector('.alerts');\n  const utilityHeader = document.querySelector('.utility-header');\n\n  // scroll to target\n  if (location_hash) {\n    // location hash has leading #, so we remove it\n    let target = document.getElementById(location_hash.substring(1));\n\n    // if the location hash is not empty, we scroll to the target element\n    setTimeout(() => {\n      target?.scrollIntoView({\n        behavior: 'smooth'\n      });\n    }, 1000);\n  }\n  if (!header) {\n    return;\n  }\n  const compactHeader = () => {\n    let scrollHeights = 0;\n\n    // lets collect the height of any elements above the header.\n    let current = header.previousElementSibling;\n    let miscElementHeights = 0;\n    while (current) {\n      // if current is a div, add its height to the miscElementHeights.\n      if ('DIV' === current.tagName) {\n        miscElementHeights += current.clientHeight;\n      }\n      current = current.previousElementSibling;\n    }\n\n    // downscroll code passed the header height\n    if (document.body.scrollTop >= header.offsetHeight || document.documentElement.scrollTop >= header.offsetHeight) {\n      // lets add the scroll heights of any alerts\n      if (alerts) {\n        scrollHeights += alerts.clientHeight;\n      }\n\n      // lets add the scroll heights of the utility header\n      if (utilityHeader) {\n        scrollHeights += utilityHeader.clientHeight;\n      }\n\n      // move the header up to the scroll height, minus any elements above the header\n      header.style.top = `-${scrollHeights - miscElementHeights}px`;\n    } else {\n      // reset header to initial position\n      header.style.top = `${miscElementHeights}px`;\n    }\n  };\n\n  // reset position on scroll\n  window.addEventListener('scroll', compactHeader);\n  compactHeader();\n});\n\n//# sourceURL=webpack://@caweb/framework/./src/scripts/components/header.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n//@ts-check\nwindow.addEventListener('DOMContentLoaded', () => {\n  let location_hash = window.location.hash.replace(/(\\|)/g, \"\\\\$1\");\n  const header = document.querySelector('header');\n  const pageContainer = document.querySelector('#page-container');\n\n  // array of elements that are compacted\n  const compactedElements = [document.querySelector('.alerts'), document.querySelector('.utility-header')].filter(Boolean);\n  let compactedElementsHeight = compactedElements.reduce((total, element) => {\n    if (element instanceof HTMLElement) {\n      return total + element.clientHeight;\n    }\n    return total;\n  }, 0);\n\n  // lets collect the height of any fixed elements above the header.\n  let topOffset = 0;\n  let current = header?.previousElementSibling;\n  while (current) {\n    // if current element has a fixed position, add its height to the topOffset.\n    if (current instanceof HTMLElement && window.getComputedStyle(current).position === 'fixed') {\n      topOffset += current.clientHeight;\n    }\n    current = current.previousElementSibling;\n  }\n\n  // scroll to target\n  if (location_hash) {\n    // location hash has leading #, so we remove it\n    let target = document.getElementById(location_hash.substring(1));\n\n    // if the location hash is not empty, we scroll to the target element\n    requestAnimationFrame(() => {\n      target?.scrollIntoView({\n        behavior: 'smooth'\n      });\n    });\n  }\n  if (!header) {\n    return;\n  }\n  const compactHeader = () => {\n    // downscroll code passed the header height\n    if (document.body.scrollTop >= header.offsetHeight || document.documentElement.scrollTop >= header.offsetHeight) {\n      // move the header up to hide the compacted elements height, minus the top offset.\n      header.style.top = `-${compactedElementsHeight - topOffset}px`;\n    } else {\n      // reset header to initial position\n      // we need to set the header's top to the offset.\n      if (header) {\n        header.style.top = `${topOffset}px`;\n      }\n\n      // if we have a page container, we need to set its top padding to the offset\n      if (pageContainer && pageContainer instanceof HTMLElement) {\n        pageContainer.style.paddingTop = `${topOffset}px`;\n      }\n    }\n  };\n\n  // for each element with an id we add the scroll-margin-top\n  document.querySelectorAll('#page-container [id]').forEach(element => {\n    if (element instanceof HTMLElement) {\n      let scrollMarginHeight = header.clientHeight + topOffset;\n\n      // if the elements offsetTop is greater than twice the header size, \n      // we can assume the header is compacted\n      // so we need to subtract the compacted elements height from the scroll margin.\n      if (element.offsetTop > scrollMarginHeight * 2) {\n        scrollMarginHeight -= compactedElementsHeight;\n      }\n      element.style.scrollMarginTop = `${scrollMarginHeight}px`;\n    }\n  });\n\n  // reset position on scroll\n  window.addEventListener('scroll', compactHeader);\n  compactHeader();\n});\n\n//# sourceURL=webpack://@caweb/framework/./src/scripts/components/header.js?\n}");
 
 /***/ },
 

package/build/sierra.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array(), 'version' => '50a3d5074c39dc50d4ab');
+<?php return array('dependencies' => array(), 'version' => '2ac1b3dc6b2f51cfacbd');

package/build/sierra.css

@@ -14959,6 +14959,7 @@ footer.keywords ul li {
 ----------------------------------------- */
 header.global-header {
   position: sticky;
+  top: 0;
   background-color: var(--bs-white, #fff);
   z-index: 15;
   transition: all 0.3s ease;

package/build/sierra.js

@@ -28,7 +28,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n//@ts-check\n\n/* EXTERNAL L
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("{__webpack_require__.r(__webpack_exports__);\n//@ts-check\nwindow.addEventListener('DOMContentLoaded', () => {\n  let location_hash = window.location.hash.replace(/(\\|)/g, \"\\\\$1\");\n  const header = document.querySelector('header');\n  const alerts = document.querySelector('.alerts');\n  const utilityHeader = document.querySelector('.utility-header');\n\n  // scroll to target\n  if (location_hash) {\n    // location hash has leading #, so we remove it\n    let target = document.getElementById(location_hash.substring(1));\n\n    // if the location hash is not empty, we scroll to the target element\n    setTimeout(() => {\n      target?.scrollIntoView({\n        behavior: 'smooth'\n      });\n    }, 1000);\n  }\n  if (!header) {\n    return;\n  }\n  const compactHeader = () => {\n    let scrollHeights = 0;\n\n    // lets collect the height of any elements above the header.\n    let current = header.previousElementSibling;\n    let miscElementHeights = 0;\n    while (current) {\n      // if current is a div, add its height to the miscElementHeights.\n      if ('DIV' === current.tagName) {\n        miscElementHeights += current.clientHeight;\n      }\n      current = current.previousElementSibling;\n    }\n\n    // downscroll code passed the header height\n    if (document.body.scrollTop >= header.offsetHeight || document.documentElement.scrollTop >= header.offsetHeight) {\n      // lets add the scroll heights of any alerts\n      if (alerts) {\n        scrollHeights += alerts.clientHeight;\n      }\n\n      // lets add the scroll heights of the utility header\n      if (utilityHeader) {\n        scrollHeights += utilityHeader.clientHeight;\n      }\n\n      // move the header up to the scroll height, minus any elements above the header\n      header.style.top = `-${scrollHeights - miscElementHeights}px`;\n    } else {\n      // reset header to initial position\n      header.style.top = `${miscElementHeights}px`;\n    }\n  };\n\n  // reset position on scroll\n  window.addEventListener('scroll', compactHeader);\n  compactHeader();\n});\n\n//# sourceURL=webpack://@caweb/framework/./src/scripts/components/header.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n//@ts-check\nwindow.addEventListener('DOMContentLoaded', () => {\n  let location_hash = window.location.hash.replace(/(\\|)/g, \"\\\\$1\");\n  const header = document.querySelector('header');\n  const pageContainer = document.querySelector('#page-container');\n\n  // array of elements that are compacted\n  const compactedElements = [document.querySelector('.alerts'), document.querySelector('.utility-header')].filter(Boolean);\n  let compactedElementsHeight = compactedElements.reduce((total, element) => {\n    if (element instanceof HTMLElement) {\n      return total + element.clientHeight;\n    }\n    return total;\n  }, 0);\n\n  // lets collect the height of any fixed elements above the header.\n  let topOffset = 0;\n  let current = header?.previousElementSibling;\n  while (current) {\n    // if current element has a fixed position, add its height to the topOffset.\n    if (current instanceof HTMLElement && window.getComputedStyle(current).position === 'fixed') {\n      topOffset += current.clientHeight;\n    }\n    current = current.previousElementSibling;\n  }\n\n  // scroll to target\n  if (location_hash) {\n    // location hash has leading #, so we remove it\n    let target = document.getElementById(location_hash.substring(1));\n\n    // if the location hash is not empty, we scroll to the target element\n    requestAnimationFrame(() => {\n      target?.scrollIntoView({\n        behavior: 'smooth'\n      });\n    });\n  }\n  if (!header) {\n    return;\n  }\n  const compactHeader = () => {\n    // downscroll code passed the header height\n    if (document.body.scrollTop >= header.offsetHeight || document.documentElement.scrollTop >= header.offsetHeight) {\n      // move the header up to hide the compacted elements height, minus the top offset.\n      header.style.top = `-${compactedElementsHeight - topOffset}px`;\n    } else {\n      // reset header to initial position\n      // we need to set the header's top to the offset.\n      if (header) {\n        header.style.top = `${topOffset}px`;\n      }\n\n      // if we have a page container, we need to set its top padding to the offset\n      if (pageContainer && pageContainer instanceof HTMLElement) {\n        pageContainer.style.paddingTop = `${topOffset}px`;\n      }\n    }\n  };\n\n  // for each element with an id we add the scroll-margin-top\n  document.querySelectorAll('#page-container [id]').forEach(element => {\n    if (element instanceof HTMLElement) {\n      let scrollMarginHeight = header.clientHeight + topOffset;\n\n      // if the elements offsetTop is greater than twice the header size, \n      // we can assume the header is compacted\n      // so we need to subtract the compacted elements height from the scroll margin.\n      if (element.offsetTop > scrollMarginHeight * 2) {\n        scrollMarginHeight -= compactedElementsHeight;\n      }\n      element.style.scrollMarginTop = `${scrollMarginHeight}px`;\n    }\n  });\n\n  // reset position on scroll\n  window.addEventListener('scroll', compactHeader);\n  compactHeader();\n});\n\n//# sourceURL=webpack://@caweb/framework/./src/scripts/components/header.js?\n}");
 
 /***/ },
 

package/build/trinity.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array(), 'version' => '893f6ac5f4cfa9e7593f');
+<?php return array('dependencies' => array(), 'version' => 'ae4151ae76434c63dff3');

package/build/trinity.css

@@ -14959,6 +14959,7 @@ footer.keywords ul li {
 ----------------------------------------- */
 header.global-header {
   position: sticky;
+  top: 0;
   background-color: var(--bs-white, #fff);
   z-index: 15;
   transition: all 0.3s ease;

package/build/trinity.js

@@ -28,7 +28,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n//@ts-check\n\n/* EXTERNAL L
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("{__webpack_require__.r(__webpack_exports__);\n//@ts-check\nwindow.addEventListener('DOMContentLoaded', () => {\n  let location_hash = window.location.hash.replace(/(\\|)/g, \"\\\\$1\");\n  const header = document.querySelector('header');\n  const alerts = document.querySelector('.alerts');\n  const utilityHeader = document.querySelector('.utility-header');\n\n  // scroll to target\n  if (location_hash) {\n    // location hash has leading #, so we remove it\n    let target = document.getElementById(location_hash.substring(1));\n\n    // if the location hash is not empty, we scroll to the target element\n    setTimeout(() => {\n      target?.scrollIntoView({\n        behavior: 'smooth'\n      });\n    }, 1000);\n  }\n  if (!header) {\n    return;\n  }\n  const compactHeader = () => {\n    let scrollHeights = 0;\n\n    // lets collect the height of any elements above the header.\n    let current = header.previousElementSibling;\n    let miscElementHeights = 0;\n    while (current) {\n      // if current is a div, add its height to the miscElementHeights.\n      if ('DIV' === current.tagName) {\n        miscElementHeights += current.clientHeight;\n      }\n      current = current.previousElementSibling;\n    }\n\n    // downscroll code passed the header height\n    if (document.body.scrollTop >= header.offsetHeight || document.documentElement.scrollTop >= header.offsetHeight) {\n      // lets add the scroll heights of any alerts\n      if (alerts) {\n        scrollHeights += alerts.clientHeight;\n      }\n\n      // lets add the scroll heights of the utility header\n      if (utilityHeader) {\n        scrollHeights += utilityHeader.clientHeight;\n      }\n\n      // move the header up to the scroll height, minus any elements above the header\n      header.style.top = `-${scrollHeights - miscElementHeights}px`;\n    } else {\n      // reset header to initial position\n      header.style.top = `${miscElementHeights}px`;\n    }\n  };\n\n  // reset position on scroll\n  window.addEventListener('scroll', compactHeader);\n  compactHeader();\n});\n\n//# sourceURL=webpack://@caweb/framework/./src/scripts/components/header.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n//@ts-check\nwindow.addEventListener('DOMContentLoaded', () => {\n  let location_hash = window.location.hash.replace(/(\\|)/g, \"\\\\$1\");\n  const header = document.querySelector('header');\n  const pageContainer = document.querySelector('#page-container');\n\n  // array of elements that are compacted\n  const compactedElements = [document.querySelector('.alerts'), document.querySelector('.utility-header')].filter(Boolean);\n  let compactedElementsHeight = compactedElements.reduce((total, element) => {\n    if (element instanceof HTMLElement) {\n      return total + element.clientHeight;\n    }\n    return total;\n  }, 0);\n\n  // lets collect the height of any fixed elements above the header.\n  let topOffset = 0;\n  let current = header?.previousElementSibling;\n  while (current) {\n    // if current element has a fixed position, add its height to the topOffset.\n    if (current instanceof HTMLElement && window.getComputedStyle(current).position === 'fixed') {\n      topOffset += current.clientHeight;\n    }\n    current = current.previousElementSibling;\n  }\n\n  // scroll to target\n  if (location_hash) {\n    // location hash has leading #, so we remove it\n    let target = document.getElementById(location_hash.substring(1));\n\n    // if the location hash is not empty, we scroll to the target element\n    requestAnimationFrame(() => {\n      target?.scrollIntoView({\n        behavior: 'smooth'\n      });\n    });\n  }\n  if (!header) {\n    return;\n  }\n  const compactHeader = () => {\n    // downscroll code passed the header height\n    if (document.body.scrollTop >= header.offsetHeight || document.documentElement.scrollTop >= header.offsetHeight) {\n      // move the header up to hide the compacted elements height, minus the top offset.\n      header.style.top = `-${compactedElementsHeight - topOffset}px`;\n    } else {\n      // reset header to initial position\n      // we need to set the header's top to the offset.\n      if (header) {\n        header.style.top = `${topOffset}px`;\n      }\n\n      // if we have a page container, we need to set its top padding to the offset\n      if (pageContainer && pageContainer instanceof HTMLElement) {\n        pageContainer.style.paddingTop = `${topOffset}px`;\n      }\n    }\n  };\n\n  // for each element with an id we add the scroll-margin-top\n  document.querySelectorAll('#page-container [id]').forEach(element => {\n    if (element instanceof HTMLElement) {\n      let scrollMarginHeight = header.clientHeight + topOffset;\n\n      // if the elements offsetTop is greater than twice the header size, \n      // we can assume the header is compacted\n      // so we need to subtract the compacted elements height from the scroll margin.\n      if (element.offsetTop > scrollMarginHeight * 2) {\n        scrollMarginHeight -= compactedElementsHeight;\n      }\n      element.style.scrollMarginTop = `${scrollMarginHeight}px`;\n    }\n  });\n\n  // reset position on scroll\n  window.addEventListener('scroll', compactHeader);\n  compactHeader();\n});\n\n//# sourceURL=webpack://@caweb/framework/./src/scripts/components/header.js?\n}");
 
 /***/ },
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@caweb/framework",
-    "version": "1.9.3",
+    "version": "1.9.4",
     "description": "Official CAWebPublishing Framework frontend toolkit",
     "author": "CAWebPublishing",
     "homepage": "https://github.com/CAWebPublishing/framework#readme",
@@ -27,16 +27,16 @@
         "README.md"
     ],
     "devDependencies": {
-        "@caweb/icon-library": "^1.1.6",
+        "@caweb/icon-library": "^1.1.7",
         "@caweb/template": "^1.0.13",
-        "@caweb/webpack": "^1.6.2",
+        "@caweb/webpack": "^1.6.4",
         "@inquirer/prompts": "^8.2.0",
         "animate.css": "^4.1.1",
         "bootstrap": "^5.3.8",
         "bootstrap-forced-colors-css": "^1.0.7",
         "chalk": "^5.6.2",
         "cross-spawn": "^7.0.6",
-        "fast-xml-parser": "^5.3.3"
+        "fast-xml-parser": "^5.3.5"
     },
     "scripts": {
         "webpack": "webpack",