@civicactions/cmsds-open-data-components 3.6.3-oe → 3.6.3

package/README.md

@@ -11,9 +11,25 @@ In the root folder for this project, run `npm run watch` to build local code. En
 
 ## Publishing new versions
 
-Run ```npm run build``` to create a production version of the library before publishing to npm.
+### Clear out caches and previous build
+
+Before running a build, it is recommended to clear out the old build and cache files to avoid publishing a stale build.
+
+Run ```rm -rf dist/``` to delete the previous build\
+Run ```rm -rf .parcel-cache/``` to clear out the parcel build caches
+
+### Create a new release
+
+Run ```npm run build``` to create a production version of the library before publishing to npm.\
 Run ```npm publish``` to publish to npm
 
+### Create an alpha/testing release
+
+When creating an alpha release or any other release intended for testing purposes, add a tag to the publish command. This will prevent the testing release from showing up as the latest release in NPM. 
+
+After running ```npm run build```,\
+Run ```npm publish --tag <tag name>``` example (npm publish --tag "alpha")
+
 ## Testing
 
 Jest tests can be run using:

package/dist/main.css

@@ -768,6 +768,10 @@ thead.dc-thead--truncated th p {
   white-space: normal;
 }
 
+div.dc-c-datadictionary-table thead.dc-thead--truncated th > div > div, div.dc-c-datadictionary-table thead.dc-thead--truncated th > div > div > span {
+  overflow: visible;
+}
+
 .dc-c-datatable--even-row td {
   background-color: var(--table__background-color--striped);
 }

package/dist/main.css.map

@@ -1 +1 @@
-{"mappings":"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","sources":["66671e0fb4f6ef44","src/components/HeaderTagline/header-tagline.scss","src/components/HeaderNavIconLink/header-nav-icon-link.scss","src/components/CMSTopNav/cms-topnav.scss","src/components/SubMenu/submenu.scss","src/components/HeaderSearch/header-search.scss","src/components/HeaderNav/header-nav.scss","src/components/MobileMenuButton/mobile-menu-button.scss","src/components/NavBar/navbar.scss","src/components/SidebarNavigation/sidebar-navigation.scss","src/templates/APIPage/swagger-ui-overrides.scss","src/components/DatasetSearchListItem/dataset-search-list-item.scss","src/components/DatasetSearchFacets/dataset-search-facets.scss","src/templates/DatasetSearch/dataset-search.scss","src/components/DatasetAdditionalInformation/additional-information-table.scss","src/components/Resource/Resource.scss","src/components/DataDictionaryTable/dataDictionaryTable.scss","src/components/DatasetDictionaryTable/dataDictionary.scss","src/templates/Dataset/dataset.scss","src/components/Datatable/datatable.scss","src/components/ManageColumns/ManageColumns.scss","src/components/FullScreenDataTable/FullScreenDataTable.scss","src/templates/Header/header.scss","src/components/NavLink/NavLink.scss","src/components/ResourceHeader/resource-header.scss","src/components/Breadcrumb/breadcrumb.scss","src/templates/FilteredResource/query-builder.scss","src/templates/FilteredResource/filtered-resource.scss"],"sourcesContent":["@import \"5a0544d83d9d1014\";\n@import \"b87885de2f8b5433\";\n@import \"7f6943971d89bba6\";\n@import \"7b7c8b0df223a131\";\n@import \"29c08bb4928c86a9\";\n@import \"33f61c049b288427\";\n@import \"8de2d412e6cb09ca\";\n@import \"deb7fb77a9a39a18\";\n@import \"7e153e7ec014239d\";\n@import \"4aaf9b6e7d02ddbc\";\n@import \"eab1ff0a90f53ec6\";\n@import \"401f704da451978e\";\n@import \"afb93adf2372c8fa\";\n@import \"0942f6189f250c2d\";\n@import \"0038627699fe7360\";\n@import \"d35618c6100ac41e\";\n@import \"c21b52fda9bf8379\";\n@import \"9581ea82efe9ba05\";\n@import \"e0db2df3aeed891f\";\n@import \"9392ba47b8b5bf2a\";\n@import \"fcd187e2206cc6bb\";\n@import \"5c4d0463a5a7f5df\";\n@import \"273e90f78d9897be\";\n@import \"abe4b1357605f482\";\n@import \"befaac9e892f85f3\";\n@import \"11a474311c5aac64\";\n@import \"e4bccea31c84a01a\";\n",".dkan-c-cms-topnav--tagline {\n  color: #{var(--tag-line--color)};\n}\n\n.dkan-c-header--mobile {\n  .dkan-c-cms-topnav--tagline {\n    display: none;\n  }\n}\n\n.dkan-c-header--desktop {\n  .dkan-c-cms-topnav--tagline {\n    display: inline-flex;\n    align-items: center;\n    border-left: 1px solid #{var(--tag-line--border-color)};\n  }\n}\n",":root {\n  --header-nav-icon-link--desktop-width: 240px;\n  --header-nav-icon-link--mobile-width: 90px;\n}\n\n.dkan-c-header-nav-icon-link {\n  display: inline-flex;\n  align-items: center;\n  border-right: none;\n  a {\n    text-decoration: none;\n    border-bottom: none;\n    display: inline-block;\n  }\n  a:focus,\n  a:hover {\n    background-color: transparent;\n  }\n  &.show-back-arrow a::before {\n    font-family: 'Font Awesome 6 Pro';\n    content: '\\f33e';\n    color: #323a45;\n    font-size: 18px;\n    padding-right: 10px;\n    display: inline-block;\n    line-height: 18px;\n    height: 18px;\n    width: 18px;\n    margin-left: 10px;\n    text-align: center;\n    vertical-align: middle;\n    font-weight: lighter;\n  }\n  img {\n    height: auto;\n    display: inline-block;\n    vertical-align: middle;\n  }\n}\n\n.dkan-c-header--mobile {\n  .dkan-c-header-nav-icon-link img {\n    width: #{var(--header-nav-icon-link--mobile-width)};\n  }\n}\n\n.dkan-c-header--desktop {\n  .dkan-c-header-nav-icon-link img {\n    width: #{var(--header-nav-icon-link--desktop-width)};\n  }\n}\n",".dkan-c-cms-topnav {\n  height: 51px;\n}\n\n.dkan-c-cms-topnav > div {\n  height: 100%;\n}\n\n.dkan-c-cms-topnav .dkan-c-cms-topnav-menu a {\n  display: inline-block;\n  margin: 3px 7px;\n}\n\n.dkan-c-cms-topnav--menu ul {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.dkan-c-cms-topnav .dkan-c-cms-topnav--tagline {\n  height: 100%;\n  margin-left: 16px;\n}\n\n@media screen and (max-width: 544px) {\n  .dkan-c-cms-topnav {\n    display: none;\n  }\n}\n\n@media screen and (min-width: 1024px) {\n  .dkan-c-cms-topnav {\n    height: 85px;\n  }\n}\n",".dkan-c-site-menu--sub-menu {\n  list-style: none;\n  display: none;\n}\n\n.dkan-c-nav-submenu {\n  position: relative;\n}\n\n.dkan-c-nav-submenu.open .dkan-c-site-menu--sub-menu {\n  display: block;\n}\n\n.dkan-c-header--mobile {\n  .dkan-c-site-menu--sub-menu a svg {\n    display: none;\n  }\n}\n\n.dkan-c-header--desktop {\n  .dkan-c-site-menu--sub-menu {\n    background: #{var(--header-submenu--bg-color)};\n    position: absolute;\n    left: 0;\n    top: 48px;\n    margin: 0;\n    padding: 16px;\n    width: #{var(--header-submenu--width)};\n    a {\n      text-align: left;\n      display: flex;\n      padding: 16px;\n      span {\n        margin-left: 8px;\n        border-bottom-width: 2px;\n        border-bottom-style: solid;\n        border-bottom-color: transparent;\n      }\n    }\n    a:hover,\n    a:focus {\n      span {\n        border-bottom-color: #{var(--header-nav-link--mobile-color)};\n      }\n    }\n    z-index: 999;\n  }\n\n}\n",".dkan-c-main-navigation--search .dkan-c-header-search--modal-button {\n  span {\n    border-bottom-width: 2px;\n    border-bottom-style: solid;\n    border-bottom-color: transparent;\n  }\n}\n\n.dkan-c-header--mobile {\n  .dkan-c-nav-menu--mobile {\n    display: none;\n  }\n\n  .dkan-c-nav-menu--mobile .dkan-c-header-search--modal-button {\n    text-decoration: none;\n    color: #{var(--header-nav-link--mobile-color)};\n    &:hover,\n    &:focus {\n      color: #{var(--header-nav-link--mobile-color)};\n      span {\n        border-bottom-color: #{var(--header-nav-link--mobile-color)};\n      }\n    }\n  }\n}\n\n.dkan-c-header-search--modal-button {\n  &::before {\n    font-family: 'Font Awesome 6 Pro';\n    content: '\\f002';\n    font-size: 18px;\n    padding-right: 10px;\n    display: inline-block;\n    line-height: 18px;\n    height: 18px;\n    width: 18px;\n    margin-left: 10px;\n    text-align: center;\n    vertical-align: middle;\n    font-weight: lighter;\n    box-sizing: content-box\n  }\n}\n\n.dkan-c-main-navigation--search .dkan-c-header-search--modal-button {\n  color: #{var(--header-nav-search--color)};\n  text-decoration: none;\n  &:focus,\n  &:hover {\n    color: #{var(--header-nav-search--color)};\n    span {\n      border-bottom-color: #{var(--header-nav-search--color)};\n    }\n  }\n}\n\n.dkan-c-header--desktop {\n  .dkan-c-main-navigation--search {\n    border-left: 2px solid #{var(--header-nav-search--color)};\n  }\n  .dkan-c-nav-menu--desktop .dkan-c-main-navigation--search {\n    display: none;\n  }\n  \n}\n\n",".dkan-c-header--link-list {\n  list-style: none;\n}\n\n.dkan-c-header--wrapper {\n  flex-wrap: nowrap !important;\n}\n\n.dkan-c-header--link-list .dkan-c-header--link,\n.dkan-c-header--link-list .dkan-c-header--link + ul a {\n  span {\n    border-bottom-width: 2px;\n    border-bottom-style: solid;\n    border-bottom-color: transparent;\n  }\n}\n\n\n\n.dkan-c-header--mobile {\n  .dkan-c-header--link-list .dkan-c-header--link,\n  .dkan-c-header--link-list .dkan-c-header--link + ul a {\n    text-decoration: none;\n    color: #{var(--header-nav-link--mobile-color)};\n    &:hover,\n    &:focus {\n      color: #{var(--header-nav-link--mobile-color)};\n      span {\n        border-bottom-color: #{var(--header-nav-link--mobile-color)};\n      }\n    }\n  }\n\n  .dkan-c-nav-menu ul {\n    padding-inline-start: 0;\n  }\n\n  .dkan-c-nav-menu--close {\n    display: none;\n  }\n\n  .dkan-c-nav-menu--open {\n    flex: none;\n    max-width: 100%;\n    display: block;\n    position: fixed;\n    background-color: #{var(--header-mobile-bg-color)};\n    top: 0;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    padding: 50px 0;\n    z-index: 500;\n    // TODO: Need to rework, doesn't do anything with display none/block.\n    transition-property: left;\n    transition-duration: #{var(--mobile-nav-animation-time)};\n  }\n\n  .dkan-c-nav-menu .dkan-c-top-nav {\n    padding-top: 8px;\n    display: inherit;\n    &::before {\n      background: #{var(--color-primary-light)};\n      content: \"\";\n      width: 48px;\n      height: 2px;\n      margin-left: 24px;\n      display: block;\n      position: absolute;\n    }\n    \n    ul {\n      padding-top: 16px;\n    }\n  }\n}\n\n.dkan-c-header--desktop {\n  ul.dkan-c-header--link-list .dkan-c-header--link,\n  ul.dkan-c-header--link-list .dkan-c-header--link + ul a {\n    text-decoration: none;\n    color: #{var(--header-nav-link--color)};\n    padding: #{var(--space, 8px 8px)};\n    &:hover {\n      span {\n        border-bottom-color: #{var(--header-nav-link--color)};\n      }\n    }\n  }\n\n  .dkan-c-header--link-list {\n    margin-block: 0;\n  }\n\n  .dkan-c-main-nav {\n    display: flex;\n    flex-direction: row;\n    justify-content: end;\n  }\n\n  .dkan-c-nav-menu--mobile-close-button {\n    display: none;\n  }\n\n  .dkan-c-header--link-list {\n    display: flex;\n    flex-direction: row;\n  }\n\n  .dkan-c-nav-menu .dkan-c-top-nav {\n    display: none;\n  }\n}\n\n\n\n",":root {\n  --mobile-menu-button--color: #{var(--color-white)};\n  --mobile-menu-button--hover-color: #{var(--color-white)};\n}\n\n.dkan-c-header--desktop {\n  .dkan-c-mobile-menu-button {\n    display: none;\n  }\n}\n\n.dkan-c-header--mobile {\n  .dkan-c-mobile-menu-button {\n    display: inherit;\n  }\n}\n\nbutton.dkan-c-mobile-menu-button {\n  color: #{var(--mobile-menu-button--color)};\n  &::before {\n    font-family: 'Font Awesome 6 Pro';\n    color: #{var(--mobile-menu-button--color)};\n    font-size: 18px;\n    padding-right: 10px;\n    display: inline-block;\n    line-height: 18px;\n    height: 18px;\n    width: 18px;\n    margin-left: 10px;\n    text-align: center;\n    vertical-align: middle;\n    font-weight: lighter;\n    box-sizing: content-box\n  }\n  &:hover {\n    color: #{var(--mobile-menu-button--hover-color)};\n    &::before {\n      color: #{var(--mobile-menu-button--hover-color)};\n    }\n  }\n}\n\nbutton.dkan-c-mobile-menu-button--open {\n  &::before {\n    content: '\\f0c9';\n  }\n}\n",".dkan-c-cms-topnav-menu ul {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  justify-content: end;\n}\n","div.dkan-c-sidebar-nav .dkan-c--sidebar-nav-wrapper {\n  border-top: 8px solid var(--color-secondary) !important;\n  border-radius: 4px;\n}\n\n.dkan-c-sidebar-nav ul {\n  list-style: none;\n  display: block;\n  margin: 0;\n  padding: 0;\n}\n\n.dkan-c-sidebar-nav-link,\n.dkan-c-sidebar-nav-link:visited {\n  color: var(--color-base);\n  text-decoration: none;\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n.dkan-c-sidebar-nav-link-status {\n  border: 2px solid var(--color-gray-lighter);\n  border-radius: 2px;\n}\n\n.active .dkan-c-sidebar-nav-link-status {\n  border: 2px solid var(--color-primary-darker);\n  border-radius: 2px;\n}\n\n.dkan-c-sidebar-nav--mobile {\n  margin-bottom: 32px;\n  .dkan-c-sidebar-nav-menu--open {\n    display: inherit;\n  }\n  \n  .dkan-c-sidebar-nav-menu--close {\n    display: none;\n  }\n\n  .dkan-c-sidebar-nav--mobile-header {\n    display: flex;\n    margin-top: -32px;\n  }\n}\n\n.dkan-c-sidebar-nav--desktop .dkan-c-sidebar-nav--mobile-header {\n  display: none;\n}\n\n\n.dkan-c-sidebar-nav--mobile  {\n  display: inherit;\n}\n","/*\nThis document provides overrides to Swagger UI, fixing accessibility issues.\n*/\n\n:root {\n  //Colors\n  --su-color--blue-dark: rgb(0, 51, 102);\n  --su-color--brown: rgba(136, 76, 0, 1);\n  --su-color--green-dark: rgb(0, 118, 65);\n  --su-color--green-muted: rgb(39, 117, 100);\n  --su-color--orange-dark: rgb(209, 0, 0);\n  --su-color--orange-light: rgba(209, 0, 0, .1);\n  --su-color--red-dark: rgb(151, 0, 0);\n  --su-color--red-light: rgba(211, 0, 0, .1);\n  --su-color--red: rgb(211, 0, 0);\n}\n// State  `.swagger-ui` twice to include specificity and avoid multiple `!important` statements;\n.swagger-ui.swagger-ui {\n  .opblock {\n    .opblock-summary-method {\n      color: #333;\n    }\n\n    &.opblock-delete {\n      background-color: var(--su-color--red-light);\n      border-color: var(--su-color--red);\n\n      .opblock-summary-method {\n        color: white;\n\n        background-color: var(--su-color--red-dark);\n      }\n    }\n\n    &.opblock-put {\n      .opblock-summary-method {\n        background-color: var(--su-color--brown);\n        color: white;\n      }\n    }\n  }\n\n  .parameter__name {\n    &.required {\n      span {\n        color: var(--su-color--red);\n      }\n\n      &:after {\n        color: var(--su-color--red);\n      }\n    }\n  }\n\n  .btn {\n    &.cancel {\n      border-color: var(--su-color--red);\n      color: var(--su-color--red);\n    }\n\n    &.authorize {\n      border-color: var(--su-color--green-muted);\n      background-color: var(--su-color--green-muted);\n    }\n\n    &.execute {\n      background-color: var(--su-color--blue-dark)\n    }\n  }\n\n  .info {\n    .title {\n      small {\n        background-color: #666;\n\n        &.version-stamp {\n          background-color: #005830;\n        }\n      }\n    }\n\n    a {\n      color: #036;\n    }\n  }\n\n  .model-hint {\n    max-width: 100%;\n    word-wrap: break-word;\n    white-space: normal;\n    top: 1.5em;\n  }\n  section.models .model-container {\n    overflow-x: auto;\n  }\n  table {\n    min-width: 500px;\n\n    &.model tbody tr td:first-of-type  {\n      min-width: 174px;\n    }\n  }\n\n  .table-container, .responses-inner {\n    overflow: scroll;\n  }\n}\n\n.swagger-ui h2, .swagger-ui h3, .swagger-ui h4 {\n  font-weight: bold !important;\n}\n\n.swagger-ui div.wrapper {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n// Fix issue on mobile with text on accordion looking weird.\n\n@media (width <= 544px) {\n  .swagger-ui .opblock-tag-section .opblock-tag small {\n    flex: initial;\n  }\n}\n",".dc-c-search-list-item {\n  list-style: none;\n  li {\n    list-style: none;\n\n    a,\n    button {\n      text-decoration: underline !important;\n    }\n    a svg,\n    span svg {\n      fill: #{var(--link__color)};\n    }\n  }\n  svg {\n    margin-right: 8px;\n  }\n  span > span > button {\n    font-weight: normal !important;\n    padding: 0 !important;\n  }\n  a:visited svg {\n    fill: #{var(--link__color--visited)};\n  }\n}",".dkan-dataset-search {\n  position: relative;\n  input {\n    min-width: 100%;\n    @media only screen and (min-width: 544px) {\n      padding-left: 32px;\n    }\n  }\n  div.--alt-style input {\n    @media only screen and (max-width: 544px) {\n      --text-input__border-radius: 50px;\n      --text-input__border-color: #c6b7b7;\n      height: 61px;\n    }\n  }\n\n  .ds-c-field__before {\n    left: 16px;\n    top: 12px;\n  }\n  .dc-c-search-button-mobile {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n    position: absolute;\n    right: 18px;\n    top: 2px;\n    z-index: 1000;\n    height: 57px;\n  }\n}\n\n.dkan-dataset-search--facet-container {\n  ul {\n    list-style: none;\n    padding-left: 0px;\n  }\n}\n\n.dkan-dataset-search--clear-all-filters {\n  width: 100%;\n}\n\n.dc-c-search-list-item li a svg,\n.dc-c-search-list-item li span svg {\n  fill: #{var(--link__color)};\n}\n\n.dc-c-search-list-item li a:visited svg {\n  fill: #{var(--link__color--visited)};\n}\n",".dc-dataset-search-list {\n  list-style: none;\n}\n\n.dc-search-header {\n  display: relative;\n  &::after {\n    content: '';\n    display: block;\n    width: 48px;\n    height: 4px;\n    margin: 16px 0;\n    background-color: #{var(--color-primary-light)};\n  }\n}\n\n.dataset-results-count {\n  font-weight: bold;\n}\n\n.dkan-dataset-search--facet-container .ds-c-accordion__content {\n  max-height: 32rem;\n}\n\n.dc-dataset-search--clear-all-filters {\n  width: 100%;\n}\n\n.dkan-dataset-search {\n  position: relative;\n  input {\n    min-width: 100%;\n    @media only screen and (min-width: 544px) {\n      padding-left: 32px;\n    }\n  }\n  .ds-c-field__before {\n    left: 16px;\n    top: 12px;\n  }\n}",".dc-c-additional-info-table {\n  table {\n    width: 100%;\n  }\n}\n\n.dc-c-additional-info-table a {\n  word-break: break-all;\n}\n\n.ds-u-word-break-anywhere {\n  word-break: break-word;\n  overflow-wrap: anywhere;\n}\n","ul.dc-c-resource-full-width {\n  width: 100%;\n}\n",".dc-c-datadictionary-table .dc-c-datatable th, .dc-c-datadictionary-table .dc-c-datatable td {\n  border-left: 0;\n  border-right: 0;\n}",".dc-c-tooltip-width-override .ds-c-tooltip {\n  width: 500px;\n}",".dc-resource-header {\n  &::before {\n    content: '';\n    display: block;\n    width: 48px;\n    height: 4px;\n    margin: 8px 0;\n    background-color: #{var(--color-primary-light)};\n  }\n}\n\n.dc-truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.dc-c-metadata-description {\n  white-space: pre-line;\n  ul {\n    list-style-type: unset;\n  }\n}\n\n.dc-dataset .ds-c-tabs {\n  .ds-c-tabs__item {\n    text-decoration:none;\n    svg {\n      fill: #{var(--link__color)};\n    }\n  }\n  svg {\n    margin-right: 8px;\n  }\n}\n\n#main-content {\n  overflow: visible;\n}\n\n.dc-c-word-break--all {\n  word-break: break-all;\n}",".dc-c-datatable {\n  width: 100%;\n  border-spacing: 0px;\n  thead > .dc-c-sticky-header {\n    position: sticky;\n    top: 0;\n    background-color: white;\n  }\n  th {\n    position: relative;\n    text-align: left;\n  }\n  thead th div {\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n  }\n}\n\n.dc-c-datatable-wrapper {\n  overflow: auto;\n  display: grid;\n}\n\n.dc-thead--fixed-size th {\n  border-left: 2px solid var(--color-border);\n}\n\n.dc-thead--fixed-size th:first-child {\n  border-left: none;\n}\n\n.dc-thead--resizeable {\n  .dc-c-resize-handle {\n    top: 0;\n    bottom: 0;\n    right: 0;\n    position: absolute !important;\n    background-color: #{var(--color-gray-light)};\n    width: 10px;\n    cursor: col-resize;\n    min-width: 10px;\n    display: block;\n    margin-left: -10px;\n    padding: 0;\n    border: none;\n    z-index: 1;\n    &.isResizing,\n    &:hover {\n      background-color: #{var(--color-primary)};\n    }\n  }\n}\n\nthead.dc-thead--truncated {\n  th > div {\n    align-items: stretch; \n\n    > div {\n      overflow: hidden;\n      flex: 1 1 auto;\n      position: relative;\n  \n      > span {\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        display: inline-block;\n        overflow: hidden;\n        position: absolute;\n        left: 0;\n        width: 100%;\n  \n        .ds-c-tooltip__container {\n          white-space: wrap;\n          font-weight: normal;\n        }\n      }\n    }\n  }\n  th p {\n    white-space: normal;\n  }\n\n}\n\n.dc-c-datatable--even-row td {\n  background-color: #{var(--table__background-color--striped)};\n}\n\n.dc-c-datatable--highlight-row td {\n  background-color: #{var(--color-info-lighter)}\n}\n\n.dc-c-sort--default,\n.dc-c-sort--asc,\n.dc-c-sort--desc {\n  padding-left: 8px;\n  padding-right: 16px;\n  border: none;\n  background: none;\n  &::after {\n    font-family: 'Font Awesome 6 Pro';\n    display: inline;\n    padding-left: 8px;\n    line-height: 18px;\n    height: 18px;\n    width: 18px;\n  }\n}\n\n.dc-c-sort--default::after {\n  content: '\\f0dc';\n}\n.dc-c-sort--asc::after {\n  content: '\\f0de';\n}\n.dc-c-sort--desc::after {\n  content: '\\f0dd';\n}\n","dialog.dkan-manage-columns-dialog {\n  height: 80vh;\n  width: 100%;\n  .ds-c-dialog__window {\n    min-width: 768px; // TODO responsive\n    padding: 0;\n    .ds-c-dialog__header {\n      padding: 24px;\n    }\n  }\n  .dkan-manage-columns-list {\n    list-style: none;\n    gap: 0;\n    max-height: 350px; // TODO responsive\n    margin: 0;\n    padding: 0;\n    overflow-y: auto;\n\n    li {\n      cursor: pointer;\n    }\n\n    .ds-c-choice-wrapper {\n      margin-top: 0;\n    }\n\n    .dkan-manage-columns-reorder-button {\n      background: none;\n      border: none;\n\n      &.grabbed {\n        background-color: var(--color-primary-lighter);\n      }\n    }\n  }\n}\n\n@media screen and (max-width: 767px) {\n  dialog.dkan-manage-columns-dialog  {\n    height: 100%;\n    .ds-c-dialog__window {\n      margin-top: 0;\n      width: 100%;\n      min-width: auto;\n      height: 100%;\n    }\n    .ds-c-dialog__body > div:not(.ds-c-dialog__actions) {\n      display: flex;\n      flex-direction: column;\n    }\n    .dkan-manage-columns-list {\n      max-height: calc(100vh - 435px); /* approx height of all other dialog elements */\n    }\n\n    .ds-c-dialog__actions {\n      position:absolute;\n      bottom: 0;\n      background-color: white;\n      padding-top: 16px;\n    }\n  }\n}","dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window {\n  width: 100%;\n  max-width: 100%;\n  margin: 0;\n\n  form {\n    max-width: 1024px;\n  }\n\n  .dkan-datatable-fullscreen-mode {\n    max-height: calc(100vh - 415px);\n    min-height: calc(100vh - 415px);\n    overflow: hidden;\n\n    .dc-c-datatable-wrapper {\n      max-height: calc(100vh - 473px);\n    }\n  }\n}",":root {\n  --mobile-nav-animation-time: 1s;\n  --cms-top-nav-height: 87px;\n  --main-nav-height: 100px;\n  --header-bg-color: #{var(--color-primary)};\n  --header-bg-image: linear-gradient(90deg, var(--color-primary-darkest) 10%, var(--color-primary) 90%);\n  --header-nav-link--color: #{var(--color-white)};\n  --header-nav-link--mobile-color: #{var(--color-white)};\n  --header-mobile-bg-color: #{var(--color-gray-dark)};\n  --header-submenu--bg-color: #{var(--color-primary)};\n  --header-submenu--width: 300px;\n  --header-nav-search--color: #{var(--color-white)};\n  --tag-line--color: #6f757c;\n  --tag-line--border-color: #6f757c;\n}\n\n.dkan-c-main-navigation > div > div {\n  height: #{var(--main-nav-height)};\n}\n\n.dkan-c-header .dkan-c-main-navigation {\n  background-color: #{var(--header-bg-color)};\n  background-image: #{var(--header-bg-image)};\n}\n\n.ds-c-usa-banner__button-text {\n  &::after {\n    width: 0 !important;\n    height: 0 !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n}\n\n.dc-c-mobile-menu--open {\n  color: #{var(--color-white)};\n  text-decoration: none;\n  &::before {\n    font-family: 'Font Awesome 6 Pro';\n    content: '\\f0c9';\n    color: #{var(--color-white)};\n    font-size: 18px;\n    padding-right: 10px;\n    display: inline-block;\n    line-height: 18px;\n    height: 18px;\n    width: 18px;\n    margin-left: 10px;\n    text-align: center;\n    vertical-align: middle;\n    font-weight: lighter;\n  }\n}\n\n.dc-c-mobile-menu--close {\n  color: #{var(--color-white)};\n  text-decoration: none;\n  padding-left: 0;\n  padding-bottom: 16px;\n  &::before {\n    font-family: 'Font Awesome 6 Pro';\n    content: '\\f00d';\n    color: #{var(--color-white)};\n    font-size: 18px;\n    padding-right: 10px;\n    display: inline-block;\n    line-height: 18px;\n    height: 18px;\n    width: 18px;\n    text-align: center;\n    vertical-align: middle;\n    font-weight: lighter;\n  }\n}\n\n.dc-c-mobile-header--menu {\n  position: fixed;\n  background-color: #{var(--color-gray-dark)};\n  top: 0;\n  bottom: 0;\n  left: -100%;\n  z-index: 500;\n  height: 100%;\n  width: 100%;\n  transition: left 0.7s;\n  padding: 50px 0;\n  visibility: hidden;\n}\n\n.dc-c-cmsheader {\n  position: relative;\n  background: #{var(--color-white)};\n}\n\n.dc-c-cms-mobile-header-menu {\n  &::before {\n    display: block;\n    margin-left: 8px;\n    margin-bottom: 16px;\n    width: 48px;\n    height: 2px;\n    background: #{var(--color-primary-light)};\n    content: '';\n  }\n  ul {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n  a,\n  a:hover,\n  a:focus,\n  a:visited {\n    background-color: transparent;\n    display: inline-block;\n    color: #{var(--color-white)};\n    text-decoration: none;\n    border-bottom: 2px solid transparent;\n  }\n  a:hover,\n  a:active {\n    border-bottom: 2px solid #{var(--color-primary-light)};\n  }\n}\n\n.dc-c-header--mobile-links {\n  button {\n    padding: 0;\n    font-weight: 700;\n  }\n  a {\n    display: block;\n  }\n}\n\n.dc-c-mobile-header.menu-open {\n  .dc-c-cmsheader {\n    z-index: 501;\n    background-color: transparent;\n  }\n  .dc-c-cmsheader-menu a,\n  button {\n    color: #{var(--color-white)};\n  }\n  .cms-link-container a::before {\n    color: #{var(--color-white)};\n  }\n  .dc-c-mobile-header--menu {\n    left: 0;\n    visibility: visible;\n  }\n}\n\n.cms-text-container {\n  display: block;\n  padding-top: 28px;\n  color: #6f757c;\n}\n\n.dc-c-cmsheader-menu {\n  padding: 0;\n  margin: 0;\n  li {\n    list-style: none;\n  }\n  a {\n    margin: 3px 7px;\n    padding: 0;\n    color: #323a45;\n    text-decoration: none;\n    border-bottom: 1px solid;\n    border-bottom-color: #eee;\n    border-bottom-color: rgba(255, 255, 255, 0.2);\n  }\n  a:hover,\n  a:active {\n    border-bottom: 2px solid #323a45;\n  }\n}\n\n@media (min-width: 544px) {\n  .dc-c-main-navigation--search,\n  .dc-c-mobile-menu--search {\n    border-left: 1px solid #{var(--color-white)};\n  }\n}\n\nnav.dc-c-site-menu {\n  .dc-c-header--links {\n    padding: 0;\n    margin: 0;\n    li {\n      list-style: none;\n      height: 100%;\n    }\n    button {\n      // color: #{var(--color-white)};\n      text-decoration: none;\n      font-size: 16px;\n      border: none;\n      span {\n        border-bottom: 2px solid transparent;\n      }\n    }\n    a {\n      text-decoration: none;\n      padding: #{var(--space, 8px 24px)};\n      span {\n        border-bottom: 2px solid transparent;\n      }\n    }\n    > li:hover > button span,\n    > li button:focus span,\n    > li button:hover span,\n    > li:hover > a span,\n    > li:focus > a span,\n    > li a:hover span,\n    > li a:focus span {\n      border-bottom: 2px solid #{var(--color-primary-light)};\n    }\n  }\n}\n\nnav.dc-c-site-menu .dc-c-header--links a:focus,\n.dc-c-site-title a:focus {\n  background-color: transparent;\n  outline: 3px solid transparent;\n  box-shadow: 0 0 0 3px #{var(--color-focus-light)}, 0 0 4px 6px #{var(--color-focus-dark)};\n  outline-offset: 3px;\n  border-radius: #{var(--button__border-radius)};\n  text-decoration: none;\n}\n\n.dc-c-site-title a {\n  text-decoration: none;\n}\n\n.dc-c-mobile-menu--search {\n  display: inherit;\n}\n\n.dc-c-search-modal--button {\n  &::before {\n    font-family: 'Font Awesome 6 Pro';\n    content: '\\f002';\n    color: #{var(--color-white)};\n    font-size: 18px;\n    padding-right: 10px;\n    display: inline-block;\n    line-height: 18px;\n    height: 18px;\n    width: 18px;\n    margin-left: 10px;\n    text-align: center;\n    vertical-align: middle;\n    font-weight: lighter;\n    box-sizing: content-box\n  }\n}\n","nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {\n  border-bottom: 2px solid #{var(--color-primary-light)};\n}",".ds-c-button.display-settings-font {\n  font: inherit;\n}",".dc-c-breadcrumb__list {\n  margin-top: 0;\n  margin-bottom: 0;\n  list-style-type: none;\n  padding-left: 0;\n  > li {\n    margin-bottom: 0;\n    max-width: unset;\n    &::after {\n      font-family: 'Font Awesome 6 Pro';\n      content: '\\f054';\n      margin: 0 10px;\n      font-size: 10px;\n      font-weight: 600;\n    }\n    &:last-child {\n      &::after {\n        content: '';\n        margin: 0;\n      }\n    }\n  }\n  display: block;\n}\n\n.dc-c-breadcrumb__list-item {\n  display: inline-block;\n}\n\n.dc-c-breadcrumb__link {\n  display: inline;\n}\n",".dc-query-builder > .ds-c-accordion > .ds-c-accordion__content {\n  overflow: visible;\n}\n.dc-query-builder .react-datepicker select {\n  background-image: none;\n}",".dc-c-resource-header .data-table-results {\n  margin: 0;\n}\n\n.dc-c-resource-header--buttons {\n  display: flex;\n}\n"],"names":[],"version":3,"file":"main.css.map"}
+{"mappings":"ACAA;;;;AAKE;;;;AAMA;;;;;;ACXF;;;;;AAKA;;;;;;AAIE;;;;;;AAKA;;;;AAIA;;;;;;;;;;;;;;;;AAeA;;;;;;AAQA;;;;AAMA;;;;AC/CF;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;;AAMA;;;;;AAKA;EACE;;;;;AAKF;EACE;;;;;AC/BF;;;;;AAKA;;;;AAIA;;;;AAKE;;;;AAMA;;;;;;;;;;;AAQE;;;;;;AAIE;;;;;AASA;;;;ACxCJ;;;;AAQA;;;;AAIA;;;;;AAGE;;;;AAGE;;;;AAQJ;;;;;;;;;;;;;;;;AAiBF;;;;;AAGE;;;;AAGE;;;;AAOF;;;;AAGA;;;;AC5DF;;;;AAIA;;;;AAME;;;;AAUA;;;;;AAIE;;;;AAGE;;;;AAMJ;;;;AAIA;;;;AAIA;;;;;;;;;;;;;;;;;AAkBA;;;;;AAGE;;;;;;;;;;AAUA;;;;AAOF;;;;;;AAMI;;;;AAMJ;;;;AAIA;;;;;;AAMA;;;;AAIA;;;;;AAKA;;;;AC9GF;;;;;AAME;;;;AAMA;;;;AAKF;;;;AAEE;;;;;;;;;;;;;;;;AAeA;;;;AASA;;;;AC3CF;;;;;;;ACAA;;;;;AAKA;;;;;;;AAOA;;;;;AAIE;;;;AAKF;;;;;AAKA;;;;;AAKA;;;;AAEE;;;;AAIA;;;;AAIA;;;;;AAMF;;;;AAKA;;;;AChDA;;;;;;;;;;;;AAeI;;;;AAIA;;;;;AAIE;;;;;AAQA;;;;;AASA;;;;AAWF;;;;;AAKA;;;;;AAKA;;;;AAOE;;;;AAGE;;;;AAMJ;;;;AAKF;;;;;;;AAMA;;;;AAGA;;;;AAGE;;;;AAKF;;;;AAKF;;;;AAIA;;;;;AAOA;EACE;;;;;ACxHF;;;;AAKI;;;;AASF;;;;AAGA;;;;;AAIA;;;;ACjBE;EAFF;;;;;AAOE;EADF;;;;;;;AAYA;;;;;;;;;;AAYA;;;;;AAMF;;;;AAIA;;;;AAKA;;;;AC/CA;;;;AAIA;;;;AAEE;;;;;;;;;AAUF;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAEE;;;;AAEE;EAFF;;;;;AAMA;;;;;ACnCA;;;;AAKF;;;;AAIA;;;;;ACVA;;;;ACAA;;;;;ACAA;;;;ACCE;;;;;;;;;AAUF;;;;;;AAMA;;;;AAEE;;;;AAMA;;;;AAEE;;;;AAIF;;;;AAKF;;;;AAIA;;;;ACxCA;;;;;AAGE;;;;;;AAKA;;;;;AAIA;;;;;;AAOF;;;;;AAKA;;;;AAIA;;;;AAKE;;;;;;;;;;;;;;;;AAcE;;;;AAQF;;;;AAGE;;;;;;AAKE;;;;;;;;;;AASE;;;;;AAON;;;;AAKF;;;;AAOA;;;;AAIA;;;;AAIA;;;;;;;AAOE;;;;;;;;;AAUF;;;;AAGA;;;;AAGA;;;;AC1HA;;;;;AAGE;;;;;AAGE;;;;AAIF;;;;;;;;;AAQE;;;;AAIA;;;;AAIA;;;;;AAIE;;;;AAON;EACE;;;;EAEE;;;;;;;EAMA;;;;;EAIA;;;;EAIA;;;;;;;;ACtDJ;;;;;;AAKE;;;;AAIA;;;;;;AAKE;;;;ACdJ;;;;;;;;;;;;;;;;AAgBA;;;;AAIA;;;;;AAME;;;;;;;AAQF;;;;;AAGE;;;;;;;;;;;;;;;;AAiBF;;;;;;;AAKE;;;;;;;;;;;;;;;AAgBF;;;;;;;;;;;;;;AAcA;;;;;AAME;;;;;;;;;;AASA;;;;;;AAKA;;;;;;;;AAUA;;;;AAOA;;;;;AAIA;;;;AAMA;;;;;AAIA;;;;AAOA;;;;;AAMF;;;;;;AAMA;;;;;AAGE;;;;AAGA;;;;;;;;AASA;;;;AAMF;EACE;;;;;AAOA;;;;;AAGE;;;;;AAIA;;;;;;AAKE;;;;AAIF;;;;;AAGE;;;;AAIF;;;;AAYJ;;;;;;;;;AAUA;;;;AAIA;;;;AAKE;;;;;;;;;;;;;;;;;AClPF;;;;ACAA;;;;ACAA;;;;;;;;AAKE;;;;;AAGE;;;;;;;;AAQE;;;;;AASN;;;;AAIA;;;;AC7BA;;;;AAGA;;;;ACHA;;;;AAIA","sources":["66671e0fb4f6ef44","src/components/HeaderTagline/header-tagline.scss","src/components/HeaderNavIconLink/header-nav-icon-link.scss","src/components/CMSTopNav/cms-topnav.scss","src/components/SubMenu/submenu.scss","src/components/HeaderSearch/header-search.scss","src/components/HeaderNav/header-nav.scss","src/components/MobileMenuButton/mobile-menu-button.scss","src/components/NavBar/navbar.scss","src/components/SidebarNavigation/sidebar-navigation.scss","src/templates/APIPage/swagger-ui-overrides.scss","src/components/DatasetSearchListItem/dataset-search-list-item.scss","src/components/DatasetSearchFacets/dataset-search-facets.scss","src/templates/DatasetSearch/dataset-search.scss","src/components/DatasetAdditionalInformation/additional-information-table.scss","src/components/Resource/Resource.scss","src/components/DataDictionaryTable/dataDictionaryTable.scss","src/components/DatasetDictionaryTable/dataDictionary.scss","src/templates/Dataset/dataset.scss","src/components/Datatable/datatable.scss","src/components/ManageColumns/ManageColumns.scss","src/components/FullScreenDataTable/FullScreenDataTable.scss","src/templates/Header/header.scss","src/components/NavLink/NavLink.scss","src/components/ResourceHeader/resource-header.scss","src/components/Breadcrumb/breadcrumb.scss","src/templates/FilteredResource/query-builder.scss","src/templates/FilteredResource/filtered-resource.scss"],"sourcesContent":["@import \"5a0544d83d9d1014\";\n@import \"b87885de2f8b5433\";\n@import \"7f6943971d89bba6\";\n@import \"7b7c8b0df223a131\";\n@import \"29c08bb4928c86a9\";\n@import \"33f61c049b288427\";\n@import \"8de2d412e6cb09ca\";\n@import \"deb7fb77a9a39a18\";\n@import \"7e153e7ec014239d\";\n@import \"4aaf9b6e7d02ddbc\";\n@import \"eab1ff0a90f53ec6\";\n@import \"401f704da451978e\";\n@import \"afb93adf2372c8fa\";\n@import \"0942f6189f250c2d\";\n@import \"0038627699fe7360\";\n@import \"d35618c6100ac41e\";\n@import \"c21b52fda9bf8379\";\n@import \"9581ea82efe9ba05\";\n@import \"e0db2df3aeed891f\";\n@import \"9392ba47b8b5bf2a\";\n@import \"fcd187e2206cc6bb\";\n@import \"5c4d0463a5a7f5df\";\n@import \"273e90f78d9897be\";\n@import \"abe4b1357605f482\";\n@import \"befaac9e892f85f3\";\n@import \"11a474311c5aac64\";\n@import \"e4bccea31c84a01a\";\n",".dkan-c-cms-topnav--tagline {\n  color: #{var(--tag-line--color)};\n}\n\n.dkan-c-header--mobile {\n  .dkan-c-cms-topnav--tagline {\n    display: none;\n  }\n}\n\n.dkan-c-header--desktop {\n  .dkan-c-cms-topnav--tagline {\n    display: inline-flex;\n    align-items: center;\n    border-left: 1px solid #{var(--tag-line--border-color)};\n  }\n}\n",":root {\n  --header-nav-icon-link--desktop-width: 240px;\n  --header-nav-icon-link--mobile-width: 90px;\n}\n\n.dkan-c-header-nav-icon-link {\n  display: inline-flex;\n  align-items: center;\n  border-right: none;\n  a {\n    text-decoration: none;\n    border-bottom: none;\n    display: inline-block;\n  }\n  a:focus,\n  a:hover {\n    background-color: transparent;\n  }\n  &.show-back-arrow a::before {\n    font-family: 'Font Awesome 6 Pro';\n    content: '\\f33e';\n    color: #323a45;\n    font-size: 18px;\n    padding-right: 10px;\n    display: inline-block;\n    line-height: 18px;\n    height: 18px;\n    width: 18px;\n    margin-left: 10px;\n    text-align: center;\n    vertical-align: middle;\n    font-weight: lighter;\n  }\n  img {\n    height: auto;\n    display: inline-block;\n    vertical-align: middle;\n  }\n}\n\n.dkan-c-header--mobile {\n  .dkan-c-header-nav-icon-link img {\n    width: #{var(--header-nav-icon-link--mobile-width)};\n  }\n}\n\n.dkan-c-header--desktop {\n  .dkan-c-header-nav-icon-link img {\n    width: #{var(--header-nav-icon-link--desktop-width)};\n  }\n}\n",".dkan-c-cms-topnav {\n  height: 51px;\n}\n\n.dkan-c-cms-topnav > div {\n  height: 100%;\n}\n\n.dkan-c-cms-topnav .dkan-c-cms-topnav-menu a {\n  display: inline-block;\n  margin: 3px 7px;\n}\n\n.dkan-c-cms-topnav--menu ul {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.dkan-c-cms-topnav .dkan-c-cms-topnav--tagline {\n  height: 100%;\n  margin-left: 16px;\n}\n\n@media screen and (max-width: 544px) {\n  .dkan-c-cms-topnav {\n    display: none;\n  }\n}\n\n@media screen and (min-width: 1024px) {\n  .dkan-c-cms-topnav {\n    height: 85px;\n  }\n}\n",".dkan-c-site-menu--sub-menu {\n  list-style: none;\n  display: none;\n}\n\n.dkan-c-nav-submenu {\n  position: relative;\n}\n\n.dkan-c-nav-submenu.open .dkan-c-site-menu--sub-menu {\n  display: block;\n}\n\n.dkan-c-header--mobile {\n  .dkan-c-site-menu--sub-menu a svg {\n    display: none;\n  }\n}\n\n.dkan-c-header--desktop {\n  .dkan-c-site-menu--sub-menu {\n    background: #{var(--header-submenu--bg-color)};\n    position: absolute;\n    left: 0;\n    top: 48px;\n    margin: 0;\n    padding: 16px;\n    width: #{var(--header-submenu--width)};\n    a {\n      text-align: left;\n      display: flex;\n      padding: 16px;\n      span {\n        margin-left: 8px;\n        border-bottom-width: 2px;\n        border-bottom-style: solid;\n        border-bottom-color: transparent;\n      }\n    }\n    a:hover,\n    a:focus {\n      span {\n        border-bottom-color: #{var(--header-nav-link--mobile-color)};\n      }\n    }\n    z-index: 999;\n  }\n\n}\n",".dkan-c-main-navigation--search .dkan-c-header-search--modal-button {\n  span {\n    border-bottom-width: 2px;\n    border-bottom-style: solid;\n    border-bottom-color: transparent;\n  }\n}\n\n.dkan-c-header--mobile {\n  .dkan-c-nav-menu--mobile {\n    display: none;\n  }\n\n  .dkan-c-nav-menu--mobile .dkan-c-header-search--modal-button {\n    text-decoration: none;\n    color: #{var(--header-nav-link--mobile-color)};\n    &:hover,\n    &:focus {\n      color: #{var(--header-nav-link--mobile-color)};\n      span {\n        border-bottom-color: #{var(--header-nav-link--mobile-color)};\n      }\n    }\n  }\n}\n\n.dkan-c-header-search--modal-button {\n  &::before {\n    font-family: 'Font Awesome 6 Pro';\n    content: '\\f002';\n    font-size: 18px;\n    padding-right: 10px;\n    display: inline-block;\n    line-height: 18px;\n    height: 18px;\n    width: 18px;\n    margin-left: 10px;\n    text-align: center;\n    vertical-align: middle;\n    font-weight: lighter;\n    box-sizing: content-box\n  }\n}\n\n.dkan-c-main-navigation--search .dkan-c-header-search--modal-button {\n  color: #{var(--header-nav-search--color)};\n  text-decoration: none;\n  &:focus,\n  &:hover {\n    color: #{var(--header-nav-search--color)};\n    span {\n      border-bottom-color: #{var(--header-nav-search--color)};\n    }\n  }\n}\n\n.dkan-c-header--desktop {\n  .dkan-c-main-navigation--search {\n    border-left: 2px solid #{var(--header-nav-search--color)};\n  }\n  .dkan-c-nav-menu--desktop .dkan-c-main-navigation--search {\n    display: none;\n  }\n  \n}\n\n",".dkan-c-header--link-list {\n  list-style: none;\n}\n\n.dkan-c-header--wrapper {\n  flex-wrap: nowrap !important;\n}\n\n.dkan-c-header--link-list .dkan-c-header--link,\n.dkan-c-header--link-list .dkan-c-header--link + ul a {\n  span {\n    border-bottom-width: 2px;\n    border-bottom-style: solid;\n    border-bottom-color: transparent;\n  }\n}\n\n\n\n.dkan-c-header--mobile {\n  .dkan-c-header--link-list .dkan-c-header--link,\n  .dkan-c-header--link-list .dkan-c-header--link + ul a {\n    text-decoration: none;\n    color: #{var(--header-nav-link--mobile-color)};\n    &:hover,\n    &:focus {\n      color: #{var(--header-nav-link--mobile-color)};\n      span {\n        border-bottom-color: #{var(--header-nav-link--mobile-color)};\n      }\n    }\n  }\n\n  .dkan-c-nav-menu ul {\n    padding-inline-start: 0;\n  }\n\n  .dkan-c-nav-menu--close {\n    display: none;\n  }\n\n  .dkan-c-nav-menu--open {\n    flex: none;\n    max-width: 100%;\n    display: block;\n    position: fixed;\n    background-color: #{var(--header-mobile-bg-color)};\n    top: 0;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    padding: 50px 0;\n    z-index: 500;\n    // TODO: Need to rework, doesn't do anything with display none/block.\n    transition-property: left;\n    transition-duration: #{var(--mobile-nav-animation-time)};\n  }\n\n  .dkan-c-nav-menu .dkan-c-top-nav {\n    padding-top: 8px;\n    display: inherit;\n    &::before {\n      background: #{var(--color-primary-light)};\n      content: \"\";\n      width: 48px;\n      height: 2px;\n      margin-left: 24px;\n      display: block;\n      position: absolute;\n    }\n    \n    ul {\n      padding-top: 16px;\n    }\n  }\n}\n\n.dkan-c-header--desktop {\n  ul.dkan-c-header--link-list .dkan-c-header--link,\n  ul.dkan-c-header--link-list .dkan-c-header--link + ul a {\n    text-decoration: none;\n    color: #{var(--header-nav-link--color)};\n    padding: #{var(--space, 8px 8px)};\n    &:hover {\n      span {\n        border-bottom-color: #{var(--header-nav-link--color)};\n      }\n    }\n  }\n\n  .dkan-c-header--link-list {\n    margin-block: 0;\n  }\n\n  .dkan-c-main-nav {\n    display: flex;\n    flex-direction: row;\n    justify-content: end;\n  }\n\n  .dkan-c-nav-menu--mobile-close-button {\n    display: none;\n  }\n\n  .dkan-c-header--link-list {\n    display: flex;\n    flex-direction: row;\n  }\n\n  .dkan-c-nav-menu .dkan-c-top-nav {\n    display: none;\n  }\n}\n\n\n\n",":root {\n  --mobile-menu-button--color: #{var(--color-white)};\n  --mobile-menu-button--hover-color: #{var(--color-white)};\n}\n\n.dkan-c-header--desktop {\n  .dkan-c-mobile-menu-button {\n    display: none;\n  }\n}\n\n.dkan-c-header--mobile {\n  .dkan-c-mobile-menu-button {\n    display: inherit;\n  }\n}\n\nbutton.dkan-c-mobile-menu-button {\n  color: #{var(--mobile-menu-button--color)};\n  &::before {\n    font-family: 'Font Awesome 6 Pro';\n    color: #{var(--mobile-menu-button--color)};\n    font-size: 18px;\n    padding-right: 10px;\n    display: inline-block;\n    line-height: 18px;\n    height: 18px;\n    width: 18px;\n    margin-left: 10px;\n    text-align: center;\n    vertical-align: middle;\n    font-weight: lighter;\n    box-sizing: content-box\n  }\n  &:hover {\n    color: #{var(--mobile-menu-button--hover-color)};\n    &::before {\n      color: #{var(--mobile-menu-button--hover-color)};\n    }\n  }\n}\n\nbutton.dkan-c-mobile-menu-button--open {\n  &::before {\n    content: '\\f0c9';\n  }\n}\n",".dkan-c-cms-topnav-menu ul {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  justify-content: end;\n}\n","div.dkan-c-sidebar-nav .dkan-c--sidebar-nav-wrapper {\n  border-top: 8px solid var(--color-secondary) !important;\n  border-radius: 4px;\n}\n\n.dkan-c-sidebar-nav ul {\n  list-style: none;\n  display: block;\n  margin: 0;\n  padding: 0;\n}\n\n.dkan-c-sidebar-nav-link,\n.dkan-c-sidebar-nav-link:visited {\n  color: var(--color-base);\n  text-decoration: none;\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n.dkan-c-sidebar-nav-link-status {\n  border: 2px solid var(--color-gray-lighter);\n  border-radius: 2px;\n}\n\n.active .dkan-c-sidebar-nav-link-status {\n  border: 2px solid var(--color-primary-darker);\n  border-radius: 2px;\n}\n\n.dkan-c-sidebar-nav--mobile {\n  margin-bottom: 32px;\n  .dkan-c-sidebar-nav-menu--open {\n    display: inherit;\n  }\n  \n  .dkan-c-sidebar-nav-menu--close {\n    display: none;\n  }\n\n  .dkan-c-sidebar-nav--mobile-header {\n    display: flex;\n    margin-top: -32px;\n  }\n}\n\n.dkan-c-sidebar-nav--desktop .dkan-c-sidebar-nav--mobile-header {\n  display: none;\n}\n\n\n.dkan-c-sidebar-nav--mobile  {\n  display: inherit;\n}\n","/*\nThis document provides overrides to Swagger UI, fixing accessibility issues.\n*/\n\n:root {\n  //Colors\n  --su-color--blue-dark: rgb(0, 51, 102);\n  --su-color--brown: rgba(136, 76, 0, 1);\n  --su-color--green-dark: rgb(0, 118, 65);\n  --su-color--green-muted: rgb(39, 117, 100);\n  --su-color--orange-dark: rgb(209, 0, 0);\n  --su-color--orange-light: rgba(209, 0, 0, .1);\n  --su-color--red-dark: rgb(151, 0, 0);\n  --su-color--red-light: rgba(211, 0, 0, .1);\n  --su-color--red: rgb(211, 0, 0);\n}\n// State  `.swagger-ui` twice to include specificity and avoid multiple `!important` statements;\n.swagger-ui.swagger-ui {\n  .opblock {\n    .opblock-summary-method {\n      color: #333;\n    }\n\n    &.opblock-delete {\n      background-color: var(--su-color--red-light);\n      border-color: var(--su-color--red);\n\n      .opblock-summary-method {\n        color: white;\n\n        background-color: var(--su-color--red-dark);\n      }\n    }\n\n    &.opblock-put {\n      .opblock-summary-method {\n        background-color: var(--su-color--brown);\n        color: white;\n      }\n    }\n  }\n\n  .parameter__name {\n    &.required {\n      span {\n        color: var(--su-color--red);\n      }\n\n      &:after {\n        color: var(--su-color--red);\n      }\n    }\n  }\n\n  .btn {\n    &.cancel {\n      border-color: var(--su-color--red);\n      color: var(--su-color--red);\n    }\n\n    &.authorize {\n      border-color: var(--su-color--green-muted);\n      background-color: var(--su-color--green-muted);\n    }\n\n    &.execute {\n      background-color: var(--su-color--blue-dark)\n    }\n  }\n\n  .info {\n    .title {\n      small {\n        background-color: #666;\n\n        &.version-stamp {\n          background-color: #005830;\n        }\n      }\n    }\n\n    a {\n      color: #036;\n    }\n  }\n\n  .model-hint {\n    max-width: 100%;\n    word-wrap: break-word;\n    white-space: normal;\n    top: 1.5em;\n  }\n  section.models .model-container {\n    overflow-x: auto;\n  }\n  table {\n    min-width: 500px;\n\n    &.model tbody tr td:first-of-type  {\n      min-width: 174px;\n    }\n  }\n\n  .table-container, .responses-inner {\n    overflow: scroll;\n  }\n}\n\n.swagger-ui h2, .swagger-ui h3, .swagger-ui h4 {\n  font-weight: bold !important;\n}\n\n.swagger-ui div.wrapper {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n// Fix issue on mobile with text on accordion looking weird.\n\n@media (width <= 544px) {\n  .swagger-ui .opblock-tag-section .opblock-tag small {\n    flex: initial;\n  }\n}\n",".dc-c-search-list-item {\n  list-style: none;\n  li {\n    list-style: none;\n\n    a,\n    button {\n      text-decoration: underline !important;\n    }\n    a svg,\n    span svg {\n      fill: #{var(--link__color)};\n    }\n  }\n  svg {\n    margin-right: 8px;\n  }\n  span > span > button {\n    font-weight: normal !important;\n    padding: 0 !important;\n  }\n  a:visited svg {\n    fill: #{var(--link__color--visited)};\n  }\n}",".dkan-dataset-search {\n  position: relative;\n  input {\n    min-width: 100%;\n    @media only screen and (min-width: 544px) {\n      padding-left: 32px;\n    }\n  }\n  div.--alt-style input {\n    @media only screen and (max-width: 544px) {\n      --text-input__border-radius: 50px;\n      --text-input__border-color: #c6b7b7;\n      height: 61px;\n    }\n  }\n\n  .ds-c-field__before {\n    left: 16px;\n    top: 12px;\n  }\n  .dc-c-search-button-mobile {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n    position: absolute;\n    right: 18px;\n    top: 2px;\n    z-index: 1000;\n    height: 57px;\n  }\n}\n\n.dkan-dataset-search--facet-container {\n  ul {\n    list-style: none;\n    padding-left: 0px;\n  }\n}\n\n.dkan-dataset-search--clear-all-filters {\n  width: 100%;\n}\n\n.dc-c-search-list-item li a svg,\n.dc-c-search-list-item li span svg {\n  fill: #{var(--link__color)};\n}\n\n.dc-c-search-list-item li a:visited svg {\n  fill: #{var(--link__color--visited)};\n}\n",".dc-dataset-search-list {\n  list-style: none;\n}\n\n.dc-search-header {\n  display: relative;\n  &::after {\n    content: '';\n    display: block;\n    width: 48px;\n    height: 4px;\n    margin: 16px 0;\n    background-color: #{var(--color-primary-light)};\n  }\n}\n\n.dataset-results-count {\n  font-weight: bold;\n}\n\n.dkan-dataset-search--facet-container .ds-c-accordion__content {\n  max-height: 32rem;\n}\n\n.dc-dataset-search--clear-all-filters {\n  width: 100%;\n}\n\n.dkan-dataset-search {\n  position: relative;\n  input {\n    min-width: 100%;\n    @media only screen and (min-width: 544px) {\n      padding-left: 32px;\n    }\n  }\n  .ds-c-field__before {\n    left: 16px;\n    top: 12px;\n  }\n}",".dc-c-additional-info-table {\n  table {\n    width: 100%;\n  }\n}\n\n.dc-c-additional-info-table a {\n  word-break: break-all;\n}\n\n.ds-u-word-break-anywhere {\n  word-break: break-word;\n  overflow-wrap: anywhere;\n}\n","ul.dc-c-resource-full-width {\n  width: 100%;\n}\n",".dc-c-datadictionary-table .dc-c-datatable th, .dc-c-datadictionary-table .dc-c-datatable td {\n  border-left: 0;\n  border-right: 0;\n}",".dc-c-tooltip-width-override .ds-c-tooltip {\n  width: 500px;\n}",".dc-resource-header {\n  &::before {\n    content: '';\n    display: block;\n    width: 48px;\n    height: 4px;\n    margin: 8px 0;\n    background-color: #{var(--color-primary-light)};\n  }\n}\n\n.dc-truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.dc-c-metadata-description {\n  white-space: pre-line;\n  ul {\n    list-style-type: unset;\n  }\n}\n\n.dc-dataset .ds-c-tabs {\n  .ds-c-tabs__item {\n    text-decoration:none;\n    svg {\n      fill: #{var(--link__color)};\n    }\n  }\n  svg {\n    margin-right: 8px;\n  }\n}\n\n#main-content {\n  overflow: visible;\n}\n\n.dc-c-word-break--all {\n  word-break: break-all;\n}",".dc-c-datatable {\n  width: 100%;\n  border-spacing: 0px;\n  thead > .dc-c-sticky-header {\n    position: sticky;\n    top: 0;\n    background-color: white;\n  }\n  th {\n    position: relative;\n    text-align: left;\n  }\n  thead th div {\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n  }\n}\n\n.dc-c-datatable-wrapper {\n  overflow: auto;\n  display: grid;\n}\n\n.dc-thead--fixed-size th {\n  border-left: 2px solid var(--color-border);\n}\n\n.dc-thead--fixed-size th:first-child {\n  border-left: none;\n}\n\n.dc-thead--resizeable {\n  .dc-c-resize-handle {\n    top: 0;\n    bottom: 0;\n    right: 0;\n    position: absolute !important;\n    background-color: #{var(--color-gray-light)};\n    width: 10px;\n    cursor: col-resize;\n    min-width: 10px;\n    display: block;\n    margin-left: -10px;\n    padding: 0;\n    border: none;\n    z-index: 1;\n    &.isResizing,\n    &:hover {\n      background-color: #{var(--color-primary)};\n    }\n  }\n}\n\nthead.dc-thead--truncated {\n  th > div {\n    align-items: stretch; \n\n    > div {\n      overflow: hidden;\n      flex: 1 1 auto;\n      position: relative;\n  \n      > span {\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        display: inline-block;\n        overflow: hidden;\n        position: absolute;\n        left: 0;\n        width: 100%;\n  \n        .ds-c-tooltip__container {\n          white-space: wrap;\n          font-weight: normal;\n        }\n      }\n    }\n  }\n  th p {\n    white-space: normal;\n  }\n}\n\ndiv.dc-c-datadictionary-table thead.dc-thead--truncated th > div > div {\n  overflow: visible;\n  > span {\n    overflow: visible;\n  }\n}\n\n.dc-c-datatable--even-row td {\n  background-color: #{var(--table__background-color--striped)};\n}\n\n.dc-c-datatable--highlight-row td {\n  background-color: #{var(--color-info-lighter)}\n}\n\n.dc-c-sort--default,\n.dc-c-sort--asc,\n.dc-c-sort--desc {\n  padding-left: 8px;\n  padding-right: 16px;\n  border: none;\n  background: none;\n  &::after {\n    font-family: 'Font Awesome 6 Pro';\n    display: inline;\n    padding-left: 8px;\n    line-height: 18px;\n    height: 18px;\n    width: 18px;\n  }\n}\n\n.dc-c-sort--default::after {\n  content: '\\f0dc';\n}\n.dc-c-sort--asc::after {\n  content: '\\f0de';\n}\n.dc-c-sort--desc::after {\n  content: '\\f0dd';\n}\n","dialog.dkan-manage-columns-dialog {\n  height: 80vh;\n  width: 100%;\n  .ds-c-dialog__window {\n    min-width: 768px; // TODO responsive\n    padding: 0;\n    .ds-c-dialog__header {\n      padding: 24px;\n    }\n  }\n  .dkan-manage-columns-list {\n    list-style: none;\n    gap: 0;\n    max-height: 350px; // TODO responsive\n    margin: 0;\n    padding: 0;\n    overflow-y: auto;\n\n    li {\n      cursor: pointer;\n    }\n\n    .ds-c-choice-wrapper {\n      margin-top: 0;\n    }\n\n    .dkan-manage-columns-reorder-button {\n      background: none;\n      border: none;\n\n      &.grabbed {\n        background-color: var(--color-primary-lighter);\n      }\n    }\n  }\n}\n\n@media screen and (max-width: 767px) {\n  dialog.dkan-manage-columns-dialog  {\n    height: 100%;\n    .ds-c-dialog__window {\n      margin-top: 0;\n      width: 100%;\n      min-width: auto;\n      height: 100%;\n    }\n    .ds-c-dialog__body > div:not(.ds-c-dialog__actions) {\n      display: flex;\n      flex-direction: column;\n    }\n    .dkan-manage-columns-list {\n      max-height: calc(100vh - 435px); /* approx height of all other dialog elements */\n    }\n\n    .ds-c-dialog__actions {\n      position:absolute;\n      bottom: 0;\n      background-color: white;\n      padding-top: 16px;\n    }\n  }\n}","dialog.dkan-full-screen-dataset-dialog > .ds-c-dialog__window {\n  width: 100%;\n  max-width: 100%;\n  margin: 0;\n\n  form {\n    max-width: 1024px;\n  }\n\n  .dkan-datatable-fullscreen-mode {\n    max-height: calc(100vh - 415px);\n    min-height: calc(100vh - 415px);\n    overflow: hidden;\n\n    .dc-c-datatable-wrapper {\n      max-height: calc(100vh - 473px);\n    }\n  }\n}",":root {\n  --mobile-nav-animation-time: 1s;\n  --cms-top-nav-height: 87px;\n  --main-nav-height: 100px;\n  --header-bg-color: #{var(--color-primary)};\n  --header-bg-image: linear-gradient(90deg, var(--color-primary-darkest) 10%, var(--color-primary) 90%);\n  --header-nav-link--color: #{var(--color-white)};\n  --header-nav-link--mobile-color: #{var(--color-white)};\n  --header-mobile-bg-color: #{var(--color-gray-dark)};\n  --header-submenu--bg-color: #{var(--color-primary)};\n  --header-submenu--width: 300px;\n  --header-nav-search--color: #{var(--color-white)};\n  --tag-line--color: #6f757c;\n  --tag-line--border-color: #6f757c;\n}\n\n.dkan-c-main-navigation > div > div {\n  height: #{var(--main-nav-height)};\n}\n\n.dkan-c-header .dkan-c-main-navigation {\n  background-color: #{var(--header-bg-color)};\n  background-image: #{var(--header-bg-image)};\n}\n\n.ds-c-usa-banner__button-text {\n  &::after {\n    width: 0 !important;\n    height: 0 !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n}\n\n.dc-c-mobile-menu--open {\n  color: #{var(--color-white)};\n  text-decoration: none;\n  &::before {\n    font-family: 'Font Awesome 6 Pro';\n    content: '\\f0c9';\n    color: #{var(--color-white)};\n    font-size: 18px;\n    padding-right: 10px;\n    display: inline-block;\n    line-height: 18px;\n    height: 18px;\n    width: 18px;\n    margin-left: 10px;\n    text-align: center;\n    vertical-align: middle;\n    font-weight: lighter;\n  }\n}\n\n.dc-c-mobile-menu--close {\n  color: #{var(--color-white)};\n  text-decoration: none;\n  padding-left: 0;\n  padding-bottom: 16px;\n  &::before {\n    font-family: 'Font Awesome 6 Pro';\n    content: '\\f00d';\n    color: #{var(--color-white)};\n    font-size: 18px;\n    padding-right: 10px;\n    display: inline-block;\n    line-height: 18px;\n    height: 18px;\n    width: 18px;\n    text-align: center;\n    vertical-align: middle;\n    font-weight: lighter;\n  }\n}\n\n.dc-c-mobile-header--menu {\n  position: fixed;\n  background-color: #{var(--color-gray-dark)};\n  top: 0;\n  bottom: 0;\n  left: -100%;\n  z-index: 500;\n  height: 100%;\n  width: 100%;\n  transition: left 0.7s;\n  padding: 50px 0;\n  visibility: hidden;\n}\n\n.dc-c-cmsheader {\n  position: relative;\n  background: #{var(--color-white)};\n}\n\n.dc-c-cms-mobile-header-menu {\n  &::before {\n    display: block;\n    margin-left: 8px;\n    margin-bottom: 16px;\n    width: 48px;\n    height: 2px;\n    background: #{var(--color-primary-light)};\n    content: '';\n  }\n  ul {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n  a,\n  a:hover,\n  a:focus,\n  a:visited {\n    background-color: transparent;\n    display: inline-block;\n    color: #{var(--color-white)};\n    text-decoration: none;\n    border-bottom: 2px solid transparent;\n  }\n  a:hover,\n  a:active {\n    border-bottom: 2px solid #{var(--color-primary-light)};\n  }\n}\n\n.dc-c-header--mobile-links {\n  button {\n    padding: 0;\n    font-weight: 700;\n  }\n  a {\n    display: block;\n  }\n}\n\n.dc-c-mobile-header.menu-open {\n  .dc-c-cmsheader {\n    z-index: 501;\n    background-color: transparent;\n  }\n  .dc-c-cmsheader-menu a,\n  button {\n    color: #{var(--color-white)};\n  }\n  .cms-link-container a::before {\n    color: #{var(--color-white)};\n  }\n  .dc-c-mobile-header--menu {\n    left: 0;\n    visibility: visible;\n  }\n}\n\n.cms-text-container {\n  display: block;\n  padding-top: 28px;\n  color: #6f757c;\n}\n\n.dc-c-cmsheader-menu {\n  padding: 0;\n  margin: 0;\n  li {\n    list-style: none;\n  }\n  a {\n    margin: 3px 7px;\n    padding: 0;\n    color: #323a45;\n    text-decoration: none;\n    border-bottom: 1px solid;\n    border-bottom-color: #eee;\n    border-bottom-color: rgba(255, 255, 255, 0.2);\n  }\n  a:hover,\n  a:active {\n    border-bottom: 2px solid #323a45;\n  }\n}\n\n@media (min-width: 544px) {\n  .dc-c-main-navigation--search,\n  .dc-c-mobile-menu--search {\n    border-left: 1px solid #{var(--color-white)};\n  }\n}\n\nnav.dc-c-site-menu {\n  .dc-c-header--links {\n    padding: 0;\n    margin: 0;\n    li {\n      list-style: none;\n      height: 100%;\n    }\n    button {\n      // color: #{var(--color-white)};\n      text-decoration: none;\n      font-size: 16px;\n      border: none;\n      span {\n        border-bottom: 2px solid transparent;\n      }\n    }\n    a {\n      text-decoration: none;\n      padding: #{var(--space, 8px 24px)};\n      span {\n        border-bottom: 2px solid transparent;\n      }\n    }\n    > li:hover > button span,\n    > li button:focus span,\n    > li button:hover span,\n    > li:hover > a span,\n    > li:focus > a span,\n    > li a:hover span,\n    > li a:focus span {\n      border-bottom: 2px solid #{var(--color-primary-light)};\n    }\n  }\n}\n\nnav.dc-c-site-menu .dc-c-header--links a:focus,\n.dc-c-site-title a:focus {\n  background-color: transparent;\n  outline: 3px solid transparent;\n  box-shadow: 0 0 0 3px #{var(--color-focus-light)}, 0 0 4px 6px #{var(--color-focus-dark)};\n  outline-offset: 3px;\n  border-radius: #{var(--button__border-radius)};\n  text-decoration: none;\n}\n\n.dc-c-site-title a {\n  text-decoration: none;\n}\n\n.dc-c-mobile-menu--search {\n  display: inherit;\n}\n\n.dc-c-search-modal--button {\n  &::before {\n    font-family: 'Font Awesome 6 Pro';\n    content: '\\f002';\n    color: #{var(--color-white)};\n    font-size: 18px;\n    padding-right: 10px;\n    display: inline-block;\n    line-height: 18px;\n    height: 18px;\n    width: 18px;\n    margin-left: 10px;\n    text-align: center;\n    vertical-align: middle;\n    font-weight: lighter;\n    box-sizing: content-box\n  }\n}\n","nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {\n  border-bottom: 2px solid #{var(--color-primary-light)};\n}",".ds-c-button.display-settings-font {\n  font: inherit;\n}",".dc-c-breadcrumb__list {\n  margin-top: 0;\n  margin-bottom: 0;\n  list-style-type: none;\n  padding-left: 0;\n  > li {\n    margin-bottom: 0;\n    max-width: unset;\n    &::after {\n      font-family: 'Font Awesome 6 Pro';\n      content: '\\f054';\n      margin: 0 10px;\n      font-size: 10px;\n      font-weight: 600;\n    }\n    &:last-child {\n      &::after {\n        content: '';\n        margin: 0;\n      }\n    }\n  }\n  display: block;\n}\n\n.dc-c-breadcrumb__list-item {\n  display: inline-block;\n}\n\n.dc-c-breadcrumb__link {\n  display: inline;\n}\n",".dc-query-builder > .ds-c-accordion > .ds-c-accordion__content {\n  overflow: visible;\n}\n.dc-query-builder .react-datepicker select {\n  background-image: none;\n}",".dc-c-resource-header .data-table-results {\n  margin: 0;\n}\n\n.dc-c-resource-header--buttons {\n  display: flex;\n}\n"],"names":[],"version":3,"file":"main.css.map"}

package/dist/main.js

@@ -1,8 +1,8 @@
 import "./main.css";
-import {jsxs as $hgUW1$jsxs, jsx as $hgUW1$jsx, Fragment as $hgUW1$Fragment} from "react/jsx-runtime";
+import {jsx as $hgUW1$jsx, jsxs as $hgUW1$jsxs, Fragment as $hgUW1$Fragment} from "react/jsx-runtime";
+import {Accordion as $hgUW1$Accordion, AccordionItem as $hgUW1$AccordionItem, Button as $hgUW1$Button, CloseIconThin as $hgUW1$CloseIconThin, ArrowIcon as $hgUW1$ArrowIcon, Dialog as $hgUW1$Dialog, TextField as $hgUW1$TextField, Spinner as $hgUW1$Spinner, Dropdown as $hgUW1$Dropdown, Alert as $hgUW1$Alert, Pagination as $hgUW1$Pagination, Choice as $hgUW1$Choice, Tabs as $hgUW1$Tabs, TabPanel as $hgUW1$TabPanel, Table as $hgUW1$Table, TableBody as $hgUW1$TableBody, TableRow as $hgUW1$TableRow, TableCell as $hgUW1$TableCell, Tooltip as $hgUW1$Tooltip, TooltipIcon as $hgUW1$TooltipIcon, TableHead as $hgUW1$TableHead, Badge as $hgUW1$Badge} from "@cmsgov/design-system";
 import $hgUW1$react, {createContext as $hgUW1$createContext, useState as $hgUW1$useState, useRef as $hgUW1$useRef, useEffect as $hgUW1$useEffect, useMemo as $hgUW1$useMemo, useContext as $hgUW1$useContext, useCallback as $hgUW1$useCallback} from "react";
 import {NavLink as $hgUW1$NavLink, useNavigate as $hgUW1$useNavigate, useLocation as $hgUW1$useLocation, useSearchParams as $hgUW1$useSearchParams, Link as $hgUW1$Link} from "react-router-dom";
-import {Button as $hgUW1$Button, Accordion as $hgUW1$Accordion, AccordionItem as $hgUW1$AccordionItem, CloseIconThin as $hgUW1$CloseIconThin, ArrowIcon as $hgUW1$ArrowIcon, Dialog as $hgUW1$Dialog, TextField as $hgUW1$TextField, Spinner as $hgUW1$Spinner, Dropdown as $hgUW1$Dropdown, Alert as $hgUW1$Alert, Pagination as $hgUW1$Pagination, Choice as $hgUW1$Choice, Tabs as $hgUW1$Tabs, TabPanel as $hgUW1$TabPanel, Table as $hgUW1$Table, TableBody as $hgUW1$TableBody, TableRow as $hgUW1$TableRow, TableCell as $hgUW1$TableCell, Tooltip as $hgUW1$Tooltip, TooltipIcon as $hgUW1$TooltipIcon, TableHead as $hgUW1$TableHead, Badge as $hgUW1$Badge} from "@cmsgov/design-system";
 import {useMediaQuery as $hgUW1$useMediaQuery} from "react-responsive";
 import $hgUW1$qs from "qs";
 import $hgUW1$swaggeruireact from "swagger-ui-react";
@@ -23,6 +23,35 @@ import "react-datepicker/dist/react-datepicker.css";
 // Components
 
 
+function $e49d4387bed21287$export$2e2bcd8739ae039() {
+    return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+        className: "ds-u-padding-top--3",
+        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Accordion), {
+            bordered: true,
+            children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$AccordionItem), {
+                heading: "Row Limit Warning",
+                children: /*#__PURE__*/ (0, $hgUW1$jsxs)("p", {
+                    children: [
+                        'If you receive a 500 response from your API query it is most likely due to memory exhaustion. You may see a "Temporarily Unavailable" message. Make sure you include a limit appropriate to the speed of your connection, HTTP calls will time out if set too high and payloads for high limits can be very large. Complex queries should include a smaller limit value. Use the ',
+                        /*#__PURE__*/ (0, $hgUW1$jsx)("strong", {
+                            children: "limit"
+                        }),
+                        " and ",
+                        /*#__PURE__*/ (0, $hgUW1$jsx)("strong", {
+                            children: "offset"
+                        }),
+                        " ",
+                        "parameters to iterate through result sets that are larger than the row limit when running queries against the datastore API."
+                    ]
+                })
+            }, "1")
+        })
+    });
+}
+
+
+
+
 
 
 
@@ -679,22 +708,28 @@ var $b0968edc60d7d3a4$export$2e2bcd8739ae039 = $b0968edc60d7d3a4$var$SidebarPage
 
 
 
-const $c96c4b9ef7203c1f$var$APIPage = ({ hideAuth: hideAuth = true, additionalParams: additionalParams, rootUrl: rootUrl })=>{
+
+const $c96c4b9ef7203c1f$var$APIPage = ({ hideAuth: hideAuth = true, additionalParams: additionalParams, rootUrl: rootUrl, showRowLimitNotice: showRowLimitNotice = false })=>{
     const hasACA = additionalParams && additionalParams.ACA ? true : false;
     let params = {
         authentication: hideAuth ? false : undefined,
         ACA: hasACA ? additionalParams.ACA : undefined,
         redirect: hasACA ? false : undefined
     };
-    return /*#__PURE__*/ (0, $hgUW1$jsx)("section", {
-        className: "ds-l-container",
-        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$swaggeruireact), {
-            url: `${rootUrl}${(0, $hgUW1$qs).stringify(params, {
-                addQueryPrefix: true
-            })}`,
-            docExpansion: "list",
-            defaultModelsExpandDepth: -1
-        })
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
+        children: [
+            showRowLimitNotice && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $e49d4387bed21287$export$2e2bcd8739ae039), {}),
+            /*#__PURE__*/ (0, $hgUW1$jsx)("section", {
+                className: "ds-l-container",
+                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$swaggeruireact), {
+                    url: `${rootUrl}${(0, $hgUW1$qs).stringify(params, {
+                        addQueryPrefix: true
+                    })}`,
+                    docExpansion: "list",
+                    defaultModelsExpandDepth: -1
+                })
+            })
+        ]
     });
 };
 var $c96c4b9ef7203c1f$export$2e2bcd8739ae039 = $c96c4b9ef7203c1f$var$APIPage;
@@ -1192,8 +1227,11 @@ const $e011250e8a3bd5e5$var$SearchFacets = (props)=>{
                 contentClassName: "ds-u-padding-left--1 ds-u-padding-right--0",
                 heading: title,
                 defaultOpen: true,
-                children: /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
-                    children: filteredFacets.length ? filteredFacets.map((f)=>{
+                children: !filteredFacets.length ? /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+                    className: "ds-text-heading--md",
+                    children: "No matching facets found."
+                }) : /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
+                    children: filteredFacets.map((f)=>{
                         return /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
                             children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Choice), {
                                 className: "ds-u-margin-y--1",
@@ -1205,9 +1243,6 @@ const $e011250e8a3bd5e5$var$SearchFacets = (props)=>{
                                 onClick: ()=>onClickFunction(f.type, f.name)
                             })
                         }, f.name);
-                    }) : /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
-                        className: "ds-text-heading--md",
-                        children: "No matching facets found."
                     })
                 })
             })
@@ -1404,6 +1439,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
         endingNumber: 0
     });
     const [noResults, setNoResults] = (0, $hgUW1$useState)(false);
+    const [announcementText, setAnnouncementText] = (0, $hgUW1$useState)("");
     let [searchParams, setSearchParams] = (0, $hgUW1$useSearchParams)();
     const [fulltext, setFullText] = (0, $hgUW1$useState)(transformedParams.fulltext);
     const [filterText, setFilterText] = (0, $hgUW1$useState)(transformedParams.fulltext);
@@ -1474,7 +1510,10 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
             startingNumber: Number(totalItems) >= startingNumber ? startingNumber : 0,
             endingNumber: Number(totalItems) < endingNumber ? Number(totalItems) : endingNumber
         });
-        if (totalItems && totalItems <= 0 && currentResultNumbers !== null) setNoResults(true);
+        setTimeout(()=>{
+            setAnnouncementText(`Showing ${startingNumber} to ${endingNumber} of ${totalItems} datasets`);
+        }, 100);
+        if (totalItems <= 0 && currentResultNumbers !== null) setNoResults(true);
         else setNoResults(false);
     }, [
         totalItems,
@@ -1635,24 +1674,34 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
                                         /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
                                             className: "ds-u-display--flex ds-u-justify-content--between ds-u-align-items--end ds-u-flex-wrap--reverse ds-u-sm-flex-wrap--wrap",
                                             children: [
-                                                enablePagination && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                                enablePagination && /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
                                                     className: "ds-l-col--12 ds-l-sm-col--6 ds-l-md-col--8",
-                                                    children: currentResultNumbers && data && /*#__PURE__*/ (0, $hgUW1$jsxs)("p", {
-                                                        className: "ds-u-margin-y--0",
-                                                        role: "region",
-                                                        "aria-live": "polite",
-                                                        "data-testid": "currentResults",
-                                                        children: [
-                                                            "Showing ",
-                                                            currentResultNumbers.startingNumber,
-                                                            " -",
-                                                            " ",
-                                                            currentResultNumbers.endingNumber,
-                                                            " of ",
-                                                            data ? data.data.total : "",
-                                                            " datasets"
-                                                        ]
-                                                    })
+                                                    children: [
+                                                        /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+                                                            className: "ds-u-margin-y--0",
+                                                            "aria-hidden": "true",
+                                                            children: currentResultNumbers && data && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
+                                                                children: [
+                                                                    "Showing ",
+                                                                    currentResultNumbers.startingNumber,
+                                                                    " -",
+                                                                    " ",
+                                                                    currentResultNumbers.endingNumber,
+                                                                    " of ",
+                                                                    data.data.total,
+                                                                    " datasets"
+                                                                ]
+                                                            })
+                                                        }),
+                                                        /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+                                                            className: "ds-u-visibility--screen-reader",
+                                                            role: "status",
+                                                            "aria-live": "assertive",
+                                                            "aria-atomic": "true",
+                                                            "data-testid": "currentResults",
+                                                            children: announcementText
+                                                        })
+                                                    ]
                                                 }),
                                                 enableSort && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                                                     className: "ds-l-col--12 ds-l-sm-col--6 ds-l-md-col--4 ds-u-sm-padding-right--0",
@@ -1799,6 +1848,9 @@ const $1d3d480a9cfaabe0$var$useDatastore = (resourceId, rootAPIUrl, options, add
     const [limit, setLimit] = (0, $hgUW1$useState)(options.limit ? options.limit : 20);
     const [count, setCount] = (0, $hgUW1$useState)(null);
     const [columns, setColumns] = (0, $hgUW1$useState)([]);
+    // unfiltered row / column count for overview tab
+    const [totalRows, setTotalRows] = (0, $hgUW1$useState)(0);
+    const [totalColumns, setTotalColumns] = (0, $hgUW1$useState)(0);
     const [offset, setOffset] = (0, $hgUW1$useState)(options.offset ? options.offset : 0);
     const [conditions, setConditions] = (0, $hgUW1$useState)(options.conditions ? options.conditions : undefined);
     const requireConditions = options.requireConditions;
@@ -1833,6 +1885,19 @@ const $1d3d480a9cfaabe0$var$useDatastore = (resourceId, rootAPIUrl, options, add
         },
         enabled: enabled
     });
+    const { data: unfiltered } = (0, $hgUW1$useQuery)({
+        queryKey: [
+            "datastore" + id + "-unfilteredRowsAndCols"
+        ],
+        queryFn: ()=>{
+            const unfilteredParams = {
+                results: false,
+                count: true,
+                schema: true
+            };
+            return fetch(`${rootUrl}/datastore/query/${id}?${(0, $hgUW1$qs).stringify(unfilteredParams)}`).then((res)=>res.json());
+        }
+    });
     (0, $hgUW1$useEffect)(()=>{
         if (data) {
             const propertyKeys = data.schema && data.schema[id] && data.schema[id].fields ? Object.keys(data.schema[id].fields) : [];
@@ -1843,11 +1908,21 @@ const $1d3d480a9cfaabe0$var$useDatastore = (resourceId, rootAPIUrl, options, add
     }, [
         data
     ]);
+    (0, $hgUW1$useEffect)(()=>{
+        if (unfiltered) {
+            if (unfiltered.count) setTotalRows(unfiltered.count);
+            if (unfiltered.schema && unfiltered.schema[id] && unfiltered.schema[id].fields) setTotalColumns(Object.keys(unfiltered.schema[id].fields).length);
+        }
+    }, [
+        unfiltered
+    ]);
     return {
         loading: enabled ? isPending : false,
         values: values,
         count: count,
         columns: columns,
+        totalRows: totalRows,
+        totalColumns: totalColumns,
         limit: limit,
         offset: offset,
         schema: schema,
@@ -2172,7 +2247,7 @@ var $5644ebd2c3dbfd7b$export$2e2bcd8739ae039 = $5644ebd2c3dbfd7b$var$DatasetAddi
 
 
 const $0958733ee130fc44$var$ResourceInformation = ({ resource: resource })=>{
-    const { count: count, columns: columns } = resource;
+    const { totalRows: totalRows, totalColumns: totalColumns } = resource;
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
         className: "dc-c-resource-info-table ds-l-col--12 ds-u-padding-left--0 ds-u-margin-y--2",
         children: [
@@ -2192,7 +2267,7 @@ const $0958733ee130fc44$var$ResourceInformation = ({ resource: resource })=>{
                             }),
                             /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                                 className: "ds-u-font-weight--bold",
-                                children: count ? count.toLocaleString() : ""
+                                children: totalRows.toLocaleString()
                             })
                         ]
                     }),
@@ -2206,7 +2281,7 @@ const $0958733ee130fc44$var$ResourceInformation = ({ resource: resource })=>{
                                 }),
                                 /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                                     className: "ds-u-font-weight--bold",
-                                    children: columns.length.toLocaleString()
+                                    children: totalColumns.toLocaleString()
                                 })
                             ]
                         })
@@ -2418,7 +2493,8 @@ const $789279954d8eff7f$var$ApiDocumentation = ({ endpoint: endpoint })=>{
 var $789279954d8eff7f$export$2e2bcd8739ae039 = $789279954d8eff7f$var$ApiDocumentation;
 
 
-const $cf6eaefd6b928de3$var$DatasetAPI = ({ id: id, rootUrl: rootUrl, apiUrl: apiUrl, additionalParams: additionalParams })=>{
+
+const $cf6eaefd6b928de3$var$DatasetAPI = ({ id: id, rootUrl: rootUrl, apiUrl: apiUrl, additionalParams: additionalParams, showRowLimitNotice: showRowLimitNotice = false })=>{
     return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
         children: [
             /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
@@ -2433,7 +2509,8 @@ const $cf6eaefd6b928de3$var$DatasetAPI = ({ id: id, rootUrl: rootUrl, apiUrl: ap
                             }),
                             /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
                                 children: "The Open Data API (ODA) provides programmatic access to this dataset including the ability to filter, query, and aggregate data."
-                            })
+                            }),
+                            showRowLimitNotice && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $e49d4387bed21287$export$2e2bcd8739ae039), {})
                         ]
                     }),
                     /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
@@ -2843,7 +2920,8 @@ const $a6e312940f7003ef$var$DatasetDictionaryTable = ({ datasetDictionary: datas
                         })
                     ]
                 }),
-            size: 300
+            size: 300,
+            minSize: 132
         }),
         columnHelper.accessor("description", {
             header: "Description",
@@ -4520,7 +4598,7 @@ const $a0f13962e513caa1$var$getDataDictionary = (dataDictionaryUrl, additionalPa
         dataDictionaryLoading: isPending
     };
 };
-const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, additionalParams: additionalParams, customColumns: customColumns, setDatasetTitle: setDatasetTitle, customMetadataMapping: customMetadataMapping, apiPageUrl: apiPageUrl = "/api", dataDictionaryUrl: dataDictionaryUrl, borderlessTabs: borderlessTabs = false, defaultPageSize: defaultPageSize = 25, dataDictionaryCSV: dataDictionaryCSV = false, dataDictionaryBanner: dataDictionaryBanner = false, disableTableControls: disableTableControls = false, hideDataDictionary: hideDataDictionary = false, customDescription: customDescription, updateAriaLive: updateAriaLive })=>{
+const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, additionalParams: additionalParams, customColumns: customColumns, setDatasetTitle: setDatasetTitle, customMetadataMapping: customMetadataMapping, apiPageUrl: apiPageUrl = "/api", dataDictionaryUrl: dataDictionaryUrl, borderlessTabs: borderlessTabs = false, defaultPageSize: defaultPageSize = 25, dataDictionaryCSV: dataDictionaryCSV = false, dataDictionaryBanner: dataDictionaryBanner = false, disableTableControls: disableTableControls = false, hideDataDictionary: hideDataDictionary = false, customDescription: customDescription, updateAriaLive: updateAriaLive, showRowLimitNotice: showRowLimitNotice = false })=>{
     const options = location.search ? {
         ...(0, $hgUW1$qs).parse(location.search, {
             ignoreQueryPrefix: true
@@ -4741,7 +4819,8 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, additionalPar
                                         id: id,
                                         rootUrl: rootUrl,
                                         apiUrl: apiPageUrl,
-                                        additionalParams: additionalParams
+                                        additionalParams: additionalParams,
+                                        showRowLimitNotice: showRowLimitNotice
                                     })
                                 })
                             ]
@@ -5965,6 +6044,7 @@ var $af099c546cb226c7$export$2e2bcd8739ae039 = $af099c546cb226c7$var$ResourceHea
 
 
 
+
 function $626282d9a03c51d5$export$1147582dfae658c6(columns, schema) {
     return columns.map((column)=>({
             header: schema && schema.fields[column].description ? schema.fields[column].description : column,
@@ -5984,7 +6064,9 @@ function $626282d9a03c51d5$var$DefaultColumnFilter({ column: { Header: Header, a
 }
 const $626282d9a03c51d5$var$ResourcePreview = ({ tablePadding: tablePadding, id: id, canResize: canResize = true })=>{
     const { resource: resource, customColumns: customColumns } = (0, $hgUW1$useContext)((0, $43a30d745a7bbc86$export$2e2bcd8739ae039));
-    return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+    const customColumnHeaders = (0, $7264a673914aa746$export$8049e8f40a9bdfb8)(customColumns, resource.columns, resource.schema[id]);
+    const columns = customColumnHeaders ? customColumnHeaders : $626282d9a03c51d5$export$1147582dfae658c6(resource.columns, resource.schema[id]);
+    if (Object.keys(resource).length && columns.length && resource.schema) return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
         id: "resource-preview",
         className: "ds-u-overflow--auto ds-u-border-x--1 ds-u-border-bottom--1",
         children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $d98f94c79ddf4e0e$export$2e2bcd8739ae039), {
@@ -5997,6 +6079,7 @@ const $626282d9a03c51d5$var$ResourcePreview = ({ tablePadding: tablePadding, id:
             customColumnFilter: $626282d9a03c51d5$var$DefaultColumnFilter
         })
     });
+    else return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Spinner), {});
 };
 var $626282d9a03c51d5$export$2e2bcd8739ae039 = $626282d9a03c51d5$var$ResourcePreview;
 
@@ -6411,7 +6494,7 @@ const $dd6eb2b30d7ad75d$var$FilteredResourceBody = ({ id: id, dataset: dataset,
                         })
                     }),
                     /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                        className: "ds-l-md-col--12 ds-u-color--gray ds-u-margin-y--1 ds-u-text-align--right",
+                        className: "ds-l-md-col--12 ds-u-margin-y--1 ds-u-text-align--right",
                         children: /*#__PURE__*/ (0, $hgUW1$jsxs)("p", {
                             className: "ds-u-margin--0",
                             children: [
@@ -6432,14 +6515,14 @@ const $dd6eb2b30d7ad75d$var$FilteredResourceBody = ({ id: id, dataset: dataset,
                             updateAriaLive: updateAriaLive
                         })
                     }),
-                    Object.keys(resource).length && resource.columns && Object.keys(resource.schema).length && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                         className: "ds-l-md-col--12",
-                        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $3b6ca952e79f0695$export$2e2bcd8739ae039), {
+                        children: Object.keys(resource).length && resource.columns && Object.keys(resource.schema).length ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $3b6ca952e79f0695$export$2e2bcd8739ae039), {
                             resource: resource,
                             id: distribution.identifier,
                             customColumns: customColumns,
                             setOffset: resource.setOffset
-                        })
+                        }) : ""
                     }),
                     Object.keys(resource).length && resource.columns && Object.keys(resource.schema).length ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $43a30d745a7bbc86$export$2e2bcd8739ae039).Provider, {
                         value: {
@@ -6471,9 +6554,12 @@ const $dd6eb2b30d7ad75d$var$FilteredResourceBody = ({ id: id, dataset: dataset,
                                 })
                             ]
                         })
-                    }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Spinner), {
-                        role: "status",
-                        "aria-valuetext": "Resource loading"
+                    }) : /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                        className: "ds-l-md-col--12",
+                        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Spinner), {
+                            role: "status",
+                            "aria-valuetext": "Resource loading"
+                        })
                     }),
                     dataset.identifier && /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
                         className: "ds-l-md-col--12",
@@ -6618,5 +6704,5 @@ var $90fb213ab8eeb2e7$export$2e2bcd8739ae039 = $90fb213ab8eeb2e7$var$useScrollTo
 
 
 
-export {$a8accc31bf9e0bda$export$2e2bcd8739ae039 as CMSTopNav, $c49454ea7d1c4579$export$2e2bcd8739ae039 as ErrorBoundary, $046ded0064bd0a3d$export$2e2bcd8739ae039 as FAQAccordion, $b939b31651e82908$export$2e2bcd8739ae039 as HeaderNav, $1555e1cb3eb7b3e3$export$2e2bcd8739ae039 as HeaderNavIconLink, $fea9297ba4dd394c$export$2e2bcd8739ae039 as HeaderSearch, $9a8892c5ac150556$export$2e2bcd8739ae039 as HeaderSiteTitle, $3c72c298c3a7f21f$export$2e2bcd8739ae039 as HeaderTagline, $403833a4b442d5df$export$2e2bcd8739ae039 as MobileMenuButton, $f57121650539d8c5$export$2e2bcd8739ae039 as NavBar, $953b286f7778640e$export$2e2bcd8739ae039 as SidebarNavigation, $b0968edc60d7d3a4$export$2e2bcd8739ae039 as SidebarPage, $4f153ca537d853e5$export$2e2bcd8739ae039 as SubMenu, $c96c4b9ef7203c1f$export$2e2bcd8739ae039 as APIPage, $026cb986f9fea2b1$export$2e2bcd8739ae039 as PageNotFound, $e873081a6e8f024e$export$2e2bcd8739ae039 as DatasetSearch, $a0f13962e513caa1$export$2e2bcd8739ae039 as Dataset, $a35cf16d1488f54e$export$2e2bcd8739ae039 as DatasetTable, $b9af6ce5e2c06331$export$2e2bcd8739ae039 as Header, $a6df0aa147323304$export$2e2bcd8739ae039 as Footer, $669d2782ec2e2250$export$2e2bcd8739ae039 as SpecsAndLimits, $11500a65bd7d9cf1$export$2e2bcd8739ae039 as HeaderContext, $43a30d745a7bbc86$export$2e2bcd8739ae039 as DataTableContext, $ebda441784d176a5$export$2e2bcd8739ae039 as ManageColumnsContext, $efc410f5f7ac5ef3$export$2e2bcd8739ae039 as useSearchAPI, $1d3d480a9cfaabe0$export$2e2bcd8739ae039 as useDatastore, $aa4450dcbeef3ac0$export$385a5aba38cc3325 as transformTableSortToQuerySort, $59a079354baa335c$export$2e2bcd8739ae039 as Hero, $52c6454cae137465$export$2e2bcd8739ae039 as DatasetSearchListItem, $789279954d8eff7f$export$2e2bcd8739ae039 as ApiDocumentation, $af099c546cb226c7$export$2e2bcd8739ae039 as ResourceHeader, $626282d9a03c51d5$export$2e2bcd8739ae039 as ResourcePreview, $072291d44ce1834a$export$2e2bcd8739ae039 as ResourceFooter, $ec3e23baa005dc03$export$2e2bcd8739ae039 as Breadcrumb, $bd76a91923d7e8a7$export$2e2bcd8739ae039 as TransformedDate, $d98f94c79ddf4e0e$export$2e2bcd8739ae039 as DataTable, $5644ebd2c3dbfd7b$export$eea3a12df15499ca as buildRows, $f61ecf9f84951a61$export$2e2bcd8739ae039 as FilteredResource, $bef7bff2823feea2$export$2e2bcd8739ae039 as QueryTitle, $7264a673914aa746$export$2b9377795161999 as buildOperatorOptions, $7264a673914aa746$export$e284ae5d89467c8f as convertUTCToLocalDate, $7264a673914aa746$export$6b5e57d20078142b as cleanText, $7264a673914aa746$export$8049e8f40a9bdfb8 as buildCustomColHeaders, $eb7821d186b1a389$export$2e2bcd8739ae039 as useAddLoginLink, $90fb213ab8eeb2e7$export$2e2bcd8739ae039 as useScrollToTop, $b4aa9c66f2e86959$export$2e2bcd8739ae039 as useMetastoreDataset, $61ff88fb3f6ee2c8$export$2e2bcd8739ae039 as withQueryProvider, $6da0396069e23175$export$bc27cf7ecf44639d as defaultMetadataMapping, $2ed0091f7e32d1e6$export$2e2bcd8739ae039 as DataTablePageResults, $1a2bf34e2a8f6b80$export$59a943b34a82e690 as truncateText};
+export {$e49d4387bed21287$export$2e2bcd8739ae039 as ApiRowLimitNotice, $a8accc31bf9e0bda$export$2e2bcd8739ae039 as CMSTopNav, $c49454ea7d1c4579$export$2e2bcd8739ae039 as ErrorBoundary, $046ded0064bd0a3d$export$2e2bcd8739ae039 as FAQAccordion, $b939b31651e82908$export$2e2bcd8739ae039 as HeaderNav, $1555e1cb3eb7b3e3$export$2e2bcd8739ae039 as HeaderNavIconLink, $fea9297ba4dd394c$export$2e2bcd8739ae039 as HeaderSearch, $9a8892c5ac150556$export$2e2bcd8739ae039 as HeaderSiteTitle, $3c72c298c3a7f21f$export$2e2bcd8739ae039 as HeaderTagline, $403833a4b442d5df$export$2e2bcd8739ae039 as MobileMenuButton, $f57121650539d8c5$export$2e2bcd8739ae039 as NavBar, $953b286f7778640e$export$2e2bcd8739ae039 as SidebarNavigation, $b0968edc60d7d3a4$export$2e2bcd8739ae039 as SidebarPage, $4f153ca537d853e5$export$2e2bcd8739ae039 as SubMenu, $c96c4b9ef7203c1f$export$2e2bcd8739ae039 as APIPage, $026cb986f9fea2b1$export$2e2bcd8739ae039 as PageNotFound, $e873081a6e8f024e$export$2e2bcd8739ae039 as DatasetSearch, $a0f13962e513caa1$export$2e2bcd8739ae039 as Dataset, $a35cf16d1488f54e$export$2e2bcd8739ae039 as DatasetTable, $b9af6ce5e2c06331$export$2e2bcd8739ae039 as Header, $a6df0aa147323304$export$2e2bcd8739ae039 as Footer, $669d2782ec2e2250$export$2e2bcd8739ae039 as SpecsAndLimits, $11500a65bd7d9cf1$export$2e2bcd8739ae039 as HeaderContext, $43a30d745a7bbc86$export$2e2bcd8739ae039 as DataTableContext, $ebda441784d176a5$export$2e2bcd8739ae039 as ManageColumnsContext, $efc410f5f7ac5ef3$export$2e2bcd8739ae039 as useSearchAPI, $1d3d480a9cfaabe0$export$2e2bcd8739ae039 as useDatastore, $aa4450dcbeef3ac0$export$385a5aba38cc3325 as transformTableSortToQuerySort, $59a079354baa335c$export$2e2bcd8739ae039 as Hero, $52c6454cae137465$export$2e2bcd8739ae039 as DatasetSearchListItem, $789279954d8eff7f$export$2e2bcd8739ae039 as ApiDocumentation, $af099c546cb226c7$export$2e2bcd8739ae039 as ResourceHeader, $626282d9a03c51d5$export$2e2bcd8739ae039 as ResourcePreview, $072291d44ce1834a$export$2e2bcd8739ae039 as ResourceFooter, $ec3e23baa005dc03$export$2e2bcd8739ae039 as Breadcrumb, $bd76a91923d7e8a7$export$2e2bcd8739ae039 as TransformedDate, $d98f94c79ddf4e0e$export$2e2bcd8739ae039 as DataTable, $5644ebd2c3dbfd7b$export$eea3a12df15499ca as buildRows, $f61ecf9f84951a61$export$2e2bcd8739ae039 as FilteredResource, $bef7bff2823feea2$export$2e2bcd8739ae039 as QueryTitle, $7264a673914aa746$export$2b9377795161999 as buildOperatorOptions, $7264a673914aa746$export$e284ae5d89467c8f as convertUTCToLocalDate, $7264a673914aa746$export$6b5e57d20078142b as cleanText, $7264a673914aa746$export$8049e8f40a9bdfb8 as buildCustomColHeaders, $eb7821d186b1a389$export$2e2bcd8739ae039 as useAddLoginLink, $90fb213ab8eeb2e7$export$2e2bcd8739ae039 as useScrollToTop, $b4aa9c66f2e86959$export$2e2bcd8739ae039 as useMetastoreDataset, $61ff88fb3f6ee2c8$export$2e2bcd8739ae039 as withQueryProvider, $6da0396069e23175$export$bc27cf7ecf44639d as defaultMetadataMapping, $2ed0091f7e32d1e6$export$2e2bcd8739ae039 as DataTablePageResults, $1a2bf34e2a8f6b80$export$59a943b34a82e690 as truncateText};
 //# sourceMappingURL=main.js.map