@civicactions/cmsds-open-data-components 4.0.6-alpha.0 → 4.0.6-oe

package/dist/main.js

@@ -1,6 +1,6 @@
 import "./main.css";
 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, Spinner as $hgUW1$Spinner, Alert as $hgUW1$Alert, Dialog as $hgUW1$Dialog, TextField as $hgUW1$TextField, Tooltip as $hgUW1$Tooltip, TooltipIcon as $hgUW1$TooltipIcon, Choice as $hgUW1$Choice, Dropdown as $hgUW1$Dropdown, Pagination as $hgUW1$Pagination, Table as $hgUW1$Table, TableHead as $hgUW1$TableHead, TableRow as $hgUW1$TableRow, TableCell as $hgUW1$TableCell, TableBody as $hgUW1$TableBody, Tabs as $hgUW1$Tabs, TabPanel as $hgUW1$TabPanel, ExternalLinkIcon as $hgUW1$ExternalLinkIcon, Badge as $hgUW1$Badge} from "@cmsgov/design-system";
+import {Accordion as $hgUW1$Accordion, AccordionItem as $hgUW1$AccordionItem, Button as $hgUW1$Button, CloseIconThin as $hgUW1$CloseIconThin, ArrowIcon as $hgUW1$ArrowIcon, Spinner as $hgUW1$Spinner, Alert as $hgUW1$Alert, Dialog as $hgUW1$Dialog, TextField as $hgUW1$TextField, Tooltip as $hgUW1$Tooltip, TooltipIcon as $hgUW1$TooltipIcon, Choice as $hgUW1$Choice, Dropdown as $hgUW1$Dropdown, Pagination as $hgUW1$Pagination, Table as $hgUW1$Table, TableHead as $hgUW1$TableHead, TableRow as $hgUW1$TableRow, TableCell as $hgUW1$TableCell, TableBody as $hgUW1$TableBody, Tabs as $hgUW1$Tabs, TabPanel as $hgUW1$TabPanel, 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, useContext as $hgUW1$useContext, useMemo as $hgUW1$useMemo, useCallback as $hgUW1$useCallback} from "react";
 import {NavLink as $hgUW1$NavLink, Link as $hgUW1$Link, useNavigate as $hgUW1$useNavigate, useLocation as $hgUW1$useLocation, useSearchParams as $hgUW1$useSearchParams} from "react-router-dom";
 import $hgUW1$qs from "qs";
@@ -41,7 +41,7 @@ function $e49d4387bed21287$export$2e2bcd8739ae039() {
                         /*#__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."
                     ]
                 })
@@ -72,7 +72,7 @@ var $3c72c298c3a7f21f$export$2e2bcd8739ae039 = $3c72c298c3a7f21f$var$HeaderTagli
 const $1555e1cb3eb7b3e3$var$HeaderNavIconLink = (props)=>{
     const { url: url, urlTitle: urlTitle, logoFilePath: logoFilePath, logoAltText: logoAltText, backArrow: backArrow } = props;
     return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-        className: `dkan-c-header-nav-icon-link ${backArrow ? 'show-back-arrow' : ''} ds-u-valign--middle	`,
+        className: `dkan-c-header-nav-icon-link ${backArrow ? "show-back-arrow" : ""} ds-u-valign--middle	`,
         children: /*#__PURE__*/ (0, $hgUW1$jsx)("a", {
             href: url,
             title: urlTitle,
@@ -232,7 +232,7 @@ const $046ded0064bd0a3d$var$FAQAccordion = (props)=>{
                 type: "button",
                 variation: "ghost",
                 onClick: ()=>toggleAll(),
-                children: `${expanded ? 'Collapse' : 'Expand'} all FAQs`
+                children: `${expanded ? "Collapse" : "Expand"} all FAQs`
             }),
             /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Accordion), {
                 children: faqItems.map((faq)=>/*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$AccordionItem), {
@@ -333,8 +333,8 @@ const $844981eac9b63865$export$eccc29c8d0ff408 = (0, $hgUW1$createContext)({
 
 
 const $10bc3aae21fc1572$var$DatasetListSubmenu = ({ rootUrl: rootUrl, enablePagination: enablePagination = true, defaultPageSize: defaultPageSize = 4, defaultSort: defaultSort = {
-    defaultSort: 'modified',
-    defaultOrder: 'desc'
+    defaultSort: "modified",
+    defaultOrder: "desc"
 }, subLinkClasses: subLinkClasses })=>{
     const { ACA: ACA } = (0, $hgUW1$useContext)((0, $844981eac9b63865$export$eccc29c8d0ff408));
     const [currentResultNumbers, setCurrentResultNumbers] = (0, $hgUW1$useState)({
@@ -354,8 +354,8 @@ const $10bc3aae21fc1572$var$DatasetListSubmenu = ({ rootUrl: rootUrl, enablePagi
     ]);
     let params = {
         sort: defaultSort.defaultSort,
-        ['sort-order']: defaultSort.defaultOrder,
-        ['page-size']: defaultPageSize
+        ["sort-order"]: defaultSort.defaultOrder,
+        ["page-size"]: defaultPageSize
     };
     const { data: data, isPending: isPending, error: error } = (0, $hgUW1$useQuery)({
         queryKey: [
@@ -364,7 +364,7 @@ const $10bc3aae21fc1572$var$DatasetListSubmenu = ({ rootUrl: rootUrl, enablePagi
         ],
         queryFn: ()=>{
             return (0, $hgUW1$axios).get(`${rootUrl}/search/?${(0, $hgUW1$qs).stringify((0, $6d5c0212e738499b$export$34e95918366a058e)(params, ACA), {
-                arrayFormat: 'comma',
+                arrayFormat: "comma",
                 encode: false
             })}`);
         }
@@ -507,11 +507,11 @@ const $4f153ca537d853e5$var$SubMenu = ({ link: link, linkClasses: linkClasses, s
         function handleFocusOut(event) {
             if (currentMenu && !currentMenu.contains(event.relatedTarget)) setIsExpanded(false);
         }
-        document.addEventListener('mousedown', handleClickOutside);
-        currentMenu?.addEventListener('focusout', handleFocusOut);
+        document.addEventListener("mousedown", handleClickOutside);
+        currentMenu?.addEventListener("focusout", handleFocusOut);
         return ()=>{
-            document.removeEventListener('mousedown', handleClickOutside);
-            if (currentMenu) currentMenu.removeEventListener('focusout', handleFocusOut);
+            document.removeEventListener("mousedown", handleClickOutside);
+            if (currentMenu) currentMenu.removeEventListener("focusout", handleFocusOut);
         };
     }, [
         isExpanded
@@ -533,7 +533,7 @@ const $4f153ca537d853e5$var$SubMenu = ({ link: link, linkClasses: linkClasses, s
         }
     }
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("li", {
-        className: `dkan-c-nav-submenu has-submenu${isExpanded ? ' open' : ''}`,
+        className: `dkan-c-nav-submenu has-submenu${isExpanded ? " open" : ""}`,
         ref: menu,
         children: [
             /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Button), {
@@ -569,12 +569,12 @@ var $4f153ca537d853e5$export$2e2bcd8739ae039 = $4f153ca537d853e5$var$SubMenu;
 const $fea9297ba4dd394c$var$HeaderSearch = (props)=>{
     const { headingText: headingText = "Dataset Search" } = props;
     const navigate = (0, $hgUW1$useNavigate)();
-    const [modalSearchTerm, setModalSearchTerm] = (0, $hgUW1$useState)('');
+    const [modalSearchTerm, setModalSearchTerm] = (0, $hgUW1$useState)("");
     const [modalSearch, setModalSearch] = (0, $hgUW1$useState)(false);
     function searchForDataset(e) {
         e.preventDefault();
         if (window) {
-            if (window.location.pathname !== '/datasets') navigate(`/datasets?fulltext=${modalSearchTerm}`);
+            if (window.location.pathname !== "/datasets") navigate(`/datasets?fulltext=${modalSearchTerm}`);
             else {
                 window.location.search = `fulltext=${modalSearchTerm}`;
                 setModalSearch(false);
@@ -642,9 +642,9 @@ const $b939b31651e82908$var$HeaderNav = (props)=>{
     const headerContext = (0, $hgUW1$react).useContext((0, $11500a65bd7d9cf1$export$2e2bcd8739ae039));
     const { links: links, topNavLinks: topNavLinks, wrapperClasses: wrapperClasses, searchInMobile: searchInMobile } = props;
     const navMenuOpenClass = `dkan-c-nav-menu--${headerContext.mobileMenuOpen ? "open" : "close"}`;
-    const isMobileClass = `dkan-c-nav-menu--${headerContext.isMobile ? 'mobile' : 'desktop'}`;
-    const linkClasses = 'dkan-c-header--link ds-c-button ds-c-button--ghost';
-    const listClasses = 'dkan-c-header--link-list ';
+    const isMobileClass = `dkan-c-nav-menu--${headerContext.isMobile ? "mobile" : "desktop"}`;
+    const linkClasses = "dkan-c-header--link ds-c-button ds-c-button--ghost";
+    const listClasses = "dkan-c-header--link-list ";
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
         className: `dkan-c-nav-menu ${wrapperClasses} ${navMenuOpenClass} ${isMobileClass}`,
         ref: headerContext.menuRef,
@@ -814,8 +814,8 @@ const $953b286f7778640e$var$SidebarNavigation = (props)=>{
     const { title: title, links: links, mobileMax: mobileMax } = props;
     const active = (0, $hgUW1$useLocation)().pathname;
     const [menuOpen, setMenuOpen] = (0, $hgUW1$useState)(false);
-    const styleClasses = 'dkan-c--sidebar-nav-wrapper ds-u-border--1 ds-u-border--color-gray-lightest ds-u-padding--2';
-    const mobileClass = `dkan-c-sidebar-nav--${mobileMax ? 'mobile' : 'desktop'}`;
+    const styleClasses = "dkan-c--sidebar-nav-wrapper ds-u-border--1 ds-u-border--color-gray-lightest ds-u-padding--2";
+    const mobileClass = `dkan-c-sidebar-nav--${mobileMax ? "mobile" : "desktop"}`;
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
         className: `dkan-c-sidebar-nav ${mobileClass}`,
         children: [
@@ -829,7 +829,7 @@ const $953b286f7778640e$var$SidebarNavigation = (props)=>{
                     /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Button), {
                         "aria-haspopup": "true",
                         variation: "ghost",
-                        "aria-expanded": `${menuOpen ? 'true' : 'false'}`,
+                        "aria-expanded": `${menuOpen ? "true" : "false"}`,
                         onDark: true,
                         onClick: ()=>setMenuOpen(!menuOpen),
                         children: [
@@ -838,7 +838,7 @@ const $953b286f7778640e$var$SidebarNavigation = (props)=>{
                                 children: "Toggle menu"
                             }),
                             /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$ArrowIcon), {
-                                direction: menuOpen ? 'up' : 'down'
+                                direction: menuOpen ? "up" : "down"
                             })
                         ]
                     })
@@ -847,7 +847,7 @@ const $953b286f7778640e$var$SidebarNavigation = (props)=>{
             /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                 className: ``,
                 children: /*#__PURE__*/ (0, $hgUW1$jsxs)("nav", {
-                    className: `${styleClasses} dkan-c-sidebar-nav-menu dkan-c-sidebar-nav-menu--${menuOpen ? 'open' : 'close'}`,
+                    className: `${styleClasses} dkan-c-sidebar-nav-menu dkan-c-sidebar-nav-menu--${menuOpen ? "open" : "close"}`,
                     children: [
                         /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                             className: "ds-u-padding--2 ds-u-border-bottom--1 ds-u-border--color-gray-lightest",
@@ -859,7 +859,7 @@ const $953b286f7778640e$var$SidebarNavigation = (props)=>{
                         /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
                             className: "ds-u-padding-bottom--2",
                             children: links.map(({ url: url, label: label })=>/*#__PURE__*/ (0, $hgUW1$jsx)("li", {
-                                    className: `ds-u-padding--1 ds-u-padding-top--2 ds-u-border-bottom--1 ds-u-border--color-gray-lightest ${active === url ? 'active' : ''}`,
+                                    className: `ds-u-padding--1 ds-u-padding-top--2 ds-u-border-bottom--1 ds-u-border--color-gray-lightest ${active === url ? "active" : ""}`,
                                     children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
                                         className: "ds-u-display--flex ds-u-padding-y--1",
                                         children: [
@@ -894,12 +894,12 @@ const $b0968edc60d7d3a4$var$SidebarPage = (props)=>{
         query: `(max-width: ${mobileMaxWidth}px)`
     });
     return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-        className: `${mobileMax ? "a" : 'ds-l-container'}`,
+        className: `${mobileMax ? "a" : "ds-l-container"}`,
         children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-            className: `${mobileMax ? "a" : 'ds-l-row'}`,
+            className: `${mobileMax ? "a" : "ds-l-row"}`,
             children: [
                 /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                    className: `${mobileMax ? 'a' : "ds-l-col--4"}`,
+                    className: `${mobileMax ? "a" : "ds-l-col--4"}`,
                     children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $953b286f7778640e$export$2e2bcd8739ae039), {
                         links: links,
                         title: menuTitle,
@@ -922,9 +922,9 @@ var $b0968edc60d7d3a4$export$2e2bcd8739ae039 = $b0968edc60d7d3a4$var$SidebarPage
 
 
 
-const $59a079354baa335c$var$Hero = ({ title: title, description: description, searchUrl: searchUrl = 'datasets', searchKey: searchKey = 'fulltext', textfieldLabel: textfieldLabel = 'Search for a dataset', searchButtonText: searchButtonText = 'Search' })=>{
+const $59a079354baa335c$var$Hero = ({ title: title, description: description, searchUrl: searchUrl = "datasets", searchKey: searchKey = "fulltext", textfieldLabel: textfieldLabel = "Search for a dataset", searchButtonText: searchButtonText = "Search" })=>{
     const navigate = (0, $hgUW1$useNavigate)();
-    const [searchValue, setSearchValue] = (0, $hgUW1$react).useState('');
+    const [searchValue, setSearchValue] = (0, $hgUW1$react).useState("");
     function submitHero(e) {
         e.preventDefault();
         navigate(`/${searchUrl}?${searchKey}=${searchValue}`);
@@ -951,24 +951,24 @@ const $59a079354baa335c$var$Hero = ({ title: title, description: description, se
                     onSubmit: (e)=>submitHero(e),
                     children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
                         style: {
-                            position: 'relative'
+                            position: "relative"
                         },
                         className: "ds-l-row ds-u-align-items--stretch ds-u-margin-y--4 ds-u-flex-wrap--nowrap",
                         children: [
                             /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                                 className: "ds-u-padding--0 ds-u-margin-right--1",
                                 style: {
-                                    flex: '1 1 100%',
-                                    maxWidth: '100%'
+                                    flex: "1 1 100%",
+                                    maxWidth: "100%"
                                 },
                                 children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TextField), {
                                     label: textfieldLabel,
                                     labelClassName: "ds-u-visibility--screen-reader",
                                     name: "search_text_input",
                                     style: {
-                                        maxWidth: 'none',
-                                        height: '61px',
-                                        margin: '0 20px 0 0'
+                                        maxWidth: "none",
+                                        height: "61px",
+                                        margin: "0 20px 0 0"
                                     },
                                     onChange: (e)=>setSearchValue(e.target.value)
                                 })
@@ -1006,14 +1006,14 @@ var $59a079354baa335c$export$2e2bcd8739ae039 = $59a079354baa335c$var$Hero;
 
 
 const $bd76a91923d7e8a7$var$TransformedDate = ({ date: date, options: options = {
-    year: 'numeric',
-    month: 'long',
-    day: 'numeric',
-    timeZone: 'UTC'
+    year: "numeric",
+    month: "long",
+    day: "numeric",
+    timeZone: "UTC"
 } })=>{
     const rawDate = new Date(date);
-    let modifiedDate = '';
-    if (rawDate) modifiedDate = rawDate.toLocaleDateString('en-US', options);
+    let modifiedDate = "";
+    if (rawDate) modifiedDate = rawDate.toLocaleDateString("en-US", options);
     return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
         children: modifiedDate
     });
@@ -1027,25 +1027,25 @@ const $c068004d499082cc$var$DatasetListItem = (props)=>{
         minWidth: 1024
     });
     const { title: title, modified: modified, identifier: identifier, paginationEnabled: paginationEnabled, dataDictionaryLinks: dataDictionaryLinks } = props;
-    let linkContainerClasses = 'ds-u-margin-bottom--2';
-    if (dataDictionaryLinks) linkContainerClasses += ' ds-l-col--6 ds-u-padding-right--0';
-    else linkContainerClasses += ' ds-l-col--auto ds-u-padding-left--0';
-    let linkClasses = 'ds-u-display--block ds-u-text-align--left';
+    let linkContainerClasses = "ds-u-margin-bottom--2";
+    if (dataDictionaryLinks) linkContainerClasses += " ds-l-col--6 ds-u-padding-right--0";
+    else linkContainerClasses += " ds-l-col--auto ds-u-padding-left--0";
+    let linkClasses = "ds-u-display--block ds-u-text-align--left";
     if (desktop) {
-        linkContainerClasses = 'ds-u-padding-x--0';
-        linkClasses += ' ds-l-col--4 ds-l-md-col--auto';
+        linkContainerClasses = "ds-u-padding-x--0";
+        linkClasses += " ds-l-col--4 ds-l-md-col--auto";
     }
     return /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
         className: "dc-c-list-item ds-u-padding-top--4",
         children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-            className: `dc-c-searchlist-item ${paginationEnabled ? 'ds-u-border-top--1' : 'ds-u-border-bottom--1 ds-u-padding-bottom--3'}`,
+            className: `dc-c-searchlist-item ${paginationEnabled ? "ds-u-border-top--1" : "ds-u-border-bottom--1 ds-u-padding-bottom--3"}`,
             children: [
                 /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
                     className: "ds-l-row ds-u-align-items--start",
                     children: [
                         /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
                             id: `dataset-${identifier}-updated-date`,
-                            className: `ds-l-col--12 ds-u-text-align--left ds-text-heading--sm ${paginationEnabled ? 'ds-u-padding-top--3' : 'ds-u-padding-top--0'}`,
+                            className: `ds-l-col--12 ds-u-text-align--left ds-text-heading--sm ${paginationEnabled ? "ds-u-padding-top--3" : "ds-u-padding-top--0"}`,
                             children: [
                                 "Updated ",
                                 /*#__PURE__*/ (0, $hgUW1$jsx)((0, $bd76a91923d7e8a7$export$2e2bcd8739ae039), {
@@ -1103,7 +1103,7 @@ var $c068004d499082cc$export$2e2bcd8739ae039 = $c068004d499082cc$var$DatasetList
 
 const $b38839fd67928f42$var$SearchItemIcon = (props)=>{
     switch(props.id){
-        case 'overview':
+        case "overview":
             return /*#__PURE__*/ (0, $hgUW1$jsxs)("svg", {
                 width: "16px",
                 height: "16px",
@@ -1146,7 +1146,7 @@ const $b38839fd67928f42$var$SearchItemIcon = (props)=>{
                     })
                 ]
             });
-        case 'data-table':
+        case "data-table":
             return /*#__PURE__*/ (0, $hgUW1$jsxs)("svg", {
                 width: "16px",
                 height: "12px",
@@ -1179,7 +1179,7 @@ const $b38839fd67928f42$var$SearchItemIcon = (props)=>{
                     })
                 ]
             });
-        case 'api':
+        case "api":
             return /*#__PURE__*/ (0, $hgUW1$jsxs)("svg", {
                 width: "16px",
                 height: "13px",
@@ -1212,7 +1212,7 @@ const $b38839fd67928f42$var$SearchItemIcon = (props)=>{
                     })
                 ]
             });
-        case 'download':
+        case "download":
             return /*#__PURE__*/ (0, $hgUW1$jsxs)("svg", {
                 width: "16px",
                 height: "16px",
@@ -1242,7 +1242,7 @@ const $b38839fd67928f42$var$SearchItemIcon = (props)=>{
                     })
                 ]
             });
-        case 'data-dictionary':
+        case "data-dictionary":
             return /*#__PURE__*/ (0, $hgUW1$jsxs)("svg", {
                 width: "14px",
                 height: "16px",
@@ -1345,13 +1345,13 @@ var $b61856b23f5f58a2$export$2e2bcd8739ae039 = $b61856b23f5f58a2$var$LargeFileDi
 
 
 function $1a2bf34e2a8f6b80$export$59a943b34a82e690(textString, textLength = 240) {
-    if (!textString) return '';
+    if (!textString) return "";
     let cleanedText = textString;
-    if (cleanedText.split('</p>').length > 1) cleanedText = cleanedText.split('</p>')[0];
-    if (cleanedText.split('<br/>').length > 1) cleanedText = cleanedText.split('<br/>')[0];
+    if (cleanedText.split("</p>").length > 1) cleanedText = cleanedText.split("</p>")[0];
+    if (cleanedText.split("<br/>").length > 1) cleanedText = cleanedText.split("<br/>")[0];
     cleanedText = (0, $hgUW1$lodashtruncate)(cleanedText, {
-        'length': textLength,
-        'separator': ' '
+        "length": textLength,
+        "separator": " "
     });
     return (0, $hgUW1$dompurify).sanitize(cleanedText, {
         ALLOWED_TAGS: []
@@ -1369,9 +1369,9 @@ function $1a2bf34e2a8f6b80$export$59a943b34a82e690(textString, textLength = 240)
 const $17711e94d2ce0ee4$var$DatasetDateItem = (props)=>{
     const { type: type, date: date, boldLabel: boldLabel = false, displayTooltips: displayTooltips = true } = props;
     const dateText = {
-        modified: 'Last Modified',
-        released: 'Released',
-        refresh: 'Planned Update'
+        modified: "Last Modified",
+        released: "Released",
+        refresh: "Planned Update"
     };
     const tooltipContent = {
         modified: /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
@@ -1408,7 +1408,7 @@ const $17711e94d2ce0ee4$var$DatasetDateItem = (props)=>{
         })
     };
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-        className: `dataset-date-item${boldLabel ? ' bold-label' : ''}`,
+        className: `dataset-date-item${boldLabel ? " bold-label" : ""}`,
         children: [
             /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
                 className: "dataset-data-item-label",
@@ -1478,7 +1478,7 @@ function $f764661366bd9e1b$export$ee48b7e0e4eb536e(dist) {
     if (dist && dist.data) {
         if (dist.data.format) return dist.data.format.toLowerCase();
         if (dist.data.mediaType) {
-            const mediaType = dist.data.mediaType.split('/');
+            const mediaType = dist.data.mediaType.split("/");
             if (mediaType.length && mediaType[1]) return mediaType[1].toLowerCase();
         }
         if (dist.data["%Ref:downloadURL"].length && dist.data["%Ref:downloadURL"][0].data) {
@@ -1488,7 +1488,7 @@ function $f764661366bd9e1b$export$ee48b7e0e4eb536e(dist) {
             }
         }
     }
-    return '';
+    return "";
 }
 
 
@@ -1498,20 +1498,20 @@ const $52c6454cae137465$var$DatasetSearchListItem = (props)=>{
     });
     const { title: title, modified: modified, description: description, downloadUrl: downloadUrl, largeFile: largeFile = false, paginationEnabled: paginationEnabled, dataDictionaryLinks: dataDictionaryLinks, identifier: identifier, refresh: refresh, released: released, showDateDetails: showDateDetails = false, showTopics: showTopics = false, theme: theme, topicSlugs: topicSlugs, distribution: distribution } = props;
     const location = (0, $hgUW1$useLocation)();
-    let linkContainerClasses = 'ds-u-margin-bottom--2';
-    if (dataDictionaryLinks) linkContainerClasses += ' ds-l-col--6 ds-u-padding-right--0';
-    else linkContainerClasses += ' ds-l-col--auto ds-u-padding-left--0';
-    let linkClasses = 'ds-u-display--block ds-u-text-align--left';
+    let linkContainerClasses = "ds-u-margin-bottom--2";
+    if (dataDictionaryLinks) linkContainerClasses += " ds-l-col--6 ds-u-padding-right--0";
+    else linkContainerClasses += " ds-l-col--auto ds-u-padding-left--0";
+    let linkClasses = "ds-u-display--block ds-u-text-align--left";
     if (desktop) {
-        linkContainerClasses = 'ds-u-padding-x--0';
-        linkClasses += ' ds-l-col--4 ds-l-md-col--auto';
+        linkContainerClasses = "ds-u-padding-x--0";
+        linkClasses += " ds-l-col--4 ds-l-md-col--auto";
     }
     let themes;
     if (theme && showTopics) themes = /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
         className: "theme-list item-theme",
         children: theme.map((topic, index)=>{
-            const title = topic || 'Unknown Topic';
-            const prefix = 'topics';
+            const title = topic || "Unknown Topic";
+            const prefix = "topics";
             // Use the provided slug or fallback to a simple slug generation
             const slug = topicSlugs?.[title];
             const link = `/${prefix}/${slug}`;
@@ -1522,7 +1522,7 @@ const $52c6454cae137465$var$DatasetSearchListItem = (props)=>{
                     state: {
                         fromUrl: location.pathname,
                         fromTitle: false,
-                        fromSearchList: location.pathname.includes('search')
+                        fromSearchList: location.pathname.includes("search")
                     },
                     children: title
                 })
@@ -1564,7 +1564,7 @@ const $52c6454cae137465$var$DatasetSearchListItem = (props)=>{
     };
     const dataDictionaryExists = ()=>{
         if (distribution && "data" in distribution) {
-            if ("describedBy" in distribution.data && "describedByType" in distribution.data) return distribution.data.describedByType === 'application/vnd.tableschema+json';
+            if ("describedBy" in distribution.data && "describedByType" in distribution.data) return distribution.data.describedByType === "application/vnd.tableschema+json";
         }
         return false;
     };
@@ -1598,7 +1598,7 @@ const $52c6454cae137465$var$DatasetSearchListItem = (props)=>{
     return /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
         className: "dc-c-search-list-item ds-u-padding-top--3",
         children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-            className: `dc-c-searchlist-item ${paginationEnabled ? 'ds-u-border-top--1' : 'ds-u-border-bottom--1 ds-u-padding-bottom--3'}`,
+            className: `dc-c-searchlist-item ${paginationEnabled ? "ds-u-border-top--1" : "ds-u-border-bottom--1 ds-u-padding-bottom--3"}`,
             children: [
                 themes,
                 /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
@@ -1606,7 +1606,7 @@ const $52c6454cae137465$var$DatasetSearchListItem = (props)=>{
                     children: [
                         !showDateDetails && /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
                             id: `dataset-${identifier}-updated-date`,
-                            className: `ds-l-col--12 ds-u-text-align--right ${paginationEnabled ? 'ds-u-padding-top--2' : 'ds-u-padding-top--0'}`,
+                            className: `ds-l-col--12 ds-u-text-align--right ${paginationEnabled ? "ds-u-padding-top--2" : "ds-u-padding-top--0"}`,
                             children: [
                                 /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
                                     children: "Updated:"
@@ -1635,13 +1635,13 @@ const $52c6454cae137465$var$DatasetSearchListItem = (props)=>{
                             (0, $1a2bf34e2a8f6b80$export$59a943b34a82e690)(description),
                             description.length > 240 ? /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
                                 children: [
-                                    ' ',
+                                    " ",
                                     /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Link), {
                                         to: `/dataset/${identifier}`,
                                         children: "See more"
                                     })
                                 ]
-                            }) : ''
+                            }) : ""
                         ]
                     })
                 }),
@@ -1669,14 +1669,14 @@ const $52c6454cae137465$var$DatasetSearchListItem = (props)=>{
                             "Download"
                         ]
                     })
-                }) : '',
+                }) : "",
                 /*#__PURE__*/ (0, $hgUW1$jsxs)("ul", {
-                    className: `ds-l-row ds-u-padding--0 ds-u-flex-direction--row ds-u-justify-content--between ds-u-md-justify-content--start ds-u-margin-top--3 ds-u-margin-x--0 ${!dataDictionaryLinks ? 'ds-u-justify-content--center ds-u-md-justify-content--start' : ''}`,
+                    className: `ds-l-row ds-u-padding--0 ds-u-flex-direction--row ds-u-justify-content--between ds-u-md-justify-content--start ds-u-margin-top--3 ds-u-margin-x--0 ${!dataDictionaryLinks ? "ds-u-justify-content--center ds-u-md-justify-content--start" : ""}`,
                     children: [
                         /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
                             className: linkContainerClasses,
                             children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                                className: `${linkClasses}${(0, $f764661366bd9e1b$export$ee48b7e0e4eb536e)(distribution) === "csv" ? '' : ' dkan-disabled-link-wrapper'}`,
+                                className: `${linkClasses}${(0, $f764661366bd9e1b$export$ee48b7e0e4eb536e)(distribution) === "csv" ? "" : " dkan-disabled-link-wrapper"}`,
                                 children: /*#__PURE__*/ (0, $hgUW1$jsx)(DataTableLink, {})
                             })
                         }),
@@ -1698,10 +1698,10 @@ const $52c6454cae137465$var$DatasetSearchListItem = (props)=>{
                         dataDictionaryLinks ? /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
                             className: linkContainerClasses,
                             children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                                className: `${linkClasses}${dataDictionaryExists() ? '' : ' dkan-disabled-link-wrapper'}`,
+                                className: `${linkClasses}${dataDictionaryExists() ? "" : " dkan-disabled-link-wrapper"}`,
                                 children: /*#__PURE__*/ (0, $hgUW1$jsx)(DataDictionaryLink, {})
                             })
-                        }) : '',
+                        }) : "",
                         /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
                             className: linkContainerClasses,
                             children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
@@ -1797,7 +1797,7 @@ var $789279954d8eff7f$export$2e2bcd8739ae039 = $789279954d8eff7f$var$ApiDocument
 
 
 
-const $2ed0091f7e32d1e6$var$DataTablePageResults = ({ totalRows: totalRows, limit: limit, offset: offset, className: className = 'data-table-results' })=>{
+const $2ed0091f7e32d1e6$var$DataTablePageResults = ({ totalRows: totalRows, limit: limit, offset: offset, className: className = "data-table-results" })=>{
     const numTotalRows = totalRows;
     if (numTotalRows === 0) return /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
         className: className,
@@ -1815,18 +1815,18 @@ const $2ed0091f7e32d1e6$var$DataTablePageResults = ({ totalRows: totalRows, limi
         className: className,
         children: [
             "Displaying",
-            ' ',
+            " ",
             /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
                 className: "ds-u-font-weight--bold",
                 children: `${startTotal().toLocaleString()} - ${ofTotal().toLocaleString()}`
             }),
-            ' ',
+            " ",
             "of ",
             /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
                 className: "ds-u-font-weight--bold",
                 children: `${numTotalRows.toLocaleString()}`
             }),
-            ' ',
+            " ",
             "rows"
         ]
     });
@@ -1852,16 +1852,16 @@ const $1e012d1e3b534af0$var$DataTableDensity = ({ setTablePadding: setTablePaddi
         children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
             options: [
                 {
-                    label: 'Tight',
-                    value: 'ds-u-padding-y--0'
+                    label: "Tight",
+                    value: "ds-u-padding-y--0"
                 },
                 {
-                    label: 'Normal',
-                    value: 'ds-u-padding-y--1'
+                    label: "Normal",
+                    value: "ds-u-padding-y--1"
                 },
                 {
-                    label: 'Expanded',
-                    value: 'ds-u-padding-y--2'
+                    label: "Expanded",
+                    value: "ds-u-padding-y--2"
                 }
             ],
             label: "Display density:",
@@ -2104,7 +2104,7 @@ function $aa4450dcbeef3ac0$export$385a5aba38cc3325(sortArray) {
     sortArray.forEach((s)=>{
         return newQuery.push({
             property: s.id,
-            order: s.desc ? 'desc' : 'asc'
+            order: s.desc ? "desc" : "asc"
         });
     });
     return newQuery;
@@ -2142,46 +2142,46 @@ function $7264a673914aa746$export$e284ae5d89467c8f(date) {
 }
 function $7264a673914aa746$export$6b5e57d20078142b(value, operator) {
     let newValue = value;
-    if (Array.isArray(newValue)) newValue = newValue.join(',');
+    if (Array.isArray(newValue)) newValue = newValue.join(",");
     // return newValue.replace(/(^\%+|\%+$)/gm, '');
     return newValue;
 }
 const $7264a673914aa746$export$5f89a5ae87bc48e1 = [
     {
-        label: 'Is',
-        value: '='
+        label: "Is",
+        value: "="
     },
     {
-        label: 'Starts With',
-        value: 'starts with'
+        label: "Starts With",
+        value: "starts with"
     },
     {
-        label: 'Contains',
-        value: 'contains'
+        label: "Contains",
+        value: "contains"
     },
     {
-        label: 'Is Not',
-        value: '<>'
+        label: "Is Not",
+        value: "<>"
     },
     {
-        label: 'Or',
-        value: 'in'
+        label: "Or",
+        value: "in"
     },
     {
-        label: 'Is',
-        value: '='
+        label: "Is",
+        value: "="
     },
     {
-        label: 'Is Not',
-        value: '<>'
+        label: "Is Not",
+        value: "<>"
     },
     {
-        label: 'Greater Than',
-        value: '>'
+        label: "Greater Than",
+        value: ">"
     },
     {
-        label: 'Less Than',
-        value: '<'
+        label: "Less Than",
+        value: "<"
     }
 ];
 function $7264a673914aa746$export$d243819c3ad678fb(operatorValue) {
@@ -2190,59 +2190,59 @@ function $7264a673914aa746$export$d243819c3ad678fb(operatorValue) {
 }
 function $7264a673914aa746$export$2b9377795161999(type) {
     switch(type){
-        case 'text':
-        case 'string':
+        case "text":
+        case "string":
             return [
                 {
-                    label: 'Is',
-                    value: '='
+                    label: "Is",
+                    value: "="
                 },
                 {
-                    label: 'Starts With',
-                    value: 'starts with'
+                    label: "Starts With",
+                    value: "starts with"
                 },
                 {
-                    label: 'Contains',
-                    value: 'contains'
+                    label: "Contains",
+                    value: "contains"
                 },
                 {
-                    label: 'Is Not',
-                    value: '<>'
+                    label: "Is Not",
+                    value: "<>"
                 },
                 {
-                    label: 'Or',
-                    value: 'in'
+                    label: "Or",
+                    value: "in"
                 }
             ];
-        case 'date':
+        case "date":
             return [
                 {
-                    label: 'Is',
-                    value: '='
+                    label: "Is",
+                    value: "="
                 },
                 {
-                    label: 'Is Not',
-                    value: '<>'
+                    label: "Is Not",
+                    value: "<>"
                 },
                 {
-                    label: 'Greater Than',
-                    value: '>'
+                    label: "Greater Than",
+                    value: ">"
                 },
                 {
-                    label: 'Less Than',
-                    value: '<'
+                    label: "Less Than",
+                    value: "<"
                 }
             ];
         default:
             // These 2 should be safe for all data types
             return [
                 {
-                    label: 'Is',
-                    value: '='
+                    label: "Is",
+                    value: "="
                 },
                 {
-                    label: 'Is Not',
-                    value: '<>'
+                    label: "Is Not",
+                    value: "<>"
                 }
             ];
     }
@@ -2258,29 +2258,19 @@ function $7264a673914aa746$export$2b9377795161999(type) {
 
 
 
-const $64a351d3fd8413c3$var$HeaderResizeElement = ({ table: table, header: header, sortElement: sortElement, setAriaLiveFeedback: setAriaLiveFeedback })=>{
+const $64a351d3fd8413c3$var$HeaderResizeElement = ({ table: table, header: header, sortElement: sortElement, id: id })=>{
     const [columnResizing, setColumnResizing] = (0, $hgUW1$useState)("");
-    const handleSortClick = ()=>{
-        header.column.getToggleSortingHandler()?.();
-        setTimeout(()=>{
-            const s = header.column.getIsSorted();
-            if (s === "asc") setAriaLiveFeedback(`Sorted by ${header.column.id} ascending`);
-            else if (s === "desc") setAriaLiveFeedback(`Sorted by ${header.column.id} descending`);
-            else setAriaLiveFeedback(`Sorting cleared on ${header.column.id}`);
-        }, 0);
-    };
-    const canSort = header.column.getCanSort();
-    const sortState = header.column.getIsSorted();
+    // Fix for JSX in Data Dictionary Title header cell
+    const ariaLabel = header.id === "titleResizable" ? "Title" : header.column.columnDef.header;
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("th", {
         key: header.id,
         style: {
             width: header.getSize()
         },
-        ...canSort && {
-            "aria-sort": sortState === "asc" ? "ascending" : sortState === "desc" ? "descending" : "none"
-        },
+        id: id,
         title: typeof header.column.columnDef.header === "string" ? header.column.columnDef.header : "",
-        className: "ds-u-border-y--2 ds-u-padding--2 ds-u-border--dark ds-u-font-weight--bold",
+        className: "ds-u-border-y--2 ds-u-padding--2 ds-u-border--dark  ds-u-font-weight--bold",
+        "aria-sort": header.column.getIsSorted() === "asc" ? "ascending" : header.column.getIsSorted() === "desc" ? "descending" : "none",
         children: [
             /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
                 className: "ds-u-display--flex",
@@ -2290,20 +2280,18 @@ const $64a351d3fd8413c3$var$HeaderResizeElement = ({ table: table, header: heade
                             children: header.isPlaceholder ? null : (0, $hgUW1$flexRender)(header.column.columnDef.header, header.getContext())
                         })
                     }),
-                    sortElement && canSort && /*#__PURE__*/ (0, $hgUW1$jsx)("button", {
-                        type: "button",
-                        onClick: handleSortClick,
-                        className: "cursor-pointer select-none ds-u-focus-visible " + sortElement(sortState),
-                        "aria-label": `${header.column.columnDef.header} sort order`
+                    sortElement && /*#__PURE__*/ (0, $hgUW1$jsx)("button", {
+                        onClick: header.column.getToggleSortingHandler(),
+                        className: header.column.getCanSort() ? `cursor-pointer select-none ds-u-focus-visible ${sortElement(header.column.getIsSorted())}` : "",
+                        "aria-label": `${ariaLabel} sort order`
                     })
                 ]
             }),
             /*#__PURE__*/ (0, $hgUW1$jsx)("button", {
-                type: "button",
                 onMouseDown: header.getResizeHandler(),
                 onTouchStart: header.getResizeHandler(),
-                className: "dc-c-resize-handle ds-u-focus-visible " + (header.column.getIsResizing() || header.column.id === columnResizing ? "isResizing" : ""),
-                "aria-label": `Resize ${header.column.columnDef.header} column`,
+                className: `dc-c-resize-handle ds-u-focus-visible ${header.column.getIsResizing() || header.column.id == columnResizing ? "isResizing" : ""}`,
+                "aria-label": `Resize ${ariaLabel} column`,
                 onKeyDown: (e)=>{
                     const columnSizingObject = table.getState().columnSizing;
                     switch(e.key){
@@ -2311,19 +2299,13 @@ const $64a351d3fd8413c3$var$HeaderResizeElement = ({ table: table, header: heade
                         case " ":
                             e.preventDefault();
                             e.stopPropagation();
-                            if (columnResizing) {
-                                setColumnResizing("");
-                                setAriaLiveFeedback(`${header.column.columnDef.header} dropped.`);
-                            } else {
-                                setColumnResizing(header.column.id);
-                                setAriaLiveFeedback(`${header.column.columnDef.header} grabbed.`);
-                            }
+                            if (columnResizing) // end resizing
+                            setColumnResizing("");
+                            else // start resizing
+                            setColumnResizing(header.column.id);
                             break;
                         case "Escape":
-                            if (columnResizing) {
-                                setColumnResizing("");
-                                setAriaLiveFeedback(`${header.column.columnDef.header} dropped.`);
-                            }
+                            if (columnResizing) setColumnResizing("");
                             break;
                         case "ArrowRight":
                             e.preventDefault();
@@ -2331,7 +2313,6 @@ const $64a351d3fd8413c3$var$HeaderResizeElement = ({ table: table, header: heade
                             if (columnResizing) {
                                 columnSizingObject[header.column.id] = header.getSize() + 10;
                                 table.setColumnSizing(columnSizingObject);
-                                setAriaLiveFeedback(`${header.column.columnDef.header} has been resized. The new width is ${header.getSize()} pixels.`);
                             }
                             break;
                         case "ArrowLeft":
@@ -2340,12 +2321,13 @@ const $64a351d3fd8413c3$var$HeaderResizeElement = ({ table: table, header: heade
                             if (columnResizing) {
                                 columnSizingObject[header.column.id] = header.getSize() - 10;
                                 table.setColumnSizing(columnSizingObject);
-                                setAriaLiveFeedback(`${header.column.columnDef.header} has been resized. The new width is ${header.getSize()} pixels.`);
                             }
                             break;
                     }
                 },
-                onBlur: ()=>setColumnResizing("")
+                onBlur: ()=>{
+                    setColumnResizing("");
+                }
             })
         ]
     });
@@ -2353,7 +2335,7 @@ const $64a351d3fd8413c3$var$HeaderResizeElement = ({ table: table, header: heade
 var $64a351d3fd8413c3$export$2e2bcd8739ae039 = $64a351d3fd8413c3$var$HeaderResizeElement;
 
 
-const $96d341d082bffec5$var$TruncatedResizeableTHead = ({ table: table, sortElement: sortElement = null, setAriaLiveFeedback: setAriaLiveFeedback })=>{
+const $96d341d082bffec5$var$TruncatedResizeableTHead = ({ table: table, sortElement: sortElement = null })=>{
     return /*#__PURE__*/ (0, $hgUW1$jsx)("thead", {
         className: "dc-thead--truncated dc-thead--resizeable",
         children: table.getHeaderGroups().map((headerGroup)=>/*#__PURE__*/ (0, $hgUW1$jsx)("tr", {
@@ -2361,8 +2343,7 @@ const $96d341d082bffec5$var$TruncatedResizeableTHead = ({ table: table, sortElem
                 children: headerGroup.headers.map((header)=>/*#__PURE__*/ (0, $hgUW1$jsx)((0, $64a351d3fd8413c3$export$2e2bcd8739ae039), {
                         table: table,
                         header: header,
-                        sortElement: sortElement,
-                        setAriaLiveFeedback: setAriaLiveFeedback
+                        sortElement: sortElement
                     }, header.id + "_dataTableResize"))
             }, headerGroup.id))
     });
@@ -2378,32 +2359,27 @@ const $23763e27eda0e8d7$var$FixedSizeTHead = ({ table: table, sortElement: sortE
         className: "dc-thead--fixed-size",
         children: table.getHeaderGroups().map((headerGroup)=>/*#__PURE__*/ (0, $hgUW1$jsx)("tr", {
                 children: headerGroup.headers.map((header)=>{
-                    const canSort = header.column.getCanSort();
-                    const sortState = header.column.getIsSorted();
                     return /*#__PURE__*/ (0, $hgUW1$jsx)("th", {
+                        key: header.id,
                         style: {
                             width: header.getSize()
                         },
-                        title: typeof header.column.columnDef.header === "string" ? header.column.columnDef.header : "",
-                        className: "ds-u-border-y--2 ds-u-padding--2 ds-u-border--dark ds-u-font-weight--bold",
-                        ...canSort && {
-                            "aria-sort": sortState === "asc" ? "ascending" : sortState === "desc" ? "descending" : "none"
-                        },
+                        title: header.column.columnDef.header,
+                        className: "ds-u-border-y--2 ds-u-padding--2 ds-u-border--dark  ds-u-font-weight--bold",
+                        "aria-sort": header.column.getIsSorted() === "asc" ? "ascending" : header.column.getIsSorted() === "desc" ? "descending" : "none",
                         children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                            className: "ds-u-display--flex ds-u-align-items--center ds-u-gap--1",
+                            onClick: header.column.getToggleSortingHandler(),
+                            className: "ds-u-display--flex",
                             children: [
                                 /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
                                     children: header.isPlaceholder ? null : (0, $hgUW1$flexRender)(header.column.columnDef.header, header.getContext())
                                 }),
-                                canSort && /*#__PURE__*/ (0, $hgUW1$jsx)("button", {
-                                    type: "button",
-                                    onClick: header.column.getToggleSortingHandler(),
-                                    className: "cursor-pointer select-none ds-u-focus-visible " + (sortElement ? sortElement(sortState) : ""),
-                                    "aria-label": `${typeof header.column.columnDef.header === "string" ? header.column.columnDef.header : header.column.id} sort order`
+                                /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                                    className: header.column.getCanSort() ? `cursor-pointer select-none ${sortElement(header.column.getIsSorted())}` : ""
                                 })
                             ]
                         })
-                    }, header.id);
+                    });
                 })
             }, headerGroup.id))
     });
@@ -2430,7 +2406,7 @@ const $ee0d4d4f34048447$var$DataTableActionsContextDefaults = {
     setColumnVisibility: ()=>{},
     page: 1,
     setPage: ()=>{},
-    tableDensity: 'normal',
+    tableDensity: "normal",
     setTableDensity: ()=>{}
 };
 const $ee0d4d4f34048447$export$f814ea079e65d8fe = /*#__PURE__*/ (0, $hgUW1$createContext)($ee0d4d4f34048447$var$DataTableActionsContextDefaults);
@@ -2449,7 +2425,7 @@ const $ee0d4d4f34048447$var$DataTableActionsProvider = ({ children: children })=
         if (datasetTableControls && localStorageData) return localStorageData.tableColumnVisibility;
         else return {};
     });
-    const [tableDensity, setTableDensity] = (0, $hgUW1$useState)('normal');
+    const [tableDensity, setTableDensity] = (0, $hgUW1$useState)("normal");
     const providerValue = {
         columnOrder: columnOrder,
         setColumnOrder: setColumnOrder,
@@ -2496,9 +2472,9 @@ const $5fe94aeb50e0798b$var$Card = ({ id: id, visible: visible, updateVisibility
         transition: transition,
         opacity: isDragging ? 0.7 : 1,
         zIndex: isDragging ? 1 : 0,
-        position: 'relative',
-        background: 'white',
-        touchAction: 'none'
+        position: "relative",
+        background: "white",
+        touchAction: "none"
     };
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("li", {
         className: "ds-u-display--flex ds-u-justify-content--between ds-u-border-bottom--1",
@@ -2514,7 +2490,7 @@ const $5fe94aeb50e0798b$var$Card = ({ id: id, visible: visible, updateVisibility
             // this code forces the repaint without user interaction
             const target = e.target;
             if (isDragging && target.tagName.toLowerCase() === "label") setTimeout(()=>{
-                target.parentNode.querySelector('input').checked = visible;
+                target.parentNode.querySelector("input").checked = visible;
             }, 1);
         },
         children: [
@@ -2531,7 +2507,7 @@ const $5fe94aeb50e0798b$var$Card = ({ id: id, visible: visible, updateVisibility
                 }
             }),
             /*#__PURE__*/ (0, $hgUW1$jsx)("button", {
-                className: `ds-l-col--2 dkan-manage-columns-reorder-button ${isDragging && 'grabbed'}`,
+                className: `ds-l-col--2 dkan-manage-columns-reorder-button ${isDragging && "grabbed"}`,
                 "aria-label": `Reorder ${id} column`,
                 children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
                     className: "fa fa-sort"
@@ -2549,7 +2525,7 @@ class $5d9e2ce238d53d29$var$ExcludeCheckboxKeyboardSensor extends (0, $hgUW1$Key
     // Custom function to exclude checkbox from keyboard dragging
     static activators = [
         {
-            eventName: 'onKeyDown',
+            eventName: "onKeyDown",
             handler: ({ nativeEvent: event })=>{
                 // prevent scrolling the list
                 const isCheckbox = [
@@ -2572,7 +2548,7 @@ class $5d9e2ce238d53d29$var$ExcludeCheckboxPointerSensor extends (0, $hgUW1$Poin
     // Custom function to stop accidental checkbox clicks on pointer activation
     static activators = [
         {
-            eventName: 'onPointerDown',
+            eventName: "onPointerDown",
             handler: ({ nativeEvent: event })=>{
                 if (event.target.tagName.toLowerCase() === "input") return false;
                 if (event.target.tagName.toLowerCase() === "label") event.target.blur();
@@ -2670,13 +2646,13 @@ const $5d9e2ce238d53d29$var$ManageColumns = ({ id: id, columns: columns, default
                                 className: "dkan-dataset-toolbar-button-label",
                                 children: "Manage Columns"
                             }),
-                            hiddenColumns ? ` (${hiddenColumns})` : ''
+                            hiddenColumns ? ` (${hiddenColumns})` : ""
                         ]
                     })
                 ]
             }),
             /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                className: `ds-c-dialog-wrap${modalOpen ? ' open' : ''}`,
+                className: `ds-c-dialog-wrap${modalOpen ? " open" : ""}`,
                 children: /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Dialog), {
                     heading: "Manage columns",
                     isOpen: modalOpen,
@@ -2849,12 +2825,12 @@ const $a35cf16d1488f54e$var$DatasetTable = ({ isModal: isModal = false, showCopy
     if (Object.keys(resource).length && columns.length && resource.schema && Object.keys(distribution).length) return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
         children: [
             /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                className: isModal ? 'dkan-datatable-fullscreen-mode' : '',
+                className: isModal ? "dkan-datatable-fullscreen-mode" : "",
                 children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $d98f94c79ddf4e0e$export$2e2bcd8739ae039), {
                     canResize: true,
                     columns: columns,
                     sortTransform: (0, $aa4450dcbeef3ac0$export$385a5aba38cc3325),
-                    tablePadding: tableDensity === 'normal' ? 'ds-u-padding-y--2' : tableDensity === 'compact' ? 'ds-u-padding-y--1' : 'ds-u-padding-y--3',
+                    tablePadding: tableDensity === "normal" ? "ds-u-padding-y--2" : tableDensity === "compact" ? "ds-u-padding-y--1" : "ds-u-padding-y--3",
                     loading: resource.loading,
                     isModal: isModal,
                     downloadURL: downloadURL,
@@ -2869,14 +2845,14 @@ const $a35cf16d1488f54e$var$DatasetTable = ({ isModal: isModal = false, showCopy
             }),
             !resource.loading && resource.count !== null && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                 className: [
-                    'ds-u-display--flex',
-                    'ds-u-flex-wrap--wrap',
-                    'ds-u-justify-content--end',
-                    'ds-u-md-justify-content--between',
-                    'ds-u-margin-top--2',
-                    'ds-u-align-items--center',
-                    isModal && 'ds-u-margin-bottom--2'
-                ].filter(Boolean).join(' '),
+                    "ds-u-display--flex",
+                    "ds-u-flex-wrap--wrap",
+                    "ds-u-justify-content--end",
+                    "ds-u-md-justify-content--between",
+                    "ds-u-margin-top--2",
+                    "ds-u-align-items--center",
+                    isModal && "ds-u-margin-bottom--2"
+                ].filter(Boolean).join(" "),
                 children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Pagination), {
                     totalPages: Math.ceil(resource.count ? resource.count / pageSize : 1),
                     currentPage: Number(page),
@@ -2915,7 +2891,7 @@ const $16bd41951b91f02d$var$FullScreenDataTable = ({ isModal: isModal })=>{
                 },
                 children: [
                     /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
-                        className: `far ${modalOpen ? 'fa-compress' : 'fa-expand'} ds-u-margin-right--1`
+                        className: `far ${modalOpen ? "fa-compress" : "fa-expand"} ds-u-margin-right--1`
                     }),
                     /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
                         className: "dkan-dataset-toolbar-button-label",
@@ -2924,7 +2900,7 @@ const $16bd41951b91f02d$var$FullScreenDataTable = ({ isModal: isModal })=>{
                 ]
             }),
             /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                className: `ds-c-dialog-wrap${modalOpen ? ' open' : ''}`,
+                className: `ds-c-dialog-wrap${modalOpen ? " open" : ""}`,
                 children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dialog), {
                     heading: "Dataset Explorer",
                     isOpen: modalOpen,
@@ -2959,13 +2935,13 @@ var $16bd41951b91f02d$export$2e2bcd8739ae039 = $16bd41951b91f02d$var$FullScreenD
 
 
 function $eadd6431fddf4b6c$var$getStartDate(condition, schema, id) {
-    if (schema[id].fields[condition.property].mysql_type === 'date') {
+    if (schema[id].fields[condition.property].mysql_type === "date") {
         const newDate = new Date(condition.value.toString());
         if (newDate instanceof Date && !isNaN(newDate.getTime())) return newDate;
     }
     return new Date();
 }
-const $eadd6431fddf4b6c$var$FilterItem = ({ id: id, condition: condition, index: index, update: update, remove: remove, propertyOptions: propertyOptions, schema: schema, className: className = '' })=>{
+const $eadd6431fddf4b6c$var$FilterItem = ({ id: id, condition: condition, index: index, update: update, remove: remove, propertyOptions: propertyOptions, schema: schema, className: className = "" })=>{
     const [operator, setOperator] = (0, $hgUW1$useState)(condition.operator);
     const [property, setProperty] = (0, $hgUW1$useState)(condition.property);
     const [value, setValue] = (0, $hgUW1$useState)(condition.value);
@@ -2975,9 +2951,9 @@ const $eadd6431fddf4b6c$var$FilterItem = ({ id: id, condition: condition, index:
     });
     (0, $hgUW1$useEffect)(()=>{
         if (property !== condition.property) {
-            if (property) update(index, 'property', property);
-            else update(index, 'property', '');
-            if (schema[id].fields[condition.property].mysql_type === 'date') {
+            if (property) update(index, "property", property);
+            else update(index, "property", "");
+            if (schema[id].fields[condition.property].mysql_type === "date") {
                 if (!value) setValue(startDate.toJSON().slice(0, 10));
             }
         }
@@ -2991,22 +2967,22 @@ const $eadd6431fddf4b6c$var$FilterItem = ({ id: id, condition: condition, index:
     ]);
     (0, $hgUW1$useEffect)(()=>{
         if (operator !== condition.operator) {
-            if (operator) update(index, 'operator', operator);
-            else update(index, 'operator', '');
+            if (operator) update(index, "operator", operator);
+            else update(index, "operator", "");
         }
     }, [
         operator
     ]);
     (0, $hgUW1$useEffect)(()=>{
         if (value !== condition.value) {
-            if (value) update(index, 'value', value);
-            else update(index, 'value', '');
+            if (value) update(index, "value", value);
+            else update(index, "value", "");
         }
     }, [
         value
     ]);
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("fieldset", {
-        className: `dkan-filter-dataset-control ds-u-padding-x--2 ds-u-md-padding-x--3 ds-u-padding-y--1 ds-u-margin-top--05${className !== '' ? ` ${className}` : ''}`,
+        className: `dkan-filter-dataset-control ds-u-padding-x--2 ds-u-md-padding-x--3 ds-u-padding-y--1 ds-u-margin-top--05${className !== "" ? ` ${className}` : ""}`,
         children: [
             /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dropdown), {
                 options: propertyOptions,
@@ -3024,7 +3000,7 @@ const $eadd6431fddf4b6c$var$FilterItem = ({ id: id, condition: condition, index:
                 name: `${condition.key}_operator`,
                 onChange: (e)=>setOperator(e.target.value)
             }),
-            schema[id].fields[property].mysql_type === 'date' ? /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+            schema[id].fields[property].mysql_type === "date" ? /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
                 children: [
                     /*#__PURE__*/ (0, $hgUW1$jsx)("label", {
                         className: "ds-c-label",
@@ -3077,15 +3053,15 @@ var $eadd6431fddf4b6c$export$2e2bcd8739ae039 = $eadd6431fddf4b6c$var$FilterItem;
 
 
 
-const $2eec38d4d0dbf714$var$ClearFiltersButton = ({ disabled: disabled = false, clearFiltersFn: clearFiltersFn, disableDefaultClasses: disableDefaultClasses = false, className: className = '' })=>{
+const $2eec38d4d0dbf714$var$ClearFiltersButton = ({ disabled: disabled = false, clearFiltersFn: clearFiltersFn, disableDefaultClasses: disableDefaultClasses = false, className: className = "" })=>{
     const small = (0, $hgUW1$useMediaQuery)({
         minWidth: 0,
         maxWidth: 544
     });
     return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
         disabled: disabled,
-        className: `dkan-clear-dataset-filters-button ${disableDefaultClasses ? '' : ' ds-u-float--right ds-l-md-col--6 ds-l-col--5'}${className !== '' ? ` ${className}` : ''}`,
-        variation: small ? 'ghost' : undefined,
+        className: `dkan-clear-dataset-filters-button ${disableDefaultClasses ? "" : " ds-u-float--right ds-l-md-col--6 ds-l-col--5"}${className !== "" ? ` ${className}` : ""}`,
+        variation: small ? "ghost" : undefined,
         onClick: ()=>clearFiltersFn(),
         children: "Reset"
     });
@@ -3097,19 +3073,19 @@ var $2eec38d4d0dbf714$export$2e2bcd8739ae039 = $2eec38d4d0dbf714$var$ClearFilter
 function $6f4318b1e14124e5$var$updateQueryForDatastore(condition) {
     let cond = condition;
     delete cond.key;
-    if (cond.operator === '=' || cond.operator === '<>') {
+    if (cond.operator === "=" || cond.operator === "<>") {
         if (Array.isArray(cond.value)) cond.value = cond.value.join();
-        cond.value = cond.value.replace(/(^\%+|\%+$)/gm, '');
+        cond.value = cond.value.replace(/(^\%+|\%+$)/gm, "");
     }
-    if (cond.operator.toLowerCase() === 'like') {
+    if (cond.operator.toLowerCase() === "like") {
         if (Array.isArray(cond.value)) cond.value = cond.value.join();
-        const cleanedValue = cond.value.replace(/(^\%+|\%+$)/gm, '');
+        const cleanedValue = cond.value.replace(/(^\%+|\%+$)/gm, "");
         cond.value = `%${cleanedValue}%`;
     }
-    if (cond.operator.toLowerCase() === 'in') {
-        if (!Array.isArray(cond.value)) cond.value = cond.value.split(',');
+    if (cond.operator.toLowerCase() === "in") {
+        if (!Array.isArray(cond.value)) cond.value = cond.value.split(",");
     }
-    if (Array.isArray(cond.value)) cond.value = cond.value.map((v)=>v.trim().replace(/(^\%+|\%+$)/gm, ''));
+    if (Array.isArray(cond.value)) cond.value = cond.value.map((v)=>v.trim().replace(/(^\%+|\%+$)/gm, ""));
     return cond;
 }
 const $6f4318b1e14124e5$var$FilterDataset = ()=>{
@@ -3135,7 +3111,7 @@ const $6f4318b1e14124e5$var$FilterDataset = ()=>{
         } else setQueryConditions([
             {
                 property: fields[0],
-                value: '',
+                value: "",
                 operator: (0, $7264a673914aa746$export$2b9377795161999)(schema[id].fields[fields[0]].mysql_type)[0].value,
                 key: Date.now().toString()
             }
@@ -3152,7 +3128,7 @@ const $6f4318b1e14124e5$var$FilterDataset = ()=>{
             ...queryConditions,
             {
                 property: fields[0],
-                value: '',
+                value: "",
                 operator: (0, $7264a673914aa746$export$2b9377795161999)(schema[id].fields[fields[0]].mysql_type)[0].value,
                 key: Date.now().toString()
             }
@@ -3183,7 +3159,7 @@ const $6f4318b1e14124e5$var$FilterDataset = ()=>{
             encodeValuesOnly: true,
             addQueryPrefix: true
         });
-        window.history.pushState({}, '', `${url.origin}${url.pathname}${urlString}`);
+        window.history.pushState({}, "", `${url.origin}${url.pathname}${urlString}`);
     };
     const submitConditions = ()=>{
         // only update the data conditions when "Apply filters" is pressed
@@ -3257,7 +3233,7 @@ const $6f4318b1e14124e5$var$FilterDataset = ()=>{
                             children: [
                                 /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
                                     className: "dkan-dataset-toolbar-button-label",
-                                    children: conditions.length > 0 ? `Edit Filters` : 'Filter Dataset'
+                                    children: conditions.length > 0 ? `Edit Filters` : "Filter Dataset"
                                 }),
                                 conditions.length > 0 && ` (${conditions.length})`
                             ]
@@ -3265,7 +3241,7 @@ const $6f4318b1e14124e5$var$FilterDataset = ()=>{
                     ]
                 }),
                 /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                    className: `ds-c-dialog-wrap${modalOpen ? ' open' : ''}`,
+                    className: `ds-c-dialog-wrap${modalOpen ? " open" : ""}`,
                     children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dialog), {
                         heading: "Filter Dataset",
                         isOpen: modalOpen,
@@ -3291,7 +3267,7 @@ const $6f4318b1e14124e5$var$FilterDataset = ()=>{
                                         className: "dkan-apply-dataset-filters-button ds-u-float--right ds-l-md-col--auto ds-l-col--auto",
                                         onClick: submitConditions,
                                         variation: "solid",
-                                        children: `Apply ${conditionsReadyToSubmit(queryConditions).length || ''} filter${conditionsReadyToSubmit(queryConditions).length === 1 ? '' : 's'}`
+                                        children: `Apply ${conditionsReadyToSubmit(queryConditions).length || ""} filter${conditionsReadyToSubmit(queryConditions).length === 1 ? "" : "s"}`
                                     })
                                 ]
                             })
@@ -3430,9 +3406,9 @@ const $dae856e97a09bcd6$var$DisplaySettings = ()=>{
                                 className: "ds-u-display--flex ds-u-align-items--start",
                                 children: [
                                     /*#__PURE__*/ (0, $hgUW1$jsx)("button", {
-                                        onClick: ()=>setTableDensity('expanded'),
+                                        onClick: ()=>setTableDensity("expanded"),
                                         "aria-label": "Row height, Expanded",
-                                        className: `dkan-table-density-button ds-u-leading--reset ds-u-padding--1 ds-u-margin--0 ${tableDensity === 'expanded' ? 'active ds-u-fill--primary-lightest' : ''}`,
+                                        className: `dkan-table-density-button ds-u-leading--reset ds-u-padding--1 ds-u-margin--0 ${tableDensity === "expanded" ? "active ds-u-fill--primary-lightest" : ""}`,
                                         children: /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
                                             className: "ds-u-display--block",
                                             children: /*#__PURE__*/ (0, $hgUW1$jsx)("svg", {
@@ -3451,9 +3427,9 @@ const $dae856e97a09bcd6$var$DisplaySettings = ()=>{
                                         })
                                     }),
                                     /*#__PURE__*/ (0, $hgUW1$jsx)("button", {
-                                        onClick: ()=>setTableDensity('normal'),
+                                        onClick: ()=>setTableDensity("normal"),
                                         "aria-label": "Row height, Normal",
-                                        className: `dkan-table-density-button ds-u-leading--reset ds-u-padding--1 ds-u-margin--0 ${tableDensity === 'normal' ? 'active ds-u-fill--primary-lightest' : ''}`,
+                                        className: `dkan-table-density-button ds-u-leading--reset ds-u-padding--1 ds-u-margin--0 ${tableDensity === "normal" ? "active ds-u-fill--primary-lightest" : ""}`,
                                         children: /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
                                             className: "ds-u-display--block",
                                             children: /*#__PURE__*/ (0, $hgUW1$jsx)("svg", {
@@ -3472,9 +3448,9 @@ const $dae856e97a09bcd6$var$DisplaySettings = ()=>{
                                         })
                                     }),
                                     /*#__PURE__*/ (0, $hgUW1$jsx)("button", {
-                                        onClick: ()=>setTableDensity('compact'),
+                                        onClick: ()=>setTableDensity("compact"),
                                         "aria-label": "Row height, Compact",
-                                        className: `dkan-table-density-button ds-u-leading--reset ds-u-padding--1 ds-u-margin--0 ${tableDensity === 'compact' ? 'active ds-u-fill--primary-lightest ' : ''}`,
+                                        className: `dkan-table-density-button ds-u-leading--reset ds-u-padding--1 ds-u-margin--0 ${tableDensity === "compact" ? "active ds-u-fill--primary-lightest " : ""}`,
                                         children: /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
                                             className: "ds-u-display--block",
                                             children: /*#__PURE__*/ (0, $hgUW1$jsx)("svg", {
@@ -3559,7 +3535,7 @@ const $85f8ff1ff89899c7$var$updateBrowserURL = (newConditions)=>{
         encodeValuesOnly: true,
         addQueryPrefix: true
     });
-    window.history.pushState({}, '', `${url.origin}${url.pathname}${urlString}`);
+    window.history.pushState({}, "", `${url.origin}${url.pathname}${urlString}`);
 };
 const $85f8ff1ff89899c7$var$DataTableToolbar = ({ resource: resource, id: id, columns: columns, defaultColumnOrder: defaultColumnOrder, isModal: isModal, datasetTableControls: datasetTableControls, columnVisibility: columnVisibility, setColumnVisibility: setColumnVisibility })=>{
     const { limit: limit, offset: offset, count: count, conditions: conditions, setConditions: setConditions } = resource;
@@ -3645,7 +3621,7 @@ const $85f8ff1ff89899c7$var$DataTableToolbar = ({ resource: resource, id: id, co
                                         }, index)) : null,
                                     hiddenColumns > 0 ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $c5b172e8d1a8197c$export$2e2bcd8739ae039), {
                                         iconClass: "fa fa-columns",
-                                        text: `${hiddenColumns} Column${hiddenColumns === 1 ? '' : 's'} Hidden`,
+                                        text: `${hiddenColumns} Column${hiddenColumns === 1 ? "" : "s"} Hidden`,
                                         onClick: ()=>{
                                             resetColumnVisibility();
                                         }
@@ -3680,7 +3656,6 @@ const $d98f94c79ddf4e0e$var$DataTable = ({ columns: columns, sortTransform: sort
     const { conditions: conditions } = resource;
     const data = resource.values;
     const [sorting, setSorting] = (0, $hgUW1$useState)([]);
-    const [ariaLiveFeedback, setAriaLiveFeedback] = (0, $hgUW1$useState)('');
     const dataTableWrapperElement = (0, $hgUW1$useRef)(null);
     const columnHelper = (0, $hgUW1$createColumnHelper)();
     const table_columns = columns.map((col)=>{
@@ -3699,9 +3674,9 @@ const $d98f94c79ddf4e0e$var$DataTable = ({ columns: columns, sortTransform: sort
         columnOrder
     ]);
     const sortElement = (isSorted, onClickFn)=>{
-        if (isSorted === 'asc') return 'dc-c-sort--asc';
-        if (isSorted === 'desc') return 'dc-c-sort--desc';
-        return 'dc-c-sort--default';
+        if (isSorted === "asc") return "dc-c-sort--asc";
+        if (isSorted === "desc") return "dc-c-sort--desc";
+        return "dc-c-sort--default";
     };
     const filters = [];
     const table = (0, $hgUW1$useReactTable)({
@@ -3713,7 +3688,7 @@ const $d98f94c79ddf4e0e$var$DataTable = ({ columns: columns, sortTransform: sort
             columnVisibility: columnVisibility,
             sorting: sorting
         },
-        columnResizeMode: 'onChange',
+        columnResizeMode: "onChange",
         onSortingChange: setSorting,
         onColumnOrderChange: setColumnOrder,
         onColumnVisibilityChange: setColumnVisibility,
@@ -3730,7 +3705,7 @@ const $d98f94c79ddf4e0e$var$DataTable = ({ columns: columns, sortTransform: sort
     const defaultColumnOrder = (0, $hgUW1$useMemo)(()=>table_columns.map((column)=>column.accessorKey), []);
     const tableWrapperWidth = ()=>{
         if (dataTableWrapperElement.current) return dataTableWrapperElement.current.offsetWidth;
-        return 'auto';
+        return "auto";
     };
     (0, $hgUW1$useEffect)(()=>{
         setHighlightRow(null);
@@ -3876,57 +3851,48 @@ const $d98f94c79ddf4e0e$var$DataTable = ({ columns: columns, sortTransform: sort
                     })
                 ]
             }),
-            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                 className: "dc-c-datatable-wrapper ds-u-border-x--1 ds-u-border-bottom--1",
                 tabIndex: 0,
                 ref: dataTableWrapperElement,
-                children: [
-                    /*#__PURE__*/ (0, $hgUW1$jsxs)("table", {
-                        style: {
-                            width: canResize ? table.getCenterTotalSize() : "100%",
-                            minWidth: tableWrapperWidth()
-                        },
-                        className: "dc-c-datatable",
-                        children: [
-                            canResize ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $96d341d082bffec5$export$2e2bcd8739ae039), {
-                                table: table,
-                                sortElement: sortElement,
-                                setAriaLiveFeedback: setAriaLiveFeedback
-                            }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $23763e27eda0e8d7$export$2e2bcd8739ae039), {
-                                table: table,
-                                sortElement: sortElement
-                            }),
-                            loading ? /*#__PURE__*/ (0, $hgUW1$jsx)("tbody", {}) : /*#__PURE__*/ (0, $hgUW1$jsx)("tbody", {
-                                children: table.getRowModel().rows.map((row, index)=>{
-                                    const even = (index + 1) % 2 === 0;
-                                    const highlight = highlightRow === row.id;
-                                    return /*#__PURE__*/ (0, $hgUW1$jsx)("tr", {
-                                        className: `${highlight ? "dc-c-datatable--highlight-row" : even && "dc-c-datatable--even-row"}`,
-                                        onClick: ()=>setHighlightRow(row.id),
-                                        children: row.getVisibleCells().map((cell)=>{
-                                            let classList = "dc-truncate ds-u-padding-x--1";
-                                            return /*#__PURE__*/ (0, $hgUW1$jsx)("td", {
-                                                key: cell.id,
-                                                style: {
-                                                    maxWidth: cell.column.getSize()
-                                                },
-                                                className: `${classList} ${tablePadding}`,
-                                                title: cell.getValue(),
-                                                children: (0, $hgUW1$flexRender)(cell.column.columnDef.cell, cell.getContext())
-                                            });
-                                        })
-                                    }, row.id);
-                                })
+                children: /*#__PURE__*/ (0, $hgUW1$jsxs)("table", {
+                    style: {
+                        width: canResize ? table.getCenterTotalSize() : "100%",
+                        minWidth: tableWrapperWidth()
+                    },
+                    className: "dc-c-datatable",
+                    children: [
+                        canResize ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $96d341d082bffec5$export$2e2bcd8739ae039), {
+                            table: table,
+                            sortElement: sortElement
+                        }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $23763e27eda0e8d7$export$2e2bcd8739ae039), {
+                            table: table,
+                            sortElement: sortElement
+                        }),
+                        loading ? /*#__PURE__*/ (0, $hgUW1$jsx)("tbody", {}) : /*#__PURE__*/ (0, $hgUW1$jsx)("tbody", {
+                            children: table.getRowModel().rows.map((row, index)=>{
+                                const even = (index + 1) % 2 === 0;
+                                const highlight = highlightRow === row.id;
+                                return /*#__PURE__*/ (0, $hgUW1$jsx)("tr", {
+                                    className: `${highlight ? "dc-c-datatable--highlight-row" : even && "dc-c-datatable--even-row"}`,
+                                    onClick: ()=>setHighlightRow(row.id),
+                                    children: row.getVisibleCells().map((cell)=>{
+                                        let classList = "dc-truncate ds-u-padding-x--1";
+                                        return /*#__PURE__*/ (0, $hgUW1$jsx)("td", {
+                                            key: cell.id,
+                                            style: {
+                                                maxWidth: cell.column.getSize()
+                                            },
+                                            className: `${classList} ${tablePadding}`,
+                                            title: cell.getValue(),
+                                            children: (0, $hgUW1$flexRender)(cell.column.columnDef.cell, cell.getContext())
+                                        });
+                                    })
+                                }, row.id);
                             })
-                        ]
-                    }),
-                    /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                        className: "sr-only",
-                        "aria-live": "assertive",
-                        "aria-atomic": "true",
-                        children: ariaLiveFeedback
-                    })
-                ]
+                        })
+                    ]
+                })
             }),
             loading && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Spinner), {
                 "aria-valuetext": "Dataset loading",
@@ -3960,7 +3926,7 @@ function $626282d9a03c51d5$var$DefaultColumnFilter({ column: { Header: Header, a
         },
         labelClassName: "ds-u-visibility--screen-reader",
         name: accessor,
-        value: filterValue || ''
+        value: filterValue || ""
     });
 }
 const $626282d9a03c51d5$var$ResourcePreview = ({ tablePadding: tablePadding, id: id, canResize: canResize = true })=>{
@@ -4036,7 +4002,7 @@ const $ec3e23baa005dc03$var$Breadcrumb = ({ currentPage: currentPage, pageTrail:
                     children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
                         children: currentPage
                     })
-                }) : ''
+                }) : ""
             ]
         })
     });
@@ -4093,11 +4059,11 @@ var $10acbeaa4d8f6040$export$2e2bcd8739ae039 = $10acbeaa4d8f6040$var$ChevronRigh
 
 
 
-const $bdb071ea3a6d3466$var$SearchInput = ({ placeholder: placeholder = 'Search the Data', showMagnifyingGlass: showMagnifyingGlass, showSearchButton: showSearchButton, onDark: onDark, onChange: onChange, onSubmit: onSubmit, onKeyDown: onKeyDown, defaultValue: defaultValue = '' })=>/*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+const $bdb071ea3a6d3466$var$SearchInput = ({ placeholder: placeholder = "Search the Data", showMagnifyingGlass: showMagnifyingGlass, showSearchButton: showSearchButton, onDark: onDark, onChange: onChange, onSubmit: onSubmit, onKeyDown: onKeyDown, defaultValue: defaultValue = "" })=>/*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
         className: "search-input-container",
         children: [
             /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TextField), {
-                className: `${showMagnifyingGlass ? 'left-padding' : ''} ${showSearchButton ? 'right-padding' : ''}`,
+                className: `${showMagnifyingGlass ? "left-padding" : ""} ${showSearchButton ? "right-padding" : ""}`,
                 label: placeholder,
                 labelClassName: "ds-u-visibility--screen-reader",
                 placeholder: placeholder,
@@ -4112,7 +4078,7 @@ const $bdb071ea3a6d3466$var$SearchInput = ({ placeholder: placeholder = 'Search
             }),
             showSearchButton && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Button), {
                 variation: "solid",
-                className: onDark && 'on-dark',
+                className: onDark && "on-dark",
                 onClick: onSubmit,
                 children: [
                     /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
@@ -4231,7 +4197,7 @@ const $c96c4b9ef7203c1f$var$APIPage = ({ hideAuth: hideAuth = true, rootUrl: roo
                     url: `${rootUrl}${(0, $hgUW1$qs).stringify((0, $6d5c0212e738499b$export$34e95918366a058e)(params, ACA), {
                         addQueryPrefix: true
                     })}`,
-                    docExpansion: 'list',
+                    docExpansion: "list",
                     defaultModelsExpandDepth: -1,
                     plugins: [
                         (0, $hgUW1$SpanOpenAPIVersion),
@@ -4339,7 +4305,7 @@ const $0a551147dc92a718$var$SearchButton = (props)=>{
         size: "big",
         type: "submit",
         style: {
-            width: '70px'
+            width: "70px"
         },
         children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
             className: "fas fa-search small-text"
@@ -4356,7 +4322,7 @@ const $0a551147dc92a718$var$SearchButton = (props)=>{
                 className: "full-text ds-u-display--none ds-u-sm-display--inline-block ds-u-display--flex ds-u-align-items--center",
                 children: [
                     /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                        children: text ? text : 'Search'
+                        children: text ? text : "Search"
                     }),
                     ` `,
                     /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
@@ -4441,12 +4407,12 @@ async function $eff7d34c30f5a0fc$export$2d2256cb46e92ff7(rootUrl, options, ACA)
         fulltext: fulltext ? fulltext : undefined,
         ...selectedFacets,
         sort: sort ? sort : undefined,
-        ['sort-order']: sortOrder ? sortOrder : undefined,
+        ["sort-order"]: sortOrder ? sortOrder : undefined,
         page: page !== 1 ? page : undefined,
-        ['page-size']: pageSize !== 10 ? pageSize : undefined
+        ["page-size"]: pageSize !== 10 ? pageSize : undefined
     };
     return await (0, $hgUW1$axios).get(`${rootUrl}/search/?${(0, $hgUW1$qs).stringify((0, $6d5c0212e738499b$export$34e95918366a058e)(params, ACA), {
-        arrayFormat: 'comma',
+        arrayFormat: "comma",
         encode: false
     })}`);
 }
@@ -4457,26 +4423,26 @@ async function $eff7d34c30f5a0fc$export$2d2256cb46e92ff7(rootUrl, options, ACA)
 
 const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
     const { rootUrl: rootUrl, enableSort: enableSort = true, enablePagination: enablePagination = true, defaultPageSize: defaultPageSize = 10, defaultSort: defaultSort = {
-        defaultSort: 'modified',
-        defaultOrder: 'desc'
-    }, pageTitle: pageTitle = 'Dataset Explorer', filterTitle: filterTitle = 'Tags', showLargeFileWarning: showLargeFileWarning = false, largeFileThemes: largeFileThemes, introText: introText = '', showDownloadIcon: showDownloadIcon = false, altMobileSearchButton: altMobileSearchButton, dataDictionaryLinks: dataDictionaryLinks = false } = props;
+        defaultSort: "modified",
+        defaultOrder: "desc"
+    }, pageTitle: pageTitle = "Dataset Explorer", filterTitle: filterTitle = "Tags", showLargeFileWarning: showLargeFileWarning = false, largeFileThemes: largeFileThemes, introText: introText = "", showDownloadIcon: showDownloadIcon = false, altMobileSearchButton: altMobileSearchButton, dataDictionaryLinks: dataDictionaryLinks = false } = props;
     const { ACA: ACA } = (0, $hgUW1$useContext)((0, $844981eac9b63865$export$eccc29c8d0ff408));
     const sortOptions = [
         {
-            label: 'Newest',
-            value: 'newest'
+            label: "Newest",
+            value: "newest"
         },
         {
-            label: 'Oldest',
-            value: 'oldest'
+            label: "Oldest",
+            value: "oldest"
         },
         {
-            label: 'Title A-Z',
-            value: 'titleAZ'
+            label: "Title A-Z",
+            value: "titleAZ"
         },
         {
-            label: 'Title Z-A',
-            value: 'titleZA'
+            label: "Title Z-A",
+            value: "titleZA"
         }
     ];
     const defaultSortBy = "";
@@ -4495,7 +4461,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
         endingNumber: 0
     });
     const [noResults, setNoResults] = (0, $hgUW1$useState)(false);
-    const [announcementText, setAnnouncementText] = (0, $hgUW1$useState)('');
+    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);
@@ -4504,7 +4470,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
     const [sort, setSort] = (0, $hgUW1$useState)(transformedParams.sort ? transformedParams.sort : defaultSort ? defaultSort.defaultSort : defaultSortBy);
     const [sortOrder, setSortOrder] = (0, $hgUW1$useState)(transformedParams.sortOrder ? transformedParams.sortOrder : defaultSort ? defaultSort.defaultOrder : defaultSortOrder);
     const [sortDisplay, setSortDisplay] = (0, $hgUW1$useState)(()=>{
-        return sort === 'modified' ? sortOrder === 'desc' ? 'newest' : 'oldest' : sortOrder === 'desc' ? 'titleZA' : 'titleAZ';
+        return sort === "modified" ? sortOrder === "desc" ? "newest" : "oldest" : sortOrder === "desc" ? "titleZA" : "titleAZ";
     });
     const [selectedFacets, setSelectedFacets] = (0, $hgUW1$useState)(transformedParams.selectedFacets ? transformedParams.selectedFacets : {
         theme: [],
@@ -4513,21 +4479,21 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
     const setSortOptions = (value)=>{
         setSortDisplay(value);
         switch(value){
-            case 'newest':
-                setSort('modified');
-                setSortOrder('desc');
+            case "newest":
+                setSort("modified");
+                setSortOrder("desc");
                 break;
-            case 'oldest':
-                setSort('modified');
-                setSortOrder('asc');
+            case "oldest":
+                setSort("modified");
+                setSortOrder("asc");
                 break;
-            case 'titleAZ':
-                setSort('title');
-                setSortOrder('asc');
+            case "titleAZ":
+                setSort("title");
+                setSortOrder("asc");
                 break;
-            case 'titleZA':
-                setSort('title');
-                setSortOrder('desc');
+            case "titleZA":
+                setSort("title");
+                setSortOrder("desc");
                 break;
         }
     };
@@ -4535,12 +4501,12 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
         const newFacets = {
             ...selectedFacets
         };
-        if (key === 'theme') {
+        if (key === "theme") {
             const existingFacet = newFacets.theme.findIndex((s)=>s === value);
             if (existingFacet > -1) newFacets.theme.splice(existingFacet, 1);
             else newFacets.theme.push(value);
         }
-        if (key === 'keyword') {
+        if (key === "keyword") {
             const existingFacet = newFacets.keyword.findIndex((s)=>s === value);
             if (existingFacet > -1) newFacets.keyword.splice(existingFacet, 1);
             else newFacets.keyword.push(value);
@@ -4554,59 +4520,23 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
         });
         setSelectedFacets(newFacets);
         const url = new URL(window.location.href);
-        window.history.pushState({}, '', `${url.origin}${url.pathname}${urlString}`);
+        window.history.pushState({}, "", `${url.origin}${url.pathname}${urlString}`);
     }
     const pageSize = defaultPageSize;
-    (0, $hgUW1$useEffect)(()=>{
-        const baseNumber = Number(totalItems) > 0 ? 1 : 0;
-        const startingNumber = baseNumber + (Number(pageSize) * Number(page) - Number(pageSize));
-        const endingNumber = Number(pageSize) * Number(page);
-        setCurrentResultNumbers({
-            total: Number(totalItems),
-            startingNumber: Number(totalItems) >= startingNumber ? startingNumber : 0,
-            endingNumber: Number(totalItems) < endingNumber ? Number(totalItems) : endingNumber
-        });
-        setTimeout(()=>{
-            setAnnouncementText(`Showing ${startingNumber} to ${endingNumber} of ${totalItems} datasets`);
-        }, 100);
-        if (totalItems <= 0 && currentResultNumbers !== null) setNoResults(true);
-        else setNoResults(false);
-    }, [
-        totalItems,
-        pageSize,
-        page
-    ]);
-    (0, $hgUW1$useEffect)(()=>{
-        if (page !== 1 && (transformedParams.fulltext !== fulltext || transformedParams.selectedFacets !== selectedFacets)) setPage(1);
-    }, [
-        fulltext,
-        selectedFacets
-    ]);
-    (0, $hgUW1$useEffect)(()=>{
-        if (totalItems !== null && totalItems !== undefined && totalItems > 0) {
-            var params = buildSearchParams(true);
-            if (params !== location.search) setSearchParams(params);
-        }
-    }, [
-        page,
-        sort,
-        sortOrder,
-        totalItems
-    ]);
     function resetFilters() {
         setFullText(defaultFulltext);
         setFilterText(defaultFulltext);
         setSelectedFacets(defaultSelectedFacets);
         setPage(defaultPage);
         const url = new URL(window.location.href);
-        window.history.pushState({}, '', `${url.origin}${url.pathname}`);
+        window.history.pushState({}, "", `${url.origin}${url.pathname}`);
     }
     function buildSearchParams(includePage) {
         let newParams = {};
         if (Number(page) !== 1 && includePage) newParams.page = page;
         if (sort !== defaultSort.defaultSort) newParams.sort = sort;
         if (sortOrder !== defaultSort.defaultOrder) newParams.sortOrder = sortOrder;
-        if (fulltext !== '') newParams.fulltext = fulltext;
+        if (fulltext !== "") newParams.fulltext = fulltext;
         if (Object.keys(selectedFacets).length) Object.keys(selectedFacets).forEach((key)=>{
             newParams[key] = selectedFacets[key];
         });
@@ -4619,9 +4549,9 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
         fulltext: fulltext ? fulltext : undefined,
         ...selectedFacets,
         sort: sort ? sort : undefined,
-        ['sort-order']: sortOrder ? sortOrder : undefined,
+        ["sort-order"]: sortOrder ? sortOrder : undefined,
         page: page !== 1 ? page : undefined,
-        ['page-size']: pageSize !== 10 ? pageSize : undefined
+        ["page-size"]: pageSize !== 10 ? pageSize : undefined
     };
     const { data: data, isPending: isPending, error: error } = (0, $hgUW1$useQuery)({
         queryKey: [
@@ -4630,7 +4560,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
         ],
         queryFn: ()=>{
             return (0, $hgUW1$axios).get(`${rootUrl}/search/?${(0, $hgUW1$qs).stringify((0, $6d5c0212e738499b$export$34e95918366a058e)(params, ACA), {
-                arrayFormat: 'comma',
+                arrayFormat: "comma",
                 encode: false
             })}`);
         }
@@ -4640,6 +4570,50 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
         theme: null,
         keyword: null
     };
+    (0, $hgUW1$useEffect)(()=>{
+        const baseNumber = Number(totalItems) > 0 ? 1 : 0;
+        const startingNumber = baseNumber + (Number(pageSize) * Number(page) - Number(pageSize));
+        const endingNumber = Number(pageSize) * Number(page);
+        setCurrentResultNumbers({
+            total: Number(totalItems),
+            startingNumber: Number(totalItems) >= startingNumber ? startingNumber : 0,
+            endingNumber: Number(totalItems) < endingNumber ? Number(totalItems) : endingNumber
+        });
+        if (totalItems <= 0 && currentResultNumbers !== null) setNoResults(true);
+        else setNoResults(false);
+    }, [
+        totalItems,
+        pageSize,
+        page
+    ]);
+    (0, $hgUW1$useEffect)(()=>{
+        if (page !== 1 && (transformedParams.fulltext !== fulltext || transformedParams.selectedFacets !== selectedFacets)) setPage(1);
+    }, [
+        fulltext,
+        selectedFacets
+    ]);
+    (0, $hgUW1$useEffect)(()=>{
+        if (totalItems !== null && totalItems !== undefined && totalItems > 0) {
+            var params = buildSearchParams(true);
+            if (params !== location.search) setSearchParams(params);
+        }
+    }, [
+        page,
+        sort,
+        sortOrder,
+        totalItems
+    ]);
+    (0, $hgUW1$useEffect)(()=>{
+        // No results found
+        if (noResults) setAnnouncementText("No results found.");
+        else if (!isPending && (!data || !data.data.results)) setAnnouncementText("Could not connect to the API.");
+        else setAnnouncementText(`Showing ${currentResultNumbers.startingNumber} to ${currentResultNumbers.endingNumber} of ${currentResultNumbers.total} datasets`);
+    }, [
+        data,
+        isPending,
+        noResults,
+        currentResultNumbers
+    ]);
     return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
         children: [
             /*#__PURE__*/ (0, $hgUW1$jsx)((0, $5723016a5461c1ca$export$2e2bcd8739ae039), {
@@ -4648,6 +4622,15 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
             /*#__PURE__*/ (0, $hgUW1$jsxs)("section", {
                 className: "ds-l-container",
                 children: [
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                        children: /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+                            className: "ds-u-visibility--screen-reader",
+                            "aria-live": "assertive",
+                            "aria-atomic": "true",
+                            "data-testid": "currentResults",
+                            children: announcementText
+                        })
+                    }),
                     /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                         className: "ds-l-row",
                         children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
@@ -4681,7 +4664,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
                                         /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TextField), {
                                             fieldClassName: "ds-u-margin--0",
                                             value: filterText,
-                                            className: `ds-u-padding-right--2 ${altMobileSearchButton ? 'ds-l-col--12 ds-l-md-col--10 --alt-style' : 'ds-l-col--10'}`,
+                                            className: `ds-u-padding-right--2 ${altMobileSearchButton ? "ds-l-col--12 ds-l-md-col--10 --alt-style" : "ds-l-col--10"}`,
                                             label: "Search datasets",
                                             labelClassName: "ds-u-visibility--screen-reader",
                                             placeholder: "Search datasets",
@@ -4732,34 +4715,23 @@ 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$jsxs)("div", {
+                                                enablePagination && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                                                     className: "ds-l-col--12 ds-l-sm-col--6 ds-l-md-col--8 ds-u-sm-padding-left--0",
-                                                    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
+                                                    children: /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+                                                        className: "ds-u-margin-y--0",
+                                                        children: currentResultNumbers && data && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
+                                                            children: [
+                                                                "Showing ",
+                                                                currentResultNumbers.startingNumber,
+                                                                " -",
+                                                                " ",
+                                                                currentResultNumbers.endingNumber,
+                                                                " of ",
+                                                                data.data.total,
+                                                                " datasets"
+                                                            ]
                                                         })
-                                                    ]
+                                                    })
                                                 }),
                                                 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",
@@ -4780,6 +4752,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
                                             children: [
                                                 noResults && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
                                                     variation: "error",
+                                                    role: "region",
                                                     heading: "No results found."
                                                 }),
                                                 data && data.data.results ? Object.keys(data.data.results).map((key)=>{
@@ -4807,6 +4780,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
                                                     }, item.identifier);
                                                 }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
                                                     variation: "error",
+                                                    role: "region",
                                                     heading: "Could not connect to the API."
                                                 })
                                             ]
@@ -4821,7 +4795,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
                                             },
                                             renderHref: (page)=>{
                                                 const searchParams = buildSearchParams(false);
-                                                const includeAnd = searchParams ? '&' : '';
+                                                const includeAnd = searchParams ? "&" : "";
                                                 return `/datasets?page=${page}${includeAnd}${searchParams}`;
                                             }
                                         })
@@ -4855,26 +4829,26 @@ var $e873081a6e8f024e$export$2e2bcd8739ae039 = (0, $61ff88fb3f6ee2c8$export$2e2b
 
 
 const $550bcc185f420ff5$var$DatasetList = ({ rootUrl: rootUrl, enableSort: enableSort = true, enablePagination: enablePagination = true, defaultPageSize: defaultPageSize = 10, defaultSort: defaultSort = {
-    defaultSort: 'modified',
-    defaultOrder: 'desc'
-}, pageTitle: pageTitle = 'What\'s New ', showLargeFileWarning: showLargeFileWarning = false, introText: introText = '', dataDictionaryLinks: dataDictionaryLinks = false })=>{
+    defaultSort: "modified",
+    defaultOrder: "desc"
+}, pageTitle: pageTitle = "What's New ", showLargeFileWarning: showLargeFileWarning = false, introText: introText = "", dataDictionaryLinks: dataDictionaryLinks = false })=>{
     const { ACA: ACA } = (0, $hgUW1$useContext)((0, $844981eac9b63865$export$eccc29c8d0ff408));
     const sortOptions = [
         {
-            label: 'Newest',
-            value: 'newest'
+            label: "Newest",
+            value: "newest"
         },
         {
-            label: 'Oldest',
-            value: 'oldest'
+            label: "Oldest",
+            value: "oldest"
         },
         {
-            label: 'Title A-Z',
-            value: 'titleAZ'
+            label: "Title A-Z",
+            value: "titleAZ"
         },
         {
-            label: 'Title Z-A',
-            value: 'titleZA'
+            label: "Title Z-A",
+            value: "titleZA"
         }
     ];
     const defaultSortBy = "";
@@ -4888,42 +4862,71 @@ const $550bcc185f420ff5$var$DatasetList = ({ rootUrl: rootUrl, enableSort: enabl
         endingNumber: 0
     });
     const [noResults, setNoResults] = (0, $hgUW1$useState)(false);
-    const [announcementText, setAnnouncementText] = (0, $hgUW1$useState)('');
+    const [announcementText, setAnnouncementText] = (0, $hgUW1$useState)("");
     let [searchParams, setSearchParams] = (0, $hgUW1$useSearchParams)();
     const [totalItems, setTotalItems] = (0, $hgUW1$useState)(0);
     const [page, setPage] = (0, $hgUW1$useState)(transformedParams.page ? transformedParams.page : defaultPage);
     const [sort, setSort] = (0, $hgUW1$useState)(transformedParams.sort ? transformedParams.sort : defaultSort ? defaultSort.defaultSort : defaultSortBy);
     const [sortOrder, setSortOrder] = (0, $hgUW1$useState)(transformedParams.sortOrder ? transformedParams.sortOrder : defaultSort ? defaultSort.defaultOrder : defaultSortOrder);
     const [sortDisplay, setSortDisplay] = (0, $hgUW1$useState)(()=>{
-        return sort === 'modified' ? sortOrder === 'desc' ? 'newest' : 'oldest' : sortOrder === 'desc' ? 'titleZA' : 'titleAZ';
+        return sort === "modified" ? sortOrder === "desc" ? "newest" : "oldest" : sortOrder === "desc" ? "titleZA" : "titleAZ";
     });
     const setSortOptions = (value)=>{
         setSortDisplay(value);
         switch(value){
-            case 'newest':
-                setSort('modified');
-                setSortOrder('desc');
+            case "newest":
+                setSort("modified");
+                setSortOrder("desc");
                 break;
-            case 'oldest':
-                setSort('modified');
-                setSortOrder('asc');
+            case "oldest":
+                setSort("modified");
+                setSortOrder("asc");
                 break;
-            case 'titleAZ':
-                setSort('title');
-                setSortOrder('asc');
+            case "titleAZ":
+                setSort("title");
+                setSortOrder("asc");
                 break;
-            case 'titleZA':
-                setSort('title');
-                setSortOrder('desc');
+            case "titleZA":
+                setSort("title");
+                setSortOrder("desc");
                 break;
         }
     };
     const pageSize = defaultPageSize;
+    function buildSearchParams(includePage) {
+        let newParams = {};
+        if (Number(page) !== 1 && includePage) newParams.page = page;
+        if (sort !== defaultSort.defaultSort) newParams.sort = sort;
+        if (sortOrder !== defaultSort.defaultOrder) newParams.sortOrder = sortOrder;
+        return (0, $hgUW1$qs).stringify(newParams, {
+            addQueryPrefix: includePage,
+            encode: true
+        });
+    }
+    let params = {
+        sort: sort ? sort : undefined,
+        ["sort-order"]: sortOrder ? sortOrder : undefined,
+        page: page !== 1 ? page : undefined,
+        ["page-size"]: pageSize !== 10 ? pageSize : undefined
+    };
+    const { data: data, isPending: isPending, error: error } = (0, $hgUW1$useQuery)({
+        queryKey: [
+            "datasets",
+            params
+        ],
+        queryFn: ()=>{
+            return (0, $hgUW1$axios).get(`${rootUrl}/search/?${(0, $hgUW1$qs).stringify((0, $6d5c0212e738499b$export$34e95918366a058e)(params, ACA), {
+                arrayFormat: "comma",
+                encode: false
+            })}`);
+        }
+    });
+    if (data && data.data.total && totalItems != data.data.total) setTotalItems(data.data.total);
     (0, $hgUW1$useEffect)(()=>{
         // Update browser URL with current search params
         const params = buildSearchParams(true);
         const url = new URL(window.location.href);
-        window.history.pushState({}, '', `${url.origin}${url.pathname}${params}`);
+        window.history.pushState({}, "", `${url.origin}${url.pathname}${params}`);
         const baseNumber = Number(totalItems) > 0 ? 1 : 0;
         const startingNumber = baseNumber + (Number(pageSize) * Number(page) - Number(pageSize));
         const endingNumber = Number(pageSize) * Number(page);
@@ -4932,9 +4935,6 @@ const $550bcc185f420ff5$var$DatasetList = ({ rootUrl: rootUrl, enableSort: enabl
             startingNumber: Number(totalItems) >= startingNumber ? startingNumber : 0,
             endingNumber: Number(totalItems) < endingNumber ? Number(totalItems) : endingNumber
         });
-        setTimeout(()=>{
-            setAnnouncementText(`Showing ${startingNumber} to ${endingNumber} of ${totalItems} datasets`);
-        }, 100);
         if (totalItems <= 0 && currentResultNumbers !== null) setNoResults(true);
         else setNoResults(false);
     }, [
@@ -4950,35 +4950,17 @@ const $550bcc185f420ff5$var$DatasetList = ({ rootUrl: rootUrl, enableSort: enabl
         sort,
         sortOrder
     ]);
-    function buildSearchParams(includePage) {
-        let newParams = {};
-        if (Number(page) !== 1 && includePage) newParams.page = page;
-        if (sort !== defaultSort.defaultSort) newParams.sort = sort;
-        if (sortOrder !== defaultSort.defaultOrder) newParams.sortOrder = sortOrder;
-        return (0, $hgUW1$qs).stringify(newParams, {
-            addQueryPrefix: includePage,
-            encode: true
-        });
-    }
-    let params = {
-        sort: sort ? sort : undefined,
-        ['sort-order']: sortOrder ? sortOrder : undefined,
-        page: page !== 1 ? page : undefined,
-        ['page-size']: pageSize !== 10 ? pageSize : undefined
-    };
-    const { data: data, isPending: isPending, error: error } = (0, $hgUW1$useQuery)({
-        queryKey: [
-            "datasets",
-            params
-        ],
-        queryFn: ()=>{
-            return (0, $hgUW1$axios).get(`${rootUrl}/search/?${(0, $hgUW1$qs).stringify((0, $6d5c0212e738499b$export$34e95918366a058e)(params, ACA), {
-                arrayFormat: 'comma',
-                encode: false
-            })}`);
-        }
-    });
-    if (data && data.data.total && totalItems != data.data.total) setTotalItems(data.data.total);
+    (0, $hgUW1$useEffect)(()=>{
+        // No results found
+        if (noResults) setAnnouncementText("No results found.");
+        else if (!isPending && (!data || !data.data.results)) setAnnouncementText("Could not connect to the API.");
+        else setAnnouncementText(`Showing ${currentResultNumbers.startingNumber} to ${currentResultNumbers.endingNumber} of ${currentResultNumbers.total} datasets`);
+    }, [
+        data,
+        isPending,
+        noResults,
+        currentResultNumbers
+    ]);
     return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
         children: [
             /*#__PURE__*/ (0, $hgUW1$jsx)((0, $5723016a5461c1ca$export$2e2bcd8739ae039), {
@@ -4987,6 +4969,15 @@ const $550bcc185f420ff5$var$DatasetList = ({ rootUrl: rootUrl, enableSort: enabl
             /*#__PURE__*/ (0, $hgUW1$jsxs)("section", {
                 className: "ds-l-container",
                 children: [
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                        children: /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+                            className: "ds-u-visibility--screen-reader",
+                            "aria-live": "assertive",
+                            "aria-atomic": "true",
+                            "data-testid": "currentResults",
+                            children: announcementText
+                        })
+                    }),
                     /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                         className: "ds-l-row",
                         children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
@@ -5027,33 +5018,22 @@ const $550bcc185f420ff5$var$DatasetList = ({ rootUrl: rootUrl, enableSort: enabl
                                                         className: "ds-u-margin-bottom--3",
                                                         children: introText ? introText : null
                                                     }),
-                                                    enablePagination && /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                                                        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
+                                                    enablePagination && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                                        children: /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+                                                            className: "ds-u-margin-y--0",
+                                                            children: currentResultNumbers && data && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
+                                                                children: [
+                                                                    "Showing ",
+                                                                    currentResultNumbers.startingNumber,
+                                                                    " -",
+                                                                    " ",
+                                                                    currentResultNumbers.endingNumber,
+                                                                    " of ",
+                                                                    data.data.total,
+                                                                    " datasets"
+                                                                ]
                                                             })
-                                                        ]
+                                                        })
                                                     })
                                                 ]
                                             }),
@@ -5076,6 +5056,7 @@ const $550bcc185f420ff5$var$DatasetList = ({ rootUrl: rootUrl, enableSort: enabl
                                         children: [
                                             noResults && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
                                                 variation: "error",
+                                                role: "region",
                                                 heading: "No results found."
                                             }),
                                             data && data.data.results ? Object.keys(data.data.results).map((key)=>{
@@ -5090,6 +5071,7 @@ const $550bcc185f420ff5$var$DatasetList = ({ rootUrl: rootUrl, enableSort: enabl
                                                 }, item.identifier);
                                             }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
                                                 variation: "error",
+                                                role: "region",
                                                 heading: "Could not connect to the API."
                                             })
                                         ]
@@ -5104,7 +5086,7 @@ const $550bcc185f420ff5$var$DatasetList = ({ rootUrl: rootUrl, enableSort: enabl
                                         },
                                         renderHref: (page)=>{
                                             const searchParams = buildSearchParams(false);
-                                            const includeAnd = searchParams ? '&' : '';
+                                            const includeAnd = searchParams ? "&" : "";
                                             return `/datasets?page=${page}${includeAnd}${searchParams}`;
                                         }
                                     })
@@ -5136,12 +5118,12 @@ var $550bcc185f420ff5$export$2e2bcd8739ae039 = (0, $61ff88fb3f6ee2c8$export$2e2b
 
 const $b4aa9c66f2e86959$var$useMetastoreDataset = (datasetId, rootAPIUrl)=>{
     const [dataset, setDataset] = (0, $hgUW1$useState)({
-        title: '',
+        title: "",
         distribution: [],
-        error: '',
-        description: '',
-        identifier: '',
-        modified: ''
+        error: "",
+        description: "",
+        identifier: "",
+        modified: ""
     });
     const [id, setId] = (0, $hgUW1$useState)(datasetId);
     const [rootUrl, setRootUrl] = (0, $hgUW1$useState)(rootAPIUrl);
@@ -5151,7 +5133,7 @@ const $b4aa9c66f2e86959$var$useMetastoreDataset = (datasetId, rootAPIUrl)=>{
             "metastore" + id
         ],
         queryFn: ()=>{
-            return (0, $hgUW1$axios).get(`${rootUrl}/metastore/schemas/dataset/items/${id}?show-reference-ids${ACA ? '&' : ''}${(0, $hgUW1$qs).stringify((0, $6d5c0212e738499b$export$34e95918366a058e)({}, ACA))}`).then((res)=>res.data).catch((error)=>{
+            return (0, $hgUW1$axios).get(`${rootUrl}/metastore/schemas/dataset/items/${id}?show-reference-ids${ACA ? "&" : ""}${(0, $hgUW1$qs).stringify((0, $6d5c0212e738499b$export$34e95918366a058e)({}, ACA))}`).then((res)=>res.data).catch((error)=>{
                 return {
                     title: dataset.title,
                     distribution: dataset.distribution,
@@ -5206,6 +5188,11 @@ const $1d3d480a9cfaabe0$var$useDatastore = (resourceId, rootAPIUrl, options, add
     const [schema, setSchema] = (0, $hgUW1$useState)({});
     // const [joins, setJoins] = useState()
     const [properties, setProperties] = (0, $hgUW1$useState)(options.properties ? options.properties : undefined);
+    // Check drupalSettings for datastore_query_api
+    const useDatasetAPI = typeof window !== "undefined" && window.drupalSettings?.datastore_query_api === true;
+    const datasetID = additionalParams.datasetID;
+    // Remove datasetID from params to avoid sending it to the API
+    const { datasetID: _, ...restAdditionalParams } = additionalParams;
     let params = {
         keys: keys,
         limit: limit,
@@ -5214,22 +5201,24 @@ const $1d3d480a9cfaabe0$var$useDatastore = (resourceId, rootAPIUrl, options, add
         sorts: sort,
         properties: properties,
         groupings: groupings,
-        ...additionalParams
+        ...restAdditionalParams
     };
     params = (0, $6d5c0212e738499b$export$34e95918366a058e)(params, ACA);
-    const paramsString = Object.keys(params).length ? `${(0, $hgUW1$qs).stringify(params)}` : '';
+    const paramsString = Object.keys(params).length ? `${(0, $hgUW1$qs).stringify(params)}` : "";
     let enabled = false;
     if (id) {
         if (!requireConditions) enabled = true;
         if (conditions && conditions.length) enabled = true;
     }
+    // Change whether distribution API or dataset API is used based on option
+    const queryID = useDatasetAPI && datasetID ? `${datasetID}/0` : id;
     const { data: data, isPending: isPending, error: error } = (0, $hgUW1$useQuery)({
         queryKey: [
             "datastore" + id + paramsString
         ],
         queryFn: ()=>{
             setCount(null);
-            return fetch(`${rootUrl}/datastore/query/${id}?${paramsString}`).then((res)=>res.json());
+            return fetch(`${rootUrl}/datastore/query/${queryID}?${paramsString}`).then((res)=>res.json());
         },
         enabled: enabled
     });
@@ -5243,7 +5232,7 @@ const $1d3d480a9cfaabe0$var$useDatastore = (resourceId, rootAPIUrl, options, add
                 count: true,
                 schema: true
             };
-            return fetch(`${rootUrl}/datastore/query/${id}?${(0, $hgUW1$qs).stringify((0, $6d5c0212e738499b$export$34e95918366a058e)(unfilteredParams, ACA))}`).then((res)=>res.json());
+            return fetch(`${rootUrl}/datastore/query/${queryID}?${(0, $hgUW1$qs).stringify((0, $6d5c0212e738499b$export$34e95918366a058e)(unfilteredParams, ACA))}`).then((res)=>res.json());
         }
     });
     (0, $hgUW1$useEffect)(()=>{
@@ -5297,65 +5286,65 @@ var $1d3d480a9cfaabe0$export$2e2bcd8739ae039 = $1d3d480a9cfaabe0$var$useDatastor
 
 
 const $28f16f59778efa64$export$82b1b1d517e5388a = {
-    'R/P10Y': {
-        name: 'Decennial'
+    "R/P10Y": {
+        name: "Decennial"
     },
-    'R/P4Y': {
-        name: 'Quadrennial'
+    "R/P4Y": {
+        name: "Quadrennial"
     },
-    'R/P1Y': {
-        name: 'Annual'
+    "R/P1Y": {
+        name: "Annual"
     },
-    'R/P2M': {
-        name: 'Bimonthly'
+    "R/P2M": {
+        name: "Bimonthly"
     },
-    'R/P3.5D': {
-        name: 'Semiweekly'
+    "R/P3.5D": {
+        name: "Semiweekly"
     },
-    'R/P1D': {
-        name: 'Daily'
+    "R/P1D": {
+        name: "Daily"
     },
-    'R/P2W': {
-        name: 'Biweekly'
+    "R/P2W": {
+        name: "Biweekly"
     },
-    'R/P6M': {
-        name: 'Semiannual'
+    "R/P6M": {
+        name: "Semiannual"
     },
-    'R/P2Y': {
-        name: 'Biennial'
+    "R/P2Y": {
+        name: "Biennial"
     },
-    'R/P3Y': {
-        name: 'Triennial'
+    "R/P3Y": {
+        name: "Triennial"
     },
-    'R/P0.33W': {
-        name: 'Three times a week'
+    "R/P0.33W": {
+        name: "Three times a week"
     },
-    'R/P0.33M': {
-        name: 'Three times a month'
+    "R/P0.33M": {
+        name: "Three times a month"
     },
-    'R/PT1S': {
-        name: 'Continuously updated'
+    "R/PT1S": {
+        name: "Continuously updated"
     },
-    'R/P1M': {
-        name: 'Monthly'
+    "R/P1M": {
+        name: "Monthly"
     },
-    'R/P3M': {
-        name: 'Quarterly'
+    "R/P3M": {
+        name: "Quarterly"
     },
-    'R/P0.5M': {
-        name: 'Semimonthly'
+    "R/P0.5M": {
+        name: "Semimonthly"
     },
-    'R/P4M': {
-        name: 'Three times a year'
+    "R/P4M": {
+        name: "Three times a year"
     },
-    'R/P1W': {
-        name: 'Weekly'
+    "R/P1W": {
+        name: "Weekly"
     },
-    'R/PT1H': {
-        name: 'Hourly'
+    "R/PT1H": {
+        name: "Hourly"
     },
     irregular: {
-        name: 'Irregular'
+        name: "Irregular"
     }
 };
 
@@ -5364,7 +5353,7 @@ const $6da0396069e23175$export$bc27cf7ecf44639d = {
     modified: (data)=>{
         return [
             {
-                label: 'Modified',
+                label: "Modified",
                 value: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $bd76a91923d7e8a7$export$2e2bcd8739ae039), {
                     date: data
                 })
@@ -5374,7 +5363,7 @@ const $6da0396069e23175$export$bc27cf7ecf44639d = {
     issued: (data)=>{
         return [
             {
-                label: 'Issued',
+                label: "Issued",
                 value: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $bd76a91923d7e8a7$export$2e2bcd8739ae039), {
                     date: data
                 })
@@ -5384,7 +5373,7 @@ const $6da0396069e23175$export$bc27cf7ecf44639d = {
     accrualPeriodicity: (data)=>{
         return [
             {
-                label: 'Frequency',
+                label: "Frequency",
                 value: (0, $28f16f59778efa64$export$82b1b1d517e5388a)[data].name
             }
         ];
@@ -5392,7 +5381,7 @@ const $6da0396069e23175$export$bc27cf7ecf44639d = {
     publisher: (data)=>{
         if (data.data && data.data.name) return [
             {
-                label: 'Publisher',
+                label: "Publisher",
                 value: data.data.name
             }
         ];
@@ -5401,7 +5390,7 @@ const $6da0396069e23175$export$bc27cf7ecf44639d = {
     identifier: (data)=>{
         return [
             {
-                label: 'Identifier',
+                label: "Identifier",
                 value: data
             }
         ];
@@ -5409,11 +5398,11 @@ const $6da0396069e23175$export$bc27cf7ecf44639d = {
     contactPoint: (data)=>{
         let rows = [];
         if (data.fn) rows.push({
-            label: 'Contact',
+            label: "Contact",
             value: data.fn
         });
         if (data.hasEmail) rows.push({
-            label: 'Contact Email',
+            label: "Contact Email",
             value: /*#__PURE__*/ (0, $hgUW1$jsx)("a", {
                 href: data.hasEmail.includes("mailto:") ? data.hasEmail : `mailto:${data.hasEmail}`,
                 children: data.hasEmail.replace("mailto:", "")
@@ -5424,7 +5413,7 @@ const $6da0396069e23175$export$bc27cf7ecf44639d = {
     bureauCode: (data)=>{
         if (data.length) return [
             {
-                label: 'Bureau Code',
+                label: "Bureau Code",
                 value: data[0]
             }
         ];
@@ -5432,7 +5421,7 @@ const $6da0396069e23175$export$bc27cf7ecf44639d = {
     programCode: (data)=>{
         if (data.length) return [
             {
-                label: 'Program Code',
+                label: "Program Code",
                 value: data[0]
             }
         ];
@@ -5440,13 +5429,13 @@ const $6da0396069e23175$export$bc27cf7ecf44639d = {
     theme: (data)=>{
         return [
             {
-                label: 'Category',
+                label: "Category",
                 value: data.map((theme)=>/*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Link), {
                         to: `/datasets?theme[]=${theme.data}`,
                         children: theme.data
                     }, theme.data)).reduce((prev, curr)=>[
                         prev,
-                        ', ',
+                        ", ",
                         curr
                     ])
             }
@@ -5455,13 +5444,13 @@ const $6da0396069e23175$export$bc27cf7ecf44639d = {
     keyword: (data)=>{
         return [
             {
-                label: 'Tags',
+                label: "Tags",
                 value: data.map((keyword)=>/*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Link), {
                         to: `/datasets?keyword[]=${keyword.data}`,
                         children: keyword.data
                     }, keyword.data)).reduce((prev, curr)=>[
                         prev,
-                        ', ',
+                        ", ",
                         curr
                     ])
             }
@@ -5470,7 +5459,7 @@ const $6da0396069e23175$export$bc27cf7ecf44639d = {
     license: (data)=>{
         return [
             {
-                label: 'License',
+                label: "License",
                 value: /*#__PURE__*/ (0, $hgUW1$jsx)("a", {
                     href: data,
                     children: data
@@ -5481,7 +5470,7 @@ const $6da0396069e23175$export$bc27cf7ecf44639d = {
     accessLevel: (data)=>{
         return [
             {
-                label: 'Public Access Level',
+                label: "Public Access Level",
                 value: data
             }
         ];
@@ -5489,7 +5478,7 @@ const $6da0396069e23175$export$bc27cf7ecf44639d = {
     temporal: (data)=>{
         return [
             {
-                label: 'Temporal Coverage',
+                label: "Temporal Coverage",
                 value: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
                     className: "dc-c-word-break--all",
                     children: data
@@ -5500,7 +5489,7 @@ const $6da0396069e23175$export$bc27cf7ecf44639d = {
     spatial: (data)=>{
         return [
             {
-                label: 'Spacial/Geographical Coverage',
+                label: "Spacial/Geographical Coverage",
                 value: data
             }
         ];
@@ -5508,7 +5497,7 @@ const $6da0396069e23175$export$bc27cf7ecf44639d = {
     references: (data)=>{
         return [
             {
-                label: 'Related Documents',
+                label: "Related Documents",
                 value: /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
                     className: "ds-u-margin--0 ds-u-padding-y--0 ds-u-padding-left--2 ds-u-padding-right--0",
                     children: data.map((item)=>/*#__PURE__*/ (0, $hgUW1$jsx)("li", {
@@ -5546,7 +5535,7 @@ const $0958733ee130fc44$var$ResourceInformation = ({ distribution: distribution,
     const { ACA: ACA } = (0, $hgUW1$useContext)((0, $844981eac9b63865$export$eccc29c8d0ff408));
     const { data: resource } = (0, $hgUW1$useQuery)({
         queryKey: [
-            'resource-information',
+            "resource-information",
             distribution.identifier
         ],
         queryFn: ()=>(0, $hgUW1$axios).get(`${rootUrl}/datastore/query/${distribution.identifier}?${(0, $hgUW1$qs).stringify((0, $6d5c0212e738499b$export$34e95918366a058e)({
@@ -5573,7 +5562,7 @@ const $0958733ee130fc44$var$ResourceInformation = ({ distribution: distribution,
                             }),
                             /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                                 className: "ds-u-font-weight--bold",
-                                children: resource?.count ? Number(resource.count).toLocaleString() : ''
+                                children: resource?.count ? Number(resource.count).toLocaleString() : ""
                             })
                         ]
                     }),
@@ -5641,8 +5630,8 @@ const $7357cc0f79f9c514$var$Resource = ({ distributions: distributions, resource
                                 children: /*#__PURE__*/ (0, $hgUW1$jsxs)("a", {
                                     href: dist.data.downloadURL,
                                     style: {
-                                        order: sm ? '1' : '0',
-                                        width: sm ? '100%' : 'auto'
+                                        order: sm ? "1" : "0",
+                                        width: sm ? "100%" : "auto"
                                     },
                                     "aria-label": `Download ${dist.data.title || title} ${fileFormat}`,
                                     className: "ds-c-button",
@@ -5655,7 +5644,7 @@ const $7357cc0f79f9c514$var$Resource = ({ distributions: distributions, resource
                                 })
                             }),
                             dist.data.description && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                className: 'ds-u-measure--wide ds-u-margin-bottom--7',
+                                className: "ds-u-measure--wide ds-u-margin-bottom--7",
                                 children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                                     className: "dc-c-metadata-description ds-u-margin--0",
                                     dangerouslySetInnerHTML: {
@@ -5729,7 +5718,7 @@ const $364dc44850cd8f7f$var$DatasetOverview = ({ dataset: dataset, resource: res
                                 const tooltip = tooltips.find((item)=>item.label === r.label.toLowerCase());
                                 return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$TableRow), {
                                     children: [
-                                        md ? '' : /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$TableCell), {
+                                        md ? "" : /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$TableCell), {
                                             component: "th",
                                             className: "ds-u-font-weight--bold",
                                             children: [
@@ -5741,8 +5730,8 @@ const $364dc44850cd8f7f$var$DatasetOverview = ({ dataset: dataset, resource: res
                                                         ariaLabel: r.label,
                                                         // @ts-ignore
                                                         style: {
-                                                            border: 'none',
-                                                            background: 'none'
+                                                            border: "none",
+                                                            background: "none"
                                                         },
                                                         maxWidth: "400px",
                                                         placement: "auto",
@@ -5801,10 +5790,10 @@ const $cf6eaefd6b928de3$var$DatasetAPI = ({ id: id, rootUrl: rootUrl, apiUrl: ap
                             href: apiUrl,
                             children: [
                                 "View API",
-                                ' ',
+                                " ",
                                 /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
                                     style: {
-                                        whiteSpace: 'nowrap'
+                                        whiteSpace: "nowrap"
                                     },
                                     children: [
                                         "specification ",
@@ -5845,20 +5834,19 @@ var $cf6eaefd6b928de3$export$2e2bcd8739ae039 = $cf6eaefd6b928de3$var$DatasetAPI;
 
 const $6765a74df807d015$var$DataDictionaryTable = ({ tableColumns: tableColumns, tableData: tableData, pageSize: pageSize, columnFilters: columnFilters })=>{
     const [sorting, setSorting] = (0, $hgUW1$useState)([]);
-    const [ariaLiveFeedback, setAriaLiveFeedback] = (0, $hgUW1$useState)('');
     const mobile = (0, $hgUW1$useMediaQuery)({
         minWidth: 0,
         maxWidth: 544
     });
     const sortElement = (isSorted)=>{
-        if (isSorted === 'asc') return 'dc-c-sort--asc';
-        if (isSorted === 'desc') return 'dc-c-sort--desc';
-        return 'dc-c-sort--default';
+        if (isSorted === "asc") return "dc-c-sort--asc";
+        if (isSorted === "desc") return "dc-c-sort--desc";
+        return "dc-c-sort--default";
     };
     const table = (0, $hgUW1$useReactTable)({
         data: tableData,
         columns: tableColumns,
-        columnResizeMode: 'onChange',
+        columnResizeMode: "onChange",
         getCoreRowModel: (0, $hgUW1$getCoreRowModel)(),
         getFilteredRowModel: (0, $hgUW1$getFilteredRowModel)(),
         getPaginationRowModel: (0, $hgUW1$getPaginationRowModel)(),
@@ -5877,49 +5865,49 @@ const $6765a74df807d015$var$DataDictionaryTable = ({ tableColumns: tableColumns,
     });
     const sortOptions = [
         {
-            value: 'default',
-            label: 'No Sort'
+            value: "default",
+            label: "No Sort"
         },
         {
-            value: 'titleasc',
-            label: 'Title A-Z'
+            value: "titleasc",
+            label: "Title A-Z"
         },
         {
-            value: 'titledesc',
-            label: 'Title Z-A'
+            value: "titledesc",
+            label: "Title Z-A"
         },
         {
-            value: 'typeasc',
-            label: 'Type A-Z'
+            value: "typeasc",
+            label: "Type A-Z"
         },
         {
-            value: 'typedesc',
-            label: 'Type Z-A'
+            value: "typedesc",
+            label: "Type Z-A"
         }
     ];
     const sortStatesLookup = {
         default: [],
         titleasc: [
             {
-                id: 'titleResizable',
+                id: "titleResizable",
                 desc: false
             }
         ],
         titledesc: [
             {
-                id: 'titleResizable',
+                id: "titleResizable",
                 desc: true
             }
         ],
         typeasc: [
             {
-                id: 'type',
+                id: "type",
                 desc: false
             }
         ],
         typedesc: [
             {
-                id: 'type',
+                id: "type",
                 desc: true
             }
         ]
@@ -5947,7 +5935,7 @@ const $6765a74df807d015$var$DataDictionaryTable = ({ tableColumns: tableColumns,
                     /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Table), {
                         className: "dc-c-datatable",
                         style: {
-                            width: '100%'
+                            width: "100%"
                         },
                         stackable: true,
                         children: [
@@ -5958,17 +5946,17 @@ const $6765a74df807d015$var$DataDictionaryTable = ({ tableColumns: tableColumns,
                                             return header.id === "titleResizable" ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $64a351d3fd8413c3$export$2e2bcd8739ae039), {
                                                 table: table,
                                                 header: header,
-                                                setAriaLiveFeedback: setAriaLiveFeedback,
-                                                sortElement: sortElement
+                                                sortElement: sortElement,
+                                                id: "dataDictionary_" + header.id
                                             }, header.id + "_resize") : /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$TableCell), {
                                                 key: header.id,
                                                 className: `ds-u-border-y--2 ds-u-border--dark ds-u-border-x--0`,
-                                                id: 'dataDictionary_' + header.id,
+                                                id: "dataDictionary_" + header.id,
                                                 children: [
                                                     (0, $hgUW1$flexRender)(header.column.columnDef.header, header.getContext()),
-                                                    header.id === 'type' && /*#__PURE__*/ (0, $hgUW1$jsx)("button", {
+                                                    header.id === "type" && /*#__PURE__*/ (0, $hgUW1$jsx)("button", {
                                                         onClick: header.column.getToggleSortingHandler(),
-                                                        className: header.column.getCanSort() ? `cursor-pointer select-none ds-u-focus-visible ${sortElement(header.column.getIsSorted())}` : '',
+                                                        className: header.column.getCanSort() ? `cursor-pointer select-none ds-u-focus-visible ${sortElement(header.column.getIsSorted())}` : "",
                                                         "aria-label": `${header.column.columnDef.header} sort order`
                                                     })
                                                 ]
@@ -5983,12 +5971,12 @@ const $6765a74df807d015$var$DataDictionaryTable = ({ tableColumns: tableColumns,
                                             return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
                                                 key: cell.id,
                                                 style: {
-                                                    maxWidth: mobile ? '100%' : cell.column.getSize(),
-                                                    whiteSpace: cell.column.id === "description" ? 'pre-wrap' : 'normal'
+                                                    maxWidth: mobile ? "100%" : cell.column.getSize(),
+                                                    whiteSpace: cell.column.id === "description" ? "pre-wrap" : "normal"
                                                 },
-                                                className: `${cell.column.id === 'titleResizable' ? 'ds-u-word-break' : ''}`,
-                                                headers: 'dataDictionary_' + cell.column.id,
-                                                stackedTitle: cell.column.id === 'titleResizable' ? 'Title' : cell.column.columnDef.header,
+                                                className: `${cell.column.id === "titleResizable" ? "ds-u-word-break" : ""}`,
+                                                headers: "dataDictionary_" + cell.column.id,
+                                                stackedTitle: cell.column.id === "titleResizable" ? "Title" : cell.column.columnDef.header,
                                                 children: (0, $hgUW1$flexRender)(cell.column.columnDef.cell, cell.getContext())
                                             });
                                         })
@@ -5997,12 +5985,6 @@ const $6765a74df807d015$var$DataDictionaryTable = ({ tableColumns: tableColumns,
                             })
                         ]
                     }),
-                    /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                        className: "sr-only",
-                        "aria-live": "assertive",
-                        "aria-atomic": "true",
-                        children: ariaLiveFeedback
-                    }),
                     table.getRowModel().rows.length === 0 && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
                         variation: "warn",
                         children: "No results found for the current filters"
@@ -6017,7 +5999,7 @@ const $6765a74df807d015$var$DataDictionaryTable = ({ tableColumns: tableColumns,
                     table.setPageIndex(page - 1);
                 },
                 renderHref: (page)=>`/page=${page}`
-            }) : ''
+            }) : ""
         ]
     });
 };
@@ -6027,17 +6009,17 @@ var $6765a74df807d015$export$2e2bcd8739ae039 = $6765a74df807d015$var$DataDiction
 const $a24829b27758fe6c$var$SitewideDataDictionaryTable = ({ datasetDictionary: datasetDictionary, pageSize: pageSize })=>{
     const columnHelper = (0, $hgUW1$createColumnHelper)();
     const tableColumns = [
-        columnHelper.accessor('name', {
-            header: 'Name'
+        columnHelper.accessor("name", {
+            header: "Name"
         }),
-        columnHelper.accessor('title', {
-            header: 'Title'
+        columnHelper.accessor("title", {
+            header: "Title"
         }),
-        columnHelper.accessor('type', {
-            header: 'Type'
+        columnHelper.accessor("type", {
+            header: "Type"
         }),
-        columnHelper.accessor('format', {
-            header: 'Format'
+        columnHelper.accessor("format", {
+            header: "Format"
         })
     ];
     return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $6765a74df807d015$export$2e2bcd8739ae039), {
@@ -6081,7 +6063,7 @@ const $a6e312940f7003ef$var$DatasetDictionaryTable = ({ datasetDictionary: datas
     });
     const columnHelper = (0, $hgUW1$createColumnHelper)();
     const tableColumns = [
-        columnHelper.accessor('titleResizable', {
+        columnHelper.accessor("titleResizable", {
             header: ()=>/*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
                     className: "dc-c-tooltip-width-override",
                     children: [
@@ -6090,8 +6072,8 @@ const $a6e312940f7003ef$var$DatasetDictionaryTable = ({ datasetDictionary: datas
                             title: "Title represents the column headers of the data file",
                             // @ts-ignore
                             style: {
-                                border: 'none',
-                                background: 'none'
+                                border: "none",
+                                background: "none"
                             },
                             maxWidth: "400px",
                             children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TooltipIcon), {})
@@ -6101,48 +6083,48 @@ const $a6e312940f7003ef$var$DatasetDictionaryTable = ({ datasetDictionary: datas
             size: 300,
             minSize: 132
         }),
-        columnHelper.accessor('description', {
-            header: 'Description',
+        columnHelper.accessor("description", {
+            header: "Description",
             minSize: 600
         }),
-        columnHelper.accessor('type', {
-            header: 'Type',
+        columnHelper.accessor("type", {
+            header: "Type",
             size: 150,
             enableResizing: false
         })
     ];
     const typeOptions = [
         {
-            value: 'all',
-            label: 'All Types'
+            value: "all",
+            label: "All Types"
         },
         {
-            value: 'string',
-            label: 'String'
+            value: "string",
+            label: "String"
         },
         {
-            value: 'date',
-            label: 'Date'
+            value: "date",
+            label: "Date"
         },
         {
-            value: 'datetime',
-            label: 'Datetime'
+            value: "datetime",
+            label: "Datetime"
         },
         {
-            value: 'year',
-            label: 'Year'
+            value: "year",
+            label: "Year"
         },
         {
-            value: 'integer',
-            label: 'Integer'
+            value: "integer",
+            label: "Integer"
         },
         {
-            value: 'number',
-            label: 'Number'
+            value: "number",
+            label: "Number"
         },
         {
-            value: 'boolean',
-            label: 'Boolean'
+            value: "boolean",
+            label: "Boolean"
         }
     ];
     return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
@@ -6249,7 +6231,7 @@ const $6012b86ffcaf3f71$var$DataDictionary = ({ datasetDictionaryEndpoint: datas
                                     href: datasetDictionaryEndpoint + "/csv",
                                     className: "ds-c-button",
                                     style: {
-                                        width: '100%'
+                                        width: "100%"
                                     },
                                     children: [
                                         /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
@@ -6306,13 +6288,13 @@ const $2bd73bb95b0c04ed$var$DatasetDescription = ({ distribution: distribution,
     const [description, setDescription] = (0, $hgUW1$useState)("");
     if (!distribution && !dataset?.identifier) return null;
     (0, $hgUW1$useEffect)(()=>{
-        let newDescription = '';
+        let newDescription = "";
         if (customDescription) newDescription = customDescription(dataset, distribution, resource);
         else {
             if (distribution.data && distribution.data.description) newDescription = distribution.data.description;
             else if (dataset.description) newDescription = dataset.description;
         }
-        if (typeof newDescription === "string" && description !== newDescription && updateAriaLive) updateAriaLive(newDescription);
+        if (description !== newDescription && updateAriaLive) updateAriaLive(newDescription);
         setDescription(newDescription);
     }, [
         resource,
@@ -6321,14 +6303,12 @@ const $2bd73bb95b0c04ed$var$DatasetDescription = ({ distribution: distribution,
         customDescription
     ]);
     return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-        className: 'ds-u-measure--wide ds-u-margin-bottom--7',
+        className: "ds-u-measure--wide ds-u-margin-bottom--7",
         children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
             className: "ds-u-margin-top--0 dc-c-metadata-description",
-            children: typeof description === "string" ? /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                dangerouslySetInnerHTML: {
-                    __html: (0, $hgUW1$dompurify).sanitize(description)
-                }
-            }) : description
+            dangerouslySetInnerHTML: {
+                __html: (0, $hgUW1$dompurify).sanitize(description)
+            }
         })
     });
 };
@@ -6345,7 +6325,7 @@ const $a0f13962e513caa1$var$getDataDictionary = (dataDictionaryUrl)=>{
         ],
         queryFn: ()=>{
             return fetch(`${dataDictionaryUrl}?${(0, $hgUW1$qs).stringify((0, $6d5c0212e738499b$export$34e95918366a058e)({}, ACA), {
-                arrayFormat: 'comma',
+                arrayFormat: "comma",
                 encode: false
             })}`).then((res)=>res.json());
         }
@@ -6364,7 +6344,7 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
         conditions: []
     };
     const { dataset: dataset, isPending: isPending } = (0, $b4aa9c66f2e86959$export$2e2bcd8739ae039)(id, rootUrl);
-    const title = dataset.title ? dataset.title : '';
+    const title = dataset.title ? dataset.title : "";
     const metadataMapping = {
         ...(0, $6da0396069e23175$export$bc27cf7ecf44639d),
         ...customMetadataMapping
@@ -6372,9 +6352,11 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
     let distribution = {};
     let distributions = dataset.distribution ? dataset.distribution : [];
     if (distributions.length) distribution = distributions[0];
-    const resource = (0, $1d3d480a9cfaabe0$export$2e2bcd8739ae039)('', rootUrl, {
+    const resource = (0, $1d3d480a9cfaabe0$export$2e2bcd8739ae039)("", rootUrl, {
         ...options,
         limit: defaultPageSize
+    }, {
+        datasetID: id // pass datasetID into additional params to enable dataset API option in useDatastore
     });
     const siteWideDataDictionary = dataDictionaryUrl ? $a0f13962e513caa1$var$getDataDictionary(rootUrl + dataDictionaryUrl).dataDictionary : null;
     // compare schema fields with siteWideDataDictionary to display commonalities for now
@@ -6384,7 +6366,7 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
     }) : null;
     (0, $hgUW1$useEffect)(()=>{
         const localFileFormat = (0, $f764661366bd9e1b$export$ee48b7e0e4eb536e)(distribution);
-        if (localFileFormat === 'csv') resource.setResource(distribution.identifier);
+        if (localFileFormat === "csv") resource.setResource(distribution.identifier);
     }, [
         distribution
     ]);
@@ -6439,27 +6421,26 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
         distribution,
         window.location.hash
     ]);
-    const displayDataDictionaryTab = distribution.data && distribution.data.describedBy && distribution.data.describedByType === 'application/vnd.tableschema+json' || datasetSitewideDictionary && datasetSitewideDictionary.length > 0;
-    const formatType = (0, $f764661366bd9e1b$export$ee48b7e0e4eb536e)(distribution);
+    const displayDataDictionaryTab = distribution.data && distribution.data.describedBy && distribution.data.describedByType === "application/vnd.tableschema+json" || datasetSitewideDictionary && datasetSitewideDictionary.length > 0;
     return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
         children: dataset.error ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $026cb986f9fea2b1$export$2e2bcd8739ae039), {
             content: notFoundContent,
             siteUrl: rootUrl
         }) : /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-            className: 'ds-l-container',
+            className: "ds-l-container",
             children: [
                 /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                    className: 'ds-l-row',
+                    className: "ds-l-row",
                     children: [
                         /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                            className: 'ds-l-md-col--9',
+                            className: "ds-l-md-col--9",
                             children: /*#__PURE__*/ (0, $hgUW1$jsx)("h1", {
                                 className: "ds-text-heading--3xl",
                                 children: title
                             })
                         }),
                         /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                            className: 'ds-l-md-col--12 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: [
@@ -6471,7 +6452,7 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
                             })
                         }),
                         /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                            className: 'ds-l-md-col--9',
+                            className: "ds-l-md-col--9",
                             children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $2bd73bb95b0c04ed$export$2e2bcd8739ae039), {
                                 distribution: distribution,
                                 dataset: dataset,
@@ -6483,9 +6464,9 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
                     ]
                 }),
                 /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                    className: 'ds-l-row',
+                    className: "ds-l-row",
                     children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                        className: 'ds-l-md-col--12 dc-dataset',
+                        className: "ds-l-md-col--12 dc-dataset",
                         children: !isPending && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Tabs), {
                             onChange: (selectedId, prevSelectedId)=>{
                                 setSelectedTab(selectedId);
@@ -6493,7 +6474,7 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
                             selectedId: selectedTab,
                             children: [
                                 /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TabPanel), {
-                                    id: 'data-table',
+                                    id: "data-table",
                                     tab: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
                                         className: "ds-u-color--primary",
                                         children: [
@@ -6503,7 +6484,7 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
                                             "Data Table"
                                         ]
                                     }),
-                                    className: borderlessTabs ? 'ds-u-border--0 ds-u-padding-x--0' : '',
+                                    className: borderlessTabs ? "ds-u-border--0 ds-u-padding-x--0" : "",
                                     children: (0, $f764661366bd9e1b$export$ee48b7e0e4eb536e)(distribution) === "csv" ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $43a30d745a7bbc86$export$2e2bcd8739ae039).Provider, {
                                         value: {
                                             id: id,
@@ -6520,7 +6501,7 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
                                     })
                                 }),
                                 /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TabPanel), {
-                                    id: 'overview',
+                                    id: "overview",
                                     tab: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
                                         className: "ds-u-color--primary",
                                         children: [
@@ -6530,7 +6511,7 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
                                             "Overview"
                                         ]
                                     }),
-                                    className: borderlessTabs ? 'ds-u-border--0 ds-u-padding-x--0' : '',
+                                    className: borderlessTabs ? "ds-u-border--0 ds-u-padding-x--0" : "",
                                     children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $364dc44850cd8f7f$export$2e2bcd8739ae039), {
                                         resource: resource,
                                         dataset: dataset,
@@ -6540,7 +6521,7 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
                                     })
                                 }),
                                 !hideDataDictionary && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TabPanel), {
-                                    id: 'data-dictionary',
+                                    id: "data-dictionary",
                                     tab: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
                                         className: "ds-u-color--primary",
                                         children: [
@@ -6550,7 +6531,7 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
                                             "Data Dictionary"
                                         ]
                                     }),
-                                    className: borderlessTabs ? 'ds-u-border--0 ds-u-padding-x--0' : '',
+                                    className: borderlessTabs ? "ds-u-border--0 ds-u-padding-x--0" : "",
                                     children: displayDataDictionaryTab ? /*#__PURE__*/ (0, $hgUW1$jsx)((0, $6012b86ffcaf3f71$export$2e2bcd8739ae039), {
                                         datasetSitewideDictionary: datasetSitewideDictionary,
                                         datasetDictionaryEndpoint: distribution.data.describedBy,
@@ -6561,7 +6542,7 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
                                     })
                                 }),
                                 distribution && distribution.data && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TabPanel), {
-                                    id: 'api',
+                                    id: "api",
                                     tab: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
                                         className: "ds-u-color--primary",
                                         children: [
@@ -6571,7 +6552,7 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, customColumns
                                             "API"
                                         ]
                                     }),
-                                    className: borderlessTabs ? 'ds-u-border--0 ds-u-padding-x--0' : '',
+                                    className: borderlessTabs ? "ds-u-border--0 ds-u-padding-x--0" : "",
                                     children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $cf6eaefd6b928de3$export$2e2bcd8739ae039), {
                                         id: id,
                                         rootUrl: rootUrl,
@@ -6608,13 +6589,13 @@ const $b9af6ce5e2c06331$var$Header = (props)=>{
     });
     const menu = (0, $hgUW1$useRef)(null);
     function closeMobileMenu() {
-        const mobileMenuButtonElement = document.querySelector('.dkan-c-mobile-menu-button');
+        const mobileMenuButtonElement = document.querySelector(".dkan-c-mobile-menu-button");
         if (!mobileMenuButtonElement) return;
         mobileMenuButtonElement.focus();
     }
     // Close mobile menu with escape.
     function handleMenuClose(event) {
-        if (event.key === 'Escape' && mobileMenuOpen) setMobileMenuOpen(false);
+        if (event.key === "Escape" && mobileMenuOpen) setMobileMenuOpen(false);
     }
     function handleClick(event) {
         // Links are wrapped in spans, this checks if the parent is an A, also check if in the search modal.    
@@ -6649,7 +6630,7 @@ const $b9af6ce5e2c06331$var$Header = (props)=>{
             const focusableEls = getFocusableElements(menu.current).selectors.visible;
             const firstEl = focusableEls[0];
             const lastEl = focusableEls[focusableEls.length - 1];
-            if (event.key === 'Tab') {
+            if (event.key === "Tab") {
                 if (event.shiftKey && document.activeElement === firstEl) {
                     lastEl?.focus();
                     event.preventDefault();
@@ -6661,15 +6642,15 @@ const $b9af6ce5e2c06331$var$Header = (props)=>{
         }
     };
     (0, $hgUW1$useEffect)(()=>{
-        document.addEventListener('keyup', handleMenuClose);
-        document.addEventListener('mousedown', handleClick);
+        document.addEventListener("keyup", handleMenuClose);
+        document.addEventListener("mousedown", handleClick);
         if (mobileMenuOpen) handleFocusIn();
         else closeMobileMenu();
-        if (menu.current) menu.current.addEventListener('keydown', (evt)=>trapFocus(evt));
+        if (menu.current) menu.current.addEventListener("keydown", (evt)=>trapFocus(evt));
         return ()=>{
-            document.removeEventListener('keyup', handleMenuClose);
-            document.addEventListener('mousedown', handleClick);
-            if (menu.current) menu.current.removeEventListener('keydown', trapFocus);
+            document.removeEventListener("keyup", handleMenuClose);
+            document.addEventListener("mousedown", handleClick);
+            if (menu.current) menu.current.removeEventListener("keydown", trapFocus);
         };
     }, [
         mobileMenuOpen
@@ -6684,7 +6665,7 @@ const $b9af6ce5e2c06331$var$Header = (props)=>{
         },
         children: /*#__PURE__*/ (0, $hgUW1$jsxs)("header", {
             "aria-label": "Site header",
-            className: `dkan-c-header dkan-c-header--${mobileMax ? 'mobile' : 'desktop'}`,
+            className: `dkan-c-header dkan-c-header--${mobileMax ? "mobile" : "desktop"}`,
             children: [
                 topNav && topNav,
                 /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
@@ -6712,28 +6693,22 @@ var $b9af6ce5e2c06331$export$2e2bcd8739ae039 = $b9af6ce5e2c06331$var$Header;
 
 
 
-
 const $24918217e48ac525$var$NavLink = ({ link: link, className: className = null, wrapLabel: wrapLabel = false, clickHandler: clickHandler })=>{
     const innerHtml = wrapLabel ? /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
         children: link.label
     }) : link.label;
-    return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$NavLink), {
+    return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$NavLink), {
         className: ({ isActive: isActive })=>isActive ? `dc-c-active-link ${className}` : `${className}`,
         to: link.url,
         onClick: clickHandler ? clickHandler : undefined,
-        children: [
-            innerHtml,
-            link?.target === '_blank' && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$ExternalLinkIcon), {
-                className: "ds-u-margin-left--05 ds-c-external-link-icon"
-            })
-        ]
+        children: innerHtml
     });
 // }
 };
 var $24918217e48ac525$export$2e2bcd8739ae039 = $24918217e48ac525$var$NavLink;
 
 
-const $a6df0aa147323304$var$Footer = ({ links: links, showEmail: showEmail = true, emailTitle: emailTitle = 'Get Email Updates', emailBody: emailBody = 'Sign up to get the latest information from CMS by choosing the topics and frequency of emails that are best for you.', emailLink: emailLink = '', emailButton: emailButton = 'Sign up for email updates', socialMediaLinks: socialMediaLinks = null, hhsLogo: hhsLogo, cmsLogo: cmsLogo, trademarkContent: trademarkContent = /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+const $a6df0aa147323304$var$Footer = ({ links: links, showEmail: showEmail = true, emailTitle: emailTitle = "Get Email Updates", emailBody: emailBody = "Sign up to get the latest information from CMS by choosing the topics and frequency of emails that are best for you.", emailLink: emailLink = "", emailButton: emailButton = "Sign up for email updates", socialMediaLinks: socialMediaLinks = null, hhsLogo: hhsLogo, cmsLogo: cmsLogo, trademarkContent: trademarkContent = /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
     children: [
         /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
             children: "A federal government website managed and paid for by the U.S. Centers for Medicare & Medicaid Services."
@@ -6821,14 +6796,14 @@ const $a6df0aa147323304$var$Footer = ({ links: links, showEmail: showEmail = tru
                                                 /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
                                                     className: "ds-u-font-size--sm",
                                                     children: footerAdditionalResourcesLinks.filter((link)=>{
-                                                        const noOnClick = Object.keys(link).findIndex((l)=>l === 'onClick');
+                                                        const noOnClick = Object.keys(link).findIndex((l)=>l === "onClick");
                                                         if (noOnClick === -1 || link.onClick && link.dataTag) return link;
                                                     }).map((link)=>{
                                                         if (link.onClick && link.dataTag) return /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
                                                             className: "ds-u-margin-bottom--1",
                                                             children: /*#__PURE__*/ (0, $hgUW1$jsx)("a", {
                                                                 href: link.url,
-                                                                ['data-' + link.dataTag.name]: link.dataTag.value,
+                                                                ["data-" + link.dataTag.name]: link.dataTag.value,
                                                                 onClick: link.onClick,
                                                                 children: link.label
                                                             })
@@ -6928,7 +6903,7 @@ const $a6df0aa147323304$var$Footer = ({ links: links, showEmail: showEmail = tru
                                                                     children: [
                                                                         /*#__PURE__*/ (0, $hgUW1$jsx)("title", {
                                                                             id: "svg-inline--fa-title-iRCARP7h6Kp3",
-                                                                            children: socialMediaLinks.facebook.title ? socialMediaLinks.facebook.title : 'CMS Facebook'
+                                                                            children: socialMediaLinks.facebook.title ? socialMediaLinks.facebook.title : "CMS Facebook"
                                                                         }),
                                                                         /*#__PURE__*/ (0, $hgUW1$jsx)("g", {
                                                                             transform: "translate(160 256)",
@@ -6981,7 +6956,7 @@ const $a6df0aa147323304$var$Footer = ({ links: links, showEmail: showEmail = tru
                                                                     children: [
                                                                         /*#__PURE__*/ (0, $hgUW1$jsx)("title", {
                                                                             id: "svg-inline--fa-title-4z03ITiPPTVF",
-                                                                            children: socialMediaLinks.twitter.title ? socialMediaLinks.twitter.title : 'CMS Twitter'
+                                                                            children: socialMediaLinks.twitter.title ? socialMediaLinks.twitter.title : "CMS Twitter"
                                                                         }),
                                                                         /*#__PURE__*/ (0, $hgUW1$jsx)("g", {
                                                                             transform: "translate(256 256)",
@@ -7034,7 +7009,7 @@ const $a6df0aa147323304$var$Footer = ({ links: links, showEmail: showEmail = tru
                                                                     children: [
                                                                         /*#__PURE__*/ (0, $hgUW1$jsx)("title", {
                                                                             id: "svg-inline--fa-title-Nm2qsuSKvuRZ",
-                                                                            children: socialMediaLinks.linkedin.title ? socialMediaLinks.linkedin.title : 'CMS LinkedIn'
+                                                                            children: socialMediaLinks.linkedin.title ? socialMediaLinks.linkedin.title : "CMS LinkedIn"
                                                                         }),
                                                                         /*#__PURE__*/ (0, $hgUW1$jsx)("g", {
                                                                             transform: "translate(224 256)",
@@ -7086,7 +7061,7 @@ const $a6df0aa147323304$var$Footer = ({ links: links, showEmail: showEmail = tru
                                                                     children: [
                                                                         /*#__PURE__*/ (0, $hgUW1$jsx)("title", {
                                                                             id: "svg-inline--fa-title-youtube",
-                                                                            children: socialMediaLinks.youtube.title ? socialMediaLinks.youtube.title : 'CMS youtube'
+                                                                            children: socialMediaLinks.youtube.title ? socialMediaLinks.youtube.title : "CMS youtube"
                                                                         }),
                                                                         /*#__PURE__*/ (0, $hgUW1$jsx)("path", {
                                                                             fill: "currentColor",
@@ -7116,15 +7091,10 @@ const $a6df0aa147323304$var$Footer = ({ links: links, showEmail: showEmail = tru
                         children: /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
                             className: "ds-u-padding--0 ds-u-display--flex ds-u-lg-flex-direction--row ds-u-flex-direction--column",
                             children: footerUtilityLinks.map((link)=>/*#__PURE__*/ (0, $hgUW1$jsx)("li", {
-                                    children: /*#__PURE__*/ (0, $hgUW1$jsxs)("a", {
+                                    children: /*#__PURE__*/ (0, $hgUW1$jsx)("a", {
                                         href: link.url,
                                         className: "ds-u-margin-right--2",
-                                        children: [
-                                            link.label,
-                                            link?.target === '_blank' && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$ExternalLinkIcon), {
-                                                className: "ds-u-margin-left--05 ds-c-external-link-icon"
-                                            })
-                                        ]
+                                        children: link.label
                                     })
                                 }, link.id))
                         })
@@ -7191,26 +7161,26 @@ const $5655284dbbb89508$var$DocumentationTable = (props)=>{
     return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
         children: /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Table), {
             stackable: true,
-            className: 'ds-c-table',
+            className: "ds-c-table",
             children: [
                 /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableHead), {
                     children: /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$TableRow), {
                         children: [
                             /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
-                                id: 'application',
-                                headers: 'Application',
+                                id: "application",
+                                headers: "Application",
                                 children: "Application"
-                            }, 'Application'),
+                            }, "Application"),
                             /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
-                                id: 'notes',
-                                headers: 'Notes',
+                                id: "notes",
+                                headers: "Notes",
                                 children: "Notes"
-                            }, 'Notes'),
+                            }, "Notes"),
                             /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
-                                id: 'links',
-                                headers: 'Links',
+                                id: "links",
+                                headers: "Links",
                                 children: "Links"
-                            }, 'Links')
+                            }, "Links")
                         ]
                     })
                 }),
@@ -7220,19 +7190,19 @@ const $5655284dbbb89508$var$DocumentationTable = (props)=>{
                                 /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
                                     id: d.id,
                                     stackedTitle: "Application",
-                                    headers: 'Application',
+                                    headers: "Application",
                                     children: d.application
                                 }, d.id),
                                 /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
                                     id: d.id,
                                     stackedTitle: "Notes",
-                                    headers: 'Notes',
+                                    headers: "Notes",
                                     children: d.notes
                                 }, `${d.id}-notes`),
                                 /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TableCell), {
                                     id: d.id,
                                     stackedTitle: "Links",
-                                    headers: 'Links',
+                                    headers: "Links",
                                     children: /*#__PURE__*/ (0, $hgUW1$jsxs)("a", {
                                         className: "dkan-newtab",
                                         href: d.link,
@@ -7260,44 +7230,44 @@ var $5655284dbbb89508$export$2e2bcd8739ae039 = $5655284dbbb89508$var$Documentati
 
 const $c7bf75f7e8a68780$export$7850f4d545d994c6 = [
     {
-        id: 'excel',
-        application: 'Microsoft Excel',
-        notes: 'Official size limitations for Microsoft Excel',
-        link: 'https://support.microsoft.com/en-us/office/excel-specifications-and-limits-1672b34d-7043-467e-8e27-269d656771c3?redirectSourcePath=%252fen-us%252farticle%252fExcel-specifications-and-limits-ca36e2dc-1f09-4620-b726-67c00b05040f',
-        linkText: 'Excel Specifications and Limits',
-        screenReaderOnlyText: 'on microsoft.com'
+        id: "excel",
+        application: "Microsoft Excel",
+        notes: "Official size limitations for Microsoft Excel",
+        link: "https://support.microsoft.com/en-us/office/excel-specifications-and-limits-1672b34d-7043-467e-8e27-269d656771c3?redirectSourcePath=%252fen-us%252farticle%252fExcel-specifications-and-limits-ca36e2dc-1f09-4620-b726-67c00b05040f",
+        linkText: "Excel Specifications and Limits",
+        screenReaderOnlyText: "on microsoft.com"
     },
     {
-        id: 'access',
-        application: 'Microsoft Access',
-        notes: 'Official size limitations for Microsoft Access',
-        link: 'https://support.microsoft.com/en-us/office/access-specifications-0cf3c66f-9cf2-4e32-9568-98c1025bb47c?ui=en-us&rs=en-us&ad=us',
-        linkText: 'Access 2016 Specifications',
-        screenReaderOnlyText: 'on microsoft.com'
+        id: "access",
+        application: "Microsoft Access",
+        notes: "Official size limitations for Microsoft Access",
+        link: "https://support.microsoft.com/en-us/office/access-specifications-0cf3c66f-9cf2-4e32-9568-98c1025bb47c?ui=en-us&rs=en-us&ad=us",
+        linkText: "Access 2016 Specifications",
+        screenReaderOnlyText: "on microsoft.com"
     },
     {
-        id: 'oracle-sql-developer',
-        application: 'Oracle SQL Developer',
-        notes: 'Oracle SQL Developer tool',
-        link: 'https://www.oracle.com/database/sqldeveloper/',
-        linkText: 'Oracle SQL Developer Overview',
-        screenReaderOnlyText: 'on oracle.com'
+        id: "oracle-sql-developer",
+        application: "Oracle SQL Developer",
+        notes: "Oracle SQL Developer tool",
+        link: "https://www.oracle.com/database/sqldeveloper/",
+        linkText: "Oracle SQL Developer Overview",
+        screenReaderOnlyText: "on oracle.com"
     },
     {
-        id: 'oracle-database',
-        application: 'Oracle Database',
-        notes: 'Oracle Database official size limitations',
-        link: 'https://docs.oracle.com/cd/B28359_01/server.111/b28320/limits002.htm#i287915',
-        linkText: 'Oracle Physical Database Limits',
-        screenReaderOnlyText: 'on oracle.com'
+        id: "oracle-database",
+        application: "Oracle Database",
+        notes: "Oracle Database official size limitations",
+        link: "https://docs.oracle.com/cd/B28359_01/server.111/b28320/limits002.htm#i287915",
+        linkText: "Oracle Physical Database Limits",
+        screenReaderOnlyText: "on oracle.com"
     },
     {
-        id: 'oracle-sql-client-tools',
-        application: 'Oracle SQL Client Tools',
-        notes: 'Oracle SQL Client Tools',
-        link: 'https://www.oracle.com/database/technologies/oracle-database-software-downloads.html',
-        linkText: 'Oracle SQL Client',
-        screenReaderOnlyText: 'on oracle.com'
+        id: "oracle-sql-client-tools",
+        application: "Oracle SQL Client Tools",
+        notes: "Oracle SQL Client Tools",
+        link: "https://www.oracle.com/database/technologies/oracle-database-software-downloads.html",
+        linkText: "Oracle SQL Client",
+        screenReaderOnlyText: "on oracle.com"
     }
 ];
 
@@ -7325,7 +7295,7 @@ const $669d2782ec2e2250$var$SpecsAndLimits = (props)=>{
                         }),
                         /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
                             heading: "Notice",
-                            className: 'ds-u-margin-top--6',
+                            className: "ds-u-margin-top--6",
                             children: /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
                                 className: "ds-c-alert__text",
                                 children: "Be aware of the file size and row limitations of the software you are attempting to import the files into. For information on limitations, look at the software's official documentation."
@@ -7334,16 +7304,16 @@ const $669d2782ec2e2250$var$SpecsAndLimits = (props)=>{
                     ]
                 }),
                 /*#__PURE__*/ (0, $hgUW1$jsx)("section", {
-                    className: 'ds-u-margin-top--4 ds-l-row',
+                    className: "ds-u-margin-top--4 ds-l-row",
                     children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                        className: 'ds-l-col--12',
+                        className: "ds-l-col--12",
                         children: [
                             /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
                                 className: "ds-text-heading--2xl ds-text-heading--2xl",
                                 children: "Documentation by Application"
                             }),
                             /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                className: 'ds-u-margin-top--4',
+                                className: "ds-u-margin-top--4",
                                 children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $5655284dbbb89508$export$2e2bcd8739ae039), {
                                     data: documentationList
                                 })
@@ -7371,7 +7341,7 @@ function $8b67b7ee3fcfb629$export$2e2bcd8739ae039({ id: id, rootUrl: rootUrl, cu
     const options = {
         conditions: query ? JSON.parse(query).map(({ column: column, operator: operator, ...rest })=>({
                 property: column,
-                operator: operator === 'is' ? '=' : operator === 'is not' ? '<>' : operator === 'or' ? 'in' : operator,
+                operator: operator === "is" ? "=" : operator === "is not" ? "<>" : operator === "or" ? "in" : operator,
                 ...rest
             })) : []
     };
@@ -7379,13 +7349,13 @@ function $8b67b7ee3fcfb629$export$2e2bcd8739ae039({ id: id, rootUrl: rootUrl, cu
     let distribution = {};
     let distributions = dataset.distribution ? dataset.distribution : [];
     if (distributions.length) distribution = distributions[distributionIndex];
-    const resource = (0, $1d3d480a9cfaabe0$export$2e2bcd8739ae039)('', rootUrl, {
+    const resource = (0, $1d3d480a9cfaabe0$export$2e2bcd8739ae039)("", rootUrl, {
         ...options,
         limit: defaultPageSize
     });
     (0, $hgUW1$useEffect)(()=>{
         const localFileFormat = (0, $f764661366bd9e1b$export$ee48b7e0e4eb536e)(distribution);
-        if (localFileFormat === 'csv') resource.setResource(distribution.identifier);
+        if (localFileFormat === "csv") resource.setResource(distribution.identifier);
     }, [
         distribution
     ]);
@@ -7435,7 +7405,7 @@ function $8b67b7ee3fcfb629$export$2e2bcd8739ae039({ id: id, rootUrl: rootUrl, cu
 
 
 function $374c4669b044ddf8$var$getStartDate(condition, schema, id) {
-    if (schema[id].fields[condition.property].mysql_type === 'date') {
+    if (schema[id].fields[condition.property].mysql_type === "date") {
         const newDate = new Date(condition.value);
         if (newDate instanceof Date && !isNaN(newDate)) return newDate;
     }
@@ -7452,9 +7422,9 @@ const $374c4669b044ddf8$var$QueryRow = ({ id: id, condition: condition, index: i
     const [startDate, setStartDate] = (0, $hgUW1$react).useState($374c4669b044ddf8$var$getStartDate(condition, schema, id));
     (0, $hgUW1$useEffect)(()=>{
         if (property !== condition.property) {
-            if (property) update(index, 'property', property);
-            else update(index, 'property', '');
-            if (schema[id].fields[condition.property].mysql_type === 'date') {
+            if (property) update(index, "property", property);
+            else update(index, "property", "");
+            if (schema[id].fields[condition.property].mysql_type === "date") {
                 if (!value) setValue(startDate.toJSON().slice(0, 10));
             }
         }
@@ -7468,16 +7438,16 @@ const $374c4669b044ddf8$var$QueryRow = ({ id: id, condition: condition, index: i
     ]);
     (0, $hgUW1$useEffect)(()=>{
         if (operator !== condition.operator) {
-            if (operator) update(index, 'operator', operator);
-            else update(index, 'operator', '');
+            if (operator) update(index, "operator", operator);
+            else update(index, "operator", "");
         }
     }, [
         operator
     ]);
     (0, $hgUW1$useEffect)(()=>{
         if (value !== condition.value) {
-            if (value) update(index, 'value', value);
-            else update(index, 'value', '');
+            if (value) update(index, "value", value);
+            else update(index, "value", "");
         }
     }, [
         value
@@ -7501,7 +7471,7 @@ const $374c4669b044ddf8$var$QueryRow = ({ id: id, condition: condition, index: i
                 onChange: (e)=>setOperator(e.target.value),
                 className: "ds-l-sm-col--3 ds-l-md-col--2 ds-l-col--12 ds-u-padding--0 ds-u-md-padding-right--2 ds-u-margin-bottom--0 ds-u-md-margin-bottom--2"
             }),
-            schema[id].fields[property].mysql_type === 'date' ? /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+            schema[id].fields[property].mysql_type === "date" ? /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
                 className: "ds-l-md-col--5 ds-l-lg-col--4 ds-l-sm-col--8 ds-l-col--12 ds-u-padding--0 ds-u-sm-padding-right--2 ds-u-md-padding-right--0 ds-u-lg-padding-right--2 ds-u-margin-bottom--2",
                 children: [
                     /*#__PURE__*/ (0, $hgUW1$jsx)("label", {
@@ -7591,12 +7561,12 @@ const $bef7bff2823feea2$var$QueryTitle = ({ conditions: conditions, schema: sche
                             className: "ds-u-font-weight--bold",
                             children: description
                         }),
-                        ' ',
+                        " ",
                         /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
                             className: "ds-u-font-weight--normal",
                             children: operator.label.toUpperCase()
                         }),
-                        ' ',
+                        " ",
                         /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
                             className: "ds-u-color--success",
                             children: formattedText
@@ -7623,19 +7593,19 @@ var $bef7bff2823feea2$export$2e2bcd8739ae039 = $bef7bff2823feea2$var$QueryTitle;
 function $3b6ca952e79f0695$var$updateQueryForDatastore(condition) {
     let cond = condition;
     delete cond.key;
-    if (cond.operator === '=' || cond.operator === '<>') {
+    if (cond.operator === "=" || cond.operator === "<>") {
         if (Array.isArray(cond.value)) cond.value = cond.value.join();
-        cond.value = cond.value.replace(/(^\%+|\%+$)/gm, '');
+        cond.value = cond.value.replace(/(^\%+|\%+$)/gm, "");
     }
-    if (cond.operator.toLowerCase() === 'like') {
+    if (cond.operator.toLowerCase() === "like") {
         if (Array.isArray(cond.value)) cond.value = cond.value.join();
-        const cleanedValue = cond.value.replace(/(^\%+|\%+$)/gm, '');
+        const cleanedValue = cond.value.replace(/(^\%+|\%+$)/gm, "");
         cond.value = `%${cleanedValue}%`;
     }
-    if (cond.operator.toLowerCase() === 'in') {
-        if (!Array.isArray(cond.value)) cond.value = cond.value.split(',');
+    if (cond.operator.toLowerCase() === "in") {
+        if (!Array.isArray(cond.value)) cond.value = cond.value.split(",");
     }
-    if (Array.isArray(cond.value)) cond.value = cond.value.map((v)=>v.trim().replace(/(^\%+|\%+$)/gm, ''));
+    if (Array.isArray(cond.value)) cond.value = cond.value.map((v)=>v.trim().replace(/(^\%+|\%+$)/gm, ""));
     return cond;
 }
 const $3b6ca952e79f0695$var$QueryBuilder = ({ resource: resource, id: id, customColumns: customColumns, setOffset: setOffset })=>{
@@ -7655,7 +7625,7 @@ const $3b6ca952e79f0695$var$QueryBuilder = ({ resource: resource, id: id, custom
             ...queryConditions,
             {
                 property: fields[0],
-                value: '',
+                value: "",
                 operator: (0, $7264a673914aa746$export$2b9377795161999)(schema[id].fields[fields[0]].mysql_type)[0].value,
                 key: Date.now()
             }
@@ -7695,7 +7665,7 @@ const $3b6ca952e79f0695$var$QueryBuilder = ({ resource: resource, id: id, custom
             encodeValuesOnly: true,
             addQueryPrefix: true
         });
-        window.history.pushState({}, '', `${url.origin}${url.pathname}${urlString}`);
+        window.history.pushState({}, "", `${url.origin}${url.pathname}${urlString}`);
     };
     const updateCondition = (index, key, value)=>{
         let newConditions = [
@@ -7768,7 +7738,7 @@ var $3b6ca952e79f0695$export$2e2bcd8739ae039 = $3b6ca952e79f0695$var$QueryBuilde
 
 
 const $dd6eb2b30d7ad75d$var$FilteredResourceBody = ({ id: id, dataset: dataset, distIndex: distIndex, location: location, customColumns: customColumns, columnSettings: columnSettings, columnWidths: columnWidths, customTitle: customTitle, customDescription: customDescription, rootUrl: rootUrl, updateAriaLive: updateAriaLive })=>{
-    const [tablePadding, setTablePadding] = (0, $hgUW1$react).useState('ds-u-padding-y--1');
+    const [tablePadding, setTablePadding] = (0, $hgUW1$react).useState("ds-u-padding-y--1");
     let apiDocs = (0, $hgUW1$useRef)();
     let distribution = {};
     let distribution_array = dataset.distribution ? dataset.distribution : [];
@@ -7780,9 +7750,11 @@ const $dd6eb2b30d7ad75d$var$FilteredResourceBody = ({ id: id, dataset: dataset,
     } : {
         conditions: []
     };
-    const resource = (0, $1d3d480a9cfaabe0$export$2e2bcd8739ae039)('', rootUrl, {
+    const resource = (0, $1d3d480a9cfaabe0$export$2e2bcd8739ae039)("", rootUrl, {
         ...options,
         limit: 25
+    }, {
+        datasetID: id
     });
     (0, $hgUW1$useEffect)(()=>{
         if (distribution.identifier) resource.setResource(distribution.identifier);
@@ -7794,7 +7766,7 @@ const $dd6eb2b30d7ad75d$var$FilteredResourceBody = ({ id: id, dataset: dataset,
     }, {
         encode: true
     })}&format=csv`;
-    const pageTitle = distribution.data.title && distribution.data.title.toLowerCase() !== 'csv' ? distribution.data.title : dataset.title;
+    const pageTitle = distribution.data.title && distribution.data.title.toLowerCase() !== "csv" ? distribution.data.title : dataset.title;
     const { ACA: ACA } = (0, $hgUW1$useContext)((0, $844981eac9b63865$export$eccc29c8d0ff408));
     return /*#__PURE__*/ (0, $hgUW1$jsx)("section", {
         className: "ds-l-container ds-u-padding-bottom--3 ds-u-margin-bottom--2",
@@ -7803,7 +7775,7 @@ const $dd6eb2b30d7ad75d$var$FilteredResourceBody = ({ id: id, dataset: dataset,
             children: Object.keys(distribution).length && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
                 children: [
                     /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                        className: 'ds-l-md-col--9',
+                        className: "ds-l-md-col--9",
                         children: /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Link), {
                             to: `/dataset/${id}`,
                             className: "ds-u-padding-y--4 ds-u-display--block",
@@ -7814,14 +7786,14 @@ const $dd6eb2b30d7ad75d$var$FilteredResourceBody = ({ id: id, dataset: dataset,
                         })
                     }),
                     /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                        className: 'ds-l-md-col--9',
+                        className: "ds-l-md-col--9",
                         children: /*#__PURE__*/ (0, $hgUW1$jsx)("h1", {
                             className: "ds-text-heading--3xl",
                             children: customTitle ? customTitle : pageTitle
                         })
                     }),
                     /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                        className: 'ds-l-md-col--12 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: [
@@ -7833,7 +7805,7 @@ const $dd6eb2b30d7ad75d$var$FilteredResourceBody = ({ id: id, dataset: dataset,
                         })
                     }),
                     /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                        className: 'ds-l-md-col--9',
+                        className: "ds-l-md-col--9",
                         children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $2bd73bb95b0c04ed$export$2e2bcd8739ae039), {
                             distribution: distribution,
                             dataset: dataset,
@@ -7843,13 +7815,13 @@ const $dd6eb2b30d7ad75d$var$FilteredResourceBody = ({ id: id, dataset: dataset,
                         })
                     }),
                     /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                        className: 'ds-l-md-col--12',
+                        className: "ds-l-md-col--12",
                         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: {
@@ -7860,7 +7832,7 @@ const $dd6eb2b30d7ad75d$var$FilteredResourceBody = ({ id: id, dataset: dataset,
                             customColumns: (0, $7264a673914aa746$export$8049e8f40a9bdfb8)(customColumns, resource.columns, resource.schema[distribution_array[distIndex].identifier])
                         },
                         children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                            className: 'ds-l-md-col--12',
+                            className: "ds-l-md-col--12",
                             children: [
                                 /*#__PURE__*/ (0, $hgUW1$jsx)((0, $af099c546cb226c7$export$2e2bcd8739ae039), {
                                     includeDensity: true,
@@ -7882,14 +7854,14 @@ const $dd6eb2b30d7ad75d$var$FilteredResourceBody = ({ id: id, dataset: dataset,
                             ]
                         })
                     }) : /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                        className: 'ds-l-md-col--12',
+                        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',
+                        className: "ds-l-md-col--12",
                         ref: apiDocs,
                         children: [
                             /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
@@ -7898,7 +7870,7 @@ const $dd6eb2b30d7ad75d$var$FilteredResourceBody = ({ id: id, dataset: dataset,
                             }),
                             /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$swaggeruireact), {
                                 url: `${rootUrl}/metastore/schemas/dataset/items/${dataset.identifier}/docs?${(0, $hgUW1$qs).stringify((0, $6d5c0212e738499b$export$34e95918366a058e)({}, ACA))}`,
-                                docExpansion: 'list',
+                                docExpansion: "list",
                                 defaultModelsExpandDepth: -1
                             })
                         ]
@@ -7917,7 +7889,7 @@ const $f61ecf9f84951a61$var$FilteredResource = ({ id: id, dist_id: dist_id, loca
     const [ready, setReady] = (0, $hgUW1$useState)(false);
     const [error, setError] = (0, $hgUW1$useState)(false);
     const { dataset: dataset } = (0, $b4aa9c66f2e86959$export$2e2bcd8739ae039)(id, rootUrl);
-    const distIndex = dist_id === 'data' ? 0 : dist_id;
+    const distIndex = dist_id === "data" ? 0 : dist_id;
     (0, $hgUW1$useEffect)(()=>{
         if (dataset.error) setError(true);
         if (dataset.distribution && dataset.distribution.length) {