@civicactions/cmsds-open-data-components 3.1.8-alpha.4 → 3.1.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/main.css +5 -0
  2. package/dist/main.css.map +1 -1
  3. package/dist/main.js +111 -90
  4. package/dist/main.js.map +1 -1
  5. package/package.json +1 -1
package/dist/main.css CHANGED
@@ -86,6 +86,11 @@ nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {
86
86
  font-weight: bold !important;
87
87
  }
88
88
 
89
+ .swagger-ui div.wrapper {
90
+ padding-left: 0;
91
+ padding-right: 0;
92
+ }
93
+
89
94
  @media (width <= 544px) {
90
95
  .swagger-ui .opblock-tag-section .opblock-tag small {
91
96
  flex: initial;
package/dist/main.css.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"ACAA;;;;ACIA;;;;;;;;;;;;AAeI;;;;AAIA;;;;;AAIE;;;;;AAQA;;;;;AASA;;;;AAWF;;;;;AAKA;;;;;AAKA;;;;AAOE;;;;AAGE;;;;AAMJ;;;;AAKF;;;;;;;AAMA;;;;AAGA;;;;AAGE;;;;AAMJ;;;;AAMA;EACE;;;;;AC/GF;;;;AAKI;;;;AASF;;;;AAGA;;;;;AAIA;;;;ACjBE;EAFF;;;;;AAOE;EADF;;;;;;;AAYA;;;;;;;;;;AAYA;;;;;AAMF;;;;AAIA;;;;AAKA;;;;AC/CA;;;;AAIA;;;;AAEE;;;;;;;;;AAUF;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAEE;;;;AAEE;EAFF;;;;;AAMA;;;;;ACpCF;;;;;AAGE;;;;;AAIA;;;;;;AAOF;;;;AAIA;;;;AAKE;;;;;;;;;;;;;;;;AAcE;;;;AAQF;;;;;;;AAKE;;;;;AAKF;;;;AAMF;;;;AAIA;;;;;;;AAOE;;;;;;;;;AAUF;;;;AAGA;;;;AAGA;;;;ACvFE;;;;AAKF;;;;AAIA;;;;;ACVA;;;;ACAA;;;;;ACAA;;;;ACCE;;;;;;;;;AAUF;;;;;;AAMA;;;;AAKE;;;;AAEE;;;;AAIF;;;;AAKF;;;;AAIA;;;;ACpCE;;;;AAGA;;;;;;;;ACHA;;;;;;;AAQF;;;;;AAGE;;;;;;;;;;;;;;;;AAiBF;;;;;;;AAKE;;;;;;;;;;;;;;;AAgBF;;;;;;;;;;;;;;AAcA;;;;;;;;AAME;;;;AAKF;;;;;AAME;;;;;;;;;;AASA;;;;;;AAKA;;;;;;;;AAUA;;;;AAKF;;;;;;;;;;;;;;;;AAeA;;;;AAIE;;;;;AAIA;;;;AAMA;;;;;AAIA;;;;AAOA;;;;;AAMF;;;;;;AAKE;;;;;;;AAOA;;;;;;;;;;;;;;;;AAeA;;;;;;;AAQF;;;;;;AAMA;;;;;AAGE;;;;AAGA;;;;;;;;AASA;;;;AAMF;EACE;;;;;AAMF;EACE;;;;;;;EAKE;;;;;EAIA;;;;;;;;EAOA;;;;;;;;;AAYF;;;;;AAGE;;;;;AAIA;;;;;;AAKE;;;;AAIF;;;;;AAGE;;;;AAIF;;;;AAYJ;;;;;;;;;AAUA;;;;AAIA;;;;AAGA;;;;AAIA;;;;;;;;;;AAQE;;;;;AAGE;;;;AAIF;;;;AAMF;;;;AAIA;;;;AAKE;;;;;;;;;;;;;;;;;ACpVF;;;;AAEE;;;;;;AAOF;;;;AAIA;;;;;AAGE;;;;AAKF;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AASA;;;;;;;;;AAQE;;;;;AAKA;;;;AAIA;;;;;;AAMF;;;;;;ACzEA;;;;ACAA;;;;;;;;AAKE;;;;;AAGE;;;;;;;;AAQE;;;;;AASN;;;;AAIA;;;;AC7BA;;;;AAGA;;;;ACHA;;;;AAIA;;;;AAMI;;;;AAMJ","sources":["66671e0fb4f6ef44","src/components/NavLink/NavLink.scss","src/templates/APIPage/swagger-ui-overrides.scss","src/components/DatasetSearchListItem/dataset-search-list-item.scss","src/components/DatasetSearchFacets/dataset-search-facets.scss","src/templates/DatasetSearch/dataset-search.scss","src/components/Datatable/datatable.scss","src/components/DatasetAdditionalInformation/additional-information-table.scss","src/components/Resource/Resource.scss","src/components/DataDictionaryTable/dataDictionaryTable.scss","src/components/DatasetDictionaryTable/dataDictionary.scss","src/templates/Dataset/dataset.scss","src/components/MobileHeader/mobile-header.scss","src/templates/Header/header.scss","src/templates/Footer/footer.scss","src/components/ResourceHeader/resource-header.scss","src/components/Breadcrumb/breadcrumb.scss","src/templates/FilteredResource/query-builder.scss","src/templates/FilteredResource/filtered-resource.scss"],"sourcesContent":["@import \"273e90f78d9897be\";\n@import \"4aaf9b6e7d02ddbc\";\n@import \"eab1ff0a90f53ec6\";\n@import \"401f704da451978e\";\n@import \"afb93adf2372c8fa\";\n@import \"e0db2df3aeed891f\";\n@import \"0942f6189f250c2d\";\n@import \"0038627699fe7360\";\n@import \"d35618c6100ac41e\";\n@import \"c21b52fda9bf8379\";\n@import \"9581ea82efe9ba05\";\n@import \"177a57e3e33ce22a\";\n@import \"5c4d0463a5a7f5df\";\n@import \"5264af765afb34c2\";\n@import \"abe4b1357605f482\";\n@import \"befaac9e892f85f3\";\n@import \"11a474311c5aac64\";\n@import \"e4bccea31c84a01a\";\n","nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {\n border-bottom: 2px solid #{var(--color-primary-light)};\n}","/*\nThis document provides overrides to Swagger UI, fixing accessibility issues.\n*/\n\n:root {\n //Colors\n --su-color--blue-dark: rgb(0, 51, 102);\n --su-color--brown: rgba(136, 76, 0, 1);\n --su-color--green-dark: rgb(0, 118, 65);\n --su-color--green-muted: rgb(39, 117, 100);\n --su-color--orange-dark: rgb(209, 0, 0);\n --su-color--orange-light: rgba(209, 0, 0, .1);\n --su-color--red-dark: rgb(151, 0, 0);\n --su-color--red-light: rgba(211, 0, 0, .1);\n --su-color--red: rgb(211, 0, 0);\n}\n// State `.swagger-ui` twice to include specificity and avoid multiple `!important` statements;\n.swagger-ui.swagger-ui {\n .opblock {\n .opblock-summary-method {\n color: #333;\n }\n\n &.opblock-delete {\n background-color: var(--su-color--red-light);\n border-color: var(--su-color--red);\n\n .opblock-summary-method {\n color: white;\n\n background-color: var(--su-color--red-dark);\n }\n }\n\n &.opblock-put {\n .opblock-summary-method {\n background-color: var(--su-color--brown);\n color: white;\n }\n }\n }\n\n .parameter__name {\n &.required {\n span {\n color: var(--su-color--red);\n }\n\n &:after {\n color: var(--su-color--red);\n }\n }\n }\n\n .btn {\n &.cancel {\n border-color: var(--su-color--red);\n color: var(--su-color--red);\n }\n\n &.authorize {\n border-color: var(--su-color--green-muted);\n background-color: var(--su-color--green-muted);\n }\n\n &.execute {\n background-color: var(--su-color--blue-dark)\n }\n }\n\n .info {\n .title {\n small {\n background-color: #666;\n\n &.version-stamp {\n background-color: #005830;\n }\n }\n }\n\n a {\n color: #036;\n }\n }\n\n .model-hint {\n max-width: 100%;\n word-wrap: break-word;\n white-space: normal;\n top: 1.5em;\n }\n section.models .model-container {\n overflow-x: auto;\n }\n table {\n min-width: 500px;\n\n &.model tbody tr td:first-of-type {\n min-width: 174px;\n }\n }\n}\n\n.swagger-ui h2, .swagger-ui h3, .swagger-ui h4 {\n font-weight: bold !important;\n}\n\n// Fix issue on mobile with text on accordion looking weird.\n\n@media (width <= 544px) {\n .swagger-ui .opblock-tag-section .opblock-tag small {\n flex: initial;\n }\n}\n",".dc-c-search-list-item {\n list-style: none;\n li {\n list-style: none;\n\n a,\n button {\n text-decoration: underline !important;\n }\n a svg,\n span svg {\n fill: #{var(--link__color)};\n }\n }\n svg {\n margin-right: 8px;\n }\n span > span > button {\n font-weight: normal !important;\n padding: 0 !important;\n }\n a:visited svg {\n fill: #{var(--link__color--visited)};\n }\n}",".dkan-dataset-search {\n position: relative;\n input {\n min-width: 100%;\n @media only screen and (min-width: 544px) {\n padding-left: 32px;\n }\n }\n div.--alt-style input {\n @media only screen and (max-width: 544px) {\n --text-input__border-radius: 50px;\n --text-input__border-color: #c6b7b7;\n height: 61px;\n }\n }\n\n .ds-c-field__before {\n left: 16px;\n top: 12px;\n }\n .dc-c-search-button-mobile {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n position: absolute;\n right: 18px;\n top: 2px;\n z-index: 1000;\n height: 57px;\n }\n}\n\n.dkan-dataset-search--facet-container {\n ul {\n list-style: none;\n padding-left: 0px;\n }\n}\n\n.dkan-dataset-search--clear-all-filters {\n width: 100%;\n}\n\n.dc-c-search-list-item li a svg,\n.dc-c-search-list-item li span svg {\n fill: #{var(--link__color)};\n}\n\n.dc-c-search-list-item li a:visited svg {\n fill: #{var(--link__color--visited)};\n}\n",".dc-dataset-search-list {\n list-style: none;\n}\n\n.dc-search-header {\n display: relative;\n &::after {\n content: '';\n display: block;\n width: 48px;\n height: 4px;\n margin: 16px 0;\n background-color: #{var(--color-primary-light)};\n }\n}\n\n.dataset-results-count {\n font-weight: bold;\n}\n\n.dkan-dataset-search--facet-container .ds-c-accordion__content {\n max-height: 32rem;\n}\n\n.dc-dataset-search--clear-all-filters {\n width: 100%;\n}\n\n.dkan-dataset-search {\n position: relative;\n input {\n min-width: 100%;\n @media only screen and (min-width: 544px) {\n padding-left: 32px;\n }\n }\n .ds-c-field__before {\n left: 16px;\n top: 12px;\n }\n}",".dc-c-datatable {\n width: 100%;\n border-spacing: 0px;\n th {\n position: relative;\n text-align: left;\n }\n thead th div {\n display: flex;\n align-items: center;\n cursor: pointer;\n }\n}\n\n.dc-thead--fixed-size th {\n border-left: 2px solid var(--color-border);\n}\n\n.dc-thead--fixed-size th:first-child {\n border-left: none;\n}\n\n.dc-thead--resizeable {\n .dc-c-resize-handle {\n top: 0;\n bottom: 0;\n right: 0;\n position: absolute !important;\n background-color: #{var(--color-gray-light)};\n width: 10px;\n cursor: col-resize;\n min-width: 10px;\n display: block;\n margin-left: -10px;\n padding: 0;\n border: none;\n z-index: 1;\n &.isResizing,\n &:hover {\n background-color: #{var(--color-primary)};\n }\n }\n}\n\n.dc-thead--truncated {\n th > div > span {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n display: inline-block;\n .ds-c-tooltip__container {\n white-space: wrap;\n font-weight: normal;\n }\n }\n th p {\n white-space: normal;\n }\n\n}\n\n.dc-c-datatable--even-row td {\n background-color: #{var(--table-striped__background-color)};\n}\n\n.dc-c-sort--default,\n.dc-c-sort--asc,\n.dc-c-sort--desc {\n padding-left: 8px;\n padding-right: 16px;\n border: none;\n background: none;\n &::after {\n font-family: 'Font Awesome 5 Pro';\n display: inline;\n padding-left: 8px;\n line-height: 18px;\n height: 18px;\n width: 18px;\n }\n}\n\n.dc-c-sort--default::after {\n content: '\\f0dc';\n}\n.dc-c-sort--asc::after {\n content: '\\f0de';\n}\n.dc-c-sort--desc::after {\n content: '\\f0dd';\n}\n\n\n// @media (hover: hover) {\n// .resizer {\n// opacity: 0;\n// }\n\n// *:hover > .resizer {\n// opacity: 1;\n// }\n// }",".dc-c-additional-info-table {\n table {\n width: 100%;\n }\n}\n\n.dc-c-additional-info-table a {\n word-break: break-all;\n}\n\n.ds-u-word-break-anywhere {\n word-break: break-word;\n overflow-wrap: anywhere;\n}\n","ul.dc-c-resource-full-width {\n width: 100%;\n}\n",".dc-c-datadictionary-table .dc-c-datatable th, .dc-c-datadictionary-table .dc-c-datatable td {\n border-left: 0;\n border-right: 0;\n}",".dc-c-tooltip-width-override .ds-c-tooltip {\n width: 500px;\n}",".dc-resource-header {\n &::before {\n content: '';\n display: block;\n width: 48px;\n height: 4px;\n margin: 8px 0;\n background-color: #{var(--color-primary-light)};\n }\n}\n\n.dc-truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.dc-c-metadata-description {\n white-space: pre-line;\n}\n\n.dc-dataset .ds-c-tabs {\n .ds-c-tabs__item {\n text-decoration:none;\n svg {\n fill: #{var(--link__color)};\n }\n }\n svg {\n margin-right: 8px;\n }\n}\n\n#main-content {\n overflow: visible;\n}\n\n.dc-c-word-break--all {\n word-break: break-all;\n}",".dc-c-mobile-header--menu {\n :focus {\n box-shadow: 0 0 0 3px transparent,0 0 4px 6px transparent;\n }\n :focus-visible {\n // Copy styling from DS items with focus\n background-color: #0000;\n border-radius: var(--button__border-radius);\n box-shadow: 0 0 0 3px var(--color-focus-light),0 0 4px 6px var(--color-focus-dark);\n outline: 3px solid #0000;\n outline-offset: 3px;\n }\n}\n",".ds-c-usa-banner__button-text {\n &::after {\n width: 0 !important;\n height: 0 !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n}\n\n.dc-c-mobile-menu--open {\n color: #{var(--color-white)};\n text-decoration: none;\n &::before {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f0c9';\n color: #{var(--color-white)};\n font-size: 18px;\n padding-right: 10px;\n display: inline-block;\n line-height: 18px;\n height: 18px;\n width: 18px;\n margin-left: 10px;\n text-align: center;\n vertical-align: middle;\n font-weight: lighter;\n }\n}\n\n.dc-c-mobile-menu--close {\n color: #{var(--color-white)};\n text-decoration: none;\n padding-left: 0;\n padding-bottom: 16px;\n &::before {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f00d';\n color: #{var(--color-white)};\n font-size: 18px;\n padding-right: 10px;\n display: inline-block;\n line-height: 18px;\n height: 18px;\n width: 18px;\n text-align: center;\n vertical-align: middle;\n font-weight: lighter;\n }\n}\n\n.dc-c-mobile-header--menu {\n position: fixed;\n background-color: #{var(--color-gray-dark)};\n top: 0;\n bottom: 0;\n left: -100%;\n z-index: 500;\n height: 100%;\n width: 100%;\n transition: left 0.7s;\n padding: 50px 0;\n visibility: hidden;\n}\n\n.dc-c-mobile-header .dc-c-site-menu--sub-menu {\n position: relative;\n background: transparent;\n top: -24px;\n width: auto;\n left: auto;\n a {\n padding: 8px;\n }\n}\n\n.dc-c-cmsheader {\n position: relative;\n background: #{var(--color-white)};\n}\n\n.dc-c-cms-mobile-header-menu {\n &::before {\n display: block;\n margin-left: 8px;\n margin-bottom: 16px;\n width: 48px;\n height: 2px;\n background: #{var(--color-primary-light)};\n content: '';\n }\n ul {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n a,\n a:hover,\n a:focus,\n a:visited {\n background-color: transparent;\n display: inline-block;\n color: #{var(--color-white)};\n text-decoration: none;\n border-bottom: 2px solid transparent;\n }\n a:hover,\n a:active {\n border-bottom: 2px solid #{var(--color-primary-light)};\n }\n}\n.has-submenu > button::after {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f105';\n color: #{var(--color-white)};\n font-size: 18px;\n padding-right: 10px;\n display: inline-block;\n line-height: 18px;\n height: 18px;\n width: 18px;\n margin-left: 10px;\n text-align: center;\n vertical-align: middle;\n font-weight: lighter;\n}\n.has-submenu.open > button::after {\n content: '\\f107';\n}\n.dc-c-header--mobile-links {\n button {\n padding: 0;\n font-weight: 700;\n }\n a {\n display: block;\n }\n}\n\n.dc-c-mobile-header.menu-open {\n .dc-c-cmsheader {\n z-index: 501;\n background-color: transparent;\n }\n .dc-c-cmsheader-menu a,\n button {\n color: #{var(--color-white)};\n }\n .cms-link-container a::before {\n color: #{var(--color-white)};\n }\n .dc-c-mobile-header--menu {\n left: 0;\n visibility: visible;\n }\n}\n\n.cms-link-container {\n display: block;\n margin-right: 20px;\n // margin-top: -5px;\n border-right: none;\n a {\n text-decoration: none;\n border-bottom: none;\n\n margin-right: 20px;\n display: inline-block;\n }\n a::before {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f33e';\n color: #323a45;\n font-size: 18px;\n padding-right: 10px;\n display: inline-block;\n line-height: 18px;\n height: 18px;\n width: 18px;\n margin-left: 10px;\n text-align: center;\n vertical-align: middle;\n font-weight: lighter;\n }\n img {\n height: auto;\n width: 90px;\n display: inline-block;\n vertical-align: middle;\n }\n}\n\n.cms-text-container {\n display: block;\n padding-top: 28px;\n color: #6f757c;\n}\n\n.dc-c-cmsheader-menu {\n padding: 0;\n margin: 0;\n li {\n list-style: none;\n }\n a {\n margin: 3px 7px;\n padding: 0;\n color: #323a45;\n text-decoration: none;\n border-bottom: 1px solid;\n border-bottom-color: #eee;\n border-bottom-color: rgba(255, 255, 255, 0.2);\n }\n a:hover,\n a:active {\n border-bottom: 2px solid #323a45;\n }\n}\n\n@media (min-width: 544px) {\n .dc-c-main-navigation--search,\n .dc-c-mobile-menu--search {\n border-left: 1px solid #{var(--color-white)};\n }\n}\n\n@media (min-width: 1024px) {\n .cms-link-container {\n height: 85px;\n width: 240px;\n float: left;\n border-right: 1px solid #d6d7d9;\n a {\n margin-top: 28px;\n margin-bottom: 20px;\n }\n img {\n height: auto;\n width: auto;\n display: inline-block;\n vertical-align: middle;\n max-width: 80%;\n }\n a::before {\n font-size: 28px;\n line-height: 28px;\n width: 28px;\n height: 28px;\n margin-left: 0;\n }\n }\n}\n\n\nnav.dc-c-site-menu {\n .dc-c-header--links {\n padding: 0;\n margin: 0;\n li {\n list-style: none;\n height: 100%;\n }\n button {\n // color: #{var(--color-white)};\n text-decoration: none;\n font-size: 16px;\n border: none;\n span {\n border-bottom: 2px solid transparent;\n }\n }\n a {\n text-decoration: none;\n padding: #{var(--space, 8px 24px)};\n span {\n border-bottom: 2px solid transparent;\n }\n }\n > li:hover > button span,\n > li button:focus span,\n > li button:hover span,\n > li:hover > a span,\n > li:focus > a span,\n > li a:hover span,\n > li a:focus span {\n border-bottom: 2px solid #{var(--color-primary-light)};\n }\n }\n}\n\nnav.dc-c-site-menu .dc-c-header--links a:focus,\n.dc-c-site-title a:focus {\n background-color: transparent;\n outline: 3px solid transparent;\n box-shadow: 0 0 0 3px #{var(--color-focus-light)}, 0 0 4px 6px #{var(--color-focus-dark)};\n outline-offset: 3px;\n border-radius: #{var(--button__border-radius)};\n text-decoration: none;\n}\n\nnav > ul li ul {\n display: none;\n}\n\nnav > ul li.open ul {\n display: block;\n}\nli.has-submenu {\n position: relative;\n}\n\n.dc-c-site-menu--sub-menu {\n background: #{var(--color-primary)};\n position: absolute;\n left: 0;\n top: 48px;\n margin: 0;\n padding: 0;\n width: 300px;\n a {\n display: block;\n padding: 16px;\n span {\n border-bottom: 2px solid transparent;\n }\n }\n a:hover span,\n a:focus span {\n border-bottom: 2px solid #{var(--color-primary-light)};\n }\n}\n\n.dc-c-site-title a {\n text-decoration: none;\n}\n\n.dc-c-mobile-menu--search {\n display: inherit;\n}\n\n.dc-c-search-modal--button {\n &::before {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f002';\n color: #{var(--color-white)};\n font-size: 18px;\n padding-right: 10px;\n display: inline-block;\n line-height: 18px;\n height: 18px;\n width: 18px;\n margin-left: 10px;\n text-align: center;\n vertical-align: middle;\n font-weight: lighter;\n box-sizing: content-box\n }\n}\n",".dc-c-footer {\n background-color: white;\n ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n}\n\n.dc-c-footer--middle-container {\n background: linear-gradient(90deg, #f6f9fd 50%, #e8f0fa 50%);\n}\n\n.dc-c-footer__title {\n font-weight: 400;\n color: #{var(--color-gray)};\n span {\n font-weight: 700;\n }\n}\n\n.dc-c-footer__resources {\n background: #f6f9fd;\n}\n\n.dc-c-footer__utility {\n background: #{var(--color-white)};\n}\n\n.dc-c-footer__utility li {\n list-style: none;\n}\n\n.dc-c-footer__cms-information {\n background: #e8f0fa;\n}\n\n.dc-footer--heading {\n text-transform: uppercase;\n}\n\n.dc-c-emailupdates {\n background-image: linear-gradient(\n 35deg,\n #{var(--color-primary-darkest)},\n #{var(--color-primary-darker)},\n #{var(--color-primary)}\n );\n color: #{var(--color-white)};\n}\n.dc-c-footer--svg-icon {\n width: 40px;\n height: 40px;\n font-size: 42px;\n display: inline-block;\n text-align: center;\n position: relative;\n\n svg.svg-inline--fa {\n width: 1em;\n height: 1em;\n }\n\n .fa-circle {\n fill: #6f757c;\n }\n\n .fa-inverse {\n font-size: 25px;\n padding-left: 2px;\n fill: #{var(--color-white)};\n }\n}\n.svg-inline--fa {\n bottom: 0;\n left: 0;\n margin: auto;\n position: absolute;\n right: 0;\n top: 0;\n}\n",".ds-c-button.display-settings-font {\n font: inherit;\n}",".dc-c-breadcrumb__list {\n margin-top: 0;\n margin-bottom: 0;\n list-style-type: none;\n padding-left: 0;\n > li {\n margin-bottom: 0;\n max-width: unset;\n &::after {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f054';\n margin: 0 10px;\n font-size: 10px;\n font-weight: 600;\n }\n &:last-child {\n &::after {\n content: '';\n margin: 0;\n }\n }\n }\n display: block;\n}\n\n.dc-c-breadcrumb__list-item {\n display: inline-block;\n}\n\n.dc-c-breadcrumb__link {\n display: inline;\n}\n",".dc-query-builder > .ds-c-accordion > .ds-c-accordion__content {\n overflow: visible;\n}\n.dc-query-builder .react-datepicker select {\n background-image: none;\n}",".dc-c-resource-action {\n min-height: 100%;\n}\n\n.dc-filtered-resource-toggle {\n align-self: center;\n}\n\n.dc-c-filterd-resouce-drawer {\n .ds-c-help-drawer__footer {\n h4 {\n display: none;\n }\n }\n}\n\n.dc-c-resource-header--buttons {\n display: flex;\n}\n"],"names":[],"version":3,"file":"main.css.map"}
1
+ {"mappings":"ACAA;;;;ACIA;;;;;;;;;;;;AAeI;;;;AAIA;;;;;AAIE;;;;;AAQA;;;;;AASA;;;;AAWF;;;;;AAKA;;;;;AAKA;;;;AAOE;;;;AAGE;;;;AAMJ;;;;AAKF;;;;;;;AAMA;;;;AAGA;;;;AAGE;;;;AAMJ;;;;AAIA;;;;;AAOA;EACE;;;;;ACpHF;;;;AAKI;;;;AASF;;;;AAGA;;;;;AAIA;;;;ACjBE;EAFF;;;;;AAOE;EADF;;;;;;;AAYA;;;;;;;;;;AAYA;;;;;AAMF;;;;AAIA;;;;AAKA;;;;AC/CA;;;;AAIA;;;;AAEE;;;;;;;;;AAUF;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAEE;;;;AAEE;EAFF;;;;;AAMA;;;;;ACpCF;;;;;AAGE;;;;;AAIA;;;;;;AAOF;;;;AAIA;;;;AAKE;;;;;;;;;;;;;;;;AAcE;;;;AAQF;;;;;;;AAKE;;;;;AAKF;;;;AAMF;;;;AAIA;;;;;;;AAOE;;;;;;;;;AAUF;;;;AAGA;;;;AAGA;;;;ACvFE;;;;AAKF;;;;AAIA;;;;;ACVA;;;;ACAA;;;;;ACAA;;;;ACCE;;;;;;;;;AAUF;;;;;;AAMA;;;;AAKE;;;;AAEE;;;;AAIF;;;;AAKF;;;;AAIA;;;;ACpCE;;;;AAGA;;;;;;;;ACHA;;;;;;;AAQF;;;;;AAGE;;;;;;;;;;;;;;;;AAiBF;;;;;;;AAKE;;;;;;;;;;;;;;;AAgBF;;;;;;;;;;;;;;AAcA;;;;;;;;AAME;;;;AAKF;;;;;AAME;;;;;;;;;;AASA;;;;;;AAKA;;;;;;;;AAUA;;;;AAKF;;;;;;;;;;;;;;;;AAeA;;;;AAIE;;;;;AAIA;;;;AAMA;;;;;AAIA;;;;AAOA;;;;;AAMF;;;;;;AAKE;;;;;;;AAOA;;;;;;;;;;;;;;;;AAeA;;;;;;;AAQF;;;;;;AAMA;;;;;AAGE;;;;AAGA;;;;;;;;AASA;;;;AAMF;EACE;;;;;AAMF;EACE;;;;;;;EAKE;;;;;EAIA;;;;;;;;EAOA;;;;;;;;;AAYF;;;;;AAGE;;;;;AAIA;;;;;;AAKE;;;;AAIF;;;;;AAGE;;;;AAIF;;;;AAYJ;;;;;;;;;AAUA;;;;AAIA;;;;AAGA;;;;AAIA;;;;;;;;;;AAQE;;;;;AAGE;;;;AAIF;;;;AAMF;;;;AAIA;;;;AAKE;;;;;;;;;;;;;;;;;ACpVF;;;;AAEE;;;;;;AAOF;;;;AAIA;;;;;AAGE;;;;AAKF;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AASA;;;;;;;;;AAQE;;;;;AAKA;;;;AAIA;;;;;;AAMF;;;;;;ACzEA;;;;ACAA;;;;;;;;AAKE;;;;;AAGE;;;;;;;;AAQE;;;;;AASN;;;;AAIA;;;;AC7BA;;;;AAGA;;;;ACHA;;;;AAIA;;;;AAMI;;;;AAMJ","sources":["66671e0fb4f6ef44","src/components/NavLink/NavLink.scss","src/templates/APIPage/swagger-ui-overrides.scss","src/components/DatasetSearchListItem/dataset-search-list-item.scss","src/components/DatasetSearchFacets/dataset-search-facets.scss","src/templates/DatasetSearch/dataset-search.scss","src/components/Datatable/datatable.scss","src/components/DatasetAdditionalInformation/additional-information-table.scss","src/components/Resource/Resource.scss","src/components/DataDictionaryTable/dataDictionaryTable.scss","src/components/DatasetDictionaryTable/dataDictionary.scss","src/templates/Dataset/dataset.scss","src/components/MobileHeader/mobile-header.scss","src/templates/Header/header.scss","src/templates/Footer/footer.scss","src/components/ResourceHeader/resource-header.scss","src/components/Breadcrumb/breadcrumb.scss","src/templates/FilteredResource/query-builder.scss","src/templates/FilteredResource/filtered-resource.scss"],"sourcesContent":["@import \"273e90f78d9897be\";\n@import \"4aaf9b6e7d02ddbc\";\n@import \"eab1ff0a90f53ec6\";\n@import \"401f704da451978e\";\n@import \"afb93adf2372c8fa\";\n@import \"e0db2df3aeed891f\";\n@import \"0942f6189f250c2d\";\n@import \"0038627699fe7360\";\n@import \"d35618c6100ac41e\";\n@import \"c21b52fda9bf8379\";\n@import \"9581ea82efe9ba05\";\n@import \"177a57e3e33ce22a\";\n@import \"5c4d0463a5a7f5df\";\n@import \"5264af765afb34c2\";\n@import \"abe4b1357605f482\";\n@import \"befaac9e892f85f3\";\n@import \"11a474311c5aac64\";\n@import \"e4bccea31c84a01a\";\n","nav.dc-c-site-menu .dc-c-header--links a.dc-c-active-link span {\n border-bottom: 2px solid #{var(--color-primary-light)};\n}","/*\nThis document provides overrides to Swagger UI, fixing accessibility issues.\n*/\n\n:root {\n //Colors\n --su-color--blue-dark: rgb(0, 51, 102);\n --su-color--brown: rgba(136, 76, 0, 1);\n --su-color--green-dark: rgb(0, 118, 65);\n --su-color--green-muted: rgb(39, 117, 100);\n --su-color--orange-dark: rgb(209, 0, 0);\n --su-color--orange-light: rgba(209, 0, 0, .1);\n --su-color--red-dark: rgb(151, 0, 0);\n --su-color--red-light: rgba(211, 0, 0, .1);\n --su-color--red: rgb(211, 0, 0);\n}\n// State `.swagger-ui` twice to include specificity and avoid multiple `!important` statements;\n.swagger-ui.swagger-ui {\n .opblock {\n .opblock-summary-method {\n color: #333;\n }\n\n &.opblock-delete {\n background-color: var(--su-color--red-light);\n border-color: var(--su-color--red);\n\n .opblock-summary-method {\n color: white;\n\n background-color: var(--su-color--red-dark);\n }\n }\n\n &.opblock-put {\n .opblock-summary-method {\n background-color: var(--su-color--brown);\n color: white;\n }\n }\n }\n\n .parameter__name {\n &.required {\n span {\n color: var(--su-color--red);\n }\n\n &:after {\n color: var(--su-color--red);\n }\n }\n }\n\n .btn {\n &.cancel {\n border-color: var(--su-color--red);\n color: var(--su-color--red);\n }\n\n &.authorize {\n border-color: var(--su-color--green-muted);\n background-color: var(--su-color--green-muted);\n }\n\n &.execute {\n background-color: var(--su-color--blue-dark)\n }\n }\n\n .info {\n .title {\n small {\n background-color: #666;\n\n &.version-stamp {\n background-color: #005830;\n }\n }\n }\n\n a {\n color: #036;\n }\n }\n\n .model-hint {\n max-width: 100%;\n word-wrap: break-word;\n white-space: normal;\n top: 1.5em;\n }\n section.models .model-container {\n overflow-x: auto;\n }\n table {\n min-width: 500px;\n\n &.model tbody tr td:first-of-type {\n min-width: 174px;\n }\n }\n}\n\n.swagger-ui h2, .swagger-ui h3, .swagger-ui h4 {\n font-weight: bold !important;\n}\n\n.swagger-ui div.wrapper {\n padding-left: 0;\n padding-right: 0;\n}\n\n// Fix issue on mobile with text on accordion looking weird.\n\n@media (width <= 544px) {\n .swagger-ui .opblock-tag-section .opblock-tag small {\n flex: initial;\n }\n}\n",".dc-c-search-list-item {\n list-style: none;\n li {\n list-style: none;\n\n a,\n button {\n text-decoration: underline !important;\n }\n a svg,\n span svg {\n fill: #{var(--link__color)};\n }\n }\n svg {\n margin-right: 8px;\n }\n span > span > button {\n font-weight: normal !important;\n padding: 0 !important;\n }\n a:visited svg {\n fill: #{var(--link__color--visited)};\n }\n}",".dkan-dataset-search {\n position: relative;\n input {\n min-width: 100%;\n @media only screen and (min-width: 544px) {\n padding-left: 32px;\n }\n }\n div.--alt-style input {\n @media only screen and (max-width: 544px) {\n --text-input__border-radius: 50px;\n --text-input__border-color: #c6b7b7;\n height: 61px;\n }\n }\n\n .ds-c-field__before {\n left: 16px;\n top: 12px;\n }\n .dc-c-search-button-mobile {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n position: absolute;\n right: 18px;\n top: 2px;\n z-index: 1000;\n height: 57px;\n }\n}\n\n.dkan-dataset-search--facet-container {\n ul {\n list-style: none;\n padding-left: 0px;\n }\n}\n\n.dkan-dataset-search--clear-all-filters {\n width: 100%;\n}\n\n.dc-c-search-list-item li a svg,\n.dc-c-search-list-item li span svg {\n fill: #{var(--link__color)};\n}\n\n.dc-c-search-list-item li a:visited svg {\n fill: #{var(--link__color--visited)};\n}\n",".dc-dataset-search-list {\n list-style: none;\n}\n\n.dc-search-header {\n display: relative;\n &::after {\n content: '';\n display: block;\n width: 48px;\n height: 4px;\n margin: 16px 0;\n background-color: #{var(--color-primary-light)};\n }\n}\n\n.dataset-results-count {\n font-weight: bold;\n}\n\n.dkan-dataset-search--facet-container .ds-c-accordion__content {\n max-height: 32rem;\n}\n\n.dc-dataset-search--clear-all-filters {\n width: 100%;\n}\n\n.dkan-dataset-search {\n position: relative;\n input {\n min-width: 100%;\n @media only screen and (min-width: 544px) {\n padding-left: 32px;\n }\n }\n .ds-c-field__before {\n left: 16px;\n top: 12px;\n }\n}",".dc-c-datatable {\n width: 100%;\n border-spacing: 0px;\n th {\n position: relative;\n text-align: left;\n }\n thead th div {\n display: flex;\n align-items: center;\n cursor: pointer;\n }\n}\n\n.dc-thead--fixed-size th {\n border-left: 2px solid var(--color-border);\n}\n\n.dc-thead--fixed-size th:first-child {\n border-left: none;\n}\n\n.dc-thead--resizeable {\n .dc-c-resize-handle {\n top: 0;\n bottom: 0;\n right: 0;\n position: absolute !important;\n background-color: #{var(--color-gray-light)};\n width: 10px;\n cursor: col-resize;\n min-width: 10px;\n display: block;\n margin-left: -10px;\n padding: 0;\n border: none;\n z-index: 1;\n &.isResizing,\n &:hover {\n background-color: #{var(--color-primary)};\n }\n }\n}\n\n.dc-thead--truncated {\n th > div > span {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n display: inline-block;\n .ds-c-tooltip__container {\n white-space: wrap;\n font-weight: normal;\n }\n }\n th p {\n white-space: normal;\n }\n\n}\n\n.dc-c-datatable--even-row td {\n background-color: #{var(--table-striped__background-color)};\n}\n\n.dc-c-sort--default,\n.dc-c-sort--asc,\n.dc-c-sort--desc {\n padding-left: 8px;\n padding-right: 16px;\n border: none;\n background: none;\n &::after {\n font-family: 'Font Awesome 5 Pro';\n display: inline;\n padding-left: 8px;\n line-height: 18px;\n height: 18px;\n width: 18px;\n }\n}\n\n.dc-c-sort--default::after {\n content: '\\f0dc';\n}\n.dc-c-sort--asc::after {\n content: '\\f0de';\n}\n.dc-c-sort--desc::after {\n content: '\\f0dd';\n}\n\n\n// @media (hover: hover) {\n// .resizer {\n// opacity: 0;\n// }\n\n// *:hover > .resizer {\n// opacity: 1;\n// }\n// }",".dc-c-additional-info-table {\n table {\n width: 100%;\n }\n}\n\n.dc-c-additional-info-table a {\n word-break: break-all;\n}\n\n.ds-u-word-break-anywhere {\n word-break: break-word;\n overflow-wrap: anywhere;\n}\n","ul.dc-c-resource-full-width {\n width: 100%;\n}\n",".dc-c-datadictionary-table .dc-c-datatable th, .dc-c-datadictionary-table .dc-c-datatable td {\n border-left: 0;\n border-right: 0;\n}",".dc-c-tooltip-width-override .ds-c-tooltip {\n width: 500px;\n}",".dc-resource-header {\n &::before {\n content: '';\n display: block;\n width: 48px;\n height: 4px;\n margin: 8px 0;\n background-color: #{var(--color-primary-light)};\n }\n}\n\n.dc-truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.dc-c-metadata-description {\n white-space: pre-line;\n}\n\n.dc-dataset .ds-c-tabs {\n .ds-c-tabs__item {\n text-decoration:none;\n svg {\n fill: #{var(--link__color)};\n }\n }\n svg {\n margin-right: 8px;\n }\n}\n\n#main-content {\n overflow: visible;\n}\n\n.dc-c-word-break--all {\n word-break: break-all;\n}",".dc-c-mobile-header--menu {\n :focus {\n box-shadow: 0 0 0 3px transparent,0 0 4px 6px transparent;\n }\n :focus-visible {\n // Copy styling from DS items with focus\n background-color: #0000;\n border-radius: var(--button__border-radius);\n box-shadow: 0 0 0 3px var(--color-focus-light),0 0 4px 6px var(--color-focus-dark);\n outline: 3px solid #0000;\n outline-offset: 3px;\n }\n}\n",".ds-c-usa-banner__button-text {\n &::after {\n width: 0 !important;\n height: 0 !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n}\n\n.dc-c-mobile-menu--open {\n color: #{var(--color-white)};\n text-decoration: none;\n &::before {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f0c9';\n color: #{var(--color-white)};\n font-size: 18px;\n padding-right: 10px;\n display: inline-block;\n line-height: 18px;\n height: 18px;\n width: 18px;\n margin-left: 10px;\n text-align: center;\n vertical-align: middle;\n font-weight: lighter;\n }\n}\n\n.dc-c-mobile-menu--close {\n color: #{var(--color-white)};\n text-decoration: none;\n padding-left: 0;\n padding-bottom: 16px;\n &::before {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f00d';\n color: #{var(--color-white)};\n font-size: 18px;\n padding-right: 10px;\n display: inline-block;\n line-height: 18px;\n height: 18px;\n width: 18px;\n text-align: center;\n vertical-align: middle;\n font-weight: lighter;\n }\n}\n\n.dc-c-mobile-header--menu {\n position: fixed;\n background-color: #{var(--color-gray-dark)};\n top: 0;\n bottom: 0;\n left: -100%;\n z-index: 500;\n height: 100%;\n width: 100%;\n transition: left 0.7s;\n padding: 50px 0;\n visibility: hidden;\n}\n\n.dc-c-mobile-header .dc-c-site-menu--sub-menu {\n position: relative;\n background: transparent;\n top: -24px;\n width: auto;\n left: auto;\n a {\n padding: 8px;\n }\n}\n\n.dc-c-cmsheader {\n position: relative;\n background: #{var(--color-white)};\n}\n\n.dc-c-cms-mobile-header-menu {\n &::before {\n display: block;\n margin-left: 8px;\n margin-bottom: 16px;\n width: 48px;\n height: 2px;\n background: #{var(--color-primary-light)};\n content: '';\n }\n ul {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n a,\n a:hover,\n a:focus,\n a:visited {\n background-color: transparent;\n display: inline-block;\n color: #{var(--color-white)};\n text-decoration: none;\n border-bottom: 2px solid transparent;\n }\n a:hover,\n a:active {\n border-bottom: 2px solid #{var(--color-primary-light)};\n }\n}\n.has-submenu > button::after {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f105';\n color: #{var(--color-white)};\n font-size: 18px;\n padding-right: 10px;\n display: inline-block;\n line-height: 18px;\n height: 18px;\n width: 18px;\n margin-left: 10px;\n text-align: center;\n vertical-align: middle;\n font-weight: lighter;\n}\n.has-submenu.open > button::after {\n content: '\\f107';\n}\n.dc-c-header--mobile-links {\n button {\n padding: 0;\n font-weight: 700;\n }\n a {\n display: block;\n }\n}\n\n.dc-c-mobile-header.menu-open {\n .dc-c-cmsheader {\n z-index: 501;\n background-color: transparent;\n }\n .dc-c-cmsheader-menu a,\n button {\n color: #{var(--color-white)};\n }\n .cms-link-container a::before {\n color: #{var(--color-white)};\n }\n .dc-c-mobile-header--menu {\n left: 0;\n visibility: visible;\n }\n}\n\n.cms-link-container {\n display: block;\n margin-right: 20px;\n // margin-top: -5px;\n border-right: none;\n a {\n text-decoration: none;\n border-bottom: none;\n\n margin-right: 20px;\n display: inline-block;\n }\n a::before {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f33e';\n color: #323a45;\n font-size: 18px;\n padding-right: 10px;\n display: inline-block;\n line-height: 18px;\n height: 18px;\n width: 18px;\n margin-left: 10px;\n text-align: center;\n vertical-align: middle;\n font-weight: lighter;\n }\n img {\n height: auto;\n width: 90px;\n display: inline-block;\n vertical-align: middle;\n }\n}\n\n.cms-text-container {\n display: block;\n padding-top: 28px;\n color: #6f757c;\n}\n\n.dc-c-cmsheader-menu {\n padding: 0;\n margin: 0;\n li {\n list-style: none;\n }\n a {\n margin: 3px 7px;\n padding: 0;\n color: #323a45;\n text-decoration: none;\n border-bottom: 1px solid;\n border-bottom-color: #eee;\n border-bottom-color: rgba(255, 255, 255, 0.2);\n }\n a:hover,\n a:active {\n border-bottom: 2px solid #323a45;\n }\n}\n\n@media (min-width: 544px) {\n .dc-c-main-navigation--search,\n .dc-c-mobile-menu--search {\n border-left: 1px solid #{var(--color-white)};\n }\n}\n\n@media (min-width: 1024px) {\n .cms-link-container {\n height: 85px;\n width: 240px;\n float: left;\n border-right: 1px solid #d6d7d9;\n a {\n margin-top: 28px;\n margin-bottom: 20px;\n }\n img {\n height: auto;\n width: auto;\n display: inline-block;\n vertical-align: middle;\n max-width: 80%;\n }\n a::before {\n font-size: 28px;\n line-height: 28px;\n width: 28px;\n height: 28px;\n margin-left: 0;\n }\n }\n}\n\n\nnav.dc-c-site-menu {\n .dc-c-header--links {\n padding: 0;\n margin: 0;\n li {\n list-style: none;\n height: 100%;\n }\n button {\n // color: #{var(--color-white)};\n text-decoration: none;\n font-size: 16px;\n border: none;\n span {\n border-bottom: 2px solid transparent;\n }\n }\n a {\n text-decoration: none;\n padding: #{var(--space, 8px 24px)};\n span {\n border-bottom: 2px solid transparent;\n }\n }\n > li:hover > button span,\n > li button:focus span,\n > li button:hover span,\n > li:hover > a span,\n > li:focus > a span,\n > li a:hover span,\n > li a:focus span {\n border-bottom: 2px solid #{var(--color-primary-light)};\n }\n }\n}\n\nnav.dc-c-site-menu .dc-c-header--links a:focus,\n.dc-c-site-title a:focus {\n background-color: transparent;\n outline: 3px solid transparent;\n box-shadow: 0 0 0 3px #{var(--color-focus-light)}, 0 0 4px 6px #{var(--color-focus-dark)};\n outline-offset: 3px;\n border-radius: #{var(--button__border-radius)};\n text-decoration: none;\n}\n\nnav > ul li ul {\n display: none;\n}\n\nnav > ul li.open ul {\n display: block;\n}\nli.has-submenu {\n position: relative;\n}\n\n.dc-c-site-menu--sub-menu {\n background: #{var(--color-primary)};\n position: absolute;\n left: 0;\n top: 48px;\n margin: 0;\n padding: 0;\n width: 300px;\n a {\n display: block;\n padding: 16px;\n span {\n border-bottom: 2px solid transparent;\n }\n }\n a:hover span,\n a:focus span {\n border-bottom: 2px solid #{var(--color-primary-light)};\n }\n}\n\n.dc-c-site-title a {\n text-decoration: none;\n}\n\n.dc-c-mobile-menu--search {\n display: inherit;\n}\n\n.dc-c-search-modal--button {\n &::before {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f002';\n color: #{var(--color-white)};\n font-size: 18px;\n padding-right: 10px;\n display: inline-block;\n line-height: 18px;\n height: 18px;\n width: 18px;\n margin-left: 10px;\n text-align: center;\n vertical-align: middle;\n font-weight: lighter;\n box-sizing: content-box\n }\n}\n",".dc-c-footer {\n background-color: white;\n ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n}\n\n.dc-c-footer--middle-container {\n background: linear-gradient(90deg, #f6f9fd 50%, #e8f0fa 50%);\n}\n\n.dc-c-footer__title {\n font-weight: 400;\n color: #{var(--color-gray)};\n span {\n font-weight: 700;\n }\n}\n\n.dc-c-footer__resources {\n background: #f6f9fd;\n}\n\n.dc-c-footer__utility {\n background: #{var(--color-white)};\n}\n\n.dc-c-footer__utility li {\n list-style: none;\n}\n\n.dc-c-footer__cms-information {\n background: #e8f0fa;\n}\n\n.dc-footer--heading {\n text-transform: uppercase;\n}\n\n.dc-c-emailupdates {\n background-image: linear-gradient(\n 35deg,\n #{var(--color-primary-darkest)},\n #{var(--color-primary-darker)},\n #{var(--color-primary)}\n );\n color: #{var(--color-white)};\n}\n.dc-c-footer--svg-icon {\n width: 40px;\n height: 40px;\n font-size: 42px;\n display: inline-block;\n text-align: center;\n position: relative;\n\n svg.svg-inline--fa {\n width: 1em;\n height: 1em;\n }\n\n .fa-circle {\n fill: #6f757c;\n }\n\n .fa-inverse {\n font-size: 25px;\n padding-left: 2px;\n fill: #{var(--color-white)};\n }\n}\n.svg-inline--fa {\n bottom: 0;\n left: 0;\n margin: auto;\n position: absolute;\n right: 0;\n top: 0;\n}\n",".ds-c-button.display-settings-font {\n font: inherit;\n}",".dc-c-breadcrumb__list {\n margin-top: 0;\n margin-bottom: 0;\n list-style-type: none;\n padding-left: 0;\n > li {\n margin-bottom: 0;\n max-width: unset;\n &::after {\n font-family: 'Font Awesome 5 Pro';\n content: '\\f054';\n margin: 0 10px;\n font-size: 10px;\n font-weight: 600;\n }\n &:last-child {\n &::after {\n content: '';\n margin: 0;\n }\n }\n }\n display: block;\n}\n\n.dc-c-breadcrumb__list-item {\n display: inline-block;\n}\n\n.dc-c-breadcrumb__link {\n display: inline;\n}\n",".dc-query-builder > .ds-c-accordion > .ds-c-accordion__content {\n overflow: visible;\n}\n.dc-query-builder .react-datepicker select {\n background-image: none;\n}",".dc-c-resource-action {\n min-height: 100%;\n}\n\n.dc-filtered-resource-toggle {\n align-self: center;\n}\n\n.dc-c-filterd-resouce-drawer {\n .ds-c-help-drawer__footer {\n h4 {\n display: none;\n }\n }\n}\n\n.dc-c-resource-header--buttons {\n display: flex;\n}\n"],"names":[],"version":3,"file":"main.css.map"}
package/dist/main.js CHANGED
@@ -1331,7 +1331,7 @@ const $1d3d480a9cfaabe0$var$useDatastore = (resourceId, rootAPIUrl, options, add
1331
1331
  groupings: groupings,
1332
1332
  ...additionalParams
1333
1333
  };
1334
- const additionalParamsString = Object.keys(params).length ? `&${(0, $hgUW1$qs).stringify(params)}` : "";
1334
+ const additionalParamsString = Object.keys(params).length ? `${(0, $hgUW1$qs).stringify(params)}` : "";
1335
1335
  let enabled = false;
1336
1336
  if (id) {
1337
1337
  if (!requireConditions) enabled = true;
@@ -2490,7 +2490,7 @@ const $ee4ad47aa483e5b5$var$QueryBuilder = (props)=>{
2490
2490
  variation: "ghost",
2491
2491
  onClick: ()=>addCondition(null),
2492
2492
  className: "ds-u-padding-left--0",
2493
- children: "+ Add another filter"
2493
+ children: "+ Add filter"
2494
2494
  })
2495
2495
  }),
2496
2496
  /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
@@ -3701,11 +3701,17 @@ const $caaccb8ea608e518$var$MobileHeader = ({ siteName: siteName, links: links,
3701
3701
  }
3702
3702
  function handleClick(event) {
3703
3703
  // Links are wrapped in spans, this checks if the parent is an A, also check if in the search modal.
3704
- if (event.target.closest(".dc-c-search-dialog")) setMenuOpen(false);
3704
+ if (event.target.closest(".dc-c-search-dialog")) {
3705
+ document.querySelector(".dc-c-mobile-menu--open").focus();
3706
+ setMenuOpen(false);
3707
+ }
3705
3708
  }
3706
3709
  function handleMenuClose(event) {
3707
3710
  // Close upon user hitting escape
3708
- if (event.keyCode === 27 && menuOpen) setMenuOpen(false);
3711
+ if (event.keyCode === 27 && menuOpen) {
3712
+ setMenuOpen(false);
3713
+ document.querySelector(".dc-c-mobile-menu--open").focus();
3714
+ }
3709
3715
  }
3710
3716
  document.addEventListener("mousedown", handleClick);
3711
3717
  document.addEventListener("keyup", handleMenuClose);
@@ -3719,6 +3725,10 @@ const $caaccb8ea608e518$var$MobileHeader = ({ siteName: siteName, links: links,
3719
3725
  }, [
3720
3726
  menuOpen
3721
3727
  ]);
3728
+ const closeMobileMenu = (e)=>{
3729
+ document.querySelector(".dc-c-mobile-menu--open").focus();
3730
+ setMenuOpen(false);
3731
+ };
3722
3732
  const getFocusableElements = (container)=>{
3723
3733
  const allSelectors = container.querySelectorAll('a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])');
3724
3734
  const visibleSelectors = Array.from(allSelectors).filter((el)=>{
@@ -3817,7 +3827,7 @@ const $caaccb8ea608e518$var$MobileHeader = ({ siteName: siteName, links: links,
3817
3827
  onDark: true,
3818
3828
  size: "small",
3819
3829
  className: "dc-c-mobile-menu--close ds-u-margin-left--1 ds-u-padding-left--0",
3820
- onClick: ()=>setMenuOpen(false),
3830
+ onClick: ()=>closeMobileMenu(),
3821
3831
  children: "Close"
3822
3832
  }),
3823
3833
  tablet && includeSearch && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
@@ -5591,95 +5601,106 @@ const $dd6eb2b30d7ad75d$var$FilteredResourceBody = ({ id: id, dataset: dataset,
5591
5601
  const pageTitle = distribution.data.title && distribution.data.title.toLowerCase() !== "csv" ? distribution.data.title : dataset.title;
5592
5602
  return /*#__PURE__*/ (0, $hgUW1$jsx)("section", {
5593
5603
  className: "ds-l-container ds-u-padding-bottom--3 ds-u-margin-bottom--2",
5594
- children: Object.keys(distribution).length && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
5595
- children: [
5596
- /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Link), {
5597
- to: `/dataset/${id}`,
5598
- className: "ds-u-padding-y--3 ds-u-display--block",
5599
- children: [
5600
- "Back to ",
5601
- dataset.title
5602
- ]
5603
- }),
5604
- /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
5605
- className: "ds-l-md-col--9",
5606
- children: /*#__PURE__*/ (0, $hgUW1$jsx)("h1", {
5607
- className: "ds-text-heading--3xl",
5608
- children: customTitle ? customTitle : pageTitle
5609
- })
5610
- }),
5611
- /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
5612
- className: "ds-l-md-col--12 ds-u-color--gray ds-u-margin-y--1 ds-u-text-align--right",
5613
- children: /*#__PURE__*/ (0, $hgUW1$jsxs)("p", {
5614
- className: "ds-u-margin--0",
5615
- children: [
5616
- "Updated ",
5617
- /*#__PURE__*/ (0, $hgUW1$jsx)((0, $bd76a91923d7e8a7$export$2e2bcd8739ae039), {
5618
- date: dataset.modified
5619
- })
5620
- ]
5621
- })
5622
- }),
5623
- /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
5624
- className: "ds-l-md-col--9",
5625
- children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $de780c924c98fa31$export$2e2bcd8739ae039), {
5626
- distribution: distribution,
5627
- dataset: dataset
5628
- })
5629
- }),
5630
- resource.columns && Object.keys(resource.schema).length && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $3b6ca952e79f0695$export$2e2bcd8739ae039), {
5631
- resource: resource,
5632
- id: distribution.identifier,
5633
- customColumns: customColumns
5634
- }),
5635
- resource.columns && Object.keys(resource.schema).length ? /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
5636
- children: [
5637
- /*#__PURE__*/ (0, $hgUW1$jsx)((0, $af099c546cb226c7$export$2e2bcd8739ae039), {
5638
- includeDensity: true,
5639
- setTablePadding: setTablePadding,
5604
+ children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
5605
+ className: "ds-l-row",
5606
+ children: Object.keys(distribution).length && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
5607
+ children: [
5608
+ /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
5609
+ className: "ds-l-md-col--9",
5610
+ children: /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Link), {
5611
+ to: `/dataset/${id}`,
5612
+ className: "ds-u-padding-y--4 ds-u-display--block",
5613
+ children: [
5614
+ "Back to ",
5615
+ dataset.title
5616
+ ]
5617
+ })
5618
+ }),
5619
+ /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
5620
+ className: "ds-l-md-col--9",
5621
+ children: /*#__PURE__*/ (0, $hgUW1$jsx)("h1", {
5622
+ className: "ds-text-heading--3xl",
5623
+ children: customTitle ? customTitle : pageTitle
5624
+ })
5625
+ }),
5626
+ /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
5627
+ className: "ds-l-md-col--12 ds-u-color--gray ds-u-margin-y--1 ds-u-text-align--right",
5628
+ children: /*#__PURE__*/ (0, $hgUW1$jsxs)("p", {
5629
+ className: "ds-u-margin--0",
5630
+ children: [
5631
+ "Updated ",
5632
+ /*#__PURE__*/ (0, $hgUW1$jsx)((0, $bd76a91923d7e8a7$export$2e2bcd8739ae039), {
5633
+ date: dataset.modified
5634
+ })
5635
+ ]
5636
+ })
5637
+ }),
5638
+ /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
5639
+ className: "ds-l-md-col--9",
5640
+ children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $de780c924c98fa31$export$2e2bcd8739ae039), {
5640
5641
  distribution: distribution,
5642
+ dataset: dataset
5643
+ })
5644
+ }),
5645
+ resource.columns && Object.keys(resource.schema).length && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
5646
+ className: "ds-l-md-col--12",
5647
+ children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $3b6ca952e79f0695$export$2e2bcd8739ae039), {
5641
5648
  resource: resource,
5642
- downloadUrl: downloadUrl,
5643
- tablePadding: tablePadding,
5644
- includeDownload: true
5645
- }),
5646
- /*#__PURE__*/ (0, $hgUW1$jsx)((0, $626282d9a03c51d5$export$2e2bcd8739ae039), {
5647
5649
  id: distribution.identifier,
5648
- tablePadding: tablePadding,
5649
- resource: resource,
5650
- customColumns: (0, $7264a673914aa746$export$8049e8f40a9bdfb8)(customColumns, resource.columns, resource.schema[distribution_array[distIndex].identifier]),
5651
- columnSettings: columnSettings,
5652
- options: {
5653
- layout: "flex",
5654
- columnFilter: false,
5655
- columnSort: true,
5656
- columnResize: true
5657
- },
5658
- columnWidths: columnWidths
5659
- }),
5660
- /*#__PURE__*/ (0, $hgUW1$jsx)((0, $072291d44ce1834a$export$2e2bcd8739ae039), {
5661
- resource: resource
5650
+ customColumns: customColumns
5662
5651
  })
5663
- ]
5664
- }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Spinner), {
5665
- role: "status",
5666
- "aria-valuetext": "Resource loading"
5667
- }),
5668
- dataset.identifier && /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
5669
- ref: apiDocs,
5670
- children: [
5671
- /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
5672
- className: "ds-text-heading--2xl ds-u-margin-y--2",
5673
- children: "Try the API"
5674
- }),
5675
- /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$swaggeruireact), {
5676
- url: `${rootUrl}/metastore/schemas/dataset/items/${dataset.identifier}/docs${additionalParams && additionalParams.ACA ? "?ACA=" + additionalParams.ACA + "&redirect=false" : ""}`,
5677
- docExpansion: "list",
5678
- defaultModelsExpandDepth: -1
5679
- })
5680
- ]
5681
- })
5682
- ]
5652
+ }),
5653
+ resource.columns && Object.keys(resource.schema).length ? /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
5654
+ className: "ds-l-md-col--12",
5655
+ children: [
5656
+ /*#__PURE__*/ (0, $hgUW1$jsx)((0, $af099c546cb226c7$export$2e2bcd8739ae039), {
5657
+ includeDensity: true,
5658
+ setTablePadding: setTablePadding,
5659
+ distribution: distribution,
5660
+ resource: resource,
5661
+ downloadUrl: downloadUrl,
5662
+ tablePadding: tablePadding,
5663
+ includeDownload: true
5664
+ }),
5665
+ /*#__PURE__*/ (0, $hgUW1$jsx)((0, $626282d9a03c51d5$export$2e2bcd8739ae039), {
5666
+ id: distribution.identifier,
5667
+ tablePadding: tablePadding,
5668
+ resource: resource,
5669
+ customColumns: (0, $7264a673914aa746$export$8049e8f40a9bdfb8)(customColumns, resource.columns, resource.schema[distribution_array[distIndex].identifier]),
5670
+ columnSettings: columnSettings,
5671
+ options: {
5672
+ layout: "flex",
5673
+ columnFilter: false,
5674
+ columnSort: true,
5675
+ columnResize: true
5676
+ },
5677
+ columnWidths: columnWidths
5678
+ }),
5679
+ /*#__PURE__*/ (0, $hgUW1$jsx)((0, $072291d44ce1834a$export$2e2bcd8739ae039), {
5680
+ resource: resource
5681
+ })
5682
+ ]
5683
+ }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Spinner), {
5684
+ role: "status",
5685
+ "aria-valuetext": "Resource loading"
5686
+ }),
5687
+ dataset.identifier && /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
5688
+ className: "ds-l-md-col--12",
5689
+ ref: apiDocs,
5690
+ children: [
5691
+ /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
5692
+ className: "ds-text-heading--2xl ds-u-margin-y--2",
5693
+ children: "Try the API"
5694
+ }),
5695
+ /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$swaggeruireact), {
5696
+ url: `${rootUrl}/metastore/schemas/dataset/items/${dataset.identifier}/docs${additionalParams && additionalParams.ACA ? "?ACA=" + additionalParams.ACA + "&redirect=false" : ""}`,
5697
+ docExpansion: "list",
5698
+ defaultModelsExpandDepth: -1
5699
+ })
5700
+ ]
5701
+ })
5702
+ ]
5703
+ })
5683
5704
  })
5684
5705
  });
5685
5706
  };