@caweb/framework 1.9.5 → 1.9.7

package/build/delta.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array(), 'version' => 'a72d1beae01bd2203977');
+<?php return array('dependencies' => array(), 'version' => '08c3b84f79cf22ad52e0');

package/build/delta.js

@@ -36,7 +36,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 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 + 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}");
+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  const getCompactedElementsHeight = () => {\n    return compactedElements.reduce((total, element) => {\n      if (element instanceof HTMLElement) {\n        return total + element.clientHeight;\n      }\n      return total;\n    }, 0);\n  };\n  let compactedElementsHeight = getCompactedElementsHeight();\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  // we need to update the compacted elements height if an alert is closed, so we listen for the alert close event and update the compacted elements height.\n  document.querySelectorAll('header .alerts [data-bs-dismiss=\"alert\"]').forEach(closeButton => {\n    closeButton.addEventListener('click', () => {\n      compactedElementsHeight = getCompactedElementsHeight();\n      document.querySelectorAll('#page-container [id]').forEach(updateScrollMarginTop);\n    });\n  });\n\n  // for each element with an id we add the scroll-margin-top\n  const updateScrollMarginTop = (/** @type Element */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 + scrollMarginHeight / 2) {\n        scrollMarginHeight -= compactedElementsHeight;\n      }\n      element.style.scrollMarginTop = `${scrollMarginHeight}px`;\n    }\n  };\n\n  // add scroll margin top to all elements with an id, so that when we scroll to them, they are not hidden behind the header.\n  document.querySelectorAll('#page-container [id]').forEach(updateScrollMarginTop);\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' => 'd13d9589eecfacf0469d');
+<?php return array('dependencies' => array(), 'version' => '59577dbf33c239360ff6');

package/build/eureka.js

@@ -36,7 +36,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 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 + 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}");
+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  const getCompactedElementsHeight = () => {\n    return compactedElements.reduce((total, element) => {\n      if (element instanceof HTMLElement) {\n        return total + element.clientHeight;\n      }\n      return total;\n    }, 0);\n  };\n  let compactedElementsHeight = getCompactedElementsHeight();\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  // we need to update the compacted elements height if an alert is closed, so we listen for the alert close event and update the compacted elements height.\n  document.querySelectorAll('header .alerts [data-bs-dismiss=\"alert\"]').forEach(closeButton => {\n    closeButton.addEventListener('click', () => {\n      compactedElementsHeight = getCompactedElementsHeight();\n      document.querySelectorAll('#page-container [id]').forEach(updateScrollMarginTop);\n    });\n  });\n\n  // for each element with an id we add the scroll-margin-top\n  const updateScrollMarginTop = (/** @type Element */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 + scrollMarginHeight / 2) {\n        scrollMarginHeight -= compactedElementsHeight;\n      }\n      element.style.scrollMarginTop = `${scrollMarginHeight}px`;\n    }\n  };\n\n  // add scroll margin top to all elements with an id, so that when we scroll to them, they are not hidden behind the header.\n  document.querySelectorAll('#page-container [id]').forEach(updateScrollMarginTop);\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' => '7786c7108dfe1248bd33');
+<?php return array('dependencies' => array(), 'version' => '749fb9ca88b310fc5808');

package/build/mono.js

@@ -36,7 +36,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 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 + 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}");
+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  const getCompactedElementsHeight = () => {\n    return compactedElements.reduce((total, element) => {\n      if (element instanceof HTMLElement) {\n        return total + element.clientHeight;\n      }\n      return total;\n    }, 0);\n  };\n  let compactedElementsHeight = getCompactedElementsHeight();\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  // we need to update the compacted elements height if an alert is closed, so we listen for the alert close event and update the compacted elements height.\n  document.querySelectorAll('header .alerts [data-bs-dismiss=\"alert\"]').forEach(closeButton => {\n    closeButton.addEventListener('click', () => {\n      compactedElementsHeight = getCompactedElementsHeight();\n      document.querySelectorAll('#page-container [id]').forEach(updateScrollMarginTop);\n    });\n  });\n\n  // for each element with an id we add the scroll-margin-top\n  const updateScrollMarginTop = (/** @type Element */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 + scrollMarginHeight / 2) {\n        scrollMarginHeight -= compactedElementsHeight;\n      }\n      element.style.scrollMarginTop = `${scrollMarginHeight}px`;\n    }\n  };\n\n  // add scroll margin top to all elements with an id, so that when we scroll to them, they are not hidden behind the header.\n  document.querySelectorAll('#page-container [id]').forEach(updateScrollMarginTop);\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' => 'bb2dda282afc55a09dd3');
+<?php return array('dependencies' => array(), 'version' => 'facf1679643c43bef391');

package/build/oceanside.js

@@ -36,7 +36,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 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 + 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}");
+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  const getCompactedElementsHeight = () => {\n    return compactedElements.reduce((total, element) => {\n      if (element instanceof HTMLElement) {\n        return total + element.clientHeight;\n      }\n      return total;\n    }, 0);\n  };\n  let compactedElementsHeight = getCompactedElementsHeight();\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  // we need to update the compacted elements height if an alert is closed, so we listen for the alert close event and update the compacted elements height.\n  document.querySelectorAll('header .alerts [data-bs-dismiss=\"alert\"]').forEach(closeButton => {\n    closeButton.addEventListener('click', () => {\n      compactedElementsHeight = getCompactedElementsHeight();\n      document.querySelectorAll('#page-container [id]').forEach(updateScrollMarginTop);\n    });\n  });\n\n  // for each element with an id we add the scroll-margin-top\n  const updateScrollMarginTop = (/** @type Element */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 + scrollMarginHeight / 2) {\n        scrollMarginHeight -= compactedElementsHeight;\n      }\n      element.style.scrollMarginTop = `${scrollMarginHeight}px`;\n    }\n  };\n\n  // add scroll margin top to all elements with an id, so that when we scroll to them, they are not hidden behind the header.\n  document.querySelectorAll('#page-container [id]').forEach(updateScrollMarginTop);\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' => 'a88a61f0884df9303968');
+<?php return array('dependencies' => array(), 'version' => '4966fcebe5c624012423');

package/build/orangecounty.js

@@ -36,7 +36,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 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 + 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}");
+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  const getCompactedElementsHeight = () => {\n    return compactedElements.reduce((total, element) => {\n      if (element instanceof HTMLElement) {\n        return total + element.clientHeight;\n      }\n      return total;\n    }, 0);\n  };\n  let compactedElementsHeight = getCompactedElementsHeight();\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  // we need to update the compacted elements height if an alert is closed, so we listen for the alert close event and update the compacted elements height.\n  document.querySelectorAll('header .alerts [data-bs-dismiss=\"alert\"]').forEach(closeButton => {\n    closeButton.addEventListener('click', () => {\n      compactedElementsHeight = getCompactedElementsHeight();\n      document.querySelectorAll('#page-container [id]').forEach(updateScrollMarginTop);\n    });\n  });\n\n  // for each element with an id we add the scroll-margin-top\n  const updateScrollMarginTop = (/** @type Element */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 + scrollMarginHeight / 2) {\n        scrollMarginHeight -= compactedElementsHeight;\n      }\n      element.style.scrollMarginTop = `${scrollMarginHeight}px`;\n    }\n  };\n\n  // add scroll margin top to all elements with an id, so that when we scroll to them, they are not hidden behind the header.\n  document.querySelectorAll('#page-container [id]').forEach(updateScrollMarginTop);\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' => '3a655e5256466c7b8e7d');
+<?php return array('dependencies' => array(), 'version' => '2313f6a8a387984fec4d');

package/build/pasorobles.js

@@ -36,7 +36,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 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 + 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}");
+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  const getCompactedElementsHeight = () => {\n    return compactedElements.reduce((total, element) => {\n      if (element instanceof HTMLElement) {\n        return total + element.clientHeight;\n      }\n      return total;\n    }, 0);\n  };\n  let compactedElementsHeight = getCompactedElementsHeight();\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  // we need to update the compacted elements height if an alert is closed, so we listen for the alert close event and update the compacted elements height.\n  document.querySelectorAll('header .alerts [data-bs-dismiss=\"alert\"]').forEach(closeButton => {\n    closeButton.addEventListener('click', () => {\n      compactedElementsHeight = getCompactedElementsHeight();\n      document.querySelectorAll('#page-container [id]').forEach(updateScrollMarginTop);\n    });\n  });\n\n  // for each element with an id we add the scroll-margin-top\n  const updateScrollMarginTop = (/** @type Element */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 + scrollMarginHeight / 2) {\n        scrollMarginHeight -= compactedElementsHeight;\n      }\n      element.style.scrollMarginTop = `${scrollMarginHeight}px`;\n    }\n  };\n\n  // add scroll margin top to all elements with an id, so that when we scroll to them, they are not hidden behind the header.\n  document.querySelectorAll('#page-container [id]').forEach(updateScrollMarginTop);\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' => '46795bfd62876c67937d');
+<?php return array('dependencies' => array(), 'version' => '8a7cdd00cc8a6cb526bb');

package/build/sacramento.js

@@ -36,7 +36,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 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 + 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}");
+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  const getCompactedElementsHeight = () => {\n    return compactedElements.reduce((total, element) => {\n      if (element instanceof HTMLElement) {\n        return total + element.clientHeight;\n      }\n      return total;\n    }, 0);\n  };\n  let compactedElementsHeight = getCompactedElementsHeight();\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  // we need to update the compacted elements height if an alert is closed, so we listen for the alert close event and update the compacted elements height.\n  document.querySelectorAll('header .alerts [data-bs-dismiss=\"alert\"]').forEach(closeButton => {\n    closeButton.addEventListener('click', () => {\n      compactedElementsHeight = getCompactedElementsHeight();\n      document.querySelectorAll('#page-container [id]').forEach(updateScrollMarginTop);\n    });\n  });\n\n  // for each element with an id we add the scroll-margin-top\n  const updateScrollMarginTop = (/** @type Element */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 + scrollMarginHeight / 2) {\n        scrollMarginHeight -= compactedElementsHeight;\n      }\n      element.style.scrollMarginTop = `${scrollMarginHeight}px`;\n    }\n  };\n\n  // add scroll margin top to all elements with an id, so that when we scroll to them, they are not hidden behind the header.\n  document.querySelectorAll('#page-container [id]').forEach(updateScrollMarginTop);\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' => 'b941c263dada6b7424a1');
+<?php return array('dependencies' => array(), 'version' => '1eea98344491bd6397d3');

package/build/santabarbara.js

@@ -36,7 +36,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 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 + 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}");
+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  const getCompactedElementsHeight = () => {\n    return compactedElements.reduce((total, element) => {\n      if (element instanceof HTMLElement) {\n        return total + element.clientHeight;\n      }\n      return total;\n    }, 0);\n  };\n  let compactedElementsHeight = getCompactedElementsHeight();\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  // we need to update the compacted elements height if an alert is closed, so we listen for the alert close event and update the compacted elements height.\n  document.querySelectorAll('header .alerts [data-bs-dismiss=\"alert\"]').forEach(closeButton => {\n    closeButton.addEventListener('click', () => {\n      compactedElementsHeight = getCompactedElementsHeight();\n      document.querySelectorAll('#page-container [id]').forEach(updateScrollMarginTop);\n    });\n  });\n\n  // for each element with an id we add the scroll-margin-top\n  const updateScrollMarginTop = (/** @type Element */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 + scrollMarginHeight / 2) {\n        scrollMarginHeight -= compactedElementsHeight;\n      }\n      element.style.scrollMarginTop = `${scrollMarginHeight}px`;\n    }\n  };\n\n  // add scroll margin top to all elements with an id, so that when we scroll to them, they are not hidden behind the header.\n  document.querySelectorAll('#page-container [id]').forEach(updateScrollMarginTop);\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' => '9e5a3ec701cb3c1c0dcc');
+<?php return array('dependencies' => array(), 'version' => '7e05e0670700dd32b37a');

package/build/santacruz.js

@@ -36,7 +36,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 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 + 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}");
+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  const getCompactedElementsHeight = () => {\n    return compactedElements.reduce((total, element) => {\n      if (element instanceof HTMLElement) {\n        return total + element.clientHeight;\n      }\n      return total;\n    }, 0);\n  };\n  let compactedElementsHeight = getCompactedElementsHeight();\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  // we need to update the compacted elements height if an alert is closed, so we listen for the alert close event and update the compacted elements height.\n  document.querySelectorAll('header .alerts [data-bs-dismiss=\"alert\"]').forEach(closeButton => {\n    closeButton.addEventListener('click', () => {\n      compactedElementsHeight = getCompactedElementsHeight();\n      document.querySelectorAll('#page-container [id]').forEach(updateScrollMarginTop);\n    });\n  });\n\n  // for each element with an id we add the scroll-margin-top\n  const updateScrollMarginTop = (/** @type Element */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 + scrollMarginHeight / 2) {\n        scrollMarginHeight -= compactedElementsHeight;\n      }\n      element.style.scrollMarginTop = `${scrollMarginHeight}px`;\n    }\n  };\n\n  // add scroll margin top to all elements with an id, so that when we scroll to them, they are not hidden behind the header.\n  document.querySelectorAll('#page-container [id]').forEach(updateScrollMarginTop);\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' => 'be89f9e1ec010255b838');
+<?php return array('dependencies' => array(), 'version' => '7ac303d0448cd57e2ebc');

package/build/shasta.js

@@ -36,7 +36,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 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 + 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}");
+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  const getCompactedElementsHeight = () => {\n    return compactedElements.reduce((total, element) => {\n      if (element instanceof HTMLElement) {\n        return total + element.clientHeight;\n      }\n      return total;\n    }, 0);\n  };\n  let compactedElementsHeight = getCompactedElementsHeight();\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  // we need to update the compacted elements height if an alert is closed, so we listen for the alert close event and update the compacted elements height.\n  document.querySelectorAll('header .alerts [data-bs-dismiss=\"alert\"]').forEach(closeButton => {\n    closeButton.addEventListener('click', () => {\n      compactedElementsHeight = getCompactedElementsHeight();\n      document.querySelectorAll('#page-container [id]').forEach(updateScrollMarginTop);\n    });\n  });\n\n  // for each element with an id we add the scroll-margin-top\n  const updateScrollMarginTop = (/** @type Element */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 + scrollMarginHeight / 2) {\n        scrollMarginHeight -= compactedElementsHeight;\n      }\n      element.style.scrollMarginTop = `${scrollMarginHeight}px`;\n    }\n  };\n\n  // add scroll margin top to all elements with an id, so that when we scroll to them, they are not hidden behind the header.\n  document.querySelectorAll('#page-container [id]').forEach(updateScrollMarginTop);\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' => '976a69f8f72d74f9b94e');
+<?php return array('dependencies' => array(), 'version' => '024ed79f9a5840628291');

package/build/sierra.js

@@ -36,7 +36,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 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 + 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}");
+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  const getCompactedElementsHeight = () => {\n    return compactedElements.reduce((total, element) => {\n      if (element instanceof HTMLElement) {\n        return total + element.clientHeight;\n      }\n      return total;\n    }, 0);\n  };\n  let compactedElementsHeight = getCompactedElementsHeight();\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  // we need to update the compacted elements height if an alert is closed, so we listen for the alert close event and update the compacted elements height.\n  document.querySelectorAll('header .alerts [data-bs-dismiss=\"alert\"]').forEach(closeButton => {\n    closeButton.addEventListener('click', () => {\n      compactedElementsHeight = getCompactedElementsHeight();\n      document.querySelectorAll('#page-container [id]').forEach(updateScrollMarginTop);\n    });\n  });\n\n  // for each element with an id we add the scroll-margin-top\n  const updateScrollMarginTop = (/** @type Element */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 + scrollMarginHeight / 2) {\n        scrollMarginHeight -= compactedElementsHeight;\n      }\n      element.style.scrollMarginTop = `${scrollMarginHeight}px`;\n    }\n  };\n\n  // add scroll margin top to all elements with an id, so that when we scroll to them, they are not hidden behind the header.\n  document.querySelectorAll('#page-container [id]').forEach(updateScrollMarginTop);\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' => '74f95d595640fb9df9f0');
+<?php return array('dependencies' => array(), 'version' => '5408553fe1746433cc1f');

package/build/trinity.js

@@ -36,7 +36,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 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 + 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}");
+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  const getCompactedElementsHeight = () => {\n    return compactedElements.reduce((total, element) => {\n      if (element instanceof HTMLElement) {\n        return total + element.clientHeight;\n      }\n      return total;\n    }, 0);\n  };\n  let compactedElementsHeight = getCompactedElementsHeight();\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  // we need to update the compacted elements height if an alert is closed, so we listen for the alert close event and update the compacted elements height.\n  document.querySelectorAll('header .alerts [data-bs-dismiss=\"alert\"]').forEach(closeButton => {\n    closeButton.addEventListener('click', () => {\n      compactedElementsHeight = getCompactedElementsHeight();\n      document.querySelectorAll('#page-container [id]').forEach(updateScrollMarginTop);\n    });\n  });\n\n  // for each element with an id we add the scroll-margin-top\n  const updateScrollMarginTop = (/** @type Element */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 + scrollMarginHeight / 2) {\n        scrollMarginHeight -= compactedElementsHeight;\n      }\n      element.style.scrollMarginTop = `${scrollMarginHeight}px`;\n    }\n  };\n\n  // add scroll margin top to all elements with an id, so that when we scroll to them, they are not hidden behind the header.\n  document.querySelectorAll('#page-container [id]').forEach(updateScrollMarginTop);\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.5",
+    "version": "1.9.7",
     "description": "Official CAWebPublishing Framework frontend toolkit",
     "author": "CAWebPublishing",
     "homepage": "https://github.com/CAWebPublishing/framework#readme",

package/src/scripts/components/header.js

@@ -11,7 +11,8 @@ window.addEventListener('DOMContentLoaded', () => {
     document.querySelector('.utility-header'),
   ].filter(Boolean);
 
-  let compactedElementsHeight = compactedElements.reduce((total, element) => {
+  const getCompactedElementsHeight = () => {
+    return compactedElements.reduce((total, element) => {
       if( element instanceof HTMLElement  ){
         return total + element.clientHeight;
       }
@@ -19,6 +20,9 @@ window.addEventListener('DOMContentLoaded', () => {
       return total;
       
     }, 0);
+  }
+    
+  let compactedElementsHeight = getCompactedElementsHeight();
 
   // lets collect the height of any fixed elements above the header.
   let topOffset = 0;
@@ -52,7 +56,6 @@ window.addEventListener('DOMContentLoaded', () => {
   
 
   const compactHeader = () => {
-    
     // downscroll code passed the header height
     if (document.body.scrollTop >= header.offsetHeight ||
       document.documentElement.scrollTop >= header.offsetHeight
@@ -76,21 +79,32 @@ window.addEventListener('DOMContentLoaded', () => {
 
   };
   
+  // we need to update the compacted elements height if an alert is closed, so we listen for the alert close event and update the compacted elements height.
+  document.querySelectorAll('header .alerts [data-bs-dismiss="alert"]').forEach((closeButton) => {
+    closeButton.addEventListener('click', () => {
+      compactedElementsHeight = getCompactedElementsHeight();
+      document.querySelectorAll('#page-container [id]').forEach(updateScrollMarginTop);
+    });
+  });
+
   // for each element with an id we add the scroll-margin-top
-  document.querySelectorAll('#page-container [id]').forEach((element) => {
+  const updateScrollMarginTop = (/** @type Element */ element) => {
     if( element instanceof HTMLElement ){ 
-      let scrollMarginHeight = header.clientHeight + topOffset;
-
-      // if the elements offsetTop is greater than twice the header size, 
-      // we can assume the header is compacted
-      // so we need to subtract the compacted elements height from the scroll margin.
-      if( element.offsetTop > scrollMarginHeight + (scrollMarginHeight / 2) ){
-        scrollMarginHeight -= compactedElementsHeight;
-      }
+          let scrollMarginHeight = header.clientHeight + topOffset;
+  
+          // if the elements offsetTop is greater than twice the header size, 
+          // we can assume the header is compacted
+          // so we need to subtract the compacted elements height from the scroll margin.
+          if( element.offsetTop > scrollMarginHeight + (scrollMarginHeight / 2) ){
+            scrollMarginHeight -= compactedElementsHeight;
+          }
+  
+          element.style.scrollMarginTop = `${scrollMarginHeight}px`;
+        }
+  }
 
-      element.style.scrollMarginTop = `${scrollMarginHeight}px`;
-    }
-  });
+  // add scroll margin top to all elements with an id, so that when we scroll to them, they are not hidden behind the header.
+  document.querySelectorAll('#page-container [id]').forEach(updateScrollMarginTop);
 
   // reset position on scroll
   window.addEventListener(