diff --git a/.gitignore b/.gitignore index 392750ea2..656f8f4d6 100644 --- a/.gitignore +++ b/.gitignore @@ -4,4 +4,5 @@ /package-lock.json .env .idea/ -*.iml \ No newline at end of file +*.iml +.vscode diff --git a/archetypes/component/1/css.inc b/.hugo_build.lock similarity index 100% rename from archetypes/component/1/css.inc rename to .hugo_build.lock diff --git a/README.md b/README.md index 32c36c904..636bbce54 100644 --- a/README.md +++ b/README.md @@ -3,7 +3,7 @@ This the Hugo site powering our [code library](https://codelibrary.opendatasoft.com/). The repo is mainly here for you to peak at the code. It's not intended to serve as a base for other projects. Should you have a question nevertheless, feel free to raise an issue. ### Cmds -If you want to test—and break !—the site locally: +If you want to run the site locally: Install ```shell script @@ -15,17 +15,16 @@ Run hugo server -D ``` -Deploy on GH Pages (if you pushed to a remote) -```shell script -hugo -git subtree push --prefix public origin gh-pages -``` - -Update Algolia index (see .env) +Update Algolia index (.env with private keys required, cf. 1password) ```shell script npm run algolia ``` +### To deploy + +- Build (`hugo` cmd) +- git add/commit/push all the directory, but especially `/public` that contains the Code Library to deploy + ### Add new Content Using content archetype to create pages will automatically add date and title. @@ -40,3 +39,19 @@ Add new content to an existing page: ```shell script hugo new --kind content section/page/5 // Contents are ordered by the number of their folder ``` + +### Schema.md helper + +To create a schema.md file automatically for a resource. +Use the helper : + +```shell script +node genschema.js +``` + +ex: +```shell script +node genschema.js issy-les-moulineaux chrono_issy0 evenement,imagecsv,jour,mois,annee,coordonnees_geo,web +``` + +The expected output is a `schema.md` file in the root directory, that can be then moved to the resource. \ No newline at end of file diff --git a/public/widget-tricks/heatmaps-vegalite/1/css.inc b/archetypes/components/1/css.inc similarity index 100% rename from public/widget-tricks/heatmaps-vegalite/1/css.inc rename to archetypes/components/1/css.inc diff --git a/archetypes/component/1/html.inc b/archetypes/components/1/html.inc similarity index 100% rename from archetypes/component/1/html.inc rename to archetypes/components/1/html.inc diff --git a/archetypes/component/1/index.md b/archetypes/components/1/index.md similarity index 58% rename from archetypes/component/1/index.md rename to archetypes/components/1/index.md index 534bff0ef..7eb348825 100644 --- a/archetypes/component/1/index.md +++ b/archetypes/components/1/index.md @@ -2,7 +2,7 @@ title: "Component 1" date: {{ .Date }} height: 70 -external_url: "https://www.opendatasoft.com" +external_url: "https://www.huwise.com" --- Text diff --git a/archetypes/component/index.md b/archetypes/components/index.md similarity index 100% rename from archetypes/component/index.md rename to archetypes/components/index.md diff --git a/archetypes/content/index.md b/archetypes/content/index.md index a72f7765b..279b7fe29 100644 --- a/archetypes/content/index.md +++ b/archetypes/content/index.md @@ -2,7 +2,7 @@ title: "Content title" date: {{ .Date }} height: 70 -external_url: "https://wwww.opendatasoft.com" +external_url: "https://www.huwise.com" --- Text diff --git a/archetypes/portal-theme/footer.html.inc b/archetypes/portal-themes/1/footer.html.inc similarity index 100% rename from archetypes/portal-theme/footer.html.inc rename to archetypes/portal-themes/1/footer.html.inc diff --git a/archetypes/portal-theme/header.html.inc b/archetypes/portal-themes/1/header.html.inc similarity index 100% rename from archetypes/portal-theme/header.html.inc rename to archetypes/portal-themes/1/header.html.inc diff --git a/archetypes/portal-theme/index.md b/archetypes/portal-themes/1/index.md similarity index 91% rename from archetypes/portal-theme/index.md rename to archetypes/portal-themes/1/index.md index 381e712d9..fddb42ca6 100644 --- a/archetypes/portal-theme/index.md +++ b/archetypes/portal-themes/1/index.md @@ -4,7 +4,7 @@ date: {{ .Date }} description: "" tags: [] iframe: "https://discovery.opendatasoft.com/" -external_url: "https://discovery.opendatasoft.com/" +external_url: "https://discovery.opendatasoft.com/" text: "#565656" links: "#0086D6" titles: "#000000" diff --git a/archetypes/portal-theme/stylesheet.css.inc b/archetypes/portal-themes/1/stylesheet.css.inc similarity index 100% rename from archetypes/portal-theme/stylesheet.css.inc rename to archetypes/portal-themes/1/stylesheet.css.inc diff --git a/archetypes/portal-themes/index.md b/archetypes/portal-themes/index.md new file mode 100644 index 000000000..d7404e24f --- /dev/null +++ b/archetypes/portal-themes/index.md @@ -0,0 +1,9 @@ +--- +title: "My theme" +description: "A theme" +tags: [] +resources: +- src: '*/' + name: folder-:counter +--- + diff --git a/assets/js/algolia.js b/assets/js/algolia.js index 37c64fa79..1a9d1a4e3 100644 --- a/assets/js/algolia.js +++ b/assets/js/algolia.js @@ -67,9 +67,13 @@ export function initSearch() {

${hit.print}

+ ${hit._highlightResult.tags ? ` Tags: ${hit._highlightResult.tags.map(tag => `${tag.value}`).join(', ')} + ` + : + ``} ` diff --git a/assets/js/show-code.js b/assets/js/show-code.js index 46dca6e57..579fe70eb 100644 --- a/assets/js/show-code.js +++ b/assets/js/show-code.js @@ -1,16 +1,21 @@ -const addToggleButton = box => { - const button = box.querySelector(".show-code .button"); - const codeBox = box.querySelector(".box-code"); +const addToggleButton = (box, name) => { + const button = box.querySelector(`button.show-${name}`); + const content = box.querySelector(`div.box-${name}`); - if (!button || !codeBox) { return } + if (!button || !content) { return } button.addEventListener("click", () => { - codeBox.classList.toggle("is-hidden"); + content.classList.toggle("is-hidden"); + content.toggleAttribute("aria-hidden"); button.classList.toggle("is-active"); + button.toggleAttribute("aria-selected"); }); }; export default () => { const boxes = document.querySelectorAll(".box"); - [...boxes].forEach(addToggleButton); + [...boxes].forEach((box) => { + addToggleButton(box, 'code'); + addToggleButton(box, 'schema'); + } ); }; diff --git a/assets/scss/components/hubpost.scss b/assets/scss/components/hubpost.scss new file mode 100644 index 000000000..30ecd0c77 --- /dev/null +++ b/assets/scss/components/hubpost.scss @@ -0,0 +1,98 @@ +/* Bulma override / fix conflict */ +.input { + padding: 0; + border: none; + box-shadow: none; + margin-right: 1em !important; +} + +.input:active, .input:focus { + border: none; + box-shadow: none; +} + +select { + height: 100%; +} + +/***/ + +.hs-form { + margin: auto; + max-width: 500px; +} + +div.hs-form-field { + padding: 10px 0 10px 0; +} + +.hs-form input[name='firstname'], .hs-form input[name='lastname'] { + width: 100%; +} + +.hs-input { + width: 100% !important; +} + +.hs-form-field ul { + list-style-type: none; + padding: 0; +} + +.hs-form-field > label { + color: $primary; +} + +.hs-form-field ul label { + color: $danger; + font-weight: lighter; + font-size: 14px; + margin: 0; +} + +.hs-form input, .hs-form textarea { + background-color: $body-background-color; + border: 1px solid $grey-light; + border-radius: 3px; + padding: 5px; +} + +.hs-button { + padding: 8px 10px 8px 10px !important; + background-color: $info !important; + border: none !important; + color: white; + width: 200px; + height: 50px; + margin-top: 1em; + margin-left: auto; + margin-right: auto; + display: block; + font-weight: 500; +} + +.hs-button:focus { + outline: none; +} + +.hs-button:hover { + background-color: $primary !important; + cursor: pointer; +} + +.submitted-message > p { + text-align: center; + color: $info; + font-weight: 500; + font-size: 20px; +} + +.submitted-message > p:before { + content: "icon"; + text-indent: -999em; + display: block; + width: 120px; + height: 120px; + background: url("/static/img/form_icon_success.svg") no-repeat; + margin: 0 auto 20px auto; +} \ No newline at end of file diff --git a/assets/scss/components/navbar.scss b/assets/scss/components/navbar.scss index 566913e1a..379d7319d 100644 --- a/assets/scss/components/navbar.scss +++ b/assets/scss/components/navbar.scss @@ -1,10 +1,6 @@ /* Header Navigation Bar ========================================================================== */ -.navbar { - padding: $navbar-padding-vertical $navbar-padding-horizontal; -} - @media screen and (max-width: $widescreen) { .navbar-menu { box-shadow: none; @@ -21,18 +17,131 @@ } } - @media screen and (max-width: $desktop) { .navbar-brand { justify-content: space-between; } } +.ods-header-logo { + margin: auto 0; + display: flex; + align-items: center; + outline: none; +} +.ods-header-logo img { + height: 77px; + width: 140px; + vertical-align: middle; +} + +.ods-header__brandname { + min-width: 130px; + color: #565656; + font-size: 18px; + font-weight: 200; + line-height: 27px; + letter-spacing: .8px; + padding-left: 13px; + border-left: 1px solid; + margin-left: 13px; + text-align: left; +} +.ods-header__nav { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: center; + margin-left: 65px; +} +@media (max-width: $desktop) { + .ods-header__nav { + display: none; + } +} +.ods-header { + display: flex; + position: fixed; + height:80px; + width:100%; + top:0; + left:0; + z-index:50; + background-color:#0086D6; + justify-content: space-between; + background-color: white; + color: #565656; + box-shadow: 0.0px 0.0px 13.0px 0px rgba(0, 0, 0, 0.13); +} +@media (min-width: $desktop) { + .ods-header { + display:-ms-flexbox; + display:flex; + -ms-flex-direction:row; + flex-direction:row; + align-items: center; + -ms-flex-align: center; + -ms-flex-pack:start; + justify-content: flex-start; + } + .ods-header__brand { + width: 100%; + justify-content: space-between; + display: flex; + height: 100%; + margin: auto 0; + width: auto; + padding-left: 39px; + } + .ods-header-logo { + padding-left: 39px; + } + .navbar-menu { + display: none; + } +} +.ods-header__nav-item-link { + background-color: transparent; + color: #565656; + border: none; + padding: 8px; + border-radius: 4px; + text-transform: uppercase; + outline: none; + font-size: 14px; + font-weight: 300; + line-height: 27px; + letter-spacing: 0.8px; +} + +.ods-header__nav-item-link:hover, +.ods-header__nav-item-link:focus, +.ods-header__nav-item-link:active, +.ods-header__nav-item-link.active, +.ods-header__nav-item-link.is-active { + color: black; +} + +button { + font-size: 100%; + margin: 0; + vertical-align: baseline; + *vertical-align: middle; + cursor: pointer; + line-height: normal; + -webkit-appearance: button; + *overflow: visible; + padding: 13px; + cursor: pointer; + border: none; + background-color: transparent; +} + .navbar-burger { height: auto; align-self: center; border: none; - background-color: $white; + background-color: transparent; padding: 8px; border-radius: 4px; font-size: .833rem; @@ -42,25 +151,37 @@ .navbar-burger:hover, .navbar-burger.is-active { - color: $white; - background-color: $primary; + background-color: transparent; +} +.navbar-menu.is-active { + display: flex; + flex-direction: column; +} +.navbar-menu { + position: fixed; + top: 80px; + right: 0px; + height: 100%; + width: 300px; + padding-top: 39px; + background-color: white; + z-index: 1000; + transition: 0.5s; + overflow-y: scroll; + -webkit-overflow-scrolling: touch; + border-left: 1px solid #DEE5EF; + color: black; +} +.navbar-menu .ods-header__nav-item-link { + margin: 26px auto 0 26px; +} +.navbar-menu a { + border-bottom: 3px solid transparent; +} +.navbar-menu .ods-header__nav-item-link.is-active, +.navbar-menu a:hover { + color: black; + font-weight: 400; + border-radius: 0; + border-bottom: 3px solid #082645; } - -.navbar-item { - color: white; - border-radius: $radius-small; - padding: 6px 8px; - margin-right: 4px; - text-transform: uppercase; - align-self: center; - font-size: .778rem; - letter-spacing: 0.2px; - font-weight: 600; - line-height: 1.5; - - &:hover, &.is-active { - text-decoration: none; - background-color: $primary; - color: white; - } -} \ No newline at end of file diff --git a/assets/scss/components/sidebar.scss b/assets/scss/components/sidebar.scss index 8da799c31..161a8a268 100644 --- a/assets/scss/components/sidebar.scss +++ b/assets/scss/components/sidebar.scss @@ -41,7 +41,7 @@ position: fixed; top: $navbar-height; left: $spacing-200; - background: white; + background: transparent; z-index: 100; height: $search-height; } @@ -53,7 +53,8 @@ } .sidebar-body { - overflow: scroll; + overflow: auto; + height: 100%; } .sidebar-logo-link { diff --git a/assets/scss/elements/box.scss b/assets/scss/elements/box.scss index 3d7baa337..1e9f39cf4 100644 --- a/assets/scss/elements/box.scss +++ b/assets/scss/elements/box.scss @@ -3,41 +3,21 @@ .box { border: 1px solid $grey-light; } -// .box { -// margin-bottom: $spacing-200; -// color: $ods-text; -// } -// -// .box { -// h2, p { -// max-width: 960px; -// margin-left: auto; -// margin-right: auto; -// } -// -// ul { -// max-width: 900px; -// margin-left: auto; -// margin-right: auto; -// } -// } -// -// .box h2 { -// margin-bottom: 6px; -// } .box-live-example { padding: $spacing-100; background-color: $white; position: relative; border-radius: $radius; + button { border-radius: 0; - // border: 1px solid $grey-light; border-bottom: none; + &:first-child { border-top-left-radius: $radius; } + &:last-child { border-bottom-right-radius: $radius; border-right: none; @@ -54,10 +34,18 @@ background: $light; } -.show-code { +.box-live-example .buttons { position: absolute; bottom: 0; right: 0; border-radius: 0; border-top-left-radius: $radius; } + +.box-schema { + padding: .866rem; + border-top: 1px solid #cbd2db; + background: #f6f8fb; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} \ No newline at end of file diff --git a/assets/scss/elements/button.scss b/assets/scss/elements/button.scss index d37c8c526..417f6b800 100644 --- a/assets/scss/elements/button.scss +++ b/assets/scss/elements/button.scss @@ -19,10 +19,10 @@ background-color: rgba(0,128,0,0.9); } -.show-code button.button, -.show-code button.button.is-active, -.show-code button.button:hover, -.show-code button.button:focus { +.box-live-example .buttons button.button, +.box-live-example .buttons button.button.is-active, +.box-live-example .buttons button.button:hover, +.box-live-example .buttons button.button:focus { border: 1px solid $grey-light; border-bottom: none; &:last-child { diff --git a/assets/scss/elements/content.scss b/assets/scss/elements/content.scss index 38e9b0586..43c1b1a91 100644 --- a/assets/scss/elements/content.scss +++ b/assets/scss/elements/content.scss @@ -1,35 +1,44 @@ -/* Content - ========================================================================== */ +/* + Structure : + ----------- + + section.resources > div > .content + is the presentation of the resource (root index.md of a resource) + + section.resources > div > article.block > .content + is the presentation of the code block (index.md in a resource sub folder) + */ + + +section.resources > div > article.block > .content { + h4.title { + margin-top: 1.8rem; + margin-bottom: 0.9rem; + } + + .highlight { + margin: 0; + background-color: #f5f5f5; + } +} + +section.resources .content { + &.apps { + p img { + max-width: 600px; + margin: 0 auto 40px; + display: block; + } + } +} + + + + .resources .block:not(:last-child) { padding-bottom: 3rem; } -//.content { -// blockquote { -// padding: 0.75em; -// } - - // margin-top: $spacing-300; - // - // h1, h2, h3, h4, h5, h6 { - // font-weight: 500; - // } - // - // p { - // font-weight: 400; - // line-height: 1.7; - // } - // - // h1 { - // font-size: $size-1; - // color: $title-color; - // } - // h2 { - // font-size: $size-2; - // color: $title-color; - // } -//} - h2 { a.is-link { img { @@ -56,3 +65,7 @@ h2 { padding-right: $column-gap * 3; } } + +strong { + font-weight: 600; +} \ No newline at end of file diff --git a/assets/scss/elements/table.scss b/assets/scss/elements/table.scss new file mode 100644 index 000000000..49ebfd4f6 --- /dev/null +++ b/assets/scss/elements/table.scss @@ -0,0 +1,34 @@ +.box-schema { + table { + border: 1px solid #DEE5EF; + box-shadow: 0px 0px 7px #cacdd2; + margin: 13px 0 0; + table-layout: fixed; + font-size: 0.85em; + + th { + padding: 6px 9px; + font-weight: 600; + background-color: #F2F3F8; + border-width: 1px !important; + overflow: hidden; + text-overflow: ellipsis; + } + + td { + border-top: 1px solid #DEE5EF; + vertical-align: top; + background-clip: padding-box; + background-color: #FFF; + position: relative; + padding: 6px 9px; + + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + max-width: 180px; + min-width: 80px; + width: 100%; + } + } +} \ No newline at end of file diff --git a/assets/scss/main.scss b/assets/scss/main.scss index e7ec5a300..0fd727641 100644 --- a/assets/scss/main.scss +++ b/assets/scss/main.scss @@ -42,6 +42,7 @@ @import "./elements/content"; @import "./elements/van11y"; @import "./elements/icons"; +@import "./elements/table"; @import "./components/navbar"; @import "./components/sidebar"; @@ -49,6 +50,7 @@ @import "./components/tabs"; @import "./components/card"; @import "./components/toc"; +@import "./components/hubpost"; @import "./pages/pages"; diff --git a/config.toml b/config.toml index b495707b5..b60b9783e 100644 --- a/config.toml +++ b/config.toml @@ -1,4 +1,4 @@ -baseURL = "https://codelibrary.opendatasoft.com" +baseURL = "https://codelibrary.huwize.com" languageCode = "en-us" title = "Codelibrary" @@ -29,3 +29,7 @@ params = ["section", "tags"] [[module.mounts]] source = "node_modules/bulma" target = "assets/scss/bulma" + +# Disable Hugo Markdown code highlight to avoid conflicts with Prism.js (and therefore let Prism.js do the job) +[markup.highlight] + noClasses = false \ No newline at end of file diff --git a/content/apps/_index.md b/content/apps/_index.md new file mode 100644 index 000000000..a6cd63811 --- /dev/null +++ b/content/apps/_index.md @@ -0,0 +1,5 @@ +--- +description: "Learn and quickly implement new use cases and applications to build even further value with your own ODS platform!" +title: "Apps" +height: 400 +--- diff --git a/content/apps/canteen/index.md b/content/apps/canteen/index.md new file mode 100644 index 000000000..85dd53d70 --- /dev/null +++ b/content/apps/canteen/index.md @@ -0,0 +1,42 @@ +--- +title: "School Canteen Menu Displays" +description: "Save school officials time: give them a printable menu model containing up-to-date information" +tags: [] +hubspotFormId: 54303c2e-0e50-4acf-ad7e-361fb6498df0 +hubspotPortalId: 2041226 +hubspotCampaignId: 7011p000000ybQYAAY +--- + +**Save school officials time: give them a printable menu model containing up-to-date information** + +## Description + +**The context** + +French schools display their canteen menus each week either so that it can be read by students and their parents. In the majority of cases, the municipality sets the composition of the meals then sends the information to school establishments who then have to reprocess the information into a spreadsheet or a word processor in order to then print and display it. + +**The service** + +To help agents avoid repeating this task, Huwise has created a model menu page that automatically generates the information from a dataset “school canteen menus”. + +**The ODS Advantage: the platform’s filters.** They enable you to choose the elements to show on the menu. Data that is only useful to territorial agents do not need to be displayed on documents destined to the public. + +**The Use Case** + +Rennes Metropolis offers its schools a ready-to-print menu page for which the text is generated from a dataset updated by the General Canteen Service. Thanks to the platform’s filters, allergens and organic ingredients are highlighted with specific colors. The dataset includes the menus for the ongoing, past, and following weeks, allowing schools to anticipate the preparation of the menus displayed. + +![Canteen menu](https://odsplus.huwise.com/api/v2/catalog/datasets/ods-plus-content-en/files/d28fa042592154aff047dc37d93d6aa7) + +![Canteen menu dataset](https://odsplus.huwise.com/api/v2/catalog/datasets/ods-plus-content-en/files/80ba947ae6cbc6ace40bf6e032be2464) + +## Requirements + +- A Huwise platform + +## Get the App + +Get the code on [Github](https://github.com/opendatasoft/ods-cookbook/tree/master/dashboard/canteen-menu) + +See it live [here](https://discovery.huwise.com/pages/menu-cantine/) + +Contact us to learn how we can accompany you in implementing this connection with the Waze API. \ No newline at end of file diff --git a/content/apps/covid-us-counties/index.md b/content/apps/covid-us-counties/index.md new file mode 100644 index 000000000..19c3c9543 --- /dev/null +++ b/content/apps/covid-us-counties/index.md @@ -0,0 +1,37 @@ +--- +title: "COVID-19 for US Counties" +description: "Create a live COVID-19 for your county, city etc. with local data." +tags: [] +hubspotFormId: 54303c2e-0e50-4acf-ad7e-361fb6498df0 +hubspotPortalId: 2041226 +hubspotCampaignId: 7011p000000ybQYAAY +--- + +**Create a live COVID-19 for your county, city etc. with local data.** + +## Description + +**The context** + +You have a regularly updated source of data about COVID-19 for your region (e.g. County or City) that that reflects information not available nationwide. You want to keep the population updated on the number of cases, the number of occupied hospital beds etc. in their surroundings. You want to make the data available for nation-wide aggregation. + +**The service** + +This page aggregates a number of indicators, with key figures, maps, tables etc. that allows to share detailed data with a simple visualization. All the aggregated data by day, by zipcode, by gender etc. are pre-configured. + +![Main figures and category graphs](https://odsplus.huwise.com/api/v2/catalog/datasets/ods-plus-content-en/files/d02448c54530bc3cfb632ce9e1378e72) + +![Maps and filtered graphs](https://odsplus.huwise.com/api/v2/catalog/datasets/ods-plus-content-en/files/81ebf78adfa945504d3b1cf8a0d89d14) + +## Requirements + +- A Huwise platform +- A dataset with records on COVID for every date and possibly split by gender, age etc. + + + +## Get the App + +Get the code on [Github](https://github.com/opendatasoft/ods-cookbook/tree/master/dashboard/covid-us) + +Contact us to learn how we can accompany you in implementing this connection with the Waze API. \ No newline at end of file diff --git a/content/apps/election/index.md b/content/apps/election/index.md new file mode 100644 index 000000000..d6975204d --- /dev/null +++ b/content/apps/election/index.md @@ -0,0 +1,42 @@ +--- +title: "Election Results Visualization" +description: "Combine several datasets regarding election results and give your citizens a 360° representation of the share of votes across your territory." +tags: [] +hubspotFormId: 54303c2e-0e50-4acf-ad7e-361fb6498df0 +hubspotPortalId: 2041226 +hubspotCampaignId: 7011p000000ybQYAAY +--- + +**Combine several datasets regarding election results and give your citizens a 360° representation of the share of votes across your territory.** + +## Description + +**The context** + +Elections are always a highlight for you and your constituents. To make your citizens want to follow the details of the live votes on your portal and facilitate the understanding of the results, you will need to offer them legible and engaging content. + +**The service** + +With Huwise, it is possible to compare different fields of the same dataset or several datasets together. The visual representation of these combined and filtered data allows you to offer your community a comparative view of the distribution of votes by district, municipality or constituency. + +**The Use Case** + +Like the metropolis of Rennes, build an electoral map of your territory so that your citizens can view this information by polling station. They can understand how voters vote in their neighborhood and observe disparities with other areas of the municipality. + +Like the Hauts-de-Seine, guide your citizens in reading the voting results. The regional department has built an infographic containing data on the legislative and presidential elections since 1993. Filter buttons allow the user to choose the election that interests them, then to display the results (elected candidates, non-elected candidates, participation rate, number of invalid ballots, etc.) per constituency or municipality. + +![Rennes metropolis elections](https://odsplus.huwise.com/api/v2/catalog/datasets/ods-plus-content-en/files/ba48d5e36dec041c4105c621ac962175) + +![Hauts de seine elections visualization](https://odsplus.huwise.com/api/v2/catalog/datasets/ods-plus-content-en/files/fb73e1beedc13db100788ccac3153e21) + +## Requirements + +- A Huwise platform + +## Get the App + +Get the code on [Github](https://github.com/opendatasoft/ods-cookbook/tree/master/dashboard/elections-v2) + +See it live [here](https://discovery.huwise.com/pages/apps-elections-v2/) + +Contact us to learn how we can accompany you in implementing this connection with the Waze API. \ No newline at end of file diff --git a/content/apps/google-form/index.md b/content/apps/google-form/index.md new file mode 100644 index 000000000..ffbc75fb2 --- /dev/null +++ b/content/apps/google-form/index.md @@ -0,0 +1,39 @@ +--- +title: "Google Form Survey Results Visualization" +description: "Automate the result display from your collaborative surveys by connecting Google Form to your Huwise portal." +tags: [] +hubspotFormId: 54303c2e-0e50-4acf-ad7e-361fb6498df0 +hubspotPortalId: 2041226 +hubspotCampaignId: 7011p000000ybQYAAY +--- + +**Automate the result display from your collaborative surveys by connecting Google Form to your Huwise portal.** + +## Description + +**The context** + +You are preparing a survey and you need to visualize the results in a legible and structured way, as well as enrich them with other data. Google Form allows easy collection of these results, but not their advanced visualization or comparison with other data. Integrating Google Form with the Huwise platform can help you take advantage of both tools. + +**The service** + +When you create a survey with Google Form, the answers are collected in a spreadsheet that updates as people respond. This spreadsheet can be shared via a URL of its own. All you need to do is set this URL as the source for publishing a new dataset. This will be updated in real time as soon as a new person responds to the survey. You will then be able to take advantage of the data visualization and comparison features offered by the platform to display the results of your survey in the most comprehensive and understandable way possible. + +![A Google form](https://odsplus.huwise.com/api/v2/catalog/datasets/ods-plus-content-en/files/e887393b95f14f3e65464d61bbef3b63) + +![The resulting dataset](https://odsplus.huwise.com/api/v2/catalog/datasets/ods-plus-content-en/files/c3eec695cbbd9d9c6ce55e5275992178) + +![A visualization based on the form data](https://odsplus.huwise.com/api/v2/catalog/datasets/ods-plus-content-en/files/ab2337375f8be8d087cda46524a930d7) + +## Requirements + +- A Google Account +- A Huwise platform + +## Get the App + +Get the code on [Github](https://github.com/opendatasoft/ods-cookbook/tree/master/dashboard/survey-spreadsheet-scenario) + +See it live [here](https://discovery.huwise.com/explore/dataset/travel-experience-survey/information/) + +Contact us to learn how we can accompany you in implementing this connection with the Waze API. \ No newline at end of file diff --git a/content/apps/iot/index.md b/content/apps/iot/index.md new file mode 100644 index 000000000..91421441d --- /dev/null +++ b/content/apps/iot/index.md @@ -0,0 +1,42 @@ +--- +title: "Make your IoT data speak" +description: "Build dynamic and easy to read visualization on your sensors data and connected equipments" +tags: [] +hubspotFormId: 54303c2e-0e50-4acf-ad7e-361fb6498df0 +hubspotPortalId: 2041226 +hubspotCampaignId: 7011p000000ybQYAAY +--- + +**Build dynamic and easy to read visualization on your sensors data and connected equipments** + +## Description + +**The context** + +Smart sorting bins and energy meters, traffic surveillance cameras, fleets of geolocated vehicles … the connected equipment is multiplying within the territories, producing a considerable amount of data in real time. Gross, voluminous and complex, this IoT data often remains indecipherable for the human eye. + +**The service** + +Huwise provides you with a visualization model fully designed to represent, understand and analyze all your IoT data, regardless of their source and format. This app allows you to: + +- map all of your sensors to monitor their operating status and supervise their activity +- simply and visually restore the raw data collected by your sensors, offering several levels of detail: location, operating status, description of measurements, analytical curves, etc. +- draw up a history of the data produced by your connected objects, navigate easily through this history and analyze the evolution of values over time + +**The use case** + +In Paris, Trilib stations installed in several areas of the city generate data on waste. The app proposed by Huwise allows to locate these stations on a map. By clicking on a geolocated point, a lateral banner opens to the right of the map, allowing to visualize the filling rates of the buckets, to check if they are active or not, and to browse the history of the data they have produced so far. + +![Trilib sorting stations in Paris](https://odsplus.huwise.com/api/v2/catalog/datasets/ods-plus-content-en/files/27b66c50b1674cad4070a1aa96d149ad) + +![Current filling rate and historical analysis](https://odsplus.huwise.com/api/v2/catalog/datasets/ods-plus-content-en/files/d4825a6b0055ac3ee62b6cc947234976) + +## Requirements + +- A Huwise platform + +## Get the App + +Get the code on [Github](https://github.com/opendatasoft/odsapps-iot) + +Contact us to learn how we can accompany you in implementing this connection with the Waze API. \ No newline at end of file diff --git a/content/apps/kpi-dashboard/index.md b/content/apps/kpi-dashboard/index.md new file mode 100644 index 000000000..04cdd6536 --- /dev/null +++ b/content/apps/kpi-dashboard/index.md @@ -0,0 +1,51 @@ +--- +title: "KPI Dashboard" +description: "Create personalized dashboards to measure the performance of your actions and highlight your concrete achievements" +tags: [] +hubspotFormId: 54303c2e-0e50-4acf-ad7e-361fb6498df0 +hubspotPortalId: 2041226 +hubspotCampaignId: 7011p000000ybQYAAY +--- + +**Create personalized dashboards to measure the performance of your actions and highlight your concrete achievements** + +## Description + +**The context** + +Whether you are a community or a company, your goal is to provide an ever higher quality of service to your citizens or customers. For that, you need to evaluate the accomplishment of the actions carried out by your organization. These performance indicators reflect your strategic plan objectives, or your municipality’s political program. + +**The service** + +Huwise allows you to build a dashboard of [performance indicators](https://www.huwise.com/en/glossary/kpi-key-performance-indicator/) related to datasets published on your portal. The use of such a tool offers you: + +- an understanding of essential metrics to track your achievements, all in one place. +- the guarantee that your indicators will always be up to date because synchronized with the datasets of your portal. +- the possibility of creating, for each indicator, pages aggregating editorial contents and data visualizations in order to contextualize, explain and enhance the concrete actions already implemented or being completed. + +**The + ODS: customization from A to Z.** Organisation using indicators such as color, icons, progress bars, integration of visuals … your dashboard is fully customizable. It can then perfectly integrate into the range of digital and communication tools used by your organization to highlight your actions, both internally and externally. + +**The use case** + +The city of Paris has built a dashboard of performance indicators using its website’s visual identity. Open to the public, the dashboard is designed around three axes, each represented by a color to facilitate sorting and readability: living together better (pink), the city that benefits everyone (blue) and the construction of tomorrow’s world (green). The municipality has chosen to represent a percentage rate of completion of its service’s actions, accompanied with a progress bar. Each action is contextualized by a page mixing texts, and data visualizations. This page also gives access to the data set’s source used to build the performance indicators. +[https://indicateurs-parisdata.huwise.com](https://indicateurs-parisdata.huwise.com) + +![Portal's homepage](https://odsplus.huwise.com/api/v2/catalog/datasets/ods-plus-content-en/files/a0f632bc730e4976e6221d4f4396f159) + +![Indicator detailed page](https://odsplus.huwise.com/api/v2/catalog/datasets/ods-plus-content-en/files/4613ea2e82c1b62ea0d736cce7fbeee1) + +![Paris customer case : A city government dashboard for Parisians](https://odsplus.huwise.com/api/v2/catalog/datasets/ods-plus-content-en/files/45d4e282650deee8f338433d9743995e) + +## Requirements + +- A Huwise platform +- Preparatory work done on the nature of the indicators to be put forward + + +## Get the App + +Get the code on [Github](https://github.com/opendatasoft/odsapps-perfkpi) + +See it live [here](https://perfkpi-odsapps.huwise.com/) + +Contact us to learn how we can accompany you in implementing this connection with the Waze API. \ No newline at end of file diff --git a/content/apps/sanitary-inspection/index.md b/content/apps/sanitary-inspection/index.md new file mode 100644 index 000000000..bee061d2f --- /dev/null +++ b/content/apps/sanitary-inspection/index.md @@ -0,0 +1,37 @@ +--- +title: "Sanitation Inspection Transparency" +description: "Created by the Ministry of Agriculture, the Alim'Confiance app facilitates the sharing of hygiene check results carried out in food establishments." +tags: [] +hubspotFormId: 54303c2e-0e50-4acf-ad7e-361fb6498df0 +hubspotPortalId: 2041226 +hubspotCampaignId: 7011p000000ybQYAAY +--- + +**Created by the Ministry of Agriculture, the Alim'Confiance app facilitates the sharing of hygiene check results carried out in food establishments.** + +## Description + +**The Use Case** + +The General Directorate of Food (DGAL) carries out thousands of health inspections each year in restaurants, bakeries, chocolate makers, supermarkets and other numerous food shops in France. To increase transparency around inspection data and thus enable the population to make an informed choice of where to go to eat, the DGAL has created the Alim'Confiance app. + +**The service** + +Alim'Confiance is a mobile and desktop web app, connected to the Ministry of Agriculture’s data platform, operated by Huwise. It is from there that the app retrieves daily results of new inspections. The app offers a cartographic visualization of all the inspected establishments and makes it possible to filter them by types (glacier, cheesemonger, collective catering, etc.) and by their level of hygiene (from "very satisfactory" to "needs urgent changes"). As the results need to be as legible and explicit as possible, a gradual system of smileys has been chosen. + +**The ODS Advantage: a poster to print by the restaurant’s owner.** Each inspected establishment is indicated by a pin on the inspection map. By clicking on the marker, a tooltip appears and gives access to a small card that the restaurant owner can print, in the manner of "homemade" banners used by some restaurants on their menu. The information contained in this printable form is generated automatically and informs the consumer about the level of hygiene, the date and the period of validity of its inspection. + + +![Alim'Confiance map search](https://odsplus.huwise.com/api/v2/catalog/datasets/ods-plus-content-en/files/548833349b09ffa5d9ac6acca7cbebe0) + +![Inspection result card](https://odsplus.huwise.com/api/v2/catalog/datasets/ods-plus-content-en/files/656aac67fa67f34746ca53b70996fb39) + +## Requirements + +- A Huwise platform + +## The App + +See it live on [alim-confiance.gouv.fr](http://alim-confiance.gouv.fr/) + +Contact us to learn how we can accompany you in implementing this connection with the Waze API. \ No newline at end of file diff --git a/content/apps/waze/index.md b/content/apps/waze/index.md new file mode 100644 index 000000000..b4fc75706 --- /dev/null +++ b/content/apps/waze/index.md @@ -0,0 +1,46 @@ +--- +title: "Traffic Diagnostic with Waze" +description: "Enrich your own data with traffic data and observe in real-time the state of traffic across your territory" +tags: [] +hubspotFormId: 54303c2e-0e50-4acf-ad7e-361fb6498df0 +hubspotPortalId: 2041226 +hubspotCampaignId: 7011p000000ybQYAAY +--- + +**Enrich your own data with traffic data and observe in real-time the state of traffic across your territory** + +## Description + +**The context** + +Waze’s Connected Citizens Program promotes pooling resources: Waze provides its partners with real-time data on incidents and trouble zones slowing down traffic as signaled by drivers, while its partners give Waze data in real time on the closures of certain roads, ongoing road work, and major accidents. + +**The service** + +To facilitate the exchange of information between Waze and partner municipalities within the Connected Citizens Program, Huwise has developed a connecter for the Waze API, capable of extracting data from the traffic app to bring them to the platform. Crossing them with traffic data produced by the municipality allows users to establish a near-comprehensive diagnostic on the traffic’s state. + +**The ODS Advantage:** historical data. Unless you want to see Waze’s data disappear from one day to another from your platform, it is possible to collect a complete history. You can thus compare the evolution of traffic across, for instance, different days, a bank holiday and a work day, the same day of different weeks, etc. + +**The Use Case** + +The European Metropolis of Lille (MEL) controls its traffic thanks to traffic sensors installed across different zones of the city. Via the Waze connector built by Huwise, the MEL collects traffic data on its platform which is then compared to the data produced by its sensors. This complete and historicized database allows it to: + +- More quickly identify problems that may arise in specific streets, so as to then send out emergency intervention services when needed. +- Anticipate future incidents and traffic blockages to implement preventative solutions. + +![Real time statistics](https://odsplus.huwise.com/api/v2/catalog/datasets/ods-plus-content-en/files/410a5b74392503b60d0dbefad0f0c3b6) + +![Historical data](https://odsplus.huwise.com/api/v2/catalog/datasets/ods-plus-content-en/files/0df45acabd09f5d88fb7e7c1283d7dda) + +![Trends and side-by-side comparison](https://odsplus.huwise.com/api/v2/catalog/datasets/ods-plus-content-en/files/d3935cf2ce6578deca41d6aa6da64893) + +## Requirements + +- A Huwise platform +- Be affiliated with the Waze Connected Citizens Program + +## Get the App + +The entire application can be found on [Github](https://github.com/opendatasoft/odsapps-waze) + +Contact us to learn how we can accompany you in implementing this connection with the Waze API. \ No newline at end of file diff --git a/content/apps/zapier-data/index.md b/content/apps/zapier-data/index.md new file mode 100644 index 000000000..9a9a06e52 --- /dev/null +++ b/content/apps/zapier-data/index.md @@ -0,0 +1,43 @@ +--- +title: "Alerts on the State of your Data With Zapier" +description: "Create alerts on datasets and be notified in real time when an update or a new element is produced" +tags: [] +hubspotFormId: 54303c2e-0e50-4acf-ad7e-361fb6498df0 +hubspotPortalId: 2041226 +hubspotCampaignId: 7011p000000ybQYAAY +--- + +**Create alerts on datasets and be notified in real time when an update or a new element is produced** + +## Description + +**The context** + +You are a reuser of a number of datasets or several data portals, whether your own or those of other organizations. You need to be informed when new data are published or modified, when a problem arises on any number of them, or when real-time data are not updated. + +**The service** + +To push alerts to data consumers, the Huwise platform integrated the tool Zapier, directly connected to our API. Zapier allows you to program notifications linked to the life cycle of the data you follow. You can choose to receive these alerts via different media: email, text message, Slack, etc. + +**The Use Case** + +Citilog, a world leader in road traffic monitoring and surveillance, manages the data collected from its cameras through the Huwise platform. To help with their regular operations and improve their maintenance, the company has set up Zapier alerts in the event of an anomaly, and when a camera is being repaired. + +![Zapier demo home page](https://odsplus.huwise.com/api/v2/catalog/datasets/ods-plus-content-en/files/adfbb294e0b7f2daae068e854452c276) + +![Zapier "control-center"](https://odsplus.huwise.com/api/v2/catalog/datasets/ods-plus-content-en/files/14cc63eb89f6806e4c6d2a5b1fbbfd91) + +![Smart Camera monitoring system in Atlanta](https://odsplus.huwise.com/api/v2/catalog/datasets/ods-plus-content-en/files/cf9a60e6d173952ba325397bf14bed8a) + +## Requirements + +- A Zapier account +- Access to an Huwise dataset catalog, or to the API of an Huwise dataset catalog + +## Get the App + +Get the code on [Github](https://github.com/opendatasoft/ods-cookbook/tree/master/zapier) + +See it live [here](https://zapier-odsapps.huwise.com/pages/dashboard/) + +Contact us to learn how we can accompany you in implementing this connection with the Waze API. \ No newline at end of file diff --git a/content/apps/zapier-notify/index.md b/content/apps/zapier-notify/index.md new file mode 100644 index 000000000..8424e3a62 --- /dev/null +++ b/content/apps/zapier-notify/index.md @@ -0,0 +1,43 @@ +--- +title: "Notify your users on your data updates" +description: "Send alerts to your users when you perform operation on your data or when critic threshold are reached" +tags: [] +hubspotFormId: 54303c2e-0e50-4acf-ad7e-361fb6498df0 +hubspotPortalId: 2041226 +hubspotCampaignId: 7011p000000ybQYAAY +--- + +**Send alerts to your users when you perform operation on your data or when critic threshold are reached** + +## Description + +**The context** + +You are a reuser of a number of datasets or several data portals, whether your own or those of other organizations. You need to be informed when new data are published or modified, when a problem arises on any number of them, or when real-time data are not updated. + +**The service** + +To push alerts to data consumers, the Huwise platform integrated the tool Zapier, directly connected to our API. Zapier allows you to program notifications linked to the life cycle of the data you follow. You can choose to receive these alerts via different media: email, text message, Slack, etc. + +**The Use Case** + +Citilog, a world leader in road traffic monitoring and surveillance, manages the data collected from its cameras through the Huwise platform. To help with their regular operations and improve their maintenance, the company has set up Zapier alerts in the event of an anomaly, and when a camera is being repaired. + +![Zapier demo home page](https://odsplus.huwise.com/api/v2/catalog/datasets/ods-plus-content-en/files/adfbb294e0b7f2daae068e854452c276) + +![Zapier "control-center"](https://odsplus.huwise.com/api/v2/catalog/datasets/ods-plus-content-en/files/14cc63eb89f6806e4c6d2a5b1fbbfd91) + +![Weather alerts: notification application](https://odsplus.huwise.com/api/v2/catalog/datasets/ods-plus-content-en/files/6e33c235e62400eb35508a91c66e8642) + +## Requirements + +- A Zapier account +- Access to an Huwise dataset catalog, or to the API of an Huwise dataset catalog + +## Get the App + +Get the code on [Github](https://github.com/opendatasoft/ods-cookbook/tree/master/zapier) + +See it live [here](https://zapier-odsapps.huwise.com/pages/dashboard/) + +Contact us to learn how we can accompany you in implementing this connection with the Waze API. \ No newline at end of file diff --git a/content/components/access-card/1/css.inc b/content/components/access-card/1/css.inc new file mode 100644 index 000000000..3780e3160 --- /dev/null +++ b/content/components/access-card/1/css.inc @@ -0,0 +1,88 @@ +:root { + --secondary-color: #142e7b; +} + +.access-card-bg { + background-repeat: no-repeat; + background-size: cover; + border-radius: 6px; + box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.13); + transition: all 0.3s; + color: var(--text); + display: flex; + height: 100%; + justify-content: center; + margin-bottom: 20px; +} + +.access-card-bg:hover { + box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.5); + text-decoration: none; +} + +.access-card { + border-radius: 10px; + background-color: #fff; + margin: 200px 26px 26px; + padding: 26px; + width: 100%; + + display: flex; + flex-direction: column; + justify-content: space-between; +} + +.access-card-pretitle { + text-transform: uppercase; + color: var(--secondary-color); + opacity: 0.7; + font-weight: 400; + margin: 0px; + font-size: 12px; +} + +.access-card-title { + font-weight: 400; + margin: 10px 0px; + font-size: 22px; +} + +.access-card-subtitle { + font-size: 16px; + font-weight: 400; + margin: 0px 0px 10px 0px; +} + +.access-card-description { + background-color: var(--boxes-background); + padding: 10px; +} + +.access-card-description h4 { + font-weight: 700; + margin: 5px 0px 0px 0px; +} + +.access-card-description p { + margin: 5px 0px; +} + +.access-card-button { + color: var(--secondary-color); + font-size: 16px; + font-weight: 700; + display: flex; + justify-content: right; + align-items: center; + width: 100%; + padding: 26px 0px 0px 26px; +} + +.access-card-button i { + padding-left: 5px; + transition: all 0.3s; +} + +.access-card:hover .access-card-button i { + transform: translateX(5px); +} diff --git a/content/components/access-card/1/html.inc b/content/components/access-card/1/html.inc new file mode 100644 index 000000000..f12737aed --- /dev/null +++ b/content/components/access-card/1/html.inc @@ -0,0 +1,26 @@ +
+
+ +
+
+

Éphémère

+

Opération jardins éphémères

+

+ Liste et carte des jardins éphémères 2021 +

+
+

Catégories

+

Politique publique : Biodiversité

+

Type : Catalogue

+

Support : Portail opendata

+

Développement : Direction du Numérique - Orléans Métropole

+
+
+
+ +
+
+ +
+
\ No newline at end of file diff --git a/content/components/access-card/1/index.md b/content/components/access-card/1/index.md new file mode 100644 index 000000000..1743c6cb7 --- /dev/null +++ b/content/components/access-card/1/index.md @@ -0,0 +1,5 @@ +--- +title: "With description and full height background image" +date: 2022-06-08 +height: 720 +--- diff --git a/content/components/access-card/2/css.inc b/content/components/access-card/2/css.inc new file mode 100644 index 000000000..505ef0a8e --- /dev/null +++ b/content/components/access-card/2/css.inc @@ -0,0 +1,84 @@ +:root { + --secondary-color: #142e7b; +} + +.access-card { + border-radius: 10px; + background-color: var(--boxes-background); + box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.13); + transition: all 0.3s; + position: relative; + height: 100%; + color: var(--text); + display: block; + margin-bottom: 20px; + + display: flex; + flex-direction: column; + justify-content: space-between; +} + +.access-card:hover { + box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.5); + text-decoration: none; +} + +.access-card-top { + padding: 26px; +} + +.access-card-pretitle { + text-transform: uppercase; + color: var(--secondary-color); + opacity: 0.7; + font-weight: 400; + margin: 0px; + font-size: 12px; +} + +.access-card-title { + font-weight: 400; + margin: 10px 0px; + font-size: 22px; +} + +.access-card-subtitle { + font-size: 16px; + font-weight: 400; + margin: 0px; +} + +.access-card-img { + background-repeat: no-repeat; + background-size: cover; + background-position: center; + height: 250px; +} + +.access-card-description { + padding: 26px; +} + +.access-card-description p { + margin: 5px 0px; +} + +.access-card-button { + color: var(--secondary-color); + font-size: 14px; + font-weight: 700; + display: flex; + justify-content: left; + align-items: center; + width: 100%; + padding: 0px 26px 26px 26px; +} + +.access-card-button i { + padding-left: 5px; + transition: all 0.3s; +} + +.access-card:hover .access-card-button i { + transform: translateX(5px); +} diff --git a/content/components/access-card/2/html.inc b/content/components/access-card/2/html.inc new file mode 100644 index 000000000..61ec0fae6 --- /dev/null +++ b/content/components/access-card/2/html.inc @@ -0,0 +1,29 @@ +
+
+ +
+
+

Éphémère

+

+ Opération jardins éphémères +

+

+ Liste et carte des jardins éphémères 2021 +

+
+
+
+
+

Politique publique : Biodiversité

+

Type : Catalogue

+

Support : Portail opendata

+

Développement : Direction du Numérique - Orléans Métropole

+
+
+
+ Accédez +
+ +
+
\ No newline at end of file diff --git a/content/components/access-card/2/index.md b/content/components/access-card/2/index.md new file mode 100644 index 000000000..9cb4b3b80 --- /dev/null +++ b/content/components/access-card/2/index.md @@ -0,0 +1,4 @@ +--- +title: "With description and image in the middle" +height: 750 +--- diff --git a/content/components/access-card/3/css.inc b/content/components/access-card/3/css.inc new file mode 100644 index 000000000..307e37e6b --- /dev/null +++ b/content/components/access-card/3/css.inc @@ -0,0 +1,86 @@ +:root { + --secondary-color: #142e7b; +} + +.access-card { + border-radius: 10px; + background-color: #fff; + height: 100%; + background-color: var(--boxes-background); + box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.13); + transition: all 0.3s; + display: block; + color: var(--text); + margin-bottom: 20px; + + display: flex; + flex-direction: column; + justify-content: space-between; +} + +.access-card:hover { + box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.5); + text-decoration: none; +} + +.access-card-img { + background-repeat: no-repeat; + background-size: cover; + background-position: center; + height: 250px; + position: relative; + border-radius: 10px 10px 0 0; +} + +.access-card-content { + padding: 26px; +} + +.access-card-pretitle { + text-transform: uppercase; + color: #535c29; + background-color: #dbe0c1; + border-radius: 3px; + font-weight: 400; + margin: 0px; + font-size: 12px; + position: absolute; + bottom: 15px; + left: 26px; + padding: 5px; +} + +.access-card-title { + font-weight: 400; + margin: 10px 0px; + font-size: 22px; +} + +.access-card-subtitle { + font-size: 16px; + font-weight: 400; + margin: 0px 0px 10px 0px; +} + +.access-card-content p { + margin: 5px 0px; +} + +.access-card-button { + display: flex; + justify-content: center; + margin: 0px 26px 26px; +} + +.access-card-button:hover { + opacity: 0.7; +} + +.access-card-button-content { + background-color: var(--secondary-color); + text-align: center; + color: #fff; + border-radius: 24px; + padding: 10px 20px; + width: fit-content; +} diff --git a/content/components/access-card/3/html.inc b/content/components/access-card/3/html.inc new file mode 100644 index 000000000..31cb61f9f --- /dev/null +++ b/content/components/access-card/3/html.inc @@ -0,0 +1,25 @@ +
+
+ +
+
+

Éphémère

+
+
+

Opération jardins éphémères

+

Liste et carte des jardins éphémères 2021

+

Politique publique : Biodiversité

+

Type : Catalogue

+

Support : Portail opendata

+

Développement : Direction du Numérique - Orléans Métropole

+
+
+
+
+ Accédez +
+
+ +
+
\ No newline at end of file diff --git a/content/components/access-card/3/index.md b/content/components/access-card/3/index.md new file mode 100644 index 000000000..dee87ecf3 --- /dev/null +++ b/content/components/access-card/3/index.md @@ -0,0 +1,4 @@ +--- +title: With description and image on top +height: 700 +--- diff --git a/content/components/access-card/4/css.inc b/content/components/access-card/4/css.inc new file mode 100644 index 000000000..80381adc8 --- /dev/null +++ b/content/components/access-card/4/css.inc @@ -0,0 +1,69 @@ +:root { + --secondary-color: #142e7b; +} + +.access-card-bg { + background-repeat: no-repeat; + background-size: cover; + border-radius: 6px; + box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.13); + transition: all 0.3s; + color: var(--text); + display: flex; + height: 100%; + justify-content: center; + margin-bottom: 20px; +} + +.access-card-bg:hover { + box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.5); + text-decoration: none; +} + +.access-card { + border-radius: 10px; + background-color: #fff; + margin: 200px 26px 26px; + padding: 26px; + width: 100%; +} + +.access-card-pretitle { + text-transform: uppercase; + color: var(--secondary-color); + opacity: 0.7; + font-weight: 400; + margin: 0px; + font-size: 12px; +} + +.access-card-title { + font-weight: 400; + margin: 10px 0px; + font-size: 22px; +} + +.access-card-subtitle { + font-size: 16px; + font-weight: 400; + margin: 0px 0px 20px 0px; +} + +.access-card-button { + display: flex; + justify-content: center; + margin-top: 20px; +} + +.access-card-button:hover { + opacity: 0.7; +} + +.access-card-button-content { + background-color: var(--secondary-color); + text-align: center; + color: #fff; + border-radius: 24px; + padding: 10px 20px; + width: fit-content; +} diff --git a/content/components/access-card/4/html.inc b/content/components/access-card/4/html.inc new file mode 100644 index 000000000..9ec369adb --- /dev/null +++ b/content/components/access-card/4/html.inc @@ -0,0 +1,23 @@ +
+
+ +
+
+

Éphémère

+

+ Opération jardins éphémères +

+

+ Liste et carte des jardins éphémères 2021 +

+
+
+
+ Accédez +
+
+
+ +
+
\ No newline at end of file diff --git a/content/components/access-card/4/index.md b/content/components/access-card/4/index.md new file mode 100644 index 000000000..0d716e4fd --- /dev/null +++ b/content/components/access-card/4/index.md @@ -0,0 +1,4 @@ +--- +title: "Light version with full height background image" +height: 600 +--- diff --git a/content/components/access-card/5/css.inc b/content/components/access-card/5/css.inc new file mode 100644 index 000000000..0c9a5387d --- /dev/null +++ b/content/components/access-card/5/css.inc @@ -0,0 +1,76 @@ +:root { + --secondary-color: #142e7b; +} + +.access-card { + border-radius: 10px; + background-color: var(--boxes-background); + box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.13); + transition: all 0.3s; + position: relative; + height: 100%; + color: var(--text); + display: block; + margin-bottom: 20px; + + display: flex; + flex-direction: column; + justify-content: space-between; +} + +.access-card:hover { + box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.5); + text-decoration: none; +} + +.access-card-top { + padding: 26px; +} + +.access-card-pretitle { + text-transform: uppercase; + color: var(--secondary-color); + opacity: 0.7; + font-weight: 400; + margin: 0px; + font-size: 12px; +} + +.access-card-title { + font-weight: 400; + margin: 10px 0px; + font-size: 22px; +} + +.access-card-subtitle { + font-size: 16px; + font-weight: 400; + margin: 0px; +} + +.access-card-img { + background-repeat: no-repeat; + background-size: cover; + background-position: center; + height: 250px; +} + +.access-card-button { + color: var(--secondary-color); + font-size: 14px; + font-weight: 700; + display: flex; + justify-content: left; + align-items: center; + width: 100%; + padding: 26px 26px 26px; +} + +.access-card-button i { + padding-left: 5px; + transition: all 0.3s; +} + +.access-card:hover .access-card-button i { + transform: translateX(5px); +} diff --git a/content/components/access-card/5/html.inc b/content/components/access-card/5/html.inc new file mode 100644 index 000000000..8dab72ef4 --- /dev/null +++ b/content/components/access-card/5/html.inc @@ -0,0 +1,23 @@ +
+
+ +
+

Éphémère

+

+ Opération jardins éphémères +

+

+ Liste et carte des jardins éphémères 2021 +

+
+
+
+
+
+ Accédez +
+
+ +
+
\ No newline at end of file diff --git a/content/components/access-card/5/index.md b/content/components/access-card/5/index.md new file mode 100644 index 000000000..b33ebba9a --- /dev/null +++ b/content/components/access-card/5/index.md @@ -0,0 +1,4 @@ +--- +title: "Light version with image in the middle" +height: 600 +--- diff --git a/content/components/access-card/6/css.inc b/content/components/access-card/6/css.inc new file mode 100644 index 000000000..fb0c87191 --- /dev/null +++ b/content/components/access-card/6/css.inc @@ -0,0 +1,84 @@ +:root { + --secondary-color: #142e7b; + --custom-background: #e2e6ee; +} + +.access-card { + border-radius: 10px; + height: 100%; + min-height: 300px; + background-color: var(--custom-background); + box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.13); + color: var(--secondary-color); + transition: all 0.3s; + display: block; + margin-bottom: 20px; + + display: flex; + flex-direction: column; + justify-content: space-between; +} + +.access-card:hover { + box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.5); + text-decoration: none; +} + +.access-card-img { + background-repeat: no-repeat; + background-size: cover; + background-position: center; + height: 250px; + position: relative; + border-radius: 10px 10px 0px 0px; +} + +.access-card-content { + padding: 26px; +} + +.access-card-pretitle { + text-transform: uppercase; + color: var(--secondary-color); + opacity: 0.7; + font-weight: 400; + margin: 0px; + font-size: 12px; +} + +.access-card-title { + font-weight: 400; + margin: 10px 0px; + font-size: 22px; + color: var(--secondary-color); +} + +.access-card-subtitle { + font-size: 16px; + font-weight: 400; + margin: 0px; +} + +.access-card-content p { + margin: 5px 0px; +} + +.access-card-button { + color: var(--secondary-color); + font-size: 14px; + font-weight: 700; + display: flex; + justify-content: left; + align-items: center; + width: 100%; + padding: 0px 26px 26px 26px; +} + +.access-card-button i { + padding-left: 5px; + transition: all 0.3s; +} + +.access-card:hover .access-card-button i { + transform: translateX(5px); +} diff --git a/content/components/access-card/6/html.inc b/content/components/access-card/6/html.inc new file mode 100644 index 000000000..28a268418 --- /dev/null +++ b/content/components/access-card/6/html.inc @@ -0,0 +1,19 @@ +
+
+ +
+
+
+
+

Éphémère

+

Opération jardins éphémères

+

Liste et carte des jardins éphémères 2021

+
+
+
+ Accédez +
+ +
+
\ No newline at end of file diff --git a/content/components/access-card/6/index.md b/content/components/access-card/6/index.md new file mode 100644 index 000000000..5e9fee5e8 --- /dev/null +++ b/content/components/access-card/6/index.md @@ -0,0 +1,4 @@ +--- +title: "Light version with image on top" +height: 600 +--- diff --git a/content/components/access-card/index.md b/content/components/access-card/index.md new file mode 100644 index 000000000..a0a85431d --- /dev/null +++ b/content/components/access-card/index.md @@ -0,0 +1,16 @@ +--- +title: "Access cards" +description: "Card to highlight a redirection to another page. Different styles are available." +tags: ["navigation", "card", "redirection"] +height: 570 +date: 2022-06-08 +resources: +- src: '*/' + name: folder-:counter +--- + +Card to highlight a redirection to another page. Different styles are available. + +**Tips:** +- You can change the background image in the HTML file +- You can change the arrow icon with another icon from [the Fontawesome Library](https://fontawesome.com/v4.7.0/icons/) diff --git a/content/components/contact-card/1/html.inc b/content/components/contact-card/1/html.inc index 9d460bdd8..ed54a4a81 100644 --- a/content/components/contact-card/1/html.inc +++ b/content/components/contact-card/1/html.inc @@ -3,7 +3,7 @@
+ src="https://userclub.huwise.com/assets/theme_image/contact-card-avatar-woman.svg">
R&D
diff --git a/content/components/contact-card/2/html.inc b/content/components/contact-card/2/html.inc index b26646d00..5c7c5be6f 100644 --- a/content/components/contact-card/2/html.inc +++ b/content/components/contact-card/2/html.inc @@ -7,7 +7,7 @@
+ src="https://userclub.huwise.com/assets/theme_image/contact-card-avatar-man.png">
WEB
@@ -41,7 +41,7 @@
+ src="https://discovery.huwise.com/assets/theme_image/contact-card-avatar-man.png">
diff --git a/content/components/content-card/3/schema.md b/content/components/content-card/3/schema.md new file mode 100644 index 000000000..1104cb246 --- /dev/null +++ b/content/components/content-card/3/schema.md @@ -0,0 +1,11 @@ +**Dataset in use:** `shanghai-world-university-ranking` [(See it on public domain)](https://public.huwise.com/explore/dataset/shanghai-world-university-ranking/table/) + +**Fields in use:** + +|country|geo_shape| +|---|---| +|United Kingdom|"{""type"": ""MultiPolygon"", ""coordinates"": [[[[-5.6619486149, 54.5546031765], [-6.1978...| +|United States|"{""type"": ""MultiPolygon"", ""coordinates"": [[[[-155.54211, 19.08348], [-155.68...| +|United States|"{""type"": ""MultiPolygon"", ""coordinates"": [[[[-155.54211, 19.08348], [-155.68...| +|United States|"{""type"": ""MultiPolygon"", ""coordinates"": [[[[-155.54211, 19.08348], [-155.68...| + diff --git a/content/components/custom-theme-boxes/1/schema.md b/content/components/custom-theme-boxes/1/schema.md new file mode 100644 index 000000000..4d0776731 --- /dev/null +++ b/content/components/custom-theme-boxes/1/schema.md @@ -0,0 +1,11 @@ +**Catalog in use from:** `userclub` [(See the catalog here)](https://userclub.huwise.com/explore/) + +**Fields in use:** + +|theme| +|---| +|Academy| +|Checklist| +|Code Library| +|Usages| + diff --git a/content/components/dropdown-module/2/css.inc b/content/components/dropdown-module/2/css.inc index 7100b2996..aed18fd44 100644 --- a/content/components/dropdown-module/2/css.inc +++ b/content/components/dropdown-module/2/css.inc @@ -34,10 +34,10 @@ .cl-dropdown-menu { background-color: #FFFFFF; border: 1px solid #dee5ef; - max-width: 350px; - overflow-x: auto; border-radius: 4px; box-shadow: 0px 2px 4px rgba(0,0,0,0.15); + max-width: 350px; + overflow-x: auto; visibility: hidden; opacity: 0; position: absolute; @@ -87,7 +87,7 @@ display: block; margin-bottom: 0; cursor: pointer; - max-width: 100%; + max-width: 100%; text-overflow: ellipsis; overflow: hidden; padding-left: 2px; @@ -100,73 +100,5 @@ left: 0; right: 0; cursor: auto; - z-index: 10; -} -/* Class used to center the content within the card */ -.centered-card { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; -} -/* Content Card - ========================================================================== */ -.content-card { - background-color: var(--boxes-background); - padding: 26px; - border-radius: 4px; - margin-bottom: 20px; - height: 100%; -} -.content-card-title { - color: var(--titles); - font-size: 1.2rem; - line-height: 1.5; - font-weight: normal; - margin-top: 0; - margin-bottom: 13px; - max-width: 100%; -} -.content-card-description { - color: var(--text); - font-size: 1rem; - line-height: 1.5; - font-weight: normal; - margin-top: 0; - margin-bottom: 26px; - max-width: 100%; -} -.content-card-icon { - color: var(--highlight); - font-size: 2rem; - margin-bottom: 13px; - max-width: 100%; -} -.content-card-link { - color: var(--links); - font-weight: bold; - transition: all .2s; - opacity: 1; - max-width: 100%; -} -.content-card-link:hover { - opacity: .7; - text-decoration: none; -} -.content-card-button { - color: var(--highlight); - border: 1px solid var(--highlight); - background: transparent; - display: inline-block; - text-align: center; - font-size: .867rem; - border-radius: 4px; - padding: .5rem 1.15rem; - text-decoration: none; - transition: all .2s; -} -.content-card-button:hover { - background-color: var(--highlight); - color: #FFFFFF; - text-decoration: none; + z-index: 10; } diff --git a/content/components/dropdown-module/2/html.inc b/content/components/dropdown-module/2/html.inc index 7dddcb2b0..d12d36eb9 100644 --- a/content/components/dropdown-module/2/html.inc +++ b/content/components/dropdown-module/2/html.inc @@ -1,60 +1,71 @@ -
-
-
- - - - - - - - -
-
-

- French departments -

-

- Cardano could be many technical analysis since Nexo data mining a fundamental analysis. -

-

- Ravencoin generates a amazing fish of lots of market cap, and Waves serves many quick anti-money laundering! Solidity allowed lots of fast peer-to-peer network. -

- -
- -
-
- Where to? -
-
- - See dataset - - - Create map - - - Create graph - +
+ + +
+
+

+ Select a country to view universities +

+ +
+ +
+
+ Country +
+
    +
  • + +
    • +
  • + +
    • +
+ {{universities.parameters['refine.country'] = (universities.parameters['refine.country'] == 'All' ? undefined : universities.parameters['refine.country']); ''}}
+
-
+ +
+
+ +
-
-
+
diff --git a/content/components/dropdown-module/2/index.md b/content/components/dropdown-module/2/index.md index 6954efdf4..a4438fac8 100644 --- a/content/components/dropdown-module/2/index.md +++ b/content/components/dropdown-module/2/index.md @@ -1,4 +1,5 @@ --- -title: "Usage example" -height: 560 +title: "Dropdown as filter" --- + +Use this component to have a more stylized look for your filters, for example instead of using a select. diff --git a/content/components/dropdown-module/2/schema.md b/content/components/dropdown-module/2/schema.md new file mode 100644 index 000000000..1104cb246 --- /dev/null +++ b/content/components/dropdown-module/2/schema.md @@ -0,0 +1,11 @@ +**Dataset in use:** `shanghai-world-university-ranking` [(See it on public domain)](https://public.huwise.com/explore/dataset/shanghai-world-university-ranking/table/) + +**Fields in use:** + +|country|geo_shape| +|---|---| +|United Kingdom|"{""type"": ""MultiPolygon"", ""coordinates"": [[[[-5.6619486149, 54.5546031765], [-6.1978...| +|United States|"{""type"": ""MultiPolygon"", ""coordinates"": [[[[-155.54211, 19.08348], [-155.68...| +|United States|"{""type"": ""MultiPolygon"", ""coordinates"": [[[[-155.54211, 19.08348], [-155.68...| +|United States|"{""type"": ""MultiPolygon"", ""coordinates"": [[[[-155.54211, 19.08348], [-155.68...| + diff --git a/content/components/dropdown-module/3/css.inc b/content/components/dropdown-module/3/css.inc deleted file mode 100644 index aed18fd44..000000000 --- a/content/components/dropdown-module/3/css.inc +++ /dev/null @@ -1,104 +0,0 @@ -/* Dropdown menu with pill styling - ========================================================================== */ -.cl-dropdown { - display: inline-block; - margin: 13px 0 26px 0; - position: relative; -} -/* Button */ -.cl-dropdown-button { - font-size: 1rem; - color: var(--text); - border: 1px solid #cbd2db; - border-radius: 2rem; - background: #FFFFFF; - padding: .37rem 1rem; - margin-right: 6px; - transition: all .2s; -} -.cl-dropdown-button:hover, -.cl-dropdown-button:focus { - color: var(--links); - border-color: var(--links); -} -.cl-dropdown-button-open { - border-color: var(--links); - box-shadow: 0 0 0 3px rgba(20, 46, 123, .2); -} -.cl-dropdown-button-active { - color: var(--links); - border-color: var(--links); - background-color: rgba(20, 46, 123, 0.1); -} -/* Dropdown styling */ -.cl-dropdown-menu { - background-color: #FFFFFF; - border: 1px solid #dee5ef; - border-radius: 4px; - box-shadow: 0px 2px 4px rgba(0,0,0,0.15); - max-width: 350px; - overflow-x: auto; - visibility: hidden; - opacity: 0; - position: absolute; - top: 0; - z-index: 11; - white-space: nowrap; - transition: visibility 0s, opacity 0.1s ease, top 0.1s ease; -} -.cl-dropdown-visible { - opacity: 1; - visibility: visible; - top: 38px; -} -/* Dropdown items */ -.cl-dropdown-menu { - padding: 26px 0; -} -.cl-dropdown-title { - font-size: 1.3rem; - color: var(--text); - font-weight: normal; - margin-top: 0; - margin-bottom: 0; - padding: 0 26px; -} -.cl-dropdown-items { - list-style: none; - padding: 0 26px; - margin: 0; - display: flex; - flex-direction: column; - max-height: 180px; - overflow-y: auto; -} -.cl-dropdown-item { - font-size: 1rem; - display: block; - margin-top: 13px; -} -.cl-dropdown-item:hover { - text-decoration: none; -} -.cl-dropdown-input { - margin-right: 4px; -} -.cl-dropdown-label { - display: block; - margin-bottom: 0; - cursor: pointer; - max-width: 100%; - text-overflow: ellipsis; - overflow: hidden; - padding-left: 2px; -} -/* Backdrop */ -.cl-dropdown-backdrop { - position: fixed; - top: 0; - bottom: 0; - left: 0; - right: 0; - cursor: auto; - z-index: 10; -} diff --git a/content/components/dropdown-module/3/html.inc b/content/components/dropdown-module/3/html.inc deleted file mode 100644 index d12d36eb9..000000000 --- a/content/components/dropdown-module/3/html.inc +++ /dev/null @@ -1,71 +0,0 @@ -
- - -
-
-

- Select a country to view universities -

- -
- -
-
- Country -
-
    -
  • - -
    • -
  • - -
    • -
- {{universities.parameters['refine.country'] = (universities.parameters['refine.country'] == 'All' ? undefined : universities.parameters['refine.country']); ''}} -
-
-
- -
-
- - -
-
- -
diff --git a/content/components/dropdown-module/3/index.md b/content/components/dropdown-module/3/index.md deleted file mode 100644 index a4438fac8..000000000 --- a/content/components/dropdown-module/3/index.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -title: "Dropdown as filter" ---- - -Use this component to have a more stylized look for your filters, for example instead of using a select. diff --git a/content/components/filters/2/html.inc b/content/components/filters/2/html.inc index c6e599450..18c81e897 100644 --- a/content/components/filters/2/html.inc +++ b/content/components/filters/2/html.inc @@ -1,4 +1,4 @@ -
diff --git a/content/components/filters/2/schema.md b/content/components/filters/2/schema.md new file mode 100644 index 000000000..3573bb75a --- /dev/null +++ b/content/components/filters/2/schema.md @@ -0,0 +1,11 @@ +**Dataset in use:** `us-hospitals` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/us-hospitals/table/) + +**Fields in use:** + +|state|city|status|type| +|---|---|---|---| +|OH|Batavia|Open|General Acute Care Hospital| +|VA|Salem|Open|General Acute Care Hospital| +|TN|Sparta|Open|General Acute Care Hospital| +|SD|Armour|Open|General Acute Care Hospital| + diff --git a/content/components/icons/1/css.inc b/content/components/icons/1/css.inc new file mode 100644 index 000000000..7f0b24f0e --- /dev/null +++ b/content/components/icons/1/css.inc @@ -0,0 +1,10 @@ +/* +* Remix Icon v2.5.0 +* https://remixicon.com +* https://github.com/Remix-Design/RemixIcon +* +* Copyright RemixIcon.com +* Released under the Apache License Version 2.0 +* +* Date: 2020-05-23 +*/@font-face{font-family:remixicon;src:url(https://static.huwise.com/fonts/remixicon/latest/remixicon.woff2) format("woff2");font-display:swap}[class*=" ri-"],[class^=ri-]{font-family:remixicon!important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ri-lg{font-size:1.3333em;line-height:.75em;vertical-align:-.0667em}.ri-xl{font-size:1.5em;line-height:.6666em;vertical-align:-.075em}.ri-xxs{font-size:.5em}.ri-xs{font-size:.75em}.ri-sm{font-size:.875em}.ri-1x{font-size:1em}.ri-2x{font-size:2em}.ri-3x{font-size:3em}.ri-4x{font-size:4em}.ri-5x{font-size:5em}.ri-6x{font-size:6em}.ri-7x{font-size:7em}.ri-8x{font-size:8em}.ri-9x{font-size:9em}.ri-10x{font-size:10em}.ri-fw{text-align:center;width:1.25em}.ri-24-hours-fill:before{content:"\ea01"}.ri-24-hours-line:before{content:"\ea02"}.ri-4k-fill:before{content:"\ea03"}.ri-4k-line:before{content:"\ea04"}.ri-a-b:before{content:"\ea05"}.ri-account-box-fill:before{content:"\ea06"}.ri-account-box-line:before{content:"\ea07"}.ri-account-circle-fill:before{content:"\ea08"}.ri-account-circle-line:before{content:"\ea09"}.ri-account-pin-box-fill:before{content:"\ea0a"}.ri-account-pin-box-line:before{content:"\ea0b"}.ri-account-pin-circle-fill:before{content:"\ea0c"}.ri-account-pin-circle-line:before{content:"\ea0d"}.ri-add-box-fill:before{content:"\ea0e"}.ri-add-box-line:before{content:"\ea0f"}.ri-add-circle-fill:before{content:"\ea10"}.ri-add-circle-line:before{content:"\ea11"}.ri-add-fill:before{content:"\ea12"}.ri-add-line:before{content:"\ea13"}.ri-admin-fill:before{content:"\ea14"}.ri-admin-line:before{content:"\ea15"}.ri-advertisement-fill:before{content:"\ea16"}.ri-advertisement-line:before{content:"\ea17"}.ri-airplay-fill:before{content:"\ea18"}.ri-airplay-line:before{content:"\ea19"}.ri-alarm-fill:before{content:"\ea1a"}.ri-alarm-line:before{content:"\ea1b"}.ri-alarm-warning-fill:before{content:"\ea1c"}.ri-alarm-warning-line:before{content:"\ea1d"}.ri-album-fill:before{content:"\ea1e"}.ri-album-line:before{content:"\ea1f"}.ri-alert-fill:before{content:"\ea20"}.ri-alert-line:before{content:"\ea21"}.ri-aliens-fill:before{content:"\ea22"}.ri-aliens-line:before{content:"\ea23"}.ri-align-bottom:before{content:"\ea24"}.ri-align-center:before{content:"\ea25"}.ri-align-justify:before{content:"\ea26"}.ri-align-left:before{content:"\ea27"}.ri-align-right:before{content:"\ea28"}.ri-align-top:before{content:"\ea29"}.ri-align-vertically:before{content:"\ea2a"}.ri-alipay-fill:before{content:"\ea2b"}.ri-alipay-line:before{content:"\ea2c"}.ri-amazon-fill:before{content:"\ea2d"}.ri-amazon-line:before{content:"\ea2e"}.ri-anchor-fill:before{content:"\ea2f"}.ri-anchor-line:before{content:"\ea30"}.ri-ancient-gate-fill:before{content:"\ea31"}.ri-ancient-gate-line:before{content:"\ea32"}.ri-ancient-pavilion-fill:before{content:"\ea33"}.ri-ancient-pavilion-line:before{content:"\ea34"}.ri-android-fill:before{content:"\ea35"}.ri-android-line:before{content:"\ea36"}.ri-angularjs-fill:before{content:"\ea37"}.ri-angularjs-line:before{content:"\ea38"}.ri-anticlockwise-2-fill:before{content:"\ea39"}.ri-anticlockwise-2-line:before{content:"\ea3a"}.ri-anticlockwise-fill:before{content:"\ea3b"}.ri-anticlockwise-line:before{content:"\ea3c"}.ri-app-store-fill:before{content:"\ea3d"}.ri-app-store-line:before{content:"\ea3e"}.ri-apple-fill:before{content:"\ea3f"}.ri-apple-line:before{content:"\ea40"}.ri-apps-2-fill:before{content:"\ea41"}.ri-apps-2-line:before{content:"\ea42"}.ri-apps-fill:before{content:"\ea43"}.ri-apps-line:before{content:"\ea44"}.ri-archive-drawer-fill:before{content:"\ea45"}.ri-archive-drawer-line:before{content:"\ea46"}.ri-archive-fill:before{content:"\ea47"}.ri-archive-line:before{content:"\ea48"}.ri-arrow-down-circle-fill:before{content:"\ea49"}.ri-arrow-down-circle-line:before{content:"\ea4a"}.ri-arrow-down-fill:before{content:"\ea4b"}.ri-arrow-down-line:before{content:"\ea4c"}.ri-arrow-down-s-fill:before{content:"\ea4d"}.ri-arrow-down-s-line:before{content:"\ea4e"}.ri-arrow-drop-down-fill:before{content:"\ea4f"}.ri-arrow-drop-down-line:before{content:"\ea50"}.ri-arrow-drop-left-fill:before{content:"\ea51"}.ri-arrow-drop-left-line:before{content:"\ea52"}.ri-arrow-drop-right-fill:before{content:"\ea53"}.ri-arrow-drop-right-line:before{content:"\ea54"}.ri-arrow-drop-up-fill:before{content:"\ea55"}.ri-arrow-drop-up-line:before{content:"\ea56"}.ri-arrow-go-back-fill:before{content:"\ea57"}.ri-arrow-go-back-line:before{content:"\ea58"}.ri-arrow-go-forward-fill:before{content:"\ea59"}.ri-arrow-go-forward-line:before{content:"\ea5a"}.ri-arrow-left-circle-fill:before{content:"\ea5b"}.ri-arrow-left-circle-line:before{content:"\ea5c"}.ri-arrow-left-down-fill:before{content:"\ea5d"}.ri-arrow-left-down-line:before{content:"\ea5e"}.ri-arrow-left-fill:before{content:"\ea5f"}.ri-arrow-left-line:before{content:"\ea60"}.ri-arrow-left-right-fill:before{content:"\ea61"}.ri-arrow-left-right-line:before{content:"\ea62"}.ri-arrow-left-s-fill:before{content:"\ea63"}.ri-arrow-left-s-line:before{content:"\ea64"}.ri-arrow-left-up-fill:before{content:"\ea65"}.ri-arrow-left-up-line:before{content:"\ea66"}.ri-arrow-right-circle-fill:before{content:"\ea67"}.ri-arrow-right-circle-line:before{content:"\ea68"}.ri-arrow-right-down-fill:before{content:"\ea69"}.ri-arrow-right-down-line:before{content:"\ea6a"}.ri-arrow-right-fill:before{content:"\ea6b"}.ri-arrow-right-line:before{content:"\ea6c"}.ri-arrow-right-s-fill:before{content:"\ea6d"}.ri-arrow-right-s-line:before{content:"\ea6e"}.ri-arrow-right-up-fill:before{content:"\ea6f"}.ri-arrow-right-up-line:before{content:"\ea70"}.ri-arrow-up-circle-fill:before{content:"\ea71"}.ri-arrow-up-circle-line:before{content:"\ea72"}.ri-arrow-up-down-fill:before{content:"\ea73"}.ri-arrow-up-down-line:before{content:"\ea74"}.ri-arrow-up-fill:before{content:"\ea75"}.ri-arrow-up-line:before{content:"\ea76"}.ri-arrow-up-s-fill:before{content:"\ea77"}.ri-arrow-up-s-line:before{content:"\ea78"}.ri-artboard-2-fill:before{content:"\ea79"}.ri-artboard-2-line:before{content:"\ea7a"}.ri-artboard-fill:before{content:"\ea7b"}.ri-artboard-line:before{content:"\ea7c"}.ri-article-fill:before{content:"\ea7d"}.ri-article-line:before{content:"\ea7e"}.ri-aspect-ratio-fill:before{content:"\ea7f"}.ri-aspect-ratio-line:before{content:"\ea80"}.ri-asterisk:before{content:"\ea81"}.ri-at-fill:before{content:"\ea82"}.ri-at-line:before{content:"\ea83"}.ri-attachment-2:before{content:"\ea84"}.ri-attachment-fill:before{content:"\ea85"}.ri-attachment-line:before{content:"\ea86"}.ri-auction-fill:before{content:"\ea87"}.ri-auction-line:before{content:"\ea88"}.ri-award-fill:before{content:"\ea89"}.ri-award-line:before{content:"\ea8a"}.ri-baidu-fill:before{content:"\ea8b"}.ri-baidu-line:before{content:"\ea8c"}.ri-ball-pen-fill:before{content:"\ea8d"}.ri-ball-pen-line:before{content:"\ea8e"}.ri-bank-card-2-fill:before{content:"\ea8f"}.ri-bank-card-2-line:before{content:"\ea90"}.ri-bank-card-fill:before{content:"\ea91"}.ri-bank-card-line:before{content:"\ea92"}.ri-bank-fill:before{content:"\ea93"}.ri-bank-line:before{content:"\ea94"}.ri-bar-chart-2-fill:before{content:"\ea95"}.ri-bar-chart-2-line:before{content:"\ea96"}.ri-bar-chart-box-fill:before{content:"\ea97"}.ri-bar-chart-box-line:before{content:"\ea98"}.ri-bar-chart-fill:before{content:"\ea99"}.ri-bar-chart-grouped-fill:before{content:"\ea9a"}.ri-bar-chart-grouped-line:before{content:"\ea9b"}.ri-bar-chart-horizontal-fill:before{content:"\ea9c"}.ri-bar-chart-horizontal-line:before{content:"\ea9d"}.ri-bar-chart-line:before{content:"\ea9e"}.ri-barcode-box-fill:before{content:"\ea9f"}.ri-barcode-box-line:before{content:"\eaa0"}.ri-barcode-fill:before{content:"\eaa1"}.ri-barcode-line:before{content:"\eaa2"}.ri-barricade-fill:before{content:"\eaa3"}.ri-barricade-line:before{content:"\eaa4"}.ri-base-station-fill:before{content:"\eaa5"}.ri-base-station-line:before{content:"\eaa6"}.ri-basketball-fill:before{content:"\eaa7"}.ri-basketball-line:before{content:"\eaa8"}.ri-battery-2-charge-fill:before{content:"\eaa9"}.ri-battery-2-charge-line:before{content:"\eaaa"}.ri-battery-2-fill:before{content:"\eaab"}.ri-battery-2-line:before{content:"\eaac"}.ri-battery-charge-fill:before{content:"\eaad"}.ri-battery-charge-line:before{content:"\eaae"}.ri-battery-fill:before{content:"\eaaf"}.ri-battery-line:before{content:"\eab0"}.ri-battery-low-fill:before{content:"\eab1"}.ri-battery-low-line:before{content:"\eab2"}.ri-battery-saver-fill:before{content:"\eab3"}.ri-battery-saver-line:before{content:"\eab4"}.ri-battery-share-fill:before{content:"\eab5"}.ri-battery-share-line:before{content:"\eab6"}.ri-bear-smile-fill:before{content:"\eab7"}.ri-bear-smile-line:before{content:"\eab8"}.ri-behance-fill:before{content:"\eab9"}.ri-behance-line:before{content:"\eaba"}.ri-bell-fill:before{content:"\eabb"}.ri-bell-line:before{content:"\eabc"}.ri-bike-fill:before{content:"\eabd"}.ri-bike-line:before{content:"\eabe"}.ri-bilibili-fill:before{content:"\eabf"}.ri-bilibili-line:before{content:"\eac0"}.ri-bill-fill:before{content:"\eac1"}.ri-bill-line:before{content:"\eac2"}.ri-billiards-fill:before{content:"\eac3"}.ri-billiards-line:before{content:"\eac4"}.ri-bit-coin-fill:before{content:"\eac5"}.ri-bit-coin-line:before{content:"\eac6"}.ri-blaze-fill:before{content:"\eac7"}.ri-blaze-line:before{content:"\eac8"}.ri-bluetooth-connect-fill:before{content:"\eac9"}.ri-bluetooth-connect-line:before{content:"\eaca"}.ri-bluetooth-fill:before{content:"\eacb"}.ri-bluetooth-line:before{content:"\eacc"}.ri-blur-off-fill:before{content:"\eacd"}.ri-blur-off-line:before{content:"\eace"}.ri-body-scan-fill:before{content:"\eacf"}.ri-body-scan-line:before{content:"\ead0"}.ri-bold:before{content:"\ead1"}.ri-book-2-fill:before{content:"\ead2"}.ri-book-2-line:before{content:"\ead3"}.ri-book-3-fill:before{content:"\ead4"}.ri-book-3-line:before{content:"\ead5"}.ri-book-fill:before{content:"\ead6"}.ri-book-line:before{content:"\ead7"}.ri-book-mark-fill:before{content:"\ead8"}.ri-book-mark-line:before{content:"\ead9"}.ri-book-open-fill:before{content:"\eada"}.ri-book-open-line:before{content:"\eadb"}.ri-book-read-fill:before{content:"\eadc"}.ri-book-read-line:before{content:"\eadd"}.ri-booklet-fill:before{content:"\eade"}.ri-booklet-line:before{content:"\eadf"}.ri-bookmark-2-fill:before{content:"\eae0"}.ri-bookmark-2-line:before{content:"\eae1"}.ri-bookmark-3-fill:before{content:"\eae2"}.ri-bookmark-3-line:before{content:"\eae3"}.ri-bookmark-fill:before{content:"\eae4"}.ri-bookmark-line:before{content:"\eae5"}.ri-boxing-fill:before{content:"\eae6"}.ri-boxing-line:before{content:"\eae7"}.ri-braces-fill:before{content:"\eae8"}.ri-braces-line:before{content:"\eae9"}.ri-brackets-fill:before{content:"\eaea"}.ri-brackets-line:before{content:"\eaeb"}.ri-briefcase-2-fill:before{content:"\eaec"}.ri-briefcase-2-line:before{content:"\eaed"}.ri-briefcase-3-fill:before{content:"\eaee"}.ri-briefcase-3-line:before{content:"\eaef"}.ri-briefcase-4-fill:before{content:"\eaf0"}.ri-briefcase-4-line:before{content:"\eaf1"}.ri-briefcase-5-fill:before{content:"\eaf2"}.ri-briefcase-5-line:before{content:"\eaf3"}.ri-briefcase-fill:before{content:"\eaf4"}.ri-briefcase-line:before{content:"\eaf5"}.ri-bring-forward:before{content:"\eaf6"}.ri-bring-to-front:before{content:"\eaf7"}.ri-broadcast-fill:before{content:"\eaf8"}.ri-broadcast-line:before{content:"\eaf9"}.ri-brush-2-fill:before{content:"\eafa"}.ri-brush-2-line:before{content:"\eafb"}.ri-brush-3-fill:before{content:"\eafc"}.ri-brush-3-line:before{content:"\eafd"}.ri-brush-4-fill:before{content:"\eafe"}.ri-brush-4-line:before{content:"\eaff"}.ri-brush-fill:before{content:"\eb00"}.ri-brush-line:before{content:"\eb01"}.ri-bubble-chart-fill:before{content:"\eb02"}.ri-bubble-chart-line:before{content:"\eb03"}.ri-bug-2-fill:before{content:"\eb04"}.ri-bug-2-line:before{content:"\eb05"}.ri-bug-fill:before{content:"\eb06"}.ri-bug-line:before{content:"\eb07"}.ri-building-2-fill:before{content:"\eb08"}.ri-building-2-line:before{content:"\eb09"}.ri-building-3-fill:before{content:"\eb0a"}.ri-building-3-line:before{content:"\eb0b"}.ri-building-4-fill:before{content:"\eb0c"}.ri-building-4-line:before{content:"\eb0d"}.ri-building-fill:before{content:"\eb0e"}.ri-building-line:before{content:"\eb0f"}.ri-bus-2-fill:before{content:"\eb10"}.ri-bus-2-line:before{content:"\eb11"}.ri-bus-fill:before{content:"\eb12"}.ri-bus-line:before{content:"\eb13"}.ri-bus-wifi-fill:before{content:"\eb14"}.ri-bus-wifi-line:before{content:"\eb15"}.ri-cactus-fill:before{content:"\eb16"}.ri-cactus-line:before{content:"\eb17"}.ri-cake-2-fill:before{content:"\eb18"}.ri-cake-2-line:before{content:"\eb19"}.ri-cake-3-fill:before{content:"\eb1a"}.ri-cake-3-line:before{content:"\eb1b"}.ri-cake-fill:before{content:"\eb1c"}.ri-cake-line:before{content:"\eb1d"}.ri-calculator-fill:before{content:"\eb1e"}.ri-calculator-line:before{content:"\eb1f"}.ri-calendar-2-fill:before{content:"\eb20"}.ri-calendar-2-line:before{content:"\eb21"}.ri-calendar-check-fill:before{content:"\eb22"}.ri-calendar-check-line:before{content:"\eb23"}.ri-calendar-event-fill:before{content:"\eb24"}.ri-calendar-event-line:before{content:"\eb25"}.ri-calendar-fill:before{content:"\eb26"}.ri-calendar-line:before{content:"\eb27"}.ri-calendar-todo-fill:before{content:"\eb28"}.ri-calendar-todo-line:before{content:"\eb29"}.ri-camera-2-fill:before{content:"\eb2a"}.ri-camera-2-line:before{content:"\eb2b"}.ri-camera-3-fill:before{content:"\eb2c"}.ri-camera-3-line:before{content:"\eb2d"}.ri-camera-fill:before{content:"\eb2e"}.ri-camera-lens-fill:before{content:"\eb2f"}.ri-camera-lens-line:before{content:"\eb30"}.ri-camera-line:before{content:"\eb31"}.ri-camera-off-fill:before{content:"\eb32"}.ri-camera-off-line:before{content:"\eb33"}.ri-camera-switch-fill:before{content:"\eb34"}.ri-camera-switch-line:before{content:"\eb35"}.ri-capsule-fill:before{content:"\eb36"}.ri-capsule-line:before{content:"\eb37"}.ri-car-fill:before{content:"\eb38"}.ri-car-line:before{content:"\eb39"}.ri-car-washing-fill:before{content:"\eb3a"}.ri-car-washing-line:before{content:"\eb3b"}.ri-caravan-fill:before{content:"\eb3c"}.ri-caravan-line:before{content:"\eb3d"}.ri-cast-fill:before{content:"\eb3e"}.ri-cast-line:before{content:"\eb3f"}.ri-cellphone-fill:before{content:"\eb40"}.ri-cellphone-line:before{content:"\eb41"}.ri-celsius-fill:before{content:"\eb42"}.ri-celsius-line:before{content:"\eb43"}.ri-centos-fill:before{content:"\eb44"}.ri-centos-line:before{content:"\eb45"}.ri-character-recognition-fill:before{content:"\eb46"}.ri-character-recognition-line:before{content:"\eb47"}.ri-charging-pile-2-fill:before{content:"\eb48"}.ri-charging-pile-2-line:before{content:"\eb49"}.ri-charging-pile-fill:before{content:"\eb4a"}.ri-charging-pile-line:before{content:"\eb4b"}.ri-chat-1-fill:before{content:"\eb4c"}.ri-chat-1-line:before{content:"\eb4d"}.ri-chat-2-fill:before{content:"\eb4e"}.ri-chat-2-line:before{content:"\eb4f"}.ri-chat-3-fill:before{content:"\eb50"}.ri-chat-3-line:before{content:"\eb51"}.ri-chat-4-fill:before{content:"\eb52"}.ri-chat-4-line:before{content:"\eb53"}.ri-chat-check-fill:before{content:"\eb54"}.ri-chat-check-line:before{content:"\eb55"}.ri-chat-delete-fill:before{content:"\eb56"}.ri-chat-delete-line:before{content:"\eb57"}.ri-chat-download-fill:before{content:"\eb58"}.ri-chat-download-line:before{content:"\eb59"}.ri-chat-follow-up-fill:before{content:"\eb5a"}.ri-chat-follow-up-line:before{content:"\eb5b"}.ri-chat-forward-fill:before{content:"\eb5c"}.ri-chat-forward-line:before{content:"\eb5d"}.ri-chat-heart-fill:before{content:"\eb5e"}.ri-chat-heart-line:before{content:"\eb5f"}.ri-chat-history-fill:before{content:"\eb60"}.ri-chat-history-line:before{content:"\eb61"}.ri-chat-new-fill:before{content:"\eb62"}.ri-chat-new-line:before{content:"\eb63"}.ri-chat-off-fill:before{content:"\eb64"}.ri-chat-off-line:before{content:"\eb65"}.ri-chat-poll-fill:before{content:"\eb66"}.ri-chat-poll-line:before{content:"\eb67"}.ri-chat-private-fill:before{content:"\eb68"}.ri-chat-private-line:before{content:"\eb69"}.ri-chat-quote-fill:before{content:"\eb6a"}.ri-chat-quote-line:before{content:"\eb6b"}.ri-chat-settings-fill:before{content:"\eb6c"}.ri-chat-settings-line:before{content:"\eb6d"}.ri-chat-smile-2-fill:before{content:"\eb6e"}.ri-chat-smile-2-line:before{content:"\eb6f"}.ri-chat-smile-3-fill:before{content:"\eb70"}.ri-chat-smile-3-line:before{content:"\eb71"}.ri-chat-smile-fill:before{content:"\eb72"}.ri-chat-smile-line:before{content:"\eb73"}.ri-chat-upload-fill:before{content:"\eb74"}.ri-chat-upload-line:before{content:"\eb75"}.ri-chat-voice-fill:before{content:"\eb76"}.ri-chat-voice-line:before{content:"\eb77"}.ri-check-double-fill:before{content:"\eb78"}.ri-check-double-line:before{content:"\eb79"}.ri-check-fill:before{content:"\eb7a"}.ri-check-line:before{content:"\eb7b"}.ri-checkbox-blank-circle-fill:before{content:"\eb7c"}.ri-checkbox-blank-circle-line:before{content:"\eb7d"}.ri-checkbox-blank-fill:before{content:"\eb7e"}.ri-checkbox-blank-line:before{content:"\eb7f"}.ri-checkbox-circle-fill:before{content:"\eb80"}.ri-checkbox-circle-line:before{content:"\eb81"}.ri-checkbox-fill:before{content:"\eb82"}.ri-checkbox-indeterminate-fill:before{content:"\eb83"}.ri-checkbox-indeterminate-line:before{content:"\eb84"}.ri-checkbox-line:before{content:"\eb85"}.ri-checkbox-multiple-blank-fill:before{content:"\eb86"}.ri-checkbox-multiple-blank-line:before{content:"\eb87"}.ri-checkbox-multiple-fill:before{content:"\eb88"}.ri-checkbox-multiple-line:before{content:"\eb89"}.ri-china-railway-fill:before{content:"\eb8a"}.ri-china-railway-line:before{content:"\eb8b"}.ri-chrome-fill:before{content:"\eb8c"}.ri-chrome-line:before{content:"\eb8d"}.ri-clapperboard-fill:before{content:"\eb8e"}.ri-clapperboard-line:before{content:"\eb8f"}.ri-clipboard-fill:before{content:"\eb90"}.ri-clipboard-line:before{content:"\eb91"}.ri-clockwise-2-fill:before{content:"\eb92"}.ri-clockwise-2-line:before{content:"\eb93"}.ri-clockwise-fill:before{content:"\eb94"}.ri-clockwise-line:before{content:"\eb95"}.ri-close-circle-fill:before{content:"\eb96"}.ri-close-circle-line:before{content:"\eb97"}.ri-close-fill:before{content:"\eb98"}.ri-close-line:before{content:"\eb99"}.ri-closed-captioning-fill:before{content:"\eb9a"}.ri-closed-captioning-line:before{content:"\eb9b"}.ri-cloud-fill:before{content:"\eb9c"}.ri-cloud-line:before{content:"\eb9d"}.ri-cloud-off-fill:before{content:"\eb9e"}.ri-cloud-off-line:before{content:"\eb9f"}.ri-cloud-windy-fill:before{content:"\eba0"}.ri-cloud-windy-line:before{content:"\eba1"}.ri-cloudy-2-fill:before{content:"\eba2"}.ri-cloudy-2-line:before{content:"\eba3"}.ri-cloudy-fill:before{content:"\eba4"}.ri-cloudy-line:before{content:"\eba5"}.ri-code-box-fill:before{content:"\eba6"}.ri-code-box-line:before{content:"\eba7"}.ri-code-fill:before{content:"\eba8"}.ri-code-line:before{content:"\eba9"}.ri-code-s-fill:before{content:"\ebaa"}.ri-code-s-line:before{content:"\ebab"}.ri-code-s-slash-fill:before{content:"\ebac"}.ri-code-s-slash-line:before{content:"\ebad"}.ri-code-view:before{content:"\ebae"}.ri-codepen-fill:before{content:"\ebaf"}.ri-codepen-line:before{content:"\ebb0"}.ri-coin-fill:before{content:"\ebb1"}.ri-coin-line:before{content:"\ebb2"}.ri-coins-fill:before{content:"\ebb3"}.ri-coins-line:before{content:"\ebb4"}.ri-collage-fill:before{content:"\ebb5"}.ri-collage-line:before{content:"\ebb6"}.ri-command-fill:before{content:"\ebb7"}.ri-command-line:before{content:"\ebb8"}.ri-community-fill:before{content:"\ebb9"}.ri-community-line:before{content:"\ebba"}.ri-compass-2-fill:before{content:"\ebbb"}.ri-compass-2-line:before{content:"\ebbc"}.ri-compass-3-fill:before{content:"\ebbd"}.ri-compass-3-line:before{content:"\ebbe"}.ri-compass-4-fill:before{content:"\ebbf"}.ri-compass-4-line:before{content:"\ebc0"}.ri-compass-discover-fill:before{content:"\ebc1"}.ri-compass-discover-line:before{content:"\ebc2"}.ri-compass-fill:before{content:"\ebc3"}.ri-compass-line:before{content:"\ebc4"}.ri-compasses-2-fill:before{content:"\ebc5"}.ri-compasses-2-line:before{content:"\ebc6"}.ri-compasses-fill:before{content:"\ebc7"}.ri-compasses-line:before{content:"\ebc8"}.ri-computer-fill:before{content:"\ebc9"}.ri-computer-line:before{content:"\ebca"}.ri-contacts-book-2-fill:before{content:"\ebcb"}.ri-contacts-book-2-line:before{content:"\ebcc"}.ri-contacts-book-fill:before{content:"\ebcd"}.ri-contacts-book-line:before{content:"\ebce"}.ri-contacts-book-upload-fill:before{content:"\ebcf"}.ri-contacts-book-upload-line:before{content:"\ebd0"}.ri-contacts-fill:before{content:"\ebd1"}.ri-contacts-line:before{content:"\ebd2"}.ri-contrast-2-fill:before{content:"\ebd3"}.ri-contrast-2-line:before{content:"\ebd4"}.ri-contrast-drop-2-fill:before{content:"\ebd5"}.ri-contrast-drop-2-line:before{content:"\ebd6"}.ri-contrast-drop-fill:before{content:"\ebd7"}.ri-contrast-drop-line:before{content:"\ebd8"}.ri-contrast-fill:before{content:"\ebd9"}.ri-contrast-line:before{content:"\ebda"}.ri-copper-coin-fill:before{content:"\ebdb"}.ri-copper-coin-line:before{content:"\ebdc"}.ri-copper-diamond-fill:before{content:"\ebdd"}.ri-copper-diamond-line:before{content:"\ebde"}.ri-copyleft-fill:before{content:"\ebdf"}.ri-copyleft-line:before{content:"\ebe0"}.ri-copyright-fill:before{content:"\ebe1"}.ri-copyright-line:before{content:"\ebe2"}.ri-coreos-fill:before{content:"\ebe3"}.ri-coreos-line:before{content:"\ebe4"}.ri-coupon-2-fill:before{content:"\ebe5"}.ri-coupon-2-line:before{content:"\ebe6"}.ri-coupon-3-fill:before{content:"\ebe7"}.ri-coupon-3-line:before{content:"\ebe8"}.ri-coupon-4-fill:before{content:"\ebe9"}.ri-coupon-4-line:before{content:"\ebea"}.ri-coupon-5-fill:before{content:"\ebeb"}.ri-coupon-5-line:before{content:"\ebec"}.ri-coupon-fill:before{content:"\ebed"}.ri-coupon-line:before{content:"\ebee"}.ri-cpu-fill:before{content:"\ebef"}.ri-cpu-line:before{content:"\ebf0"}.ri-creative-commons-by-fill:before{content:"\ebf1"}.ri-creative-commons-by-line:before{content:"\ebf2"}.ri-creative-commons-fill:before{content:"\ebf3"}.ri-creative-commons-line:before{content:"\ebf4"}.ri-creative-commons-nc-fill:before{content:"\ebf5"}.ri-creative-commons-nc-line:before{content:"\ebf6"}.ri-creative-commons-nd-fill:before{content:"\ebf7"}.ri-creative-commons-nd-line:before{content:"\ebf8"}.ri-creative-commons-sa-fill:before{content:"\ebf9"}.ri-creative-commons-sa-line:before{content:"\ebfa"}.ri-creative-commons-zero-fill:before{content:"\ebfb"}.ri-creative-commons-zero-line:before{content:"\ebfc"}.ri-criminal-fill:before{content:"\ebfd"}.ri-criminal-line:before{content:"\ebfe"}.ri-crop-2-fill:before{content:"\ebff"}.ri-crop-2-line:before{content:"\ec00"}.ri-crop-fill:before{content:"\ec01"}.ri-crop-line:before{content:"\ec02"}.ri-css3-fill:before{content:"\ec03"}.ri-css3-line:before{content:"\ec04"}.ri-cup-fill:before{content:"\ec05"}.ri-cup-line:before{content:"\ec06"}.ri-currency-fill:before{content:"\ec07"}.ri-currency-line:before{content:"\ec08"}.ri-cursor-fill:before{content:"\ec09"}.ri-cursor-line:before{content:"\ec0a"}.ri-customer-service-2-fill:before{content:"\ec0b"}.ri-customer-service-2-line:before{content:"\ec0c"}.ri-customer-service-fill:before{content:"\ec0d"}.ri-customer-service-line:before{content:"\ec0e"}.ri-dashboard-2-fill:before{content:"\ec0f"}.ri-dashboard-2-line:before{content:"\ec10"}.ri-dashboard-3-fill:before{content:"\ec11"}.ri-dashboard-3-line:before{content:"\ec12"}.ri-dashboard-fill:before{content:"\ec13"}.ri-dashboard-line:before{content:"\ec14"}.ri-database-2-fill:before{content:"\ec15"}.ri-database-2-line:before{content:"\ec16"}.ri-database-fill:before{content:"\ec17"}.ri-database-line:before{content:"\ec18"}.ri-delete-back-2-fill:before{content:"\ec19"}.ri-delete-back-2-line:before{content:"\ec1a"}.ri-delete-back-fill:before{content:"\ec1b"}.ri-delete-back-line:before{content:"\ec1c"}.ri-delete-bin-2-fill:before{content:"\ec1d"}.ri-delete-bin-2-line:before{content:"\ec1e"}.ri-delete-bin-3-fill:before{content:"\ec1f"}.ri-delete-bin-3-line:before{content:"\ec20"}.ri-delete-bin-4-fill:before{content:"\ec21"}.ri-delete-bin-4-line:before{content:"\ec22"}.ri-delete-bin-5-fill:before{content:"\ec23"}.ri-delete-bin-5-line:before{content:"\ec24"}.ri-delete-bin-6-fill:before{content:"\ec25"}.ri-delete-bin-6-line:before{content:"\ec26"}.ri-delete-bin-7-fill:before{content:"\ec27"}.ri-delete-bin-7-line:before{content:"\ec28"}.ri-delete-bin-fill:before{content:"\ec29"}.ri-delete-bin-line:before{content:"\ec2a"}.ri-delete-column:before{content:"\ec2b"}.ri-delete-row:before{content:"\ec2c"}.ri-device-fill:before{content:"\ec2d"}.ri-device-line:before{content:"\ec2e"}.ri-device-recover-fill:before{content:"\ec2f"}.ri-device-recover-line:before{content:"\ec30"}.ri-dingding-fill:before{content:"\ec31"}.ri-dingding-line:before{content:"\ec32"}.ri-direction-fill:before{content:"\ec33"}.ri-direction-line:before{content:"\ec34"}.ri-disc-fill:before{content:"\ec35"}.ri-disc-line:before{content:"\ec36"}.ri-discord-fill:before{content:"\ec37"}.ri-discord-line:before{content:"\ec38"}.ri-discuss-fill:before{content:"\ec39"}.ri-discuss-line:before{content:"\ec3a"}.ri-dislike-fill:before{content:"\ec3b"}.ri-dislike-line:before{content:"\ec3c"}.ri-disqus-fill:before{content:"\ec3d"}.ri-disqus-line:before{content:"\ec3e"}.ri-divide-fill:before{content:"\ec3f"}.ri-divide-line:before{content:"\ec40"}.ri-donut-chart-fill:before{content:"\ec41"}.ri-donut-chart-line:before{content:"\ec42"}.ri-door-closed-fill:before{content:"\ec43"}.ri-door-closed-line:before{content:"\ec44"}.ri-door-fill:before{content:"\ec45"}.ri-door-line:before{content:"\ec46"}.ri-door-lock-box-fill:before{content:"\ec47"}.ri-door-lock-box-line:before{content:"\ec48"}.ri-door-lock-fill:before{content:"\ec49"}.ri-door-lock-line:before{content:"\ec4a"}.ri-door-open-fill:before{content:"\ec4b"}.ri-door-open-line:before{content:"\ec4c"}.ri-dossier-fill:before{content:"\ec4d"}.ri-dossier-line:before{content:"\ec4e"}.ri-douban-fill:before{content:"\ec4f"}.ri-douban-line:before{content:"\ec50"}.ri-double-quotes-l:before{content:"\ec51"}.ri-double-quotes-r:before{content:"\ec52"}.ri-download-2-fill:before{content:"\ec53"}.ri-download-2-line:before{content:"\ec54"}.ri-download-cloud-2-fill:before{content:"\ec55"}.ri-download-cloud-2-line:before{content:"\ec56"}.ri-download-cloud-fill:before{content:"\ec57"}.ri-download-cloud-line:before{content:"\ec58"}.ri-download-fill:before{content:"\ec59"}.ri-download-line:before{content:"\ec5a"}.ri-draft-fill:before{content:"\ec5b"}.ri-draft-line:before{content:"\ec5c"}.ri-drag-drop-fill:before{content:"\ec5d"}.ri-drag-drop-line:before{content:"\ec5e"}.ri-drag-move-2-fill:before{content:"\ec5f"}.ri-drag-move-2-line:before{content:"\ec60"}.ri-drag-move-fill:before{content:"\ec61"}.ri-drag-move-line:before{content:"\ec62"}.ri-dribbble-fill:before{content:"\ec63"}.ri-dribbble-line:before{content:"\ec64"}.ri-drive-fill:before{content:"\ec65"}.ri-drive-line:before{content:"\ec66"}.ri-drizzle-fill:before{content:"\ec67"}.ri-drizzle-line:before{content:"\ec68"}.ri-drop-fill:before{content:"\ec69"}.ri-drop-line:before{content:"\ec6a"}.ri-dropbox-fill:before{content:"\ec6b"}.ri-dropbox-line:before{content:"\ec6c"}.ri-dual-sim-1-fill:before{content:"\ec6d"}.ri-dual-sim-1-line:before{content:"\ec6e"}.ri-dual-sim-2-fill:before{content:"\ec6f"}.ri-dual-sim-2-line:before{content:"\ec70"}.ri-dv-fill:before{content:"\ec71"}.ri-dv-line:before{content:"\ec72"}.ri-dvd-fill:before{content:"\ec73"}.ri-dvd-line:before{content:"\ec74"}.ri-e-bike-2-fill:before{content:"\ec75"}.ri-e-bike-2-line:before{content:"\ec76"}.ri-e-bike-fill:before{content:"\ec77"}.ri-e-bike-line:before{content:"\ec78"}.ri-earth-fill:before{content:"\ec79"}.ri-earth-line:before{content:"\ec7a"}.ri-earthquake-fill:before{content:"\ec7b"}.ri-earthquake-line:before{content:"\ec7c"}.ri-edge-fill:before{content:"\ec7d"}.ri-edge-line:before{content:"\ec7e"}.ri-edit-2-fill:before{content:"\ec7f"}.ri-edit-2-line:before{content:"\ec80"}.ri-edit-box-fill:before{content:"\ec81"}.ri-edit-box-line:before{content:"\ec82"}.ri-edit-circle-fill:before{content:"\ec83"}.ri-edit-circle-line:before{content:"\ec84"}.ri-edit-fill:before{content:"\ec85"}.ri-edit-line:before{content:"\ec86"}.ri-eject-fill:before{content:"\ec87"}.ri-eject-line:before{content:"\ec88"}.ri-emotion-2-fill:before{content:"\ec89"}.ri-emotion-2-line:before{content:"\ec8a"}.ri-emotion-fill:before{content:"\ec8b"}.ri-emotion-happy-fill:before{content:"\ec8c"}.ri-emotion-happy-line:before{content:"\ec8d"}.ri-emotion-laugh-fill:before{content:"\ec8e"}.ri-emotion-laugh-line:before{content:"\ec8f"}.ri-emotion-line:before{content:"\ec90"}.ri-emotion-normal-fill:before{content:"\ec91"}.ri-emotion-normal-line:before{content:"\ec92"}.ri-emotion-sad-fill:before{content:"\ec93"}.ri-emotion-sad-line:before{content:"\ec94"}.ri-emotion-unhappy-fill:before{content:"\ec95"}.ri-emotion-unhappy-line:before{content:"\ec96"}.ri-empathize-fill:before{content:"\ec97"}.ri-empathize-line:before{content:"\ec98"}.ri-emphasis-cn:before{content:"\ec99"}.ri-emphasis:before{content:"\ec9a"}.ri-english-input:before{content:"\ec9b"}.ri-equalizer-fill:before{content:"\ec9c"}.ri-equalizer-line:before{content:"\ec9d"}.ri-eraser-fill:before{content:"\ec9e"}.ri-eraser-line:before{content:"\ec9f"}.ri-error-warning-fill:before{content:"\eca0"}.ri-error-warning-line:before{content:"\eca1"}.ri-evernote-fill:before{content:"\eca2"}.ri-evernote-line:before{content:"\eca3"}.ri-exchange-box-fill:before{content:"\eca4"}.ri-exchange-box-line:before{content:"\eca5"}.ri-exchange-cny-fill:before{content:"\eca6"}.ri-exchange-cny-line:before{content:"\eca7"}.ri-exchange-dollar-fill:before{content:"\eca8"}.ri-exchange-dollar-line:before{content:"\eca9"}.ri-exchange-fill:before{content:"\ecaa"}.ri-exchange-funds-fill:before{content:"\ecab"}.ri-exchange-funds-line:before{content:"\ecac"}.ri-exchange-line:before{content:"\ecad"}.ri-external-link-fill:before{content:"\ecae"}.ri-external-link-line:before{content:"\ecaf"}.ri-eye-2-fill:before{content:"\ecb0"}.ri-eye-2-line:before{content:"\ecb1"}.ri-eye-close-fill:before{content:"\ecb2"}.ri-eye-close-line:before{content:"\ecb3"}.ri-eye-fill:before{content:"\ecb4"}.ri-eye-line:before{content:"\ecb5"}.ri-eye-off-fill:before{content:"\ecb6"}.ri-eye-off-line:before{content:"\ecb7"}.ri-facebook-box-fill:before{content:"\ecb8"}.ri-facebook-box-line:before{content:"\ecb9"}.ri-facebook-circle-fill:before{content:"\ecba"}.ri-facebook-circle-line:before{content:"\ecbb"}.ri-facebook-fill:before{content:"\ecbc"}.ri-facebook-line:before{content:"\ecbd"}.ri-fahrenheit-fill:before{content:"\ecbe"}.ri-fahrenheit-line:before{content:"\ecbf"}.ri-feedback-fill:before{content:"\ecc0"}.ri-feedback-line:before{content:"\ecc1"}.ri-file-2-fill:before{content:"\ecc2"}.ri-file-2-line:before{content:"\ecc3"}.ri-file-3-fill:before{content:"\ecc4"}.ri-file-3-line:before{content:"\ecc5"}.ri-file-4-fill:before{content:"\ecc6"}.ri-file-4-line:before{content:"\ecc7"}.ri-file-add-fill:before{content:"\ecc8"}.ri-file-add-line:before{content:"\ecc9"}.ri-file-chart-2-fill:before{content:"\ecca"}.ri-file-chart-2-line:before{content:"\eccb"}.ri-file-chart-fill:before{content:"\eccc"}.ri-file-chart-line:before{content:"\eccd"}.ri-file-cloud-fill:before{content:"\ecce"}.ri-file-cloud-line:before{content:"\eccf"}.ri-file-code-fill:before{content:"\ecd0"}.ri-file-code-line:before{content:"\ecd1"}.ri-file-copy-2-fill:before{content:"\ecd2"}.ri-file-copy-2-line:before{content:"\ecd3"}.ri-file-copy-fill:before{content:"\ecd4"}.ri-file-copy-line:before{content:"\ecd5"}.ri-file-damage-fill:before{content:"\ecd6"}.ri-file-damage-line:before{content:"\ecd7"}.ri-file-download-fill:before{content:"\ecd8"}.ri-file-download-line:before{content:"\ecd9"}.ri-file-edit-fill:before{content:"\ecda"}.ri-file-edit-line:before{content:"\ecdb"}.ri-file-excel-2-fill:before{content:"\ecdc"}.ri-file-excel-2-line:before{content:"\ecdd"}.ri-file-excel-fill:before{content:"\ecde"}.ri-file-excel-line:before{content:"\ecdf"}.ri-file-fill:before{content:"\ece0"}.ri-file-forbid-fill:before{content:"\ece1"}.ri-file-forbid-line:before{content:"\ece2"}.ri-file-gif-fill:before{content:"\ece3"}.ri-file-gif-line:before{content:"\ece4"}.ri-file-history-fill:before{content:"\ece5"}.ri-file-history-line:before{content:"\ece6"}.ri-file-hwp-fill:before{content:"\ece7"}.ri-file-hwp-line:before{content:"\ece8"}.ri-file-info-fill:before{content:"\ece9"}.ri-file-info-line:before{content:"\ecea"}.ri-file-line:before{content:"\eceb"}.ri-file-list-2-fill:before{content:"\ecec"}.ri-file-list-2-line:before{content:"\eced"}.ri-file-list-3-fill:before{content:"\ecee"}.ri-file-list-3-line:before{content:"\ecef"}.ri-file-list-fill:before{content:"\ecf0"}.ri-file-list-line:before{content:"\ecf1"}.ri-file-lock-fill:before{content:"\ecf2"}.ri-file-lock-line:before{content:"\ecf3"}.ri-file-mark-fill:before{content:"\ecf4"}.ri-file-mark-line:before{content:"\ecf5"}.ri-file-music-fill:before{content:"\ecf6"}.ri-file-music-line:before{content:"\ecf7"}.ri-file-paper-2-fill:before{content:"\ecf8"}.ri-file-paper-2-line:before{content:"\ecf9"}.ri-file-paper-fill:before{content:"\ecfa"}.ri-file-paper-line:before{content:"\ecfb"}.ri-file-pdf-fill:before{content:"\ecfc"}.ri-file-pdf-line:before{content:"\ecfd"}.ri-file-ppt-2-fill:before{content:"\ecfe"}.ri-file-ppt-2-line:before{content:"\ecff"}.ri-file-ppt-fill:before{content:"\ed00"}.ri-file-ppt-line:before{content:"\ed01"}.ri-file-reduce-fill:before{content:"\ed02"}.ri-file-reduce-line:before{content:"\ed03"}.ri-file-search-fill:before{content:"\ed04"}.ri-file-search-line:before{content:"\ed05"}.ri-file-settings-fill:before{content:"\ed06"}.ri-file-settings-line:before{content:"\ed07"}.ri-file-shield-2-fill:before{content:"\ed08"}.ri-file-shield-2-line:before{content:"\ed09"}.ri-file-shield-fill:before{content:"\ed0a"}.ri-file-shield-line:before{content:"\ed0b"}.ri-file-shred-fill:before{content:"\ed0c"}.ri-file-shred-line:before{content:"\ed0d"}.ri-file-text-fill:before{content:"\ed0e"}.ri-file-text-line:before{content:"\ed0f"}.ri-file-transfer-fill:before{content:"\ed10"}.ri-file-transfer-line:before{content:"\ed11"}.ri-file-unknow-fill:before{content:"\ed12"}.ri-file-unknow-line:before{content:"\ed13"}.ri-file-upload-fill:before{content:"\ed14"}.ri-file-upload-line:before{content:"\ed15"}.ri-file-user-fill:before{content:"\ed16"}.ri-file-user-line:before{content:"\ed17"}.ri-file-warning-fill:before{content:"\ed18"}.ri-file-warning-line:before{content:"\ed19"}.ri-file-word-2-fill:before{content:"\ed1a"}.ri-file-word-2-line:before{content:"\ed1b"}.ri-file-word-fill:before{content:"\ed1c"}.ri-file-word-line:before{content:"\ed1d"}.ri-file-zip-fill:before{content:"\ed1e"}.ri-file-zip-line:before{content:"\ed1f"}.ri-film-fill:before{content:"\ed20"}.ri-film-line:before{content:"\ed21"}.ri-filter-2-fill:before{content:"\ed22"}.ri-filter-2-line:before{content:"\ed23"}.ri-filter-3-fill:before{content:"\ed24"}.ri-filter-3-line:before{content:"\ed25"}.ri-filter-fill:before{content:"\ed26"}.ri-filter-line:before{content:"\ed27"}.ri-filter-off-fill:before{content:"\ed28"}.ri-filter-off-line:before{content:"\ed29"}.ri-find-replace-fill:before{content:"\ed2a"}.ri-find-replace-line:before{content:"\ed2b"}.ri-finder-fill:before{content:"\ed2c"}.ri-finder-line:before{content:"\ed2d"}.ri-fingerprint-2-fill:before{content:"\ed2e"}.ri-fingerprint-2-line:before{content:"\ed2f"}.ri-fingerprint-fill:before{content:"\ed30"}.ri-fingerprint-line:before{content:"\ed31"}.ri-fire-fill:before{content:"\ed32"}.ri-fire-line:before{content:"\ed33"}.ri-firefox-fill:before{content:"\ed34"}.ri-firefox-line:before{content:"\ed35"}.ri-first-aid-kit-fill:before{content:"\ed36"}.ri-first-aid-kit-line:before{content:"\ed37"}.ri-flag-2-fill:before{content:"\ed38"}.ri-flag-2-line:before{content:"\ed39"}.ri-flag-fill:before{content:"\ed3a"}.ri-flag-line:before{content:"\ed3b"}.ri-flashlight-fill:before{content:"\ed3c"}.ri-flashlight-line:before{content:"\ed3d"}.ri-flask-fill:before{content:"\ed3e"}.ri-flask-line:before{content:"\ed3f"}.ri-flight-land-fill:before{content:"\ed40"}.ri-flight-land-line:before{content:"\ed41"}.ri-flight-takeoff-fill:before{content:"\ed42"}.ri-flight-takeoff-line:before{content:"\ed43"}.ri-flood-fill:before{content:"\ed44"}.ri-flood-line:before{content:"\ed45"}.ri-flow-chart:before{content:"\ed46"}.ri-flutter-fill:before{content:"\ed47"}.ri-flutter-line:before{content:"\ed48"}.ri-focus-2-fill:before{content:"\ed49"}.ri-focus-2-line:before{content:"\ed4a"}.ri-focus-3-fill:before{content:"\ed4b"}.ri-focus-3-line:before{content:"\ed4c"}.ri-focus-fill:before{content:"\ed4d"}.ri-focus-line:before{content:"\ed4e"}.ri-foggy-fill:before{content:"\ed4f"}.ri-foggy-line:before{content:"\ed50"}.ri-folder-2-fill:before{content:"\ed51"}.ri-folder-2-line:before{content:"\ed52"}.ri-folder-3-fill:before{content:"\ed53"}.ri-folder-3-line:before{content:"\ed54"}.ri-folder-4-fill:before{content:"\ed55"}.ri-folder-4-line:before{content:"\ed56"}.ri-folder-5-fill:before{content:"\ed57"}.ri-folder-5-line:before{content:"\ed58"}.ri-folder-add-fill:before{content:"\ed59"}.ri-folder-add-line:before{content:"\ed5a"}.ri-folder-chart-2-fill:before{content:"\ed5b"}.ri-folder-chart-2-line:before{content:"\ed5c"}.ri-folder-chart-fill:before{content:"\ed5d"}.ri-folder-chart-line:before{content:"\ed5e"}.ri-folder-download-fill:before{content:"\ed5f"}.ri-folder-download-line:before{content:"\ed60"}.ri-folder-fill:before{content:"\ed61"}.ri-folder-forbid-fill:before{content:"\ed62"}.ri-folder-forbid-line:before{content:"\ed63"}.ri-folder-history-fill:before{content:"\ed64"}.ri-folder-history-line:before{content:"\ed65"}.ri-folder-info-fill:before{content:"\ed66"}.ri-folder-info-line:before{content:"\ed67"}.ri-folder-keyhole-fill:before{content:"\ed68"}.ri-folder-keyhole-line:before{content:"\ed69"}.ri-folder-line:before{content:"\ed6a"}.ri-folder-lock-fill:before{content:"\ed6b"}.ri-folder-lock-line:before{content:"\ed6c"}.ri-folder-music-fill:before{content:"\ed6d"}.ri-folder-music-line:before{content:"\ed6e"}.ri-folder-open-fill:before{content:"\ed6f"}.ri-folder-open-line:before{content:"\ed70"}.ri-folder-received-fill:before{content:"\ed71"}.ri-folder-received-line:before{content:"\ed72"}.ri-folder-reduce-fill:before{content:"\ed73"}.ri-folder-reduce-line:before{content:"\ed74"}.ri-folder-settings-fill:before{content:"\ed75"}.ri-folder-settings-line:before{content:"\ed76"}.ri-folder-shared-fill:before{content:"\ed77"}.ri-folder-shared-line:before{content:"\ed78"}.ri-folder-shield-2-fill:before{content:"\ed79"}.ri-folder-shield-2-line:before{content:"\ed7a"}.ri-folder-shield-fill:before{content:"\ed7b"}.ri-folder-shield-line:before{content:"\ed7c"}.ri-folder-transfer-fill:before{content:"\ed7d"}.ri-folder-transfer-line:before{content:"\ed7e"}.ri-folder-unknow-fill:before{content:"\ed7f"}.ri-folder-unknow-line:before{content:"\ed80"}.ri-folder-upload-fill:before{content:"\ed81"}.ri-folder-upload-line:before{content:"\ed82"}.ri-folder-user-fill:before{content:"\ed83"}.ri-folder-user-line:before{content:"\ed84"}.ri-folder-warning-fill:before{content:"\ed85"}.ri-folder-warning-line:before{content:"\ed86"}.ri-folder-zip-fill:before{content:"\ed87"}.ri-folder-zip-line:before{content:"\ed88"}.ri-folders-fill:before{content:"\ed89"}.ri-folders-line:before{content:"\ed8a"}.ri-font-color:before{content:"\ed8b"}.ri-font-size-2:before{content:"\ed8c"}.ri-font-size:before{content:"\ed8d"}.ri-football-fill:before{content:"\ed8e"}.ri-football-line:before{content:"\ed8f"}.ri-footprint-fill:before{content:"\ed90"}.ri-footprint-line:before{content:"\ed91"}.ri-forbid-2-fill:before{content:"\ed92"}.ri-forbid-2-line:before{content:"\ed93"}.ri-forbid-fill:before{content:"\ed94"}.ri-forbid-line:before{content:"\ed95"}.ri-format-clear:before{content:"\ed96"}.ri-fridge-fill:before{content:"\ed97"}.ri-fridge-line:before{content:"\ed98"}.ri-fullscreen-exit-fill:before{content:"\ed99"}.ri-fullscreen-exit-line:before{content:"\ed9a"}.ri-fullscreen-fill:before{content:"\ed9b"}.ri-fullscreen-line:before{content:"\ed9c"}.ri-function-fill:before{content:"\ed9d"}.ri-function-line:before{content:"\ed9e"}.ri-functions:before{content:"\ed9f"}.ri-funds-box-fill:before{content:"\eda0"}.ri-funds-box-line:before{content:"\eda1"}.ri-funds-fill:before{content:"\eda2"}.ri-funds-line:before{content:"\eda3"}.ri-gallery-fill:before{content:"\eda4"}.ri-gallery-line:before{content:"\eda5"}.ri-gallery-upload-fill:before{content:"\eda6"}.ri-gallery-upload-line:before{content:"\eda7"}.ri-game-fill:before{content:"\eda8"}.ri-game-line:before{content:"\eda9"}.ri-gamepad-fill:before{content:"\edaa"}.ri-gamepad-line:before{content:"\edab"}.ri-gas-station-fill:before{content:"\edac"}.ri-gas-station-line:before{content:"\edad"}.ri-gatsby-fill:before{content:"\edae"}.ri-gatsby-line:before{content:"\edaf"}.ri-genderless-fill:before{content:"\edb0"}.ri-genderless-line:before{content:"\edb1"}.ri-ghost-2-fill:before{content:"\edb2"}.ri-ghost-2-line:before{content:"\edb3"}.ri-ghost-fill:before{content:"\edb4"}.ri-ghost-line:before{content:"\edb5"}.ri-ghost-smile-fill:before{content:"\edb6"}.ri-ghost-smile-line:before{content:"\edb7"}.ri-gift-2-fill:before{content:"\edb8"}.ri-gift-2-line:before{content:"\edb9"}.ri-gift-fill:before{content:"\edba"}.ri-gift-line:before{content:"\edbb"}.ri-git-branch-fill:before{content:"\edbc"}.ri-git-branch-line:before{content:"\edbd"}.ri-git-commit-fill:before{content:"\edbe"}.ri-git-commit-line:before{content:"\edbf"}.ri-git-merge-fill:before{content:"\edc0"}.ri-git-merge-line:before{content:"\edc1"}.ri-git-pull-request-fill:before{content:"\edc2"}.ri-git-pull-request-line:before{content:"\edc3"}.ri-git-repository-commits-fill:before{content:"\edc4"}.ri-git-repository-commits-line:before{content:"\edc5"}.ri-git-repository-fill:before{content:"\edc6"}.ri-git-repository-line:before{content:"\edc7"}.ri-git-repository-private-fill:before{content:"\edc8"}.ri-git-repository-private-line:before{content:"\edc9"}.ri-github-fill:before{content:"\edca"}.ri-github-line:before{content:"\edcb"}.ri-gitlab-fill:before{content:"\edcc"}.ri-gitlab-line:before{content:"\edcd"}.ri-global-fill:before{content:"\edce"}.ri-global-line:before{content:"\edcf"}.ri-globe-fill:before{content:"\edd0"}.ri-globe-line:before{content:"\edd1"}.ri-goblet-fill:before{content:"\edd2"}.ri-goblet-line:before{content:"\edd3"}.ri-google-fill:before{content:"\edd4"}.ri-google-line:before{content:"\edd5"}.ri-google-play-fill:before{content:"\edd6"}.ri-google-play-line:before{content:"\edd7"}.ri-government-fill:before{content:"\edd8"}.ri-government-line:before{content:"\edd9"}.ri-gps-fill:before{content:"\edda"}.ri-gps-line:before{content:"\eddb"}.ri-gradienter-fill:before{content:"\eddc"}.ri-gradienter-line:before{content:"\eddd"}.ri-grid-fill:before{content:"\edde"}.ri-grid-line:before{content:"\eddf"}.ri-group-2-fill:before{content:"\ede0"}.ri-group-2-line:before{content:"\ede1"}.ri-group-fill:before{content:"\ede2"}.ri-group-line:before{content:"\ede3"}.ri-guide-fill:before{content:"\ede4"}.ri-guide-line:before{content:"\ede5"}.ri-h-1:before{content:"\ede6"}.ri-h-2:before{content:"\ede7"}.ri-h-3:before{content:"\ede8"}.ri-h-4:before{content:"\ede9"}.ri-h-5:before{content:"\edea"}.ri-h-6:before{content:"\edeb"}.ri-hail-fill:before{content:"\edec"}.ri-hail-line:before{content:"\eded"}.ri-hammer-fill:before{content:"\edee"}.ri-hammer-line:before{content:"\edef"}.ri-hand-coin-fill:before{content:"\edf0"}.ri-hand-coin-line:before{content:"\edf1"}.ri-hand-heart-fill:before{content:"\edf2"}.ri-hand-heart-line:before{content:"\edf3"}.ri-hand-sanitizer-fill:before{content:"\edf4"}.ri-hand-sanitizer-line:before{content:"\edf5"}.ri-handbag-fill:before{content:"\edf6"}.ri-handbag-line:before{content:"\edf7"}.ri-hard-drive-2-fill:before{content:"\edf8"}.ri-hard-drive-2-line:before{content:"\edf9"}.ri-hard-drive-fill:before{content:"\edfa"}.ri-hard-drive-line:before{content:"\edfb"}.ri-hashtag:before{content:"\edfc"}.ri-haze-2-fill:before{content:"\edfd"}.ri-haze-2-line:before{content:"\edfe"}.ri-haze-fill:before{content:"\edff"}.ri-haze-line:before{content:"\ee00"}.ri-hd-fill:before{content:"\ee01"}.ri-hd-line:before{content:"\ee02"}.ri-heading:before{content:"\ee03"}.ri-headphone-fill:before{content:"\ee04"}.ri-headphone-line:before{content:"\ee05"}.ri-health-book-fill:before{content:"\ee06"}.ri-health-book-line:before{content:"\ee07"}.ri-heart-2-fill:before{content:"\ee08"}.ri-heart-2-line:before{content:"\ee09"}.ri-heart-3-fill:before{content:"\ee0a"}.ri-heart-3-line:before{content:"\ee0b"}.ri-heart-add-fill:before{content:"\ee0c"}.ri-heart-add-line:before{content:"\ee0d"}.ri-heart-fill:before{content:"\ee0e"}.ri-heart-line:before{content:"\ee0f"}.ri-heart-pulse-fill:before{content:"\ee10"}.ri-heart-pulse-line:before{content:"\ee11"}.ri-hearts-fill:before{content:"\ee12"}.ri-hearts-line:before{content:"\ee13"}.ri-heavy-showers-fill:before{content:"\ee14"}.ri-heavy-showers-line:before{content:"\ee15"}.ri-history-fill:before{content:"\ee16"}.ri-history-line:before{content:"\ee17"}.ri-home-2-fill:before{content:"\ee18"}.ri-home-2-line:before{content:"\ee19"}.ri-home-3-fill:before{content:"\ee1a"}.ri-home-3-line:before{content:"\ee1b"}.ri-home-4-fill:before{content:"\ee1c"}.ri-home-4-line:before{content:"\ee1d"}.ri-home-5-fill:before{content:"\ee1e"}.ri-home-5-line:before{content:"\ee1f"}.ri-home-6-fill:before{content:"\ee20"}.ri-home-6-line:before{content:"\ee21"}.ri-home-7-fill:before{content:"\ee22"}.ri-home-7-line:before{content:"\ee23"}.ri-home-8-fill:before{content:"\ee24"}.ri-home-8-line:before{content:"\ee25"}.ri-home-fill:before{content:"\ee26"}.ri-home-gear-fill:before{content:"\ee27"}.ri-home-gear-line:before{content:"\ee28"}.ri-home-heart-fill:before{content:"\ee29"}.ri-home-heart-line:before{content:"\ee2a"}.ri-home-line:before{content:"\ee2b"}.ri-home-smile-2-fill:before{content:"\ee2c"}.ri-home-smile-2-line:before{content:"\ee2d"}.ri-home-smile-fill:before{content:"\ee2e"}.ri-home-smile-line:before{content:"\ee2f"}.ri-home-wifi-fill:before{content:"\ee30"}.ri-home-wifi-line:before{content:"\ee31"}.ri-honor-of-kings-fill:before{content:"\ee32"}.ri-honor-of-kings-line:before{content:"\ee33"}.ri-honour-fill:before{content:"\ee34"}.ri-honour-line:before{content:"\ee35"}.ri-hospital-fill:before{content:"\ee36"}.ri-hospital-line:before{content:"\ee37"}.ri-hotel-bed-fill:before{content:"\ee38"}.ri-hotel-bed-line:before{content:"\ee39"}.ri-hotel-fill:before{content:"\ee3a"}.ri-hotel-line:before{content:"\ee3b"}.ri-hotspot-fill:before{content:"\ee3c"}.ri-hotspot-line:before{content:"\ee3d"}.ri-hq-fill:before{content:"\ee3e"}.ri-hq-line:before{content:"\ee3f"}.ri-html5-fill:before{content:"\ee40"}.ri-html5-line:before{content:"\ee41"}.ri-ie-fill:before{content:"\ee42"}.ri-ie-line:before{content:"\ee43"}.ri-image-2-fill:before{content:"\ee44"}.ri-image-2-line:before{content:"\ee45"}.ri-image-add-fill:before{content:"\ee46"}.ri-image-add-line:before{content:"\ee47"}.ri-image-edit-fill:before{content:"\ee48"}.ri-image-edit-line:before{content:"\ee49"}.ri-image-fill:before{content:"\ee4a"}.ri-image-line:before{content:"\ee4b"}.ri-inbox-archive-fill:before{content:"\ee4c"}.ri-inbox-archive-line:before{content:"\ee4d"}.ri-inbox-fill:before{content:"\ee4e"}.ri-inbox-line:before{content:"\ee4f"}.ri-inbox-unarchive-fill:before{content:"\ee50"}.ri-inbox-unarchive-line:before{content:"\ee51"}.ri-increase-decrease-fill:before{content:"\ee52"}.ri-increase-decrease-line:before{content:"\ee53"}.ri-indent-decrease:before{content:"\ee54"}.ri-indent-increase:before{content:"\ee55"}.ri-indeterminate-circle-fill:before{content:"\ee56"}.ri-indeterminate-circle-line:before{content:"\ee57"}.ri-information-fill:before{content:"\ee58"}.ri-information-line:before{content:"\ee59"}.ri-infrared-thermometer-fill:before{content:"\ee5a"}.ri-infrared-thermometer-line:before{content:"\ee5b"}.ri-ink-bottle-fill:before{content:"\ee5c"}.ri-ink-bottle-line:before{content:"\ee5d"}.ri-input-cursor-move:before{content:"\ee5e"}.ri-input-method-fill:before{content:"\ee5f"}.ri-input-method-line:before{content:"\ee60"}.ri-insert-column-left:before{content:"\ee61"}.ri-insert-column-right:before{content:"\ee62"}.ri-insert-row-bottom:before{content:"\ee63"}.ri-insert-row-top:before{content:"\ee64"}.ri-instagram-fill:before{content:"\ee65"}.ri-instagram-line:before{content:"\ee66"}.ri-install-fill:before{content:"\ee67"}.ri-install-line:before{content:"\ee68"}.ri-invision-fill:before{content:"\ee69"}.ri-invision-line:before{content:"\ee6a"}.ri-italic:before{content:"\ee6b"}.ri-kakao-talk-fill:before{content:"\ee6c"}.ri-kakao-talk-line:before{content:"\ee6d"}.ri-key-2-fill:before{content:"\ee6e"}.ri-key-2-line:before{content:"\ee6f"}.ri-key-fill:before{content:"\ee70"}.ri-key-line:before{content:"\ee71"}.ri-keyboard-box-fill:before{content:"\ee72"}.ri-keyboard-box-line:before{content:"\ee73"}.ri-keyboard-fill:before{content:"\ee74"}.ri-keyboard-line:before{content:"\ee75"}.ri-keynote-fill:before{content:"\ee76"}.ri-keynote-line:before{content:"\ee77"}.ri-knife-blood-fill:before{content:"\ee78"}.ri-knife-blood-line:before{content:"\ee79"}.ri-knife-fill:before{content:"\ee7a"}.ri-knife-line:before{content:"\ee7b"}.ri-landscape-fill:before{content:"\ee7c"}.ri-landscape-line:before{content:"\ee7d"}.ri-layout-2-fill:before{content:"\ee7e"}.ri-layout-2-line:before{content:"\ee7f"}.ri-layout-3-fill:before{content:"\ee80"}.ri-layout-3-line:before{content:"\ee81"}.ri-layout-4-fill:before{content:"\ee82"}.ri-layout-4-line:before{content:"\ee83"}.ri-layout-5-fill:before{content:"\ee84"}.ri-layout-5-line:before{content:"\ee85"}.ri-layout-6-fill:before{content:"\ee86"}.ri-layout-6-line:before{content:"\ee87"}.ri-layout-bottom-2-fill:before{content:"\ee88"}.ri-layout-bottom-2-line:before{content:"\ee89"}.ri-layout-bottom-fill:before{content:"\ee8a"}.ri-layout-bottom-line:before{content:"\ee8b"}.ri-layout-column-fill:before{content:"\ee8c"}.ri-layout-column-line:before{content:"\ee8d"}.ri-layout-fill:before{content:"\ee8e"}.ri-layout-grid-fill:before{content:"\ee8f"}.ri-layout-grid-line:before{content:"\ee90"}.ri-layout-left-2-fill:before{content:"\ee91"}.ri-layout-left-2-line:before{content:"\ee92"}.ri-layout-left-fill:before{content:"\ee93"}.ri-layout-left-line:before{content:"\ee94"}.ri-layout-line:before{content:"\ee95"}.ri-layout-masonry-fill:before{content:"\ee96"}.ri-layout-masonry-line:before{content:"\ee97"}.ri-layout-right-2-fill:before{content:"\ee98"}.ri-layout-right-2-line:before{content:"\ee99"}.ri-layout-right-fill:before{content:"\ee9a"}.ri-layout-right-line:before{content:"\ee9b"}.ri-layout-row-fill:before{content:"\ee9c"}.ri-layout-row-line:before{content:"\ee9d"}.ri-layout-top-2-fill:before{content:"\ee9e"}.ri-layout-top-2-line:before{content:"\ee9f"}.ri-layout-top-fill:before{content:"\eea0"}.ri-layout-top-line:before{content:"\eea1"}.ri-leaf-fill:before{content:"\eea2"}.ri-leaf-line:before{content:"\eea3"}.ri-lifebuoy-fill:before{content:"\eea4"}.ri-lifebuoy-line:before{content:"\eea5"}.ri-lightbulb-fill:before{content:"\eea6"}.ri-lightbulb-flash-fill:before{content:"\eea7"}.ri-lightbulb-flash-line:before{content:"\eea8"}.ri-lightbulb-line:before{content:"\eea9"}.ri-line-chart-fill:before{content:"\eeaa"}.ri-line-chart-line:before{content:"\eeab"}.ri-line-fill:before{content:"\eeac"}.ri-line-height:before{content:"\eead"}.ri-line-line:before{content:"\eeae"}.ri-link-m:before{content:"\eeaf"}.ri-link-unlink-m:before{content:"\eeb0"}.ri-link-unlink:before{content:"\eeb1"}.ri-link:before{content:"\eeb2"}.ri-linkedin-box-fill:before{content:"\eeb3"}.ri-linkedin-box-line:before{content:"\eeb4"}.ri-linkedin-fill:before{content:"\eeb5"}.ri-linkedin-line:before{content:"\eeb6"}.ri-links-fill:before{content:"\eeb7"}.ri-links-line:before{content:"\eeb8"}.ri-list-check-2:before{content:"\eeb9"}.ri-list-check:before{content:"\eeba"}.ri-list-ordered:before{content:"\eebb"}.ri-list-settings-fill:before{content:"\eebc"}.ri-list-settings-line:before{content:"\eebd"}.ri-list-unordered:before{content:"\eebe"}.ri-live-fill:before{content:"\eebf"}.ri-live-line:before{content:"\eec0"}.ri-loader-2-fill:before{content:"\eec1"}.ri-loader-2-line:before{content:"\eec2"}.ri-loader-3-fill:before{content:"\eec3"}.ri-loader-3-line:before{content:"\eec4"}.ri-loader-4-fill:before{content:"\eec5"}.ri-loader-4-line:before{content:"\eec6"}.ri-loader-5-fill:before{content:"\eec7"}.ri-loader-5-line:before{content:"\eec8"}.ri-loader-fill:before{content:"\eec9"}.ri-loader-line:before{content:"\eeca"}.ri-lock-2-fill:before{content:"\eecb"}.ri-lock-2-line:before{content:"\eecc"}.ri-lock-fill:before{content:"\eecd"}.ri-lock-line:before{content:"\eece"}.ri-lock-password-fill:before{content:"\eecf"}.ri-lock-password-line:before{content:"\eed0"}.ri-lock-unlock-fill:before{content:"\eed1"}.ri-lock-unlock-line:before{content:"\eed2"}.ri-login-box-fill:before{content:"\eed3"}.ri-login-box-line:before{content:"\eed4"}.ri-login-circle-fill:before{content:"\eed5"}.ri-login-circle-line:before{content:"\eed6"}.ri-logout-box-fill:before{content:"\eed7"}.ri-logout-box-line:before{content:"\eed8"}.ri-logout-box-r-fill:before{content:"\eed9"}.ri-logout-box-r-line:before{content:"\eeda"}.ri-logout-circle-fill:before{content:"\eedb"}.ri-logout-circle-line:before{content:"\eedc"}.ri-logout-circle-r-fill:before{content:"\eedd"}.ri-logout-circle-r-line:before{content:"\eede"}.ri-luggage-cart-fill:before{content:"\eedf"}.ri-luggage-cart-line:before{content:"\eee0"}.ri-luggage-deposit-fill:before{content:"\eee1"}.ri-luggage-deposit-line:before{content:"\eee2"}.ri-lungs-fill:before{content:"\eee3"}.ri-lungs-line:before{content:"\eee4"}.ri-mac-fill:before{content:"\eee5"}.ri-mac-line:before{content:"\eee6"}.ri-macbook-fill:before{content:"\eee7"}.ri-macbook-line:before{content:"\eee8"}.ri-magic-fill:before{content:"\eee9"}.ri-magic-line:before{content:"\eeea"}.ri-mail-add-fill:before{content:"\eeeb"}.ri-mail-add-line:before{content:"\eeec"}.ri-mail-check-fill:before{content:"\eeed"}.ri-mail-check-line:before{content:"\eeee"}.ri-mail-close-fill:before{content:"\eeef"}.ri-mail-close-line:before{content:"\eef0"}.ri-mail-download-fill:before{content:"\eef1"}.ri-mail-download-line:before{content:"\eef2"}.ri-mail-fill:before{content:"\eef3"}.ri-mail-forbid-fill:before{content:"\eef4"}.ri-mail-forbid-line:before{content:"\eef5"}.ri-mail-line:before{content:"\eef6"}.ri-mail-lock-fill:before{content:"\eef7"}.ri-mail-lock-line:before{content:"\eef8"}.ri-mail-open-fill:before{content:"\eef9"}.ri-mail-open-line:before{content:"\eefa"}.ri-mail-send-fill:before{content:"\eefb"}.ri-mail-send-line:before{content:"\eefc"}.ri-mail-settings-fill:before{content:"\eefd"}.ri-mail-settings-line:before{content:"\eefe"}.ri-mail-star-fill:before{content:"\eeff"}.ri-mail-star-line:before{content:"\ef00"}.ri-mail-unread-fill:before{content:"\ef01"}.ri-mail-unread-line:before{content:"\ef02"}.ri-mail-volume-fill:before{content:"\ef03"}.ri-mail-volume-line:before{content:"\ef04"}.ri-map-2-fill:before{content:"\ef05"}.ri-map-2-line:before{content:"\ef06"}.ri-map-fill:before{content:"\ef07"}.ri-map-line:before{content:"\ef08"}.ri-map-pin-2-fill:before{content:"\ef09"}.ri-map-pin-2-line:before{content:"\ef0a"}.ri-map-pin-3-fill:before{content:"\ef0b"}.ri-map-pin-3-line:before{content:"\ef0c"}.ri-map-pin-4-fill:before{content:"\ef0d"}.ri-map-pin-4-line:before{content:"\ef0e"}.ri-map-pin-5-fill:before{content:"\ef0f"}.ri-map-pin-5-line:before{content:"\ef10"}.ri-map-pin-add-fill:before{content:"\ef11"}.ri-map-pin-add-line:before{content:"\ef12"}.ri-map-pin-fill:before{content:"\ef13"}.ri-map-pin-line:before{content:"\ef14"}.ri-map-pin-range-fill:before{content:"\ef15"}.ri-map-pin-range-line:before{content:"\ef16"}.ri-map-pin-time-fill:before{content:"\ef17"}.ri-map-pin-time-line:before{content:"\ef18"}.ri-map-pin-user-fill:before{content:"\ef19"}.ri-map-pin-user-line:before{content:"\ef1a"}.ri-mark-pen-fill:before{content:"\ef1b"}.ri-mark-pen-line:before{content:"\ef1c"}.ri-markdown-fill:before{content:"\ef1d"}.ri-markdown-line:before{content:"\ef1e"}.ri-markup-fill:before{content:"\ef1f"}.ri-markup-line:before{content:"\ef20"}.ri-mastercard-fill:before{content:"\ef21"}.ri-mastercard-line:before{content:"\ef22"}.ri-mastodon-fill:before{content:"\ef23"}.ri-mastodon-line:before{content:"\ef24"}.ri-medal-2-fill:before{content:"\ef25"}.ri-medal-2-line:before{content:"\ef26"}.ri-medal-fill:before{content:"\ef27"}.ri-medal-line:before{content:"\ef28"}.ri-medicine-bottle-fill:before{content:"\ef29"}.ri-medicine-bottle-line:before{content:"\ef2a"}.ri-medium-fill:before{content:"\ef2b"}.ri-medium-line:before{content:"\ef2c"}.ri-men-fill:before{content:"\ef2d"}.ri-men-line:before{content:"\ef2e"}.ri-mental-health-fill:before{content:"\ef2f"}.ri-mental-health-line:before{content:"\ef30"}.ri-menu-2-fill:before{content:"\ef31"}.ri-menu-2-line:before{content:"\ef32"}.ri-menu-3-fill:before{content:"\ef33"}.ri-menu-3-line:before{content:"\ef34"}.ri-menu-4-fill:before{content:"\ef35"}.ri-menu-4-line:before{content:"\ef36"}.ri-menu-5-fill:before{content:"\ef37"}.ri-menu-5-line:before{content:"\ef38"}.ri-menu-add-fill:before{content:"\ef39"}.ri-menu-add-line:before{content:"\ef3a"}.ri-menu-fill:before{content:"\ef3b"}.ri-menu-fold-fill:before{content:"\ef3c"}.ri-menu-fold-line:before{content:"\ef3d"}.ri-menu-line:before{content:"\ef3e"}.ri-menu-unfold-fill:before{content:"\ef3f"}.ri-menu-unfold-line:before{content:"\ef40"}.ri-merge-cells-horizontal:before{content:"\ef41"}.ri-merge-cells-vertical:before{content:"\ef42"}.ri-message-2-fill:before{content:"\ef43"}.ri-message-2-line:before{content:"\ef44"}.ri-message-3-fill:before{content:"\ef45"}.ri-message-3-line:before{content:"\ef46"}.ri-message-fill:before{content:"\ef47"}.ri-message-line:before{content:"\ef48"}.ri-messenger-fill:before{content:"\ef49"}.ri-messenger-line:before{content:"\ef4a"}.ri-meteor-fill:before{content:"\ef4b"}.ri-meteor-line:before{content:"\ef4c"}.ri-mic-2-fill:before{content:"\ef4d"}.ri-mic-2-line:before{content:"\ef4e"}.ri-mic-fill:before{content:"\ef4f"}.ri-mic-line:before{content:"\ef50"}.ri-mic-off-fill:before{content:"\ef51"}.ri-mic-off-line:before{content:"\ef52"}.ri-mickey-fill:before{content:"\ef53"}.ri-mickey-line:before{content:"\ef54"}.ri-microscope-fill:before{content:"\ef55"}.ri-microscope-line:before{content:"\ef56"}.ri-microsoft-fill:before{content:"\ef57"}.ri-microsoft-line:before{content:"\ef58"}.ri-mind-map:before{content:"\ef59"}.ri-mini-program-fill:before{content:"\ef5a"}.ri-mini-program-line:before{content:"\ef5b"}.ri-mist-fill:before{content:"\ef5c"}.ri-mist-line:before{content:"\ef5d"}.ri-money-cny-box-fill:before{content:"\ef5e"}.ri-money-cny-box-line:before{content:"\ef5f"}.ri-money-cny-circle-fill:before{content:"\ef60"}.ri-money-cny-circle-line:before{content:"\ef61"}.ri-money-dollar-box-fill:before{content:"\ef62"}.ri-money-dollar-box-line:before{content:"\ef63"}.ri-money-dollar-circle-fill:before{content:"\ef64"}.ri-money-dollar-circle-line:before{content:"\ef65"}.ri-money-euro-box-fill:before{content:"\ef66"}.ri-money-euro-box-line:before{content:"\ef67"}.ri-money-euro-circle-fill:before{content:"\ef68"}.ri-money-euro-circle-line:before{content:"\ef69"}.ri-money-pound-box-fill:before{content:"\ef6a"}.ri-money-pound-box-line:before{content:"\ef6b"}.ri-money-pound-circle-fill:before{content:"\ef6c"}.ri-money-pound-circle-line:before{content:"\ef6d"}.ri-moon-clear-fill:before{content:"\ef6e"}.ri-moon-clear-line:before{content:"\ef6f"}.ri-moon-cloudy-fill:before{content:"\ef70"}.ri-moon-cloudy-line:before{content:"\ef71"}.ri-moon-fill:before{content:"\ef72"}.ri-moon-foggy-fill:before{content:"\ef73"}.ri-moon-foggy-line:before{content:"\ef74"}.ri-moon-line:before{content:"\ef75"}.ri-more-2-fill:before{content:"\ef76"}.ri-more-2-line:before{content:"\ef77"}.ri-more-fill:before{content:"\ef78"}.ri-more-line:before{content:"\ef79"}.ri-motorbike-fill:before{content:"\ef7a"}.ri-motorbike-line:before{content:"\ef7b"}.ri-mouse-fill:before{content:"\ef7c"}.ri-mouse-line:before{content:"\ef7d"}.ri-movie-2-fill:before{content:"\ef7e"}.ri-movie-2-line:before{content:"\ef7f"}.ri-movie-fill:before{content:"\ef80"}.ri-movie-line:before{content:"\ef81"}.ri-music-2-fill:before{content:"\ef82"}.ri-music-2-line:before{content:"\ef83"}.ri-music-fill:before{content:"\ef84"}.ri-music-line:before{content:"\ef85"}.ri-mv-fill:before{content:"\ef86"}.ri-mv-line:before{content:"\ef87"}.ri-navigation-fill:before{content:"\ef88"}.ri-navigation-line:before{content:"\ef89"}.ri-netease-cloud-music-fill:before{content:"\ef8a"}.ri-netease-cloud-music-line:before{content:"\ef8b"}.ri-netflix-fill:before{content:"\ef8c"}.ri-netflix-line:before{content:"\ef8d"}.ri-newspaper-fill:before{content:"\ef8e"}.ri-newspaper-line:before{content:"\ef8f"}.ri-node-tree:before{content:"\ef90"}.ri-notification-2-fill:before{content:"\ef91"}.ri-notification-2-line:before{content:"\ef92"}.ri-notification-3-fill:before{content:"\ef93"}.ri-notification-3-line:before{content:"\ef94"}.ri-notification-4-fill:before{content:"\ef95"}.ri-notification-4-line:before{content:"\ef96"}.ri-notification-badge-fill:before{content:"\ef97"}.ri-notification-badge-line:before{content:"\ef98"}.ri-notification-fill:before{content:"\ef99"}.ri-notification-line:before{content:"\ef9a"}.ri-notification-off-fill:before{content:"\ef9b"}.ri-notification-off-line:before{content:"\ef9c"}.ri-npmjs-fill:before{content:"\ef9d"}.ri-npmjs-line:before{content:"\ef9e"}.ri-number-0:before{content:"\ef9f"}.ri-number-1:before{content:"\efa0"}.ri-number-2:before{content:"\efa1"}.ri-number-3:before{content:"\efa2"}.ri-number-4:before{content:"\efa3"}.ri-number-5:before{content:"\efa4"}.ri-number-6:before{content:"\efa5"}.ri-number-7:before{content:"\efa6"}.ri-number-8:before{content:"\efa7"}.ri-number-9:before{content:"\efa8"}.ri-numbers-fill:before{content:"\efa9"}.ri-numbers-line:before{content:"\efaa"}.ri-nurse-fill:before{content:"\efab"}.ri-nurse-line:before{content:"\efac"}.ri-oil-fill:before{content:"\efad"}.ri-oil-line:before{content:"\efae"}.ri-omega:before{content:"\efaf"}.ri-open-arm-fill:before{content:"\efb0"}.ri-open-arm-line:before{content:"\efb1"}.ri-open-source-fill:before{content:"\efb2"}.ri-open-source-line:before{content:"\efb3"}.ri-opera-fill:before{content:"\efb4"}.ri-opera-line:before{content:"\efb5"}.ri-order-play-fill:before{content:"\efb6"}.ri-order-play-line:before{content:"\efb7"}.ri-organization-chart:before{content:"\efb8"}.ri-outlet-2-fill:before{content:"\efb9"}.ri-outlet-2-line:before{content:"\efba"}.ri-outlet-fill:before{content:"\efbb"}.ri-outlet-line:before{content:"\efbc"}.ri-page-separator:before{content:"\efbd"}.ri-pages-fill:before{content:"\efbe"}.ri-pages-line:before{content:"\efbf"}.ri-paint-brush-fill:before{content:"\efc0"}.ri-paint-brush-line:before{content:"\efc1"}.ri-paint-fill:before{content:"\efc2"}.ri-paint-line:before{content:"\efc3"}.ri-palette-fill:before{content:"\efc4"}.ri-palette-line:before{content:"\efc5"}.ri-pantone-fill:before{content:"\efc6"}.ri-pantone-line:before{content:"\efc7"}.ri-paragraph:before{content:"\efc8"}.ri-parent-fill:before{content:"\efc9"}.ri-parent-line:before{content:"\efca"}.ri-parentheses-fill:before{content:"\efcb"}.ri-parentheses-line:before{content:"\efcc"}.ri-parking-box-fill:before{content:"\efcd"}.ri-parking-box-line:before{content:"\efce"}.ri-parking-fill:before{content:"\efcf"}.ri-parking-line:before{content:"\efd0"}.ri-passport-fill:before{content:"\efd1"}.ri-passport-line:before{content:"\efd2"}.ri-patreon-fill:before{content:"\efd3"}.ri-patreon-line:before{content:"\efd4"}.ri-pause-circle-fill:before{content:"\efd5"}.ri-pause-circle-line:before{content:"\efd6"}.ri-pause-fill:before{content:"\efd7"}.ri-pause-line:before{content:"\efd8"}.ri-pause-mini-fill:before{content:"\efd9"}.ri-pause-mini-line:before{content:"\efda"}.ri-paypal-fill:before{content:"\efdb"}.ri-paypal-line:before{content:"\efdc"}.ri-pen-nib-fill:before{content:"\efdd"}.ri-pen-nib-line:before{content:"\efde"}.ri-pencil-fill:before{content:"\efdf"}.ri-pencil-line:before{content:"\efe0"}.ri-pencil-ruler-2-fill:before{content:"\efe1"}.ri-pencil-ruler-2-line:before{content:"\efe2"}.ri-pencil-ruler-fill:before{content:"\efe3"}.ri-pencil-ruler-line:before{content:"\efe4"}.ri-percent-fill:before{content:"\efe5"}.ri-percent-line:before{content:"\efe6"}.ri-phone-camera-fill:before{content:"\efe7"}.ri-phone-camera-line:before{content:"\efe8"}.ri-phone-fill:before{content:"\efe9"}.ri-phone-find-fill:before{content:"\efea"}.ri-phone-find-line:before{content:"\efeb"}.ri-phone-line:before{content:"\efec"}.ri-phone-lock-fill:before{content:"\efed"}.ri-phone-lock-line:before{content:"\efee"}.ri-picture-in-picture-2-fill:before{content:"\efef"}.ri-picture-in-picture-2-line:before{content:"\eff0"}.ri-picture-in-picture-exit-fill:before{content:"\eff1"}.ri-picture-in-picture-exit-line:before{content:"\eff2"}.ri-picture-in-picture-fill:before{content:"\eff3"}.ri-picture-in-picture-line:before{content:"\eff4"}.ri-pie-chart-2-fill:before{content:"\eff5"}.ri-pie-chart-2-line:before{content:"\eff6"}.ri-pie-chart-box-fill:before{content:"\eff7"}.ri-pie-chart-box-line:before{content:"\eff8"}.ri-pie-chart-fill:before{content:"\eff9"}.ri-pie-chart-line:before{content:"\effa"}.ri-pin-distance-fill:before{content:"\effb"}.ri-pin-distance-line:before{content:"\effc"}.ri-ping-pong-fill:before{content:"\effd"}.ri-ping-pong-line:before{content:"\effe"}.ri-pinterest-fill:before{content:"\efff"}.ri-pinterest-line:before{content:"\f000"}.ri-pinyin-input:before{content:"\f001"}.ri-pixelfed-fill:before{content:"\f002"}.ri-pixelfed-line:before{content:"\f003"}.ri-plane-fill:before{content:"\f004"}.ri-plane-line:before{content:"\f005"}.ri-plant-fill:before{content:"\f006"}.ri-plant-line:before{content:"\f007"}.ri-play-circle-fill:before{content:"\f008"}.ri-play-circle-line:before{content:"\f009"}.ri-play-fill:before{content:"\f00a"}.ri-play-line:before{content:"\f00b"}.ri-play-list-2-fill:before{content:"\f00c"}.ri-play-list-2-line:before{content:"\f00d"}.ri-play-list-add-fill:before{content:"\f00e"}.ri-play-list-add-line:before{content:"\f00f"}.ri-play-list-fill:before{content:"\f010"}.ri-play-list-line:before{content:"\f011"}.ri-play-mini-fill:before{content:"\f012"}.ri-play-mini-line:before{content:"\f013"}.ri-playstation-fill:before{content:"\f014"}.ri-playstation-line:before{content:"\f015"}.ri-plug-2-fill:before{content:"\f016"}.ri-plug-2-line:before{content:"\f017"}.ri-plug-fill:before{content:"\f018"}.ri-plug-line:before{content:"\f019"}.ri-polaroid-2-fill:before{content:"\f01a"}.ri-polaroid-2-line:before{content:"\f01b"}.ri-polaroid-fill:before{content:"\f01c"}.ri-polaroid-line:before{content:"\f01d"}.ri-police-car-fill:before{content:"\f01e"}.ri-police-car-line:before{content:"\f01f"}.ri-price-tag-2-fill:before{content:"\f020"}.ri-price-tag-2-line:before{content:"\f021"}.ri-price-tag-3-fill:before{content:"\f022"}.ri-price-tag-3-line:before{content:"\f023"}.ri-price-tag-fill:before{content:"\f024"}.ri-price-tag-line:before{content:"\f025"}.ri-printer-cloud-fill:before{content:"\f026"}.ri-printer-cloud-line:before{content:"\f027"}.ri-printer-fill:before{content:"\f028"}.ri-printer-line:before{content:"\f029"}.ri-product-hunt-fill:before{content:"\f02a"}.ri-product-hunt-line:before{content:"\f02b"}.ri-profile-fill:before{content:"\f02c"}.ri-profile-line:before{content:"\f02d"}.ri-projector-2-fill:before{content:"\f02e"}.ri-projector-2-line:before{content:"\f02f"}.ri-projector-fill:before{content:"\f030"}.ri-projector-line:before{content:"\f031"}.ri-psychotherapy-fill:before{content:"\f032"}.ri-psychotherapy-line:before{content:"\f033"}.ri-pulse-fill:before{content:"\f034"}.ri-pulse-line:before{content:"\f035"}.ri-pushpin-2-fill:before{content:"\f036"}.ri-pushpin-2-line:before{content:"\f037"}.ri-pushpin-fill:before{content:"\f038"}.ri-pushpin-line:before{content:"\f039"}.ri-qq-fill:before{content:"\f03a"}.ri-qq-line:before{content:"\f03b"}.ri-qr-code-fill:before{content:"\f03c"}.ri-qr-code-line:before{content:"\f03d"}.ri-qr-scan-2-fill:before{content:"\f03e"}.ri-qr-scan-2-line:before{content:"\f03f"}.ri-qr-scan-fill:before{content:"\f040"}.ri-qr-scan-line:before{content:"\f041"}.ri-question-answer-fill:before{content:"\f042"}.ri-question-answer-line:before{content:"\f043"}.ri-question-fill:before{content:"\f044"}.ri-question-line:before{content:"\f045"}.ri-question-mark:before{content:"\f046"}.ri-questionnaire-fill:before{content:"\f047"}.ri-questionnaire-line:before{content:"\f048"}.ri-quill-pen-fill:before{content:"\f049"}.ri-quill-pen-line:before{content:"\f04a"}.ri-radar-fill:before{content:"\f04b"}.ri-radar-line:before{content:"\f04c"}.ri-radio-2-fill:before{content:"\f04d"}.ri-radio-2-line:before{content:"\f04e"}.ri-radio-button-fill:before{content:"\f04f"}.ri-radio-button-line:before{content:"\f050"}.ri-radio-fill:before{content:"\f051"}.ri-radio-line:before{content:"\f052"}.ri-rainbow-fill:before{content:"\f053"}.ri-rainbow-line:before{content:"\f054"}.ri-rainy-fill:before{content:"\f055"}.ri-rainy-line:before{content:"\f056"}.ri-reactjs-fill:before{content:"\f057"}.ri-reactjs-line:before{content:"\f058"}.ri-record-circle-fill:before{content:"\f059"}.ri-record-circle-line:before{content:"\f05a"}.ri-record-mail-fill:before{content:"\f05b"}.ri-record-mail-line:before{content:"\f05c"}.ri-recycle-fill:before{content:"\f05d"}.ri-recycle-line:before{content:"\f05e"}.ri-red-packet-fill:before{content:"\f05f"}.ri-red-packet-line:before{content:"\f060"}.ri-reddit-fill:before{content:"\f061"}.ri-reddit-line:before{content:"\f062"}.ri-refresh-fill:before{content:"\f063"}.ri-refresh-line:before{content:"\f064"}.ri-refund-2-fill:before{content:"\f065"}.ri-refund-2-line:before{content:"\f066"}.ri-refund-fill:before{content:"\f067"}.ri-refund-line:before{content:"\f068"}.ri-registered-fill:before{content:"\f069"}.ri-registered-line:before{content:"\f06a"}.ri-remixicon-fill:before{content:"\f06b"}.ri-remixicon-line:before{content:"\f06c"}.ri-remote-control-2-fill:before{content:"\f06d"}.ri-remote-control-2-line:before{content:"\f06e"}.ri-remote-control-fill:before{content:"\f06f"}.ri-remote-control-line:before{content:"\f070"}.ri-repeat-2-fill:before{content:"\f071"}.ri-repeat-2-line:before{content:"\f072"}.ri-repeat-fill:before{content:"\f073"}.ri-repeat-line:before{content:"\f074"}.ri-repeat-one-fill:before{content:"\f075"}.ri-repeat-one-line:before{content:"\f076"}.ri-reply-all-fill:before{content:"\f077"}.ri-reply-all-line:before{content:"\f078"}.ri-reply-fill:before{content:"\f079"}.ri-reply-line:before{content:"\f07a"}.ri-reserved-fill:before{content:"\f07b"}.ri-reserved-line:before{content:"\f07c"}.ri-rest-time-fill:before{content:"\f07d"}.ri-rest-time-line:before{content:"\f07e"}.ri-restart-fill:before{content:"\f07f"}.ri-restart-line:before{content:"\f080"}.ri-restaurant-2-fill:before{content:"\f081"}.ri-restaurant-2-line:before{content:"\f082"}.ri-restaurant-fill:before{content:"\f083"}.ri-restaurant-line:before{content:"\f084"}.ri-rewind-fill:before{content:"\f085"}.ri-rewind-line:before{content:"\f086"}.ri-rewind-mini-fill:before{content:"\f087"}.ri-rewind-mini-line:before{content:"\f088"}.ri-rhythm-fill:before{content:"\f089"}.ri-rhythm-line:before{content:"\f08a"}.ri-riding-fill:before{content:"\f08b"}.ri-riding-line:before{content:"\f08c"}.ri-road-map-fill:before{content:"\f08d"}.ri-road-map-line:before{content:"\f08e"}.ri-roadster-fill:before{content:"\f08f"}.ri-roadster-line:before{content:"\f090"}.ri-robot-fill:before{content:"\f091"}.ri-robot-line:before{content:"\f092"}.ri-rocket-2-fill:before{content:"\f093"}.ri-rocket-2-line:before{content:"\f094"}.ri-rocket-fill:before{content:"\f095"}.ri-rocket-line:before{content:"\f096"}.ri-rotate-lock-fill:before{content:"\f097"}.ri-rotate-lock-line:before{content:"\f098"}.ri-rounded-corner:before{content:"\f099"}.ri-route-fill:before{content:"\f09a"}.ri-route-line:before{content:"\f09b"}.ri-router-fill:before{content:"\f09c"}.ri-router-line:before{content:"\f09d"}.ri-rss-fill:before{content:"\f09e"}.ri-rss-line:before{content:"\f09f"}.ri-ruler-2-fill:before{content:"\f0a0"}.ri-ruler-2-line:before{content:"\f0a1"}.ri-ruler-fill:before{content:"\f0a2"}.ri-ruler-line:before{content:"\f0a3"}.ri-run-fill:before{content:"\f0a4"}.ri-run-line:before{content:"\f0a5"}.ri-safari-fill:before{content:"\f0a6"}.ri-safari-line:before{content:"\f0a7"}.ri-safe-2-fill:before{content:"\f0a8"}.ri-safe-2-line:before{content:"\f0a9"}.ri-safe-fill:before{content:"\f0aa"}.ri-safe-line:before{content:"\f0ab"}.ri-sailboat-fill:before{content:"\f0ac"}.ri-sailboat-line:before{content:"\f0ad"}.ri-save-2-fill:before{content:"\f0ae"}.ri-save-2-line:before{content:"\f0af"}.ri-save-3-fill:before{content:"\f0b0"}.ri-save-3-line:before{content:"\f0b1"}.ri-save-fill:before{content:"\f0b2"}.ri-save-line:before{content:"\f0b3"}.ri-scales-2-fill:before{content:"\f0b4"}.ri-scales-2-line:before{content:"\f0b5"}.ri-scales-3-fill:before{content:"\f0b6"}.ri-scales-3-line:before{content:"\f0b7"}.ri-scales-fill:before{content:"\f0b8"}.ri-scales-line:before{content:"\f0b9"}.ri-scan-2-fill:before{content:"\f0ba"}.ri-scan-2-line:before{content:"\f0bb"}.ri-scan-fill:before{content:"\f0bc"}.ri-scan-line:before{content:"\f0bd"}.ri-scissors-2-fill:before{content:"\f0be"}.ri-scissors-2-line:before{content:"\f0bf"}.ri-scissors-cut-fill:before{content:"\f0c0"}.ri-scissors-cut-line:before{content:"\f0c1"}.ri-scissors-fill:before{content:"\f0c2"}.ri-scissors-line:before{content:"\f0c3"}.ri-screenshot-2-fill:before{content:"\f0c4"}.ri-screenshot-2-line:before{content:"\f0c5"}.ri-screenshot-fill:before{content:"\f0c6"}.ri-screenshot-line:before{content:"\f0c7"}.ri-sd-card-fill:before{content:"\f0c8"}.ri-sd-card-line:before{content:"\f0c9"}.ri-sd-card-mini-fill:before{content:"\f0ca"}.ri-sd-card-mini-line:before{content:"\f0cb"}.ri-search-2-fill:before{content:"\f0cc"}.ri-search-2-line:before{content:"\f0cd"}.ri-search-eye-fill:before{content:"\f0ce"}.ri-search-eye-line:before{content:"\f0cf"}.ri-search-fill:before{content:"\f0d0"}.ri-search-line:before{content:"\f0d1"}.ri-secure-payment-fill:before{content:"\f0d2"}.ri-secure-payment-line:before{content:"\f0d3"}.ri-seedling-fill:before{content:"\f0d4"}.ri-seedling-line:before{content:"\f0d5"}.ri-send-backward:before{content:"\f0d6"}.ri-send-plane-2-fill:before{content:"\f0d7"}.ri-send-plane-2-line:before{content:"\f0d8"}.ri-send-plane-fill:before{content:"\f0d9"}.ri-send-plane-line:before{content:"\f0da"}.ri-send-to-back:before{content:"\f0db"}.ri-sensor-fill:before{content:"\f0dc"}.ri-sensor-line:before{content:"\f0dd"}.ri-separator:before{content:"\f0de"}.ri-server-fill:before{content:"\f0df"}.ri-server-line:before{content:"\f0e0"}.ri-service-fill:before{content:"\f0e1"}.ri-service-line:before{content:"\f0e2"}.ri-settings-2-fill:before{content:"\f0e3"}.ri-settings-2-line:before{content:"\f0e4"}.ri-settings-3-fill:before{content:"\f0e5"}.ri-settings-3-line:before{content:"\f0e6"}.ri-settings-4-fill:before{content:"\f0e7"}.ri-settings-4-line:before{content:"\f0e8"}.ri-settings-5-fill:before{content:"\f0e9"}.ri-settings-5-line:before{content:"\f0ea"}.ri-settings-6-fill:before{content:"\f0eb"}.ri-settings-6-line:before{content:"\f0ec"}.ri-settings-fill:before{content:"\f0ed"}.ri-settings-line:before{content:"\f0ee"}.ri-shape-2-fill:before{content:"\f0ef"}.ri-shape-2-line:before{content:"\f0f0"}.ri-shape-fill:before{content:"\f0f1"}.ri-shape-line:before{content:"\f0f2"}.ri-share-box-fill:before{content:"\f0f3"}.ri-share-box-line:before{content:"\f0f4"}.ri-share-circle-fill:before{content:"\f0f5"}.ri-share-circle-line:before{content:"\f0f6"}.ri-share-fill:before{content:"\f0f7"}.ri-share-forward-2-fill:before{content:"\f0f8"}.ri-share-forward-2-line:before{content:"\f0f9"}.ri-share-forward-box-fill:before{content:"\f0fa"}.ri-share-forward-box-line:before{content:"\f0fb"}.ri-share-forward-fill:before{content:"\f0fc"}.ri-share-forward-line:before{content:"\f0fd"}.ri-share-line:before{content:"\f0fe"}.ri-shield-check-fill:before{content:"\f0ff"}.ri-shield-check-line:before{content:"\f100"}.ri-shield-cross-fill:before{content:"\f101"}.ri-shield-cross-line:before{content:"\f102"}.ri-shield-fill:before{content:"\f103"}.ri-shield-flash-fill:before{content:"\f104"}.ri-shield-flash-line:before{content:"\f105"}.ri-shield-keyhole-fill:before{content:"\f106"}.ri-shield-keyhole-line:before{content:"\f107"}.ri-shield-line:before{content:"\f108"}.ri-shield-star-fill:before{content:"\f109"}.ri-shield-star-line:before{content:"\f10a"}.ri-shield-user-fill:before{content:"\f10b"}.ri-shield-user-line:before{content:"\f10c"}.ri-ship-2-fill:before{content:"\f10d"}.ri-ship-2-line:before{content:"\f10e"}.ri-ship-fill:before{content:"\f10f"}.ri-ship-line:before{content:"\f110"}.ri-shirt-fill:before{content:"\f111"}.ri-shirt-line:before{content:"\f112"}.ri-shopping-bag-2-fill:before{content:"\f113"}.ri-shopping-bag-2-line:before{content:"\f114"}.ri-shopping-bag-3-fill:before{content:"\f115"}.ri-shopping-bag-3-line:before{content:"\f116"}.ri-shopping-bag-fill:before{content:"\f117"}.ri-shopping-bag-line:before{content:"\f118"}.ri-shopping-basket-2-fill:before{content:"\f119"}.ri-shopping-basket-2-line:before{content:"\f11a"}.ri-shopping-basket-fill:before{content:"\f11b"}.ri-shopping-basket-line:before{content:"\f11c"}.ri-shopping-cart-2-fill:before{content:"\f11d"}.ri-shopping-cart-2-line:before{content:"\f11e"}.ri-shopping-cart-fill:before{content:"\f11f"}.ri-shopping-cart-line:before{content:"\f120"}.ri-showers-fill:before{content:"\f121"}.ri-showers-line:before{content:"\f122"}.ri-shuffle-fill:before{content:"\f123"}.ri-shuffle-line:before{content:"\f124"}.ri-shut-down-fill:before{content:"\f125"}.ri-shut-down-line:before{content:"\f126"}.ri-side-bar-fill:before{content:"\f127"}.ri-side-bar-line:before{content:"\f128"}.ri-signal-tower-fill:before{content:"\f129"}.ri-signal-tower-line:before{content:"\f12a"}.ri-signal-wifi-1-fill:before{content:"\f12b"}.ri-signal-wifi-1-line:before{content:"\f12c"}.ri-signal-wifi-2-fill:before{content:"\f12d"}.ri-signal-wifi-2-line:before{content:"\f12e"}.ri-signal-wifi-3-fill:before{content:"\f12f"}.ri-signal-wifi-3-line:before{content:"\f130"}.ri-signal-wifi-error-fill:before{content:"\f131"}.ri-signal-wifi-error-line:before{content:"\f132"}.ri-signal-wifi-fill:before{content:"\f133"}.ri-signal-wifi-line:before{content:"\f134"}.ri-signal-wifi-off-fill:before{content:"\f135"}.ri-signal-wifi-off-line:before{content:"\f136"}.ri-sim-card-2-fill:before{content:"\f137"}.ri-sim-card-2-line:before{content:"\f138"}.ri-sim-card-fill:before{content:"\f139"}.ri-sim-card-line:before{content:"\f13a"}.ri-single-quotes-l:before{content:"\f13b"}.ri-single-quotes-r:before{content:"\f13c"}.ri-sip-fill:before{content:"\f13d"}.ri-sip-line:before{content:"\f13e"}.ri-skip-back-fill:before{content:"\f13f"}.ri-skip-back-line:before{content:"\f140"}.ri-skip-back-mini-fill:before{content:"\f141"}.ri-skip-back-mini-line:before{content:"\f142"}.ri-skip-forward-fill:before{content:"\f143"}.ri-skip-forward-line:before{content:"\f144"}.ri-skip-forward-mini-fill:before{content:"\f145"}.ri-skip-forward-mini-line:before{content:"\f146"}.ri-skull-2-fill:before{content:"\f147"}.ri-skull-2-line:before{content:"\f148"}.ri-skull-fill:before{content:"\f149"}.ri-skull-line:before{content:"\f14a"}.ri-skype-fill:before{content:"\f14b"}.ri-skype-line:before{content:"\f14c"}.ri-slack-fill:before{content:"\f14d"}.ri-slack-line:before{content:"\f14e"}.ri-slice-fill:before{content:"\f14f"}.ri-slice-line:before{content:"\f150"}.ri-slideshow-2-fill:before{content:"\f151"}.ri-slideshow-2-line:before{content:"\f152"}.ri-slideshow-3-fill:before{content:"\f153"}.ri-slideshow-3-line:before{content:"\f154"}.ri-slideshow-4-fill:before{content:"\f155"}.ri-slideshow-4-line:before{content:"\f156"}.ri-slideshow-fill:before{content:"\f157"}.ri-slideshow-line:before{content:"\f158"}.ri-smartphone-fill:before{content:"\f159"}.ri-smartphone-line:before{content:"\f15a"}.ri-snapchat-fill:before{content:"\f15b"}.ri-snapchat-line:before{content:"\f15c"}.ri-snowy-fill:before{content:"\f15d"}.ri-snowy-line:before{content:"\f15e"}.ri-sort-asc:before{content:"\f15f"}.ri-sort-desc:before{content:"\f160"}.ri-sound-module-fill:before{content:"\f161"}.ri-sound-module-line:before{content:"\f162"}.ri-soundcloud-fill:before{content:"\f163"}.ri-soundcloud-line:before{content:"\f164"}.ri-space-ship-fill:before{content:"\f165"}.ri-space-ship-line:before{content:"\f166"}.ri-space:before{content:"\f167"}.ri-spam-2-fill:before{content:"\f168"}.ri-spam-2-line:before{content:"\f169"}.ri-spam-3-fill:before{content:"\f16a"}.ri-spam-3-line:before{content:"\f16b"}.ri-spam-fill:before{content:"\f16c"}.ri-spam-line:before{content:"\f16d"}.ri-speaker-2-fill:before{content:"\f16e"}.ri-speaker-2-line:before{content:"\f16f"}.ri-speaker-3-fill:before{content:"\f170"}.ri-speaker-3-line:before{content:"\f171"}.ri-speaker-fill:before{content:"\f172"}.ri-speaker-line:before{content:"\f173"}.ri-spectrum-fill:before{content:"\f174"}.ri-spectrum-line:before{content:"\f175"}.ri-speed-fill:before{content:"\f176"}.ri-speed-line:before{content:"\f177"}.ri-speed-mini-fill:before{content:"\f178"}.ri-speed-mini-line:before{content:"\f179"}.ri-split-cells-horizontal:before{content:"\f17a"}.ri-split-cells-vertical:before{content:"\f17b"}.ri-spotify-fill:before{content:"\f17c"}.ri-spotify-line:before{content:"\f17d"}.ri-spy-fill:before{content:"\f17e"}.ri-spy-line:before{content:"\f17f"}.ri-stack-fill:before{content:"\f180"}.ri-stack-line:before{content:"\f181"}.ri-stack-overflow-fill:before{content:"\f182"}.ri-stack-overflow-line:before{content:"\f183"}.ri-stackshare-fill:before{content:"\f184"}.ri-stackshare-line:before{content:"\f185"}.ri-star-fill:before{content:"\f186"}.ri-star-half-fill:before{content:"\f187"}.ri-star-half-line:before{content:"\f188"}.ri-star-half-s-fill:before{content:"\f189"}.ri-star-half-s-line:before{content:"\f18a"}.ri-star-line:before{content:"\f18b"}.ri-star-s-fill:before{content:"\f18c"}.ri-star-s-line:before{content:"\f18d"}.ri-star-smile-fill:before{content:"\f18e"}.ri-star-smile-line:before{content:"\f18f"}.ri-steam-fill:before{content:"\f190"}.ri-steam-line:before{content:"\f191"}.ri-steering-2-fill:before{content:"\f192"}.ri-steering-2-line:before{content:"\f193"}.ri-steering-fill:before{content:"\f194"}.ri-steering-line:before{content:"\f195"}.ri-stethoscope-fill:before{content:"\f196"}.ri-stethoscope-line:before{content:"\f197"}.ri-sticky-note-2-fill:before{content:"\f198"}.ri-sticky-note-2-line:before{content:"\f199"}.ri-sticky-note-fill:before{content:"\f19a"}.ri-sticky-note-line:before{content:"\f19b"}.ri-stock-fill:before{content:"\f19c"}.ri-stock-line:before{content:"\f19d"}.ri-stop-circle-fill:before{content:"\f19e"}.ri-stop-circle-line:before{content:"\f19f"}.ri-stop-fill:before{content:"\f1a0"}.ri-stop-line:before{content:"\f1a1"}.ri-stop-mini-fill:before{content:"\f1a2"}.ri-stop-mini-line:before{content:"\f1a3"}.ri-store-2-fill:before{content:"\f1a4"}.ri-store-2-line:before{content:"\f1a5"}.ri-store-3-fill:before{content:"\f1a6"}.ri-store-3-line:before{content:"\f1a7"}.ri-store-fill:before{content:"\f1a8"}.ri-store-line:before{content:"\f1a9"}.ri-strikethrough-2:before{content:"\f1aa"}.ri-strikethrough:before{content:"\f1ab"}.ri-subscript-2:before{content:"\f1ac"}.ri-subscript:before{content:"\f1ad"}.ri-subtract-fill:before{content:"\f1ae"}.ri-subtract-line:before{content:"\f1af"}.ri-subway-fill:before{content:"\f1b0"}.ri-subway-line:before{content:"\f1b1"}.ri-subway-wifi-fill:before{content:"\f1b2"}.ri-subway-wifi-line:before{content:"\f1b3"}.ri-suitcase-2-fill:before{content:"\f1b4"}.ri-suitcase-2-line:before{content:"\f1b5"}.ri-suitcase-3-fill:before{content:"\f1b6"}.ri-suitcase-3-line:before{content:"\f1b7"}.ri-suitcase-fill:before{content:"\f1b8"}.ri-suitcase-line:before{content:"\f1b9"}.ri-sun-cloudy-fill:before{content:"\f1ba"}.ri-sun-cloudy-line:before{content:"\f1bb"}.ri-sun-fill:before{content:"\f1bc"}.ri-sun-foggy-fill:before{content:"\f1bd"}.ri-sun-foggy-line:before{content:"\f1be"}.ri-sun-line:before{content:"\f1bf"}.ri-superscript-2:before{content:"\f1c0"}.ri-superscript:before{content:"\f1c1"}.ri-surgical-mask-fill:before{content:"\f1c2"}.ri-surgical-mask-line:before{content:"\f1c3"}.ri-surround-sound-fill:before{content:"\f1c4"}.ri-surround-sound-line:before{content:"\f1c5"}.ri-survey-fill:before{content:"\f1c6"}.ri-survey-line:before{content:"\f1c7"}.ri-swap-box-fill:before{content:"\f1c8"}.ri-swap-box-line:before{content:"\f1c9"}.ri-swap-fill:before{content:"\f1ca"}.ri-swap-line:before{content:"\f1cb"}.ri-switch-fill:before{content:"\f1cc"}.ri-switch-line:before{content:"\f1cd"}.ri-sword-fill:before{content:"\f1ce"}.ri-sword-line:before{content:"\f1cf"}.ri-syringe-fill:before{content:"\f1d0"}.ri-syringe-line:before{content:"\f1d1"}.ri-t-box-fill:before{content:"\f1d2"}.ri-t-box-line:before{content:"\f1d3"}.ri-t-shirt-2-fill:before{content:"\f1d4"}.ri-t-shirt-2-line:before{content:"\f1d5"}.ri-t-shirt-air-fill:before{content:"\f1d6"}.ri-t-shirt-air-line:before{content:"\f1d7"}.ri-t-shirt-fill:before{content:"\f1d8"}.ri-t-shirt-line:before{content:"\f1d9"}.ri-table-2:before{content:"\f1da"}.ri-table-alt-fill:before{content:"\f1db"}.ri-table-alt-line:before{content:"\f1dc"}.ri-table-fill:before{content:"\f1dd"}.ri-table-line:before{content:"\f1de"}.ri-tablet-fill:before{content:"\f1df"}.ri-tablet-line:before{content:"\f1e0"}.ri-takeaway-fill:before{content:"\f1e1"}.ri-takeaway-line:before{content:"\f1e2"}.ri-taobao-fill:before{content:"\f1e3"}.ri-taobao-line:before{content:"\f1e4"}.ri-tape-fill:before{content:"\f1e5"}.ri-tape-line:before{content:"\f1e6"}.ri-task-fill:before{content:"\f1e7"}.ri-task-line:before{content:"\f1e8"}.ri-taxi-fill:before{content:"\f1e9"}.ri-taxi-line:before{content:"\f1ea"}.ri-taxi-wifi-fill:before{content:"\f1eb"}.ri-taxi-wifi-line:before{content:"\f1ec"}.ri-team-fill:before{content:"\f1ed"}.ri-team-line:before{content:"\f1ee"}.ri-telegram-fill:before{content:"\f1ef"}.ri-telegram-line:before{content:"\f1f0"}.ri-temp-cold-fill:before{content:"\f1f1"}.ri-temp-cold-line:before{content:"\f1f2"}.ri-temp-hot-fill:before{content:"\f1f3"}.ri-temp-hot-line:before{content:"\f1f4"}.ri-terminal-box-fill:before{content:"\f1f5"}.ri-terminal-box-line:before{content:"\f1f6"}.ri-terminal-fill:before{content:"\f1f7"}.ri-terminal-line:before{content:"\f1f8"}.ri-terminal-window-fill:before{content:"\f1f9"}.ri-terminal-window-line:before{content:"\f1fa"}.ri-test-tube-fill:before{content:"\f1fb"}.ri-test-tube-line:before{content:"\f1fc"}.ri-text-direction-l:before{content:"\f1fd"}.ri-text-direction-r:before{content:"\f1fe"}.ri-text-spacing:before{content:"\f1ff"}.ri-text-wrap:before{content:"\f200"}.ri-text:before{content:"\f201"}.ri-thermometer-fill:before{content:"\f202"}.ri-thermometer-line:before{content:"\f203"}.ri-thumb-down-fill:before{content:"\f204"}.ri-thumb-down-line:before{content:"\f205"}.ri-thumb-up-fill:before{content:"\f206"}.ri-thumb-up-line:before{content:"\f207"}.ri-thunderstorms-fill:before{content:"\f208"}.ri-thunderstorms-line:before{content:"\f209"}.ri-ticket-2-fill:before{content:"\f20a"}.ri-ticket-2-line:before{content:"\f20b"}.ri-ticket-fill:before{content:"\f20c"}.ri-ticket-line:before{content:"\f20d"}.ri-time-fill:before{content:"\f20e"}.ri-time-line:before{content:"\f20f"}.ri-timer-2-fill:before{content:"\f210"}.ri-timer-2-line:before{content:"\f211"}.ri-timer-fill:before{content:"\f212"}.ri-timer-flash-fill:before{content:"\f213"}.ri-timer-flash-line:before{content:"\f214"}.ri-timer-line:before{content:"\f215"}.ri-todo-fill:before{content:"\f216"}.ri-todo-line:before{content:"\f217"}.ri-toggle-fill:before{content:"\f218"}.ri-toggle-line:before{content:"\f219"}.ri-tools-fill:before{content:"\f21a"}.ri-tools-line:before{content:"\f21b"}.ri-tornado-fill:before{content:"\f21c"}.ri-tornado-line:before{content:"\f21d"}.ri-trademark-fill:before{content:"\f21e"}.ri-trademark-line:before{content:"\f21f"}.ri-traffic-light-fill:before{content:"\f220"}.ri-traffic-light-line:before{content:"\f221"}.ri-train-fill:before{content:"\f222"}.ri-train-line:before{content:"\f223"}.ri-train-wifi-fill:before{content:"\f224"}.ri-train-wifi-line:before{content:"\f225"}.ri-translate-2:before{content:"\f226"}.ri-translate:before{content:"\f227"}.ri-travesti-fill:before{content:"\f228"}.ri-travesti-line:before{content:"\f229"}.ri-treasure-map-fill:before{content:"\f22a"}.ri-treasure-map-line:before{content:"\f22b"}.ri-trello-fill:before{content:"\f22c"}.ri-trello-line:before{content:"\f22d"}.ri-trophy-fill:before{content:"\f22e"}.ri-trophy-line:before{content:"\f22f"}.ri-truck-fill:before{content:"\f230"}.ri-truck-line:before{content:"\f231"}.ri-tumblr-fill:before{content:"\f232"}.ri-tumblr-line:before{content:"\f233"}.ri-tv-2-fill:before{content:"\f234"}.ri-tv-2-line:before{content:"\f235"}.ri-tv-fill:before{content:"\f236"}.ri-tv-line:before{content:"\f237"}.ri-twitch-fill:before{content:"\f238"}.ri-twitch-line:before{content:"\f239"}.ri-twitter-fill:before{content:"\f23a"}.ri-twitter-line:before{content:"\f23b"}.ri-typhoon-fill:before{content:"\f23c"}.ri-typhoon-line:before{content:"\f23d"}.ri-u-disk-fill:before{content:"\f23e"}.ri-u-disk-line:before{content:"\f23f"}.ri-ubuntu-fill:before{content:"\f240"}.ri-ubuntu-line:before{content:"\f241"}.ri-umbrella-fill:before{content:"\f242"}.ri-umbrella-line:before{content:"\f243"}.ri-underline:before{content:"\f244"}.ri-uninstall-fill:before{content:"\f245"}.ri-uninstall-line:before{content:"\f246"}.ri-unsplash-fill:before{content:"\f247"}.ri-unsplash-line:before{content:"\f248"}.ri-upload-2-fill:before{content:"\f249"}.ri-upload-2-line:before{content:"\f24a"}.ri-upload-cloud-2-fill:before{content:"\f24b"}.ri-upload-cloud-2-line:before{content:"\f24c"}.ri-upload-cloud-fill:before{content:"\f24d"}.ri-upload-cloud-line:before{content:"\f24e"}.ri-upload-fill:before{content:"\f24f"}.ri-upload-line:before{content:"\f250"}.ri-usb-fill:before{content:"\f251"}.ri-usb-line:before{content:"\f252"}.ri-user-2-fill:before{content:"\f253"}.ri-user-2-line:before{content:"\f254"}.ri-user-3-fill:before{content:"\f255"}.ri-user-3-line:before{content:"\f256"}.ri-user-4-fill:before{content:"\f257"}.ri-user-4-line:before{content:"\f258"}.ri-user-5-fill:before{content:"\f259"}.ri-user-5-line:before{content:"\f25a"}.ri-user-6-fill:before{content:"\f25b"}.ri-user-6-line:before{content:"\f25c"}.ri-user-add-fill:before{content:"\f25d"}.ri-user-add-line:before{content:"\f25e"}.ri-user-fill:before{content:"\f25f"}.ri-user-follow-fill:before{content:"\f260"}.ri-user-follow-line:before{content:"\f261"}.ri-user-heart-fill:before{content:"\f262"}.ri-user-heart-line:before{content:"\f263"}.ri-user-line:before{content:"\f264"}.ri-user-location-fill:before{content:"\f265"}.ri-user-location-line:before{content:"\f266"}.ri-user-received-2-fill:before{content:"\f267"}.ri-user-received-2-line:before{content:"\f268"}.ri-user-received-fill:before{content:"\f269"}.ri-user-received-line:before{content:"\f26a"}.ri-user-search-fill:before{content:"\f26b"}.ri-user-search-line:before{content:"\f26c"}.ri-user-settings-fill:before{content:"\f26d"}.ri-user-settings-line:before{content:"\f26e"}.ri-user-shared-2-fill:before{content:"\f26f"}.ri-user-shared-2-line:before{content:"\f270"}.ri-user-shared-fill:before{content:"\f271"}.ri-user-shared-line:before{content:"\f272"}.ri-user-smile-fill:before{content:"\f273"}.ri-user-smile-line:before{content:"\f274"}.ri-user-star-fill:before{content:"\f275"}.ri-user-star-line:before{content:"\f276"}.ri-user-unfollow-fill:before{content:"\f277"}.ri-user-unfollow-line:before{content:"\f278"}.ri-user-voice-fill:before{content:"\f279"}.ri-user-voice-line:before{content:"\f27a"}.ri-video-add-fill:before{content:"\f27b"}.ri-video-add-line:before{content:"\f27c"}.ri-video-chat-fill:before{content:"\f27d"}.ri-video-chat-line:before{content:"\f27e"}.ri-video-download-fill:before{content:"\f27f"}.ri-video-download-line:before{content:"\f280"}.ri-video-fill:before{content:"\f281"}.ri-video-line:before{content:"\f282"}.ri-video-upload-fill:before{content:"\f283"}.ri-video-upload-line:before{content:"\f284"}.ri-vidicon-2-fill:before{content:"\f285"}.ri-vidicon-2-line:before{content:"\f286"}.ri-vidicon-fill:before{content:"\f287"}.ri-vidicon-line:before{content:"\f288"}.ri-vimeo-fill:before{content:"\f289"}.ri-vimeo-line:before{content:"\f28a"}.ri-vip-crown-2-fill:before{content:"\f28b"}.ri-vip-crown-2-line:before{content:"\f28c"}.ri-vip-crown-fill:before{content:"\f28d"}.ri-vip-crown-line:before{content:"\f28e"}.ri-vip-diamond-fill:before{content:"\f28f"}.ri-vip-diamond-line:before{content:"\f290"}.ri-vip-fill:before{content:"\f291"}.ri-vip-line:before{content:"\f292"}.ri-virus-fill:before{content:"\f293"}.ri-virus-line:before{content:"\f294"}.ri-visa-fill:before{content:"\f295"}.ri-visa-line:before{content:"\f296"}.ri-voice-recognition-fill:before{content:"\f297"}.ri-voice-recognition-line:before{content:"\f298"}.ri-voiceprint-fill:before{content:"\f299"}.ri-voiceprint-line:before{content:"\f29a"}.ri-volume-down-fill:before{content:"\f29b"}.ri-volume-down-line:before{content:"\f29c"}.ri-volume-mute-fill:before{content:"\f29d"}.ri-volume-mute-line:before{content:"\f29e"}.ri-volume-off-vibrate-fill:before{content:"\f29f"}.ri-volume-off-vibrate-line:before{content:"\f2a0"}.ri-volume-up-fill:before{content:"\f2a1"}.ri-volume-up-line:before{content:"\f2a2"}.ri-volume-vibrate-fill:before{content:"\f2a3"}.ri-volume-vibrate-line:before{content:"\f2a4"}.ri-vuejs-fill:before{content:"\f2a5"}.ri-vuejs-line:before{content:"\f2a6"}.ri-walk-fill:before{content:"\f2a7"}.ri-walk-line:before{content:"\f2a8"}.ri-wallet-2-fill:before{content:"\f2a9"}.ri-wallet-2-line:before{content:"\f2aa"}.ri-wallet-3-fill:before{content:"\f2ab"}.ri-wallet-3-line:before{content:"\f2ac"}.ri-wallet-fill:before{content:"\f2ad"}.ri-wallet-line:before{content:"\f2ae"}.ri-water-flash-fill:before{content:"\f2af"}.ri-water-flash-line:before{content:"\f2b0"}.ri-webcam-fill:before{content:"\f2b1"}.ri-webcam-line:before{content:"\f2b2"}.ri-wechat-2-fill:before{content:"\f2b3"}.ri-wechat-2-line:before{content:"\f2b4"}.ri-wechat-fill:before{content:"\f2b5"}.ri-wechat-line:before{content:"\f2b6"}.ri-wechat-pay-fill:before{content:"\f2b7"}.ri-wechat-pay-line:before{content:"\f2b8"}.ri-weibo-fill:before{content:"\f2b9"}.ri-weibo-line:before{content:"\f2ba"}.ri-whatsapp-fill:before{content:"\f2bb"}.ri-whatsapp-line:before{content:"\f2bc"}.ri-wheelchair-fill:before{content:"\f2bd"}.ri-wheelchair-line:before{content:"\f2be"}.ri-wifi-fill:before{content:"\f2bf"}.ri-wifi-line:before{content:"\f2c0"}.ri-wifi-off-fill:before{content:"\f2c1"}.ri-wifi-off-line:before{content:"\f2c2"}.ri-window-2-fill:before{content:"\f2c3"}.ri-window-2-line:before{content:"\f2c4"}.ri-window-fill:before{content:"\f2c5"}.ri-window-line:before{content:"\f2c6"}.ri-windows-fill:before{content:"\f2c7"}.ri-windows-line:before{content:"\f2c8"}.ri-windy-fill:before{content:"\f2c9"}.ri-windy-line:before{content:"\f2ca"}.ri-wireless-charging-fill:before{content:"\f2cb"}.ri-wireless-charging-line:before{content:"\f2cc"}.ri-women-fill:before{content:"\f2cd"}.ri-women-line:before{content:"\f2ce"}.ri-wubi-input:before{content:"\f2cf"}.ri-xbox-fill:before{content:"\f2d0"}.ri-xbox-line:before{content:"\f2d1"}.ri-xing-fill:before{content:"\f2d2"}.ri-xing-line:before{content:"\f2d3"}.ri-youtube-fill:before{content:"\f2d4"}.ri-youtube-line:before{content:"\f2d5"}.ri-zcool-fill:before{content:"\f2d6"}.ri-zcool-line:before{content:"\f2d7"}.ri-zhihu-fill:before{content:"\f2d8"}.ri-zhihu-line:before{content:"\f2d9"}.ri-zoom-in-fill:before{content:"\f2da"}.ri-zoom-in-line:before{content:"\f2db"}.ri-zoom-out-fill:before{content:"\f2dc"}.ri-zoom-out-line:before{content:"\f2dd"}.ri-zzz-fill:before{content:"\f2de"}.ri-zzz-line:before{content:"\f2df"} \ No newline at end of file diff --git a/content/components/icons/1/html.inc b/content/components/icons/1/html.inc new file mode 100644 index 000000000..524deff64 --- /dev/null +++ b/content/components/icons/1/html.inc @@ -0,0 +1,4 @@ +Find all available icons here ! + + + \ No newline at end of file diff --git a/content/components/icons/1/index.md b/content/components/icons/1/index.md new file mode 100644 index 000000000..3234c1986 --- /dev/null +++ b/content/components/icons/1/index.md @@ -0,0 +1,23 @@ +--- +title: "Import a font icon library - Remix Icon" +avoidCSSHighlight: true +--- + +_[https://remixicon.com](https://remixicon.com) - Simply Delightful Icon System_ + + +**Install guide:** + +- Copy the CSS into your portal theme (in `backoffice -> look & feel -> theme -> stylesheet`, en Français : `Backoffice -> Apparence -> Thème -> Feuille de style`) +- Make live (save and apply your theme) +- Finally, simply use icons into your pages + +**Usage:** + +In your HTML, on `i` tag, set the class to `ri-` followed by the name of the icon. +For example, for the `alarm-fill` and `alarm-line` icons, try: +- `` +- `` + + +> Note: Attribution is required by [Remix Icon license](https://github.com/Remix-Design/RemixIcon/blob/master/License). The provided CSS contains embedded comments with necessary attribution. While using this code normally, you shouldn't need to do anything additional to provide attribution. \ No newline at end of file diff --git a/content/components/icons/1_bis/css.inc b/content/components/icons/1_bis/css.inc new file mode 100644 index 000000000..56200be84 --- /dev/null +++ b/content/components/icons/1_bis/css.inc @@ -0,0 +1,7 @@ +/*! +* @package IcoFont +* @version 1.0.1 +* @author IcoFont https://icofont.com +* @copyright Copyright (c) 2015 - 2018 IcoFont +* @license - https://icofont.com/license/ +*/@font-face{font-family:IcoFont;font-weight:400;font-style:Regular;src:url(https://static.huwise.com/fonts/icofont/latest/icofont.woff2) format("woff2")}[class*=" icofont-"],[class^=icofont-]{font-family:IcoFont!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;line-height:1;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.icofont-angry-monster:before{content:"\e800"}.icofont-bathtub:before{content:"\e801"}.icofont-bird-wings:before{content:"\e802"}.icofont-bow:before{content:"\e803"}.icofont-castle:before{content:"\e804"}.icofont-circuit:before{content:"\e805"}.icofont-crown-king:before{content:"\e806"}.icofont-crown-queen:before{content:"\e807"}.icofont-dart:before{content:"\e808"}.icofont-disability-race:before{content:"\e809"}.icofont-diving-goggle:before{content:"\e80a"}.icofont-eye-open:before{content:"\e80b"}.icofont-flora-flower:before{content:"\e80c"}.icofont-flora:before{content:"\e80d"}.icofont-gift-box:before{content:"\e80e"}.icofont-halloween-pumpkin:before{content:"\e80f"}.icofont-hand-power:before{content:"\e810"}.icofont-hand-thunder:before{content:"\e811"}.icofont-king-monster:before{content:"\e812"}.icofont-love:before{content:"\e813"}.icofont-magician-hat:before{content:"\e814"}.icofont-native-american:before{content:"\e815"}.icofont-owl-look:before{content:"\e816"}.icofont-phoenix:before{content:"\e817"}.icofont-robot-face:before{content:"\e818"}.icofont-sand-clock:before{content:"\e819"}.icofont-shield-alt:before{content:"\e81a"}.icofont-ship-wheel:before{content:"\e81b"}.icofont-skull-danger:before{content:"\e81c"}.icofont-skull-face:before{content:"\e81d"}.icofont-snowmobile:before{content:"\e81e"}.icofont-space-shuttle:before{content:"\e81f"}.icofont-star-shape:before{content:"\e820"}.icofont-swirl:before{content:"\e821"}.icofont-tattoo-wing:before{content:"\e822"}.icofont-throne:before{content:"\e823"}.icofont-tree-alt:before{content:"\e824"}.icofont-triangle:before{content:"\e825"}.icofont-unity-hand:before{content:"\e826"}.icofont-weed:before{content:"\e827"}.icofont-woman-bird:before{content:"\e828"}.icofont-bat:before{content:"\e829"}.icofont-bear-face:before{content:"\e82a"}.icofont-bear-tracks:before{content:"\e82b"}.icofont-bear:before{content:"\e82c"}.icofont-bird-alt:before{content:"\e82d"}.icofont-bird-flying:before{content:"\e82e"}.icofont-bird:before{content:"\e82f"}.icofont-birds:before{content:"\e830"}.icofont-bone:before{content:"\e831"}.icofont-bull:before{content:"\e832"}.icofont-butterfly-alt:before{content:"\e833"}.icofont-butterfly:before{content:"\e834"}.icofont-camel-alt:before{content:"\e835"}.icofont-camel-head:before{content:"\e836"}.icofont-camel:before{content:"\e837"}.icofont-cat-alt-1:before{content:"\e838"}.icofont-cat-alt-2:before{content:"\e839"}.icofont-cat-alt-3:before{content:"\e83a"}.icofont-cat-dog:before{content:"\e83b"}.icofont-cat-face:before{content:"\e83c"}.icofont-cat:before{content:"\e83d"}.icofont-cow-head:before{content:"\e83e"}.icofont-cow:before{content:"\e83f"}.icofont-crab:before{content:"\e840"}.icofont-crocodile:before{content:"\e841"}.icofont-deer-head:before{content:"\e842"}.icofont-dog-alt:before{content:"\e843"}.icofont-dog-barking:before{content:"\e844"}.icofont-dog:before{content:"\e845"}.icofont-dolphin:before{content:"\e846"}.icofont-duck-tracks:before{content:"\e847"}.icofont-eagle-head:before{content:"\e848"}.icofont-eaten-fish:before{content:"\e849"}.icofont-elephant-alt:before{content:"\e84a"}.icofont-elephant-head-alt:before{content:"\e84b"}.icofont-elephant-head:before{content:"\e84c"}.icofont-elephant:before{content:"\e84d"}.icofont-elk:before{content:"\e84e"}.icofont-fish-1:before{content:"\e84f"}.icofont-fish-2:before{content:"\e850"}.icofont-fish-3:before{content:"\e851"}.icofont-fish-4:before{content:"\e852"}.icofont-fish-5:before{content:"\e853"}.icofont-fish:before{content:"\e854"}.icofont-fox-alt:before{content:"\e855"}.icofont-fox:before{content:"\e856"}.icofont-frog-tracks:before{content:"\e857"}.icofont-frog:before{content:"\e858"}.icofont-froggy:before{content:"\e859"}.icofont-giraffe-head-1:before{content:"\e85a"}.icofont-giraffe-head-2:before{content:"\e85b"}.icofont-giraffe-head:before{content:"\e85c"}.icofont-giraffe:before{content:"\e85d"}.icofont-goat-head:before{content:"\e85e"}.icofont-gorilla:before{content:"\e85f"}.icofont-hen-tracks:before{content:"\e860"}.icofont-horse-head-1:before{content:"\e861"}.icofont-horse-head-2:before{content:"\e862"}.icofont-horse-head:before{content:"\e863"}.icofont-horse-tracks:before{content:"\e864"}.icofont-jellyfish:before{content:"\e865"}.icofont-kangaroo:before{content:"\e866"}.icofont-lemur:before{content:"\e867"}.icofont-lion-head-1:before{content:"\e868"}.icofont-lion-head-2:before{content:"\e869"}.icofont-lion-head:before{content:"\e86a"}.icofont-lion:before{content:"\e86b"}.icofont-monkey-2:before{content:"\e86c"}.icofont-monkey-3:before{content:"\e86d"}.icofont-monkey-face:before{content:"\e86e"}.icofont-monkey:before{content:"\e86f"}.icofont-octopus-alt:before{content:"\e870"}.icofont-octopus:before{content:"\e871"}.icofont-owl:before{content:"\e872"}.icofont-panda-face:before{content:"\e873"}.icofont-panda:before{content:"\e874"}.icofont-panther:before{content:"\e875"}.icofont-parrot-lip:before{content:"\e876"}.icofont-parrot:before{content:"\e877"}.icofont-paw:before{content:"\e878"}.icofont-pelican:before{content:"\e879"}.icofont-penguin:before{content:"\e87a"}.icofont-pig-face:before{content:"\e87b"}.icofont-pig:before{content:"\e87c"}.icofont-pigeon-1:before{content:"\e87d"}.icofont-pigeon-2:before{content:"\e87e"}.icofont-pigeon:before{content:"\e87f"}.icofont-rabbit:before{content:"\e880"}.icofont-rat:before{content:"\e881"}.icofont-rhino-head:before{content:"\e882"}.icofont-rhino:before{content:"\e883"}.icofont-rooster:before{content:"\e884"}.icofont-seahorse:before{content:"\e885"}.icofont-seal:before{content:"\e886"}.icofont-shrimp-alt:before{content:"\e887"}.icofont-shrimp:before{content:"\e888"}.icofont-snail-1:before{content:"\e889"}.icofont-snail-2:before{content:"\e88a"}.icofont-snail-3:before{content:"\e88b"}.icofont-snail:before{content:"\e88c"}.icofont-snake:before{content:"\e88d"}.icofont-squid:before{content:"\e88e"}.icofont-squirrel:before{content:"\e88f"}.icofont-tiger-face:before{content:"\e890"}.icofont-tiger:before{content:"\e891"}.icofont-turtle:before{content:"\e892"}.icofont-whale:before{content:"\e893"}.icofont-woodpecker:before{content:"\e894"}.icofont-zebra:before{content:"\e895"}.icofont-brand-acer:before{content:"\e896"}.icofont-brand-adidas:before{content:"\e897"}.icofont-brand-adobe:before{content:"\e898"}.icofont-brand-air-new-zealand:before{content:"\e899"}.icofont-brand-airbnb:before{content:"\e89a"}.icofont-brand-aircell:before{content:"\e89b"}.icofont-brand-airtel:before{content:"\e89c"}.icofont-brand-alcatel:before{content:"\e89d"}.icofont-brand-alibaba:before{content:"\e89e"}.icofont-brand-aliexpress:before{content:"\e89f"}.icofont-brand-alipay:before{content:"\e8a0"}.icofont-brand-amazon:before{content:"\e8a1"}.icofont-brand-amd:before{content:"\e8a2"}.icofont-brand-american-airlines:before{content:"\e8a3"}.icofont-brand-android-robot:before{content:"\e8a4"}.icofont-brand-android:before{content:"\e8a5"}.icofont-brand-aol:before{content:"\e8a6"}.icofont-brand-apple:before{content:"\e8a7"}.icofont-brand-appstore:before{content:"\e8a8"}.icofont-brand-asus:before{content:"\e8a9"}.icofont-brand-ati:before{content:"\e8aa"}.icofont-brand-att:before{content:"\e8ab"}.icofont-brand-audi:before{content:"\e8ac"}.icofont-brand-axiata:before{content:"\e8ad"}.icofont-brand-bada:before{content:"\e8ae"}.icofont-brand-bbc:before{content:"\e8af"}.icofont-brand-bing:before{content:"\e8b0"}.icofont-brand-blackberry:before{content:"\e8b1"}.icofont-brand-bmw:before{content:"\e8b2"}.icofont-brand-box:before{content:"\e8b3"}.icofont-brand-burger-king:before{content:"\e8b4"}.icofont-brand-business-insider:before{content:"\e8b5"}.icofont-brand-buzzfeed:before{content:"\e8b6"}.icofont-brand-cannon:before{content:"\e8b7"}.icofont-brand-casio:before{content:"\e8b8"}.icofont-brand-china-mobile:before{content:"\e8b9"}.icofont-brand-china-telecom:before{content:"\e8ba"}.icofont-brand-china-unicom:before{content:"\e8bb"}.icofont-brand-cisco:before{content:"\e8bc"}.icofont-brand-citibank:before{content:"\e8bd"}.icofont-brand-cnet:before{content:"\e8be"}.icofont-brand-cnn:before{content:"\e8bf"}.icofont-brand-cocal-cola:before{content:"\e8c0"}.icofont-brand-compaq:before{content:"\e8c1"}.icofont-brand-debian:before{content:"\e8c2"}.icofont-brand-delicious:before{content:"\e8c3"}.icofont-brand-dell:before{content:"\e8c4"}.icofont-brand-designbump:before{content:"\e8c5"}.icofont-brand-designfloat:before{content:"\e8c6"}.icofont-brand-disney:before{content:"\e8c7"}.icofont-brand-dodge:before{content:"\e8c8"}.icofont-brand-dove:before{content:"\e8c9"}.icofont-brand-drupal:before{content:"\e8ca"}.icofont-brand-ebay:before{content:"\e8cb"}.icofont-brand-eleven:before{content:"\e8cc"}.icofont-brand-emirates:before{content:"\e8cd"}.icofont-brand-espn:before{content:"\e8ce"}.icofont-brand-etihad-airways:before{content:"\e8cf"}.icofont-brand-etisalat:before{content:"\e8d0"}.icofont-brand-etsy:before{content:"\e8d1"}.icofont-brand-fastrack:before{content:"\e8d2"}.icofont-brand-fedex:before{content:"\e8d3"}.icofont-brand-ferrari:before{content:"\e8d4"}.icofont-brand-fitbit:before{content:"\e8d5"}.icofont-brand-flikr:before{content:"\e8d6"}.icofont-brand-forbes:before{content:"\e8d7"}.icofont-brand-foursquare:before{content:"\e8d8"}.icofont-brand-foxconn:before{content:"\e8d9"}.icofont-brand-fujitsu:before{content:"\e8da"}.icofont-brand-general-electric:before{content:"\e8db"}.icofont-brand-gillette:before{content:"\e8dc"}.icofont-brand-gizmodo:before{content:"\e8dd"}.icofont-brand-gnome:before{content:"\e8de"}.icofont-brand-google:before{content:"\e8df"}.icofont-brand-gopro:before{content:"\e8e0"}.icofont-brand-gucci:before{content:"\e8e1"}.icofont-brand-hallmark:before{content:"\e8e2"}.icofont-brand-hi5:before{content:"\e8e3"}.icofont-brand-honda:before{content:"\e8e4"}.icofont-brand-hp:before{content:"\e8e5"}.icofont-brand-hsbc:before{content:"\e8e6"}.icofont-brand-htc:before{content:"\e8e7"}.icofont-brand-huawei:before{content:"\e8e8"}.icofont-brand-hulu:before{content:"\e8e9"}.icofont-brand-hyundai:before{content:"\e8ea"}.icofont-brand-ibm:before{content:"\e8eb"}.icofont-brand-icofont:before{content:"\e8ec"}.icofont-brand-icq:before{content:"\e8ed"}.icofont-brand-ikea:before{content:"\e8ee"}.icofont-brand-imdb:before{content:"\e8ef"}.icofont-brand-indiegogo:before{content:"\e8f0"}.icofont-brand-intel:before{content:"\e8f1"}.icofont-brand-ipair:before{content:"\e8f2"}.icofont-brand-jaguar:before{content:"\e8f3"}.icofont-brand-java:before{content:"\e8f4"}.icofont-brand-joomla:before{content:"\e8f5"}.icofont-brand-kickstarter:before{content:"\e8f6"}.icofont-brand-kik:before{content:"\e8f7"}.icofont-brand-lastfm:before{content:"\e8f8"}.icofont-brand-lego:before{content:"\e8f9"}.icofont-brand-lenovo:before{content:"\e8fa"}.icofont-brand-levis:before{content:"\e8fb"}.icofont-brand-lexus:before{content:"\e8fc"}.icofont-brand-lg:before{content:"\e8fd"}.icofont-brand-life-hacker:before{content:"\e8fe"}.icofont-brand-linux-mint:before{content:"\e8ff"}.icofont-brand-linux:before{content:"\e900"}.icofont-brand-lionix:before{content:"\e901"}.icofont-brand-loreal:before{content:"\e902"}.icofont-brand-louis-vuitton:before{content:"\e903"}.icofont-brand-mac-os:before{content:"\e904"}.icofont-brand-marvel-app:before{content:"\e905"}.icofont-brand-mashable:before{content:"\e906"}.icofont-brand-mazda:before{content:"\e907"}.icofont-brand-mcdonals:before{content:"\e908"}.icofont-brand-mercedes:before{content:"\e909"}.icofont-brand-micromax:before{content:"\e90a"}.icofont-brand-microsoft:before{content:"\e90b"}.icofont-brand-mobileme:before{content:"\e90c"}.icofont-brand-mobily:before{content:"\e90d"}.icofont-brand-motorola:before{content:"\e90e"}.icofont-brand-msi:before{content:"\e90f"}.icofont-brand-mts:before{content:"\e910"}.icofont-brand-myspace:before{content:"\e911"}.icofont-brand-mytv:before{content:"\e912"}.icofont-brand-nasa:before{content:"\e913"}.icofont-brand-natgeo:before{content:"\e914"}.icofont-brand-nbc:before{content:"\e915"}.icofont-brand-nescafe:before{content:"\e916"}.icofont-brand-nestle:before{content:"\e917"}.icofont-brand-netflix:before{content:"\e918"}.icofont-brand-nexus:before{content:"\e919"}.icofont-brand-nike:before{content:"\e91a"}.icofont-brand-nokia:before{content:"\e91b"}.icofont-brand-nvidia:before{content:"\e91c"}.icofont-brand-omega:before{content:"\e91d"}.icofont-brand-opensuse:before{content:"\e91e"}.icofont-brand-oracle:before{content:"\e91f"}.icofont-brand-panasonic:before{content:"\e920"}.icofont-brand-paypal:before{content:"\e921"}.icofont-brand-pepsi:before{content:"\e922"}.icofont-brand-philips:before{content:"\e923"}.icofont-brand-pizza-hut:before{content:"\e924"}.icofont-brand-playstation:before{content:"\e925"}.icofont-brand-puma:before{content:"\e926"}.icofont-brand-qatar-air:before{content:"\e927"}.icofont-brand-qvc:before{content:"\e928"}.icofont-brand-readernaut:before{content:"\e929"}.icofont-brand-redbull:before{content:"\e92a"}.icofont-brand-reebok:before{content:"\e92b"}.icofont-brand-reuters:before{content:"\e92c"}.icofont-brand-samsung:before{content:"\e92d"}.icofont-brand-sap:before{content:"\e92e"}.icofont-brand-saudia-airlines:before{content:"\e92f"}.icofont-brand-scribd:before{content:"\e930"}.icofont-brand-shell:before{content:"\e931"}.icofont-brand-siemens:before{content:"\e932"}.icofont-brand-sk-telecom:before{content:"\e933"}.icofont-brand-slideshare:before{content:"\e934"}.icofont-brand-smashing-magazine:before{content:"\e935"}.icofont-brand-snapchat:before{content:"\e936"}.icofont-brand-sony-ericsson:before{content:"\e937"}.icofont-brand-sony:before{content:"\e938"}.icofont-brand-soundcloud:before{content:"\e939"}.icofont-brand-sprint:before{content:"\e93a"}.icofont-brand-squidoo:before{content:"\e93b"}.icofont-brand-starbucks:before{content:"\e93c"}.icofont-brand-stc:before{content:"\e93d"}.icofont-brand-steam:before{content:"\e93e"}.icofont-brand-suzuki:before{content:"\e93f"}.icofont-brand-symbian:before{content:"\e940"}.icofont-brand-t-mobile:before{content:"\e941"}.icofont-brand-tango:before{content:"\e942"}.icofont-brand-target:before{content:"\e943"}.icofont-brand-tata-indicom:before{content:"\e944"}.icofont-brand-techcrunch:before{content:"\e945"}.icofont-brand-telenor:before{content:"\e946"}.icofont-brand-teliasonera:before{content:"\e947"}.icofont-brand-tesla:before{content:"\e948"}.icofont-brand-the-verge:before{content:"\e949"}.icofont-brand-thenextweb:before{content:"\e94a"}.icofont-brand-toshiba:before{content:"\e94b"}.icofont-brand-toyota:before{content:"\e94c"}.icofont-brand-tribenet:before{content:"\e94d"}.icofont-brand-ubuntu:before{content:"\e94e"}.icofont-brand-unilever:before{content:"\e94f"}.icofont-brand-vaio:before{content:"\e950"}.icofont-brand-verizon:before{content:"\e951"}.icofont-brand-viber:before{content:"\e952"}.icofont-brand-vodafone:before{content:"\e953"}.icofont-brand-volkswagen:before{content:"\e954"}.icofont-brand-walmart:before{content:"\e955"}.icofont-brand-warnerbros:before{content:"\e956"}.icofont-brand-whatsapp:before{content:"\e957"}.icofont-brand-wikipedia:before{content:"\e958"}.icofont-brand-windows:before{content:"\e959"}.icofont-brand-wire:before{content:"\e95a"}.icofont-brand-wordpress:before{content:"\e95b"}.icofont-brand-xiaomi:before{content:"\e95c"}.icofont-brand-yahoobuzz:before{content:"\e95d"}.icofont-brand-yamaha:before{content:"\e95e"}.icofont-brand-youtube:before{content:"\e95f"}.icofont-brand-zain:before{content:"\e960"}.icofont-bank-alt:before{content:"\e961"}.icofont-bank:before{content:"\e962"}.icofont-barcode:before{content:"\e963"}.icofont-bill-alt:before{content:"\e964"}.icofont-billboard:before{content:"\e965"}.icofont-briefcase-1:before{content:"\e966"}.icofont-briefcase-2:before{content:"\e967"}.icofont-businessman:before{content:"\e968"}.icofont-businesswoman:before{content:"\e969"}.icofont-chair:before{content:"\e96a"}.icofont-coins:before{content:"\e96b"}.icofont-company:before{content:"\e96c"}.icofont-contact-add:before{content:"\e96d"}.icofont-files-stack:before{content:"\e96e"}.icofont-handshake-deal:before{content:"\e96f"}.icofont-id-card:before{content:"\e970"}.icofont-meeting-add:before{content:"\e971"}.icofont-money-bag:before{content:"\e972"}.icofont-pie-chart:before{content:"\e973"}.icofont-presentation-alt:before{content:"\e974"}.icofont-presentation:before{content:"\e975"}.icofont-stamp:before{content:"\e976"}.icofont-stock-mobile:before{content:"\e977"}.icofont-chart-arrows-axis:before{content:"\e978"}.icofont-chart-bar-graph:before{content:"\e979"}.icofont-chart-flow-1:before{content:"\e97a"}.icofont-chart-flow-2:before{content:"\e97b"}.icofont-chart-flow:before{content:"\e97c"}.icofont-chart-growth:before{content:"\e97d"}.icofont-chart-histogram-alt:before{content:"\e97e"}.icofont-chart-histogram:before{content:"\e97f"}.icofont-chart-line-alt:before{content:"\e980"}.icofont-chart-line:before{content:"\e981"}.icofont-chart-pie-alt:before{content:"\e982"}.icofont-chart-pie:before{content:"\e983"}.icofont-chart-radar-graph:before{content:"\e984"}.icofont-architecture-alt:before{content:"\e985"}.icofont-architecture:before{content:"\e986"}.icofont-barricade:before{content:"\e987"}.icofont-bolt:before{content:"\e988"}.icofont-bricks:before{content:"\e989"}.icofont-building-alt:before{content:"\e98a"}.icofont-bull-dozer:before{content:"\e98b"}.icofont-calculations:before{content:"\e98c"}.icofont-cement-mix:before{content:"\e98d"}.icofont-cement-mixer:before{content:"\e98e"}.icofont-concrete-mixer:before{content:"\e98f"}.icofont-danger-zone:before{content:"\e990"}.icofont-drill:before{content:"\e991"}.icofont-eco-energy:before{content:"\e992"}.icofont-eco-environmen:before{content:"\e993"}.icofont-energy-air:before{content:"\e994"}.icofont-energy-oil:before{content:"\e995"}.icofont-energy-savings:before{content:"\e996"}.icofont-energy-solar:before{content:"\e997"}.icofont-energy-water:before{content:"\e998"}.icofont-engineer:before{content:"\e999"}.icofont-fire-extinguisher-alt:before{content:"\e99a"}.icofont-fire-extinguisher:before{content:"\e99b"}.icofont-fix-tools:before{content:"\e99c"}.icofont-fork-lift:before{content:"\e99d"}.icofont-glue-oil:before{content:"\e99e"}.icofont-hammer-alt:before{content:"\e99f"}.icofont-hammer:before{content:"\e9a0"}.icofont-help-robot:before{content:"\e9a1"}.icofont-industries-1:before{content:"\e9a2"}.icofont-industries-2:before{content:"\e9a3"}.icofont-industries-3:before{content:"\e9a4"}.icofont-industries-4:before{content:"\e9a5"}.icofont-industries-5:before{content:"\e9a6"}.icofont-industries:before{content:"\e9a7"}.icofont-labour:before{content:"\e9a8"}.icofont-mining:before{content:"\e9a9"}.icofont-paint-brush:before{content:"\e9aa"}.icofont-pollution:before{content:"\e9ab"}.icofont-power-zone:before{content:"\e9ac"}.icofont-radio-active:before{content:"\e9ad"}.icofont-recycle-alt:before{content:"\e9ae"}.icofont-recycling-man:before{content:"\e9af"}.icofont-safety-hat-light:before{content:"\e9b0"}.icofont-safety-hat:before{content:"\e9b1"}.icofont-saw:before{content:"\e9b2"}.icofont-screw-driver:before{content:"\e9b3"}.icofont-tools-1:before{content:"\e9b4"}.icofont-tools-bag:before{content:"\e9b5"}.icofont-tow-truck:before{content:"\e9b6"}.icofont-trolley:before{content:"\e9b7"}.icofont-trowel:before{content:"\e9b8"}.icofont-under-construction-alt:before{content:"\e9b9"}.icofont-under-construction:before{content:"\e9ba"}.icofont-vehicle-cement:before{content:"\e9bb"}.icofont-vehicle-crane:before{content:"\e9bc"}.icofont-vehicle-delivery-van:before{content:"\e9bd"}.icofont-vehicle-dozer:before{content:"\e9be"}.icofont-vehicle-excavator:before{content:"\e9bf"}.icofont-vehicle-trucktor:before{content:"\e9c0"}.icofont-vehicle-wrecking:before{content:"\e9c1"}.icofont-worker:before{content:"\e9c2"}.icofont-workers-group:before{content:"\e9c3"}.icofont-wrench:before{content:"\e9c4"}.icofont-afghani-false:before{content:"\e9c5"}.icofont-afghani-minus:before{content:"\e9c6"}.icofont-afghani-plus:before{content:"\e9c7"}.icofont-afghani-true:before{content:"\e9c8"}.icofont-afghani:before{content:"\e9c9"}.icofont-baht-false:before{content:"\e9ca"}.icofont-baht-minus:before{content:"\e9cb"}.icofont-baht-plus:before{content:"\e9cc"}.icofont-baht-true:before{content:"\e9cd"}.icofont-baht:before{content:"\e9ce"}.icofont-bitcoin-false:before{content:"\e9cf"}.icofont-bitcoin-minus:before{content:"\e9d0"}.icofont-bitcoin-plus:before{content:"\e9d1"}.icofont-bitcoin-true:before{content:"\e9d2"}.icofont-bitcoin:before{content:"\e9d3"}.icofont-dollar-flase:before{content:"\e9d4"}.icofont-dollar-minus:before{content:"\e9d5"}.icofont-dollar-plus:before{content:"\e9d6"}.icofont-dollar-true:before{content:"\e9d7"}.icofont-dollar:before{content:"\e9d8"}.icofont-dong-false:before{content:"\e9d9"}.icofont-dong-minus:before{content:"\e9da"}.icofont-dong-plus:before{content:"\e9db"}.icofont-dong-true:before{content:"\e9dc"}.icofont-dong:before{content:"\e9dd"}.icofont-euro-false:before{content:"\e9de"}.icofont-euro-minus:before{content:"\e9df"}.icofont-euro-plus:before{content:"\e9e0"}.icofont-euro-true:before{content:"\e9e1"}.icofont-euro:before{content:"\e9e2"}.icofont-frank-false:before{content:"\e9e3"}.icofont-frank-minus:before{content:"\e9e4"}.icofont-frank-plus:before{content:"\e9e5"}.icofont-frank-true:before{content:"\e9e6"}.icofont-frank:before{content:"\e9e7"}.icofont-hryvnia-false:before{content:"\e9e8"}.icofont-hryvnia-minus:before{content:"\e9e9"}.icofont-hryvnia-plus:before{content:"\e9ea"}.icofont-hryvnia-true:before{content:"\e9eb"}.icofont-hryvnia:before{content:"\e9ec"}.icofont-lira-false:before{content:"\e9ed"}.icofont-lira-minus:before{content:"\e9ee"}.icofont-lira-plus:before{content:"\e9ef"}.icofont-lira-true:before{content:"\e9f0"}.icofont-lira:before{content:"\e9f1"}.icofont-peseta-false:before{content:"\e9f2"}.icofont-peseta-minus:before{content:"\e9f3"}.icofont-peseta-plus:before{content:"\e9f4"}.icofont-peseta-true:before{content:"\e9f5"}.icofont-peseta:before{content:"\e9f6"}.icofont-peso-false:before{content:"\e9f7"}.icofont-peso-minus:before{content:"\e9f8"}.icofont-peso-plus:before{content:"\e9f9"}.icofont-peso-true:before{content:"\e9fa"}.icofont-peso:before{content:"\e9fb"}.icofont-pound-false:before{content:"\e9fc"}.icofont-pound-minus:before{content:"\e9fd"}.icofont-pound-plus:before{content:"\e9fe"}.icofont-pound-true:before{content:"\e9ff"}.icofont-pound:before{content:"\ea00"}.icofont-renminbi-false:before{content:"\ea01"}.icofont-renminbi-minus:before{content:"\ea02"}.icofont-renminbi-plus:before{content:"\ea03"}.icofont-renminbi-true:before{content:"\ea04"}.icofont-renminbi:before{content:"\ea05"}.icofont-riyal-false:before{content:"\ea06"}.icofont-riyal-minus:before{content:"\ea07"}.icofont-riyal-plus:before{content:"\ea08"}.icofont-riyal-true:before{content:"\ea09"}.icofont-riyal:before{content:"\ea0a"}.icofont-rouble-false:before{content:"\ea0b"}.icofont-rouble-minus:before{content:"\ea0c"}.icofont-rouble-plus:before{content:"\ea0d"}.icofont-rouble-true:before{content:"\ea0e"}.icofont-rouble:before{content:"\ea0f"}.icofont-rupee-false:before{content:"\ea10"}.icofont-rupee-minus:before{content:"\ea11"}.icofont-rupee-plus:before{content:"\ea12"}.icofont-rupee-true:before{content:"\ea13"}.icofont-rupee:before{content:"\ea14"}.icofont-taka-false:before{content:"\ea15"}.icofont-taka-minus:before{content:"\ea16"}.icofont-taka-plus:before{content:"\ea17"}.icofont-taka-true:before{content:"\ea18"}.icofont-taka:before{content:"\ea19"}.icofont-turkish-lira-false:before{content:"\ea1a"}.icofont-turkish-lira-minus:before{content:"\ea1b"}.icofont-turkish-lira-plus:before{content:"\ea1c"}.icofont-turkish-lira-true:before{content:"\ea1d"}.icofont-turkish-lira:before{content:"\ea1e"}.icofont-won-false:before{content:"\ea1f"}.icofont-won-minus:before{content:"\ea20"}.icofont-won-plus:before{content:"\ea21"}.icofont-won-true:before{content:"\ea22"}.icofont-won:before{content:"\ea23"}.icofont-yen-false:before{content:"\ea24"}.icofont-yen-minus:before{content:"\ea25"}.icofont-yen-plus:before{content:"\ea26"}.icofont-yen-true:before{content:"\ea27"}.icofont-yen:before{content:"\ea28"}.icofont-android-nexus:before{content:"\ea29"}.icofont-android-tablet:before{content:"\ea2a"}.icofont-apple-watch:before{content:"\ea2b"}.icofont-drawing-tablet:before{content:"\ea2c"}.icofont-earphone:before{content:"\ea2d"}.icofont-flash-drive:before{content:"\ea2e"}.icofont-game-console:before{content:"\ea2f"}.icofont-game-controller:before{content:"\ea30"}.icofont-game-pad:before{content:"\ea31"}.icofont-game:before{content:"\ea32"}.icofont-headphone-alt-1:before{content:"\ea33"}.icofont-headphone-alt-2:before{content:"\ea34"}.icofont-headphone-alt-3:before{content:"\ea35"}.icofont-headphone-alt:before{content:"\ea36"}.icofont-headphone:before{content:"\ea37"}.icofont-htc-one:before{content:"\ea38"}.icofont-imac:before{content:"\ea39"}.icofont-ipad:before{content:"\ea3a"}.icofont-iphone:before{content:"\ea3b"}.icofont-ipod-nano:before{content:"\ea3c"}.icofont-ipod-touch:before{content:"\ea3d"}.icofont-keyboard-alt:before{content:"\ea3e"}.icofont-keyboard-wireless:before{content:"\ea3f"}.icofont-keyboard:before{content:"\ea40"}.icofont-laptop-alt:before{content:"\ea41"}.icofont-laptop:before{content:"\ea42"}.icofont-macbook:before{content:"\ea43"}.icofont-magic-mouse:before{content:"\ea44"}.icofont-micro-chip:before{content:"\ea45"}.icofont-microphone-alt:before{content:"\ea46"}.icofont-microphone:before{content:"\ea47"}.icofont-monitor:before{content:"\ea48"}.icofont-mouse:before{content:"\ea49"}.icofont-mp3-player:before{content:"\ea4a"}.icofont-nintendo:before{content:"\ea4b"}.icofont-playstation-alt:before{content:"\ea4c"}.icofont-psvita:before{content:"\ea4d"}.icofont-radio-mic:before{content:"\ea4e"}.icofont-radio:before{content:"\ea4f"}.icofont-refrigerator:before{content:"\ea50"}.icofont-samsung-galaxy:before{content:"\ea51"}.icofont-surface-tablet:before{content:"\ea52"}.icofont-ui-head-phone:before{content:"\ea53"}.icofont-ui-keyboard:before{content:"\ea54"}.icofont-washing-machine:before{content:"\ea55"}.icofont-wifi-router:before{content:"\ea56"}.icofont-wii-u:before{content:"\ea57"}.icofont-windows-lumia:before{content:"\ea58"}.icofont-wireless-mouse:before{content:"\ea59"}.icofont-xbox-360:before{content:"\ea5a"}.icofont-arrow-down:before{content:"\ea5b"}.icofont-arrow-left:before{content:"\ea5c"}.icofont-arrow-right:before{content:"\ea5d"}.icofont-arrow-up:before{content:"\ea5e"}.icofont-block-down:before{content:"\ea5f"}.icofont-block-left:before{content:"\ea60"}.icofont-block-right:before{content:"\ea61"}.icofont-block-up:before{content:"\ea62"}.icofont-bubble-down:before{content:"\ea63"}.icofont-bubble-left:before{content:"\ea64"}.icofont-bubble-right:before{content:"\ea65"}.icofont-bubble-up:before{content:"\ea66"}.icofont-caret-down:before{content:"\ea67"}.icofont-caret-left:before{content:"\ea68"}.icofont-caret-right:before{content:"\ea69"}.icofont-caret-up:before{content:"\ea6a"}.icofont-circled-down:before{content:"\ea6b"}.icofont-circled-left:before{content:"\ea6c"}.icofont-circled-right:before{content:"\ea6d"}.icofont-circled-up:before{content:"\ea6e"}.icofont-collapse:before{content:"\ea6f"}.icofont-cursor-drag:before{content:"\ea70"}.icofont-curved-double-left:before{content:"\ea71"}.icofont-curved-double-right:before{content:"\ea72"}.icofont-curved-down:before{content:"\ea73"}.icofont-curved-left:before{content:"\ea74"}.icofont-curved-right:before{content:"\ea75"}.icofont-curved-up:before{content:"\ea76"}.icofont-dotted-down:before{content:"\ea77"}.icofont-dotted-left:before{content:"\ea78"}.icofont-dotted-right:before{content:"\ea79"}.icofont-dotted-up:before{content:"\ea7a"}.icofont-double-left:before{content:"\ea7b"}.icofont-double-right:before{content:"\ea7c"}.icofont-expand-alt:before{content:"\ea7d"}.icofont-hand-down:before{content:"\ea7e"}.icofont-hand-drag:before{content:"\ea7f"}.icofont-hand-drag1:before{content:"\ea80"}.icofont-hand-drag2:before{content:"\ea81"}.icofont-hand-drawn-alt-down:before{content:"\ea82"}.icofont-hand-drawn-alt-left:before{content:"\ea83"}.icofont-hand-drawn-alt-right:before{content:"\ea84"}.icofont-hand-drawn-alt-up:before{content:"\ea85"}.icofont-hand-drawn-down:before{content:"\ea86"}.icofont-hand-drawn-left:before{content:"\ea87"}.icofont-hand-drawn-right:before{content:"\ea88"}.icofont-hand-drawn-up:before{content:"\ea89"}.icofont-hand-grippers:before{content:"\ea8a"}.icofont-hand-left:before{content:"\ea8b"}.icofont-hand-right:before{content:"\ea8c"}.icofont-hand-up:before{content:"\ea8d"}.icofont-line-block-down:before{content:"\ea8e"}.icofont-line-block-left:before{content:"\ea8f"}.icofont-line-block-right:before{content:"\ea90"}.icofont-line-block-up:before{content:"\ea91"}.icofont-long-arrow-down:before{content:"\ea92"}.icofont-long-arrow-left:before{content:"\ea93"}.icofont-long-arrow-right:before{content:"\ea94"}.icofont-long-arrow-up:before{content:"\ea95"}.icofont-rounded-collapse:before{content:"\ea96"}.icofont-rounded-double-left:before{content:"\ea97"}.icofont-rounded-double-right:before{content:"\ea98"}.icofont-rounded-down:before{content:"\ea99"}.icofont-rounded-expand:before{content:"\ea9a"}.icofont-rounded-left-down:before{content:"\ea9b"}.icofont-rounded-left-up:before{content:"\ea9c"}.icofont-rounded-left:before{content:"\ea9d"}.icofont-rounded-right-down:before{content:"\ea9e"}.icofont-rounded-right-up:before{content:"\ea9f"}.icofont-rounded-right:before{content:"\eaa0"}.icofont-rounded-up:before{content:"\eaa1"}.icofont-scroll-bubble-down:before{content:"\eaa2"}.icofont-scroll-bubble-left:before{content:"\eaa3"}.icofont-scroll-bubble-right:before{content:"\eaa4"}.icofont-scroll-bubble-up:before{content:"\eaa5"}.icofont-scroll-double-down:before{content:"\eaa6"}.icofont-scroll-double-left:before{content:"\eaa7"}.icofont-scroll-double-right:before{content:"\eaa8"}.icofont-scroll-double-up:before{content:"\eaa9"}.icofont-scroll-down:before{content:"\eaaa"}.icofont-scroll-left:before{content:"\eaab"}.icofont-scroll-long-down:before{content:"\eaac"}.icofont-scroll-long-left:before{content:"\eaad"}.icofont-scroll-long-right:before{content:"\eaae"}.icofont-scroll-long-up:before{content:"\eaaf"}.icofont-scroll-right:before{content:"\eab0"}.icofont-scroll-up:before{content:"\eab1"}.icofont-simple-down:before{content:"\eab2"}.icofont-simple-left-down:before{content:"\eab3"}.icofont-simple-left-up:before{content:"\eab4"}.icofont-simple-left:before{content:"\eab5"}.icofont-simple-right-down:before{content:"\eab6"}.icofont-simple-right-up:before{content:"\eab7"}.icofont-simple-right:before{content:"\eab8"}.icofont-simple-up:before{content:"\eab9"}.icofont-square-down:before{content:"\eaba"}.icofont-square-left:before{content:"\eabb"}.icofont-square-right:before{content:"\eabc"}.icofont-square-up:before{content:"\eabd"}.icofont-stylish-down:before{content:"\eabe"}.icofont-stylish-left:before{content:"\eabf"}.icofont-stylish-right:before{content:"\eac0"}.icofont-stylish-up:before{content:"\eac1"}.icofont-swoosh-down:before{content:"\eac2"}.icofont-swoosh-left:before{content:"\eac3"}.icofont-swoosh-right:before{content:"\eac4"}.icofont-swoosh-up:before{content:"\eac5"}.icofont-thin-double-left:before{content:"\eac6"}.icofont-thin-double-right:before{content:"\eac7"}.icofont-thin-down:before{content:"\eac8"}.icofont-thin-left:before{content:"\eac9"}.icofont-thin-right:before{content:"\eaca"}.icofont-thin-up:before{content:"\eacb"}.icofont-abc:before{content:"\eacc"}.icofont-atom:before{content:"\eacd"}.icofont-award:before{content:"\eace"}.icofont-bell-alt:before{content:"\eacf"}.icofont-black-board:before{content:"\ead0"}.icofont-book-alt:before{content:"\ead1"}.icofont-book:before{content:"\ead2"}.icofont-brainstorming:before{content:"\ead3"}.icofont-certificate-alt-1:before{content:"\ead4"}.icofont-certificate-alt-2:before{content:"\ead5"}.icofont-certificate:before{content:"\ead6"}.icofont-education:before{content:"\ead7"}.icofont-electron:before{content:"\ead8"}.icofont-fountain-pen:before{content:"\ead9"}.icofont-globe-alt:before{content:"\eada"}.icofont-graduate-alt:before{content:"\eadb"}.icofont-graduate:before{content:"\eadc"}.icofont-group-students:before{content:"\eadd"}.icofont-hat-alt:before{content:"\eade"}.icofont-hat:before{content:"\eadf"}.icofont-instrument:before{content:"\eae0"}.icofont-lamp-light:before{content:"\eae1"}.icofont-medal:before{content:"\eae2"}.icofont-microscope-alt:before{content:"\eae3"}.icofont-microscope:before{content:"\eae4"}.icofont-paper:before{content:"\eae5"}.icofont-pen-alt-4:before{content:"\eae6"}.icofont-pen-nib:before{content:"\eae7"}.icofont-pencil-alt-5:before{content:"\eae8"}.icofont-quill-pen:before{content:"\eae9"}.icofont-read-book-alt:before{content:"\eaea"}.icofont-read-book:before{content:"\eaeb"}.icofont-school-bag:before{content:"\eaec"}.icofont-school-bus:before{content:"\eaed"}.icofont-student-alt:before{content:"\eaee"}.icofont-student:before{content:"\eaef"}.icofont-teacher:before{content:"\eaf0"}.icofont-test-bulb:before{content:"\eaf1"}.icofont-test-tube-alt:before{content:"\eaf2"}.icofont-university:before{content:"\eaf3"}.icofont-angry:before{content:"\eaf4"}.icofont-astonished:before{content:"\eaf5"}.icofont-confounded:before{content:"\eaf6"}.icofont-confused:before{content:"\eaf7"}.icofont-crying:before{content:"\eaf8"}.icofont-dizzy:before{content:"\eaf9"}.icofont-expressionless:before{content:"\eafa"}.icofont-heart-eyes:before{content:"\eafb"}.icofont-laughing:before{content:"\eafc"}.icofont-nerd-smile:before{content:"\eafd"}.icofont-open-mouth:before{content:"\eafe"}.icofont-rage:before{content:"\eaff"}.icofont-rolling-eyes:before{content:"\eb00"}.icofont-sad:before{content:"\eb01"}.icofont-simple-smile:before{content:"\eb02"}.icofont-slightly-smile:before{content:"\eb03"}.icofont-smirk:before{content:"\eb04"}.icofont-stuck-out-tongue:before{content:"\eb05"}.icofont-wink-smile:before{content:"\eb06"}.icofont-worried:before{content:"\eb07"}.icofont-file-alt:before{content:"\eb08"}.icofont-file-audio:before{content:"\eb09"}.icofont-file-avi-mp4:before{content:"\eb0a"}.icofont-file-bmp:before{content:"\eb0b"}.icofont-file-code:before{content:"\eb0c"}.icofont-file-css:before{content:"\eb0d"}.icofont-file-document:before{content:"\eb0e"}.icofont-file-eps:before{content:"\eb0f"}.icofont-file-excel:before{content:"\eb10"}.icofont-file-exe:before{content:"\eb11"}.icofont-file-file:before{content:"\eb12"}.icofont-file-flv:before{content:"\eb13"}.icofont-file-gif:before{content:"\eb14"}.icofont-file-html5:before{content:"\eb15"}.icofont-file-image:before{content:"\eb16"}.icofont-file-iso:before{content:"\eb17"}.icofont-file-java:before{content:"\eb18"}.icofont-file-jpg:before{content:"\eb1a"}.icofont-file-midi:before{content:"\eb1b"}.icofont-file-mov:before{content:"\eb1c"}.icofont-file-mp3:before{content:"\eb1d"}.icofont-file-pdf:before{content:"\eb1e"}.icofont-file-php:before{content:"\eb1f"}.icofont-file-png:before{content:"\eb20"}.icofont-file-powerpoint:before{content:"\eb21"}.icofont-file-presentation:before{content:"\eb22"}.icofont-file-psb:before{content:"\eb23"}.icofont-file-psd:before{content:"\eb24"}.icofont-file-python:before{content:"\eb25"}.icofont-file-ruby:before{content:"\eb26"}.icofont-file-spreadsheet:before{content:"\eb27"}.icofont-file-sql:before{content:"\eb28"}.icofont-file-svg:before{content:"\eb29"}.icofont-file-text:before{content:"\eb2a"}.icofont-file-tiff:before{content:"\eb2b"}.icofont-file-video:before{content:"\eb2c"}.icofont-file-wave:before{content:"\eb2d"}.icofont-file-wmv:before{content:"\eb2e"}.icofont-file-word:before{content:"\eb2f"}.icofont-file-zip:before{content:"\eb30"}.icofont-cycling-alt:before{content:"\eb31"}.icofont-cycling:before{content:"\eb32"}.icofont-dumbbell:before{content:"\eb33"}.icofont-dumbbells:before{content:"\eb34"}.icofont-gym-alt-1:before{content:"\eb35"}.icofont-gym-alt-2:before{content:"\eb36"}.icofont-gym-alt-3:before{content:"\eb37"}.icofont-gym:before{content:"\eb38"}.icofont-muscle-weight:before{content:"\eb39"}.icofont-muscle:before{content:"\eb3a"}.icofont-apple:before{content:"\eb3b"}.icofont-arabian-coffee:before{content:"\eb3c"}.icofont-artichoke:before{content:"\eb3d"}.icofont-asparagus:before{content:"\eb3e"}.icofont-avocado:before{content:"\eb3f"}.icofont-baby-food:before{content:"\eb40"}.icofont-banana:before{content:"\eb41"}.icofont-bbq:before{content:"\eb42"}.icofont-beans:before{content:"\eb43"}.icofont-beer:before{content:"\eb44"}.icofont-bell-pepper-capsicum:before{content:"\eb45"}.icofont-birthday-cake:before{content:"\eb46"}.icofont-bread:before{content:"\eb47"}.icofont-broccoli:before{content:"\eb48"}.icofont-burger:before{content:"\eb49"}.icofont-cabbage:before{content:"\eb4a"}.icofont-carrot:before{content:"\eb4b"}.icofont-cauli-flower:before{content:"\eb4c"}.icofont-cheese:before{content:"\eb4d"}.icofont-chef:before{content:"\eb4e"}.icofont-cherry:before{content:"\eb4f"}.icofont-chicken-fry:before{content:"\eb50"}.icofont-chicken:before{content:"\eb51"}.icofont-cocktail:before{content:"\eb52"}.icofont-coconut-water:before{content:"\eb53"}.icofont-coconut:before{content:"\eb54"}.icofont-coffee-alt:before{content:"\eb55"}.icofont-coffee-cup:before{content:"\eb56"}.icofont-coffee-mug:before{content:"\eb57"}.icofont-coffee-pot:before{content:"\eb58"}.icofont-cola:before{content:"\eb59"}.icofont-corn:before{content:"\eb5a"}.icofont-croissant:before{content:"\eb5b"}.icofont-crop-plant:before{content:"\eb5c"}.icofont-cucumber:before{content:"\eb5d"}.icofont-culinary:before{content:"\eb5e"}.icofont-cup-cake:before{content:"\eb5f"}.icofont-dining-table:before{content:"\eb60"}.icofont-donut:before{content:"\eb61"}.icofont-egg-plant:before{content:"\eb62"}.icofont-egg-poached:before{content:"\eb63"}.icofont-farmer-alt:before{content:"\eb64"}.icofont-farmer:before{content:"\eb65"}.icofont-fast-food:before{content:"\eb66"}.icofont-food-basket:before{content:"\eb67"}.icofont-food-cart:before{content:"\eb68"}.icofont-fork-and-knife:before{content:"\eb69"}.icofont-french-fries:before{content:"\eb6a"}.icofont-fruits:before{content:"\eb6b"}.icofont-grapes:before{content:"\eb6c"}.icofont-honey:before{content:"\eb6d"}.icofont-hot-dog:before{content:"\eb6e"}.icofont-ice-cream-alt:before{content:"\eb6f"}.icofont-ice-cream:before{content:"\eb70"}.icofont-juice:before{content:"\eb71"}.icofont-ketchup:before{content:"\eb72"}.icofont-kiwi:before{content:"\eb73"}.icofont-layered-cake:before{content:"\eb74"}.icofont-lemon-alt:before{content:"\eb75"}.icofont-lemon:before{content:"\eb76"}.icofont-lobster:before{content:"\eb77"}.icofont-mango:before{content:"\eb78"}.icofont-milk:before{content:"\eb79"}.icofont-mushroom:before{content:"\eb7a"}.icofont-noodles:before{content:"\eb7b"}.icofont-onion:before{content:"\eb7c"}.icofont-orange:before{content:"\eb7d"}.icofont-pear:before{content:"\eb7e"}.icofont-peas:before{content:"\eb7f"}.icofont-pepper:before{content:"\eb80"}.icofont-pie-alt:before{content:"\eb81"}.icofont-pie:before{content:"\eb82"}.icofont-pineapple:before{content:"\eb83"}.icofont-pizza-slice:before{content:"\eb84"}.icofont-pizza:before{content:"\eb85"}.icofont-plant:before{content:"\eb86"}.icofont-popcorn:before{content:"\eb87"}.icofont-potato:before{content:"\eb88"}.icofont-pumpkin:before{content:"\eb89"}.icofont-raddish:before{content:"\eb8a"}.icofont-restaurant-menu:before{content:"\eb8b"}.icofont-restaurant:before{content:"\eb8c"}.icofont-salt-and-pepper:before{content:"\eb8d"}.icofont-sandwich:before{content:"\eb8e"}.icofont-sausage:before{content:"\eb8f"}.icofont-soft-drinks:before{content:"\eb90"}.icofont-soup-bowl:before{content:"\eb91"}.icofont-spoon-and-fork:before{content:"\eb92"}.icofont-steak:before{content:"\eb93"}.icofont-strawberry:before{content:"\eb94"}.icofont-sub-sandwich:before{content:"\eb95"}.icofont-sushi:before{content:"\eb96"}.icofont-taco:before{content:"\eb97"}.icofont-tea-pot:before{content:"\eb98"}.icofont-tea:before{content:"\eb99"}.icofont-tomato:before{content:"\eb9a"}.icofont-watermelon:before{content:"\eb9b"}.icofont-wheat:before{content:"\eb9c"}.icofont-baby-backpack:before{content:"\eb9d"}.icofont-baby-cloth:before{content:"\eb9e"}.icofont-baby-milk-bottle:before{content:"\eb9f"}.icofont-baby-trolley:before{content:"\eba0"}.icofont-baby:before{content:"\eba1"}.icofont-candy:before{content:"\eba2"}.icofont-holding-hands:before{content:"\eba3"}.icofont-infant-nipple:before{content:"\eba4"}.icofont-kids-scooter:before{content:"\eba5"}.icofont-safety-pin:before{content:"\eba6"}.icofont-teddy-bear:before{content:"\eba7"}.icofont-toy-ball:before{content:"\eba8"}.icofont-toy-cat:before{content:"\eba9"}.icofont-toy-duck:before{content:"\ebaa"}.icofont-toy-elephant:before{content:"\ebab"}.icofont-toy-hand:before{content:"\ebac"}.icofont-toy-horse:before{content:"\ebad"}.icofont-toy-lattu:before{content:"\ebae"}.icofont-toy-train:before{content:"\ebaf"}.icofont-burglar:before{content:"\ebb0"}.icofont-cannon-firing:before{content:"\ebb1"}.icofont-cc-camera:before{content:"\ebb2"}.icofont-cop-badge:before{content:"\ebb3"}.icofont-cop:before{content:"\ebb4"}.icofont-court-hammer:before{content:"\ebb5"}.icofont-court:before{content:"\ebb6"}.icofont-finger-print:before{content:"\ebb7"}.icofont-gavel:before{content:"\ebb8"}.icofont-handcuff-alt:before{content:"\ebb9"}.icofont-handcuff:before{content:"\ebba"}.icofont-investigation:before{content:"\ebbb"}.icofont-investigator:before{content:"\ebbc"}.icofont-jail:before{content:"\ebbd"}.icofont-judge:before{content:"\ebbe"}.icofont-law-alt-1:before{content:"\ebbf"}.icofont-law-alt-2:before{content:"\ebc0"}.icofont-law-alt-3:before{content:"\ebc1"}.icofont-law-book:before{content:"\ebc2"}.icofont-law-document:before{content:"\ebc3"}.icofont-law-order:before{content:"\ebc4"}.icofont-law-protect:before{content:"\ebc5"}.icofont-law-scales:before{content:"\ebc6"}.icofont-law:before{content:"\ebc7"}.icofont-lawyer-alt-1:before{content:"\ebc8"}.icofont-lawyer-alt-2:before{content:"\ebc9"}.icofont-lawyer:before{content:"\ebca"}.icofont-legal:before{content:"\ebcb"}.icofont-pistol:before{content:"\ebcc"}.icofont-police-badge:before{content:"\ebcd"}.icofont-police-cap:before{content:"\ebce"}.icofont-police-car-alt-1:before{content:"\ebcf"}.icofont-police-car-alt-2:before{content:"\ebd0"}.icofont-police-car:before{content:"\ebd1"}.icofont-police-hat:before{content:"\ebd2"}.icofont-police-van:before{content:"\ebd3"}.icofont-police:before{content:"\ebd4"}.icofont-thief-alt:before{content:"\ebd5"}.icofont-thief:before{content:"\ebd6"}.icofont-abacus-alt:before{content:"\ebd7"}.icofont-abacus:before{content:"\ebd8"}.icofont-angle-180:before{content:"\ebd9"}.icofont-angle-45:before{content:"\ebda"}.icofont-angle-90:before{content:"\ebdb"}.icofont-angle:before{content:"\ebdc"}.icofont-calculator-alt-1:before{content:"\ebdd"}.icofont-calculator-alt-2:before{content:"\ebde"}.icofont-calculator:before{content:"\ebdf"}.icofont-circle-ruler-alt:before{content:"\ebe0"}.icofont-circle-ruler:before{content:"\ebe1"}.icofont-compass-alt-1:before{content:"\ebe2"}.icofont-compass-alt-2:before{content:"\ebe3"}.icofont-compass-alt-3:before{content:"\ebe4"}.icofont-compass-alt-4:before{content:"\ebe5"}.icofont-golden-ratio:before{content:"\ebe6"}.icofont-marker-alt-1:before{content:"\ebe7"}.icofont-marker-alt-2:before{content:"\ebe8"}.icofont-marker-alt-3:before{content:"\ebe9"}.icofont-marker:before{content:"\ebea"}.icofont-math:before{content:"\ebeb"}.icofont-mathematical-alt-1:before{content:"\ebec"}.icofont-mathematical-alt-2:before{content:"\ebed"}.icofont-mathematical:before{content:"\ebee"}.icofont-pen-alt-1:before{content:"\ebef"}.icofont-pen-alt-2:before{content:"\ebf0"}.icofont-pen-alt-3:before{content:"\ebf1"}.icofont-pen-holder-alt-1:before{content:"\ebf2"}.icofont-pen-holder:before{content:"\ebf3"}.icofont-pen:before{content:"\ebf4"}.icofont-pencil-alt-1:before{content:"\ebf5"}.icofont-pencil-alt-2:before{content:"\ebf6"}.icofont-pencil-alt-3:before{content:"\ebf7"}.icofont-pencil-alt-4:before{content:"\ebf8"}.icofont-pencil:before{content:"\ebf9"}.icofont-ruler-alt-1:before{content:"\ebfa"}.icofont-ruler-alt-2:before{content:"\ebfb"}.icofont-ruler-compass-alt:before{content:"\ebfc"}.icofont-ruler-compass:before{content:"\ebfd"}.icofont-ruler-pencil-alt-1:before{content:"\ebfe"}.icofont-ruler-pencil-alt-2:before{content:"\ebff"}.icofont-ruler-pencil:before{content:"\ec00"}.icofont-ruler:before{content:"\ec01"}.icofont-rulers-alt:before{content:"\ec02"}.icofont-rulers:before{content:"\ec03"}.icofont-square-root:before{content:"\ec04"}.icofont-ui-calculator:before{content:"\ec05"}.icofont-aids:before{content:"\ec06"}.icofont-ambulance-crescent:before{content:"\ec07"}.icofont-ambulance-cross:before{content:"\ec08"}.icofont-ambulance:before{content:"\ec09"}.icofont-autism:before{content:"\ec0a"}.icofont-bandage:before{content:"\ec0b"}.icofont-blind:before{content:"\ec0c"}.icofont-blood-drop:before{content:"\ec0d"}.icofont-blood-test:before{content:"\ec0e"}.icofont-blood:before{content:"\ec0f"}.icofont-brain-alt:before{content:"\ec10"}.icofont-brain:before{content:"\ec11"}.icofont-capsule:before{content:"\ec12"}.icofont-crutch:before{content:"\ec13"}.icofont-disabled:before{content:"\ec14"}.icofont-dna-alt-1:before{content:"\ec15"}.icofont-dna-alt-2:before{content:"\ec16"}.icofont-dna:before{content:"\ec17"}.icofont-doctor-alt:before{content:"\ec18"}.icofont-doctor:before{content:"\ec19"}.icofont-drug-pack:before{content:"\ec1a"}.icofont-drug:before{content:"\ec1b"}.icofont-first-aid-alt:before{content:"\ec1c"}.icofont-first-aid:before{content:"\ec1d"}.icofont-heart-beat-alt:before{content:"\ec1e"}.icofont-heart-beat:before{content:"\ec1f"}.icofont-heartbeat:before{content:"\ec20"}.icofont-herbal:before{content:"\ec21"}.icofont-hospital:before{content:"\ec22"}.icofont-icu:before{content:"\ec23"}.icofont-injection-syringe:before{content:"\ec24"}.icofont-laboratory:before{content:"\ec25"}.icofont-medical-sign-alt:before{content:"\ec26"}.icofont-medical-sign:before{content:"\ec27"}.icofont-nurse-alt:before{content:"\ec28"}.icofont-nurse:before{content:"\ec29"}.icofont-nursing-home:before{content:"\ec2a"}.icofont-operation-theater:before{content:"\ec2b"}.icofont-paralysis-disability:before{content:"\ec2c"}.icofont-patient-bed:before{content:"\ec2d"}.icofont-patient-file:before{content:"\ec2e"}.icofont-pills:before{content:"\ec2f"}.icofont-prescription:before{content:"\ec30"}.icofont-pulse:before{content:"\ec31"}.icofont-stethoscope-alt:before{content:"\ec32"}.icofont-stethoscope:before{content:"\ec33"}.icofont-stretcher:before{content:"\ec34"}.icofont-surgeon-alt:before{content:"\ec35"}.icofont-surgeon:before{content:"\ec36"}.icofont-tablets:before{content:"\ec37"}.icofont-test-bottle:before{content:"\ec38"}.icofont-test-tube:before{content:"\ec39"}.icofont-thermometer-alt:before{content:"\ec3a"}.icofont-thermometer:before{content:"\ec3b"}.icofont-tooth:before{content:"\ec3c"}.icofont-xray:before{content:"\ec3d"}.icofont-ui-add:before{content:"\ec3e"}.icofont-ui-alarm:before{content:"\ec3f"}.icofont-ui-battery:before{content:"\ec40"}.icofont-ui-block:before{content:"\ec41"}.icofont-ui-bluetooth:before{content:"\ec42"}.icofont-ui-brightness:before{content:"\ec43"}.icofont-ui-browser:before{content:"\ec44"}.icofont-ui-calendar:before{content:"\ec45"}.icofont-ui-call:before{content:"\ec46"}.icofont-ui-camera:before{content:"\ec47"}.icofont-ui-cart:before{content:"\ec48"}.icofont-ui-cell-phone:before{content:"\ec49"}.icofont-ui-chat:before{content:"\ec4a"}.icofont-ui-check:before{content:"\ec4b"}.icofont-ui-clip-board:before{content:"\ec4c"}.icofont-ui-clip:before{content:"\ec4d"}.icofont-ui-clock:before{content:"\ec4e"}.icofont-ui-close:before{content:"\ec4f"}.icofont-ui-contact-list:before{content:"\ec50"}.icofont-ui-copy:before{content:"\ec51"}.icofont-ui-cut:before{content:"\ec52"}.icofont-ui-delete:before{content:"\ec53"}.icofont-ui-dial-phone:before{content:"\ec54"}.icofont-ui-edit:before{content:"\ec55"}.icofont-ui-email:before{content:"\ec56"}.icofont-ui-file:before{content:"\ec57"}.icofont-ui-fire-wall:before{content:"\ec58"}.icofont-ui-flash-light:before{content:"\ec59"}.icofont-ui-flight:before{content:"\ec5a"}.icofont-ui-folder:before{content:"\ec5b"}.icofont-ui-game:before{content:"\ec5c"}.icofont-ui-handicapped:before{content:"\ec5d"}.icofont-ui-home:before{content:"\ec5e"}.icofont-ui-image:before{content:"\ec5f"}.icofont-ui-laoding:before{content:"\ec60"}.icofont-ui-lock:before{content:"\ec61"}.icofont-ui-love-add:before{content:"\ec62"}.icofont-ui-love-broken:before{content:"\ec63"}.icofont-ui-love-remove:before{content:"\ec64"}.icofont-ui-love:before{content:"\ec65"}.icofont-ui-map:before{content:"\ec66"}.icofont-ui-message:before{content:"\ec67"}.icofont-ui-messaging:before{content:"\ec68"}.icofont-ui-movie:before{content:"\ec69"}.icofont-ui-music-player:before{content:"\ec6a"}.icofont-ui-music:before{content:"\ec6b"}.icofont-ui-mute:before{content:"\ec6c"}.icofont-ui-network:before{content:"\ec6d"}.icofont-ui-next:before{content:"\ec6e"}.icofont-ui-note:before{content:"\ec6f"}.icofont-ui-office:before{content:"\ec70"}.icofont-ui-password:before{content:"\ec71"}.icofont-ui-pause:before{content:"\ec72"}.icofont-ui-play-stop:before{content:"\ec73"}.icofont-ui-play:before{content:"\ec74"}.icofont-ui-pointer:before{content:"\ec75"}.icofont-ui-power:before{content:"\ec76"}.icofont-ui-press:before{content:"\ec77"}.icofont-ui-previous:before{content:"\ec78"}.icofont-ui-rate-add:before{content:"\ec79"}.icofont-ui-rate-blank:before{content:"\ec7a"}.icofont-ui-rate-remove:before{content:"\ec7b"}.icofont-ui-rating:before{content:"\ec7c"}.icofont-ui-record:before{content:"\ec7d"}.icofont-ui-remove:before{content:"\ec7e"}.icofont-ui-reply:before{content:"\ec7f"}.icofont-ui-rotation:before{content:"\ec80"}.icofont-ui-rss:before{content:"\ec81"}.icofont-ui-search:before{content:"\ec82"}.icofont-ui-settings:before{content:"\ec83"}.icofont-ui-social-link:before{content:"\ec84"}.icofont-ui-tag:before{content:"\ec85"}.icofont-ui-text-chat:before{content:"\ec86"}.icofont-ui-text-loading:before{content:"\ec87"}.icofont-ui-theme:before{content:"\ec88"}.icofont-ui-timer:before{content:"\ec89"}.icofont-ui-touch-phone:before{content:"\ec8a"}.icofont-ui-travel:before{content:"\ec8b"}.icofont-ui-unlock:before{content:"\ec8c"}.icofont-ui-user-group:before{content:"\ec8d"}.icofont-ui-user:before{content:"\ec8e"}.icofont-ui-v-card:before{content:"\ec8f"}.icofont-ui-video-chat:before{content:"\ec90"}.icofont-ui-video-message:before{content:"\ec91"}.icofont-ui-video-play:before{content:"\ec92"}.icofont-ui-video:before{content:"\ec93"}.icofont-ui-volume:before{content:"\ec94"}.icofont-ui-weather:before{content:"\ec95"}.icofont-ui-wifi:before{content:"\ec96"}.icofont-ui-zoom-in:before{content:"\ec97"}.icofont-ui-zoom-out:before{content:"\ec98"}.icofont-cassette-player:before{content:"\ec99"}.icofont-cassette:before{content:"\ec9a"}.icofont-forward:before{content:"\ec9b"}.icofont-guiter:before{content:"\ec9c"}.icofont-movie:before{content:"\ec9d"}.icofont-multimedia:before{content:"\ec9e"}.icofont-music-alt:before{content:"\ec9f"}.icofont-music-disk:before{content:"\eca0"}.icofont-music-note:before{content:"\eca1"}.icofont-music-notes:before{content:"\eca2"}.icofont-music:before{content:"\eca3"}.icofont-mute-volume:before{content:"\eca4"}.icofont-pause:before{content:"\eca5"}.icofont-play-alt-1:before{content:"\eca6"}.icofont-play-alt-2:before{content:"\eca7"}.icofont-play-alt-3:before{content:"\eca8"}.icofont-play-pause:before{content:"\eca9"}.icofont-play:before{content:"\ecaa"}.icofont-record:before{content:"\ecab"}.icofont-retro-music-disk:before{content:"\ecac"}.icofont-rewind:before{content:"\ecad"}.icofont-song-notes:before{content:"\ecae"}.icofont-sound-wave-alt:before{content:"\ecaf"}.icofont-sound-wave:before{content:"\ecb0"}.icofont-stop:before{content:"\ecb1"}.icofont-video-alt:before{content:"\ecb2"}.icofont-video-cam:before{content:"\ecb3"}.icofont-video-clapper:before{content:"\ecb4"}.icofont-video:before{content:"\ecb5"}.icofont-volume-bar:before{content:"\ecb6"}.icofont-volume-down:before{content:"\ecb7"}.icofont-volume-mute:before{content:"\ecb8"}.icofont-volume-off:before{content:"\ecb9"}.icofont-volume-up:before{content:"\ecba"}.icofont-youtube-play:before{content:"\ecbb"}.icofont-2checkout-alt:before{content:"\ecbc"}.icofont-2checkout:before{content:"\ecbd"}.icofont-amazon-alt:before{content:"\ecbe"}.icofont-amazon:before{content:"\ecbf"}.icofont-american-express-alt:before{content:"\ecc0"}.icofont-american-express:before{content:"\ecc1"}.icofont-apple-pay-alt:before{content:"\ecc2"}.icofont-apple-pay:before{content:"\ecc3"}.icofont-bank-transfer-alt:before{content:"\ecc4"}.icofont-bank-transfer:before{content:"\ecc5"}.icofont-braintree-alt:before{content:"\ecc6"}.icofont-braintree:before{content:"\ecc7"}.icofont-cash-on-delivery-alt:before{content:"\ecc8"}.icofont-cash-on-delivery:before{content:"\ecc9"}.icofont-diners-club-alt-1:before{content:"\ecca"}.icofont-diners-club-alt-2:before{content:"\eccb"}.icofont-diners-club-alt-3:before{content:"\eccc"}.icofont-diners-club:before{content:"\eccd"}.icofont-discover-alt:before{content:"\ecce"}.icofont-discover:before{content:"\eccf"}.icofont-eway-alt:before{content:"\ecd0"}.icofont-eway:before{content:"\ecd1"}.icofont-google-wallet-alt-1:before{content:"\ecd2"}.icofont-google-wallet-alt-2:before{content:"\ecd3"}.icofont-google-wallet-alt-3:before{content:"\ecd4"}.icofont-google-wallet:before{content:"\ecd5"}.icofont-jcb-alt:before{content:"\ecd6"}.icofont-jcb:before{content:"\ecd7"}.icofont-maestro-alt:before{content:"\ecd8"}.icofont-maestro:before{content:"\ecd9"}.icofont-mastercard-alt:before{content:"\ecda"}.icofont-mastercard:before{content:"\ecdb"}.icofont-payoneer-alt:before{content:"\ecdc"}.icofont-payoneer:before{content:"\ecdd"}.icofont-paypal-alt:before{content:"\ecde"}.icofont-paypal:before{content:"\ecdf"}.icofont-sage-alt:before{content:"\ece0"}.icofont-sage:before{content:"\ece1"}.icofont-skrill-alt:before{content:"\ece2"}.icofont-skrill:before{content:"\ece3"}.icofont-stripe-alt:before{content:"\ece4"}.icofont-stripe:before{content:"\ece5"}.icofont-visa-alt:before{content:"\ece6"}.icofont-visa-electron:before{content:"\ece7"}.icofont-visa:before{content:"\ece8"}.icofont-western-union-alt:before{content:"\ece9"}.icofont-western-union:before{content:"\ecea"}.icofont-boy:before{content:"\eceb"}.icofont-business-man-alt-1:before{content:"\ecec"}.icofont-business-man-alt-2:before{content:"\eced"}.icofont-business-man-alt-3:before{content:"\ecee"}.icofont-business-man:before{content:"\ecef"}.icofont-female:before{content:"\ecf0"}.icofont-funky-man:before{content:"\ecf1"}.icofont-girl-alt:before{content:"\ecf2"}.icofont-girl:before{content:"\ecf3"}.icofont-group:before{content:"\ecf4"}.icofont-hotel-boy-alt:before{content:"\ecf5"}.icofont-hotel-boy:before{content:"\ecf6"}.icofont-kid:before{content:"\ecf7"}.icofont-man-in-glasses:before{content:"\ecf8"}.icofont-people:before{content:"\ecf9"}.icofont-support:before{content:"\ecfa"}.icofont-user-alt-1:before{content:"\ecfb"}.icofont-user-alt-2:before{content:"\ecfc"}.icofont-user-alt-3:before{content:"\ecfd"}.icofont-user-alt-4:before{content:"\ecfe"}.icofont-user-alt-5:before{content:"\ecff"}.icofont-user-alt-6:before{content:"\ed00"}.icofont-user-alt-7:before{content:"\ed01"}.icofont-user-female:before{content:"\ed02"}.icofont-user-male:before{content:"\ed03"}.icofont-user-suited:before{content:"\ed04"}.icofont-user:before{content:"\ed05"}.icofont-users-alt-1:before{content:"\ed06"}.icofont-users-alt-2:before{content:"\ed07"}.icofont-users-alt-3:before{content:"\ed08"}.icofont-users-alt-4:before{content:"\ed09"}.icofont-users-alt-5:before{content:"\ed0a"}.icofont-users-alt-6:before{content:"\ed0b"}.icofont-users-social:before{content:"\ed0c"}.icofont-users:before{content:"\ed0d"}.icofont-waiter-alt:before{content:"\ed0e"}.icofont-waiter:before{content:"\ed0f"}.icofont-woman-in-glasses:before{content:"\ed10"}.icofont-search-1:before{content:"\ed11"}.icofont-search-2:before{content:"\ed12"}.icofont-search-document:before{content:"\ed13"}.icofont-search-folder:before{content:"\ed14"}.icofont-search-job:before{content:"\ed15"}.icofont-search-map:before{content:"\ed16"}.icofont-search-property:before{content:"\ed17"}.icofont-search-restaurant:before{content:"\ed18"}.icofont-search-stock:before{content:"\ed19"}.icofont-search-user:before{content:"\ed1a"}.icofont-search:before{content:"\ed1b"}.icofont-500px:before{content:"\ed1c"}.icofont-aim:before{content:"\ed1d"}.icofont-badoo:before{content:"\ed1e"}.icofont-baidu-tieba:before{content:"\ed1f"}.icofont-bbm-messenger:before{content:"\ed20"}.icofont-bebo:before{content:"\ed21"}.icofont-behance:before{content:"\ed22"}.icofont-blogger:before{content:"\ed23"}.icofont-bootstrap:before{content:"\ed24"}.icofont-brightkite:before{content:"\ed25"}.icofont-cloudapp:before{content:"\ed26"}.icofont-concrete5:before{content:"\ed27"}.icofont-delicious:before{content:"\ed28"}.icofont-designbump:before{content:"\ed29"}.icofont-designfloat:before{content:"\ed2a"}.icofont-deviantart:before{content:"\ed2b"}.icofont-digg:before{content:"\ed2c"}.icofont-dotcms:before{content:"\ed2d"}.icofont-dribbble:before{content:"\ed2e"}.icofont-dribble:before{content:"\ed2f"}.icofont-dropbox:before{content:"\ed30"}.icofont-ebuddy:before{content:"\ed31"}.icofont-ello:before{content:"\ed32"}.icofont-ember:before{content:"\ed33"}.icofont-envato:before{content:"\ed34"}.icofont-evernote:before{content:"\ed35"}.icofont-facebook-messenger:before{content:"\ed36"}.icofont-facebook:before{content:"\ed37"}.icofont-feedburner:before{content:"\ed38"}.icofont-flikr:before{content:"\ed39"}.icofont-folkd:before{content:"\ed3a"}.icofont-foursquare:before{content:"\ed3b"}.icofont-friendfeed:before{content:"\ed3c"}.icofont-ghost:before{content:"\ed3d"}.icofont-github:before{content:"\ed3e"}.icofont-gnome:before{content:"\ed3f"}.icofont-google-buzz:before{content:"\ed40"}.icofont-google-hangouts:before{content:"\ed41"}.icofont-google-map:before{content:"\ed42"}.icofont-google-plus:before{content:"\ed43"}.icofont-google-talk:before{content:"\ed44"}.icofont-hype-machine:before{content:"\ed45"}.icofont-instagram:before{content:"\ed46"}.icofont-kakaotalk:before{content:"\ed47"}.icofont-kickstarter:before{content:"\ed48"}.icofont-kik:before{content:"\ed49"}.icofont-kiwibox:before{content:"\ed4a"}.icofont-line-messenger:before{content:"\ed4b"}.icofont-line:before{content:"\ed4c"}.icofont-linkedin:before{content:"\ed4d"}.icofont-linux-mint:before{content:"\ed4e"}.icofont-live-messenger:before{content:"\ed4f"}.icofont-livejournal:before{content:"\ed50"}.icofont-magento:before{content:"\ed51"}.icofont-meetme:before{content:"\ed52"}.icofont-meetup:before{content:"\ed53"}.icofont-mixx:before{content:"\ed54"}.icofont-newsvine:before{content:"\ed55"}.icofont-nimbuss:before{content:"\ed56"}.icofont-odnoklassniki:before{content:"\ed57"}.icofont-opencart:before{content:"\ed58"}.icofont-oscommerce:before{content:"\ed59"}.icofont-pandora:before{content:"\ed5a"}.icofont-photobucket:before{content:"\ed5b"}.icofont-picasa:before{content:"\ed5c"}.icofont-pinterest:before{content:"\ed5d"}.icofont-prestashop:before{content:"\ed5e"}.icofont-qik:before{content:"\ed5f"}.icofont-qq:before{content:"\ed60"}.icofont-readernaut:before{content:"\ed61"}.icofont-reddit:before{content:"\ed62"}.icofont-renren:before{content:"\ed63"}.icofont-rss:before{content:"\ed64"}.icofont-shopify:before{content:"\ed65"}.icofont-silverstripe:before{content:"\ed66"}.icofont-skype:before{content:"\ed67"}.icofont-slack:before{content:"\ed68"}.icofont-slashdot:before{content:"\ed69"}.icofont-slidshare:before{content:"\ed6a"}.icofont-smugmug:before{content:"\ed6b"}.icofont-snapchat:before{content:"\ed6c"}.icofont-soundcloud:before{content:"\ed6d"}.icofont-spotify:before{content:"\ed6e"}.icofont-stack-exchange:before{content:"\ed6f"}.icofont-stack-overflow:before{content:"\ed70"}.icofont-steam:before{content:"\ed71"}.icofont-stumbleupon:before{content:"\ed72"}.icofont-tagged:before{content:"\ed73"}.icofont-technorati:before{content:"\ed74"}.icofont-telegram:before{content:"\ed75"}.icofont-tinder:before{content:"\ed76"}.icofont-trello:before{content:"\ed77"}.icofont-tumblr:before{content:"\ed78"}.icofont-twitch:before{content:"\ed79"}.icofont-twitter:before{content:"\ed7a"}.icofont-typo3:before{content:"\ed7b"}.icofont-ubercart:before{content:"\ed7c"}.icofont-viber:before{content:"\ed7d"}.icofont-viddler:before{content:"\ed7e"}.icofont-vimeo:before{content:"\ed7f"}.icofont-vine:before{content:"\ed80"}.icofont-virb:before{content:"\ed81"}.icofont-virtuemart:before{content:"\ed82"}.icofont-vk:before{content:"\ed83"}.icofont-wechat:before{content:"\ed84"}.icofont-weibo:before{content:"\ed85"}.icofont-whatsapp:before{content:"\ed86"}.icofont-xing:before{content:"\ed87"}.icofont-yahoo:before{content:"\ed88"}.icofont-yelp:before{content:"\ed89"}.icofont-youku:before{content:"\ed8a"}.icofont-youtube:before{content:"\ed8b"}.icofont-zencart:before{content:"\ed8c"}.icofont-badminton-birdie:before{content:"\ed8d"}.icofont-baseball:before{content:"\ed8e"}.icofont-baseballer:before{content:"\ed8f"}.icofont-basketball-hoop:before{content:"\ed90"}.icofont-basketball:before{content:"\ed91"}.icofont-billiard-ball:before{content:"\ed92"}.icofont-boot-alt-1:before{content:"\ed93"}.icofont-boot-alt-2:before{content:"\ed94"}.icofont-boot:before{content:"\ed95"}.icofont-bowling-alt:before{content:"\ed96"}.icofont-bowling:before{content:"\ed97"}.icofont-canoe:before{content:"\ed98"}.icofont-cheer-leader:before{content:"\ed99"}.icofont-climbing:before{content:"\ed9a"}.icofont-corner:before{content:"\ed9b"}.icofont-field-alt:before{content:"\ed9c"}.icofont-field:before{content:"\ed9d"}.icofont-football-alt:before{content:"\ed9e"}.icofont-football-american:before{content:"\ed9f"}.icofont-football:before{content:"\eda0"}.icofont-foul:before{content:"\eda1"}.icofont-goal-keeper:before{content:"\eda2"}.icofont-goal:before{content:"\eda3"}.icofont-golf-alt:before{content:"\eda4"}.icofont-golf-bag:before{content:"\eda5"}.icofont-golf-cart:before{content:"\eda6"}.icofont-golf-field:before{content:"\eda7"}.icofont-golf:before{content:"\eda8"}.icofont-golfer:before{content:"\eda9"}.icofont-helmet:before{content:"\edaa"}.icofont-hockey-alt:before{content:"\edab"}.icofont-hockey:before{content:"\edac"}.icofont-ice-skate:before{content:"\edad"}.icofont-jersey-alt:before{content:"\edae"}.icofont-jersey:before{content:"\edaf"}.icofont-jumping:before{content:"\edb0"}.icofont-kick:before{content:"\edb1"}.icofont-leg:before{content:"\edb2"}.icofont-match-review:before{content:"\edb3"}.icofont-medal-sport:before{content:"\edb4"}.icofont-offside:before{content:"\edb5"}.icofont-olympic-logo:before{content:"\edb6"}.icofont-olympic:before{content:"\edb7"}.icofont-padding:before{content:"\edb8"}.icofont-penalty-card:before{content:"\edb9"}.icofont-racer:before{content:"\edba"}.icofont-racing-car:before{content:"\edbb"}.icofont-racing-flag-alt:before{content:"\edbc"}.icofont-racing-flag:before{content:"\edbd"}.icofont-racings-wheel:before{content:"\edbe"}.icofont-referee:before{content:"\edbf"}.icofont-refree-jersey:before{content:"\edc0"}.icofont-result-sport:before{content:"\edc1"}.icofont-rugby-ball:before{content:"\edc2"}.icofont-rugby-player:before{content:"\edc3"}.icofont-rugby:before{content:"\edc4"}.icofont-runner-alt-1:before{content:"\edc5"}.icofont-runner-alt-2:before{content:"\edc6"}.icofont-runner:before{content:"\edc7"}.icofont-score-board:before{content:"\edc8"}.icofont-skiing-man:before{content:"\edc9"}.icofont-skydiving-goggles:before{content:"\edca"}.icofont-snow-mobile:before{content:"\edcb"}.icofont-steering:before{content:"\edcc"}.icofont-stopwatch:before{content:"\edcd"}.icofont-substitute:before{content:"\edce"}.icofont-swimmer:before{content:"\edcf"}.icofont-table-tennis:before{content:"\edd0"}.icofont-team-alt:before{content:"\edd1"}.icofont-team:before{content:"\edd2"}.icofont-tennis-player:before{content:"\edd3"}.icofont-tennis:before{content:"\edd4"}.icofont-tracking:before{content:"\edd5"}.icofont-trophy-alt:before{content:"\edd6"}.icofont-trophy:before{content:"\edd7"}.icofont-volleyball-alt:before{content:"\edd8"}.icofont-volleyball-fire:before{content:"\edd9"}.icofont-volleyball:before{content:"\edda"}.icofont-water-bottle:before{content:"\eddb"}.icofont-whistle-alt:before{content:"\eddc"}.icofont-whistle:before{content:"\eddd"}.icofont-win-trophy:before{content:"\edde"}.icofont-align-center:before{content:"\eddf"}.icofont-align-left:before{content:"\ede0"}.icofont-align-right:before{content:"\ede1"}.icofont-all-caps:before{content:"\ede2"}.icofont-bold:before{content:"\ede3"}.icofont-brush:before{content:"\ede4"}.icofont-clip-board:before{content:"\ede5"}.icofont-code-alt:before{content:"\ede6"}.icofont-color-bucket:before{content:"\ede7"}.icofont-color-picker:before{content:"\ede8"}.icofont-copy-invert:before{content:"\ede9"}.icofont-copy:before{content:"\edea"}.icofont-cut:before{content:"\edeb"}.icofont-delete-alt:before{content:"\edec"}.icofont-edit-alt:before{content:"\eded"}.icofont-eraser-alt:before{content:"\edee"}.icofont-font:before{content:"\edef"}.icofont-heading:before{content:"\edf0"}.icofont-indent:before{content:"\edf1"}.icofont-italic-alt:before{content:"\edf2"}.icofont-italic:before{content:"\edf3"}.icofont-justify-all:before{content:"\edf4"}.icofont-justify-center:before{content:"\edf5"}.icofont-justify-left:before{content:"\edf6"}.icofont-justify-right:before{content:"\edf7"}.icofont-link-broken:before{content:"\edf8"}.icofont-outdent:before{content:"\edf9"}.icofont-paper-clip:before{content:"\edfa"}.icofont-paragraph:before{content:"\edfb"}.icofont-pin:before{content:"\edfc"}.icofont-printer:before{content:"\edfd"}.icofont-redo:before{content:"\edfe"}.icofont-rotation:before{content:"\edff"}.icofont-save:before{content:"\ee00"}.icofont-small-cap:before{content:"\ee01"}.icofont-strike-through:before{content:"\ee02"}.icofont-sub-listing:before{content:"\ee03"}.icofont-subscript:before{content:"\ee04"}.icofont-superscript:before{content:"\ee05"}.icofont-table:before{content:"\ee06"}.icofont-text-height:before{content:"\ee07"}.icofont-text-width:before{content:"\ee08"}.icofont-trash:before{content:"\ee09"}.icofont-underline:before{content:"\ee0a"}.icofont-undo:before{content:"\ee0b"}.icofont-air-balloon:before{content:"\ee0c"}.icofont-airplane-alt:before{content:"\ee0d"}.icofont-airplane:before{content:"\ee0e"}.icofont-articulated-truck:before{content:"\ee0f"}.icofont-auto-mobile:before{content:"\ee10"}.icofont-auto-rickshaw:before{content:"\ee11"}.icofont-bicycle-alt-1:before{content:"\ee12"}.icofont-bicycle-alt-2:before{content:"\ee13"}.icofont-bicycle:before{content:"\ee14"}.icofont-bus-alt-1:before{content:"\ee15"}.icofont-bus-alt-2:before{content:"\ee16"}.icofont-bus-alt-3:before{content:"\ee17"}.icofont-bus:before{content:"\ee18"}.icofont-cab:before{content:"\ee19"}.icofont-cable-car:before{content:"\ee1a"}.icofont-car-alt-1:before{content:"\ee1b"}.icofont-car-alt-2:before{content:"\ee1c"}.icofont-car-alt-3:before{content:"\ee1d"}.icofont-car-alt-4:before{content:"\ee1e"}.icofont-car:before{content:"\ee1f"}.icofont-delivery-time:before{content:"\ee20"}.icofont-fast-delivery:before{content:"\ee21"}.icofont-fire-truck-alt:before{content:"\ee22"}.icofont-fire-truck:before{content:"\ee23"}.icofont-free-delivery:before{content:"\ee24"}.icofont-helicopter:before{content:"\ee25"}.icofont-motor-bike-alt:before{content:"\ee26"}.icofont-motor-bike:before{content:"\ee27"}.icofont-motor-biker:before{content:"\ee28"}.icofont-oil-truck:before{content:"\ee29"}.icofont-rickshaw:before{content:"\ee2a"}.icofont-rocket-alt-1:before{content:"\ee2b"}.icofont-rocket-alt-2:before{content:"\ee2c"}.icofont-rocket:before{content:"\ee2d"}.icofont-sail-boat-alt-1:before{content:"\ee2e"}.icofont-sail-boat-alt-2:before{content:"\ee2f"}.icofont-sail-boat:before{content:"\ee30"}.icofont-scooter:before{content:"\ee31"}.icofont-sea-plane:before{content:"\ee32"}.icofont-ship-alt:before{content:"\ee33"}.icofont-ship:before{content:"\ee34"}.icofont-speed-boat:before{content:"\ee35"}.icofont-taxi:before{content:"\ee36"}.icofont-tractor:before{content:"\ee37"}.icofont-train-line:before{content:"\ee38"}.icofont-train-steam:before{content:"\ee39"}.icofont-tram:before{content:"\ee3a"}.icofont-truck-alt:before{content:"\ee3b"}.icofont-truck-loaded:before{content:"\ee3c"}.icofont-truck:before{content:"\ee3d"}.icofont-van-alt:before{content:"\ee3e"}.icofont-van:before{content:"\ee3f"}.icofont-yacht:before{content:"\ee40"}.icofont-5-star-hotel:before{content:"\ee41"}.icofont-air-ticket:before{content:"\ee42"}.icofont-beach-bed:before{content:"\ee43"}.icofont-beach:before{content:"\ee44"}.icofont-camping-vest:before{content:"\ee45"}.icofont-direction-sign:before{content:"\ee46"}.icofont-hill-side:before{content:"\ee47"}.icofont-hill:before{content:"\ee48"}.icofont-hotel:before{content:"\ee49"}.icofont-island-alt:before{content:"\ee4a"}.icofont-island:before{content:"\ee4b"}.icofont-sandals-female:before{content:"\ee4c"}.icofont-sandals-male:before{content:"\ee4d"}.icofont-travelling:before{content:"\ee4e"}.icofont-breakdown:before{content:"\ee4f"}.icofont-celsius:before{content:"\ee50"}.icofont-clouds:before{content:"\ee51"}.icofont-cloudy:before{content:"\ee52"}.icofont-dust:before{content:"\ee53"}.icofont-eclipse:before{content:"\ee54"}.icofont-fahrenheit:before{content:"\ee55"}.icofont-forest-fire:before{content:"\ee56"}.icofont-full-night:before{content:"\ee57"}.icofont-full-sunny:before{content:"\ee58"}.icofont-hail-night:before{content:"\ee59"}.icofont-hail-rainy-night:before{content:"\ee5a"}.icofont-hail-rainy-sunny:before{content:"\ee5b"}.icofont-hail-rainy:before{content:"\ee5c"}.icofont-hail-sunny:before{content:"\ee5d"}.icofont-hail-thunder-night:before{content:"\ee5e"}.icofont-hail-thunder-sunny:before{content:"\ee5f"}.icofont-hail-thunder:before{content:"\ee60"}.icofont-hail:before{content:"\ee61"}.icofont-hill-night:before{content:"\ee62"}.icofont-hill-sunny:before{content:"\ee63"}.icofont-hurricane:before{content:"\ee64"}.icofont-meteor:before{content:"\ee65"}.icofont-night:before{content:"\ee66"}.icofont-rainy-night:before{content:"\ee67"}.icofont-rainy-sunny:before{content:"\ee68"}.icofont-rainy-thunder:before{content:"\ee69"}.icofont-rainy:before{content:"\ee6a"}.icofont-snow-alt:before{content:"\ee6b"}.icofont-snow-flake:before{content:"\ee6c"}.icofont-snow-temp:before{content:"\ee6d"}.icofont-snow:before{content:"\ee6e"}.icofont-snowy-hail:before{content:"\ee6f"}.icofont-snowy-night-hail:before{content:"\ee70"}.icofont-snowy-night-rainy:before{content:"\ee71"}.icofont-snowy-night:before{content:"\ee72"}.icofont-snowy-rainy:before{content:"\ee73"}.icofont-snowy-sunny-hail:before{content:"\ee74"}.icofont-snowy-sunny-rainy:before{content:"\ee75"}.icofont-snowy-sunny:before{content:"\ee76"}.icofont-snowy-thunder-night:before{content:"\ee77"}.icofont-snowy-thunder-sunny:before{content:"\ee78"}.icofont-snowy-thunder:before{content:"\ee79"}.icofont-snowy-windy-night:before{content:"\ee7a"}.icofont-snowy-windy-sunny:before{content:"\ee7b"}.icofont-snowy-windy:before{content:"\ee7c"}.icofont-snowy:before{content:"\ee7d"}.icofont-sun-alt:before{content:"\ee7e"}.icofont-sun-rise:before{content:"\ee7f"}.icofont-sun-set:before{content:"\ee80"}.icofont-sun:before{content:"\ee81"}.icofont-sunny-day-temp:before{content:"\ee82"}.icofont-sunny:before{content:"\ee83"}.icofont-thunder-light:before{content:"\ee84"}.icofont-tornado:before{content:"\ee85"}.icofont-umbrella-alt:before{content:"\ee86"}.icofont-umbrella:before{content:"\ee87"}.icofont-volcano:before{content:"\ee88"}.icofont-wave:before{content:"\ee89"}.icofont-wind-scale-0:before{content:"\ee8a"}.icofont-wind-scale-1:before{content:"\ee8b"}.icofont-wind-scale-10:before{content:"\ee8c"}.icofont-wind-scale-11:before{content:"\ee8d"}.icofont-wind-scale-12:before{content:"\ee8e"}.icofont-wind-scale-2:before{content:"\ee8f"}.icofont-wind-scale-3:before{content:"\ee90"}.icofont-wind-scale-4:before{content:"\ee91"}.icofont-wind-scale-5:before{content:"\ee92"}.icofont-wind-scale-6:before{content:"\ee93"}.icofont-wind-scale-7:before{content:"\ee94"}.icofont-wind-scale-8:before{content:"\ee95"}.icofont-wind-scale-9:before{content:"\ee96"}.icofont-wind-waves:before{content:"\ee97"}.icofont-wind:before{content:"\ee98"}.icofont-windy-hail:before{content:"\ee99"}.icofont-windy-night:before{content:"\ee9a"}.icofont-windy-raining:before{content:"\ee9b"}.icofont-windy-sunny:before{content:"\ee9c"}.icofont-windy-thunder-raining:before{content:"\ee9d"}.icofont-windy-thunder:before{content:"\ee9e"}.icofont-windy:before{content:"\ee9f"}.icofont-addons:before{content:"\eea0"}.icofont-address-book:before{content:"\eea1"}.icofont-adjust:before{content:"\eea2"}.icofont-alarm:before{content:"\eea3"}.icofont-anchor:before{content:"\eea4"}.icofont-archive:before{content:"\eea5"}.icofont-at:before{content:"\eea6"}.icofont-attachment:before{content:"\eea7"}.icofont-audio:before{content:"\eea8"}.icofont-automation:before{content:"\eea9"}.icofont-badge:before{content:"\eeaa"}.icofont-bag-alt:before{content:"\eeab"}.icofont-bag:before{content:"\eeac"}.icofont-ban:before{content:"\eead"}.icofont-bar-code:before{content:"\eeae"}.icofont-bars:before{content:"\eeaf"}.icofont-basket:before{content:"\eeb0"}.icofont-battery-empty:before{content:"\eeb1"}.icofont-battery-full:before{content:"\eeb2"}.icofont-battery-half:before{content:"\eeb3"}.icofont-battery-low:before{content:"\eeb4"}.icofont-beaker:before{content:"\eeb5"}.icofont-beard:before{content:"\eeb6"}.icofont-bed:before{content:"\eeb7"}.icofont-bell:before{content:"\eeb8"}.icofont-beverage:before{content:"\eeb9"}.icofont-bill:before{content:"\eeba"}.icofont-bin:before{content:"\eebb"}.icofont-binary:before{content:"\eebc"}.icofont-binoculars:before{content:"\eebd"}.icofont-bluetooth:before{content:"\eebe"}.icofont-bomb:before{content:"\eebf"}.icofont-book-mark:before{content:"\eec0"}.icofont-box:before{content:"\eec1"}.icofont-briefcase:before{content:"\eec2"}.icofont-broken:before{content:"\eec3"}.icofont-bucket:before{content:"\eec4"}.icofont-bucket1:before{content:"\eec5"}.icofont-bucket2:before{content:"\eec6"}.icofont-bug:before{content:"\eec7"}.icofont-building:before{content:"\eec8"}.icofont-bulb-alt:before{content:"\eec9"}.icofont-bullet:before{content:"\eeca"}.icofont-bullhorn:before{content:"\eecb"}.icofont-bullseye:before{content:"\eecc"}.icofont-calendar:before{content:"\eecd"}.icofont-camera-alt:before{content:"\eece"}.icofont-camera:before{content:"\eecf"}.icofont-card:before{content:"\eed0"}.icofont-cart-alt:before{content:"\eed1"}.icofont-cart:before{content:"\eed2"}.icofont-cc:before{content:"\eed3"}.icofont-charging:before{content:"\eed4"}.icofont-chat:before{content:"\eed5"}.icofont-check-alt:before{content:"\eed6"}.icofont-check-circled:before{content:"\eed7"}.icofont-check:before{content:"\eed8"}.icofont-checked:before{content:"\eed9"}.icofont-children-care:before{content:"\eeda"}.icofont-clip:before{content:"\eedb"}.icofont-clock-time:before{content:"\eedc"}.icofont-close-circled:before{content:"\eedd"}.icofont-close-line-circled:before{content:"\eede"}.icofont-close-line-squared-alt:before{content:"\eedf"}.icofont-close-line-squared:before{content:"\eee0"}.icofont-close-line:before{content:"\eee1"}.icofont-close-squared-alt:before{content:"\eee2"}.icofont-close-squared:before{content:"\eee3"}.icofont-close:before{content:"\eee4"}.icofont-cloud-download:before{content:"\eee5"}.icofont-cloud-refresh:before{content:"\eee6"}.icofont-cloud-upload:before{content:"\eee7"}.icofont-cloud:before{content:"\eee8"}.icofont-code-not-allowed:before{content:"\eee9"}.icofont-code:before{content:"\eeea"}.icofont-comment:before{content:"\eeeb"}.icofont-compass-alt:before{content:"\eeec"}.icofont-compass:before{content:"\eeed"}.icofont-computer:before{content:"\eeee"}.icofont-connection:before{content:"\eeef"}.icofont-console:before{content:"\eef0"}.icofont-contacts:before{content:"\eef1"}.icofont-contrast:before{content:"\eef2"}.icofont-copyright:before{content:"\eef3"}.icofont-credit-card:before{content:"\eef4"}.icofont-crop:before{content:"\eef5"}.icofont-crown:before{content:"\eef6"}.icofont-cube:before{content:"\eef7"}.icofont-cubes:before{content:"\eef8"}.icofont-dashboard-web:before{content:"\eef9"}.icofont-dashboard:before{content:"\eefa"}.icofont-data:before{content:"\eefb"}.icofont-database-add:before{content:"\eefc"}.icofont-database-locked:before{content:"\eefd"}.icofont-database-remove:before{content:"\eefe"}.icofont-database:before{content:"\eeff"}.icofont-delete:before{content:"\ef00"}.icofont-diamond:before{content:"\ef01"}.icofont-dice-multiple:before{content:"\ef02"}.icofont-dice:before{content:"\ef03"}.icofont-disc:before{content:"\ef04"}.icofont-diskette:before{content:"\ef05"}.icofont-document-folder:before{content:"\ef06"}.icofont-download-alt:before{content:"\ef07"}.icofont-download:before{content:"\ef08"}.icofont-downloaded:before{content:"\ef09"}.icofont-drag:before{content:"\ef0a"}.icofont-drag1:before{content:"\ef0b"}.icofont-drag2:before{content:"\ef0c"}.icofont-drag3:before{content:"\ef0d"}.icofont-earth:before{content:"\ef0e"}.icofont-ebook:before{content:"\ef0f"}.icofont-edit:before{content:"\ef10"}.icofont-eject:before{content:"\ef11"}.icofont-email:before{content:"\ef12"}.icofont-envelope-open:before{content:"\ef13"}.icofont-envelope:before{content:"\ef14"}.icofont-eraser:before{content:"\ef15"}.icofont-error:before{content:"\ef16"}.icofont-excavator:before{content:"\ef17"}.icofont-exchange:before{content:"\ef18"}.icofont-exclamation-circle:before{content:"\ef19"}.icofont-exclamation-square:before{content:"\ef1a"}.icofont-exclamation-tringle:before{content:"\ef1b"}.icofont-exclamation:before{content:"\ef1c"}.icofont-exit:before{content:"\ef1d"}.icofont-expand:before{content:"\ef1e"}.icofont-external-link:before{content:"\ef1f"}.icofont-external:before{content:"\ef20"}.icofont-eye-alt:before{content:"\ef21"}.icofont-eye-blocked:before{content:"\ef22"}.icofont-eye-dropper:before{content:"\ef23"}.icofont-eye:before{content:"\ef24"}.icofont-favourite:before{content:"\ef25"}.icofont-fax:before{content:"\ef26"}.icofont-file-fill:before{content:"\ef27"}.icofont-film:before{content:"\ef28"}.icofont-filter:before{content:"\ef29"}.icofont-fire-alt:before{content:"\ef2a"}.icofont-fire-burn:before{content:"\ef2b"}.icofont-fire:before{content:"\ef2c"}.icofont-flag-alt-1:before{content:"\ef2d"}.icofont-flag-alt-2:before{content:"\ef2e"}.icofont-flag:before{content:"\ef2f"}.icofont-flame-torch:before{content:"\ef30"}.icofont-flash-light:before{content:"\ef31"}.icofont-flash:before{content:"\ef32"}.icofont-flask:before{content:"\ef33"}.icofont-focus:before{content:"\ef34"}.icofont-folder-open:before{content:"\ef35"}.icofont-folder:before{content:"\ef36"}.icofont-foot-print:before{content:"\ef37"}.icofont-garbage:before{content:"\ef38"}.icofont-gear-alt:before{content:"\ef39"}.icofont-gear:before{content:"\ef3a"}.icofont-gears:before{content:"\ef3b"}.icofont-gift:before{content:"\ef3c"}.icofont-glass:before{content:"\ef3d"}.icofont-globe:before{content:"\ef3e"}.icofont-graffiti:before{content:"\ef3f"}.icofont-grocery:before{content:"\ef40"}.icofont-hand:before{content:"\ef41"}.icofont-hanger:before{content:"\ef42"}.icofont-hard-disk:before{content:"\ef43"}.icofont-heart-alt:before{content:"\ef44"}.icofont-heart:before{content:"\ef45"}.icofont-history:before{content:"\ef46"}.icofont-home:before{content:"\ef47"}.icofont-horn:before{content:"\ef48"}.icofont-hour-glass:before{content:"\ef49"}.icofont-id:before{content:"\ef4a"}.icofont-image:before{content:"\ef4b"}.icofont-inbox:before{content:"\ef4c"}.icofont-infinite:before{content:"\ef4d"}.icofont-info-circle:before{content:"\ef4e"}.icofont-info-square:before{content:"\ef4f"}.icofont-info:before{content:"\ef50"}.icofont-institution:before{content:"\ef51"}.icofont-interface:before{content:"\ef52"}.icofont-invisible:before{content:"\ef53"}.icofont-jacket:before{content:"\ef54"}.icofont-jar:before{content:"\ef55"}.icofont-jewlery:before{content:"\ef56"}.icofont-karate:before{content:"\ef57"}.icofont-key-hole:before{content:"\ef58"}.icofont-key:before{content:"\ef59"}.icofont-label:before{content:"\ef5a"}.icofont-lamp:before{content:"\ef5b"}.icofont-layers:before{content:"\ef5c"}.icofont-layout:before{content:"\ef5d"}.icofont-leaf:before{content:"\ef5e"}.icofont-leaflet:before{content:"\ef5f"}.icofont-learn:before{content:"\ef60"}.icofont-lego:before{content:"\ef61"}.icofont-lens:before{content:"\ef62"}.icofont-letter:before{content:"\ef63"}.icofont-letterbox:before{content:"\ef64"}.icofont-library:before{content:"\ef65"}.icofont-license:before{content:"\ef66"}.icofont-life-bouy:before{content:"\ef67"}.icofont-life-buoy:before{content:"\ef68"}.icofont-life-jacket:before{content:"\ef69"}.icofont-life-ring:before{content:"\ef6a"}.icofont-light-bulb:before{content:"\ef6b"}.icofont-lighter:before{content:"\ef6c"}.icofont-lightning-ray:before{content:"\ef6d"}.icofont-like:before{content:"\ef6e"}.icofont-line-height:before{content:"\ef6f"}.icofont-link-alt:before{content:"\ef70"}.icofont-link:before{content:"\ef71"}.icofont-list:before{content:"\ef72"}.icofont-listening:before{content:"\ef73"}.icofont-listine-dots:before{content:"\ef74"}.icofont-listing-box:before{content:"\ef75"}.icofont-listing-number:before{content:"\ef76"}.icofont-live-support:before{content:"\ef77"}.icofont-location-arrow:before{content:"\ef78"}.icofont-location-pin:before{content:"\ef79"}.icofont-lock:before{content:"\ef7a"}.icofont-login:before{content:"\ef7b"}.icofont-logout:before{content:"\ef7c"}.icofont-lollipop:before{content:"\ef7d"}.icofont-long-drive:before{content:"\ef7e"}.icofont-look:before{content:"\ef7f"}.icofont-loop:before{content:"\ef80"}.icofont-luggage:before{content:"\ef81"}.icofont-lunch:before{content:"\ef82"}.icofont-lungs:before{content:"\ef83"}.icofont-magic-alt:before{content:"\ef84"}.icofont-magic:before{content:"\ef85"}.icofont-magnet:before{content:"\ef86"}.icofont-mail-box:before{content:"\ef87"}.icofont-mail:before{content:"\ef88"}.icofont-male:before{content:"\ef89"}.icofont-map-pins:before{content:"\ef8a"}.icofont-map:before{content:"\ef8b"}.icofont-maximize:before{content:"\ef8c"}.icofont-measure:before{content:"\ef8d"}.icofont-medicine:before{content:"\ef8e"}.icofont-mega-phone:before{content:"\ef8f"}.icofont-megaphone-alt:before{content:"\ef90"}.icofont-megaphone:before{content:"\ef91"}.icofont-memorial:before{content:"\ef92"}.icofont-memory-card:before{content:"\ef93"}.icofont-mic-mute:before{content:"\ef94"}.icofont-mic:before{content:"\ef95"}.icofont-military:before{content:"\ef96"}.icofont-mill:before{content:"\ef97"}.icofont-minus-circle:before{content:"\ef98"}.icofont-minus-square:before{content:"\ef99"}.icofont-minus:before{content:"\ef9a"}.icofont-mobile-phone:before{content:"\ef9b"}.icofont-molecule:before{content:"\ef9c"}.icofont-money:before{content:"\ef9d"}.icofont-moon:before{content:"\ef9e"}.icofont-mop:before{content:"\ef9f"}.icofont-muffin:before{content:"\efa0"}.icofont-mustache:before{content:"\efa1"}.icofont-navigation-menu:before{content:"\efa2"}.icofont-navigation:before{content:"\efa3"}.icofont-network-tower:before{content:"\efa4"}.icofont-network:before{content:"\efa5"}.icofont-news:before{content:"\efa6"}.icofont-newspaper:before{content:"\efa7"}.icofont-no-smoking:before{content:"\efa8"}.icofont-not-allowed:before{content:"\efa9"}.icofont-notebook:before{content:"\efaa"}.icofont-notepad:before{content:"\efab"}.icofont-notification:before{content:"\efac"}.icofont-numbered:before{content:"\efad"}.icofont-opposite:before{content:"\efae"}.icofont-optic:before{content:"\efaf"}.icofont-options:before{content:"\efb0"}.icofont-package:before{content:"\efb1"}.icofont-page:before{content:"\efb2"}.icofont-paint:before{content:"\efb3"}.icofont-paper-plane:before{content:"\efb4"}.icofont-paperclip:before{content:"\efb5"}.icofont-papers:before{content:"\efb6"}.icofont-pay:before{content:"\efb7"}.icofont-penguin-linux:before{content:"\efb8"}.icofont-pestle:before{content:"\efb9"}.icofont-phone-circle:before{content:"\efba"}.icofont-phone:before{content:"\efbb"}.icofont-picture:before{content:"\efbc"}.icofont-pine:before{content:"\efbd"}.icofont-pixels:before{content:"\efbe"}.icofont-plugin:before{content:"\efbf"}.icofont-plus-circle:before{content:"\efc0"}.icofont-plus-square:before{content:"\efc1"}.icofont-plus:before{content:"\efc2"}.icofont-polygonal:before{content:"\efc3"}.icofont-power:before{content:"\efc4"}.icofont-price:before{content:"\efc5"}.icofont-print:before{content:"\efc6"}.icofont-puzzle:before{content:"\efc7"}.icofont-qr-code:before{content:"\efc8"}.icofont-queen:before{content:"\efc9"}.icofont-question-circle:before{content:"\efca"}.icofont-question-square:before{content:"\efcb"}.icofont-question:before{content:"\efcc"}.icofont-quote-left:before{content:"\efcd"}.icofont-quote-right:before{content:"\efce"}.icofont-random:before{content:"\efcf"}.icofont-recycle:before{content:"\efd0"}.icofont-refresh:before{content:"\efd1"}.icofont-repair:before{content:"\efd2"}.icofont-reply-all:before{content:"\efd3"}.icofont-reply:before{content:"\efd4"}.icofont-resize:before{content:"\efd5"}.icofont-responsive:before{content:"\efd6"}.icofont-retweet:before{content:"\efd7"}.icofont-road:before{content:"\efd8"}.icofont-robot:before{content:"\efd9"}.icofont-royal:before{content:"\efda"}.icofont-rss-feed:before{content:"\efdb"}.icofont-safety:before{content:"\efdc"}.icofont-sale-discount:before{content:"\efdd"}.icofont-satellite:before{content:"\efde"}.icofont-send-mail:before{content:"\efdf"}.icofont-server:before{content:"\efe0"}.icofont-settings-alt:before{content:"\efe1"}.icofont-settings:before{content:"\efe2"}.icofont-share-alt:before{content:"\efe3"}.icofont-share-boxed:before{content:"\efe4"}.icofont-share:before{content:"\efe5"}.icofont-shield:before{content:"\efe6"}.icofont-shopping-cart:before{content:"\efe7"}.icofont-sign-in:before{content:"\efe8"}.icofont-sign-out:before{content:"\efe9"}.icofont-signal:before{content:"\efea"}.icofont-site-map:before{content:"\efeb"}.icofont-smart-phone:before{content:"\efec"}.icofont-soccer:before{content:"\efed"}.icofont-sort-alt:before{content:"\efee"}.icofont-sort:before{content:"\efef"}.icofont-space:before{content:"\eff0"}.icofont-spanner:before{content:"\eff1"}.icofont-speech-comments:before{content:"\eff2"}.icofont-speed-meter:before{content:"\eff3"}.icofont-spinner-alt-1:before{content:"\eff4"}.icofont-spinner-alt-2:before{content:"\eff5"}.icofont-spinner-alt-3:before{content:"\eff6"}.icofont-spinner-alt-4:before{content:"\eff7"}.icofont-spinner-alt-5:before{content:"\eff8"}.icofont-spinner-alt-6:before{content:"\eff9"}.icofont-spinner:before{content:"\effa"}.icofont-spreadsheet:before{content:"\effb"}.icofont-square:before{content:"\effc"}.icofont-ssl-security:before{content:"\effd"}.icofont-star-alt-1:before{content:"\effe"}.icofont-star-alt-2:before{content:"\efff"}.icofont-star:before{content:"\f000"}.icofont-street-view:before{content:"\f001"}.icofont-support-faq:before{content:"\f002"}.icofont-tack-pin:before{content:"\f003"}.icofont-tag:before{content:"\f004"}.icofont-tags:before{content:"\f005"}.icofont-tasks-alt:before{content:"\f006"}.icofont-tasks:before{content:"\f007"}.icofont-telephone:before{content:"\f008"}.icofont-telescope:before{content:"\f009"}.icofont-terminal:before{content:"\f00a"}.icofont-thumbs-down:before{content:"\f00b"}.icofont-thumbs-up:before{content:"\f00c"}.icofont-tick-boxed:before{content:"\f00d"}.icofont-tick-mark:before{content:"\f00e"}.icofont-ticket:before{content:"\f00f"}.icofont-tie:before{content:"\f010"}.icofont-toggle-off:before{content:"\f011"}.icofont-toggle-on:before{content:"\f012"}.icofont-tools-alt-2:before{content:"\f013"}.icofont-tools:before{content:"\f014"}.icofont-touch:before{content:"\f015"}.icofont-traffic-light:before{content:"\f016"}.icofont-transparent:before{content:"\f017"}.icofont-tree:before{content:"\f018"}.icofont-unique-idea:before{content:"\f019"}.icofont-unlock:before{content:"\f01a"}.icofont-unlocked:before{content:"\f01b"}.icofont-upload-alt:before{content:"\f01c"}.icofont-upload:before{content:"\f01d"}.icofont-usb-drive:before{content:"\f01e"}.icofont-usb:before{content:"\f01f"}.icofont-vector-path:before{content:"\f020"}.icofont-verification-check:before{content:"\f021"}.icofont-wall-clock:before{content:"\f022"}.icofont-wall:before{content:"\f023"}.icofont-wallet:before{content:"\f024"}.icofont-warning-alt:before{content:"\f025"}.icofont-warning:before{content:"\f026"}.icofont-water-drop:before{content:"\f027"}.icofont-web:before{content:"\f028"}.icofont-wheelchair:before{content:"\f029"}.icofont-wifi-alt:before{content:"\f02a"}.icofont-wifi:before{content:"\f02b"}.icofont-world:before{content:"\f02c"}.icofont-zigzag:before{content:"\f02d"}.icofont-zipped:before{content:"\f02e"}.icofont-xs{font-size:.5em}.icofont-sm{font-size:.75em}.icofont-md{font-size:1.25em}.icofont-lg{font-size:1.5em}.icofont-1x{font-size:1em}.icofont-2x{font-size:2em}.icofont-3x{font-size:3em}.icofont-4x{font-size:4em}.icofont-5x{font-size:5em}.icofont-6x{font-size:6em}.icofont-7x{font-size:7em}.icofont-8x{font-size:8em}.icofont-9x{font-size:9em}.icofont-10x{font-size:10em}.icofont-fw{text-align:center;width:1.25em}.icofont-ul{list-style-type:none;padding-left:0;margin-left:0}.icofont-ul>li{position:relative;line-height:2em}.icofont-ul>li .icofont{display:inline-block;vertical-align:middle}.icofont-border{border:solid .08em #f1f1f1;border-radius:.1em;padding:.2em .25em .15em}.icofont-pull-left{float:left}.icofont-pull-right{float:right}.icofont.icofont-pull-left{margin-right:.3em}.icofont.icofont-pull-right{margin-left:.3em}.icofont-spin{-webkit-animation:icofont-spin 2s infinite linear;animation:icofont-spin 2s infinite linear;display:inline-block}.icofont-pulse{-webkit-animation:icofont-spin 1s infinite steps(8);animation:icofont-spin 1s infinite steps(8);display:inline-block}@-webkit-keyframes icofont-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes icofont-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.icofont-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.icofont-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.icofont-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.icofont-flip-horizontal{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.icofont-flip-vertical{-webkit-transform:scale(1,-1);transform:scale(1,-1)}.icofont-flip-horizontal.icofont-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}:root .icofont-flip-horizontal,:root .icofont-flip-vertical,:root .icofont-rotate-180,:root .icofont-rotate-270,:root .icofont-rotate-90{-webkit-filter:none;filter:none;display:inline-block}.icofont-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto} diff --git a/content/components/icons/1_bis/html.inc b/content/components/icons/1_bis/html.inc new file mode 100644 index 000000000..0e4a2a73e --- /dev/null +++ b/content/components/icons/1_bis/html.inc @@ -0,0 +1,6 @@ +Examples here +
+Find all available icons here ! + + + \ No newline at end of file diff --git a/content/components/icons/1_bis/index.md b/content/components/icons/1_bis/index.md new file mode 100644 index 000000000..6408e4c3f --- /dev/null +++ b/content/components/icons/1_bis/index.md @@ -0,0 +1,23 @@ +--- +title: "Import a font icon library - IcoFont" +avoidCSSHighlight: true +--- + +_[IcoFont.com](https://www.icofont.com/) - 2100+ free icons to spice up your creative designs_ + + +**Install guide:** + +- Copy the CSS into your portal theme (in `backoffice -> look & feel -> theme -> stylesheet`, en Français : `Backoffice -> Apparence -> Thème -> Feuille de style`) +- Make live (save and apply your theme) +- Finally, simply use icons into your pages + +**Usage:** + +In your HTML, on `i` tag, set the class to `icofont-` followed by the name of the icon. +For example, for the `alarm` icon, try: +- `` +- `` + + +> Note: Attribution is required by [IcoFont licenses](https://www.icofont.com/license). The provided CSS contains embedded comments with necessary attribution. While using this code normally, you shouldn't need to do anything additional to provide attribution. \ No newline at end of file diff --git a/content/components/icons/2/css.inc b/content/components/icons/2/css.inc new file mode 100644 index 000000000..b2acd4594 --- /dev/null +++ b/content/components/icons/2/css.inc @@ -0,0 +1,7 @@ +/* +* Boostrap Icons +* https://icons.getbootstrap.com/#icons +* V1.5.0 +* https://github.com/twbs/icons/releases/tag/v1.5.0 +* @license - MIT +*/@font-face{font-family:bootstrap-icons;src:url(https://static.huwise.com/fonts/bootstrap-icons/latest/bootstrap-icons.woff2) format("woff2")}[class*=" bi-"]::before,[class^=bi-]::before{display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bi-alarm-fill::before{content:"\f101"}.bi-alarm::before{content:"\f102"}.bi-align-bottom::before{content:"\f103"}.bi-align-center::before{content:"\f104"}.bi-align-end::before{content:"\f105"}.bi-align-middle::before{content:"\f106"}.bi-align-start::before{content:"\f107"}.bi-align-top::before{content:"\f108"}.bi-alt::before{content:"\f109"}.bi-app-indicator::before{content:"\f10a"}.bi-app::before{content:"\f10b"}.bi-archive-fill::before{content:"\f10c"}.bi-archive::before{content:"\f10d"}.bi-arrow-90deg-down::before{content:"\f10e"}.bi-arrow-90deg-left::before{content:"\f10f"}.bi-arrow-90deg-right::before{content:"\f110"}.bi-arrow-90deg-up::before{content:"\f111"}.bi-arrow-bar-down::before{content:"\f112"}.bi-arrow-bar-left::before{content:"\f113"}.bi-arrow-bar-right::before{content:"\f114"}.bi-arrow-bar-up::before{content:"\f115"}.bi-arrow-clockwise::before{content:"\f116"}.bi-arrow-counterclockwise::before{content:"\f117"}.bi-arrow-down-circle-fill::before{content:"\f118"}.bi-arrow-down-circle::before{content:"\f119"}.bi-arrow-down-left-circle-fill::before{content:"\f11a"}.bi-arrow-down-left-circle::before{content:"\f11b"}.bi-arrow-down-left-square-fill::before{content:"\f11c"}.bi-arrow-down-left-square::before{content:"\f11d"}.bi-arrow-down-left::before{content:"\f11e"}.bi-arrow-down-right-circle-fill::before{content:"\f11f"}.bi-arrow-down-right-circle::before{content:"\f120"}.bi-arrow-down-right-square-fill::before{content:"\f121"}.bi-arrow-down-right-square::before{content:"\f122"}.bi-arrow-down-right::before{content:"\f123"}.bi-arrow-down-short::before{content:"\f124"}.bi-arrow-down-square-fill::before{content:"\f125"}.bi-arrow-down-square::before{content:"\f126"}.bi-arrow-down-up::before{content:"\f127"}.bi-arrow-down::before{content:"\f128"}.bi-arrow-left-circle-fill::before{content:"\f129"}.bi-arrow-left-circle::before{content:"\f12a"}.bi-arrow-left-right::before{content:"\f12b"}.bi-arrow-left-short::before{content:"\f12c"}.bi-arrow-left-square-fill::before{content:"\f12d"}.bi-arrow-left-square::before{content:"\f12e"}.bi-arrow-left::before{content:"\f12f"}.bi-arrow-repeat::before{content:"\f130"}.bi-arrow-return-left::before{content:"\f131"}.bi-arrow-return-right::before{content:"\f132"}.bi-arrow-right-circle-fill::before{content:"\f133"}.bi-arrow-right-circle::before{content:"\f134"}.bi-arrow-right-short::before{content:"\f135"}.bi-arrow-right-square-fill::before{content:"\f136"}.bi-arrow-right-square::before{content:"\f137"}.bi-arrow-right::before{content:"\f138"}.bi-arrow-up-circle-fill::before{content:"\f139"}.bi-arrow-up-circle::before{content:"\f13a"}.bi-arrow-up-left-circle-fill::before{content:"\f13b"}.bi-arrow-up-left-circle::before{content:"\f13c"}.bi-arrow-up-left-square-fill::before{content:"\f13d"}.bi-arrow-up-left-square::before{content:"\f13e"}.bi-arrow-up-left::before{content:"\f13f"}.bi-arrow-up-right-circle-fill::before{content:"\f140"}.bi-arrow-up-right-circle::before{content:"\f141"}.bi-arrow-up-right-square-fill::before{content:"\f142"}.bi-arrow-up-right-square::before{content:"\f143"}.bi-arrow-up-right::before{content:"\f144"}.bi-arrow-up-short::before{content:"\f145"}.bi-arrow-up-square-fill::before{content:"\f146"}.bi-arrow-up-square::before{content:"\f147"}.bi-arrow-up::before{content:"\f148"}.bi-arrows-angle-contract::before{content:"\f149"}.bi-arrows-angle-expand::before{content:"\f14a"}.bi-arrows-collapse::before{content:"\f14b"}.bi-arrows-expand::before{content:"\f14c"}.bi-arrows-fullscreen::before{content:"\f14d"}.bi-arrows-move::before{content:"\f14e"}.bi-aspect-ratio-fill::before{content:"\f14f"}.bi-aspect-ratio::before{content:"\f150"}.bi-asterisk::before{content:"\f151"}.bi-at::before{content:"\f152"}.bi-award-fill::before{content:"\f153"}.bi-award::before{content:"\f154"}.bi-back::before{content:"\f155"}.bi-backspace-fill::before{content:"\f156"}.bi-backspace-reverse-fill::before{content:"\f157"}.bi-backspace-reverse::before{content:"\f158"}.bi-backspace::before{content:"\f159"}.bi-badge-3d-fill::before{content:"\f15a"}.bi-badge-3d::before{content:"\f15b"}.bi-badge-4k-fill::before{content:"\f15c"}.bi-badge-4k::before{content:"\f15d"}.bi-badge-8k-fill::before{content:"\f15e"}.bi-badge-8k::before{content:"\f15f"}.bi-badge-ad-fill::before{content:"\f160"}.bi-badge-ad::before{content:"\f161"}.bi-badge-ar-fill::before{content:"\f162"}.bi-badge-ar::before{content:"\f163"}.bi-badge-cc-fill::before{content:"\f164"}.bi-badge-cc::before{content:"\f165"}.bi-badge-hd-fill::before{content:"\f166"}.bi-badge-hd::before{content:"\f167"}.bi-badge-tm-fill::before{content:"\f168"}.bi-badge-tm::before{content:"\f169"}.bi-badge-vo-fill::before{content:"\f16a"}.bi-badge-vo::before{content:"\f16b"}.bi-badge-vr-fill::before{content:"\f16c"}.bi-badge-vr::before{content:"\f16d"}.bi-badge-wc-fill::before{content:"\f16e"}.bi-badge-wc::before{content:"\f16f"}.bi-bag-check-fill::before{content:"\f170"}.bi-bag-check::before{content:"\f171"}.bi-bag-dash-fill::before{content:"\f172"}.bi-bag-dash::before{content:"\f173"}.bi-bag-fill::before{content:"\f174"}.bi-bag-plus-fill::before{content:"\f175"}.bi-bag-plus::before{content:"\f176"}.bi-bag-x-fill::before{content:"\f177"}.bi-bag-x::before{content:"\f178"}.bi-bag::before{content:"\f179"}.bi-bar-chart-fill::before{content:"\f17a"}.bi-bar-chart-line-fill::before{content:"\f17b"}.bi-bar-chart-line::before{content:"\f17c"}.bi-bar-chart-steps::before{content:"\f17d"}.bi-bar-chart::before{content:"\f17e"}.bi-basket-fill::before{content:"\f17f"}.bi-basket::before{content:"\f180"}.bi-basket2-fill::before{content:"\f181"}.bi-basket2::before{content:"\f182"}.bi-basket3-fill::before{content:"\f183"}.bi-basket3::before{content:"\f184"}.bi-battery-charging::before{content:"\f185"}.bi-battery-full::before{content:"\f186"}.bi-battery-half::before{content:"\f187"}.bi-battery::before{content:"\f188"}.bi-bell-fill::before{content:"\f189"}.bi-bell::before{content:"\f18a"}.bi-bezier::before{content:"\f18b"}.bi-bezier2::before{content:"\f18c"}.bi-bicycle::before{content:"\f18d"}.bi-binoculars-fill::before{content:"\f18e"}.bi-binoculars::before{content:"\f18f"}.bi-blockquote-left::before{content:"\f190"}.bi-blockquote-right::before{content:"\f191"}.bi-book-fill::before{content:"\f192"}.bi-book-half::before{content:"\f193"}.bi-book::before{content:"\f194"}.bi-bookmark-check-fill::before{content:"\f195"}.bi-bookmark-check::before{content:"\f196"}.bi-bookmark-dash-fill::before{content:"\f197"}.bi-bookmark-dash::before{content:"\f198"}.bi-bookmark-fill::before{content:"\f199"}.bi-bookmark-heart-fill::before{content:"\f19a"}.bi-bookmark-heart::before{content:"\f19b"}.bi-bookmark-plus-fill::before{content:"\f19c"}.bi-bookmark-plus::before{content:"\f19d"}.bi-bookmark-star-fill::before{content:"\f19e"}.bi-bookmark-star::before{content:"\f19f"}.bi-bookmark-x-fill::before{content:"\f1a0"}.bi-bookmark-x::before{content:"\f1a1"}.bi-bookmark::before{content:"\f1a2"}.bi-bookmarks-fill::before{content:"\f1a3"}.bi-bookmarks::before{content:"\f1a4"}.bi-bookshelf::before{content:"\f1a5"}.bi-bootstrap-fill::before{content:"\f1a6"}.bi-bootstrap-reboot::before{content:"\f1a7"}.bi-bootstrap::before{content:"\f1a8"}.bi-border-all::before{content:"\f1a9"}.bi-border-bottom::before{content:"\f1aa"}.bi-border-center::before{content:"\f1ab"}.bi-border-inner::before{content:"\f1ac"}.bi-border-left::before{content:"\f1ad"}.bi-border-middle::before{content:"\f1ae"}.bi-border-outer::before{content:"\f1af"}.bi-border-right::before{content:"\f1b0"}.bi-border-style::before{content:"\f1b1"}.bi-border-top::before{content:"\f1b2"}.bi-border-width::before{content:"\f1b3"}.bi-border::before{content:"\f1b4"}.bi-bounding-box-circles::before{content:"\f1b5"}.bi-bounding-box::before{content:"\f1b6"}.bi-box-arrow-down-left::before{content:"\f1b7"}.bi-box-arrow-down-right::before{content:"\f1b8"}.bi-box-arrow-down::before{content:"\f1b9"}.bi-box-arrow-in-down-left::before{content:"\f1ba"}.bi-box-arrow-in-down-right::before{content:"\f1bb"}.bi-box-arrow-in-down::before{content:"\f1bc"}.bi-box-arrow-in-left::before{content:"\f1bd"}.bi-box-arrow-in-right::before{content:"\f1be"}.bi-box-arrow-in-up-left::before{content:"\f1bf"}.bi-box-arrow-in-up-right::before{content:"\f1c0"}.bi-box-arrow-in-up::before{content:"\f1c1"}.bi-box-arrow-left::before{content:"\f1c2"}.bi-box-arrow-right::before{content:"\f1c3"}.bi-box-arrow-up-left::before{content:"\f1c4"}.bi-box-arrow-up-right::before{content:"\f1c5"}.bi-box-arrow-up::before{content:"\f1c6"}.bi-box-seam::before{content:"\f1c7"}.bi-box::before{content:"\f1c8"}.bi-braces::before{content:"\f1c9"}.bi-bricks::before{content:"\f1ca"}.bi-briefcase-fill::before{content:"\f1cb"}.bi-briefcase::before{content:"\f1cc"}.bi-brightness-alt-high-fill::before{content:"\f1cd"}.bi-brightness-alt-high::before{content:"\f1ce"}.bi-brightness-alt-low-fill::before{content:"\f1cf"}.bi-brightness-alt-low::before{content:"\f1d0"}.bi-brightness-high-fill::before{content:"\f1d1"}.bi-brightness-high::before{content:"\f1d2"}.bi-brightness-low-fill::before{content:"\f1d3"}.bi-brightness-low::before{content:"\f1d4"}.bi-broadcast-pin::before{content:"\f1d5"}.bi-broadcast::before{content:"\f1d6"}.bi-brush-fill::before{content:"\f1d7"}.bi-brush::before{content:"\f1d8"}.bi-bucket-fill::before{content:"\f1d9"}.bi-bucket::before{content:"\f1da"}.bi-bug-fill::before{content:"\f1db"}.bi-bug::before{content:"\f1dc"}.bi-building::before{content:"\f1dd"}.bi-bullseye::before{content:"\f1de"}.bi-calculator-fill::before{content:"\f1df"}.bi-calculator::before{content:"\f1e0"}.bi-calendar-check-fill::before{content:"\f1e1"}.bi-calendar-check::before{content:"\f1e2"}.bi-calendar-date-fill::before{content:"\f1e3"}.bi-calendar-date::before{content:"\f1e4"}.bi-calendar-day-fill::before{content:"\f1e5"}.bi-calendar-day::before{content:"\f1e6"}.bi-calendar-event-fill::before{content:"\f1e7"}.bi-calendar-event::before{content:"\f1e8"}.bi-calendar-fill::before{content:"\f1e9"}.bi-calendar-minus-fill::before{content:"\f1ea"}.bi-calendar-minus::before{content:"\f1eb"}.bi-calendar-month-fill::before{content:"\f1ec"}.bi-calendar-month::before{content:"\f1ed"}.bi-calendar-plus-fill::before{content:"\f1ee"}.bi-calendar-plus::before{content:"\f1ef"}.bi-calendar-range-fill::before{content:"\f1f0"}.bi-calendar-range::before{content:"\f1f1"}.bi-calendar-week-fill::before{content:"\f1f2"}.bi-calendar-week::before{content:"\f1f3"}.bi-calendar-x-fill::before{content:"\f1f4"}.bi-calendar-x::before{content:"\f1f5"}.bi-calendar::before{content:"\f1f6"}.bi-calendar2-check-fill::before{content:"\f1f7"}.bi-calendar2-check::before{content:"\f1f8"}.bi-calendar2-date-fill::before{content:"\f1f9"}.bi-calendar2-date::before{content:"\f1fa"}.bi-calendar2-day-fill::before{content:"\f1fb"}.bi-calendar2-day::before{content:"\f1fc"}.bi-calendar2-event-fill::before{content:"\f1fd"}.bi-calendar2-event::before{content:"\f1fe"}.bi-calendar2-fill::before{content:"\f1ff"}.bi-calendar2-minus-fill::before{content:"\f200"}.bi-calendar2-minus::before{content:"\f201"}.bi-calendar2-month-fill::before{content:"\f202"}.bi-calendar2-month::before{content:"\f203"}.bi-calendar2-plus-fill::before{content:"\f204"}.bi-calendar2-plus::before{content:"\f205"}.bi-calendar2-range-fill::before{content:"\f206"}.bi-calendar2-range::before{content:"\f207"}.bi-calendar2-week-fill::before{content:"\f208"}.bi-calendar2-week::before{content:"\f209"}.bi-calendar2-x-fill::before{content:"\f20a"}.bi-calendar2-x::before{content:"\f20b"}.bi-calendar2::before{content:"\f20c"}.bi-calendar3-event-fill::before{content:"\f20d"}.bi-calendar3-event::before{content:"\f20e"}.bi-calendar3-fill::before{content:"\f20f"}.bi-calendar3-range-fill::before{content:"\f210"}.bi-calendar3-range::before{content:"\f211"}.bi-calendar3-week-fill::before{content:"\f212"}.bi-calendar3-week::before{content:"\f213"}.bi-calendar3::before{content:"\f214"}.bi-calendar4-event::before{content:"\f215"}.bi-calendar4-range::before{content:"\f216"}.bi-calendar4-week::before{content:"\f217"}.bi-calendar4::before{content:"\f218"}.bi-camera-fill::before{content:"\f219"}.bi-camera-reels-fill::before{content:"\f21a"}.bi-camera-reels::before{content:"\f21b"}.bi-camera-video-fill::before{content:"\f21c"}.bi-camera-video-off-fill::before{content:"\f21d"}.bi-camera-video-off::before{content:"\f21e"}.bi-camera-video::before{content:"\f21f"}.bi-camera::before{content:"\f220"}.bi-camera2::before{content:"\f221"}.bi-capslock-fill::before{content:"\f222"}.bi-capslock::before{content:"\f223"}.bi-card-checklist::before{content:"\f224"}.bi-card-heading::before{content:"\f225"}.bi-card-image::before{content:"\f226"}.bi-card-list::before{content:"\f227"}.bi-card-text::before{content:"\f228"}.bi-caret-down-fill::before{content:"\f229"}.bi-caret-down-square-fill::before{content:"\f22a"}.bi-caret-down-square::before{content:"\f22b"}.bi-caret-down::before{content:"\f22c"}.bi-caret-left-fill::before{content:"\f22d"}.bi-caret-left-square-fill::before{content:"\f22e"}.bi-caret-left-square::before{content:"\f22f"}.bi-caret-left::before{content:"\f230"}.bi-caret-right-fill::before{content:"\f231"}.bi-caret-right-square-fill::before{content:"\f232"}.bi-caret-right-square::before{content:"\f233"}.bi-caret-right::before{content:"\f234"}.bi-caret-up-fill::before{content:"\f235"}.bi-caret-up-square-fill::before{content:"\f236"}.bi-caret-up-square::before{content:"\f237"}.bi-caret-up::before{content:"\f238"}.bi-cart-check-fill::before{content:"\f239"}.bi-cart-check::before{content:"\f23a"}.bi-cart-dash-fill::before{content:"\f23b"}.bi-cart-dash::before{content:"\f23c"}.bi-cart-fill::before{content:"\f23d"}.bi-cart-plus-fill::before{content:"\f23e"}.bi-cart-plus::before{content:"\f23f"}.bi-cart-x-fill::before{content:"\f240"}.bi-cart-x::before{content:"\f241"}.bi-cart::before{content:"\f242"}.bi-cart2::before{content:"\f243"}.bi-cart3::before{content:"\f244"}.bi-cart4::before{content:"\f245"}.bi-cash-stack::before{content:"\f246"}.bi-cash::before{content:"\f247"}.bi-cast::before{content:"\f248"}.bi-chat-dots-fill::before{content:"\f249"}.bi-chat-dots::before{content:"\f24a"}.bi-chat-fill::before{content:"\f24b"}.bi-chat-left-dots-fill::before{content:"\f24c"}.bi-chat-left-dots::before{content:"\f24d"}.bi-chat-left-fill::before{content:"\f24e"}.bi-chat-left-quote-fill::before{content:"\f24f"}.bi-chat-left-quote::before{content:"\f250"}.bi-chat-left-text-fill::before{content:"\f251"}.bi-chat-left-text::before{content:"\f252"}.bi-chat-left::before{content:"\f253"}.bi-chat-quote-fill::before{content:"\f254"}.bi-chat-quote::before{content:"\f255"}.bi-chat-right-dots-fill::before{content:"\f256"}.bi-chat-right-dots::before{content:"\f257"}.bi-chat-right-fill::before{content:"\f258"}.bi-chat-right-quote-fill::before{content:"\f259"}.bi-chat-right-quote::before{content:"\f25a"}.bi-chat-right-text-fill::before{content:"\f25b"}.bi-chat-right-text::before{content:"\f25c"}.bi-chat-right::before{content:"\f25d"}.bi-chat-square-dots-fill::before{content:"\f25e"}.bi-chat-square-dots::before{content:"\f25f"}.bi-chat-square-fill::before{content:"\f260"}.bi-chat-square-quote-fill::before{content:"\f261"}.bi-chat-square-quote::before{content:"\f262"}.bi-chat-square-text-fill::before{content:"\f263"}.bi-chat-square-text::before{content:"\f264"}.bi-chat-square::before{content:"\f265"}.bi-chat-text-fill::before{content:"\f266"}.bi-chat-text::before{content:"\f267"}.bi-chat::before{content:"\f268"}.bi-check-all::before{content:"\f269"}.bi-check-circle-fill::before{content:"\f26a"}.bi-check-circle::before{content:"\f26b"}.bi-check-square-fill::before{content:"\f26c"}.bi-check-square::before{content:"\f26d"}.bi-check::before{content:"\f26e"}.bi-check2-all::before{content:"\f26f"}.bi-check2-circle::before{content:"\f270"}.bi-check2-square::before{content:"\f271"}.bi-check2::before{content:"\f272"}.bi-chevron-bar-contract::before{content:"\f273"}.bi-chevron-bar-down::before{content:"\f274"}.bi-chevron-bar-expand::before{content:"\f275"}.bi-chevron-bar-left::before{content:"\f276"}.bi-chevron-bar-right::before{content:"\f277"}.bi-chevron-bar-up::before{content:"\f278"}.bi-chevron-compact-down::before{content:"\f279"}.bi-chevron-compact-left::before{content:"\f27a"}.bi-chevron-compact-right::before{content:"\f27b"}.bi-chevron-compact-up::before{content:"\f27c"}.bi-chevron-contract::before{content:"\f27d"}.bi-chevron-double-down::before{content:"\f27e"}.bi-chevron-double-left::before{content:"\f27f"}.bi-chevron-double-right::before{content:"\f280"}.bi-chevron-double-up::before{content:"\f281"}.bi-chevron-down::before{content:"\f282"}.bi-chevron-expand::before{content:"\f283"}.bi-chevron-left::before{content:"\f284"}.bi-chevron-right::before{content:"\f285"}.bi-chevron-up::before{content:"\f286"}.bi-circle-fill::before{content:"\f287"}.bi-circle-half::before{content:"\f288"}.bi-circle-square::before{content:"\f289"}.bi-circle::before{content:"\f28a"}.bi-clipboard-check::before{content:"\f28b"}.bi-clipboard-data::before{content:"\f28c"}.bi-clipboard-minus::before{content:"\f28d"}.bi-clipboard-plus::before{content:"\f28e"}.bi-clipboard-x::before{content:"\f28f"}.bi-clipboard::before{content:"\f290"}.bi-clock-fill::before{content:"\f291"}.bi-clock-history::before{content:"\f292"}.bi-clock::before{content:"\f293"}.bi-cloud-arrow-down-fill::before{content:"\f294"}.bi-cloud-arrow-down::before{content:"\f295"}.bi-cloud-arrow-up-fill::before{content:"\f296"}.bi-cloud-arrow-up::before{content:"\f297"}.bi-cloud-check-fill::before{content:"\f298"}.bi-cloud-check::before{content:"\f299"}.bi-cloud-download-fill::before{content:"\f29a"}.bi-cloud-download::before{content:"\f29b"}.bi-cloud-drizzle-fill::before{content:"\f29c"}.bi-cloud-drizzle::before{content:"\f29d"}.bi-cloud-fill::before{content:"\f29e"}.bi-cloud-fog-fill::before{content:"\f29f"}.bi-cloud-fog::before{content:"\f2a0"}.bi-cloud-fog2-fill::before{content:"\f2a1"}.bi-cloud-fog2::before{content:"\f2a2"}.bi-cloud-hail-fill::before{content:"\f2a3"}.bi-cloud-hail::before{content:"\f2a4"}.bi-cloud-haze-1::before{content:"\f2a5"}.bi-cloud-haze-fill::before{content:"\f2a6"}.bi-cloud-haze::before{content:"\f2a7"}.bi-cloud-haze2-fill::before{content:"\f2a8"}.bi-cloud-lightning-fill::before{content:"\f2a9"}.bi-cloud-lightning-rain-fill::before{content:"\f2aa"}.bi-cloud-lightning-rain::before{content:"\f2ab"}.bi-cloud-lightning::before{content:"\f2ac"}.bi-cloud-minus-fill::before{content:"\f2ad"}.bi-cloud-minus::before{content:"\f2ae"}.bi-cloud-moon-fill::before{content:"\f2af"}.bi-cloud-moon::before{content:"\f2b0"}.bi-cloud-plus-fill::before{content:"\f2b1"}.bi-cloud-plus::before{content:"\f2b2"}.bi-cloud-rain-fill::before{content:"\f2b3"}.bi-cloud-rain-heavy-fill::before{content:"\f2b4"}.bi-cloud-rain-heavy::before{content:"\f2b5"}.bi-cloud-rain::before{content:"\f2b6"}.bi-cloud-slash-fill::before{content:"\f2b7"}.bi-cloud-slash::before{content:"\f2b8"}.bi-cloud-sleet-fill::before{content:"\f2b9"}.bi-cloud-sleet::before{content:"\f2ba"}.bi-cloud-snow-fill::before{content:"\f2bb"}.bi-cloud-snow::before{content:"\f2bc"}.bi-cloud-sun-fill::before{content:"\f2bd"}.bi-cloud-sun::before{content:"\f2be"}.bi-cloud-upload-fill::before{content:"\f2bf"}.bi-cloud-upload::before{content:"\f2c0"}.bi-cloud::before{content:"\f2c1"}.bi-clouds-fill::before{content:"\f2c2"}.bi-clouds::before{content:"\f2c3"}.bi-cloudy-fill::before{content:"\f2c4"}.bi-cloudy::before{content:"\f2c5"}.bi-code-slash::before{content:"\f2c6"}.bi-code-square::before{content:"\f2c7"}.bi-code::before{content:"\f2c8"}.bi-collection-fill::before{content:"\f2c9"}.bi-collection-play-fill::before{content:"\f2ca"}.bi-collection-play::before{content:"\f2cb"}.bi-collection::before{content:"\f2cc"}.bi-columns-gap::before{content:"\f2cd"}.bi-columns::before{content:"\f2ce"}.bi-command::before{content:"\f2cf"}.bi-compass-fill::before{content:"\f2d0"}.bi-compass::before{content:"\f2d1"}.bi-cone-striped::before{content:"\f2d2"}.bi-cone::before{content:"\f2d3"}.bi-controller::before{content:"\f2d4"}.bi-cpu-fill::before{content:"\f2d5"}.bi-cpu::before{content:"\f2d6"}.bi-credit-card-2-back-fill::before{content:"\f2d7"}.bi-credit-card-2-back::before{content:"\f2d8"}.bi-credit-card-2-front-fill::before{content:"\f2d9"}.bi-credit-card-2-front::before{content:"\f2da"}.bi-credit-card-fill::before{content:"\f2db"}.bi-credit-card::before{content:"\f2dc"}.bi-crop::before{content:"\f2dd"}.bi-cup-fill::before{content:"\f2de"}.bi-cup-straw::before{content:"\f2df"}.bi-cup::before{content:"\f2e0"}.bi-cursor-fill::before{content:"\f2e1"}.bi-cursor-text::before{content:"\f2e2"}.bi-cursor::before{content:"\f2e3"}.bi-dash-circle-dotted::before{content:"\f2e4"}.bi-dash-circle-fill::before{content:"\f2e5"}.bi-dash-circle::before{content:"\f2e6"}.bi-dash-square-dotted::before{content:"\f2e7"}.bi-dash-square-fill::before{content:"\f2e8"}.bi-dash-square::before{content:"\f2e9"}.bi-dash::before{content:"\f2ea"}.bi-diagram-2-fill::before{content:"\f2eb"}.bi-diagram-2::before{content:"\f2ec"}.bi-diagram-3-fill::before{content:"\f2ed"}.bi-diagram-3::before{content:"\f2ee"}.bi-diamond-fill::before{content:"\f2ef"}.bi-diamond-half::before{content:"\f2f0"}.bi-diamond::before{content:"\f2f1"}.bi-dice-1-fill::before{content:"\f2f2"}.bi-dice-1::before{content:"\f2f3"}.bi-dice-2-fill::before{content:"\f2f4"}.bi-dice-2::before{content:"\f2f5"}.bi-dice-3-fill::before{content:"\f2f6"}.bi-dice-3::before{content:"\f2f7"}.bi-dice-4-fill::before{content:"\f2f8"}.bi-dice-4::before{content:"\f2f9"}.bi-dice-5-fill::before{content:"\f2fa"}.bi-dice-5::before{content:"\f2fb"}.bi-dice-6-fill::before{content:"\f2fc"}.bi-dice-6::before{content:"\f2fd"}.bi-disc-fill::before{content:"\f2fe"}.bi-disc::before{content:"\f2ff"}.bi-discord::before{content:"\f300"}.bi-display-fill::before{content:"\f301"}.bi-display::before{content:"\f302"}.bi-distribute-horizontal::before{content:"\f303"}.bi-distribute-vertical::before{content:"\f304"}.bi-door-closed-fill::before{content:"\f305"}.bi-door-closed::before{content:"\f306"}.bi-door-open-fill::before{content:"\f307"}.bi-door-open::before{content:"\f308"}.bi-dot::before{content:"\f309"}.bi-download::before{content:"\f30a"}.bi-droplet-fill::before{content:"\f30b"}.bi-droplet-half::before{content:"\f30c"}.bi-droplet::before{content:"\f30d"}.bi-earbuds::before{content:"\f30e"}.bi-easel-fill::before{content:"\f30f"}.bi-easel::before{content:"\f310"}.bi-egg-fill::before{content:"\f311"}.bi-egg-fried::before{content:"\f312"}.bi-egg::before{content:"\f313"}.bi-eject-fill::before{content:"\f314"}.bi-eject::before{content:"\f315"}.bi-emoji-angry-fill::before{content:"\f316"}.bi-emoji-angry::before{content:"\f317"}.bi-emoji-dizzy-fill::before{content:"\f318"}.bi-emoji-dizzy::before{content:"\f319"}.bi-emoji-expressionless-fill::before{content:"\f31a"}.bi-emoji-expressionless::before{content:"\f31b"}.bi-emoji-frown-fill::before{content:"\f31c"}.bi-emoji-frown::before{content:"\f31d"}.bi-emoji-heart-eyes-fill::before{content:"\f31e"}.bi-emoji-heart-eyes::before{content:"\f31f"}.bi-emoji-laughing-fill::before{content:"\f320"}.bi-emoji-laughing::before{content:"\f321"}.bi-emoji-neutral-fill::before{content:"\f322"}.bi-emoji-neutral::before{content:"\f323"}.bi-emoji-smile-fill::before{content:"\f324"}.bi-emoji-smile-upside-down-fill::before{content:"\f325"}.bi-emoji-smile-upside-down::before{content:"\f326"}.bi-emoji-smile::before{content:"\f327"}.bi-emoji-sunglasses-fill::before{content:"\f328"}.bi-emoji-sunglasses::before{content:"\f329"}.bi-emoji-wink-fill::before{content:"\f32a"}.bi-emoji-wink::before{content:"\f32b"}.bi-envelope-fill::before{content:"\f32c"}.bi-envelope-open-fill::before{content:"\f32d"}.bi-envelope-open::before{content:"\f32e"}.bi-envelope::before{content:"\f32f"}.bi-eraser-fill::before{content:"\f330"}.bi-eraser::before{content:"\f331"}.bi-exclamation-circle-fill::before{content:"\f332"}.bi-exclamation-circle::before{content:"\f333"}.bi-exclamation-diamond-fill::before{content:"\f334"}.bi-exclamation-diamond::before{content:"\f335"}.bi-exclamation-octagon-fill::before{content:"\f336"}.bi-exclamation-octagon::before{content:"\f337"}.bi-exclamation-square-fill::before{content:"\f338"}.bi-exclamation-square::before{content:"\f339"}.bi-exclamation-triangle-fill::before{content:"\f33a"}.bi-exclamation-triangle::before{content:"\f33b"}.bi-exclamation::before{content:"\f33c"}.bi-exclude::before{content:"\f33d"}.bi-eye-fill::before{content:"\f33e"}.bi-eye-slash-fill::before{content:"\f33f"}.bi-eye-slash::before{content:"\f340"}.bi-eye::before{content:"\f341"}.bi-eyedropper::before{content:"\f342"}.bi-eyeglasses::before{content:"\f343"}.bi-facebook::before{content:"\f344"}.bi-file-arrow-down-fill::before{content:"\f345"}.bi-file-arrow-down::before{content:"\f346"}.bi-file-arrow-up-fill::before{content:"\f347"}.bi-file-arrow-up::before{content:"\f348"}.bi-file-bar-graph-fill::before{content:"\f349"}.bi-file-bar-graph::before{content:"\f34a"}.bi-file-binary-fill::before{content:"\f34b"}.bi-file-binary::before{content:"\f34c"}.bi-file-break-fill::before{content:"\f34d"}.bi-file-break::before{content:"\f34e"}.bi-file-check-fill::before{content:"\f34f"}.bi-file-check::before{content:"\f350"}.bi-file-code-fill::before{content:"\f351"}.bi-file-code::before{content:"\f352"}.bi-file-diff-fill::before{content:"\f353"}.bi-file-diff::before{content:"\f354"}.bi-file-earmark-arrow-down-fill::before{content:"\f355"}.bi-file-earmark-arrow-down::before{content:"\f356"}.bi-file-earmark-arrow-up-fill::before{content:"\f357"}.bi-file-earmark-arrow-up::before{content:"\f358"}.bi-file-earmark-bar-graph-fill::before{content:"\f359"}.bi-file-earmark-bar-graph::before{content:"\f35a"}.bi-file-earmark-binary-fill::before{content:"\f35b"}.bi-file-earmark-binary::before{content:"\f35c"}.bi-file-earmark-break-fill::before{content:"\f35d"}.bi-file-earmark-break::before{content:"\f35e"}.bi-file-earmark-check-fill::before{content:"\f35f"}.bi-file-earmark-check::before{content:"\f360"}.bi-file-earmark-code-fill::before{content:"\f361"}.bi-file-earmark-code::before{content:"\f362"}.bi-file-earmark-diff-fill::before{content:"\f363"}.bi-file-earmark-diff::before{content:"\f364"}.bi-file-earmark-easel-fill::before{content:"\f365"}.bi-file-earmark-easel::before{content:"\f366"}.bi-file-earmark-excel-fill::before{content:"\f367"}.bi-file-earmark-excel::before{content:"\f368"}.bi-file-earmark-fill::before{content:"\f369"}.bi-file-earmark-font-fill::before{content:"\f36a"}.bi-file-earmark-font::before{content:"\f36b"}.bi-file-earmark-image-fill::before{content:"\f36c"}.bi-file-earmark-image::before{content:"\f36d"}.bi-file-earmark-lock-fill::before{content:"\f36e"}.bi-file-earmark-lock::before{content:"\f36f"}.bi-file-earmark-lock2-fill::before{content:"\f370"}.bi-file-earmark-lock2::before{content:"\f371"}.bi-file-earmark-medical-fill::before{content:"\f372"}.bi-file-earmark-medical::before{content:"\f373"}.bi-file-earmark-minus-fill::before{content:"\f374"}.bi-file-earmark-minus::before{content:"\f375"}.bi-file-earmark-music-fill::before{content:"\f376"}.bi-file-earmark-music::before{content:"\f377"}.bi-file-earmark-person-fill::before{content:"\f378"}.bi-file-earmark-person::before{content:"\f379"}.bi-file-earmark-play-fill::before{content:"\f37a"}.bi-file-earmark-play::before{content:"\f37b"}.bi-file-earmark-plus-fill::before{content:"\f37c"}.bi-file-earmark-plus::before{content:"\f37d"}.bi-file-earmark-post-fill::before{content:"\f37e"}.bi-file-earmark-post::before{content:"\f37f"}.bi-file-earmark-ppt-fill::before{content:"\f380"}.bi-file-earmark-ppt::before{content:"\f381"}.bi-file-earmark-richtext-fill::before{content:"\f382"}.bi-file-earmark-richtext::before{content:"\f383"}.bi-file-earmark-ruled-fill::before{content:"\f384"}.bi-file-earmark-ruled::before{content:"\f385"}.bi-file-earmark-slides-fill::before{content:"\f386"}.bi-file-earmark-slides::before{content:"\f387"}.bi-file-earmark-spreadsheet-fill::before{content:"\f388"}.bi-file-earmark-spreadsheet::before{content:"\f389"}.bi-file-earmark-text-fill::before{content:"\f38a"}.bi-file-earmark-text::before{content:"\f38b"}.bi-file-earmark-word-fill::before{content:"\f38c"}.bi-file-earmark-word::before{content:"\f38d"}.bi-file-earmark-x-fill::before{content:"\f38e"}.bi-file-earmark-x::before{content:"\f38f"}.bi-file-earmark-zip-fill::before{content:"\f390"}.bi-file-earmark-zip::before{content:"\f391"}.bi-file-earmark::before{content:"\f392"}.bi-file-easel-fill::before{content:"\f393"}.bi-file-easel::before{content:"\f394"}.bi-file-excel-fill::before{content:"\f395"}.bi-file-excel::before{content:"\f396"}.bi-file-fill::before{content:"\f397"}.bi-file-font-fill::before{content:"\f398"}.bi-file-font::before{content:"\f399"}.bi-file-image-fill::before{content:"\f39a"}.bi-file-image::before{content:"\f39b"}.bi-file-lock-fill::before{content:"\f39c"}.bi-file-lock::before{content:"\f39d"}.bi-file-lock2-fill::before{content:"\f39e"}.bi-file-lock2::before{content:"\f39f"}.bi-file-medical-fill::before{content:"\f3a0"}.bi-file-medical::before{content:"\f3a1"}.bi-file-minus-fill::before{content:"\f3a2"}.bi-file-minus::before{content:"\f3a3"}.bi-file-music-fill::before{content:"\f3a4"}.bi-file-music::before{content:"\f3a5"}.bi-file-person-fill::before{content:"\f3a6"}.bi-file-person::before{content:"\f3a7"}.bi-file-play-fill::before{content:"\f3a8"}.bi-file-play::before{content:"\f3a9"}.bi-file-plus-fill::before{content:"\f3aa"}.bi-file-plus::before{content:"\f3ab"}.bi-file-post-fill::before{content:"\f3ac"}.bi-file-post::before{content:"\f3ad"}.bi-file-ppt-fill::before{content:"\f3ae"}.bi-file-ppt::before{content:"\f3af"}.bi-file-richtext-fill::before{content:"\f3b0"}.bi-file-richtext::before{content:"\f3b1"}.bi-file-ruled-fill::before{content:"\f3b2"}.bi-file-ruled::before{content:"\f3b3"}.bi-file-slides-fill::before{content:"\f3b4"}.bi-file-slides::before{content:"\f3b5"}.bi-file-spreadsheet-fill::before{content:"\f3b6"}.bi-file-spreadsheet::before{content:"\f3b7"}.bi-file-text-fill::before{content:"\f3b8"}.bi-file-text::before{content:"\f3b9"}.bi-file-word-fill::before{content:"\f3ba"}.bi-file-word::before{content:"\f3bb"}.bi-file-x-fill::before{content:"\f3bc"}.bi-file-x::before{content:"\f3bd"}.bi-file-zip-fill::before{content:"\f3be"}.bi-file-zip::before{content:"\f3bf"}.bi-file::before{content:"\f3c0"}.bi-files-alt::before{content:"\f3c1"}.bi-files::before{content:"\f3c2"}.bi-film::before{content:"\f3c3"}.bi-filter-circle-fill::before{content:"\f3c4"}.bi-filter-circle::before{content:"\f3c5"}.bi-filter-left::before{content:"\f3c6"}.bi-filter-right::before{content:"\f3c7"}.bi-filter-square-fill::before{content:"\f3c8"}.bi-filter-square::before{content:"\f3c9"}.bi-filter::before{content:"\f3ca"}.bi-flag-fill::before{content:"\f3cb"}.bi-flag::before{content:"\f3cc"}.bi-flower1::before{content:"\f3cd"}.bi-flower2::before{content:"\f3ce"}.bi-flower3::before{content:"\f3cf"}.bi-folder-check::before{content:"\f3d0"}.bi-folder-fill::before{content:"\f3d1"}.bi-folder-minus::before{content:"\f3d2"}.bi-folder-plus::before{content:"\f3d3"}.bi-folder-symlink-fill::before{content:"\f3d4"}.bi-folder-symlink::before{content:"\f3d5"}.bi-folder-x::before{content:"\f3d6"}.bi-folder::before{content:"\f3d7"}.bi-folder2-open::before{content:"\f3d8"}.bi-folder2::before{content:"\f3d9"}.bi-fonts::before{content:"\f3da"}.bi-forward-fill::before{content:"\f3db"}.bi-forward::before{content:"\f3dc"}.bi-front::before{content:"\f3dd"}.bi-fullscreen-exit::before{content:"\f3de"}.bi-fullscreen::before{content:"\f3df"}.bi-funnel-fill::before{content:"\f3e0"}.bi-funnel::before{content:"\f3e1"}.bi-gear-fill::before{content:"\f3e2"}.bi-gear-wide-connected::before{content:"\f3e3"}.bi-gear-wide::before{content:"\f3e4"}.bi-gear::before{content:"\f3e5"}.bi-gem::before{content:"\f3e6"}.bi-geo-alt-fill::before{content:"\f3e7"}.bi-geo-alt::before{content:"\f3e8"}.bi-geo-fill::before{content:"\f3e9"}.bi-geo::before{content:"\f3ea"}.bi-gift-fill::before{content:"\f3eb"}.bi-gift::before{content:"\f3ec"}.bi-github::before{content:"\f3ed"}.bi-globe::before{content:"\f3ee"}.bi-globe2::before{content:"\f3ef"}.bi-google::before{content:"\f3f0"}.bi-graph-down::before{content:"\f3f1"}.bi-graph-up::before{content:"\f3f2"}.bi-grid-1x2-fill::before{content:"\f3f3"}.bi-grid-1x2::before{content:"\f3f4"}.bi-grid-3x2-gap-fill::before{content:"\f3f5"}.bi-grid-3x2-gap::before{content:"\f3f6"}.bi-grid-3x2::before{content:"\f3f7"}.bi-grid-3x3-gap-fill::before{content:"\f3f8"}.bi-grid-3x3-gap::before{content:"\f3f9"}.bi-grid-3x3::before{content:"\f3fa"}.bi-grid-fill::before{content:"\f3fb"}.bi-grid::before{content:"\f3fc"}.bi-grip-horizontal::before{content:"\f3fd"}.bi-grip-vertical::before{content:"\f3fe"}.bi-hammer::before{content:"\f3ff"}.bi-hand-index-fill::before{content:"\f400"}.bi-hand-index-thumb-fill::before{content:"\f401"}.bi-hand-index-thumb::before{content:"\f402"}.bi-hand-index::before{content:"\f403"}.bi-hand-thumbs-down-fill::before{content:"\f404"}.bi-hand-thumbs-down::before{content:"\f405"}.bi-hand-thumbs-up-fill::before{content:"\f406"}.bi-hand-thumbs-up::before{content:"\f407"}.bi-handbag-fill::before{content:"\f408"}.bi-handbag::before{content:"\f409"}.bi-hash::before{content:"\f40a"}.bi-hdd-fill::before{content:"\f40b"}.bi-hdd-network-fill::before{content:"\f40c"}.bi-hdd-network::before{content:"\f40d"}.bi-hdd-rack-fill::before{content:"\f40e"}.bi-hdd-rack::before{content:"\f40f"}.bi-hdd-stack-fill::before{content:"\f410"}.bi-hdd-stack::before{content:"\f411"}.bi-hdd::before{content:"\f412"}.bi-headphones::before{content:"\f413"}.bi-headset::before{content:"\f414"}.bi-heart-fill::before{content:"\f415"}.bi-heart-half::before{content:"\f416"}.bi-heart::before{content:"\f417"}.bi-heptagon-fill::before{content:"\f418"}.bi-heptagon-half::before{content:"\f419"}.bi-heptagon::before{content:"\f41a"}.bi-hexagon-fill::before{content:"\f41b"}.bi-hexagon-half::before{content:"\f41c"}.bi-hexagon::before{content:"\f41d"}.bi-hourglass-bottom::before{content:"\f41e"}.bi-hourglass-split::before{content:"\f41f"}.bi-hourglass-top::before{content:"\f420"}.bi-hourglass::before{content:"\f421"}.bi-house-door-fill::before{content:"\f422"}.bi-house-door::before{content:"\f423"}.bi-house-fill::before{content:"\f424"}.bi-house::before{content:"\f425"}.bi-hr::before{content:"\f426"}.bi-hurricane::before{content:"\f427"}.bi-image-alt::before{content:"\f428"}.bi-image-fill::before{content:"\f429"}.bi-image::before{content:"\f42a"}.bi-images::before{content:"\f42b"}.bi-inbox-fill::before{content:"\f42c"}.bi-inbox::before{content:"\f42d"}.bi-inboxes-fill::before{content:"\f42e"}.bi-inboxes::before{content:"\f42f"}.bi-info-circle-fill::before{content:"\f430"}.bi-info-circle::before{content:"\f431"}.bi-info-square-fill::before{content:"\f432"}.bi-info-square::before{content:"\f433"}.bi-info::before{content:"\f434"}.bi-input-cursor-text::before{content:"\f435"}.bi-input-cursor::before{content:"\f436"}.bi-instagram::before{content:"\f437"}.bi-intersect::before{content:"\f438"}.bi-journal-album::before{content:"\f439"}.bi-journal-arrow-down::before{content:"\f43a"}.bi-journal-arrow-up::before{content:"\f43b"}.bi-journal-bookmark-fill::before{content:"\f43c"}.bi-journal-bookmark::before{content:"\f43d"}.bi-journal-check::before{content:"\f43e"}.bi-journal-code::before{content:"\f43f"}.bi-journal-medical::before{content:"\f440"}.bi-journal-minus::before{content:"\f441"}.bi-journal-plus::before{content:"\f442"}.bi-journal-richtext::before{content:"\f443"}.bi-journal-text::before{content:"\f444"}.bi-journal-x::before{content:"\f445"}.bi-journal::before{content:"\f446"}.bi-journals::before{content:"\f447"}.bi-joystick::before{content:"\f448"}.bi-justify-left::before{content:"\f449"}.bi-justify-right::before{content:"\f44a"}.bi-justify::before{content:"\f44b"}.bi-kanban-fill::before{content:"\f44c"}.bi-kanban::before{content:"\f44d"}.bi-key-fill::before{content:"\f44e"}.bi-key::before{content:"\f44f"}.bi-keyboard-fill::before{content:"\f450"}.bi-keyboard::before{content:"\f451"}.bi-ladder::before{content:"\f452"}.bi-lamp-fill::before{content:"\f453"}.bi-lamp::before{content:"\f454"}.bi-laptop-fill::before{content:"\f455"}.bi-laptop::before{content:"\f456"}.bi-layer-backward::before{content:"\f457"}.bi-layer-forward::before{content:"\f458"}.bi-layers-fill::before{content:"\f459"}.bi-layers-half::before{content:"\f45a"}.bi-layers::before{content:"\f45b"}.bi-layout-sidebar-inset-reverse::before{content:"\f45c"}.bi-layout-sidebar-inset::before{content:"\f45d"}.bi-layout-sidebar-reverse::before{content:"\f45e"}.bi-layout-sidebar::before{content:"\f45f"}.bi-layout-split::before{content:"\f460"}.bi-layout-text-sidebar-reverse::before{content:"\f461"}.bi-layout-text-sidebar::before{content:"\f462"}.bi-layout-text-window-reverse::before{content:"\f463"}.bi-layout-text-window::before{content:"\f464"}.bi-layout-three-columns::before{content:"\f465"}.bi-layout-wtf::before{content:"\f466"}.bi-life-preserver::before{content:"\f467"}.bi-lightbulb-fill::before{content:"\f468"}.bi-lightbulb-off-fill::before{content:"\f469"}.bi-lightbulb-off::before{content:"\f46a"}.bi-lightbulb::before{content:"\f46b"}.bi-lightning-charge-fill::before{content:"\f46c"}.bi-lightning-charge::before{content:"\f46d"}.bi-lightning-fill::before{content:"\f46e"}.bi-lightning::before{content:"\f46f"}.bi-link-45deg::before{content:"\f470"}.bi-link::before{content:"\f471"}.bi-linkedin::before{content:"\f472"}.bi-list-check::before{content:"\f473"}.bi-list-nested::before{content:"\f474"}.bi-list-ol::before{content:"\f475"}.bi-list-stars::before{content:"\f476"}.bi-list-task::before{content:"\f477"}.bi-list-ul::before{content:"\f478"}.bi-list::before{content:"\f479"}.bi-lock-fill::before{content:"\f47a"}.bi-lock::before{content:"\f47b"}.bi-mailbox::before{content:"\f47c"}.bi-mailbox2::before{content:"\f47d"}.bi-map-fill::before{content:"\f47e"}.bi-map::before{content:"\f47f"}.bi-markdown-fill::before{content:"\f480"}.bi-markdown::before{content:"\f481"}.bi-mask::before{content:"\f482"}.bi-megaphone-fill::before{content:"\f483"}.bi-megaphone::before{content:"\f484"}.bi-menu-app-fill::before{content:"\f485"}.bi-menu-app::before{content:"\f486"}.bi-menu-button-fill::before{content:"\f487"}.bi-menu-button-wide-fill::before{content:"\f488"}.bi-menu-button-wide::before{content:"\f489"}.bi-menu-button::before{content:"\f48a"}.bi-menu-down::before{content:"\f48b"}.bi-menu-up::before{content:"\f48c"}.bi-mic-fill::before{content:"\f48d"}.bi-mic-mute-fill::before{content:"\f48e"}.bi-mic-mute::before{content:"\f48f"}.bi-mic::before{content:"\f490"}.bi-minecart-loaded::before{content:"\f491"}.bi-minecart::before{content:"\f492"}.bi-moisture::before{content:"\f493"}.bi-moon-fill::before{content:"\f494"}.bi-moon-stars-fill::before{content:"\f495"}.bi-moon-stars::before{content:"\f496"}.bi-moon::before{content:"\f497"}.bi-mouse-fill::before{content:"\f498"}.bi-mouse::before{content:"\f499"}.bi-mouse2-fill::before{content:"\f49a"}.bi-mouse2::before{content:"\f49b"}.bi-mouse3-fill::before{content:"\f49c"}.bi-mouse3::before{content:"\f49d"}.bi-music-note-beamed::before{content:"\f49e"}.bi-music-note-list::before{content:"\f49f"}.bi-music-note::before{content:"\f4a0"}.bi-music-player-fill::before{content:"\f4a1"}.bi-music-player::before{content:"\f4a2"}.bi-newspaper::before{content:"\f4a3"}.bi-node-minus-fill::before{content:"\f4a4"}.bi-node-minus::before{content:"\f4a5"}.bi-node-plus-fill::before{content:"\f4a6"}.bi-node-plus::before{content:"\f4a7"}.bi-nut-fill::before{content:"\f4a8"}.bi-nut::before{content:"\f4a9"}.bi-octagon-fill::before{content:"\f4aa"}.bi-octagon-half::before{content:"\f4ab"}.bi-octagon::before{content:"\f4ac"}.bi-option::before{content:"\f4ad"}.bi-outlet::before{content:"\f4ae"}.bi-paint-bucket::before{content:"\f4af"}.bi-palette-fill::before{content:"\f4b0"}.bi-palette::before{content:"\f4b1"}.bi-palette2::before{content:"\f4b2"}.bi-paperclip::before{content:"\f4b3"}.bi-paragraph::before{content:"\f4b4"}.bi-patch-check-fill::before{content:"\f4b5"}.bi-patch-check::before{content:"\f4b6"}.bi-patch-exclamation-fill::before{content:"\f4b7"}.bi-patch-exclamation::before{content:"\f4b8"}.bi-patch-minus-fill::before{content:"\f4b9"}.bi-patch-minus::before{content:"\f4ba"}.bi-patch-plus-fill::before{content:"\f4bb"}.bi-patch-plus::before{content:"\f4bc"}.bi-patch-question-fill::before{content:"\f4bd"}.bi-patch-question::before{content:"\f4be"}.bi-pause-btn-fill::before{content:"\f4bf"}.bi-pause-btn::before{content:"\f4c0"}.bi-pause-circle-fill::before{content:"\f4c1"}.bi-pause-circle::before{content:"\f4c2"}.bi-pause-fill::before{content:"\f4c3"}.bi-pause::before{content:"\f4c4"}.bi-peace-fill::before{content:"\f4c5"}.bi-peace::before{content:"\f4c6"}.bi-pen-fill::before{content:"\f4c7"}.bi-pen::before{content:"\f4c8"}.bi-pencil-fill::before{content:"\f4c9"}.bi-pencil-square::before{content:"\f4ca"}.bi-pencil::before{content:"\f4cb"}.bi-pentagon-fill::before{content:"\f4cc"}.bi-pentagon-half::before{content:"\f4cd"}.bi-pentagon::before{content:"\f4ce"}.bi-people-fill::before{content:"\f4cf"}.bi-people::before{content:"\f4d0"}.bi-percent::before{content:"\f4d1"}.bi-person-badge-fill::before{content:"\f4d2"}.bi-person-badge::before{content:"\f4d3"}.bi-person-bounding-box::before{content:"\f4d4"}.bi-person-check-fill::before{content:"\f4d5"}.bi-person-check::before{content:"\f4d6"}.bi-person-circle::before{content:"\f4d7"}.bi-person-dash-fill::before{content:"\f4d8"}.bi-person-dash::before{content:"\f4d9"}.bi-person-fill::before{content:"\f4da"}.bi-person-lines-fill::before{content:"\f4db"}.bi-person-plus-fill::before{content:"\f4dc"}.bi-person-plus::before{content:"\f4dd"}.bi-person-square::before{content:"\f4de"}.bi-person-x-fill::before{content:"\f4df"}.bi-person-x::before{content:"\f4e0"}.bi-person::before{content:"\f4e1"}.bi-phone-fill::before{content:"\f4e2"}.bi-phone-landscape-fill::before{content:"\f4e3"}.bi-phone-landscape::before{content:"\f4e4"}.bi-phone-vibrate-fill::before{content:"\f4e5"}.bi-phone-vibrate::before{content:"\f4e6"}.bi-phone::before{content:"\f4e7"}.bi-pie-chart-fill::before{content:"\f4e8"}.bi-pie-chart::before{content:"\f4e9"}.bi-pin-angle-fill::before{content:"\f4ea"}.bi-pin-angle::before{content:"\f4eb"}.bi-pin-fill::before{content:"\f4ec"}.bi-pin::before{content:"\f4ed"}.bi-pip-fill::before{content:"\f4ee"}.bi-pip::before{content:"\f4ef"}.bi-play-btn-fill::before{content:"\f4f0"}.bi-play-btn::before{content:"\f4f1"}.bi-play-circle-fill::before{content:"\f4f2"}.bi-play-circle::before{content:"\f4f3"}.bi-play-fill::before{content:"\f4f4"}.bi-play::before{content:"\f4f5"}.bi-plug-fill::before{content:"\f4f6"}.bi-plug::before{content:"\f4f7"}.bi-plus-circle-dotted::before{content:"\f4f8"}.bi-plus-circle-fill::before{content:"\f4f9"}.bi-plus-circle::before{content:"\f4fa"}.bi-plus-square-dotted::before{content:"\f4fb"}.bi-plus-square-fill::before{content:"\f4fc"}.bi-plus-square::before{content:"\f4fd"}.bi-plus::before{content:"\f4fe"}.bi-power::before{content:"\f4ff"}.bi-printer-fill::before{content:"\f500"}.bi-printer::before{content:"\f501"}.bi-puzzle-fill::before{content:"\f502"}.bi-puzzle::before{content:"\f503"}.bi-question-circle-fill::before{content:"\f504"}.bi-question-circle::before{content:"\f505"}.bi-question-diamond-fill::before{content:"\f506"}.bi-question-diamond::before{content:"\f507"}.bi-question-octagon-fill::before{content:"\f508"}.bi-question-octagon::before{content:"\f509"}.bi-question-square-fill::before{content:"\f50a"}.bi-question-square::before{content:"\f50b"}.bi-question::before{content:"\f50c"}.bi-rainbow::before{content:"\f50d"}.bi-receipt-cutoff::before{content:"\f50e"}.bi-receipt::before{content:"\f50f"}.bi-reception-0::before{content:"\f510"}.bi-reception-1::before{content:"\f511"}.bi-reception-2::before{content:"\f512"}.bi-reception-3::before{content:"\f513"}.bi-reception-4::before{content:"\f514"}.bi-record-btn-fill::before{content:"\f515"}.bi-record-btn::before{content:"\f516"}.bi-record-circle-fill::before{content:"\f517"}.bi-record-circle::before{content:"\f518"}.bi-record-fill::before{content:"\f519"}.bi-record::before{content:"\f51a"}.bi-record2-fill::before{content:"\f51b"}.bi-record2::before{content:"\f51c"}.bi-reply-all-fill::before{content:"\f51d"}.bi-reply-all::before{content:"\f51e"}.bi-reply-fill::before{content:"\f51f"}.bi-reply::before{content:"\f520"}.bi-rss-fill::before{content:"\f521"}.bi-rss::before{content:"\f522"}.bi-rulers::before{content:"\f523"}.bi-save-fill::before{content:"\f524"}.bi-save::before{content:"\f525"}.bi-save2-fill::before{content:"\f526"}.bi-save2::before{content:"\f527"}.bi-scissors::before{content:"\f528"}.bi-screwdriver::before{content:"\f529"}.bi-search::before{content:"\f52a"}.bi-segmented-nav::before{content:"\f52b"}.bi-server::before{content:"\f52c"}.bi-share-fill::before{content:"\f52d"}.bi-share::before{content:"\f52e"}.bi-shield-check::before{content:"\f52f"}.bi-shield-exclamation::before{content:"\f530"}.bi-shield-fill-check::before{content:"\f531"}.bi-shield-fill-exclamation::before{content:"\f532"}.bi-shield-fill-minus::before{content:"\f533"}.bi-shield-fill-plus::before{content:"\f534"}.bi-shield-fill-x::before{content:"\f535"}.bi-shield-fill::before{content:"\f536"}.bi-shield-lock-fill::before{content:"\f537"}.bi-shield-lock::before{content:"\f538"}.bi-shield-minus::before{content:"\f539"}.bi-shield-plus::before{content:"\f53a"}.bi-shield-shaded::before{content:"\f53b"}.bi-shield-slash-fill::before{content:"\f53c"}.bi-shield-slash::before{content:"\f53d"}.bi-shield-x::before{content:"\f53e"}.bi-shield::before{content:"\f53f"}.bi-shift-fill::before{content:"\f540"}.bi-shift::before{content:"\f541"}.bi-shop-window::before{content:"\f542"}.bi-shop::before{content:"\f543"}.bi-shuffle::before{content:"\f544"}.bi-signpost-2-fill::before{content:"\f545"}.bi-signpost-2::before{content:"\f546"}.bi-signpost-fill::before{content:"\f547"}.bi-signpost-split-fill::before{content:"\f548"}.bi-signpost-split::before{content:"\f549"}.bi-signpost::before{content:"\f54a"}.bi-sim-fill::before{content:"\f54b"}.bi-sim::before{content:"\f54c"}.bi-skip-backward-btn-fill::before{content:"\f54d"}.bi-skip-backward-btn::before{content:"\f54e"}.bi-skip-backward-circle-fill::before{content:"\f54f"}.bi-skip-backward-circle::before{content:"\f550"}.bi-skip-backward-fill::before{content:"\f551"}.bi-skip-backward::before{content:"\f552"}.bi-skip-end-btn-fill::before{content:"\f553"}.bi-skip-end-btn::before{content:"\f554"}.bi-skip-end-circle-fill::before{content:"\f555"}.bi-skip-end-circle::before{content:"\f556"}.bi-skip-end-fill::before{content:"\f557"}.bi-skip-end::before{content:"\f558"}.bi-skip-forward-btn-fill::before{content:"\f559"}.bi-skip-forward-btn::before{content:"\f55a"}.bi-skip-forward-circle-fill::before{content:"\f55b"}.bi-skip-forward-circle::before{content:"\f55c"}.bi-skip-forward-fill::before{content:"\f55d"}.bi-skip-forward::before{content:"\f55e"}.bi-skip-start-btn-fill::before{content:"\f55f"}.bi-skip-start-btn::before{content:"\f560"}.bi-skip-start-circle-fill::before{content:"\f561"}.bi-skip-start-circle::before{content:"\f562"}.bi-skip-start-fill::before{content:"\f563"}.bi-skip-start::before{content:"\f564"}.bi-slack::before{content:"\f565"}.bi-slash-circle-fill::before{content:"\f566"}.bi-slash-circle::before{content:"\f567"}.bi-slash-square-fill::before{content:"\f568"}.bi-slash-square::before{content:"\f569"}.bi-slash::before{content:"\f56a"}.bi-sliders::before{content:"\f56b"}.bi-smartwatch::before{content:"\f56c"}.bi-snow::before{content:"\f56d"}.bi-snow2::before{content:"\f56e"}.bi-snow3::before{content:"\f56f"}.bi-sort-alpha-down-alt::before{content:"\f570"}.bi-sort-alpha-down::before{content:"\f571"}.bi-sort-alpha-up-alt::before{content:"\f572"}.bi-sort-alpha-up::before{content:"\f573"}.bi-sort-down-alt::before{content:"\f574"}.bi-sort-down::before{content:"\f575"}.bi-sort-numeric-down-alt::before{content:"\f576"}.bi-sort-numeric-down::before{content:"\f577"}.bi-sort-numeric-up-alt::before{content:"\f578"}.bi-sort-numeric-up::before{content:"\f579"}.bi-sort-up-alt::before{content:"\f57a"}.bi-sort-up::before{content:"\f57b"}.bi-soundwave::before{content:"\f57c"}.bi-speaker-fill::before{content:"\f57d"}.bi-speaker::before{content:"\f57e"}.bi-speedometer::before{content:"\f57f"}.bi-speedometer2::before{content:"\f580"}.bi-spellcheck::before{content:"\f581"}.bi-square-fill::before{content:"\f582"}.bi-square-half::before{content:"\f583"}.bi-square::before{content:"\f584"}.bi-stack::before{content:"\f585"}.bi-star-fill::before{content:"\f586"}.bi-star-half::before{content:"\f587"}.bi-star::before{content:"\f588"}.bi-stars::before{content:"\f589"}.bi-stickies-fill::before{content:"\f58a"}.bi-stickies::before{content:"\f58b"}.bi-sticky-fill::before{content:"\f58c"}.bi-sticky::before{content:"\f58d"}.bi-stop-btn-fill::before{content:"\f58e"}.bi-stop-btn::before{content:"\f58f"}.bi-stop-circle-fill::before{content:"\f590"}.bi-stop-circle::before{content:"\f591"}.bi-stop-fill::before{content:"\f592"}.bi-stop::before{content:"\f593"}.bi-stoplights-fill::before{content:"\f594"}.bi-stoplights::before{content:"\f595"}.bi-stopwatch-fill::before{content:"\f596"}.bi-stopwatch::before{content:"\f597"}.bi-subtract::before{content:"\f598"}.bi-suit-club-fill::before{content:"\f599"}.bi-suit-club::before{content:"\f59a"}.bi-suit-diamond-fill::before{content:"\f59b"}.bi-suit-diamond::before{content:"\f59c"}.bi-suit-heart-fill::before{content:"\f59d"}.bi-suit-heart::before{content:"\f59e"}.bi-suit-spade-fill::before{content:"\f59f"}.bi-suit-spade::before{content:"\f5a0"}.bi-sun-fill::before{content:"\f5a1"}.bi-sun::before{content:"\f5a2"}.bi-sunglasses::before{content:"\f5a3"}.bi-sunrise-fill::before{content:"\f5a4"}.bi-sunrise::before{content:"\f5a5"}.bi-sunset-fill::before{content:"\f5a6"}.bi-sunset::before{content:"\f5a7"}.bi-symmetry-horizontal::before{content:"\f5a8"}.bi-symmetry-vertical::before{content:"\f5a9"}.bi-table::before{content:"\f5aa"}.bi-tablet-fill::before{content:"\f5ab"}.bi-tablet-landscape-fill::before{content:"\f5ac"}.bi-tablet-landscape::before{content:"\f5ad"}.bi-tablet::before{content:"\f5ae"}.bi-tag-fill::before{content:"\f5af"}.bi-tag::before{content:"\f5b0"}.bi-tags-fill::before{content:"\f5b1"}.bi-tags::before{content:"\f5b2"}.bi-telegram::before{content:"\f5b3"}.bi-telephone-fill::before{content:"\f5b4"}.bi-telephone-forward-fill::before{content:"\f5b5"}.bi-telephone-forward::before{content:"\f5b6"}.bi-telephone-inbound-fill::before{content:"\f5b7"}.bi-telephone-inbound::before{content:"\f5b8"}.bi-telephone-minus-fill::before{content:"\f5b9"}.bi-telephone-minus::before{content:"\f5ba"}.bi-telephone-outbound-fill::before{content:"\f5bb"}.bi-telephone-outbound::before{content:"\f5bc"}.bi-telephone-plus-fill::before{content:"\f5bd"}.bi-telephone-plus::before{content:"\f5be"}.bi-telephone-x-fill::before{content:"\f5bf"}.bi-telephone-x::before{content:"\f5c0"}.bi-telephone::before{content:"\f5c1"}.bi-terminal-fill::before{content:"\f5c2"}.bi-terminal::before{content:"\f5c3"}.bi-text-center::before{content:"\f5c4"}.bi-text-indent-left::before{content:"\f5c5"}.bi-text-indent-right::before{content:"\f5c6"}.bi-text-left::before{content:"\f5c7"}.bi-text-paragraph::before{content:"\f5c8"}.bi-text-right::before{content:"\f5c9"}.bi-textarea-resize::before{content:"\f5ca"}.bi-textarea-t::before{content:"\f5cb"}.bi-textarea::before{content:"\f5cc"}.bi-thermometer-half::before{content:"\f5cd"}.bi-thermometer-high::before{content:"\f5ce"}.bi-thermometer-low::before{content:"\f5cf"}.bi-thermometer-snow::before{content:"\f5d0"}.bi-thermometer-sun::before{content:"\f5d1"}.bi-thermometer::before{content:"\f5d2"}.bi-three-dots-vertical::before{content:"\f5d3"}.bi-three-dots::before{content:"\f5d4"}.bi-toggle-off::before{content:"\f5d5"}.bi-toggle-on::before{content:"\f5d6"}.bi-toggle2-off::before{content:"\f5d7"}.bi-toggle2-on::before{content:"\f5d8"}.bi-toggles::before{content:"\f5d9"}.bi-toggles2::before{content:"\f5da"}.bi-tools::before{content:"\f5db"}.bi-tornado::before{content:"\f5dc"}.bi-trash-fill::before{content:"\f5dd"}.bi-trash::before{content:"\f5de"}.bi-trash2-fill::before{content:"\f5df"}.bi-trash2::before{content:"\f5e0"}.bi-tree-fill::before{content:"\f5e1"}.bi-tree::before{content:"\f5e2"}.bi-triangle-fill::before{content:"\f5e3"}.bi-triangle-half::before{content:"\f5e4"}.bi-triangle::before{content:"\f5e5"}.bi-trophy-fill::before{content:"\f5e6"}.bi-trophy::before{content:"\f5e7"}.bi-tropical-storm::before{content:"\f5e8"}.bi-truck-flatbed::before{content:"\f5e9"}.bi-truck::before{content:"\f5ea"}.bi-tsunami::before{content:"\f5eb"}.bi-tv-fill::before{content:"\f5ec"}.bi-tv::before{content:"\f5ed"}.bi-twitch::before{content:"\f5ee"}.bi-twitter::before{content:"\f5ef"}.bi-type-bold::before{content:"\f5f0"}.bi-type-h1::before{content:"\f5f1"}.bi-type-h2::before{content:"\f5f2"}.bi-type-h3::before{content:"\f5f3"}.bi-type-italic::before{content:"\f5f4"}.bi-type-strikethrough::before{content:"\f5f5"}.bi-type-underline::before{content:"\f5f6"}.bi-type::before{content:"\f5f7"}.bi-ui-checks-grid::before{content:"\f5f8"}.bi-ui-checks::before{content:"\f5f9"}.bi-ui-radios-grid::before{content:"\f5fa"}.bi-ui-radios::before{content:"\f5fb"}.bi-umbrella-fill::before{content:"\f5fc"}.bi-umbrella::before{content:"\f5fd"}.bi-union::before{content:"\f5fe"}.bi-unlock-fill::before{content:"\f5ff"}.bi-unlock::before{content:"\f600"}.bi-upc-scan::before{content:"\f601"}.bi-upc::before{content:"\f602"}.bi-upload::before{content:"\f603"}.bi-vector-pen::before{content:"\f604"}.bi-view-list::before{content:"\f605"}.bi-view-stacked::before{content:"\f606"}.bi-vinyl-fill::before{content:"\f607"}.bi-vinyl::before{content:"\f608"}.bi-voicemail::before{content:"\f609"}.bi-volume-down-fill::before{content:"\f60a"}.bi-volume-down::before{content:"\f60b"}.bi-volume-mute-fill::before{content:"\f60c"}.bi-volume-mute::before{content:"\f60d"}.bi-volume-off-fill::before{content:"\f60e"}.bi-volume-off::before{content:"\f60f"}.bi-volume-up-fill::before{content:"\f610"}.bi-volume-up::before{content:"\f611"}.bi-vr::before{content:"\f612"}.bi-wallet-fill::before{content:"\f613"}.bi-wallet::before{content:"\f614"}.bi-wallet2::before{content:"\f615"}.bi-watch::before{content:"\f616"}.bi-water::before{content:"\f617"}.bi-whatsapp::before{content:"\f618"}.bi-wifi-1::before{content:"\f619"}.bi-wifi-2::before{content:"\f61a"}.bi-wifi-off::before{content:"\f61b"}.bi-wifi::before{content:"\f61c"}.bi-wind::before{content:"\f61d"}.bi-window-dock::before{content:"\f61e"}.bi-window-sidebar::before{content:"\f61f"}.bi-window::before{content:"\f620"}.bi-wrench::before{content:"\f621"}.bi-x-circle-fill::before{content:"\f622"}.bi-x-circle::before{content:"\f623"}.bi-x-diamond-fill::before{content:"\f624"}.bi-x-diamond::before{content:"\f625"}.bi-x-octagon-fill::before{content:"\f626"}.bi-x-octagon::before{content:"\f627"}.bi-x-square-fill::before{content:"\f628"}.bi-x-square::before{content:"\f629"}.bi-x::before{content:"\f62a"}.bi-youtube::before{content:"\f62b"}.bi-zoom-in::before{content:"\f62c"}.bi-zoom-out::before{content:"\f62d"}.bi-bank::before{content:"\f62e"}.bi-bank2::before{content:"\f62f"}.bi-bell-slash-fill::before{content:"\f630"}.bi-bell-slash::before{content:"\f631"}.bi-cash-coin::before{content:"\f632"}.bi-check-lg::before{content:"\f633"}.bi-coin::before{content:"\f634"}.bi-currency-bitcoin::before{content:"\f635"}.bi-currency-dollar::before{content:"\f636"}.bi-currency-euro::before{content:"\f637"}.bi-currency-exchange::before{content:"\f638"}.bi-currency-pound::before{content:"\f639"}.bi-currency-yen::before{content:"\f63a"}.bi-dash-lg::before{content:"\f63b"}.bi-exclamation-lg::before{content:"\f63c"}.bi-file-earmark-pdf-fill::before{content:"\f63d"}.bi-file-earmark-pdf::before{content:"\f63e"}.bi-file-pdf-fill::before{content:"\f63f"}.bi-file-pdf::before{content:"\f640"}.bi-gender-ambiguous::before{content:"\f641"}.bi-gender-female::before{content:"\f642"}.bi-gender-male::before{content:"\f643"}.bi-gender-trans::before{content:"\f644"}.bi-headset-vr::before{content:"\f645"}.bi-info-lg::before{content:"\f646"}.bi-mastodon::before{content:"\f647"}.bi-messenger::before{content:"\f648"}.bi-piggy-bank-fill::before{content:"\f649"}.bi-piggy-bank::before{content:"\f64a"}.bi-pin-map-fill::before{content:"\f64b"}.bi-pin-map::before{content:"\f64c"}.bi-plus-lg::before{content:"\f64d"}.bi-question-lg::before{content:"\f64e"}.bi-recycle::before{content:"\f64f"}.bi-reddit::before{content:"\f650"}.bi-safe-fill::before{content:"\f651"}.bi-safe2-fill::before{content:"\f652"}.bi-safe2::before{content:"\f653"}.bi-sd-card-fill::before{content:"\f654"}.bi-sd-card::before{content:"\f655"}.bi-skype::before{content:"\f656"}.bi-slash-lg::before{content:"\f657"}.bi-translate::before{content:"\f658"}.bi-x-lg::before{content:"\f659"}.bi-safe::before{content:"\f65a"} diff --git a/content/components/icons/2/html.inc b/content/components/icons/2/html.inc new file mode 100644 index 000000000..99e04a125 --- /dev/null +++ b/content/components/icons/2/html.inc @@ -0,0 +1,4 @@ +Find all available icons here ! + + + \ No newline at end of file diff --git a/content/components/icons/2/index.md b/content/components/icons/2/index.md new file mode 100644 index 000000000..138faff76 --- /dev/null +++ b/content/components/icons/2/index.md @@ -0,0 +1,20 @@ +--- +title: "Import a font icon library - Bootsrap icons" +avoidCSSHighlight: true +--- + +_[Bootstrap Icons](https://icons.getbootstrap.com/) - Free, high quality, open source icon library with over 1,300 icons._ + + +**Install guide:** + +- Copy the CSS into your portal theme (in `backoffice -> look & feel -> theme -> stylesheet`, En Français : `Backoffice -> Apparence -> Thème -> Feuille de style`) +- Make live (save and apply your theme) +- Finally, simply use icons into your pages + +**Usage:** + +In your HTML, on `i` tag, set the class to `bi-` followed by the name of the icon. +For example, for the `alarm` icon, try: +- `` +- `` diff --git a/content/components/icons/3_svg_inline/css.inc b/content/components/icons/3_svg_inline/css.inc new file mode 100644 index 000000000..66e564cc7 --- /dev/null +++ b/content/components/icons/3_svg_inline/css.inc @@ -0,0 +1,5 @@ +.icons-list { + display: flex; + align-items: center; + gap: 5px; +} \ No newline at end of file diff --git a/content/components/icons/3_svg_inline/html.inc b/content/components/icons/3_svg_inline/html.inc new file mode 100644 index 000000000..75303e8f1 --- /dev/null +++ b/content/components/icons/3_svg_inline/html.inc @@ -0,0 +1,28 @@ +

Feather icon Signals

+

24px to 40px size, 0.5px to 3px thickness

+
+ + + + + + + + + + + + + + + + + + +
\ No newline at end of file diff --git a/content/components/icons/3_svg_inline/index.md b/content/components/icons/3_svg_inline/index.md new file mode 100644 index 000000000..611c5e692 --- /dev/null +++ b/content/components/icons/3_svg_inline/index.md @@ -0,0 +1,37 @@ +--- +title: "Inline SVG directly in your HTML" +height: 200 +--- + +A non-exhaustive list of SVG icon libraries free to use : + +- [Remix Icon](https://remixicon.com/) +- [Bootstrap Icons](https://icons.getbootstrap.com/) +- [Google Fonts Icons](https://fonts.google.com/icons?selected=Material+Icons) +- [Feather icons](https://feathericons.com/) + +**Usage for Remix Icon and Boostrap icons**: + +As Bootstrap and Remix propose to copy to clipboard the SVG code directly from the interface, +you just need to choose your icon, click on the "Copy to clipboard" button for Boostrap, or "Copy SVG" for Remix. +You are then ready to go. + + +**Usage for Google icons, Feather icons and others:** + +- Get the desired SVG icon, download it on your computer +- Open it with a text editor +- Copy the code +- Paste it wherever you want in your HTML + + +> Pros: Inlining SVG is optimal is you use few icons in your pages, +> and therefore you will only load what is really necessary +> (you won't load an heavy icon font to only use 0.1% of it) + +> Pros: You take benefit of SVG format in general: better scaling, better accessibility possibilities, can handle complex and even multicolor icons. + +> Cons: Sizing and positioning can require more advanced CSS skills than simple icon fonts that behave like text characters. + +> Cons: Reusing several times the same icon will be tedious as you'll need to duplicate the SVG code several times. In that case, see the next example for SVG Sprites + diff --git a/content/components/icons/4_svg_href/css.inc b/content/components/icons/4_svg_href/css.inc new file mode 100644 index 000000000..f8ea61abe --- /dev/null +++ b/content/components/icons/4_svg_href/css.inc @@ -0,0 +1,67 @@ +.sea { + display: flex; + align-items: center; + gap: 2px; +} + +/* Transform */ +.axial-symmetry-x { + transform: scaleX(-1); +} + +/* Animations */ +.flutter { + animation: flutter 5s infinite; +} +.delay1 { + animation-delay: 1s; +} +.delay2 { + animation-delay: 2s; +} +.delay3 { + animation-delay: 3s; +} +.delay4 { + animation-delay: 4s; + } + +@keyframes flutter { + 0% { + transform: scaleX(1) rotate(0deg) + } + 25% { + transform: scaleX(0.9) rotate(5deg); + } + 50% { + transform: scaleX(0.8) rotate(-5deg) + } + 75% { + transform: scaleX(1.1) rotate(5deg) + } + 100% { + transform: scaleX(1) rotate(0deg) + } +} + +.flutter-fish { + animation: flutter-fish 5s infinite; +} + +@keyframes flutter-fish { + 0% { + transform: rotate(0deg) + } + 25% { + transform: rotate(5deg); + } + 50% { + transform: rotate(-5deg) + } + 75% { + transform: rotate(5deg) + } + 100% { + transform: rotate(0deg) + } +} \ No newline at end of file diff --git a/content/components/icons/4_svg_href/html.inc b/content/components/icons/4_svg_href/html.inc new file mode 100644 index 000000000..59f220cec --- /dev/null +++ b/content/components/icons/4_svg_href/html.inc @@ -0,0 +1,37 @@ + + + + + + +

Icon Sea

+ +
+ + + + + + + + + +
+ +
+ + + + +
\ No newline at end of file diff --git a/content/components/icons/4_svg_href/index.md b/content/components/icons/4_svg_href/index.md new file mode 100644 index 000000000..9754bb7b8 --- /dev/null +++ b/content/components/icons/4_svg_href/index.md @@ -0,0 +1,25 @@ +--- +title: "Optimal solution with SVG Sprites" +height: 200 +--- + +**Disclaimer:** + +Technically speaking, it's the optimal solution, but beware (as the must is the enemy of the good), **it's also the most complex and technical**. +We recommend this solution for external usage, when the project must handle an important traffic, and therefore when performance is a key criteria. + +**Principle:** + +You will constitute an SVG Sprite, that contains all the required SVGs of your page. It's a kind of collection of `symbol`s. Each symbol as an ID, and can be used by referencing this ID. + +In this example: +- a sprite (collection) of 2 icons is declared in the HTML +- each icon has a viewport, but don't necessarily have a size +- then, in my page, I can "load" the desired icon by using the symbol ID with a `` tag and a `hrel` attribute. +- on each `svg/use` tag I can set a specific style, to change the size, the stroke color etc... +- I can also apply (with CSS) a transform property, to rotate or even animate my icons. + + +> Pros: Optimal, lightweight, custom made + +> Cons: Complex to create and use, require advanced CSS and SVG skills \ No newline at end of file diff --git a/content/components/icons/index.md b/content/components/icons/index.md new file mode 100644 index 000000000..1aa38ea65 --- /dev/null +++ b/content/components/icons/index.md @@ -0,0 +1,9 @@ +--- +title: "Icons" +description: "Import Icon libraries from the web into your portal to enrich your pages with thousands of icons" +tags: [] +height: 120 +resources: +- src: '*/' + name: folder-:counter +--- diff --git a/content/components/kpis/2/index.md b/content/components/kpis/2/index.md index ad6ead41f..9741779d6 100644 --- a/content/components/kpis/2/index.md +++ b/content/components/kpis/2/index.md @@ -1,5 +1,6 @@ --- title: " An ods-aggregation example" + --- Count the number of record of a dataset or compute the average/sum/min/max of a numeric field. diff --git a/content/components/kpis/2/schema.md b/content/components/kpis/2/schema.md new file mode 100644 index 000000000..0c2f529be --- /dev/null +++ b/content/components/kpis/2/schema.md @@ -0,0 +1,16 @@ +**Dataset in use:** `us-hospitals` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/us-hospitals/table/) + +**Fields in use:** +none: count function + +**Dataset in use:** `observation-synop` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/observation-synop/table/) + +**Fields in use:** + +|u (numeric)| +|---| +|100| +|69| +|87| +|73| + diff --git a/content/components/kpis/3/css.inc b/content/components/kpis/3/css.inc index f1f45c018..97e73cf38 100644 --- a/content/components/kpis/3/css.inc +++ b/content/components/kpis/3/css.inc @@ -3,7 +3,19 @@ :root { --secondary-color: #142E7B; } - +.row-equal-height { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-bottom: 20px; +} +/* Fix for early content wrapping in Safari*/ +.row-equal-height:before, +.row-equal-height:after { + content: normal; +} /* KPI Card ========================================================================== */ .kpi-card { @@ -28,7 +40,6 @@ justify-content: center; text-align: center; } - .kpi-icon { color: var(--highlight); color: var(--secondary-color); @@ -37,7 +48,6 @@ margin-bottom: 13px; max-width: 100%; } - .kpi-title { font-weight: normal; color: var(--highlight); @@ -46,7 +56,6 @@ margin-bottom: 13px; max-width: 100%; } - .kpi-description { color: var(--text); font-size: 1rem; @@ -56,81 +65,9 @@ margin-bottom: 0; max-width: 100%; } - .kpi-description-detail { opacity: 0.9; font-style: italic; font-size: 0.9em; margin-top: 0.8em; } - -/* Flip component -========================================================================== */ -.kpi-card.card-face-front { - justify-content: space-between; -} - -.card-flip { - position: relative; - height: 100%; - width: 100%; - -webkit-transition: -webkit-transform 0.2s; - transition: -webkit-transform 0.2s; - -o-transition: transform 0.2s; - transition: transform 0.2s; - transition: transform 0.2s, -webkit-transform 0.2s; - -webkit-perspective: 1200px; - perspective: 1200px; - -webkit-transform-style: preserve-3d; - transform-style: preserve-3d; - border-radius: 4px; - margin-bottom: 20px; -} - -.card-face { - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - height: 100%; - width: 100%; - margin-bottom: 0; /* remove kpi-card margin bottom */ -} - -.card-face-back { - position: absolute; - top: 0; - left: 0; - -webkit-transform: rotateY(180deg); - transform: rotateY(180deg); - -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), - 0 1px 10px 0 rgba(0, 0, 0, 0.12); - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), - 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} - -.card-flip.is-flipped { - -webkit-transform: rotateY(180deg); - transform: rotateY(180deg); -} - -.card-flip:hover { - -webkit-transform: rotateY(5deg); - transform: rotateY(5deg); - -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), - 0 1px 10px 0 rgba(0, 0, 0, 0.12); - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), - 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} - -.card-flip.is-flipped:hover { - -webkit-transform: rotateY(180deg); - transform: rotateY(180deg); -} - -.kpi-card-bottom { - align-self: flex-end; - margin: 16px -27px -27px 0; -} - -p.hint { - color: darkgrey; -} diff --git a/content/components/kpis/3/html.inc b/content/components/kpis/3/html.inc index 4a0b98848..208e56f53 100644 --- a/content/components/kpis/3/html.inc +++ b/content/components/kpis/3/html.inc @@ -1,42 +1,55 @@
- + -
-
-
-
- -

- {{ count | number }} -

-

- Number of hospitals -

-
-
-

"How is it computed? 👉"

-
-
-
-

- {{ count | number }} is the count of all records found in the dataset:  -

- - {{ ushospitals.dataset.metas.title }} - -
+
+ +

+ {{ analysis[0].percentage | number : 2 }}% +

+

+ Number of positive tests in Auvergne-Rhône-Alples +

+ +
+
+ +
+ +

+ {{ analysis[0].humidity | number : 1}} +

+

+ Average humidity (%) +

+
+
+
+ +
+ +

+ {{ analysis[0].wind | number : 1}} +

+

+ Max wind speed (m/s) +

+
+
+
+ \ No newline at end of file diff --git a/content/components/kpis/3/index.md b/content/components/kpis/3/index.md index 35028b349..f7d763561 100644 --- a/content/components/kpis/3/index.md +++ b/content/components/kpis/3/index.md @@ -1,6 +1,12 @@ --- -title: "Flip KPI" -date: "2021-02-09" +title: " An ods-adv-analysis example" +height: "700" --- -This card flip on user interaction to reveal more details about the dataset and how it is computed. +Use `ods-adv-analysis` widget working with ODS Explore API V2 to display advanced calculations on your pages. +In the `select` parameter, you can enter an advanced query to make, following the [ODSQL select clause](https://help.huwise.com/apis/ods-explore-v2/#section/Huwise-Query-Language-(ODSQL)/Select-clause). + +For more information about how to compute metrics and use the other parameters of `ods-adv-analysis`, see [ods-adv-analysis documentation](https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsAdvAnalysis). + +In the exemple, on the first row, we display the percentage of positive tests of Covid-19 in Auvergne-Rhône-Alpes; and on the second row, we display simple aggregations all made in one request through `ods-adv-analysis`. + diff --git a/content/components/kpis/3/schema.md b/content/components/kpis/3/schema.md new file mode 100644 index 000000000..8be24049a --- /dev/null +++ b/content/components/kpis/3/schema.md @@ -0,0 +1,22 @@ +**Dataset in use:** `donnees-relatives-aux-resultats-des-tests-virologiques-covid-19-france` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/donnees-relatives-aux-resultats-des-tests-virologiques-covid-19-france/table/) + +**Fields in use:** +|nb_pos (numeric)| nb_tests (numeric)| reg_name (text)| +|---|---|---| +|100|390|Auvergne-Rhône-Alpes| +|69|120|Occitanie| +|87|93|Normandie| +|73|240|Occitanie| + + +**Dataset in use:** `observation-synop` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/observation-synop/table/) + +**Fields in use:** + +|u (numeric)| +|---| +|100| +|69| +|87| +|73| + diff --git a/content/components/kpis/4/css.inc b/content/components/kpis/4/css.inc index f1f45c018..37d83b0af 100644 --- a/content/components/kpis/4/css.inc +++ b/content/components/kpis/4/css.inc @@ -8,7 +8,6 @@ ========================================================================== */ .kpi-card { background-color: var(--boxes-background); - height: 100%; padding: 39px; border-radius: 4px; margin-bottom: 20px; @@ -71,9 +70,8 @@ } .card-flip { - position: relative; - height: 100%; - width: 100%; + display: flex; + align-items: stretch; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; -o-transition: transform 0.2s; @@ -90,21 +88,19 @@ .card-face { -webkit-backface-visibility: hidden; backface-visibility: hidden; - height: 100%; width: 100%; + margin-right: -100%; margin-bottom: 0; /* remove kpi-card margin bottom */ } .card-face-back { - position: absolute; - top: 0; - left: 0; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + overflow-x: hidden; } .card-flip.is-flipped { diff --git a/content/components/kpis/4/html.inc b/content/components/kpis/4/html.inc index 487be7904..4a0b98848 100644 --- a/content/components/kpis/4/html.inc +++ b/content/components/kpis/4/html.inc @@ -1,13 +1,14 @@ -
-
+
+

- {{ count | number }} + {{ count | number }}

Number of hospitals @@ -29,47 +30,7 @@

- {{ count | number }} is the count of all records found in the dataset: -

- - {{ ushospitals.dataset.metas.title }} - -
-
- -
- -
- - -
-
-
-
- -

- {{ count | number }} -

-

- Number of hospitals -

-
-
-

"How is it computed? 👉"

-
-
-
-

- {{ count | number }} is the count of all records found in the dataset: + {{ count | number }} is the count of all records found in the dataset: 

{{ ushospitals.dataset.metas.title }} diff --git a/content/components/kpis/4/index.md b/content/components/kpis/4/index.md index 5aeccbe66..4bbb1948a 100644 --- a/content/components/kpis/4/index.md +++ b/content/components/kpis/4/index.md @@ -1,6 +1,8 @@ --- -title: "KPI sync flip" -date: 2021-02-23T15:21:27+01:00 +title: "Flip KPI" +date: "2021-02-09" --- -By default flip kpi will be independant. If you want multiple KPIs to all to flip when one is clicked, you have lift the state variable to a containing element. +This card flip on user interaction to reveal more details about the dataset and how it is computed. +This component will stretch vertically according to content size. +If your content is too large, the horizontal overflow will be hidden on the back face. diff --git a/content/components/kpis/4/schema.md b/content/components/kpis/4/schema.md new file mode 100644 index 000000000..9557c8a45 --- /dev/null +++ b/content/components/kpis/4/schema.md @@ -0,0 +1,5 @@ +**Dataset in use:** `us-hospitals` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/us-hospitals/table/) + +**Fields in use:** +none: count function + diff --git a/content/components/kpis/5/css.inc b/content/components/kpis/5/css.inc new file mode 100644 index 000000000..37d83b0af --- /dev/null +++ b/content/components/kpis/5/css.inc @@ -0,0 +1,132 @@ +/* Variables & Shared classes +========================================================================== */ +:root { + --secondary-color: #142E7B; +} + +/* KPI Card +========================================================================== */ +.kpi-card { + background-color: var(--boxes-background); + padding: 39px; + border-radius: 4px; + margin-bottom: 20px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + text-align: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; +} + +.kpi-icon { + color: var(--highlight); + color: var(--secondary-color); + font-size: 4rem; + margin-top: 0; + margin-bottom: 13px; + max-width: 100%; +} + +.kpi-title { + font-weight: normal; + color: var(--highlight); + font-size: 3.2rem; + margin-top: 0; + margin-bottom: 13px; + max-width: 100%; +} + +.kpi-description { + color: var(--text); + font-size: 1rem; + line-height: 1.5; + font-weight: normal; + margin-top: 0; + margin-bottom: 0; + max-width: 100%; +} + +.kpi-description-detail { + opacity: 0.9; + font-style: italic; + font-size: 0.9em; + margin-top: 0.8em; +} + +/* Flip component +========================================================================== */ +.kpi-card.card-face-front { + justify-content: space-between; +} + +.card-flip { + display: flex; + align-items: stretch; + -webkit-transition: -webkit-transform 0.2s; + transition: -webkit-transform 0.2s; + -o-transition: transform 0.2s; + transition: transform 0.2s; + transition: transform 0.2s, -webkit-transform 0.2s; + -webkit-perspective: 1200px; + perspective: 1200px; + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; + border-radius: 4px; + margin-bottom: 20px; +} + +.card-face { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + width: 100%; + margin-right: -100%; + margin-bottom: 0; /* remove kpi-card margin bottom */ +} + +.card-face-back { + -webkit-transform: rotateY(180deg); + transform: rotateY(180deg); + -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); + overflow-x: hidden; +} + +.card-flip.is-flipped { + -webkit-transform: rotateY(180deg); + transform: rotateY(180deg); +} + +.card-flip:hover { + -webkit-transform: rotateY(5deg); + transform: rotateY(5deg); + -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} + +.card-flip.is-flipped:hover { + -webkit-transform: rotateY(180deg); + transform: rotateY(180deg); +} + +.kpi-card-bottom { + align-self: flex-end; + margin: 16px -27px -27px 0; +} + +p.hint { + color: darkgrey; +} diff --git a/content/components/kpis/5/html.inc b/content/components/kpis/5/html.inc new file mode 100644 index 000000000..487be7904 --- /dev/null +++ b/content/components/kpis/5/html.inc @@ -0,0 +1,81 @@ +
+
+ + +
+
+
+
+ +

+ {{ count | number }} +

+

+ Number of hospitals +

+
+
+

"How is it computed? 👉"

+
+
+
+

+ {{ count | number }} is the count of all records found in the dataset: +

+ + {{ ushospitals.dataset.metas.title }} + +
+
+ +
+ +
+ + +
+
+
+
+ +

+ {{ count | number }} +

+

+ Number of hospitals +

+
+
+

"How is it computed? 👉"

+
+
+
+

+ {{ count | number }} is the count of all records found in the dataset: +

+ + {{ ushospitals.dataset.metas.title }} + +
+
+ +
+
diff --git a/content/components/kpis/5/index.md b/content/components/kpis/5/index.md new file mode 100644 index 000000000..5aeccbe66 --- /dev/null +++ b/content/components/kpis/5/index.md @@ -0,0 +1,6 @@ +--- +title: "KPI sync flip" +date: 2021-02-23T15:21:27+01:00 +--- + +By default flip kpi will be independant. If you want multiple KPIs to all to flip when one is clicked, you have lift the state variable to a containing element. diff --git a/content/components/kpis/5/schema.md b/content/components/kpis/5/schema.md new file mode 100644 index 000000000..9557c8a45 --- /dev/null +++ b/content/components/kpis/5/schema.md @@ -0,0 +1,5 @@ +**Dataset in use:** `us-hospitals` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/us-hospitals/table/) + +**Fields in use:** +none: count function + diff --git a/content/components/material-themed-cards/1/schema.md b/content/components/material-themed-cards/1/schema.md new file mode 100644 index 000000000..b296656b9 --- /dev/null +++ b/content/components/material-themed-cards/1/schema.md @@ -0,0 +1,11 @@ +**Dataset in use:** `monitoring-copy` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/monitoring-copy/table/) + +**Fields in use:** + +|timestamp|size_res| +|---|---| +|2021-11-06T21:39:37+00:00|4662| +|2021-12-07T15:13:02+00:00|4655| +|2021-12-07T09:35:13+00:00|2796| +|2021-12-06T17:23:24+00:00|0| + diff --git a/content/components/material-themed-cards/2/schema.md b/content/components/material-themed-cards/2/schema.md new file mode 100644 index 000000000..899a03858 --- /dev/null +++ b/content/components/material-themed-cards/2/schema.md @@ -0,0 +1,11 @@ +**Dataset in use:** `monitoring-copy` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/monitoring-copy/table/) + +**Fields in use:** + +|attributes|user_id| +|---|---| +|page-home|anonymous| +|page-home|anonymous| +|page-home|anonymous| +|page-portail|anonymous| + diff --git a/content/components/material-themed-cards/3/schema.md b/content/components/material-themed-cards/3/schema.md new file mode 100644 index 000000000..544610b39 --- /dev/null +++ b/content/components/material-themed-cards/3/schema.md @@ -0,0 +1,11 @@ +**Dataset in use:** `monitoring-copy` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/monitoring-copy/table/) + +**Fields in use:** + +|query_text| +|---| +|"map"| +|"userclub"| +|"code library"| +|"codelibrary"| + diff --git a/content/components/material-themed-cards/4/schema.md b/content/components/material-themed-cards/4/schema.md new file mode 100644 index 000000000..fd8421cd3 --- /dev/null +++ b/content/components/material-themed-cards/4/schema.md @@ -0,0 +1,11 @@ +**Dataset in use:** `monitoring-copy` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/monitoring-copy/table/) + +**Fields in use:** + +|dataset_id|timestamp| +|---|---| +|dataproviders-dataods|2021-11-06T21:39:37+00:00| +|dataproviders-dataods|2021-12-07T15:13:02+00:00| +|dataproviders-dataods|2021-12-07T09:35:13+00:00| +|base-nationale-des-lieux-de-covoiturage-en-france|2021-12-06T17:23:24+00:00| + diff --git a/content/components/material-themed-cards/5/css.inc b/content/components/material-themed-cards/5/css.inc index c50d1b85d..84c739cd2 100644 --- a/content/components/material-themed-cards/5/css.inc +++ b/content/components/material-themed-cards/5/css.inc @@ -23,66 +23,6 @@ --overlay-10: hsla(var(--primary-hue), var(--primary-saturation), 90%, 10%); } -.is-info { - --primary-hue: 194; - --primary-saturation: 100%; - --primary-lightness: 73%; - - /* These are automatically computed unless you need to overwrite them */ - --primary: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-lightness)); - --primary-10: hsl(var(--primary-hue), var(--primary-saturation), 10%); - --primary-20: hsl(var(--primary-hue), var(--primary-saturation), 20%); - --primary-30: hsl(var(--primary-hue), var(--primary-saturation), 30%); - --primary-40: hsl(var(--primary-hue), var(--primary-saturation), 40%); - --primary-50: hsl(var(--primary-hue), var(--primary-saturation), 50%); - --primary-60: hsl(var(--primary-hue), var(--primary-saturation), 60%); - --primary-70: hsl(var(--primary-hue), var(--primary-saturation), 70%); - --primary-80: hsl(var(--primary-hue), var(--primary-saturation), 80%); - --primary-90: hsl(var(--primary-hue), var(--primary-saturation), 90%); - - --overlay-10: hsla(var(--primary-hue), var(--primary-saturation), 90%, 10%); -} - -.is-success { - --primary-hue: 158; - --primary-saturation: 72%; - --primary-lightness: 42%; - - /* These are automatically computed unless you need to overwrite them */ - --primary: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-lightness)); - --primary-10: hsl(var(--primary-hue), var(--primary-saturation), 10%); - --primary-20: hsl(var(--primary-hue), var(--primary-saturation), 20%); - --primary-30: hsl(var(--primary-hue), var(--primary-saturation), 30%); - --primary-40: hsl(var(--primary-hue), var(--primary-saturation), 40%); - --primary-50: hsl(var(--primary-hue), var(--primary-saturation), 50%); - --primary-60: hsl(var(--primary-hue), var(--primary-saturation), 60%); - --primary-70: hsl(var(--primary-hue), var(--primary-saturation), 70%); - --primary-80: hsl(var(--primary-hue), var(--primary-saturation), 80%); - --primary-90: hsl(var(--primary-hue), var(--primary-saturation), 90%); - - --overlay-10: hsla(var(--primary-hue), var(--primary-saturation), 90%, 10%); -} - -.is-warning { - --primary-hue: 5; - --primary-saturation: 100%; - --primary-lightness: 67%; - - /* These are automatically computed unless you need to overwrite them */ - --primary: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-lightness)); - --primary-10: hsl(var(--primary-hue), var(--primary-saturation), 10%); - --primary-20: hsl(var(--primary-hue), var(--primary-saturation), 20%); - --primary-30: hsl(var(--primary-hue), var(--primary-saturation), 30%); - --primary-40: hsl(var(--primary-hue), var(--primary-saturation), 40%); - --primary-50: hsl(var(--primary-hue), var(--primary-saturation), 50%); - --primary-60: hsl(var(--primary-hue), var(--primary-saturation), 60%); - --primary-70: hsl(var(--primary-hue), var(--primary-saturation), 70%); - --primary-80: hsl(var(--primary-hue), var(--primary-saturation), 80%); - --primary-90: hsl(var(--primary-hue), var(--primary-saturation), 90%); - - --overlay-10: hsla(var(--primary-hue), var(--primary-saturation), 50%, 50%); -} - body { background-color: var(--background); color: var(--body-text); diff --git a/content/components/material-themed-cards/5/html.inc b/content/components/material-themed-cards/5/html.inc index 8a7e06aba..1adfe8dfa 100644 --- a/content/components/material-themed-cards/5/html.inc +++ b/content/components/material-themed-cards/5/html.inc @@ -48,7 +48,7 @@
-
+
@@ -88,7 +88,7 @@
-
+
-
+
@@ -193,4 +193,4 @@
- \ No newline at end of file + diff --git a/content/components/material-themed-cards/5/index.md b/content/components/material-themed-cards/5/index.md index 755cae79b..1e01f45cf 100644 --- a/content/components/material-themed-cards/5/index.md +++ b/content/components/material-themed-cards/5/index.md @@ -1,6 +1,6 @@ --- -title: "Making a full dashboard" +title: "Full dashboard" date: 2021-06-09T10:39:16+02:00 --- -This is a reproduction of the [monitoring dashboard](/page-templates/monitoring-dashboard) using the above components. We also use different base color for each row in this example, using the following css selectors: `is-info`, `is-warning`, `is-success`. +This is a reproduction of the [monitoring dashboard](/page-templates/monitoring-dashboard) using the above components. diff --git a/content/components/material-themed-cards/5/schema.md b/content/components/material-themed-cards/5/schema.md new file mode 100644 index 000000000..8840c014d --- /dev/null +++ b/content/components/material-themed-cards/5/schema.md @@ -0,0 +1,11 @@ +**Dataset in use:** `monitoring-copy` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/monitoring-copy/table/) + +**Fields in use:** + +|dataset_id|timestamp|size_res|user_id|query_text|attributes|action|geo_coordinates| +|---|---|---|---|---|---|---|---| +|dataproviders-dataods|2021-11-06T21:39:37+00:00|4662|anonymous||page-home|search|50.0797,-125.5892| +|dataproviders-dataods|2021-12-07T15:13:02+00:00|4655|anonymous||page-home|search|12.9634,77.5855| +|dataproviders-dataods|2021-12-07T09:35:13+00:00|2796|anonymous||page-home|lookup|48.8582,2.3387| +|base-nationale-des-lieux-de-covoiturage-en-france|2021-12-06T17:23:24+00:00|0|anonymous||page-portail|geo|41.9199,8.7424| + diff --git a/content/components/material-themed-cards/6/css.inc b/content/components/material-themed-cards/6/css.inc new file mode 100644 index 000000000..c50d1b85d --- /dev/null +++ b/content/components/material-themed-cards/6/css.inc @@ -0,0 +1,544 @@ +:root { + --primary-hue: 36; + --primary-saturation: 94%; + --primary-lightness: 59%; + + --surface: hsl(200, 21%, 37%); + --background: hsl(198, 20%, 17%); + --card-text: white; + --body-text: white; + + /* These are automatically computed unless you need to overwrite them */ + --primary: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-lightness)); + --primary-10: hsl(var(--primary-hue), var(--primary-saturation), 10%); + --primary-20: hsl(var(--primary-hue), var(--primary-saturation), 20%); + --primary-30: hsl(var(--primary-hue), var(--primary-saturation), 30%); + --primary-40: hsl(var(--primary-hue), var(--primary-saturation), 40%); + --primary-50: hsl(var(--primary-hue), var(--primary-saturation), 50%); + --primary-60: hsl(var(--primary-hue), var(--primary-saturation), 60%); + --primary-70: hsl(var(--primary-hue), var(--primary-saturation), 70%); + --primary-80: hsl(var(--primary-hue), var(--primary-saturation), 80%); + --primary-90: hsl(var(--primary-hue), var(--primary-saturation), 90%); + + --overlay-10: hsla(var(--primary-hue), var(--primary-saturation), 90%, 10%); +} + +.is-info { + --primary-hue: 194; + --primary-saturation: 100%; + --primary-lightness: 73%; + + /* These are automatically computed unless you need to overwrite them */ + --primary: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-lightness)); + --primary-10: hsl(var(--primary-hue), var(--primary-saturation), 10%); + --primary-20: hsl(var(--primary-hue), var(--primary-saturation), 20%); + --primary-30: hsl(var(--primary-hue), var(--primary-saturation), 30%); + --primary-40: hsl(var(--primary-hue), var(--primary-saturation), 40%); + --primary-50: hsl(var(--primary-hue), var(--primary-saturation), 50%); + --primary-60: hsl(var(--primary-hue), var(--primary-saturation), 60%); + --primary-70: hsl(var(--primary-hue), var(--primary-saturation), 70%); + --primary-80: hsl(var(--primary-hue), var(--primary-saturation), 80%); + --primary-90: hsl(var(--primary-hue), var(--primary-saturation), 90%); + + --overlay-10: hsla(var(--primary-hue), var(--primary-saturation), 90%, 10%); +} + +.is-success { + --primary-hue: 158; + --primary-saturation: 72%; + --primary-lightness: 42%; + + /* These are automatically computed unless you need to overwrite them */ + --primary: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-lightness)); + --primary-10: hsl(var(--primary-hue), var(--primary-saturation), 10%); + --primary-20: hsl(var(--primary-hue), var(--primary-saturation), 20%); + --primary-30: hsl(var(--primary-hue), var(--primary-saturation), 30%); + --primary-40: hsl(var(--primary-hue), var(--primary-saturation), 40%); + --primary-50: hsl(var(--primary-hue), var(--primary-saturation), 50%); + --primary-60: hsl(var(--primary-hue), var(--primary-saturation), 60%); + --primary-70: hsl(var(--primary-hue), var(--primary-saturation), 70%); + --primary-80: hsl(var(--primary-hue), var(--primary-saturation), 80%); + --primary-90: hsl(var(--primary-hue), var(--primary-saturation), 90%); + + --overlay-10: hsla(var(--primary-hue), var(--primary-saturation), 90%, 10%); +} + +.is-warning { + --primary-hue: 5; + --primary-saturation: 100%; + --primary-lightness: 67%; + + /* These are automatically computed unless you need to overwrite them */ + --primary: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-lightness)); + --primary-10: hsl(var(--primary-hue), var(--primary-saturation), 10%); + --primary-20: hsl(var(--primary-hue), var(--primary-saturation), 20%); + --primary-30: hsl(var(--primary-hue), var(--primary-saturation), 30%); + --primary-40: hsl(var(--primary-hue), var(--primary-saturation), 40%); + --primary-50: hsl(var(--primary-hue), var(--primary-saturation), 50%); + --primary-60: hsl(var(--primary-hue), var(--primary-saturation), 60%); + --primary-70: hsl(var(--primary-hue), var(--primary-saturation), 70%); + --primary-80: hsl(var(--primary-hue), var(--primary-saturation), 80%); + --primary-90: hsl(var(--primary-hue), var(--primary-saturation), 90%); + + --overlay-10: hsla(var(--primary-hue), var(--primary-saturation), 50%, 50%); +} + +body { + background-color: var(--background); + color: var(--body-text); +} + +h1 { + color: var(--body-text); +} + +/* ODS Over-ride */ +.row > *:first-child { + margin-left: 0; +} + +.row > *:last-child { + margin-right: 0; +} + +.row { + display: flex; + justify-content: center; +} + +@media screen and (max-width: 992px) { + .row { + flex-direction: column; + } + + .row > *:not(:last-child) { + margin-bottom: 16px; + } +} + +.odswidget-select-button-label, +.odswidget-select-button, +.odswidget-select-input { + color: var(--card-text); +} + +.odswidget-select-dropdown-menu { + background-color: var(--surface); + border: 1px solid var(--overlay-10); +} + +.odswidget-select-dropdown-menu-item:hover { + background-color: var(--overlay-10); +} + +.odswidget-select-dropdown-item-close-icon { + color: var(--primary); +} + +.odswidget-select-input-container { + border: none; +} + +.odswidget-timerange__reset { + color: var(--primary); +} + +.odswidget-timerange__reset:hover { + color: var(--primary-80); +} + +.odswidgets-rd-container.rd-container + { + background: var(--surface); + border: 1px solid var(--overlay-10); +} + +.odswidgets-rd-container .rd-time-list { + background-color: var(--surface); + color: var(--card-text); +} + +.odswidgets-rd-container .rd-next, +.odswidgets-rd-container .rd-back { + background-color: var(--surface); + color: var(--card-text); +} + +.odswidgets-rd-container .rd-day-body:hover, +.odswidgets-rd-container .rd-day-selected, +.odswidgets-rd-container .rd-time-option:hover, +.odswidgets-rd-container .rd-time-selected +{ + background-color: var(--primary); +} + +.odswidget-charts { + margin: 0 -12px; +} + +.highcharts-halo { + fill: var(--primary) !important; +} + +.highcharts-root > * { + width: 100%; +} + +.highcharts-text-outline { + display: none; +} + +.highcharts-data-label text tspan { + fill: var(--card-text); +} + +.hide-y .highcharts-yaxis-grid path.highcharts-grid-line, +.hide-y .highcharts-yaxis-labels text, +.hide-y .highcharts-yaxis-labels span { + display: none !important; +} + +.hide-x .highcharts-xaxis-labels text, +.hide-x .highcharts-xaxis-labels span, +.hide-x .highcharts-xaxis tspan, +.hide-x .highcharts-axis.highcharts-xaxis path.highcharts-axis-line, +.hide-x .highcharts-xaxis-grid path.highcharts-grid-line, +.hide-x .highcharts-tick { + display: none !important; +} + +.hide-x-grid .highcharts-xaxis tspan, +.hide-x-grid .highcharts-axis.highcharts-xaxis path.highcharts-axis-line, +.hide-x-grid .highcharts-xaxis-grid path.highcharts-grid-line, +.hide-x-grid .highcharts-tick { + display: none !important; +} + +.y-values .highcharts-data-label:not(:first-child):not(:last-child) { + display: none; +} + +.y-values .highcharts-data-label:first-child, +.y-values .highcharts-data-label:last-child { + opacity: 1; + visibility: inherit; /* force the last child to be visible, as it can be hidden by highchart */ +} + +.mini-card .highcharts-point.highcharts-color-0 { + fill: var(--primary) !important; +} +.mini-card .highcharts-point.highcharts-color-1 { + fill: var(--primary-50) !important; +} +.mini-card .highcharts-point.highcharts-color-2 { + fill: var(--primary-40) !important; +} +.mini-card .highcharts-point.highcharts-color-3 { + fill: var(--primary-60) !important; +} +.mini-card .highcharts-point.highcharts-color-4 { + fill: var(--primary-30) !important; +} +.mini-card .highcharts-point.highcharts-color-5 { + fill: var(--primary-70) !important; +} +.mini-card .highcharts-point.highcharts-color-6 { + fill: var(--primary-20) !important; +} +.mini-card .highcharts-point.highcharts-color-7 { + fill: var(--primary-80) !important; +} +.mini-card .highcharts-point.highcharts-color-8 { + fill: var(--primary-10) !important; +} +.mini-card .highcharts-point.highcharts-color-9 { + fill: var(--primary-90) !important; +} +.mini-card .highcharts-color-0.highcharts-data-label-connector { + stroke: var(--primary) !important; +} +.mini-card .highcharts-color-1.highcharts-data-label-connector { + stroke: var(--primary-50) !important; +} +.mini-card .highcharts-color-2.highcharts-data-label-connector { + stroke: var(--primary-40) !important; +} +.mini-card .highcharts-color-3.highcharts-data-label-connector { + stroke: var(--primary-60) !important; +} +.mini-card .highcharts-color-4.highcharts-data-label-connector { + stroke: var(--primary-30) !important; +} +.mini-card .highcharts-color-5.highcharts-data-label-connector { + stroke: var(--primary-70) !important; +} +.mini-card .highcharts-color-6.highcharts-data-label-connector { + stroke: var(--primary-20) !important; +} +.mini-card .highcharts-color-7.highcharts-data-label-connector { + stroke: var(--primary-80) !important; +} +.mini-card .highcharts-color-8.highcharts-data-label-connector { + stroke: var(--primary-10) !important; +} +.mini-card .highcharts-color-9.highcharts-data-label-connector { + stroke: var(--primary-90) !important; +} + +.mini-card rect.highcharts-background { + fill: transparent !important; +} + +.mini-card text { + fill: var(--card-text) !important; + font-size: 13px !important; +} + +.mini-card .highcharts-grid-line { + stroke: var(--primary) !important; + stroke-dasharray: 2 2; +} + +.mini-card .highcharts-graph { + stroke: var(--primary) !important; +} + +.mini-card .highcharts-area { + fill: transparent !important; +} + +.mini-card .highcharts-legend { + display: none; +} + +.mini-card .highcharts-markers path { + fill: var(--primary) !important; +} + +.mini-card .highcharts-label-box:not(.highcharts-shadow) { + stroke: var(--primary) !important; +} + +.mini-card .highcharts-tooltip-container { + background: var(--background); + color: var(--body-text); +} + +.mini-card .highcharts-label span { + color: var(--card-text) !important; +} + +.mini-card .ods-highcharts__tooltip span { + color: var(--primary) !important; +} + +.mini-card .highcharts-point { + fill: var(--primary) !important; + stroke: transparent !important; + rx: 8px; +} + +.mini-card .highcharts-grid-line:not(:first-child):not(:last-child), +.mini-card .highcharts-yaxis-labels text:not(:first-child):not(:last-child) { + display: none; +} + +.mini-card .highcharts-xaxis-labels span { + color: var(--card-text) !important; + font-size: 13px !important;; +} + +/* Utilities */ +.z-depth-1 { + z-index: 1; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), + 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); +} + +.z-depth-2 { + z-index: 2; + box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), + 0 2px 4px -1px rgba(0, 0, 0, 0.3); +} + +.row-sticky { + position: sticky; + top: 0; + z-index: 20; +} + +/* Elements */ +section { + padding: 0 16px; + margin: 16px 0; +} + +.title { + margin-bottom: 1em; +} + +.subtitle { + margin-top: -0.75em; +} + +h1.title { + font-size: 2.25rem; +} + +h2.title { + font-size: 1.5rem; +} + +h5.subtitle { + font-size: 1.25rem; + font-weight: 600; + margin: 0; +} + +/* Components */ +.menu { + display: flex; + justify-content: center; + align-items: stretch; + background: white; + border-radius: 999px; + padding: 0 16px; + margin-top: 16px; + background: var(--surface); + color: var(--card-text); +} + +@media screen and (max-width: 992px) { + .menu { + flex-direction: column; + width: 100%; + border-radius: 0; + margin: 0; + padding: 0; + } +} + +.filter { + display: flex; + flex: 1 1; + align-items: center; + justify-content: flex-end; + padding: 8px; +} + +.filter:not(:last-child) { + border-right: 1px solid lightgray; +} + +.filter .odswidget-select { + min-width: 220px; +} + +.filter > *:not(:last-child) { + margin-right: 8px; +} + +.filter .odswidget-timerange { + display: flex; +} + +.filter .odswidget-timerange__to, +.filter .odswidget-timerange__from { + display: flex; + justify-content: space-between; + margin-right: 16px; +} + +.filter .odswidget-timerange__label { + margin-right: 8px; +} + +.filter .odswidget-select-button, +.filter .odswidget-select-input { + padding: 8px; + border: none; + background: transparent; +} + +.filter .odswidget-select-button:hover { + border: none; +} + +.filter .odswidget-timerange__input { + border: none; + border-bottom: 1px solid; + background: var(--surface); + color: var(--card-text); +} + +.filter .odswidget-select-dropdown-menu { + top: 32px; +} + +@media screen and (max-width: 768px) { + .filter { + justify-content: center; + } + + .filter .odswidget-timerange { + flex-direction: column; + } + + .filter .odswidget-timerange__from { + margin-bottom: 2em; + } + + .filter:not(:last-child) { + width: 100%; + border-right: none; + border-bottom: 1px solid lightgray; + } +} + +.card { + background: var(--surface); + color: var(--card-text); + border-radius: 4px; + padding: 16px; + height: 100%; +} + +.card-head { + padding-bottom: 2rem; +} + +.card .title, +.card .subtitle { + color: var(--card-text); +} + +.data-table { + margin: 0 -16px; + color: var(--card-text); +} + +.data-table thead { + background: var(--overlay-10); + border-bottom: 1px solid var(--card-text); +} + +.data-table tr { + line-height: 32px; + position: relative; +} + +.data-table tr:hover { + background: var(--overlay-10); +} + +.data-table td, +.data-table th { + padding: 8px; + max-width: 265px; + overflow: hidden; + text-overflow: ellipsis; +} + +.data-table tbody tr:nth-child(-n + 3) * { + font-weight: 500; +} diff --git a/content/components/material-themed-cards/6/html.inc b/content/components/material-themed-cards/6/html.inc new file mode 100644 index 000000000..8a7e06aba --- /dev/null +++ b/content/components/material-themed-cards/6/html.inc @@ -0,0 +1,196 @@ + +
+
+

+ Company Data Hub's Analytics +

+

DISCLAIMER Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi sint, sequi ratione + esse, officiis, aliquam quaerat perferendis mollitia laborum cumque molestiae aspernatur.

+

+ These Analytics are based on usages made on Company's data + portal. Contact Admin for any additional + questions. +

+ Access source + data + + Access Company's Data Hub +
+ +
+
+
+
+

+ Portal's activity. +

+

Count of daily API calls from {{ startDate|date:'longDate' }} to {{ + endDate|date:'longDate' }}.

+
+ + + + + + +
+
+
+
+
+

+ Users ranked by API calls +

+

Most active users by sum of all API calls, regardless of the nature of + the call.

+
+ + + + + + +
+
+
+
+
+ + {{ queries.parameters['q.timerange'] = stats.parameters['q.timerange'] ; '' }} + {{ queries.parameters['refine.dataset_id'] = stats.parameters['refine.dataset_id'] ; '' }} +
+
+

+ Most frequent queries +

+
+ + + + + + + + + + + + + + + +
RankRequestOccurrences
{{ i+1 }}{{ query.name }}{{ query.count }}
+
+ +
+
+
+
+
+
+

+ Most active pages +

+

Ranked by number of API calls

+
+ + + + + + +
+
+
+
+
+

+ Popular actions +

+

Ranked by number of API calls

+
+ + + + + + +
+
+
+
+
+
+
+

+ Origin of users on Company's Data Hub +

+
+ + + + + +
+
+
+
+ \ No newline at end of file diff --git a/content/components/material-themed-cards/6/index.md b/content/components/material-themed-cards/6/index.md new file mode 100644 index 000000000..a60270d0b --- /dev/null +++ b/content/components/material-themed-cards/6/index.md @@ -0,0 +1,7 @@ +--- +title: "Full dashboard with multiple primary colors" +date: 2021-06-09T10:39:16+02:00 +--- + +You can use multiple color theme on the same page by adding classes that redefines the same color variables as in `:root` (` --primary-hue, --primary-saturation` etc.) +. In this example, we add the following css class: `is-info`, `is-warning`, `is-success`. Then we apply them on `
…
` to give specific colors to sections. diff --git a/content/components/material-themed-cards/6/schema.md b/content/components/material-themed-cards/6/schema.md new file mode 100644 index 000000000..8840c014d --- /dev/null +++ b/content/components/material-themed-cards/6/schema.md @@ -0,0 +1,11 @@ +**Dataset in use:** `monitoring-copy` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/monitoring-copy/table/) + +**Fields in use:** + +|dataset_id|timestamp|size_res|user_id|query_text|attributes|action|geo_coordinates| +|---|---|---|---|---|---|---|---| +|dataproviders-dataods|2021-11-06T21:39:37+00:00|4662|anonymous||page-home|search|50.0797,-125.5892| +|dataproviders-dataods|2021-12-07T15:13:02+00:00|4655|anonymous||page-home|search|12.9634,77.5855| +|dataproviders-dataods|2021-12-07T09:35:13+00:00|2796|anonymous||page-home|lookup|48.8582,2.3387| +|base-nationale-des-lieux-de-covoiturage-en-france|2021-12-06T17:23:24+00:00|0|anonymous||page-portail|geo|41.9199,8.7424| + diff --git a/content/components/search-module/1/html.inc b/content/components/search-module/1/html.inc index 6dda9b7d6..5b175d407 100644 --- a/content/components/search-module/1/html.inc +++ b/content/components/search-module/1/html.inc @@ -1,11 +1,12 @@
+
+ + +
+ + Search results will be displayed bellow, as a list of external links + +
    + +
  • +
    + {{item.com_arm_name }} ({{item.dep_code }}) + + Filter on the selected city +
    +
    • +
  • + More than 10 results. Continue typing to narrow your search... +
    • +
+
+ + +
+

+ {{ variables.selection }} +

+ +
+
+ + + + + + + + +
+ diff --git a/content/components/search-module/4/index.md b/content/components/search-module/4/index.md new file mode 100644 index 000000000..b823f9172 --- /dev/null +++ b/content/components/search-module/4/index.md @@ -0,0 +1,7 @@ +--- +title: "Search Bar to search on a specific field" +height: 750 +date: "2022-04-01" +--- + +The same search bar, with a dedicated feature to search on a specific field, thanks to the `#search` operator. \ No newline at end of file diff --git a/content/components/search-module/4/schema.md b/content/components/search-module/4/schema.md new file mode 100644 index 000000000..e922b8e79 --- /dev/null +++ b/content/components/search-module/4/schema.md @@ -0,0 +1,11 @@ +**Dataset in use:** `demographyref-france-pop-active-sexe-activite-commune-millesime` [(See it on public domain)](https://public.huwise.com/explore/dataset/demographyref-france-pop-active-sexe-activite-commune-millesime/table/) + +**Fields in use:** + +|com_arm_code|com_arm_name|dep_code|geo_year|variable_label|value| +|---|---|---|---|---|---| +|77112|Chevrainvilliers|77|2017|Hommes Chômeurs|0.0| +|77119|Clos-Fontaine|77|2017|Hommes Actifs ayant un emploi|47.7217741935484| +|77129|Coulombs-En-Valois|77|2017|Hommes Actifs ayant un emploi|88.919381053595| +|77131|Coulommiers|77|2017|Hommes Actifs ayant un emploi|2055.885349748551| + diff --git a/content/components/search-module/index.md b/content/components/search-module/index.md index 1906073e7..ebb435198 100644 --- a/content/components/search-module/index.md +++ b/content/components/search-module/index.md @@ -2,6 +2,7 @@ title: "Search module" description: "This module is a stylised search bar with a modern look." tags: ["navigation"] +date: "2022-04-01" height: 240 resources: - src: '*/' diff --git a/content/components/sticky-header/2/html.inc b/content/components/sticky-header/2/html.inc index d80b45239..c72d5e86d 100644 --- a/content/components/sticky-header/2/html.inc +++ b/content/components/sticky-header/2/html.inc @@ -13,7 +13,7 @@ Number of records: {{ shanghairanking.dataset.metas.records_count | number }}
- + View
diff --git a/content/components/sticky-header/2/schema.md b/content/components/sticky-header/2/schema.md new file mode 100644 index 000000000..c44691c86 --- /dev/null +++ b/content/components/sticky-header/2/schema.md @@ -0,0 +1,11 @@ +**Dataset in use:** `shanghai-world-university-ranking` [(See it on public domain)](https://public.huwise.com/explore/dataset/shanghai-world-university-ranking/table/) + +**Fields in use:** + +|country| +|---| +|United Kingdom| +|United States| +|United States| +|United States| + diff --git a/content/components/switch-toggle/5/css.inc b/content/components/switch-toggle/5/css.inc index 28395ac99..31dcc5ce5 100644 --- a/content/components/switch-toggle/5/css.inc +++ b/content/components/switch-toggle/5/css.inc @@ -1,162 +1,64 @@ -/* Content Card - ========================================================================== */ - -.content-card { - background-color: var(--boxes-background); - padding: 26px; - border-radius: 4px; - margin-bottom: 20px; - height: 100%; -} -.content-card-title { - color: var(--titles); - font-size: 1.2rem; - line-height: 1.5; - font-weight: normal; - margin-top: 0; - margin-bottom: 13px; - max-width: 100%; -} -.content-card-description { - color: var(--text); - font-size: 1rem; - line-height: 1.5; - font-weight: normal; - margin-top: 0; - margin-bottom: 26px; - max-width: 100%; -} -.content-card-icon { - color: var(--highlight); - font-size: 2rem; - margin-bottom: 13px; - max-width: 100%; -} -.content-card-link { - color: var(--links); - font-weight: bold; - transition: all .2s; - opacity: 1; - max-width: 100%; -} -.content-card-link:hover { - opacity: .7; - text-decoration: none; -} -.content-card-button { - color: var(--highlight); - border: 1px solid var(--highlight); - background: transparent; - display: inline-block; - text-align: center; - font-size: .867rem; - border-radius: 4px; - padding: .5rem 1.15rem; - text-decoration: none; - transition: all .2s; -} -.content-card-button:hover { - background-color: var(--highlight); - color: #FFFFFF; - text-decoration: none; -} - -.switch-container { - display: flex; - align-items: center; -} - -/* Button Group Switch - ========================================================================== */ - -.switch { - display: inline-block; - margin-bottom: 0; - margin-left: 0.5rem; -} - -.switch-button { - /* background and border when in "off" state */ - background: var(--highlight); - border: 2px solid var(--highlight); - display: grid; - grid-template-columns: 1fr 1fr; - border-radius: 6px; - color: #FFFFFF; - position: relative; - cursor: pointer; - outline: 0; - user-select: none; +/* Flat style +=============================================================================*/ +.flat-button { + font-size: 1rem; + color: var(--links); + border: 1px solid var(--links); + border-radius: 2rem; + background: #FFF; + padding: .37rem 1rem; + margin-right: 6px; } -.switch-input:not(:checked) + .switch-button .switch-button-left { - /* text color when in "off" state */ - color: var(--highlight); +.flat-button:hover { + opacity: 0.65; } -.switch-input { - display: none; +.flat-button-active { + background-color: var(--links); + color: #FFF; } -.switch-button span { +/* Press style +=============================================================================*/ +.press-button { font-size: 1rem; - padding: 0.2rem .7rem; - text-align: center; - z-index: 2; - color: #FFFFFF; - transition: color .2s; -} - -.switch-button::before { - content: ''; - position: absolute; - background-color: #FFFFFF; - box-shadow: 0 1px 3px rgba(0,0,0,.4); - border-radius: 4px; - top: 0; - left: 0; - height: 100%; - width: 50%; - z-index: 1; - transition: left .3s cubic-bezier(0.175, 0.885, 0.320, 1), - padding .2s ease, margin .2s ease; + color: var(--links); + border: 1px solid var(--links); + border-radius: 2rem; + background: #FFF; + padding: .37rem 1rem; + border-bottom-width: 6px; } -.switch-button:hover::before { - will-change: padding; +.press-button:hover { + opacity: 0.65; } -.switch-button:active::before { - padding-right: .4rem; +.press-button-active { + margin-top: 3px; + border-bottom-width: 3px; } - -/* "On" state - ========================== */ - -.switch-input:checked + .switch-button { - /* background and border when in "on" state */ - background-color: var(--links); - border-color: var(--links); +/* Shadow style +=============================================================================*/ +.shadow-button { + font-size: 1rem; + background: rgb(0, 136, 204); + background: linear-gradient(0deg, rgba(0, 136, 204, 1) 0%, rgba(6, 168, 249, 1) 100%); + color: #FFF; + border: 1px solid var(--links); + border-radius: 2rem; + padding: .37rem 1rem; } -.switch-input:checked + .switch-button .switch-button-right { - /* text color when in "on" state */ - color: var(--links); +.shadow-button-active { + background-color: rgba(0, 136, 204, 1); + box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset; + padding-top: .47rem; + padding-bottom: .27rem; } -.switch-input:checked + .switch-button::before { - left: 50%; -} -.switch-input:checked + .switch-button:active::before { - margin-left: -.4rem; -} -/* Checkbox in disabled state - ========================== */ -.switch-input[type="checkbox"]:disabled + .switch-button { - opacity: 0.6; - cursor: not-allowed; -} diff --git a/content/components/switch-toggle/5/html.inc b/content/components/switch-toggle/5/html.inc index 0d367dcd1..7cf19773b 100644 --- a/content/components/switch-toggle/5/html.inc +++ b/content/components/switch-toggle/5/html.inc @@ -1,45 +1,34 @@ -
-
-
-

- France departments -

-

- Cardano could be many technical analysis since Nexo data mining a fundamental analysis. -

-

- Ravencoin generates a amazing fish of lots of market cap, and Waves serves many quick anti-money laundering! Solidity allowed lots of fast peer-to-peer network. -

-
- View : - -
-
-
- -
- -
-
- -
- -
+
+
+

+ Flat style {{ flatbutton.active ? 'On' : 'Off' }} +

+
-
+ +
+

+ Press style {{ pressbutton.active ? 'On' : 'Off' }} +

+ +
+ +
+

+ Gradient and shadow style {{ shadowbutton.active ? 'On' : 'Off' }} +

+ +
+
\ No newline at end of file diff --git a/content/components/switch-toggle/5/index.md b/content/components/switch-toggle/5/index.md index c853ed01f..ca36de19b 100644 --- a/content/components/switch-toggle/5/index.md +++ b/content/components/switch-toggle/5/index.md @@ -1,6 +1,7 @@ --- -title: "Simple example" -height: 550 +title: "Active/inactive style" +date: 2022-01-25 +height: 180 --- -A simple usecase to show how this component can be used in your pages. +Toggle button to highlight an active or inactive state. diff --git a/content/components/switch-toggle/6/css.inc b/content/components/switch-toggle/6/css.inc new file mode 100644 index 000000000..28395ac99 --- /dev/null +++ b/content/components/switch-toggle/6/css.inc @@ -0,0 +1,162 @@ +/* Content Card + ========================================================================== */ + +.content-card { + background-color: var(--boxes-background); + padding: 26px; + border-radius: 4px; + margin-bottom: 20px; + height: 100%; +} +.content-card-title { + color: var(--titles); + font-size: 1.2rem; + line-height: 1.5; + font-weight: normal; + margin-top: 0; + margin-bottom: 13px; + max-width: 100%; +} +.content-card-description { + color: var(--text); + font-size: 1rem; + line-height: 1.5; + font-weight: normal; + margin-top: 0; + margin-bottom: 26px; + max-width: 100%; +} +.content-card-icon { + color: var(--highlight); + font-size: 2rem; + margin-bottom: 13px; + max-width: 100%; +} +.content-card-link { + color: var(--links); + font-weight: bold; + transition: all .2s; + opacity: 1; + max-width: 100%; +} +.content-card-link:hover { + opacity: .7; + text-decoration: none; +} +.content-card-button { + color: var(--highlight); + border: 1px solid var(--highlight); + background: transparent; + display: inline-block; + text-align: center; + font-size: .867rem; + border-radius: 4px; + padding: .5rem 1.15rem; + text-decoration: none; + transition: all .2s; +} +.content-card-button:hover { + background-color: var(--highlight); + color: #FFFFFF; + text-decoration: none; +} + +.switch-container { + display: flex; + align-items: center; +} + +/* Button Group Switch + ========================================================================== */ + +.switch { + display: inline-block; + margin-bottom: 0; + margin-left: 0.5rem; +} + +.switch-button { + /* background and border when in "off" state */ + background: var(--highlight); + border: 2px solid var(--highlight); + display: grid; + grid-template-columns: 1fr 1fr; + border-radius: 6px; + color: #FFFFFF; + position: relative; + cursor: pointer; + outline: 0; + user-select: none; +} + +.switch-input:not(:checked) + .switch-button .switch-button-left { + /* text color when in "off" state */ + color: var(--highlight); +} + +.switch-input { + display: none; +} + +.switch-button span { + font-size: 1rem; + padding: 0.2rem .7rem; + text-align: center; + z-index: 2; + color: #FFFFFF; + transition: color .2s; +} + +.switch-button::before { + content: ''; + position: absolute; + background-color: #FFFFFF; + box-shadow: 0 1px 3px rgba(0,0,0,.4); + border-radius: 4px; + top: 0; + left: 0; + height: 100%; + width: 50%; + z-index: 1; + transition: left .3s cubic-bezier(0.175, 0.885, 0.320, 1), + padding .2s ease, margin .2s ease; +} + +.switch-button:hover::before { + will-change: padding; +} + +.switch-button:active::before { + padding-right: .4rem; +} + + +/* "On" state + ========================== */ + +.switch-input:checked + .switch-button { + /* background and border when in "on" state */ + background-color: var(--links); + border-color: var(--links); +} + +.switch-input:checked + .switch-button .switch-button-right { + /* text color when in "on" state */ + color: var(--links); +} + +.switch-input:checked + .switch-button::before { + left: 50%; +} + +.switch-input:checked + .switch-button:active::before { + margin-left: -.4rem; +} + +/* Checkbox in disabled state + ========================== */ + +.switch-input[type="checkbox"]:disabled + .switch-button { + opacity: 0.6; + cursor: not-allowed; +} diff --git a/content/components/switch-toggle/6/html.inc b/content/components/switch-toggle/6/html.inc new file mode 100644 index 000000000..0d367dcd1 --- /dev/null +++ b/content/components/switch-toggle/6/html.inc @@ -0,0 +1,45 @@ +
+
+
+

+ France departments +

+

+ Cardano could be many technical analysis since Nexo data mining a fundamental analysis. +

+

+ Ravencoin generates a amazing fish of lots of market cap, and Waves serves many quick anti-money laundering! Solidity allowed lots of fast peer-to-peer network. +

+
+ View : + +
+
+
+ +
+ +
+
+ +
+ +
+
+
diff --git a/content/components/switch-toggle/6/index.md b/content/components/switch-toggle/6/index.md new file mode 100644 index 000000000..c853ed01f --- /dev/null +++ b/content/components/switch-toggle/6/index.md @@ -0,0 +1,6 @@ +--- +title: "Simple example" +height: 550 +--- + +A simple usecase to show how this component can be used in your pages. diff --git a/content/components/switch-toggle/index.md b/content/components/switch-toggle/index.md index 1da274ea8..7db55b793 100644 --- a/content/components/switch-toggle/index.md +++ b/content/components/switch-toggle/index.md @@ -1,5 +1,6 @@ --- title: "Switch Module" +date: 2022-01-25 description: "A switch is a visual toggle between two mutually exclusive states — on and off." tags: ["display"] height: 120 diff --git a/content/components/table-module/1/schema.md b/content/components/table-module/1/schema.md new file mode 100644 index 000000000..09ae0e8ed --- /dev/null +++ b/content/components/table-module/1/schema.md @@ -0,0 +1,11 @@ +**Dataset in use:** `population-millesimee-communes-2016` [(See it on public domain)](https://public.huwise.com/explore/dataset/population-millesimee-communes-2016/table/) + +**Fields in use:** + +|nom_de_la_commune|population_totale|code_commune|nom_de_la_region| +|---|---|---|---| +|Créon|4711|140|Nouvelle-Aquitaine| +|Flachères|525|167|Auvergne-Rhône-Alpes| +|Boissia|128|061|Bourgogne-Franche-Comté| +|Labouheyre|2779|134|Nouvelle-Aquitaine| + diff --git a/content/components/table-module/2/schema.md b/content/components/table-module/2/schema.md new file mode 100644 index 000000000..c59674760 --- /dev/null +++ b/content/components/table-module/2/schema.md @@ -0,0 +1,11 @@ +**Dataset in use:** `population-millesimee-communes-2016` [(See it on public domain)](https://public.huwise.com/explore/dataset/population-millesimee-communes-2016/table/) + +**Fields in use:** + +|nom_de_la_commune|population_totale|code_commune|nom_de_la_region|annee_recensement|superficie|code_region|code_departement| +|---|---|---|---|---|---|---|---| +|Créon|4711|140|Nouvelle-Aquitaine|2016|8.01|75|33| +|Flachères|525|167|Auvergne-Rhône-Alpes|2016|4.91|84|38| +|Boissia|128|061|Bourgogne-Franche-Comté|2016|5.87|27|39| +|Labouheyre|2779|134|Nouvelle-Aquitaine|2016|36.41|75|40| + diff --git a/content/components/table-module/3/schema.md b/content/components/table-module/3/schema.md new file mode 100644 index 000000000..09ae0e8ed --- /dev/null +++ b/content/components/table-module/3/schema.md @@ -0,0 +1,11 @@ +**Dataset in use:** `population-millesimee-communes-2016` [(See it on public domain)](https://public.huwise.com/explore/dataset/population-millesimee-communes-2016/table/) + +**Fields in use:** + +|nom_de_la_commune|population_totale|code_commune|nom_de_la_region| +|---|---|---|---| +|Créon|4711|140|Nouvelle-Aquitaine| +|Flachères|525|167|Auvergne-Rhône-Alpes| +|Boissia|128|061|Bourgogne-Franche-Comté| +|Labouheyre|2779|134|Nouvelle-Aquitaine| + diff --git a/content/components/table-module/4/schema.md b/content/components/table-module/4/schema.md new file mode 100644 index 000000000..c59674760 --- /dev/null +++ b/content/components/table-module/4/schema.md @@ -0,0 +1,11 @@ +**Dataset in use:** `population-millesimee-communes-2016` [(See it on public domain)](https://public.huwise.com/explore/dataset/population-millesimee-communes-2016/table/) + +**Fields in use:** + +|nom_de_la_commune|population_totale|code_commune|nom_de_la_region|annee_recensement|superficie|code_region|code_departement| +|---|---|---|---|---|---|---|---| +|Créon|4711|140|Nouvelle-Aquitaine|2016|8.01|75|33| +|Flachères|525|167|Auvergne-Rhône-Alpes|2016|4.91|84|38| +|Boissia|128|061|Bourgogne-Franche-Comté|2016|5.87|27|39| +|Labouheyre|2779|134|Nouvelle-Aquitaine|2016|36.41|75|40| + diff --git a/content/custom-views/custom-view-generator/1/config.inc b/content/custom-views/custom-view-generator/1/config.inc index 4a04e1368..731e4c7cb 100644 --- a/content/custom-views/custom-view-generator/1/config.inc +++ b/content/custom-views/custom-view-generator/1/config.inc @@ -4,11 +4,11 @@ fieldDefaultRangeStartsNow = true; view = 'cards'; - fieldsList = ['powered_by','description_en']; + fieldsList = ['purpose','description_en']; fieldLink = 'reference_url'; fieldLinkLabel = 'See it live'; - cardTitle = 'name_of_the_initiative_en'; + cardTitle = 'name_of_the_initiative'; fieldPhoto = ''; imagePosition = 'left'; itemsPerRow = '2'; diff --git a/content/custom-views/custom-view-generator/1/index.md b/content/custom-views/custom-view-generator/1/index.md index 3574c2682..a4fc53e4b 100644 --- a/content/custom-views/custom-view-generator/1/index.md +++ b/content/custom-views/custom-view-generator/1/index.md @@ -3,7 +3,7 @@ title: "Automated listing visualization in custom views" type: "generators" date: "2021-03-12T00:00:00+01:00" height: 750 -external_url: https://userclub.opendatasoft.com/explore/dataset/custom-view-generator-demo/generator/ +external_url: https://userclub.huwise.com/explore/dataset/custom-view-generator-demo/generator/ domainid: userclub datasetid: custom-view-generator-demo --- diff --git a/content/custom-views/custom-view-generator/1/schema.md b/content/custom-views/custom-view-generator/1/schema.md new file mode 100644 index 000000000..1ce0a8096 --- /dev/null +++ b/content/custom-views/custom-view-generator/1/schema.md @@ -0,0 +1,11 @@ +**Dataset in use:** `custom-view-generator-demo` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/custom-view-generator-demo/table/) + +**Fields in use:** + +|purpose|description_en|reference_url|name_of_the_initiative|language|country| +|---|---|---|---|---|---| +|Efficiency|This page allows citizens to analyse the region's energy consumption. It's divided into electricity, natural gas and diesel supplies.|https://analisis.datosabiertos.jcyl.es/pages/eren/||Spanish|Spain| +|Transparency|Map displaying the locations of the various Covid-19 Testing Centers in Jersey City as well as other useful information and how to reach tthem.|https://data.jerseycitynj.gov/pages/covid19-testing-centers/||English|United States of America| +|Attractivity|Heatmap highlighting data on hourly traffic in areas with public WiFi, where traffic means how many devices have entered the area every hour of the day.|https://opendata.comune.bologna.it/explore/dataset/iperbole-wifi-affluenza/custom/||Italian|Italy| +|Attractivity|You just arrived or you live in Salinas and you need to identify the closest school for your children? Here is a map with dedicated filters in English and Spanish to find the school in two clicks.|https://cityofsalinas.huwise.com/pages/school-map/||English|United States of America| + diff --git a/content/custom-views/custom-view-generator/posthtml.inc b/content/custom-views/custom-view-generator/posthtml.inc index 1df92a6e9..c10f35100 100644 --- a/content/custom-views/custom-view-generator/posthtml.inc +++ b/content/custom-views/custom-view-generator/posthtml.inc @@ -69,7 +69,7 @@ Available functions are SUM, AVG, COUNT, STD, MAX, MIN. Please see the documentation for more information - https://help.opendatasoft.com/widgets/#/api/ods-widgets.directive:odsAggregation + https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsAggregation Please see all available icons here https://fontawesome.com/v4.7.0/icons/ diff --git a/content/custom-views/domain-dataset/1/index.md b/content/custom-views/domain-dataset/1/index.md index 34a763c54..99da3afc8 100644 --- a/content/custom-views/domain-dataset/1/index.md +++ b/content/custom-views/domain-dataset/1/index.md @@ -5,7 +5,7 @@ domainid: "userclub" datasetid: "domaindatasets" --- -This custom view will help you create an overview of all the datasets on your domain. See the [user guide](https://help.opendatasoft.com/platform/fr/publishing_data/04_configuring_a_source/connectors/dataset_of_datasets.html#creation) to set up this special dataset. +This custom view will help you create an overview of all the datasets on your domain. See the [user guide](https://help.huwise.com/platform/en/publishing_data/01_creating_a_dataset/connectors/dataset_of_datasets.html) to set up this special dataset. For this view to properly function, you need to activate these options on the extractor: @@ -26,5 +26,5 @@ You also need to set up a _Replace text_ processor with the field _Publishing Pr ![processor setup](processor.png) -See this resource live [here](https://userclub.opendatasoft.com/explore/dataset/domaindatasets/custom/?sort=modified). (Note: +See this resource live [here](https://userclub.huwise.com/explore/dataset/domaindatasets/custom/?sort=modified). (Note: we made this page public for the sake of example, but it is most likely a private view). diff --git a/content/custom-views/domain-dataset/1/schema.md b/content/custom-views/domain-dataset/1/schema.md new file mode 100644 index 000000000..ef281b9cc --- /dev/null +++ b/content/custom-views/domain-dataset/1/schema.md @@ -0,0 +1,11 @@ +**Dataset in use:** `domaindatasets` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/domaindatasets/table/) + +**Fields in use:** + +|visibility|publishing_properties|theme|publisher|dataset_id|explore_popularity_score| +|---|---|---|---|---|---| +|restricted|manual|||airbnb-listings|0.3| +|domain|federated|Academy|Commission européenne|rapex-rapid-alert-system-for-dangerous-non-food-products|0.4| +|restricted|scheduled|Usages|CSM OpenDataSoft|interesting-use-cases|0.6| +|domain|federated|Academy|ODS Data Team|times-person-of-the-year-1927-present|1.5| + diff --git a/content/custom-views/domain-dataset/index.md b/content/custom-views/domain-dataset/index.md index 14f94c666..515b0a0b5 100644 --- a/content/custom-views/domain-dataset/index.md +++ b/content/custom-views/domain-dataset/index.md @@ -7,4 +7,4 @@ resources: title: "Section #:counter" --- -_This resource is intended to be used as custom view inside your catalog, where the dataset context is always named `ctx` and doesn't require any `ods-dataset-context` widget. Read the [user's guide section](https://help.opendatasoft.com/platform/en/publishing_data/07_configuring_visualizations/06_configuring_custom_view/custom.html#configuring-the-custom-view) about custom views for details_. +_This resource is intended to be used as custom view inside your catalog, where the dataset context is always named `ctx` and doesn't require any `ods-dataset-context` widget. Read the [user's guide section](https://help.huwise.com/platform/en/publishing_data/07_configuring_visualizations/06_configuring_custom_view/custom.html#configuring-the-custom-view) about custom views for details_. diff --git a/content/custom-views/eco-compteur/1/css.inc b/content/custom-views/eco-compteur/1/css.inc new file mode 100644 index 000000000..ebf6071d8 --- /dev/null +++ b/content/custom-views/eco-compteur/1/css.inc @@ -0,0 +1,583 @@ +:root { + --main-color: var(--section-titles); + --secondary-color: var(--highlight); + --bg-color: var(--section-titles-background); + --menu-text-color: var(--text); + --menu-bg-color: white; + --menu-button-bg-color: var(--highlight); + --menu-button-text-color: white; +} + +/* Remove custom view padding */ +.ods-tabs__pane.ods-tabs__pane--horizontal { + padding: 0; +} + +/* Subheader +========================================================================== */ +.subheader-wrapper { + background-color: var(--menu-bg-color); + position: sticky; + top: 0; + left: 0; + right: 0; + z-index: 90; +} + +.subheader { + color: var(--menu-text-color); + padding-top: 1.5rem; + padding-bottom: 1.5rem; + box-shadow: 0 10px 12px -8px #bec2d5; +} + +@media screen and (min-width: 992px) { + .subheader { + flex-direction: row; + align-items: center; + } +} +.subheader-top { + display: flex; + align-items: center; + justify-content: space-between; +} + +.subheader-button { + padding: 0.5rem 2.5rem; + font-weight: bold; + background-repeat: no-repeat; + background-position: right 0.7rem top 50%, 0 0; + background-size: 19px; +} + +.subheader-button-active { + color: #000000; + background-color: #D3AA25; + background-image: url("/assets/theme_image/icon-close-panel.svg"); +} + +.subheader-panel { + background-color: var(--menu-button-bg-color); + z-index: 1; + width: 100%; + box-shadow: 0 5px 14px black; + max-height: calc(100vh - 100px); + overflow: auto; +} + +.subheader-panel-wrapper { + padding: 45px 0; + color: var(--menu-text-color); + display: flex; + gap: 10px; + flex-direction: column; +} + +@media screen and (min-width: 767px) { + .subheader-panel-wrapper { + flex-direction: row; + align-items: stretch; + justify-content: space-between; + } +} +.subheader-panel-item { + color: var(--menu-button-text-color); +} +@media (min-width: 992px) { + .subheader-panel-item.carte { + flex: 3; + } +} +@media (min-width: 767px) { + .subheader-panel-item.carte { + flex: 2; + } +} +@media (min-width: 767px) { + .subheader-panel-item.detail-capteur { + flex: 1; + } +} + +.subheader-panel-flex { + display: flex; + gap: 10px; + align-items: baseline; + justify-content: space-between; + margin-bottom: 20px; +} + +.subheader-panel-flex h3 { + margin: 0; +} + +.subheader-panel-flex-right { + display: flex; + flex-wrap: wrap; + gap: 10px; + align-items: center; +} +.subheader-panel-flex-right button { + height: 31px; +} + +@media screen and (min-width: 767px) { + .subheader-separator { + display: block; + flex: 0 0 auto; + width: 1px; + background-color: rgba(255, 255, 255, 0.26); + } +} + +.subheader-title { + font-size: 1.375rem; + font-weight: bold; + margin-bottom: 1.5rem; + color: var(--menu-button-text-color); + text-transform: uppercase; +} + +.subheader-timerange { + text-align: left; + display: flex; + flex-direction: column; + align-items: flex-start; +} + +.subheader-timerange .odswidget-timerange__input { + background-color: transparent; + color: white; + border-radius: 0; + border-color: #D3AA25; +} + +.subheader-select { + width: min(230px, 100%); + padding: 5px; +} + +.subheader-text { + color: var(--menu-text-color); +} + +.subheader-info { + color: var(--menu-text-color); + text-transform: uppercase; + font-weight: bold; + font-style: italic; + font-size: 1.1em; +} + +.subheader-panel .odswidget-date-range-slider .irs--flat .irs-from, +.subheader-panel .odswidget-date-range-slider .irs--flat .irs-single, +.subheader-panel .odswidget-date-range-slider .irs--flat .irs-to { + background-color: var(--main-color); +} + +.subheader-panel .irs--flat .irs-from, +.subheader-panel .irs--flat .irs-to, +.subheader-panel .irs--flat .irs-single { + color: var(--menu-button-bg-color); +} + +.subheader-panel .odswidget-date-range-slider .irs--flat .irs-bar { + background-color: var(--menu-button-bg-color); +} + +.subheader-panel .odswidget-date-range-slider .irs--flat .irs-from:before, +.subheader-panel .odswidget-date-range-slider .irs--flat .irs-single:before, +.subheader-panel .odswidget-date-range-slider .irs--flat .irs-to:before { + border-top-color: var(--menu-button-bg-color); +} + +.subheader-panel .odswidget-date-range-slider .irs--flat .irs-handle > i:first-child { + background-color: var(--menu-button-bg-color); +} + +.subheader-panel .odswidget.odswidget-date-range-slider { + margin: 0 50px 10px; +} + +/* Buttons +========================================================================== */ +.subheader-button { + display: inline-block; + text-decoration: none; + cursor: pointer; + font-size: 1.1rem; + font-weight: normal; + color: var(--menu-button-bg-color); + background-color: var(--menu-button-text-color); + border: 1px solid var(--menu-button-bg-color); + padding: 0.3rem 1.5rem; + border-radius: 0px; + transition: all 0.2s; +} + +.subheader-button-active { + color: var(--menu-button-text-color); + background-color: var(--menu-button-bg-color); + border: 1px solid var(--menu-button-text-color); + text-decoration: none; +} + +.subheader-button:hover { + opacity: 0.65; +} + +.subheader-button-large { + padding: 0.5rem 2rem; +} + +/* Detail capteur */ +.detail-capteur-content dt { + font-weight: 200; +} +.detail-capteur-content dd { + font-weight: 500; + margin-left: 1.5rem; +} +.detail-capteur-content img { + border: 2px solid var(--menu-button-text-color); + max-height: 200px; + object-fit: cover; +} + +/* Section elements +========================================================================== */ +.page-section { + padding: 4.5rem 1.5rem; + background: linear-gradient(180deg, white, #fcfcff); +} +.page-section.bg-white { + background: white; +} + +/* Map */ +#dot-icon path { + stroke: black; +} + +/* Indicateur */ +h2.indicateur { + padding: 4px 4px 4px 15px; + margin-top: 40px; + margin-bottom: 20px; + font-size: 2.5rem; + width: calc(100% + 20px); + color: var(--main-color); + background: var(--bg-color); +} + +h2.indicateur .label { + font-size: 1.5rem; + font-weight: 400; +} + +h2.indicateur ~ p { + font-size: 1.2rem; + margin-bottom: 15px; +} + +.sous-indicateur { + margin-bottom: 30px; + border-left: solid 4px var(--main-color); +} + +.sous-indicateur h3, .sous-indicateur p { + padding-left: 10px; +} + +.sous-indicateur h3 { + font-size: 1.5rem; +} + +.sous-indicateur p { + font-size: 1.2rem; +} + +.indicateur-box { + padding: 4px; + background: var(--bg-color); +} + +section:nth-child(even) h2.indicateur { + width: 100%; + margin-left: -20px; + padding-left: 20px; +} +@media screen and (max-width: 1169px) { + section:nth-child(even) .row { + display: flex; + flex-direction: column-reverse; + } +} +@media screen and (max-width: 1169px) { + section:nth-child(odd) h2.indicateur { + width: 100%; + } +} +@media screen and (max-width: 1169px) { + section:nth-child(even) h2.indicateur { + margin-left: 0; + } +} + +/** +* License: MIT License +* Generated on 26 May 2021 +* Author: Fpassaniti for Huwise +* Version: 0.1 +* Description: ods-chart CUSTOM CSS LIBRARY. Go to http://codelibrary.huwise.com/widget-tricks/ods-chart-css/ for more information (doc & examples). +*/ +.extralarge-y-values .highcharts-yaxis-labels text, .large-y-values .highcharts-yaxis-labels text { + transform: translate(0, 4px); +} + +.hide-chart-legend .highcharts-legend-item span, .hide-chart-series .highcharts-series path.highcharts-graph, .hide-chart-series .highcharts-series rect, .hide-data-values .highcharts-data-label tspan, .hide-tooltip-text .highcharts-tooltip .highcharts-tooltip-container, .hide-tooltip-text .ods-highcharts__tooltip span, .hide-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line, .hide-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick, .hide-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line, .hide-x-legend .highcharts-xaxis tspan, .hide-x-values .highcharts-xaxis-labels span, .hide-x-values .highcharts-xaxis-labels text, .hide-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line, .hide-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line, .hide-y-legend .highcharts-yaxis tspan, .hide-y-values .highcharts-yaxis-labels span, .hide-y-values .highcharts-yaxis-labels text, .name-tooltip-value .ods-highcharts__tooltip b { + display: none !important; +} + +.highcharts-axis tspan, .highcharts-data-label tspan, .highcharts-label span, .highcharts-legend-item span, .highcharts-xaxis-labels text, .highcharts-yaxis-labels text { + font-family: Gotham-book, Arial, sans-serif !important; +} + +.name-tooltip-value .ods-highcharts__tooltip b, .small-chart-legend .highcharts-legend-item span, .small-data-values .highcharts-data-label tspan, .small-tooltip-text .highcharts-tooltip .highcharts-tooltip-container, .small-tooltip-text .ods-highcharts__tooltip span, .small-x-legend .highcharts-xaxis tspan, .small-x-values .highcharts-xaxis-labels span, .small-x-values .highcharts-xaxis-labels text, .small-y-legend .highcharts-yaxis tspan, .small-y-values .highcharts-yaxis-labels span, .small-y-values .highcharts-yaxis-labels text { + font-size: 12px !important; +} + +.medium-chart-legend .highcharts-legend-item span, .medium-data-values .highcharts-data-label tspan, .medium-tooltip-text .highcharts-tooltip .highcharts-tooltip-container, .medium-tooltip-text .ods-highcharts__tooltip span, .medium-x-legend .highcharts-xaxis tspan, .medium-x-values .highcharts-xaxis-labels span, .medium-x-values .highcharts-xaxis-labels text, .medium-y-legend .highcharts-yaxis tspan, .medium-y-values .highcharts-yaxis-labels span, .medium-y-values .highcharts-yaxis-labels text, .name-tooltip-value .ods-highcharts__tooltip b { + font-size: 14px !important; +} + +.large-chart-legend .highcharts-legend-item span, .large-data-values .highcharts-data-label tspan, .large-tooltip-text .highcharts-tooltip .highcharts-tooltip-container, .large-tooltip-text .ods-highcharts__tooltip span, .large-x-legend .highcharts-xaxis tspan, .large-x-values .highcharts-xaxis-labels span, .large-x-values .highcharts-xaxis-labels text, .large-y-legend .highcharts-yaxis tspan, .large-y-values .highcharts-yaxis-labels span, .large-y-values .highcharts-yaxis-labels text, .name-tooltip-value .ods-highcharts__tooltip b { + font-size: 16px !important; +} + +.extralarge-chart-legend .highcharts-legend-item span, .extralarge-data-values .highcharts-data-label tspan, .extralarge-tooltip-text .highcharts-tooltip .highcharts-tooltip-container, .extralarge-tooltip-text .ods-highcharts__tooltip span, .extralarge-x-legend .highcharts-xaxis tspan, .extralarge-x-values .highcharts-xaxis-labels span, .extralarge-x-values .highcharts-xaxis-labels text, .extralarge-y-legend .highcharts-yaxis tspan, .extralarge-y-values .highcharts-yaxis-labels span, .extralarge-y-values .highcharts-yaxis-labels text, .name-tooltip-value .ods-highcharts__tooltip b { + font-size: 18px !important; +} + +.light-chart-legend .highcharts-legend-item span, .light-data-values .highcharts-data-label tspan, .light-tooltip-text .highcharts-tooltip .highcharts-tooltip-container, .light-tooltip-text .ods-highcharts__tooltip span, .light-x-legend .highcharts-xaxis tspan, .light-x-values .highcharts-xaxis-labels span, .light-x-values .highcharts-xaxis-labels text, .light-y-legend .highcharts-yaxis tspan, .light-y-values .highcharts-yaxis-labels span, .light-y-values .highcharts-yaxis-labels text, .name-tooltip-value .ods-highcharts__tooltip b { + font-weight: 100 !important; +} + +.name-tooltip-value .ods-highcharts__tooltip b, .normal-chart-legend .highcharts-legend-item span, .normal-data-values .highcharts-data-label tspan, .normal-tooltip-text .highcharts-tooltip .highcharts-tooltip-container, .normal-tooltip-text .ods-highcharts__tooltip span, .normal-x-legend .highcharts-xaxis tspan, .normal-x-values .highcharts-xaxis-labels span, .normal-x-values .highcharts-xaxis-labels text, .normal-y-legend .highcharts-yaxis tspan, .normal-y-values .highcharts-yaxis-labels span, .normal-y-values .highcharts-yaxis-labels text { + font-weight: 400 !important; +} + +.bold-chart-legend .highcharts-legend-item span, .bold-data-values .highcharts-data-label tspan, .bold-tooltip-text .highcharts-tooltip .highcharts-tooltip-container, .bold-tooltip-text .ods-highcharts__tooltip span, .bold-x-legend .highcharts-xaxis tspan, .bold-x-values .highcharts-xaxis-labels span, .bold-x-values .highcharts-xaxis-labels text, .bold-y-legend .highcharts-yaxis tspan, .bold-y-values .highcharts-yaxis-labels span, .bold-y-values .highcharts-yaxis-labels text, .name-tooltip-value .ods-highcharts__tooltip b { + font-weight: 600 !important; +} + +.lightgrey-chart-legend .highcharts-legend-item span, .lightgrey-data-values .highcharts-data-label tspan, .lightgrey-tooltip-text .highcharts-tooltip .highcharts-tooltip-container, .lightgrey-tooltip-text .ods-highcharts__tooltip span, .lightgrey-x-legend .highcharts-xaxis tspan, .lightgrey-x-values .highcharts-xaxis-labels span, .lightgrey-x-values .highcharts-xaxis-labels text, .lightgrey-y-legend .highcharts-yaxis tspan, .lightgrey-y-values .highcharts-yaxis-labels span, .lightgrey-y-values .highcharts-yaxis-labels text, .name-tooltip-value .ods-highcharts__tooltip b { + fill: #565656 !important; + color: #565656 !important; +} + +.darkgrey-chart-legend .highcharts-legend-item span, .darkgrey-data-values .highcharts-data-label tspan, .darkgrey-tooltip-text .highcharts-tooltip .highcharts-tooltip-container, .darkgrey-tooltip-text .ods-highcharts__tooltip span, .darkgrey-x-legend .highcharts-xaxis tspan, .darkgrey-x-values .highcharts-xaxis-labels span, .darkgrey-x-values .highcharts-xaxis-labels text, .darkgrey-y-legend .highcharts-yaxis tspan, .darkgrey-y-values .highcharts-yaxis-labels span, .darkgrey-y-values .highcharts-yaxis-labels text, .name-tooltip-value .ods-highcharts__tooltip b { + fill: #333 !important; + color: #333 !important; +} + +.black-chart-legend .highcharts-legend-item span, .black-data-values .highcharts-data-label tspan, .black-tooltip-text .highcharts-tooltip .highcharts-tooltip-container, .black-tooltip-text .ods-highcharts__tooltip span, .black-x-legend .highcharts-xaxis tspan, .black-x-values .highcharts-xaxis-labels span, .black-x-values .highcharts-xaxis-labels text, .black-y-legend .highcharts-yaxis tspan, .black-y-values .highcharts-yaxis-labels span, .black-y-values .highcharts-yaxis-labels text, .name-tooltip-value .ods-highcharts__tooltip b { + fill: #000 !important; + color: #000 !important; +} + +.small-chart-legend-dash .highcharts-legend-item path, .small-chart-series .highcharts-series path.highcharts-graph, .small-chart-series .highcharts-series rect, .small-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line, .small-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick, .small-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line, .small-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line, .small-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line { + stroke-width: 0.8px !important; +} + +.medium-chart-legend-dash .highcharts-legend-item path, .medium-chart-series .highcharts-series path.highcharts-graph, .medium-chart-series .highcharts-series rect, .medium-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line, .medium-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick, .medium-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line, .medium-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line, .medium-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line { + stroke-width: 1.5px !important; +} + +.large-chart-legend-dash .highcharts-legend-item path, .large-chart-series .highcharts-series path.highcharts-graph, .large-chart-series .highcharts-series rect, .large-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line, .large-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick, .large-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line, .large-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line, .large-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line { + stroke-width: 3px !important; +} + +.extralarge-chart-legend-dash .highcharts-legend-item path, .extralarge-chart-series .highcharts-series path.highcharts-graph, .extralarge-chart-series .highcharts-series rect, .extralarge-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line, .extralarge-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick, .extralarge-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line, .extralarge-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line, .extralarge-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line { + stroke-width: 5px !important; +} + +.lightgrey-chart-series .highcharts-series path.highcharts-graph, .lightgrey-chart-series .highcharts-series rect, .lightgrey-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line, .lightgrey-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick, .lightgrey-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line, .lightgrey-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line, .lightgrey-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line { + stroke: #565656 !important; +} + +.lightgrey-chart-legend-dash .highcharts-legend-item path { + stroke-width: #565656 !important; +} + +.darkgrey-chart-series .highcharts-series path.highcharts-graph, .darkgrey-chart-series .highcharts-series rect, .darkgrey-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line, .darkgrey-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick, .darkgrey-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line, .darkgrey-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line, .darkgrey-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line { + stroke: #333 !important; +} + +.darkgrey-chart-legend-dash .highcharts-legend-item path { + stroke-width: #333 !important; +} + +.black-chart-series .highcharts-series path.highcharts-graph, .black-chart-series .highcharts-series rect, .black-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line, .black-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick, .black-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line, .black-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line, .black-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line { + stroke: #000 !important; +} + +.black-chart-legend-dash .highcharts-legend-item path { + stroke-width: #000 !important; +} + +.hide-chart-legend-dash .highcharts-legend-item path { + stroke-width: none !important; +} + +.small-chart-legend-circle g.highcharts-legend-item rect { + width: 10px !important; + height: 10px !important; + x: 5 !important; + y: 5 !important; +} + +.medium-chart-legend-circle g.highcharts-legend-item rect { + width: 12px !important; + height: 12px !important; + x: 3 !important; + y: 4 !important; +} + +.large-chart-legend-circle g.highcharts-legend-item rect { + width: 15px !important; + height: 15px !important; + x: 2 !important; + y: 2 !important; +} + +.extralarge-chart-legend-circle g.highcharts-legend-item rect { + width: 18px !important; + height: 18px !important; + x: 0 !important; + y: 0 !important; +} + +.centered-tooltip .highcharts-tooltip .highcharts-tooltip-container { + text-align: center; +} + +.centered-tooltip .ods-highcharts__tooltip { + justify-content: center; +} + +.no-background rect.highcharts-background, .no-bg rect.highcharts-background, .remove-background rect.highcharts-background, .transparent-background rect.highcharts-background { + fill: transparent !important; +} + +.ods-highcharts__tooltip { + align-items: center; +} + +g.highcharts-legend-item rect { + rx: 100%; + ry: 100%; +} + +.trend .highcharts-axis, +.trend .highcharts-yaxis-labels, +.trend .highcharts-ygrid, +.trend .highcharts-legend, +.trend .highcharts-yaxis-grid path:not(:first-child), +.trend .highcharts-label.highcharts-data-label:not(:first-child):not(:last-child) { + display: none; +} + +.trend .highcharts-label.highcharts-data-label { + opacity: 1; + visibility: inherit; +} + +.trend { + padding-top: 15px; + background: white; +} + +.trend .chartplaceholder { + height: 280px; + width: 100%; +} + +.trend path.highcharts-area { + fill: transparent; +} + +.trend text { + font-size: 13px !important; +} + +/*path.highcharts-graph { + stroke: #d4d700; +}*/ +.top5-chart { + height: 350px; + margin: 0 auto; +} +.top5-chart .highcharts-xaxis path.highcharts-axis-line { + stroke: var(--bg-color); + stroke-width: 4px; + transform: translate(-2px, 0); +} + +/* Custom Tabs + ========================================================================== */ +.tabs { + display: flex; + flex-wrap: wrap; + margin: 30px 15px; +} +.tabs .tab { + font-size: 1.2rem; + padding: 0 15px 5px; +} +.tabs .tab:hover { + font-weight: 600; +} +.tabs .tab.tab__active { + font-weight: 600; + border-bottom: 4px solid var(--secondary-color); +} + +.tabs-content .tab-content { + position: relative; +} + +.odswidget-spinner.odswidget-spinner--svg.heatmap { + height: 4em; + position: absolute; + left: 50%; + top: 40%; + z-index: 0; +} + +.vega-chart { + z-index: 1; + position: relative; + background: white; +} + +/* FIX Container for CV */ +@media (min-width: 768px) { + .container { + width: inherit; + max-width: 740px; + } +} +@media (min-width: 992px) { + .container { + width: inherit; + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + width: inherit; + max-width: 1160px; + } +} \ No newline at end of file diff --git a/content/custom-views/eco-compteur/1/html.inc b/content/custom-views/eco-compteur/1/html.inc new file mode 100644 index 000000000..b71b0e49c --- /dev/null +++ b/content/custom-views/eco-compteur/1/html.inc @@ -0,0 +1,395 @@ + + + + + + + + + {{ ctx.parameters['refine.name'] = + (ctx.parameters['refine.name'].join('')? + ctx.parameters['refine.name'].join(''): + ctx.parameters['refine.name']) ; '' }} + + {{ sitesselect.parameters['refine.name'] = ctx.parameters['refine.name'] ; '' }} + + {{ values.daterefinedepth = (ctx.parameters['refine.date'].length > 1 ? + (ctx.parameters['refine.date'] | split:'/').length : (ctx.parameters['refine.date'][0] | split:'/').length) || 0 ; "" }} + + + {{ values.capteurs = capteurs ; '' }} + + + + + + +
+
+
+
+
+ + Capteur : + + + {{ ctx.parameters['refine.name'] || 'Tous' }} + +
+ + Période : + + + Tout l'historique + + {{ range[0].mindate | date }} au {{ range[0].maxdate | date }} + + +
+ +
+ +
+
+
+
+ +
+
+
+
+
+

+ Sélection du capteur +

+
+ + +
+
+ +
+ + + + + + +
+
+ +
+ +
+

+ Détail du capteur +

+
+
+

{{ sitesresults[0].fields.name }}

+
+
User type
+
{{ sitesresults[0].fields.user_type }}
+
Sens
+
{{ sitesresults[0].fields.sens }}
+
Installation date
+
{{ sitesresults[0].fields.installation_date | date }}
+
+ +
+
+
+

Pas de capteur sélectionné

+
+
+
+
+
+
+ + + + + +
+
+
+
+

+ {{ byday[1].total | number }} + passages comptabilisés le {{ byday[1].day | date }} +

+ {{ evol = (byday[1].total - byday[7].total)/byday[7].total*100 ; '' }} +
+

+ ▲ + + ▼ + {{ evol | number: 1}}% +

+

+ comparé à {{ byday[7].day | moment:'dddd' }} dernier ({{ byday[7].total | number }} passages le {{ byday[7].day | date }}) +

+
+
+
+

+ {{ global[0].total | number }} + passages au total +

+

+ ont été comptabilisés sur la période séléctionnée +

+
+
+
+ + + + + + +
+
+
+
+
+ + + + + +
+
+
+
+
+
+ + + + + + +
+
+
+

+ Top 5 +

+

+ Sites les plus fréquentés +

+
+
+
+
+
+
+
+ + + + + + +
+
+
+

+ Top 5 +

+

+ Jours les plus fréquentés pour le site séléctionné +

+
+
+
+
+
+ + + + + +
+
+

Moyennes horaire

+ {{ + tabs = ([ + values.daterefinedepth < 3 ? 'distribution' : undefined, + values.daterefinedepth < 2 ? 'mois' : undefined, + values.daterefinedepth < 3 ? 'jour' : undefined, + values.daterefinedepth > 1 ? 'heure' : undefined + ] | filter : '') ; + histoscale = { + 'mois':'month', + 'jour':'day', + 'heure':'hour' + }; '' + }} + +
+
+ {{ values.activetab = (i == 0 && !(tabs.indexOf(values.activetab) >= 0) ? e : values.activetab) ; '' }} + {{ e | capitalize }} +
+
+
+
+ +
+ +
+
+
+ + + + + + +
+
+
+
+ + \ No newline at end of file diff --git a/content/custom-views/eco-compteur/1/index.md b/content/custom-views/eco-compteur/1/index.md new file mode 100644 index 000000000..70aef9987 --- /dev/null +++ b/content/custom-views/eco-compteur/1/index.md @@ -0,0 +1,41 @@ +--- +title: "Eco-Counter / Eco-Compteur data custom view" +date: "2021-12-09" +domainid: "eco-compteur-odsapps" +datasetid: "eco-counter-data" +--- + +Eco-Counter custom view for Huwise integration: an overall view of your territory through Eco-Counter stations data. + +### Install procedure + +Two datasets are required : +- **eco-counter-data** : from `Eco Counter Data` connector +- **eco-counter-sites** : from `Eco Counter Sites` connector + +##### eco-counter-sites processing : + +Get the first photo URL, copy the field, get the photo from the URL + +- Split text: + - field: `photos` + - separator: `/https://` + - index: `1` + - output: `photourl` +- Copy a field: + - field: `photourl` + - new field: `photo` +- File: + - field: `photo` + +##### eco-counter-data processing : + +Get additional metadata from counters + +- Join datasets: + - dataset: `eco-counter-sites` + - local key: `id` + - remote key: `id` + - output fields: `name, coordinates, user_type, sens, interval` + +Set `name` field as a facet ! \ No newline at end of file diff --git a/content/custom-views/eco-compteur/1/schema.md b/content/custom-views/eco-compteur/1/schema.md new file mode 100644 index 000000000..d2e23b796 --- /dev/null +++ b/content/custom-views/eco-compteur/1/schema.md @@ -0,0 +1,22 @@ +**Dataset in use:** `eco-counter-data` [(See it on eco-compteur-odsapps domain)](https://eco-compteur-odsapps.huwise.com/explore/dataset/eco-counter-data/table/) + +**Fields in use:** + +|name|date (datetime)|counts (numeric)| +|---|---|---| +|Savonniéres|2021-06-21T07:00:00+00:00|1| +|Pont d'Arcole #1|2017-04-12T16:00:00+00:00|18| +|Pont de Fil|2020-10-29T08:00:00+00:00|133| +|Savonniéres|2021-06-21T11:00:00+00:00|48| + +**Dataset in use:** `eco-counter-sites` [(See it on eco-compteur-odsapps domain)](https://eco-compteur-odsapps.huwise.com/explore/dataset/eco-counter-sites/table/) + +**Fields in use:** + +|name|user_type|sens|installation_date (date)|photourl|photo (file)| +|---|---|---|---|---|---| +|Pont de Fil|undefined|No direction distinction|2016-06-30|https://filer.eco-counter-tools.com/file/b7/7d63cb2a9b9986334c81393be68c09c2b1e0ed6fb4a07002c5a3188a78a715b7/14673104006170.jpg|https://eco-compteur-odsapps.huwise.com/api/v2/catalog/datasets/eco-counter-sites/files/2d285c480a5a00392c3c2adc90cf2380| +|Pont Sanitas OUEST|bicycle|No direction distinction|2018-06-25|https://filer.eco-counter-tools.com/file/ec/fc9ad4754577a9e8391a50ab6dcfa966f1892a326f49457ce5c3b80efaf02dec/15314760980470.jpg|https://eco-compteur-odsapps.huwise.com/api/v2/catalog/datasets/eco-counter-sites/files/c225c95895bc3233dc9729bdc781d178| +|Pont Sanitas EST|bicycle|No direction distinction|2018-06-25|https://filer.eco-counter-tools.com/file/3a/097f16268be8b6a6fc4cb76c35396878589464de4a8ea712b9b724b79e34893a/Y2H18065670_20200505143031.jpg|https://eco-compteur-odsapps.huwise.com/api/v2/catalog/datasets/eco-counter-sites/files/bd106cc66279695c8ec292ef98982237| +|Pont Saint Sauveur OUEST|bicycle|No direction distinction|2018-06-25|https://filer.eco-counter-tools.com/file/2a/32d4a0dae4e6aace3ee1b450930b2d8081d9d4b501e7d4585bd63a4fab3dcb2a/15314760600830.jpg|https://eco-compteur-odsapps.huwise.com/api/v2/catalog/datasets/eco-counter-sites/files/edb6abd347c9a5f52a528e1b45e079a2| + diff --git a/content/custom-views/eco-compteur/index.md b/content/custom-views/eco-compteur/index.md new file mode 100644 index 000000000..a791a7662 --- /dev/null +++ b/content/custom-views/eco-compteur/index.md @@ -0,0 +1,12 @@ +--- +title: "Eco-Counter / Eco-Compteur" +date: "2021-12-09" +description: "Eco-Counter custom view for Huwise integration: an overall view of your territory through Eco-Counter stations data." +tags: ["aggregation", "chart", "ods-adv-analysis"] +resources: +- src: '*/' + title: 'Section #:counter' +--- + + +[See it live here !](https://eco-compteur-odsapps.huwise.com/explore/dataset/eco-counter-data/dashboard/) \ No newline at end of file diff --git a/content/custom-views/gtfs-custom/1/html.inc b/content/custom-views/gtfs-custom/1/html.inc index 1397f5d04..5110fba1d 100644 --- a/content/custom-views/gtfs-custom/1/html.inc +++ b/content/custom-views/gtfs-custom/1/html.inc @@ -18,12 +18,21 @@
- + - + - +
@@ -39,7 +48,7 @@ -
+
* { + margin: 0 0 10px; + width: 100%; +} + +.filter-box { + display: flex; + flex-direction: column; + gap: 10px; + align-items: center; +} + +.filter-title { + margin-top: 15px; + margin-bottom: 0px; +} + +.odswidget-select .odswidget-select-dropdown.open .odswidget-select-dropdown-menu { + width: 100%; +} + +.odswidget-select, +.odswidget-select .odswidget-select-dropdown { + width: 100%; +} + +@media screen and (min-width: 500px) { + .filter-list > * { + margin: 0 10px 10px 0; + width: inherit; + } + + .odswidget-select .odswidget-select-dropdown.open .odswidget-select-dropdown-menu, .odswidget-select-input, .odswidget-select-dropdown { + width: max-content; + min-width: 266px; + } +} +.select-left .odswidget-select-dropdown-item-close-icon, .select-left .odswidget-select-dropdown-item-icon.fa-check-square, +.select-left .odswidget-select-dropdown-item-icon.fa-minus-square, +.select-left .odswidget-select-dropdown-menu-item:hover i.fa-square-o { + color: var(--left-color); +} + +.select-right .odswidget-select-dropdown-item-close-icon, .select-right .odswidget-select-dropdown-item-icon.fa-check-square, +.select-right .odswidget-select-dropdown-item-icon.fa-minus-square, +.select-right .odswidget-select-dropdown-menu-item:hover i.fa-square-o { + color: var(--right-color); +} + +.clear-filters { + display: flex; + align-items: center; + justify-content: center; + margin-top: 5px; +} + +.clear-filters-button { + background: none; + border: none; + color: var(--text); +} + +.clear-filters-button:hover { + opacity: 0.65; +} + +/* KPI Card +========================================================================== */ +.kpi-card { + background-color: var(--boxes-background); + height: 100%; + padding: 39px; + border-radius: 4px; + box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + text-align: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; + width: 100%; + margin-bottom: 5px; +} + +.kpi-icon { + color: var(--secondary-color); + font-size: 4rem; + margin-top: 0; + margin-bottom: 13px; + max-width: 100%; +} + +.kpi-title { + font-weight: normal; + font-size: 3.2rem; + margin-top: 0; + max-width: 100%; + margin-bottom: 5px; +} + +.kpi-compare { + font-weight: normal; + font-size: 1.8rem; + margin-top: 0; + margin-bottom: 0px; + max-width: 100%; +} + +.kpi-unit { + font-size: 0.8em; +} + +.kpi-description { + color: var(--text); + font-size: 1rem; + line-height: 1.5; + font-weight: normal; + margin-top: 0; + margin-bottom: 0; + max-width: 100%; +} + +.kpi-subtitle { + font-weight: bold; + text-transform: uppercase; + margin-bottom: 0; +} + +.kpi-compare-subtitle { + text-transform: uppercase; + margin-bottom: 0; +} + +/* Charts +========================================================================== */ +.chart-card { + background-color: var(--boxes-background); + height: 100%; + padding: 39px; + border-radius: 4px; + box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13); + display: block; + width: 100%; + margin-bottom: 10px; +} + +.chart-title:first-child { + margin-top: 20px; +} + +rect.highcharts-background { + fill: transparent !important; +} + +/* Custom Charts +========================================================================== */ +.custom-graph { + display: flex; + flex-direction: column; + margin-bottom: 4rem; + width: 100%; +} + +.custom-graph-body { + display: flex; + align-items: stretch; +} + +.custom-graph-block { + flex: 1 1 auto; +} + +.custom-graph-separator { + width: 3px; + background-color: #232423; +} + +.custom-graph-header { + display: block; + margin-bottom: 0.5rem; +} +.custom-graph-header h4 { + margin-top: 0; +} + +.header-right { + text-align: right; +} + +.custom-graph-title { + font-size: 1.43rem; + margin: 0; + text-transform: uppercase; + color: var(--titles); + font-weight: bold; +} + +.custom-graph-content { + display: grid; +} + +.custom-graph-item { + border-bottom: 1px solid #979797; + margin-top: 0.5rem; + display: flex; + align-items: center; + justify-content: space-between; + min-height: 50px; +} + +.custom-graph-item-title { + font-size: 0.75rem; + color: var(--titles); + font-weight: normal; + margin: 0; + flex: 0 0 35%; +} + +.custom-graph-progress-container { + align-self: end; + flex: 1 1 65%; +} + +.custom-graph-progress { + height: 30px; + display: flex; + align-items: center; +} + +.custom-graph-progress-value { + font-size: 0.625rem; + color: var(--titles); + margin: 0 9px; +} + +.custom-graph-content-left .custom-graph-progress { + margin-left: auto; + border-radius: 8px 0 0 8px; + justify-content: flex-end; +} + +.custom-graph-content-right .custom-graph-item-title { + order: 1; + text-align: right; +} + +.custom-graph-content-right .custom-graph-progress { + order: 1; + margin-right: auto; + border-radius: 0 8px 8px 0; + justify-content: flex-start; +} + +.custom-graph-inverted-text-color .custom-graph-progress-value, +.custom-graph-inverted-text-color .custom-graph-item-title { + color: inherit; +} \ No newline at end of file diff --git a/content/generators/comparison-generator/index.md b/content/generators/comparison-generator/index.md new file mode 100644 index 000000000..4a5d85bd0 --- /dev/null +++ b/content/generators/comparison-generator/index.md @@ -0,0 +1,9 @@ +--- +title: "Comparison Generator" +description: "This generator builds a comparison dashboard. Edit a few settings and compare 2 values, such as territories or categories, from one dataset." +date: "2022-03-30T00:00:00+01:00" +tags: ["display", "navigation", "filter", "chart"] +resources: +- src: '*/' + name: folder-:counter +--- diff --git a/content/generators/comparison-generator/posthtml.inc b/content/generators/comparison-generator/posthtml.inc new file mode 100644 index 000000000..2aa7c31aa --- /dev/null +++ b/content/generators/comparison-generator/posthtml.inc @@ -0,0 +1,628 @@ + + + DO_NOT_MODIFY_BELOW; + + selected1 = {}; + selected2 = {}; + selectionRefFinale = ''; + selectionCompareFinale = {}; + "> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + {{ctxref.parameters['refine.' + refineField] = refineValue; + ctxcompare.parameters['refine.' + refineField] = refineValue; + ctx1.parameters['refine.' + refineField] = refineValue; + ctx2.parameters['refine.' + refineField] = refineValue; ""}} + + +
+
+

+ {{ pageTitle }} +

+

+ {{ pageSubtitle }} +

+
+

{{filterTitle}}

+
+
+

+ {{referenceFitlerTitle}} +

+
+
+
+ + + + + {{ + $parent.$parent.$parent.$parent['context' + j].parameters['refine.' + fieldname.idField] = + ctx1.parameters['refine.' +fieldname.idField] = + (selected1[fieldname.name] | toObject:'code' | keys);"" + }} + + +
+ +
+
+ + + +
+
+
+ +
+

+ {{compareFilterTitle}} +

+
+
+
+ + + + + {{ + $parent.$parent.$parent.$parent['contextcompare' + j].parameters['refine.' + fieldname.idField] = + ctx2.parameters['refine.' +fieldname.idField] = + (selected2[fieldname.name] | toObject:'code' | keys );"" + }} + + +
+
+
+ + +
+
+
+
+
+
+

+ {{referenceFitlerTitle}} +

+
+ + + + {{ctx1.parameters['refine.' + filterFieldId] = selectionRefFinale ; ""}} + + + + + {{selectionRefFinale == 0 ? selectionRefFinale = defaultValue : '' ; ""}} + {{ctx1.parameters['refine.' + filterFieldId] = selectionRefFinale ; ""}} + + +
+
+
+

+ {{compareFilterTitle}} +

+
+ + + + {{ctx2.parameters['refine.' + filterFieldId] = selectionCompareFinale ; ""}} + + + + + {{selectionCompareFinale == 0 ? selectionCompareFinale = defaultValue : '' ; ""}} + {{ctx2.parameters['refine.' + filterFieldId] = selectionCompareFinale ; ""}} + {{ctx2.parameters}} + +
+
+
+
+ +
+
+
+
+
+ +
+ +

+ {{ (kpi1[0].x || 0) | number : (kpi.precision || 0) }} + {{ kpi.unit }} +

+

+ {{ kpi.title }} +

+

+ {{ selected1[fields[3].name][0].name || + selected1[fields[2].name][0].name || + selected1[fields[1].name][0].name || + selected1[fields[0].name][0].name || defaultLevel }}

+ +

+ {{results1[0].fields[filterFieldLabel]}}

+

+ {{defaultLevel}}

+
+
+
+ +
+ +

+ {{ (kpi2[0].x || 0) | number : (kpi.precision || 0) }} + {{ kpi.unit }} +

+

+ {{ kpi.title }} +

+

+ {{ selected2[fields[3].name][0].name || + selected2[fields[2].name][0].name || + selected2[fields[1].name][0].name || + selected2[fields[0].name][0].name || defaultLevel }}

+

+ {{results2[0].fields[filterFieldLabel]}}

+

+ {{defaultLevel}}

+ +

+ {{ ((kpi2[0].x - kpi1[0].x )/kpi1[0].x )*100 > 0 ? '+' : '' }}{{ (((kpi2[0].x -kpi1[0].x )/kpi1[0].x )*100|| 0) | number : 2 }}% +

+ par rapport à +

{{item1.name}}{{$last ? '' : ' + '}}

+

+ {{ selected1[fields[3].name][0].name || + selected1[fields[2].name][0].name || + selected1[fields[1].name][0].name || + selected1[fields[0].name][0].name || defaultLevel }}

+

+ {{results1[0].fields[filterFieldLabel]}}

+

+ {{defaultLevel}}

+
+
+
+
+ + +
+ +
+
+

{{chart.title}}

+ +
+ + {{ pyramid['maxref'] = results[0].max; '' }} +
+ + {{ pyramid.analysisref = analysisref ; '' }} + + +
+ {{ pyramid['maxcompare'] = results[0].max; '' }} +
+ + {{ pyramid.analysiscompare = analysiscompare ; '' }} + + + {{ pyramid['max'] = + (pyramid['maxcompare']>pyramid['maxref']?pyramid['maxcompare']:pyramid['maxref']); '' }} + + +

+ {{ pyramid.order[item[chart.xAxis]] = i+1; '' }} +

+

+ {{ pyramid.order[item[chart.xAxis]] = i+1; '' }} +

+ + + +
+
+
+
+

+ {{ selected1[fields[3].name][0].name || + selected1[fields[2].name][0].name || + selected1[fields[1].name][0].name || + selected1[fields[0].name][0].name || defaultLevel }} + + + {{results1[0].fields[filterFieldLabel]}} + + {{defaultLevel}} +

+

{{chart.label}}

+
+
+
+
+ {{ itemleft[chart.xAxis] }} +
+
+
+ + {{ itemleft.counttotal | number }} + +
+
+
+
+
+ +
+
+
+

+ {{ selected2[fields[3].name][0].name || + selected2[fields[2].name][0].name || + selected2[fields[1].name][0].name || + selected2[fields[0].name][0].name || defaultLevel }} + + {{results2[0].fields[filterFieldLabel]}} + + {{defaultLevel}} +

+

{{chart.label}}

+
+
+
+
+ {{ itemright[chart.xAxis] }} +
+
+
+ + {{ itemright.counttotal | number }} + +
+
+
+
+
+
+
+
+
+
 + +
+
+

{{chart.title}}

+ + + + + + + + + + + + + + + + + + + + +
+
 + +
+
+
+
+ +
\ No newline at end of file diff --git a/content/generators/comparison-generator/prehtml.inc b/content/generators/comparison-generator/prehtml.inc new file mode 100644 index 000000000..76772771f --- /dev/null +++ b/content/generators/comparison-generator/prehtml.inc @@ -0,0 +1,14 @@ + + + +
-
{{ kpidatectxn.parameters['refine.' + item.dataset_refine_key] = item.dataset_refine_value ; '' }} - {{ kpidatectxn.parameters = (item.dataset_advanced_refine_parameters.replaceAll('\'','"') | fromjson) ; '' }} + + {{ kpidatectxn.parameters[key] = item.dataset_advanced_refine_parameters[key]; '' }} + {{ kpidatectxnmoinsun.parameters['refine.' + item.valref_dataset_refine_key] = item.valref_dataset_refine_value ; '' }} - {{ kpidatectxnmoinsun.parameters = (item.valref_dataset_advanced_refine_parameters.replaceAll('\'','"') | fromjson) ; '' }} - + + {{ kpidatectxnmoinsun.parameters[key] = item.valref_dataset_advanced_refine_parameters[key]; '' }} + {{ kpidatectxn.parameters['q.date'] = item.date_field_id + ':' + item.values.filtren ; '' }} {{ kpidatectxnmoinsun.parameters['q.date'] = item.date_field_id + ':' + item.values.filtrenmoinsun ; '' }} diff --git a/content/generators/listing-generator/1/config.inc b/content/generators/listing-generator/1/config.inc index 4f3b48dfb..86bab49aa 100644 --- a/content/generators/listing-generator/1/config.inc +++ b/content/generators/listing-generator/1/config.inc @@ -1,37 +1,45 @@ - ng-init="domain = 'discovery.opendatasoft.com'; - datasetid = 'oeuvres-de-johannes-vermeer'; + ng-init="domain = 'userclub.huwise.com'; + datasetid = 'oeuvres-de-johannes-vermeer'; - filters = [ + sort = 'surface'; + + filters = [ {'id':'technique','multiple':true}, {'id':'collection','multiple':true}, {'id':'genre','multiple':true} - ]; - fieldDate = ''; - resetFiltersButton = true; - resetFiltersButtonLabel = 'Supprimer tous les filtres'; - fieldDefaultRangeStartsNow = false; + ]; + fieldDate = ''; + resetFiltersButton = true; + resetFiltersButtonLabel = 'Supprimer tous les filtres'; + fieldDefaultRangeStartsNow = false; + + view = 'cards'; + fieldsList = ['collection','genre','format','date']; + fieldLink = 'wikipedia'; + fieldLinkLabel = 'Lire l\'article'; - view = 'cards'; - fieldsList = ['titre','collection','genre','format','date']; - fieldLink = 'wikipedia'; - fieldLinkLabel = 'Lire l\'article'; + cardTitle = 'titre'; + fieldPhoto = 'image'; + imagePosition = 'left'; + itemsPerRow = '2'; - cardTitle = 'titre'; - fieldPhoto = 'image'; - imagePosition = 'left'; - itemsPerRow = '2'; + mapView = false; + mapPicto = ''; + mapPictoColor = ''; - kpis = [ + kpis = [ { 'title': 'Taille moyenne', - 'function': 'AVG', - 'expression': 'surface', + 'select': 'avg(surface)', 'precision': 2, 'unit': 'm2', 'faicon': 'square-o' }, { 'title': 'Nombre d\'oeuvre référencées', - 'function': 'COUNT' + 'select': 'count(*)' } - ]; + ]; + + sourceLinkLabel = 'Accéder aux données source'; + noResultMsg = 'Aucun résultat'; diff --git a/content/generators/listing-generator/1/index.md b/content/generators/listing-generator/1/index.md index 555c606e1..31297f76d 100644 --- a/content/generators/listing-generator/1/index.md +++ b/content/generators/listing-generator/1/index.md @@ -4,9 +4,6 @@ height: 750 --- Edit only a few settings to generate a modern looking visulization that uses ODS components and widgets. -[See a live editing demo of this template on Youtube](https://www.youtube.com/watch?v=huK1bNGjpkE) Try it! Click on "Edit on CodePen" to browse the code and see the configuration. You only need to edit the first bloc of settings to try it on your own data! - -Documentation in the HTML code. diff --git a/content/generators/listing-generator/1/schema.md b/content/generators/listing-generator/1/schema.md new file mode 100644 index 000000000..7a40027f0 --- /dev/null +++ b/content/generators/listing-generator/1/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `oeuvres-de-johannes-vermeer` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/oeuvres-de-johannes-vermeer/table/) + +**Fields in use:** + +|titre |technique |collection |genre |format |date |wikipedia |image |surface (numeric) | +|--------------------------|---------------|---------------------------------------------------|-----------------|------------|---------------|----------------------------------------------------------|----------------------------------------------------------------------------------------------------------------------------|-------------------| +|L'Entremetteuse |huile sur toile|Staatliche Kunstsammlungen, |Peinture de genre|143 × 130 |1656 (daté) |https://fr.wikipedia.org/wiki/L%27Entremetteuse |https://userclub.huwise.com/api/v2/catalog/datasets/oeuvres-de-johannes-vermeer/files/99fe5e94a3f8ae37ebcec59fd3f82e5b|1.859 | +|La Laitière |huile sur toile|Rijksmuseum |Peinture de genre|45,45 × 40,6|1658-1661 (ca.)|https://fr.wikipedia.org/wiki/La_Laiti%C3%A8re |https://userclub.huwise.com/api/v2/catalog/datasets/oeuvres-de-johannes-vermeer/files/21603ba25218d3fdd671fa03f130dcdf|0.18452700000000002| +|Portrait d'une jeune femme|huile sur toile|The Metropolitan Museum of Art |Portrait |44,5 × 40 |1665-1674 (ca.)|https://fr.wikipedia.org/wiki/Portrait_d%27une_jeune_femme|https://userclub.huwise.com/api/v2/catalog/datasets/oeuvres-de-johannes-vermeer/files/d8e37ce745e15e864fd38cf335bfc788|0.178 | +|Dame jouant du virginal |huile sur toile|Collection privée (collection Leiden,Thomas Kaplan)|Peinture de genre|25,2 × 20 |1670 (ca.) |https://fr.wikipedia.org/wiki/Dame_jouant_du_virginal |https://userclub.huwise.com/api/v2/catalog/datasets/oeuvres-de-johannes-vermeer/files/5d91a58102a2f6b1a8be537b3280ea27|0.0504 | diff --git a/content/generators/listing-generator/2/config.inc b/content/generators/listing-generator/2/config.inc index ef129f788..cf90c6311 100644 --- a/content/generators/listing-generator/2/config.inc +++ b/content/generators/listing-generator/2/config.inc @@ -1,29 +1,44 @@ - ng-init="domain = 'parisdata.opendatasoft.com'; - datasetid = 'que-faire-a-paris-'; + ng-init="domain = 'parisdata.huwise.com'; + datasetid = 'que-faire-a-paris-'; - filters = [ - {'id':'category','multiple':true}, - {'id':'tags','multiple':true}, - {'id':'access_type','multiple':false}, - {'id':'price_type','multiple':false} - ]; - fieldDate = 'date_start'; - resetFiltersButton = true; - resetFiltersButtonLabel = 'Supprimer tous les filtres'; - fieldDefaultRangeStartsNow = true; + sort = '-date_start'; - view = 'cards'; - fieldsList = ['address_name','address_street','address_city','category']; - fieldLink = 'url'; - fieldLinkLabel = 'Plus d\'informations'; + filters = [ + {'id':'tags','multiple':true}, + {'id':'access_type','multiple':false}, + {'id':'price_type','multiple':false} + ]; + fieldDate = 'date_start'; + resetFiltersButton = true; + resetFiltersButtonLabel = 'Supprimer tous les filtres'; + fieldDefaultRangeStartsNow = false; - cardTitle = 'title'; - fieldPhoto = 'cover'; - imagePosition = 'top'; - itemsPerRow = '2'; + view = 'cards'; + fieldsList = [ + {'field':'address_name'}, + {'field':'address_street'}, + {'field':'address_city'}, + {'field':'conditionversement'}, + {'field':'date_start','format':'date'}, + {'field':'date_end','format':'date'} + ]; + fieldLink = 'url'; + fieldLinkLabel = 'Plus d\'informations'; - kpis = [{ - 'title': 'Nombre d\'activités', - 'function': 'COUNT' - } - ]; + cardTitle = 'title'; + fieldPhoto = 'image_couverture'; + imagePosition = 'top'; + itemsPerRow = '2'; + + mapView = true; + mapPicto = 'circle'; + mapPictoColor = '#EC643C'; + + kpis = [{ + 'title': 'Nombre d\'activités', + 'select': 'count(*)' + } + ]; + + sourceLinkLabel = 'Accéder aux données source'; + noResultMsg = 'Aucun résultat'; diff --git a/content/generators/listing-generator/2/index.md b/content/generators/listing-generator/2/index.md index 80a205cd8..20ae1ef16 100644 --- a/content/generators/listing-generator/2/index.md +++ b/content/generators/listing-generator/2/index.md @@ -1,6 +1,6 @@ --- -title: "Automated listing visualization - another example with date" +title: "Automated listing visualization - another example with date and map" height: 750 --- -Very similar case with a date field that display a date range slider. +Very similar case with a date field that display a date range slider and a map. diff --git a/content/generators/listing-generator/2/schema.md b/content/generators/listing-generator/2/schema.md new file mode 100644 index 000000000..14cab7a77 --- /dev/null +++ b/content/generators/listing-generator/2/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `que-faire-a-paris-` [(See it on parisdata domain)](https://parisdata.huwise.com/explore/dataset/que-faire-a-paris-/table/) + +**Fields in use:** + +|address_name |address_street |address_city |category |tags |access_type |date_start (date) |date_end (date) |url |title |cover | +|--------------------------|---------------|---------------------------------------------------|-----------------|------------|---------------|----------------------------------------------------------|----------------------------------------------------------------------------------------------------------------------------|-------------------|------------------------------------|-----------------------------------------------------------------------------------------------------------| +|Musée de la Libération de Paris - Musée du général Leclerc - Musée Jean Moulin|4 avenue du colonel Henri Rol-Tanguy|Paris |Expositions -> Art Contemporain|Expos |libre |2021-10-05T10:00:00+02:00 |2021-12-15T18:00:00+01:00 |https://quefaire.paris.fr/129181/rencontres-inattendues-johan-tahon|RENCONTRES INATTENDUES : Johan Tahon|https://opendata.paris.fr/api/v2/catalog/datasets/que-faire-a-paris-/files/fcf63781daac3448906f5de5b8f1cb5e| +|Maison de Victor Hugo |6 place des Vosges|Paris |Expositions -> Beaux-Arts|Expos |reservation |2021-06-10T10:00:00+02:00 |2021-11-21T18:00:00+01:00 |https://quefaire.paris.fr/116154/victor-hugo-dessins|Victor Hugo. Dessins |https://opendata.paris.fr/api/v2/catalog/datasets/que-faire-a-paris-/files/559383d5907fdded3dcf6fff3a392143| +|Théâtre le Bout |6, rue Frochot |Paris |Spectacles -> Humour|En famille |reservation |2021-09-19T17:00:00+02:00 |2022-01-30T18:00:00+01:00 |https://quefaire.paris.fr/128766/coupable-spectacle-d-improvisation|Coupable - Spectacle d'improvisation|https://opendata.paris.fr/api/v2/catalog/datasets/que-faire-a-paris-/files/7e66c4704f50f225fbbec48af6cf06a9| +|Piscine Emile Anthoine |9, rue Jean Rey|Paris |Animations -> Atelier / Cours|Sport |reservation |2021-09-15T07:15:00+02:00 |2022-07-06T18:00:00+02:00 |https://quefaire.paris.fr/38852/tournoi-international-de-rugby-fauteuil-100-feminin|Leçons adultes / Enfants (30mn) |https://opendata.paris.fr/api/v2/catalog/datasets/que-faire-a-paris-/files/85a8715df6b7958ca5391b9a50be21ea| diff --git a/content/generators/listing-generator/3/config.inc b/content/generators/listing-generator/3/config.inc index 089d03d5e..a1bbd85a3 100644 --- a/content/generators/listing-generator/3/config.inc +++ b/content/generators/listing-generator/3/config.inc @@ -1,34 +1,42 @@ - ng-init="domain = 'userclub.opendatasoft.com'; - datasetid = 'deliberations-du-conseil-municipal-dissy-les-moulineaux'; + ng-init="domain = 'userclub.huwise.com'; + datasetid = 'deliberations-du-conseil-municipal-dissy-les-moulineaux'; - filters = [ - {'id':'mandature','multiple':true}, - {'id':'matiere','multiple':true}, - {'id':'objet','multiple':false}, - {'id':'vote','multiple':false} - ]; - fieldDate = ''; - resetFiltersButton = true; - resetFiltersButtonLabel = 'Supprimer tous les filtres'; - fieldDefaultRangeStartsNow = false; + sort = ''; - view = 'table'; - fieldsList = ['objet','matiere','vote','ndeg_deliberation']; - fieldLink = 'pdf_dcm'; - fieldLinkLabel = 'Consulter la délibération'; + filters = [ + {'id':'mandature','multiple':true}, + {'id':'matiere','multiple':true}, + {'id':'objet','multiple':false}, + {'id':'vote','multiple':false} + ]; + fieldDate = ''; + resetFiltersButton = true; + resetFiltersButtonLabel = 'Supprimer tous les filtres'; + fieldDefaultRangeStartsNow = false; - kpis = [ - { - 'title': 'Nombre de délibérations référencées', - 'function': 'COUNT', - 'faicon': 'file-pdf-o' - }, - { - 'title': 'Votes adoptés', - 'function': 'SUM', - 'expression': 'vote_adopte', - 'faicon': 'check-square-o' - } - ]; + view = 'table'; + fieldsList = ['objet','matiere','vote','ndeg_deliberation']; + fieldLink = 'pdf_dcm'; + fieldLinkLabel = 'Consulter la délibération'; - itemsPerRow = '3'; + mapView = false; + mapPicto = ''; + mapPictoColor = ''; + + kpis = [ + { + 'title': 'Nombre de délibérations référencées', + 'select': 'count(*)', + 'faicon': 'file-pdf-o' + }, + { + 'title': 'Votes adoptés', + 'select': 'sum(vote_adopte)', + 'faicon': 'check-square-o' + } + ]; + + itemsPerRow = '3'; + + sourceLinkLabel = 'Accéder aux données source'; + noResultMsg = 'Aucun résultat'; diff --git a/content/generators/listing-generator/3/schema.md b/content/generators/listing-generator/3/schema.md new file mode 100644 index 000000000..a559959df --- /dev/null +++ b/content/generators/listing-generator/3/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `deliberations-du-conseil-municipal-dissy-les-moulineaux` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/deliberations-du-conseil-municipal-dissy-les-moulineaux/table/) + +**Fields in use:** + +|mandature |matiere |objet |vote |ndeg_deliberation|pdf_dcm |vote_adopte (numeric) | +|--------------------------|---------------|---------------------------------------------------|-----------------|-----------------|---------------|----------------------------------------------------------| +|2014-2020 |EDUCATION |Lancement d’une procédure adaptée relative à l’organisation d’activités périscolaires|Adopté à l’unanimité|5.0 |https://userclub.huwise.com/api/v2/catalog/datasets/deliberations-du-conseil-municipal-dissy-les-moulineaux/files/17f69f4aa25f032862c78ff5bd9ad455|1 | +|2014-2020 |Associations sportives|Approbation d’un avenant n°3 au marché de maîtrise d’œuvre pour la construction de la piscine du Fort|Adopté à l’unanimité|7.0 |https://userclub.huwise.com/api/v2/catalog/datasets/deliberations-du-conseil-municipal-dissy-les-moulineaux/files/e56c7ad1934b19d0ea54b70298b47f71|1 | +|2014-2020 |FINANCES |Subventions aux associations pour l’année 2016 |Adopté à l’unanimité|13.0 |https://userclub.huwise.com/api/v2/catalog/datasets/deliberations-du-conseil-municipal-dissy-les-moulineaux/files/610f42b3932bab803f4b8bbd2c8a5130|1 | +|2014-2020 |PREVENTION SECURITE|Contrat Local de Sécurité. Actions de prévention. Participation financière de la Ville au titre de l’année 2016|Adopté à l’unanimité|14.0 |https://userclub.huwise.com/api/v2/catalog/datasets/deliberations-du-conseil-municipal-dissy-les-moulineaux/files/1241b3ea18a79e4651e207d9895d1a5f|1 | diff --git a/content/generators/listing-generator/4_SCDL/config.inc b/content/generators/listing-generator/4_SCDL/config.inc new file mode 100644 index 000000000..e1fda3ca0 --- /dev/null +++ b/content/generators/listing-generator/4_SCDL/config.inc @@ -0,0 +1,36 @@ + ng-init="domain = 'data.haute-garonne.fr'; + datasetid = 'datalocale-deliberation'; + + sort = 'delib_date'; + + filters = [ + {'id':'coll_nom','multiple':true,'label':'Nom de la collectivité'}, + {'id':'delib_matiere_nom','multiple':true,'label':'Nom de la matière de la délibération' }, + ]; + fieldDate = 'delib_date'; + resetFiltersButton = true; + resetFiltersButtonLabel = 'Supprimer tous les filtres'; + fieldDefaultRangeStartsNow = false; + + view = 'cards'; + fieldsList = [ + {'field':'delib_objet', 'label': ''}, + {'field':'budget_nom', 'label': 'Type de budget'}, + {'field':'vote_pour', 'label': 'Nb de vote pour'}, + {'field':'vote_contre', 'label': 'Nb de vote contre'}, + {'field':'delib_date', 'label': 'Date de la délibération', 'format': 'date'} + ]; + fieldLink = 'delib_url'; + fieldLinkLabel = 'Voir la délibération en PDF'; + + cardTitle = 'delib_matiere_nom'; + fieldPhoto = ''; + imagePosition = 'left'; + itemsPerRow = '2'; + + mapView = false; + mapPicto = ''; + mapPictoColor = ''; + + sourceLinkLabel = 'Accéder aux données source'; + noResultMsg = 'Aucun résultat'; diff --git a/content/generators/listing-generator/4_SCDL/index.md b/content/generators/listing-generator/4_SCDL/index.md new file mode 100644 index 000000000..7b72fd841 --- /dev/null +++ b/content/generators/listing-generator/4_SCDL/index.md @@ -0,0 +1,7 @@ +--- +title: "SCDL Dataset with fields and filters renaming" +height: 750 +date: "2022-02-10T00:00:00+01:00" +--- + +This example highlight how filter labels can be overridden, and even field label can be removed in the card view. diff --git a/content/generators/listing-generator/css.inc b/content/generators/listing-generator/css.inc index 3dbefcf57..044269ac6 100644 --- a/content/generators/listing-generator/css.inc +++ b/content/generators/listing-generator/css.inc @@ -3,25 +3,20 @@ :root { --secondary-color: black; } -main { + +#page- { margin: 6rem 0 3em 0; } -@media screen and (min-width: 992px) { - .row-equal-height { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-bottom: 20px; - } - /* Fix for early content wrapping in Safari*/ - .row-equal-height:before, - .row-equal-height:after { - content: normal; - } -} +/** + * License: MIT License + * Generated on 25 Jun 2021 + * Author: Labs from opendatasoft + * Version: 0.3 + * Description: ODS Layout over-ride to Flexbox system + */ +.row.full-height{height:100%}.row{display:flex;flex-wrap:wrap;justify-content: start;}.row>*{margin-bottom:20px}.order-0{order:0}@media screen and (min-width:750px){.order-sm-0{order:0}}@media screen and (min-width:970px){.order-md-0{order:0}}@media screen and (min-width:1170px){.order-lg-0{order:0}.order-lg-1{order:1}}.order-1{order:1}@media screen and (min-width:750px){.order-sm-1{order:1}}@media screen and (min-width:970px){.order-md-1{order:1}.order-md-2{order:2}}.order-2{order:2}@media screen and (min-width:750px){.order-sm-2{order:2}}@media screen and (min-width:1170px){.order-lg-2{order:2}.order-lg-3{order:3}}.order-3{order:3}@media screen and (min-width:750px){.order-sm-3{order:3}}@media screen and (min-width:970px){.order-md-3{order:3}.order-md-4{order:4}}.order-4{order:4}@media screen and (min-width:750px){.order-sm-4{order:4}}@media screen and (min-width:1170px){.order-lg-4{order:4}.order-lg-5{order:5}}.order-5{order:5}@media screen and (min-width:750px){.order-sm-5{order:5}}@media screen and (min-width:970px){.order-md-5{order:5}.order-md-6{order:6}}.order-6{order:6}@media screen and (min-width:750px){.order-sm-6{order:6}}@media screen and (min-width:1170px){.order-lg-6{order:6}.order-lg-7{order:7}}.order-7{order:7}@media screen and (min-width:750px){.order-sm-7{order:7}}@media screen and (min-width:970px){.order-md-7{order:7}.order-md-8{order:8}}.order-8{order:8}@media screen and (min-width:750px){.order-sm-8{order:8}}@media screen and (min-width:1170px){.order-lg-8{order:8}.order-lg-9{order:9}}.order-9{order:9}@media screen and (min-width:750px){.order-sm-9{order:9}}@media screen and (min-width:970px){.order-md-9{order:9}.order-md-10{order:10}}.order-10{order:10}@media screen and (min-width:750px){.order-sm-10{order:10}}@media screen and (min-width:1170px){.order-lg-10{order:10}.order-lg-11{order:11}}.order-11{order:11}@media screen and (min-width:750px){.order-sm-11{order:11}}@media screen and (min-width:970px){.order-md-11{order:11}.order-md-12{order:12}}.order-12{order:12}@media screen and (min-width:750px){.order-sm-12{order:12}}@media screen and (min-width:1170px){.order-lg-12{order:12}}@media screen and (max-width:1169px){:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-1,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-10,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-11,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-12,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-2,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-3,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-4,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-5,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-6,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-7,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-8,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-9{width:100%}}@media screen and (max-width:969px){:not([class*=col-sm]):not([class*=col-xs]).col-md-1,:not([class*=col-sm]):not([class*=col-xs]).col-md-10,:not([class*=col-sm]):not([class*=col-xs]).col-md-11,:not([class*=col-sm]):not([class*=col-xs]).col-md-12,:not([class*=col-sm]):not([class*=col-xs]).col-md-2,:not([class*=col-sm]):not([class*=col-xs]).col-md-3,:not([class*=col-sm]):not([class*=col-xs]).col-md-4,:not([class*=col-sm]):not([class*=col-xs]).col-md-5,:not([class*=col-sm]):not([class*=col-xs]).col-md-6,:not([class*=col-sm]):not([class*=col-xs]).col-md-7,:not([class*=col-sm]):not([class*=col-xs]).col-md-8,:not([class*=col-sm]):not([class*=col-xs]).col-md-9{width:100%}}@media screen and (max-width:749px){.row{flex-direction:column}:not([class*=col-xs]).col-sm-1,:not([class*=col-xs]).col-sm-10,:not([class*=col-xs]).col-sm-11,:not([class*=col-xs]).col-sm-12,:not([class*=col-xs]).col-sm-2,:not([class*=col-xs]).col-sm-3,:not([class*=col-xs]).col-sm-4,:not([class*=col-xs]).col-sm-5,:not([class*=col-xs]).col-sm-6,:not([class*=col-xs]).col-sm-7,:not([class*=col-xs]).col-sm-8,:not([class*=col-xs]).col-sm-9{width:100%}}.no-margin-bottom,.no-mb{margin-bottom:0!important}.no-margin-x,.no-mx{margin-left:0!important;margin-right:0!important} + .page-title { font-size: 3rem; @@ -47,7 +42,7 @@ main { .search-module-container { padding: 26px; - margin-bottom: 20px; + margin: 20px 0; } .search-module { @@ -126,6 +121,11 @@ main { align-items: center; justify-content: center; } +.clear-filters-button { + background: none; + border: none; + color: var(--text); +} .clear-filters-button:hover { opacity: 0.65; } @@ -143,6 +143,9 @@ main { min-width: 240px; } } +.odswidget-select-button:focus:not(.focus-ring) { + outline: var(--highlight) 2px solid; +} /*********** Filter date ************/ .filter-date { @@ -159,6 +162,9 @@ main { margin-top: 13px; white-space: nowrap; text-decoration: underline; + color: var(--text); + background: none; + border: none; } .filter-date-button:not(.filter-date-button-disabled):hover { opacity: 0.65; @@ -374,11 +380,6 @@ main { /* Table Module Basic ========================================================================== */ -.table-module { - height: 1000px; - overflow-y: auto; -} - .table-basic { display: table; border-collapse: collapse; @@ -438,6 +439,23 @@ main { text-decoration: none; } +.odswidget-pagination { + margin-bottom: 50px; +} + + + +/* Map */ +.odswidget-map__map { + min-height: 550px; +} +.map-active { + height: 550px; + overflow-y: auto; +} + + + /** Specific override for custom views **/ @media screen and (min-width: 1408px) { .ods-dataset-visualization .ods-tabs__pane .container:not(.is-max-desktop):not(.is-max-widescreen) { diff --git a/content/generators/listing-generator/doc/index.md b/content/generators/listing-generator/doc/index.md new file mode 100644 index 000000000..6984ba160 --- /dev/null +++ b/content/generators/listing-generator/doc/index.md @@ -0,0 +1,253 @@ +--- +title: Listing Generator documentation +date: "2022-02-10T00:00:00+01:00" +description: Complete list of options for the listing generator resource +tags: ["display", "navigation", "list", "map", "aggregation"] +nocode: true +--- + +Welcome to the Listing Generator documentation ! +Find the [code and live examples above](#automated-listing-visualization). + +### Before start, important read + +The listing generator is an HTML template powered by ods-widgets library from Huwise. ods-widgets library relies on AngularJs and therefore propose directives and expressions to operate dynamic behavior into your pages. +Settings set within the page. You'll therefore need to pay attention to the following section to avoid input mistakes. + +#### First, a minimalist example + +A simple page containing a variable declaration into an ng-init directive: + +```html +
+

+ {{ title }} +

+
+``` + +- `title` is a variable, and `Any text here...` its value + +The value is then between quotes `'`. + +> A common error is omitting to escape (protect) apostrophes with a leading backslash (ie `\'`). +Apostrophes are used to declare keys and values in object, and therefore are reserved characters. This is the reason why they MUST be escaped. + + +```javascript +wrongVariable = 'I'll be freed from apostrophes'; // This leads to an error !!! +``` + +```javascript +correctVariable = 'I\'ll be freed from apostrophes'; // Ok ! +``` + +## General settings + +#### `domain` + +Domain URL (string) : Must contain the URL of the domain where the dataset is published. +``` +domain = 'userclub.huwise.com'; +``` + +#### `datasetid` + +Dataset ID (string) : Must contain the ID of the dataset +``` +datasetid = 'oeuvres-de-johannes-vermeer'; +``` + +#### `sort` + +Sort (string) : a sort parameter +``` +sort = '-date'; +``` + +**Note:** The field must be sortable (numeric,date,facet or sortable text field) + +## Filters settings + +#### `filters` + +List of filter configurations to generate the filters panel. +Parameters are : +- id (string) : the ID of the field +- multiple (boolean) : true or false, to allow the user to select multiple values in the filter +- label (string) : a custom placeholder instead of the field label + +**Note :** The field must be a facet in the dataset +**Note :** Alphanumerical sort is applied in the filter view + +``` +filters = [ + {'id':'filterid','multiple':true}, + {'id':'filterid2','multiple':false,'label':'ID of the filter'} + ]; +``` + +#### `resetFiltersButton` + +resetFiltersButton (boolean) : true or false, add a reset filters button after filters block --> +``` +resetFiltersButton = true; +``` + +#### `resetFiltersButtonLabel` + +resetFiltersButtonLabel (string) : label of the reset filters button +``` +resetFiltersButtonLabel = 'Clear all filters'; +``` + +## Date settings + +#### `fieldDate` + +fieldDate (string) : a date field to display a date-range-slider +``` +fieldDate = 'date'; +``` + +#### `resetFiltersButton` +resetFiltersButton (boolean) : true or false, display a button to reset the date period selection +``` +resetFiltersButton = true; +``` + +#### `fieldDefaultRangeStartsNow` +fieldDefaultRangeStartsNow (boolean) : +- false : set the date range based on the data, ie. start from the first date, and end to the last date +- true : the range starts from now (the calendar day), to the last date + +``` +fieldDefaultRangeStartsNow = false; +``` + +## List view settings + +#### `view` +view (string) : Type of the view to list results, can be `table` or `cards` +``` +view = 'cards'; +``` + +#### `noResultMsg` (only available if `view` is set to `cards`) +noResultMsg (string) : the message to display if no results + +``` +noResultMsg = 'No more results.'; +``` + +#### `fieldsList` + +fieldsList (list) : Set the list of fields + +##### Simple mode : can be an array of field IDs +``` +fieldsList = ['title','category','genre','date']; +``` + +##### Advanced mode : can be an array of object. + + Each object describes the field format and provide optional options. + - `field` (string) : mandatory, the ID of te field + - `format` (string) : optional, can be 'date' or 'number' + - `options` (string) : optional, format options + - for `number` format : + - `precision` (string) : set the number of digit for decimals + - `unit` (string) : set an unit after the value + - for `date` format : + - `dateFormat` (string) : date format, according to [Angularjs date filter syntax](https://www.w3schools.com/angular/ng_filter_date.asp) + - label (string) : optional, define your own label for this field. + - if not set : use the default label from the dataset + - if set to a string, use this string as label + - if set to an empty string `''`, remove the field label (for `cards` view only). + +``` +fieldsList = [ + {'field':'address'}, + {'field':'city'}, + {'field':'price', 'format':'number', 'options': {'precision':1, 'unit':'$'}}, + {'field':'date_start','format':'date'}, + {'field':'date_end','format':'date', 'options': {'dateFormat':'longDate'}} + ]; +``` + +#### `fieldLink` + +fieldLink (string) : the field ID of external resource as a web URL +``` +link = 'urlfield'; +``` + +#### `fieldLinkLabel` + +fieldLinkLabel (string) : Label of the external resource link +``` +fieldLinkLabel = 'Read more here'; +``` + +#### `cardTitle` (only available if `view` is set to `cards`) +cardTitle (string) : id of the field used as a title of the card +``` +cardTitle = 'title'; +``` + +#### `fieldPhoto` (only available if `view` is set to `cards`) +fieldPhoto (string) : (Field id of the image field if any) +``` +fieldPhoto = 'image'; +```` + +#### `imagePosition` (only available if `view` is set to `cards`) +imagePosition (string) : (Image position) : Image position in the card, can be 'top' or 'left' +``` +imagePosition = 'left'; +``` + +#### `itemsPerRow` +itemsPerRow (string) : number of columns in the cards and KPI layout, must be a 12 multiple (1, 2, 3, 4, 6 or 12). +``` +itemsPerRow = '3'; +``` + +## KPI Settings + +KPI settings is a list of object that describes each KPI. +Available options are : +- `title` (string) : mandatory, name of the KPI, ex: 'City population' +- `select` (string) : mandatory, API V2 select, containing the calculation to perform, ex: 'sum(population)' or 'count(*)' +- `precision` (string) : optional, decimal precision of the KPI, ex: 2 +- `unit` (string) : optional, KPI unit, ex: 'citizens' +- `faicon` (stirng) : optional, FontAwesome icon id, ex: 'square-o' (omit the fa- prefix) + +[Please see the documentation for more information regarding the select](https://help.huwise.com/apis/ods-explore-v2/#section/Huwise-Query-Language-(ODSQL)) + +[Please see all available Fontawesome icons here](https://fontawesome.com/v4.7.0/icons/) + +``` +kpis = [ + { + 'title': 'Taille moyenne', + 'select': 'avg(surface), + 'precision': 2, + 'unit': 'm2', + 'faicon': 'square-o' + }, + { + 'title': 'Nombre d\'oeuvre référencées', + 'select': 'count(*)' + } + ]; +``` + +#### `sourceLinkLabel` + +sourceLinkLabel (string) : the label of the 'access to source' link + +``` +sourceLinkLabel = 'Direct access to the data'; +``` \ No newline at end of file diff --git a/content/generators/listing-generator/index.md b/content/generators/listing-generator/index.md index f5fedd4ff..4ce594164 100644 --- a/content/generators/listing-generator/index.md +++ b/content/generators/listing-generator/index.md @@ -1,8 +1,13 @@ --- title: "Listing Generator" +date: "2022-02-10T00:00:00+01:00" description: "Ideal for listing! Edit only a few settings to generate a modern looking visulization that uses ODS components and widgets." tags: ["display", "navigation", "list"] resources: - src: '*/' name: folder-:counter --- + +> The code of these resources is not meant to be modified. It requires good development skills and strong knowledge of widgets. Huwise will encourage to develop your own page if it doesn't suit your needs (and therefor won't provide support if you still try to modified it) + +Find [the complete documentation](/generators/listing-generator/#listing-generator-documentation) at the end of this page \ No newline at end of file diff --git a/content/generators/listing-generator/posthtml.inc b/content/generators/listing-generator/posthtml.inc index cd4d9bd8d..42925e7b2 100644 --- a/content/generators/listing-generator/posthtml.inc +++ b/content/generators/listing-generator/posthtml.inc @@ -1,375 +1,388 @@ - DO_NOT_MODIFY_BELOW; - - ctxfields = {}; - values = {}; - activeFilters = {}; - "> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - {{ctxdate.parameters={'q.date': fieldDate + '>#now()'};''}} - - -

- {{ ctx.dataset.metas.title }} -

- -

- - - {{ ctxfields[field.name] = field.label; '' }} - - - - {{ ctx.parameters['refine.' + filter.id] = activeFilters[filter.id] ; '' }} - - -
- -
- - - -
- - -
-
- {{ ctx.parameters['disjunctive.' + filter.id] = true; '' }} -
- -
-
- -
-
- {{ resetFiltersButtonLabel }} - -
-
-
- - -
- - - - {{ values['periode']['min'] = dateminmax.results[0].x.year + '-' + (10 > dateminmax.results[0].x.month?'0':'') + dateminmax.results[0].x.month + '-' + (10 > dateminmax.results[0].x.day?'0':'') + dateminmax.results[0].x.day; - values['periode']['max'] = dateminmax.results[dateminmax.results.length-1].x.year + '-' + (10 > dateminmax.results[dateminmax.results.length-1].x.month?'0':'') + dateminmax.results[dateminmax.results.length-1].x.month + '-' + (10 > dateminmax.results[dateminmax.results.length-1].x.day?'0':'') + dateminmax.results[dateminmax.results.length-1].x.day; - ''}} - + + DO_NOT_MODIFY_BELOW; + + localctxfields = {}; + values = {}; + activeFilters = {}; + localctx = undefined; + "> + + + {{ localctx = ctx || localctx ; '' }} + + + + + + {{localctx.parameters['sort'] = sort; ''}} + + + + {{localctxdate.parameters={'q.date': fieldDate + '>#now()'}; ''}} + + +
+

+ {{ localctx.dataset.metas.title }} +

+ +

+
+ + + {{ localctxfields[field.name] = field.label; '' }} - - - - - - -
- Toute la période -
- -
-
- - -
-
- -
- -

- {{ (agg || 0) | number : (kpi.precision || 0) }} - {{ kpi.unit }} -

-

- {{ kpi.title }} -

-
-
-
- - -
-
- - - - - - - - - - - - - -
{{ ctxfields[field] }}
- {{ item.fields[field] }} - - - - - - - - - - - -
-
-
- - -
-
-
-
-
-
-
-

- {{ item.fields[cardTitle] }} -

-
-
-
{{ ctxfields[field] }}
-
{{ item.fields[field] }}
-
-
-
- - - {{ fieldLinkLabel }} - - - - - {{ fieldLinkLabel }} - -
-
-
-
-
-
- - Accéder aux données source +
+ + {{ localctx.parameters['refine.' + filter.id] = activeFilters[filter.id] ; '' }} + +
+ +
+ +
+ + + +
+ + +
+
+ {{ localctx.parameters['disjunctive.' + filter.id] = true; '' }} +
+ +
+
+ +
+ +
+
+ + +
+ + + + {{ values['periode']['min'] = dateminmax.results[0].x.year + '-' + (10 > dateminmax.results[0].x.month?'0':'') + dateminmax.results[0].x.month + '-' + (10 > dateminmax.results[0].x.day?'0':'') + dateminmax.results[0].x.day; + values['periode']['max'] = dateminmax.results[dateminmax.results.length-1].x.year + '-' + (10 > dateminmax.results[dateminmax.results.length-1].x.month?'0':'') + dateminmax.results[dateminmax.results.length-1].x.month + '-' + (10 > dateminmax.results[dateminmax.results.length-1].x.day?'0':'') + dateminmax.results[dateminmax.results.length-1].x.day; + ''}} + + + + + + + + + + + +
+
+ + +
+
+ +
+ +

+ {{ (agg[0].x || 0) | number : (kpi.precision || 0) }} + {{ kpi.unit }} +

+

+ {{ kpi.title }} +

+
+
+
+ + + + + +
+
+ + + {{ localctx.parameters['start'] = + (localctx.nhits - localctx.parameters['start']) <= 0 ? undefined : localctx.parameters['start'] ; '' }} + + + + + + + + + + + + + + +
{{ localctxfields[field] }}{{ fieldconfig.label || localctxfields[fieldconfig.field] }}
+ {{ item.fields[field] }} + + + + {{ item.fields[fieldconfig.field] | number : (fieldconfig.options.precision || 0) }} {{ fieldconfig.options.unit }} + + + {{ item.fields[fieldconfig.field] | date : (fieldconfig.options.dateFormat || 'mediumDate') }} + + + {{ item.fields[fieldconfig.field] }} + + + + + + + + + + + + + +
+
+
+ + + + +
+
+ +
+
+
+
+

+ {{ item.fields[$parent.$parent.$parent.$parent.$parent.cardTitle] }} +

+
+ +
+
+ {{ $parent.$parent.$parent.$parent.$parent.localctxfields[field] }} +
+
+ {{ item.fields[field] }} +
+
+ +
+
+ {{ (fieldconfig|keys).indexOf('label')>=0?fieldconfig.label : $parent.$parent.$parent.$parent.$parent.localctxfields[fieldconfig.field] }} +
+
+ + {{ item.fields[fieldconfig.field] | number : (fieldconfig.options.precision || 0) }} {{ fieldconfig.options.unit }} + + + {{ item.fields[fieldconfig.field] | date : (fieldconfig.options.dateFormat || 'mediumDate') }} + + + {{ item.fields[fieldconfig.field] }} + +
+
+
+
+ + + {{ $parent.$parent.$parent.$parent.$parent.fieldLinkLabel }} + + + + + {{ $parent.$parent.$parent.$parent.$parent.fieldLinkLabel }} + +
+
+
+ +
+
+ + + + + +
+
+ + + -
+ +
\ No newline at end of file diff --git a/content/generators/listing-generator/prehtml.inc b/content/generators/listing-generator/prehtml.inc index 427b02076..d6f3b3dbc 100644 --- a/content/generators/listing-generator/prehtml.inc +++ b/content/generators/listing-generator/prehtml.inc @@ -1,26 +1 @@ - - - - - -
Architecture religieuse,Religion > Christianisme,Art > Moyen Age,Habitat / Architecture > Vue intérieure|Arrondissement IV |Eglise, Vitraux |Autochrome |1911-1913 (?) |https://opendata.hauts-de-seine.fr/api/v2/catalog/datasets/archives-de-la-planete-paris/files/b43f9eefacb9cd0425b64b1dfc98182f|Vitraux du chœur de la chapelle haute de la Sainte-Chapelle |48.85535,2.345259 | +|opérateur non mentionné |Habitat / Architecture > Palais / Château|Arrondissement I/Louvre |Musée, Place |Autochrome |1911-1913 (?) |https://opendata.hauts-de-seine.fr/api/v2/catalog/datasets/archives-de-la-planete-paris/files/d9facf2c30be75bca06d0b827c7eba07|Aile Richelieu du Palais du Louvre depuis la place du Carrousel |48.861613,2.336221| +|opérateur non mentionné |Habitat / Architecture > Architecture civile publique,Sciences / Techniques > Astronomie|Arrondissement XIV | |Autochrome |1911-1913 (?) |https://opendata.hauts-de-seine.fr/api/v2/catalog/datasets/archives-de-la-planete-paris/files/f81844dadc15b884c63fe4350113101c|L'Observatoire vu de la rue Cassini |48.837325,2.336566| +|Fernand Cuvil |Activite économique > Industrie,Art > Moyen Age,Habitat / Architecture > Usine / atelier|Arrondissement XIII |Hôtel particulier|Autochrome |1911-1913 (?) |https://opendata.hauts-de-seine.fr/api/v2/catalog/datasets/archives-de-la-planete-paris/files/e46007bc138d98d7131395595f9bdfeb|L'hôtel de la reine Blanche au 17 rue des Gobelins |48.837518,2.351398| + diff --git a/content/generators/map-listing/index.md b/content/generators/map-listing/index.md index 6a62246a1..2bad26cbe 100644 --- a/content/generators/map-listing/index.md +++ b/content/generators/map-listing/index.md @@ -7,4 +7,6 @@ resources: name: folder-:counter --- +> Note: The listing generator V3 can now handle maps, pagination and other new features. We then recommend to use the [listing generator](/generators/listing-generator/) instead of this resource. + Edit only a few settings to generate a modern looking visualization that uses ODS components and widgets. diff --git a/content/generators/map-listing/posthtml.inc b/content/generators/map-listing/posthtml.inc index 275ae45fd..f0c23f98b 100644 --- a/content/generators/map-listing/posthtml.inc +++ b/content/generators/map-listing/posthtml.inc @@ -8,7 +8,7 @@ diff --git a/public/widget-tricks/heatmaps-vegalite/2/css.inc b/content/page-templates/advanced-search/1-recherche/css.inc similarity index 100% rename from public/widget-tricks/heatmaps-vegalite/2/css.inc rename to content/page-templates/advanced-search/1-recherche/css.inc diff --git a/content/page-templates/advanced-search/1-recherche/html.inc b/content/page-templates/advanced-search/1-recherche/html.inc new file mode 100644 index 000000000..bff760368 --- /dev/null +++ b/content/page-templates/advanced-search/1-recherche/html.inc @@ -0,0 +1,218 @@ + + +
+ {{ values.motcles = motcles ; '' }} +
+ +
+ {{ values.items = items ; '' }} +
+ +
+
+

+ Page de recherche avancée +

+ +
+ + +
+ +
+ + +
+ +
+ Type marché : {{ boamp.parameters['refine.type_marche_facette'] }} + + + +
+ +
+ Statut de l’avis : {{ boamp.parameters['q.etat_avis'] }} +
+ + +
+
+ + +
+
+ + +
+ + + {{ values.statut_avis == 0 ? boamp.parameters['q.etat_avis'] = '(NOT #null(datelimitereponse) AND datelimitereponse>="' + datedujour + '") OR (#null(datelimitereponse) AND datefindiffusion>="' + datedujour + '")' : '' ; '' }} + {{ values.statut_avis == 1 ? boamp.parameters['q.etat_avis'] = '(NOT #null(datelimitereponse) AND datelimitereponse<"' + datedujour + '") OR (#null(datelimitereponse) AND datefindiffusion<"' + datedujour + '")' : '' ; '' }} + {{ values.statut_avis == 2 ? boamp.parameters['q.etat_avis'] = null : '' ; '' }} +
+ +
+ + + +
+ +
+ + +
+ +
+ + + + + Date de publication + ( format : jj/mm/aaaa ) + +
+ +
+ +
+
    +
  • + +
    +

    + Annonce supprimée +

    +
    + + {{link_to_annonce = "https://userclub.huwise.com/pages/advanced-search-fiche?q=idweb:" + '"' + item.fields.idweb + '"' ; '' }} + +
    + +

    +     + +
    +
      +
    • + Objet : + +
      • +
    • + Département : + {{dept}} +
      • +
    • + Acheteur : +
      • + +
    • + Type d'avis : + + - + - rectificatif + - annulation + - rectificatif et annulation +
      • + +
    • + Procédure : + +
      • + +
    • + Date de parution : + + - date limite de réponse : + +
      • +
    +
    +
    +
    • +
+ + + +
+
+ + \ No newline at end of file diff --git a/content/page-templates/advanced-search/1-recherche/index.md b/content/page-templates/advanced-search/1-recherche/index.md new file mode 100644 index 000000000..d399fa2e7 --- /dev/null +++ b/content/page-templates/advanced-search/1-recherche/index.md @@ -0,0 +1,6 @@ +--- +title: "Advanced search with most common inputs - Search form" +date: 2023-08-09 +--- + + diff --git a/public/widget-tricks/heatmaps-vegalite/3/css.inc b/content/page-templates/advanced-search/2-fiche/css.inc similarity index 100% rename from public/widget-tricks/heatmaps-vegalite/3/css.inc rename to content/page-templates/advanced-search/2-fiche/css.inc diff --git a/content/page-templates/advanced-search/2-fiche/html.inc b/content/page-templates/advanced-search/2-fiche/html.inc new file mode 100644 index 000000000..c8d7102d3 --- /dev/null +++ b/content/page-templates/advanced-search/2-fiche/html.inc @@ -0,0 +1,467 @@ + + +
+ +

+ +

+ Date limite de réponse le {{date_str_FormatFr}} à {{time_display}} +

+

+ +
    +
  • + Objet : + +
    • +
  • + Département : + {{dept}} +
    • +
  • + Acheteur : +
    • + +
  • + Type d'avis : + + - + - rectificatif + - annulation + - rectificatif et annulation +
    • + +
  • + Procédure : + +
    • + +
  • + Date de parution : + + - date limite de réponse : + +
    • +
+ +

+ L’essentiel du marché +

+ + +
+
+ +
    +
  • +
    + + +
    • + +
  • + A l'attention de :
    + +
    • + +
  • + Adresse :
    + + + + +
    • + +
  • + Téléphone :
    + +
    • + +
  • + Poste :
    + +
    • + +
  • + Télécopieur :
    + +
    • + +
  • + Point(s) de contact :
    + +
    • + +
  • + Courriel :
    + +
    • + +
  • + + +
    + +
    • + +
  • + Adresse internet du profil d'acheteur :
    + +
    • + +
  • + Accès électronique à l'information :
    + +
    • + +
  • + Soumission des offres et des demandes de participation par voie électronique :
    + +
    • + + +
    +
  • + Objet du marché :
    + +
    • + + + + + +
  • + Lieu d'exécution des travaux, de livraison fournitures ou de prestation des services
    + +
    +
    • + +
  • + Autres caractéristiques et informations sur la nature et l'objet de la convention :
    + +
    • + +
  • + Durée de la délégation :
    + ans + mois + +
    • + +
  • + Date à partir de laquelle la convention prend effet :
    + +
    • + + + +
  • + Possibilité de présenter une offre pour :
    + un lot + un ou plusieurs lots + tous les lots +
    • + + + + + +
  • + + Renseignements relatifs aux lots :
    + + +
      +
    • + +
      +       + +
      • +
    + +
    • + + +
  • + Caractéristiques principales :
    + +
    • + +
  • + Quantité ou étendue :
    + +
    • + + +
    +
  • + L'avis implique l'établissement d'un accord-cadre +
    • + +
  • + La prestation est réservée à une profession particulière :
    + +
    • +
    +
+ +

+ Informations pratiques +

+ +
    +
  • + Date limite de réception des candidatures :
    + {{ date_str_FormatFr }} à {{time_display}} + + + +
    • + +
  • + Date limite de réception des offres :
    + + {{ date_str_FormatFr }} à {{time_display}} + + + + +
    • + + + +
  • + Délai minimum de validité des offres :
    + + + + mois + + et + + + jours + +
    • + + +
  • + Conditions de participations :
    + +
    • + + +
  • + Situation propre :
    +
    + Critères relatifs à la situation personnelle d'opérateurs économiques (susceptibles d'entraîner leur exclusion), y compris exigences relatives à leur inscription à un registre professionnel ou du commerce. Renseignements et formalités nécessaires pour évaluer si ces exigences sont remplies :
     + +
    + +
    + Critères relatifs à la situation personnelle de sous-traitants (susceptibles d'entraîner leur rejet), y compris exigences relatives à leur inscription à un registre professionnel ou du commerce. Renseignements et formalités nécessaires pour évaluer si ces exigences sont remplies :
     + +
    +
    • + + +
  • + Capacité économique et financière - références requises :
    +
      +
    • + + Critères relatifs à la situation économique et financière d'opérateurs économiques (susceptibles d'entraîner leur exclusion). Renseignements et formalités nécessaires pour évaluer si ces exigences sont remplies :
      +       + +
      • + +
    • + + Niveau(x) spécifique(s) minimal(aux) exigé(s) :
      +       + +
      • + +
    • + + Critères relatifs à la situation économique et financière de sous-traitants (susceptibles d'entraîner leur rejet). Renseignements et formalités nécessaires pour évaluer si ces exigences sont remplies :
      +       + +
      • + +
    • + + Niveau(x) spécifique(s) minimal(aux) exigé(s) : + + + +
      • + +
    +
    • + + +
  • + Référence professionnelle et/ou capacité technique - références requises :
    +
      +
    • + Critères relatifs à la capacité technique et/ou professionnelle d'opérateurs économiques (susceptibles d'entraîner leur exclusion). Renseignements et formalités nécessaires pour évaluer si ces exigences sont remplies : +
      +       + +
      • + +
    • + Niveau(x) spécifique(s) minimal(aux) exigé(s) : + + +
      • + +
    • + Critères relatifs à la capacité technique et/ou professionnelle de sous-traitants (susceptibles d'entraîner leur rejet). Renseignements et formalités nécessaires pour évaluer si ces exigences sont remplies : +
      +       + +
      • + +
    • + Niveau(x) spécifique(s) minimal(aux) exigé(s) : + + +
      • +
    +
    • + + + + +
  • + Conditions et mode de paiement pour obtenir les documents contractuels et additionnels :
    + + +
    +
      +
    • + date limite d'obtention :
      + + +
      • + +
    • + + Prix :
      + + +
      • +
    +
    +
    • + + + + + +
    + + + +
      +
    • + + Adresse auprès de laquelle les documents peuvent être obtenus :
       + Adresse à laquelle les offres/candidatures/projets/demandes de participation doivent être envoyés :
       + Adresse auprès de laquelle des renseignements d'ordre administratif peuvent être obtenus :
       + Adresse auprès de laquelle des renseignements d'ordre technique peuvent être obtenus :
       + Adresse auprès de laquelle des renseignements d'ordre administratif et technique peuvent être obtenus :
       + Adresse auprès de laquelle les documents peuvent être obtenus :
       + Adresse auprès de laquelle des renseignements complémentaires peuvent être obtenus :
       + +
      +
      +
      +
      + Correspondant :
      + Contact:
      + + + + + +
      +       + Poste :
      + Fax :
      + Courriel :
      + Adresse internet :
      + +
      + +
      • +
    +
    +
+
+ diff --git a/content/page-templates/advanced-search/2-fiche/index.md b/content/page-templates/advanced-search/2-fiche/index.md new file mode 100644 index 000000000..5bbbc9e58 --- /dev/null +++ b/content/page-templates/advanced-search/2-fiche/index.md @@ -0,0 +1,6 @@ +--- +title: "Advanced search with most common inputs - Details" +date: 2023-08-09 +--- + + diff --git a/content/page-templates/advanced-search/index.md b/content/page-templates/advanced-search/index.md new file mode 100644 index 000000000..a4eb2681c --- /dev/null +++ b/content/page-templates/advanced-search/index.md @@ -0,0 +1,12 @@ +--- +title: "Advanced search" +description: "A template to take advantage of AngularJs ng-model directives on HTML forms to develop advanced search pages." +date: 2023-08-09 +tags: ["search"] +draft: true +resources: +- src: '*/' + name: folder-:counter +--- + +This example demonstrate how to get the value of HTML form inputs and use them to filter a context. \ No newline at end of file diff --git a/content/page-templates/css-grid-framework/0-benefits/css.inc b/content/page-templates/css-grid-framework/0-benefits/css.inc index 8ebff36dd..f6e1a56ad 100644 --- a/content/page-templates/css-grid-framework/0-benefits/css.inc +++ b/content/page-templates/css-grid-framework/0-benefits/css.inc @@ -1,9 +1,9 @@ /** * License: MIT License * Generated on 25 May 2021 - * Author: Fpassaniti for Opendatasoft + * Author: Fpassaniti for Huwise * Version: 0.1 - * Description: CSS Grid framework for Opendatasoft pages (and more). Go to http://codelibrary.opendatasoft.com/ for more information (doc & examples). + * Description: CSS Grid framework for Huwise pages (and more). Go to http://codelibrary.huwise.com/ for more information (doc & examples). */ [class^=grid]{display:grid;grid-gap:1rem}.grid-auto,.grid-auto-flow,.grid-cols-auto-flow{grid-auto-flow:column}.grid-rows-auto-flow{grid-auto-flow:row}.grid-cols-fit,.grid-fit{grid-auto-columns:max-content}.grid-rows-fit{grid-auto-rows:max-content}.grid-2,.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4,.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5,.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-6,.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-7,.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-8,.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-9,.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-10,.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-11,.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-12,.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-none{grid-template-columns:none}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.grid-rows-none{grid-template-rows:none}[class*=":cell"],[class^=cell]{display:flex;flex-direction:column;justify-content:stretch}.cell-auto,.cell-span-auto{grid-column:auto}.cell-full,.cell-span-full{grid-column:1/-1}.cell-1,.cell-span-1{grid-column:span 1/span 1}.cell-2,.cell-span-2{grid-column:span 2/span 2}.cell-3,.cell-span-3{grid-column:span 3/span 3}.cell-4,.cell-span-4{grid-column:span 4/span 4}.cell-5,.cell-span-5{grid-column:span 5/span 5}.cell-6,.cell-span-6{grid-column:span 6/span 6}.cell-7,.cell-span-7{grid-column:span 7/span 7}.cell-8,.cell-span-8{grid-column:span 8/span 8}.cell-9,.cell-span-9{grid-column:span 9/span 9}.cell-10,.cell-span-10{grid-column:span 10/span 10}.cell-11,.cell-span-11{grid-column:span 11/span 11}.cell-12,.cell-span-12{grid-column:span 12/span 12}.cell-row-auto{grid-row:auto}.cell-row-full{grid-row:1/-1}.cell-row-1,.cell-row-span-1{grid-row:span 1/span 1}.cell-row-2,.cell-row-span-2{grid-row:span 2/span 2}.cell-row-3,.cell-row-span-3{grid-row:span 3/span 3}.cell-row-4,.cell-row-span-4{grid-row:span 4/span 4}.cell-row-5,.cell-row-span-5{grid-row:span 5/span 5}.cell-row-6,.cell-row-span-6{grid-row:span 6/span 6}.cell-col-start-1,.cell-start-1{grid-column-start:1}.cell-col-end-1,.cell-end-1{grid-column-end:1}.cell-col-start-2,.cell-start-2{grid-column-start:2}.cell-col-end-2,.cell-end-2{grid-column-end:2}.cell-col-start-3,.cell-start-3{grid-column-start:3}.cell-col-end-3,.cell-end-3{grid-column-end:3}.cell-col-start-4,.cell-start-4{grid-column-start:4}.cell-col-end-4,.cell-end-4{grid-column-end:4}.cell-col-start-5,.cell-start-5{grid-column-start:5}.cell-col-end-5,.cell-end-5{grid-column-end:5}.cell-col-start-6,.cell-start-6{grid-column-start:6}.cell-col-end-6,.cell-end-6{grid-column-end:6}.cell-col-start-7,.cell-start-7{grid-column-start:7}.cell-col-end-7,.cell-end-7{grid-column-end:7}.cell-col-start-8,.cell-start-8{grid-column-start:8}.cell-col-end-8,.cell-end-8{grid-column-end:8}.cell-col-start-9,.cell-start-9{grid-column-start:9}.cell-col-end-9,.cell-end-9{grid-column-end:9}.cell-col-start-10,.cell-start-10{grid-column-start:10}.cell-col-end-10,.cell-end-10{grid-column-end:10}.cell-col-start-11,.cell-start-11{grid-column-start:11}.cell-col-end-11,.cell-end-11{grid-column-end:11}.cell-col-start-12,.cell-start-12{grid-column-start:12}.cell-col-end-12,.cell-end-12{grid-column-end:12}.cell-col-start-13,.cell-start-13{grid-column-start:13}.cell-col-end-13,.cell-end-13{grid-column-end:13}.cell-row-start-1{grid-row-start:1}.cell-row-end-1{grid-row-end:1}.cell-row-start-2{grid-row-start:2}.cell-row-end-2{grid-row-end:2}.cell-row-start-3{grid-row-start:3}.cell-row-end-3{grid-row-end:3}.cell-row-start-4{grid-row-start:4}.cell-row-end-4{grid-row-end:4}.cell-row-start-5{grid-row-start:5}.cell-row-end-5{grid-row-end:5}.cell-row-start-6{grid-row-start:6}.cell-row-end-6{grid-row-end:6}.cell-row-start-7{grid-row-start:7}.cell-row-end-7{grid-row-end:7}.cell-order-first{order:-9999}.cell-order-last{order:9999}.cell-order-none{order:0}.cell-order-1{order:1}.cell-order-2{order:2}.cell-order-3{order:3}.cell-order-4{order:4}.cell-order-5{order:5}.cell-order-6{order:6}.cell-order-7{order:7}.cell-order-8{order:8}.cell-order-9{order:9}.cell-order-10{order:10}.cell-order-11{order:11}.cell-order-12{order:12}@media screen and (min-width:640px),print{.sm\:grid-2,.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-3,.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-4,.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-5,.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-6,.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-7,.sm\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.sm\:grid-8,.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:grid-9,.sm\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.sm\:grid-10,.sm\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.sm\:grid-11,.sm\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.sm\:grid-12,.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\:grid-cols-none{grid-template-columns:none}.sm\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.sm\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.sm\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.sm\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.sm\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.sm\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.sm\:grid-rows-none{grid-template-rows:none}.sm\:cell-auto,.sm\:cell-span-auto{grid-column:auto}.sm\:cell-full,.sm\:cell-span-full{grid-column:1/-1}.sm\:cell-1,.sm\:cell-span-1{grid-column:span 1/span 1}.sm\:cell-2,.sm\:cell-span-2{grid-column:span 2/span 2}.sm\:cell-3,.sm\:cell-span-3{grid-column:span 3/span 3}.sm\:cell-4,.sm\:cell-span-4{grid-column:span 4/span 4}.sm\:cell-5,.sm\:cell-span-5{grid-column:span 5/span 5}.sm\:cell-6,.sm\:cell-span-6{grid-column:span 6/span 6}.sm\:cell-7,.sm\:cell-span-7{grid-column:span 7/span 7}.sm\:cell-8,.sm\:cell-span-8{grid-column:span 8/span 8}.sm\:cell-9,.sm\:cell-span-9{grid-column:span 9/span 9}.sm\:cell-10,.sm\:cell-span-10{grid-column:span 10/span 10}.sm\:cell-11,.sm\:cell-span-11{grid-column:span 11/span 11}.sm\:cell-12,.sm\:cell-span-12{grid-column:span 12/span 12}.sm\:cell-row-auto{grid-row:auto}.sm\:cell-row-full{grid-row:1/-1}.sm\:cell-row-1,.sm\:cell-row-span-1{grid-row:span 1/span 1}.sm\:cell-row-2,.sm\:cell-row-span-2{grid-row:span 2/span 2}.sm\:cell-row-3,.sm\:cell-row-span-3{grid-row:span 3/span 3}.sm\:cell-row-4,.sm\:cell-row-span-4{grid-row:span 4/span 4}.sm\:cell-row-5,.sm\:cell-row-span-5{grid-row:span 5/span 5}.sm\:cell-row-6,.sm\:cell-row-span-6{grid-row:span 6/span 6}.sm\:cell-col-start-1,.sm\:cell-start-1{grid-column-start:1}.sm\:cell-col-end-1,.sm\:cell-end-1{grid-column-end:1}.sm\:cell-col-start-2,.sm\:cell-start-2{grid-column-start:2}.sm\:cell-col-end-2,.sm\:cell-end-2{grid-column-end:2}.sm\:cell-col-start-3,.sm\:cell-start-3{grid-column-start:3}.sm\:cell-col-end-3,.sm\:cell-end-3{grid-column-end:3}.sm\:cell-col-start-4,.sm\:cell-start-4{grid-column-start:4}.sm\:cell-col-end-4,.sm\:cell-end-4{grid-column-end:4}.sm\:cell-col-start-5,.sm\:cell-start-5{grid-column-start:5}.sm\:cell-col-end-5,.sm\:cell-end-5{grid-column-end:5}.sm\:cell-col-start-6,.sm\:cell-start-6{grid-column-start:6}.sm\:cell-col-end-6,.sm\:cell-end-6{grid-column-end:6}.sm\:cell-col-start-7,.sm\:cell-start-7{grid-column-start:7}.sm\:cell-col-end-7,.sm\:cell-end-7{grid-column-end:7}.sm\:cell-col-start-8,.sm\:cell-start-8{grid-column-start:8}.sm\:cell-col-end-8,.sm\:cell-end-8{grid-column-end:8}.sm\:cell-col-start-9,.sm\:cell-start-9{grid-column-start:9}.sm\:cell-col-end-9,.sm\:cell-end-9{grid-column-end:9}.sm\:cell-col-start-10,.sm\:cell-start-10{grid-column-start:10}.sm\:cell-col-end-10,.sm\:cell-end-10{grid-column-end:10}.sm\:cell-col-start-11,.sm\:cell-start-11{grid-column-start:11}.sm\:cell-col-end-11,.sm\:cell-end-11{grid-column-end:11}.sm\:cell-col-start-12,.sm\:cell-start-12{grid-column-start:12}.sm\:cell-col-end-12,.sm\:cell-end-12{grid-column-end:12}.sm\:cell-col-start-13,.sm\:cell-start-13{grid-column-start:13}.sm\:cell-col-end-13,.sm\:cell-end-13{grid-column-end:13}.sm\:cell-row-start-1{grid-row-start:1}.sm\:cell-row-end-1{grid-row-end:1}.sm\:cell-row-start-2{grid-row-start:2}.sm\:cell-row-end-2{grid-row-end:2}.sm\:cell-row-start-3{grid-row-start:3}.sm\:cell-row-end-3{grid-row-end:3}.sm\:cell-row-start-4{grid-row-start:4}.sm\:cell-row-end-4{grid-row-end:4}.sm\:cell-row-start-5{grid-row-start:5}.sm\:cell-row-end-5{grid-row-end:5}.sm\:cell-row-start-6{grid-row-start:6}.sm\:cell-row-end-6{grid-row-end:6}.sm\:cell-row-start-7{grid-row-start:7}.sm\:cell-row-end-7{grid-row-end:7}.sm\:cell-order-first{order:-9999}.sm\:cell-order-last{order:9999}.sm\:cell-order-none{order:0}.sm\:cell-order-1{order:1}.sm\:cell-order-2{order:2}.sm\:cell-order-3{order:3}.sm\:cell-order-4{order:4}.sm\:cell-order-5{order:5}.sm\:cell-order-6{order:6}.sm\:cell-order-7{order:7}.sm\:cell-order-8{order:8}.sm\:cell-order-9{order:9}.sm\:cell-order-10{order:10}.sm\:cell-order-11{order:11}.sm\:cell-order-12{order:12}}@media screen and (min-width:768px),print{.md\:grid-2,.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-3,.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-4,.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-5,.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-6,.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-7,.md\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\:grid-8,.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:grid-9,.md\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.md\:grid-10,.md\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\:grid-11,.md\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.md\:grid-12,.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-none{grid-template-columns:none}.md\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.md\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.md\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.md\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.md\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.md\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.md\:grid-rows-none{grid-template-rows:none}.md\:cell-auto,.md\:cell-span-auto{grid-column:auto}.md\:cell-full,.md\:cell-span-full{grid-column:1/-1}.md\:cell-1,.md\:cell-span-1{grid-column:span 1/span 1}.md\:cell-2,.md\:cell-span-2{grid-column:span 2/span 2}.md\:cell-3,.md\:cell-span-3{grid-column:span 3/span 3}.md\:cell-4,.md\:cell-span-4{grid-column:span 4/span 4}.md\:cell-5,.md\:cell-span-5{grid-column:span 5/span 5}.md\:cell-6,.md\:cell-span-6{grid-column:span 6/span 6}.md\:cell-7,.md\:cell-span-7{grid-column:span 7/span 7}.md\:cell-8,.md\:cell-span-8{grid-column:span 8/span 8}.md\:cell-9,.md\:cell-span-9{grid-column:span 9/span 9}.md\:cell-10,.md\:cell-span-10{grid-column:span 10/span 10}.md\:cell-11,.md\:cell-span-11{grid-column:span 11/span 11}.md\:cell-12,.md\:cell-span-12{grid-column:span 12/span 12}.md\:cell-row-auto{grid-row:auto}.md\:cell-row-full{grid-row:1/-1}.md\:cell-row-1,.md\:cell-row-span-1{grid-row:span 1/span 1}.md\:cell-row-2,.md\:cell-row-span-2{grid-row:span 2/span 2}.md\:cell-row-3,.md\:cell-row-span-3{grid-row:span 3/span 3}.md\:cell-row-4,.md\:cell-row-span-4{grid-row:span 4/span 4}.md\:cell-row-5,.md\:cell-row-span-5{grid-row:span 5/span 5}.md\:cell-row-6,.md\:cell-row-span-6{grid-row:span 6/span 6}.md\:cell-col-start-1,.md\:cell-start-1{grid-column-start:1}.md\:cell-col-end-1,.md\:cell-end-1{grid-column-end:1}.md\:cell-col-start-2,.md\:cell-start-2{grid-column-start:2}.md\:cell-col-end-2,.md\:cell-end-2{grid-column-end:2}.md\:cell-col-start-3,.md\:cell-start-3{grid-column-start:3}.md\:cell-col-end-3,.md\:cell-end-3{grid-column-end:3}.md\:cell-col-start-4,.md\:cell-start-4{grid-column-start:4}.md\:cell-col-end-4,.md\:cell-end-4{grid-column-end:4}.md\:cell-col-start-5,.md\:cell-start-5{grid-column-start:5}.md\:cell-col-end-5,.md\:cell-end-5{grid-column-end:5}.md\:cell-col-start-6,.md\:cell-start-6{grid-column-start:6}.md\:cell-col-end-6,.md\:cell-end-6{grid-column-end:6}.md\:cell-col-start-7,.md\:cell-start-7{grid-column-start:7}.md\:cell-col-end-7,.md\:cell-end-7{grid-column-end:7}.md\:cell-col-start-8,.md\:cell-start-8{grid-column-start:8}.md\:cell-col-end-8,.md\:cell-end-8{grid-column-end:8}.md\:cell-col-start-9,.md\:cell-start-9{grid-column-start:9}.md\:cell-col-end-9,.md\:cell-end-9{grid-column-end:9}.md\:cell-col-start-10,.md\:cell-start-10{grid-column-start:10}.md\:cell-col-end-10,.md\:cell-end-10{grid-column-end:10}.md\:cell-col-start-11,.md\:cell-start-11{grid-column-start:11}.md\:cell-col-end-11,.md\:cell-end-11{grid-column-end:11}.md\:cell-col-start-12,.md\:cell-start-12{grid-column-start:12}.md\:cell-col-end-12,.md\:cell-end-12{grid-column-end:12}.md\:cell-col-start-13,.md\:cell-start-13{grid-column-start:13}.md\:cell-col-end-13,.md\:cell-end-13{grid-column-end:13}.md\:cell-row-start-1{grid-row-start:1}.md\:cell-row-end-1{grid-row-end:1}.md\:cell-row-start-2{grid-row-start:2}.md\:cell-row-end-2{grid-row-end:2}.md\:cell-row-start-3{grid-row-start:3}.md\:cell-row-end-3{grid-row-end:3}.md\:cell-row-start-4{grid-row-start:4}.md\:cell-row-end-4{grid-row-end:4}.md\:cell-row-start-5{grid-row-start:5}.md\:cell-row-end-5{grid-row-end:5}.md\:cell-row-start-6{grid-row-start:6}.md\:cell-row-end-6{grid-row-end:6}.md\:cell-row-start-7{grid-row-start:7}.md\:cell-row-end-7{grid-row-end:7}.md\:cell-order-first{order:-9999}.md\:cell-order-last{order:9999}.md\:cell-order-none{order:0}.md\:cell-order-1{order:1}.md\:cell-order-2{order:2}.md\:cell-order-3{order:3}.md\:cell-order-4{order:4}.md\:cell-order-5{order:5}.md\:cell-order-6{order:6}.md\:cell-order-7{order:7}.md\:cell-order-8{order:8}.md\:cell-order-9{order:9}.md\:cell-order-10{order:10}.md\:cell-order-11{order:11}.md\:cell-order-12{order:12}}@media screen and (min-width:1024px),print{.lg\:grid-2,.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-3,.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-4,.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-5,.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-6,.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-7,.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-8,.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:grid-9,.lg\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.lg\:grid-10,.lg\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:grid-11,.lg\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lg\:grid-12,.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-none{grid-template-columns:none}.lg\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.lg\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.lg\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.lg\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.lg\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.lg\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.lg\:grid-rows-none{grid-template-rows:none}.lg\:cell-auto,.lg\:cell-span-auto{grid-column:auto}.lg\:cell-full,.lg\:cell-span-full{grid-column:1/-1}.lg\:cell-1,.lg\:cell-span-1{grid-column:span 1/span 1}.lg\:cell-2,.lg\:cell-span-2{grid-column:span 2/span 2}.lg\:cell-3,.lg\:cell-span-3{grid-column:span 3/span 3}.lg\:cell-4,.lg\:cell-span-4{grid-column:span 4/span 4}.lg\:cell-5,.lg\:cell-span-5{grid-column:span 5/span 5}.lg\:cell-6,.lg\:cell-span-6{grid-column:span 6/span 6}.lg\:cell-7,.lg\:cell-span-7{grid-column:span 7/span 7}.lg\:cell-8,.lg\:cell-span-8{grid-column:span 8/span 8}.lg\:cell-9,.lg\:cell-span-9{grid-column:span 9/span 9}.lg\:cell-10,.lg\:cell-span-10{grid-column:span 10/span 10}.lg\:cell-11,.lg\:cell-span-11{grid-column:span 11/span 11}.lg\:cell-12,.lg\:cell-span-12{grid-column:span 12/span 12}.lg\:cell-row-auto{grid-row:auto}.lg\:cell-row-full{grid-row:1/-1}.lg\:cell-row-1,.lg\:cell-row-span-1{grid-row:span 1/span 1}.lg\:cell-row-2,.lg\:cell-row-span-2{grid-row:span 2/span 2}.lg\:cell-row-3,.lg\:cell-row-span-3{grid-row:span 3/span 3}.lg\:cell-row-4,.lg\:cell-row-span-4{grid-row:span 4/span 4}.lg\:cell-row-5,.lg\:cell-row-span-5{grid-row:span 5/span 5}.lg\:cell-row-6,.lg\:cell-row-span-6{grid-row:span 6/span 6}.lg\:cell-col-start-1,.lg\:cell-start-1{grid-column-start:1}.lg\:cell-col-end-1,.lg\:cell-end-1{grid-column-end:1}.lg\:cell-col-start-2,.lg\:cell-start-2{grid-column-start:2}.lg\:cell-col-end-2,.lg\:cell-end-2{grid-column-end:2}.lg\:cell-col-start-3,.lg\:cell-start-3{grid-column-start:3}.lg\:cell-col-end-3,.lg\:cell-end-3{grid-column-end:3}.lg\:cell-col-start-4,.lg\:cell-start-4{grid-column-start:4}.lg\:cell-col-end-4,.lg\:cell-end-4{grid-column-end:4}.lg\:cell-col-start-5,.lg\:cell-start-5{grid-column-start:5}.lg\:cell-col-end-5,.lg\:cell-end-5{grid-column-end:5}.lg\:cell-col-start-6,.lg\:cell-start-6{grid-column-start:6}.lg\:cell-col-end-6,.lg\:cell-end-6{grid-column-end:6}.lg\:cell-col-start-7,.lg\:cell-start-7{grid-column-start:7}.lg\:cell-col-end-7,.lg\:cell-end-7{grid-column-end:7}.lg\:cell-col-start-8,.lg\:cell-start-8{grid-column-start:8}.lg\:cell-col-end-8,.lg\:cell-end-8{grid-column-end:8}.lg\:cell-col-start-9,.lg\:cell-start-9{grid-column-start:9}.lg\:cell-col-end-9,.lg\:cell-end-9{grid-column-end:9}.lg\:cell-col-start-10,.lg\:cell-start-10{grid-column-start:10}.lg\:cell-col-end-10,.lg\:cell-end-10{grid-column-end:10}.lg\:cell-col-start-11,.lg\:cell-start-11{grid-column-start:11}.lg\:cell-col-end-11,.lg\:cell-end-11{grid-column-end:11}.lg\:cell-col-start-12,.lg\:cell-start-12{grid-column-start:12}.lg\:cell-col-end-12,.lg\:cell-end-12{grid-column-end:12}.lg\:cell-col-start-13,.lg\:cell-start-13{grid-column-start:13}.lg\:cell-col-end-13,.lg\:cell-end-13{grid-column-end:13}.lg\:cell-row-start-1{grid-row-start:1}.lg\:cell-row-end-1{grid-row-end:1}.lg\:cell-row-start-2{grid-row-start:2}.lg\:cell-row-end-2{grid-row-end:2}.lg\:cell-row-start-3{grid-row-start:3}.lg\:cell-row-end-3{grid-row-end:3}.lg\:cell-row-start-4{grid-row-start:4}.lg\:cell-row-end-4{grid-row-end:4}.lg\:cell-row-start-5{grid-row-start:5}.lg\:cell-row-end-5{grid-row-end:5}.lg\:cell-row-start-6{grid-row-start:6}.lg\:cell-row-end-6{grid-row-end:6}.lg\:cell-row-start-7{grid-row-start:7}.lg\:cell-row-end-7{grid-row-end:7}.lg\:cell-order-first{order:-9999}.lg\:cell-order-last{order:9999}.lg\:cell-order-none{order:0}.lg\:cell-order-1{order:1}.lg\:cell-order-2{order:2}.lg\:cell-order-3{order:3}.lg\:cell-order-4{order:4}.lg\:cell-order-5{order:5}.lg\:cell-order-6{order:6}.lg\:cell-order-7{order:7}.lg\:cell-order-8{order:8}.lg\:cell-order-9{order:9}.lg\:cell-order-10{order:10}.lg\:cell-order-11{order:11}.lg\:cell-order-12{order:12}}.gap-px{gap:1px}.gap-x-px{column-gap:1px}.gap-y-px{row-gap:1px}.gap-0,.gap-0 [class^=grid]{gap:0}.gap-x-0,.gap-x-0 [class^=grid]{column-gap:0}.gap-y-0,.gap-y-0 [class^=grid]{row-gap:0}.gap-1,.gap-1 [class^=grid]{gap:.25rem}.gap-x-1,.gap-x-1 [class^=grid]{column-gap:.25rem}.gap-y-1,.gap-y-1 [class^=grid]{row-gap:.25rem}.gap-2,.gap-2 [class^=grid]{gap:.5rem}.gap-x-2,.gap-x-2 [class^=grid]{column-gap:.5rem}.gap-y-2,.gap-y-2 [class^=grid]{row-gap:.5rem}.gap-3,.gap-3 [class^=grid]{gap:.75rem}.gap-x-3,.gap-x-3 [class^=grid]{column-gap:.75rem}.gap-y-3,.gap-y-3 [class^=grid]{row-gap:.75rem}.gap-4,.gap-4 [class^=grid]{gap:1rem}.gap-x-4,.gap-x-4 [class^=grid]{column-gap:1rem}.gap-y-4,.gap-y-4 [class^=grid]{row-gap:1rem}.gap-5,.gap-5 [class^=grid]{gap:1.25rem}.gap-x-5,.gap-x-5 [class^=grid]{column-gap:1.25rem}.gap-y-5,.gap-y-5 [class^=grid]{row-gap:1.25rem}.gap-6,.gap-6 [class^=grid]{gap:1.5rem}.gap-x-6,.gap-x-6 [class^=grid]{column-gap:1.5rem}.gap-y-6,.gap-y-6 [class^=grid]{row-gap:1.5rem}.gap-7,.gap-7 [class^=grid]{gap:1.75rem}.gap-x-7,.gap-x-7 [class^=grid]{column-gap:1.75rem}.gap-y-7,.gap-y-7 [class^=grid]{row-gap:1.75rem}.gap-8,.gap-8 [class^=grid]{gap:2rem}.gap-x-8,.gap-x-8 [class^=grid]{column-gap:2rem}.gap-y-8,.gap-y-8 [class^=grid]{row-gap:2rem}.gap-9,.gap-9 [class^=grid]{gap:2.25rem}.gap-x-9,.gap-x-9 [class^=grid]{column-gap:2.25rem}.gap-y-9,.gap-y-9 [class^=grid]{row-gap:2.25rem}.gap-10,.gap-10 [class^=grid]{gap:2.5rem}.gap-x-10,.gap-x-10 [class^=grid]{column-gap:2.5rem}.gap-y-10,.gap-y-10 [class^=grid]{row-gap:2.5rem} diff --git a/content/page-templates/css-grid-framework/1-grid/css.inc b/content/page-templates/css-grid-framework/1-grid/css.inc index 8ebff36dd..f6e1a56ad 100644 --- a/content/page-templates/css-grid-framework/1-grid/css.inc +++ b/content/page-templates/css-grid-framework/1-grid/css.inc @@ -1,9 +1,9 @@ /** * License: MIT License * Generated on 25 May 2021 - * Author: Fpassaniti for Opendatasoft + * Author: Fpassaniti for Huwise * Version: 0.1 - * Description: CSS Grid framework for Opendatasoft pages (and more). Go to http://codelibrary.opendatasoft.com/ for more information (doc & examples). + * Description: CSS Grid framework for Huwise pages (and more). Go to http://codelibrary.huwise.com/ for more information (doc & examples). */ [class^=grid]{display:grid;grid-gap:1rem}.grid-auto,.grid-auto-flow,.grid-cols-auto-flow{grid-auto-flow:column}.grid-rows-auto-flow{grid-auto-flow:row}.grid-cols-fit,.grid-fit{grid-auto-columns:max-content}.grid-rows-fit{grid-auto-rows:max-content}.grid-2,.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4,.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5,.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-6,.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-7,.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-8,.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-9,.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-10,.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-11,.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-12,.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-none{grid-template-columns:none}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.grid-rows-none{grid-template-rows:none}[class*=":cell"],[class^=cell]{display:flex;flex-direction:column;justify-content:stretch}.cell-auto,.cell-span-auto{grid-column:auto}.cell-full,.cell-span-full{grid-column:1/-1}.cell-1,.cell-span-1{grid-column:span 1/span 1}.cell-2,.cell-span-2{grid-column:span 2/span 2}.cell-3,.cell-span-3{grid-column:span 3/span 3}.cell-4,.cell-span-4{grid-column:span 4/span 4}.cell-5,.cell-span-5{grid-column:span 5/span 5}.cell-6,.cell-span-6{grid-column:span 6/span 6}.cell-7,.cell-span-7{grid-column:span 7/span 7}.cell-8,.cell-span-8{grid-column:span 8/span 8}.cell-9,.cell-span-9{grid-column:span 9/span 9}.cell-10,.cell-span-10{grid-column:span 10/span 10}.cell-11,.cell-span-11{grid-column:span 11/span 11}.cell-12,.cell-span-12{grid-column:span 12/span 12}.cell-row-auto{grid-row:auto}.cell-row-full{grid-row:1/-1}.cell-row-1,.cell-row-span-1{grid-row:span 1/span 1}.cell-row-2,.cell-row-span-2{grid-row:span 2/span 2}.cell-row-3,.cell-row-span-3{grid-row:span 3/span 3}.cell-row-4,.cell-row-span-4{grid-row:span 4/span 4}.cell-row-5,.cell-row-span-5{grid-row:span 5/span 5}.cell-row-6,.cell-row-span-6{grid-row:span 6/span 6}.cell-col-start-1,.cell-start-1{grid-column-start:1}.cell-col-end-1,.cell-end-1{grid-column-end:1}.cell-col-start-2,.cell-start-2{grid-column-start:2}.cell-col-end-2,.cell-end-2{grid-column-end:2}.cell-col-start-3,.cell-start-3{grid-column-start:3}.cell-col-end-3,.cell-end-3{grid-column-end:3}.cell-col-start-4,.cell-start-4{grid-column-start:4}.cell-col-end-4,.cell-end-4{grid-column-end:4}.cell-col-start-5,.cell-start-5{grid-column-start:5}.cell-col-end-5,.cell-end-5{grid-column-end:5}.cell-col-start-6,.cell-start-6{grid-column-start:6}.cell-col-end-6,.cell-end-6{grid-column-end:6}.cell-col-start-7,.cell-start-7{grid-column-start:7}.cell-col-end-7,.cell-end-7{grid-column-end:7}.cell-col-start-8,.cell-start-8{grid-column-start:8}.cell-col-end-8,.cell-end-8{grid-column-end:8}.cell-col-start-9,.cell-start-9{grid-column-start:9}.cell-col-end-9,.cell-end-9{grid-column-end:9}.cell-col-start-10,.cell-start-10{grid-column-start:10}.cell-col-end-10,.cell-end-10{grid-column-end:10}.cell-col-start-11,.cell-start-11{grid-column-start:11}.cell-col-end-11,.cell-end-11{grid-column-end:11}.cell-col-start-12,.cell-start-12{grid-column-start:12}.cell-col-end-12,.cell-end-12{grid-column-end:12}.cell-col-start-13,.cell-start-13{grid-column-start:13}.cell-col-end-13,.cell-end-13{grid-column-end:13}.cell-row-start-1{grid-row-start:1}.cell-row-end-1{grid-row-end:1}.cell-row-start-2{grid-row-start:2}.cell-row-end-2{grid-row-end:2}.cell-row-start-3{grid-row-start:3}.cell-row-end-3{grid-row-end:3}.cell-row-start-4{grid-row-start:4}.cell-row-end-4{grid-row-end:4}.cell-row-start-5{grid-row-start:5}.cell-row-end-5{grid-row-end:5}.cell-row-start-6{grid-row-start:6}.cell-row-end-6{grid-row-end:6}.cell-row-start-7{grid-row-start:7}.cell-row-end-7{grid-row-end:7}.cell-order-first{order:-9999}.cell-order-last{order:9999}.cell-order-none{order:0}.cell-order-1{order:1}.cell-order-2{order:2}.cell-order-3{order:3}.cell-order-4{order:4}.cell-order-5{order:5}.cell-order-6{order:6}.cell-order-7{order:7}.cell-order-8{order:8}.cell-order-9{order:9}.cell-order-10{order:10}.cell-order-11{order:11}.cell-order-12{order:12}@media screen and (min-width:640px),print{.sm\:grid-2,.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-3,.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-4,.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-5,.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-6,.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-7,.sm\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.sm\:grid-8,.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:grid-9,.sm\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.sm\:grid-10,.sm\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.sm\:grid-11,.sm\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.sm\:grid-12,.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\:grid-cols-none{grid-template-columns:none}.sm\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.sm\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.sm\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.sm\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.sm\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.sm\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.sm\:grid-rows-none{grid-template-rows:none}.sm\:cell-auto,.sm\:cell-span-auto{grid-column:auto}.sm\:cell-full,.sm\:cell-span-full{grid-column:1/-1}.sm\:cell-1,.sm\:cell-span-1{grid-column:span 1/span 1}.sm\:cell-2,.sm\:cell-span-2{grid-column:span 2/span 2}.sm\:cell-3,.sm\:cell-span-3{grid-column:span 3/span 3}.sm\:cell-4,.sm\:cell-span-4{grid-column:span 4/span 4}.sm\:cell-5,.sm\:cell-span-5{grid-column:span 5/span 5}.sm\:cell-6,.sm\:cell-span-6{grid-column:span 6/span 6}.sm\:cell-7,.sm\:cell-span-7{grid-column:span 7/span 7}.sm\:cell-8,.sm\:cell-span-8{grid-column:span 8/span 8}.sm\:cell-9,.sm\:cell-span-9{grid-column:span 9/span 9}.sm\:cell-10,.sm\:cell-span-10{grid-column:span 10/span 10}.sm\:cell-11,.sm\:cell-span-11{grid-column:span 11/span 11}.sm\:cell-12,.sm\:cell-span-12{grid-column:span 12/span 12}.sm\:cell-row-auto{grid-row:auto}.sm\:cell-row-full{grid-row:1/-1}.sm\:cell-row-1,.sm\:cell-row-span-1{grid-row:span 1/span 1}.sm\:cell-row-2,.sm\:cell-row-span-2{grid-row:span 2/span 2}.sm\:cell-row-3,.sm\:cell-row-span-3{grid-row:span 3/span 3}.sm\:cell-row-4,.sm\:cell-row-span-4{grid-row:span 4/span 4}.sm\:cell-row-5,.sm\:cell-row-span-5{grid-row:span 5/span 5}.sm\:cell-row-6,.sm\:cell-row-span-6{grid-row:span 6/span 6}.sm\:cell-col-start-1,.sm\:cell-start-1{grid-column-start:1}.sm\:cell-col-end-1,.sm\:cell-end-1{grid-column-end:1}.sm\:cell-col-start-2,.sm\:cell-start-2{grid-column-start:2}.sm\:cell-col-end-2,.sm\:cell-end-2{grid-column-end:2}.sm\:cell-col-start-3,.sm\:cell-start-3{grid-column-start:3}.sm\:cell-col-end-3,.sm\:cell-end-3{grid-column-end:3}.sm\:cell-col-start-4,.sm\:cell-start-4{grid-column-start:4}.sm\:cell-col-end-4,.sm\:cell-end-4{grid-column-end:4}.sm\:cell-col-start-5,.sm\:cell-start-5{grid-column-start:5}.sm\:cell-col-end-5,.sm\:cell-end-5{grid-column-end:5}.sm\:cell-col-start-6,.sm\:cell-start-6{grid-column-start:6}.sm\:cell-col-end-6,.sm\:cell-end-6{grid-column-end:6}.sm\:cell-col-start-7,.sm\:cell-start-7{grid-column-start:7}.sm\:cell-col-end-7,.sm\:cell-end-7{grid-column-end:7}.sm\:cell-col-start-8,.sm\:cell-start-8{grid-column-start:8}.sm\:cell-col-end-8,.sm\:cell-end-8{grid-column-end:8}.sm\:cell-col-start-9,.sm\:cell-start-9{grid-column-start:9}.sm\:cell-col-end-9,.sm\:cell-end-9{grid-column-end:9}.sm\:cell-col-start-10,.sm\:cell-start-10{grid-column-start:10}.sm\:cell-col-end-10,.sm\:cell-end-10{grid-column-end:10}.sm\:cell-col-start-11,.sm\:cell-start-11{grid-column-start:11}.sm\:cell-col-end-11,.sm\:cell-end-11{grid-column-end:11}.sm\:cell-col-start-12,.sm\:cell-start-12{grid-column-start:12}.sm\:cell-col-end-12,.sm\:cell-end-12{grid-column-end:12}.sm\:cell-col-start-13,.sm\:cell-start-13{grid-column-start:13}.sm\:cell-col-end-13,.sm\:cell-end-13{grid-column-end:13}.sm\:cell-row-start-1{grid-row-start:1}.sm\:cell-row-end-1{grid-row-end:1}.sm\:cell-row-start-2{grid-row-start:2}.sm\:cell-row-end-2{grid-row-end:2}.sm\:cell-row-start-3{grid-row-start:3}.sm\:cell-row-end-3{grid-row-end:3}.sm\:cell-row-start-4{grid-row-start:4}.sm\:cell-row-end-4{grid-row-end:4}.sm\:cell-row-start-5{grid-row-start:5}.sm\:cell-row-end-5{grid-row-end:5}.sm\:cell-row-start-6{grid-row-start:6}.sm\:cell-row-end-6{grid-row-end:6}.sm\:cell-row-start-7{grid-row-start:7}.sm\:cell-row-end-7{grid-row-end:7}.sm\:cell-order-first{order:-9999}.sm\:cell-order-last{order:9999}.sm\:cell-order-none{order:0}.sm\:cell-order-1{order:1}.sm\:cell-order-2{order:2}.sm\:cell-order-3{order:3}.sm\:cell-order-4{order:4}.sm\:cell-order-5{order:5}.sm\:cell-order-6{order:6}.sm\:cell-order-7{order:7}.sm\:cell-order-8{order:8}.sm\:cell-order-9{order:9}.sm\:cell-order-10{order:10}.sm\:cell-order-11{order:11}.sm\:cell-order-12{order:12}}@media screen and (min-width:768px),print{.md\:grid-2,.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-3,.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-4,.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-5,.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-6,.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-7,.md\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\:grid-8,.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:grid-9,.md\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.md\:grid-10,.md\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\:grid-11,.md\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.md\:grid-12,.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-none{grid-template-columns:none}.md\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.md\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.md\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.md\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.md\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.md\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.md\:grid-rows-none{grid-template-rows:none}.md\:cell-auto,.md\:cell-span-auto{grid-column:auto}.md\:cell-full,.md\:cell-span-full{grid-column:1/-1}.md\:cell-1,.md\:cell-span-1{grid-column:span 1/span 1}.md\:cell-2,.md\:cell-span-2{grid-column:span 2/span 2}.md\:cell-3,.md\:cell-span-3{grid-column:span 3/span 3}.md\:cell-4,.md\:cell-span-4{grid-column:span 4/span 4}.md\:cell-5,.md\:cell-span-5{grid-column:span 5/span 5}.md\:cell-6,.md\:cell-span-6{grid-column:span 6/span 6}.md\:cell-7,.md\:cell-span-7{grid-column:span 7/span 7}.md\:cell-8,.md\:cell-span-8{grid-column:span 8/span 8}.md\:cell-9,.md\:cell-span-9{grid-column:span 9/span 9}.md\:cell-10,.md\:cell-span-10{grid-column:span 10/span 10}.md\:cell-11,.md\:cell-span-11{grid-column:span 11/span 11}.md\:cell-12,.md\:cell-span-12{grid-column:span 12/span 12}.md\:cell-row-auto{grid-row:auto}.md\:cell-row-full{grid-row:1/-1}.md\:cell-row-1,.md\:cell-row-span-1{grid-row:span 1/span 1}.md\:cell-row-2,.md\:cell-row-span-2{grid-row:span 2/span 2}.md\:cell-row-3,.md\:cell-row-span-3{grid-row:span 3/span 3}.md\:cell-row-4,.md\:cell-row-span-4{grid-row:span 4/span 4}.md\:cell-row-5,.md\:cell-row-span-5{grid-row:span 5/span 5}.md\:cell-row-6,.md\:cell-row-span-6{grid-row:span 6/span 6}.md\:cell-col-start-1,.md\:cell-start-1{grid-column-start:1}.md\:cell-col-end-1,.md\:cell-end-1{grid-column-end:1}.md\:cell-col-start-2,.md\:cell-start-2{grid-column-start:2}.md\:cell-col-end-2,.md\:cell-end-2{grid-column-end:2}.md\:cell-col-start-3,.md\:cell-start-3{grid-column-start:3}.md\:cell-col-end-3,.md\:cell-end-3{grid-column-end:3}.md\:cell-col-start-4,.md\:cell-start-4{grid-column-start:4}.md\:cell-col-end-4,.md\:cell-end-4{grid-column-end:4}.md\:cell-col-start-5,.md\:cell-start-5{grid-column-start:5}.md\:cell-col-end-5,.md\:cell-end-5{grid-column-end:5}.md\:cell-col-start-6,.md\:cell-start-6{grid-column-start:6}.md\:cell-col-end-6,.md\:cell-end-6{grid-column-end:6}.md\:cell-col-start-7,.md\:cell-start-7{grid-column-start:7}.md\:cell-col-end-7,.md\:cell-end-7{grid-column-end:7}.md\:cell-col-start-8,.md\:cell-start-8{grid-column-start:8}.md\:cell-col-end-8,.md\:cell-end-8{grid-column-end:8}.md\:cell-col-start-9,.md\:cell-start-9{grid-column-start:9}.md\:cell-col-end-9,.md\:cell-end-9{grid-column-end:9}.md\:cell-col-start-10,.md\:cell-start-10{grid-column-start:10}.md\:cell-col-end-10,.md\:cell-end-10{grid-column-end:10}.md\:cell-col-start-11,.md\:cell-start-11{grid-column-start:11}.md\:cell-col-end-11,.md\:cell-end-11{grid-column-end:11}.md\:cell-col-start-12,.md\:cell-start-12{grid-column-start:12}.md\:cell-col-end-12,.md\:cell-end-12{grid-column-end:12}.md\:cell-col-start-13,.md\:cell-start-13{grid-column-start:13}.md\:cell-col-end-13,.md\:cell-end-13{grid-column-end:13}.md\:cell-row-start-1{grid-row-start:1}.md\:cell-row-end-1{grid-row-end:1}.md\:cell-row-start-2{grid-row-start:2}.md\:cell-row-end-2{grid-row-end:2}.md\:cell-row-start-3{grid-row-start:3}.md\:cell-row-end-3{grid-row-end:3}.md\:cell-row-start-4{grid-row-start:4}.md\:cell-row-end-4{grid-row-end:4}.md\:cell-row-start-5{grid-row-start:5}.md\:cell-row-end-5{grid-row-end:5}.md\:cell-row-start-6{grid-row-start:6}.md\:cell-row-end-6{grid-row-end:6}.md\:cell-row-start-7{grid-row-start:7}.md\:cell-row-end-7{grid-row-end:7}.md\:cell-order-first{order:-9999}.md\:cell-order-last{order:9999}.md\:cell-order-none{order:0}.md\:cell-order-1{order:1}.md\:cell-order-2{order:2}.md\:cell-order-3{order:3}.md\:cell-order-4{order:4}.md\:cell-order-5{order:5}.md\:cell-order-6{order:6}.md\:cell-order-7{order:7}.md\:cell-order-8{order:8}.md\:cell-order-9{order:9}.md\:cell-order-10{order:10}.md\:cell-order-11{order:11}.md\:cell-order-12{order:12}}@media screen and (min-width:1024px),print{.lg\:grid-2,.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-3,.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-4,.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-5,.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-6,.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-7,.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-8,.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:grid-9,.lg\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.lg\:grid-10,.lg\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:grid-11,.lg\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lg\:grid-12,.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-none{grid-template-columns:none}.lg\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.lg\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.lg\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.lg\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.lg\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.lg\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.lg\:grid-rows-none{grid-template-rows:none}.lg\:cell-auto,.lg\:cell-span-auto{grid-column:auto}.lg\:cell-full,.lg\:cell-span-full{grid-column:1/-1}.lg\:cell-1,.lg\:cell-span-1{grid-column:span 1/span 1}.lg\:cell-2,.lg\:cell-span-2{grid-column:span 2/span 2}.lg\:cell-3,.lg\:cell-span-3{grid-column:span 3/span 3}.lg\:cell-4,.lg\:cell-span-4{grid-column:span 4/span 4}.lg\:cell-5,.lg\:cell-span-5{grid-column:span 5/span 5}.lg\:cell-6,.lg\:cell-span-6{grid-column:span 6/span 6}.lg\:cell-7,.lg\:cell-span-7{grid-column:span 7/span 7}.lg\:cell-8,.lg\:cell-span-8{grid-column:span 8/span 8}.lg\:cell-9,.lg\:cell-span-9{grid-column:span 9/span 9}.lg\:cell-10,.lg\:cell-span-10{grid-column:span 10/span 10}.lg\:cell-11,.lg\:cell-span-11{grid-column:span 11/span 11}.lg\:cell-12,.lg\:cell-span-12{grid-column:span 12/span 12}.lg\:cell-row-auto{grid-row:auto}.lg\:cell-row-full{grid-row:1/-1}.lg\:cell-row-1,.lg\:cell-row-span-1{grid-row:span 1/span 1}.lg\:cell-row-2,.lg\:cell-row-span-2{grid-row:span 2/span 2}.lg\:cell-row-3,.lg\:cell-row-span-3{grid-row:span 3/span 3}.lg\:cell-row-4,.lg\:cell-row-span-4{grid-row:span 4/span 4}.lg\:cell-row-5,.lg\:cell-row-span-5{grid-row:span 5/span 5}.lg\:cell-row-6,.lg\:cell-row-span-6{grid-row:span 6/span 6}.lg\:cell-col-start-1,.lg\:cell-start-1{grid-column-start:1}.lg\:cell-col-end-1,.lg\:cell-end-1{grid-column-end:1}.lg\:cell-col-start-2,.lg\:cell-start-2{grid-column-start:2}.lg\:cell-col-end-2,.lg\:cell-end-2{grid-column-end:2}.lg\:cell-col-start-3,.lg\:cell-start-3{grid-column-start:3}.lg\:cell-col-end-3,.lg\:cell-end-3{grid-column-end:3}.lg\:cell-col-start-4,.lg\:cell-start-4{grid-column-start:4}.lg\:cell-col-end-4,.lg\:cell-end-4{grid-column-end:4}.lg\:cell-col-start-5,.lg\:cell-start-5{grid-column-start:5}.lg\:cell-col-end-5,.lg\:cell-end-5{grid-column-end:5}.lg\:cell-col-start-6,.lg\:cell-start-6{grid-column-start:6}.lg\:cell-col-end-6,.lg\:cell-end-6{grid-column-end:6}.lg\:cell-col-start-7,.lg\:cell-start-7{grid-column-start:7}.lg\:cell-col-end-7,.lg\:cell-end-7{grid-column-end:7}.lg\:cell-col-start-8,.lg\:cell-start-8{grid-column-start:8}.lg\:cell-col-end-8,.lg\:cell-end-8{grid-column-end:8}.lg\:cell-col-start-9,.lg\:cell-start-9{grid-column-start:9}.lg\:cell-col-end-9,.lg\:cell-end-9{grid-column-end:9}.lg\:cell-col-start-10,.lg\:cell-start-10{grid-column-start:10}.lg\:cell-col-end-10,.lg\:cell-end-10{grid-column-end:10}.lg\:cell-col-start-11,.lg\:cell-start-11{grid-column-start:11}.lg\:cell-col-end-11,.lg\:cell-end-11{grid-column-end:11}.lg\:cell-col-start-12,.lg\:cell-start-12{grid-column-start:12}.lg\:cell-col-end-12,.lg\:cell-end-12{grid-column-end:12}.lg\:cell-col-start-13,.lg\:cell-start-13{grid-column-start:13}.lg\:cell-col-end-13,.lg\:cell-end-13{grid-column-end:13}.lg\:cell-row-start-1{grid-row-start:1}.lg\:cell-row-end-1{grid-row-end:1}.lg\:cell-row-start-2{grid-row-start:2}.lg\:cell-row-end-2{grid-row-end:2}.lg\:cell-row-start-3{grid-row-start:3}.lg\:cell-row-end-3{grid-row-end:3}.lg\:cell-row-start-4{grid-row-start:4}.lg\:cell-row-end-4{grid-row-end:4}.lg\:cell-row-start-5{grid-row-start:5}.lg\:cell-row-end-5{grid-row-end:5}.lg\:cell-row-start-6{grid-row-start:6}.lg\:cell-row-end-6{grid-row-end:6}.lg\:cell-row-start-7{grid-row-start:7}.lg\:cell-row-end-7{grid-row-end:7}.lg\:cell-order-first{order:-9999}.lg\:cell-order-last{order:9999}.lg\:cell-order-none{order:0}.lg\:cell-order-1{order:1}.lg\:cell-order-2{order:2}.lg\:cell-order-3{order:3}.lg\:cell-order-4{order:4}.lg\:cell-order-5{order:5}.lg\:cell-order-6{order:6}.lg\:cell-order-7{order:7}.lg\:cell-order-8{order:8}.lg\:cell-order-9{order:9}.lg\:cell-order-10{order:10}.lg\:cell-order-11{order:11}.lg\:cell-order-12{order:12}}.gap-px{gap:1px}.gap-x-px{column-gap:1px}.gap-y-px{row-gap:1px}.gap-0,.gap-0 [class^=grid]{gap:0}.gap-x-0,.gap-x-0 [class^=grid]{column-gap:0}.gap-y-0,.gap-y-0 [class^=grid]{row-gap:0}.gap-1,.gap-1 [class^=grid]{gap:.25rem}.gap-x-1,.gap-x-1 [class^=grid]{column-gap:.25rem}.gap-y-1,.gap-y-1 [class^=grid]{row-gap:.25rem}.gap-2,.gap-2 [class^=grid]{gap:.5rem}.gap-x-2,.gap-x-2 [class^=grid]{column-gap:.5rem}.gap-y-2,.gap-y-2 [class^=grid]{row-gap:.5rem}.gap-3,.gap-3 [class^=grid]{gap:.75rem}.gap-x-3,.gap-x-3 [class^=grid]{column-gap:.75rem}.gap-y-3,.gap-y-3 [class^=grid]{row-gap:.75rem}.gap-4,.gap-4 [class^=grid]{gap:1rem}.gap-x-4,.gap-x-4 [class^=grid]{column-gap:1rem}.gap-y-4,.gap-y-4 [class^=grid]{row-gap:1rem}.gap-5,.gap-5 [class^=grid]{gap:1.25rem}.gap-x-5,.gap-x-5 [class^=grid]{column-gap:1.25rem}.gap-y-5,.gap-y-5 [class^=grid]{row-gap:1.25rem}.gap-6,.gap-6 [class^=grid]{gap:1.5rem}.gap-x-6,.gap-x-6 [class^=grid]{column-gap:1.5rem}.gap-y-6,.gap-y-6 [class^=grid]{row-gap:1.5rem}.gap-7,.gap-7 [class^=grid]{gap:1.75rem}.gap-x-7,.gap-x-7 [class^=grid]{column-gap:1.75rem}.gap-y-7,.gap-y-7 [class^=grid]{row-gap:1.75rem}.gap-8,.gap-8 [class^=grid]{gap:2rem}.gap-x-8,.gap-x-8 [class^=grid]{column-gap:2rem}.gap-y-8,.gap-y-8 [class^=grid]{row-gap:2rem}.gap-9,.gap-9 [class^=grid]{gap:2.25rem}.gap-x-9,.gap-x-9 [class^=grid]{column-gap:2.25rem}.gap-y-9,.gap-y-9 [class^=grid]{row-gap:2.25rem}.gap-10,.gap-10 [class^=grid]{gap:2.5rem}.gap-x-10,.gap-x-10 [class^=grid]{column-gap:2.5rem}.gap-y-10,.gap-y-10 [class^=grid]{row-gap:2.5rem} diff --git a/content/page-templates/css-grid-framework/2-span-start-end/css.inc b/content/page-templates/css-grid-framework/2-span-start-end/css.inc index 8ebff36dd..f6e1a56ad 100644 --- a/content/page-templates/css-grid-framework/2-span-start-end/css.inc +++ b/content/page-templates/css-grid-framework/2-span-start-end/css.inc @@ -1,9 +1,9 @@ /** * License: MIT License * Generated on 25 May 2021 - * Author: Fpassaniti for Opendatasoft + * Author: Fpassaniti for Huwise * Version: 0.1 - * Description: CSS Grid framework for Opendatasoft pages (and more). Go to http://codelibrary.opendatasoft.com/ for more information (doc & examples). + * Description: CSS Grid framework for Huwise pages (and more). Go to http://codelibrary.huwise.com/ for more information (doc & examples). */ [class^=grid]{display:grid;grid-gap:1rem}.grid-auto,.grid-auto-flow,.grid-cols-auto-flow{grid-auto-flow:column}.grid-rows-auto-flow{grid-auto-flow:row}.grid-cols-fit,.grid-fit{grid-auto-columns:max-content}.grid-rows-fit{grid-auto-rows:max-content}.grid-2,.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4,.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5,.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-6,.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-7,.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-8,.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-9,.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-10,.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-11,.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-12,.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-none{grid-template-columns:none}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.grid-rows-none{grid-template-rows:none}[class*=":cell"],[class^=cell]{display:flex;flex-direction:column;justify-content:stretch}.cell-auto,.cell-span-auto{grid-column:auto}.cell-full,.cell-span-full{grid-column:1/-1}.cell-1,.cell-span-1{grid-column:span 1/span 1}.cell-2,.cell-span-2{grid-column:span 2/span 2}.cell-3,.cell-span-3{grid-column:span 3/span 3}.cell-4,.cell-span-4{grid-column:span 4/span 4}.cell-5,.cell-span-5{grid-column:span 5/span 5}.cell-6,.cell-span-6{grid-column:span 6/span 6}.cell-7,.cell-span-7{grid-column:span 7/span 7}.cell-8,.cell-span-8{grid-column:span 8/span 8}.cell-9,.cell-span-9{grid-column:span 9/span 9}.cell-10,.cell-span-10{grid-column:span 10/span 10}.cell-11,.cell-span-11{grid-column:span 11/span 11}.cell-12,.cell-span-12{grid-column:span 12/span 12}.cell-row-auto{grid-row:auto}.cell-row-full{grid-row:1/-1}.cell-row-1,.cell-row-span-1{grid-row:span 1/span 1}.cell-row-2,.cell-row-span-2{grid-row:span 2/span 2}.cell-row-3,.cell-row-span-3{grid-row:span 3/span 3}.cell-row-4,.cell-row-span-4{grid-row:span 4/span 4}.cell-row-5,.cell-row-span-5{grid-row:span 5/span 5}.cell-row-6,.cell-row-span-6{grid-row:span 6/span 6}.cell-col-start-1,.cell-start-1{grid-column-start:1}.cell-col-end-1,.cell-end-1{grid-column-end:1}.cell-col-start-2,.cell-start-2{grid-column-start:2}.cell-col-end-2,.cell-end-2{grid-column-end:2}.cell-col-start-3,.cell-start-3{grid-column-start:3}.cell-col-end-3,.cell-end-3{grid-column-end:3}.cell-col-start-4,.cell-start-4{grid-column-start:4}.cell-col-end-4,.cell-end-4{grid-column-end:4}.cell-col-start-5,.cell-start-5{grid-column-start:5}.cell-col-end-5,.cell-end-5{grid-column-end:5}.cell-col-start-6,.cell-start-6{grid-column-start:6}.cell-col-end-6,.cell-end-6{grid-column-end:6}.cell-col-start-7,.cell-start-7{grid-column-start:7}.cell-col-end-7,.cell-end-7{grid-column-end:7}.cell-col-start-8,.cell-start-8{grid-column-start:8}.cell-col-end-8,.cell-end-8{grid-column-end:8}.cell-col-start-9,.cell-start-9{grid-column-start:9}.cell-col-end-9,.cell-end-9{grid-column-end:9}.cell-col-start-10,.cell-start-10{grid-column-start:10}.cell-col-end-10,.cell-end-10{grid-column-end:10}.cell-col-start-11,.cell-start-11{grid-column-start:11}.cell-col-end-11,.cell-end-11{grid-column-end:11}.cell-col-start-12,.cell-start-12{grid-column-start:12}.cell-col-end-12,.cell-end-12{grid-column-end:12}.cell-col-start-13,.cell-start-13{grid-column-start:13}.cell-col-end-13,.cell-end-13{grid-column-end:13}.cell-row-start-1{grid-row-start:1}.cell-row-end-1{grid-row-end:1}.cell-row-start-2{grid-row-start:2}.cell-row-end-2{grid-row-end:2}.cell-row-start-3{grid-row-start:3}.cell-row-end-3{grid-row-end:3}.cell-row-start-4{grid-row-start:4}.cell-row-end-4{grid-row-end:4}.cell-row-start-5{grid-row-start:5}.cell-row-end-5{grid-row-end:5}.cell-row-start-6{grid-row-start:6}.cell-row-end-6{grid-row-end:6}.cell-row-start-7{grid-row-start:7}.cell-row-end-7{grid-row-end:7}.cell-order-first{order:-9999}.cell-order-last{order:9999}.cell-order-none{order:0}.cell-order-1{order:1}.cell-order-2{order:2}.cell-order-3{order:3}.cell-order-4{order:4}.cell-order-5{order:5}.cell-order-6{order:6}.cell-order-7{order:7}.cell-order-8{order:8}.cell-order-9{order:9}.cell-order-10{order:10}.cell-order-11{order:11}.cell-order-12{order:12}@media screen and (min-width:640px),print{.sm\:grid-2,.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-3,.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-4,.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-5,.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-6,.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-7,.sm\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.sm\:grid-8,.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:grid-9,.sm\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.sm\:grid-10,.sm\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.sm\:grid-11,.sm\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.sm\:grid-12,.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\:grid-cols-none{grid-template-columns:none}.sm\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.sm\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.sm\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.sm\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.sm\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.sm\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.sm\:grid-rows-none{grid-template-rows:none}.sm\:cell-auto,.sm\:cell-span-auto{grid-column:auto}.sm\:cell-full,.sm\:cell-span-full{grid-column:1/-1}.sm\:cell-1,.sm\:cell-span-1{grid-column:span 1/span 1}.sm\:cell-2,.sm\:cell-span-2{grid-column:span 2/span 2}.sm\:cell-3,.sm\:cell-span-3{grid-column:span 3/span 3}.sm\:cell-4,.sm\:cell-span-4{grid-column:span 4/span 4}.sm\:cell-5,.sm\:cell-span-5{grid-column:span 5/span 5}.sm\:cell-6,.sm\:cell-span-6{grid-column:span 6/span 6}.sm\:cell-7,.sm\:cell-span-7{grid-column:span 7/span 7}.sm\:cell-8,.sm\:cell-span-8{grid-column:span 8/span 8}.sm\:cell-9,.sm\:cell-span-9{grid-column:span 9/span 9}.sm\:cell-10,.sm\:cell-span-10{grid-column:span 10/span 10}.sm\:cell-11,.sm\:cell-span-11{grid-column:span 11/span 11}.sm\:cell-12,.sm\:cell-span-12{grid-column:span 12/span 12}.sm\:cell-row-auto{grid-row:auto}.sm\:cell-row-full{grid-row:1/-1}.sm\:cell-row-1,.sm\:cell-row-span-1{grid-row:span 1/span 1}.sm\:cell-row-2,.sm\:cell-row-span-2{grid-row:span 2/span 2}.sm\:cell-row-3,.sm\:cell-row-span-3{grid-row:span 3/span 3}.sm\:cell-row-4,.sm\:cell-row-span-4{grid-row:span 4/span 4}.sm\:cell-row-5,.sm\:cell-row-span-5{grid-row:span 5/span 5}.sm\:cell-row-6,.sm\:cell-row-span-6{grid-row:span 6/span 6}.sm\:cell-col-start-1,.sm\:cell-start-1{grid-column-start:1}.sm\:cell-col-end-1,.sm\:cell-end-1{grid-column-end:1}.sm\:cell-col-start-2,.sm\:cell-start-2{grid-column-start:2}.sm\:cell-col-end-2,.sm\:cell-end-2{grid-column-end:2}.sm\:cell-col-start-3,.sm\:cell-start-3{grid-column-start:3}.sm\:cell-col-end-3,.sm\:cell-end-3{grid-column-end:3}.sm\:cell-col-start-4,.sm\:cell-start-4{grid-column-start:4}.sm\:cell-col-end-4,.sm\:cell-end-4{grid-column-end:4}.sm\:cell-col-start-5,.sm\:cell-start-5{grid-column-start:5}.sm\:cell-col-end-5,.sm\:cell-end-5{grid-column-end:5}.sm\:cell-col-start-6,.sm\:cell-start-6{grid-column-start:6}.sm\:cell-col-end-6,.sm\:cell-end-6{grid-column-end:6}.sm\:cell-col-start-7,.sm\:cell-start-7{grid-column-start:7}.sm\:cell-col-end-7,.sm\:cell-end-7{grid-column-end:7}.sm\:cell-col-start-8,.sm\:cell-start-8{grid-column-start:8}.sm\:cell-col-end-8,.sm\:cell-end-8{grid-column-end:8}.sm\:cell-col-start-9,.sm\:cell-start-9{grid-column-start:9}.sm\:cell-col-end-9,.sm\:cell-end-9{grid-column-end:9}.sm\:cell-col-start-10,.sm\:cell-start-10{grid-column-start:10}.sm\:cell-col-end-10,.sm\:cell-end-10{grid-column-end:10}.sm\:cell-col-start-11,.sm\:cell-start-11{grid-column-start:11}.sm\:cell-col-end-11,.sm\:cell-end-11{grid-column-end:11}.sm\:cell-col-start-12,.sm\:cell-start-12{grid-column-start:12}.sm\:cell-col-end-12,.sm\:cell-end-12{grid-column-end:12}.sm\:cell-col-start-13,.sm\:cell-start-13{grid-column-start:13}.sm\:cell-col-end-13,.sm\:cell-end-13{grid-column-end:13}.sm\:cell-row-start-1{grid-row-start:1}.sm\:cell-row-end-1{grid-row-end:1}.sm\:cell-row-start-2{grid-row-start:2}.sm\:cell-row-end-2{grid-row-end:2}.sm\:cell-row-start-3{grid-row-start:3}.sm\:cell-row-end-3{grid-row-end:3}.sm\:cell-row-start-4{grid-row-start:4}.sm\:cell-row-end-4{grid-row-end:4}.sm\:cell-row-start-5{grid-row-start:5}.sm\:cell-row-end-5{grid-row-end:5}.sm\:cell-row-start-6{grid-row-start:6}.sm\:cell-row-end-6{grid-row-end:6}.sm\:cell-row-start-7{grid-row-start:7}.sm\:cell-row-end-7{grid-row-end:7}.sm\:cell-order-first{order:-9999}.sm\:cell-order-last{order:9999}.sm\:cell-order-none{order:0}.sm\:cell-order-1{order:1}.sm\:cell-order-2{order:2}.sm\:cell-order-3{order:3}.sm\:cell-order-4{order:4}.sm\:cell-order-5{order:5}.sm\:cell-order-6{order:6}.sm\:cell-order-7{order:7}.sm\:cell-order-8{order:8}.sm\:cell-order-9{order:9}.sm\:cell-order-10{order:10}.sm\:cell-order-11{order:11}.sm\:cell-order-12{order:12}}@media screen and (min-width:768px),print{.md\:grid-2,.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-3,.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-4,.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-5,.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-6,.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-7,.md\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\:grid-8,.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:grid-9,.md\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.md\:grid-10,.md\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\:grid-11,.md\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.md\:grid-12,.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-none{grid-template-columns:none}.md\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.md\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.md\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.md\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.md\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.md\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.md\:grid-rows-none{grid-template-rows:none}.md\:cell-auto,.md\:cell-span-auto{grid-column:auto}.md\:cell-full,.md\:cell-span-full{grid-column:1/-1}.md\:cell-1,.md\:cell-span-1{grid-column:span 1/span 1}.md\:cell-2,.md\:cell-span-2{grid-column:span 2/span 2}.md\:cell-3,.md\:cell-span-3{grid-column:span 3/span 3}.md\:cell-4,.md\:cell-span-4{grid-column:span 4/span 4}.md\:cell-5,.md\:cell-span-5{grid-column:span 5/span 5}.md\:cell-6,.md\:cell-span-6{grid-column:span 6/span 6}.md\:cell-7,.md\:cell-span-7{grid-column:span 7/span 7}.md\:cell-8,.md\:cell-span-8{grid-column:span 8/span 8}.md\:cell-9,.md\:cell-span-9{grid-column:span 9/span 9}.md\:cell-10,.md\:cell-span-10{grid-column:span 10/span 10}.md\:cell-11,.md\:cell-span-11{grid-column:span 11/span 11}.md\:cell-12,.md\:cell-span-12{grid-column:span 12/span 12}.md\:cell-row-auto{grid-row:auto}.md\:cell-row-full{grid-row:1/-1}.md\:cell-row-1,.md\:cell-row-span-1{grid-row:span 1/span 1}.md\:cell-row-2,.md\:cell-row-span-2{grid-row:span 2/span 2}.md\:cell-row-3,.md\:cell-row-span-3{grid-row:span 3/span 3}.md\:cell-row-4,.md\:cell-row-span-4{grid-row:span 4/span 4}.md\:cell-row-5,.md\:cell-row-span-5{grid-row:span 5/span 5}.md\:cell-row-6,.md\:cell-row-span-6{grid-row:span 6/span 6}.md\:cell-col-start-1,.md\:cell-start-1{grid-column-start:1}.md\:cell-col-end-1,.md\:cell-end-1{grid-column-end:1}.md\:cell-col-start-2,.md\:cell-start-2{grid-column-start:2}.md\:cell-col-end-2,.md\:cell-end-2{grid-column-end:2}.md\:cell-col-start-3,.md\:cell-start-3{grid-column-start:3}.md\:cell-col-end-3,.md\:cell-end-3{grid-column-end:3}.md\:cell-col-start-4,.md\:cell-start-4{grid-column-start:4}.md\:cell-col-end-4,.md\:cell-end-4{grid-column-end:4}.md\:cell-col-start-5,.md\:cell-start-5{grid-column-start:5}.md\:cell-col-end-5,.md\:cell-end-5{grid-column-end:5}.md\:cell-col-start-6,.md\:cell-start-6{grid-column-start:6}.md\:cell-col-end-6,.md\:cell-end-6{grid-column-end:6}.md\:cell-col-start-7,.md\:cell-start-7{grid-column-start:7}.md\:cell-col-end-7,.md\:cell-end-7{grid-column-end:7}.md\:cell-col-start-8,.md\:cell-start-8{grid-column-start:8}.md\:cell-col-end-8,.md\:cell-end-8{grid-column-end:8}.md\:cell-col-start-9,.md\:cell-start-9{grid-column-start:9}.md\:cell-col-end-9,.md\:cell-end-9{grid-column-end:9}.md\:cell-col-start-10,.md\:cell-start-10{grid-column-start:10}.md\:cell-col-end-10,.md\:cell-end-10{grid-column-end:10}.md\:cell-col-start-11,.md\:cell-start-11{grid-column-start:11}.md\:cell-col-end-11,.md\:cell-end-11{grid-column-end:11}.md\:cell-col-start-12,.md\:cell-start-12{grid-column-start:12}.md\:cell-col-end-12,.md\:cell-end-12{grid-column-end:12}.md\:cell-col-start-13,.md\:cell-start-13{grid-column-start:13}.md\:cell-col-end-13,.md\:cell-end-13{grid-column-end:13}.md\:cell-row-start-1{grid-row-start:1}.md\:cell-row-end-1{grid-row-end:1}.md\:cell-row-start-2{grid-row-start:2}.md\:cell-row-end-2{grid-row-end:2}.md\:cell-row-start-3{grid-row-start:3}.md\:cell-row-end-3{grid-row-end:3}.md\:cell-row-start-4{grid-row-start:4}.md\:cell-row-end-4{grid-row-end:4}.md\:cell-row-start-5{grid-row-start:5}.md\:cell-row-end-5{grid-row-end:5}.md\:cell-row-start-6{grid-row-start:6}.md\:cell-row-end-6{grid-row-end:6}.md\:cell-row-start-7{grid-row-start:7}.md\:cell-row-end-7{grid-row-end:7}.md\:cell-order-first{order:-9999}.md\:cell-order-last{order:9999}.md\:cell-order-none{order:0}.md\:cell-order-1{order:1}.md\:cell-order-2{order:2}.md\:cell-order-3{order:3}.md\:cell-order-4{order:4}.md\:cell-order-5{order:5}.md\:cell-order-6{order:6}.md\:cell-order-7{order:7}.md\:cell-order-8{order:8}.md\:cell-order-9{order:9}.md\:cell-order-10{order:10}.md\:cell-order-11{order:11}.md\:cell-order-12{order:12}}@media screen and (min-width:1024px),print{.lg\:grid-2,.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-3,.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-4,.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-5,.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-6,.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-7,.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-8,.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:grid-9,.lg\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.lg\:grid-10,.lg\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:grid-11,.lg\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lg\:grid-12,.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-none{grid-template-columns:none}.lg\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.lg\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.lg\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.lg\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.lg\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.lg\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.lg\:grid-rows-none{grid-template-rows:none}.lg\:cell-auto,.lg\:cell-span-auto{grid-column:auto}.lg\:cell-full,.lg\:cell-span-full{grid-column:1/-1}.lg\:cell-1,.lg\:cell-span-1{grid-column:span 1/span 1}.lg\:cell-2,.lg\:cell-span-2{grid-column:span 2/span 2}.lg\:cell-3,.lg\:cell-span-3{grid-column:span 3/span 3}.lg\:cell-4,.lg\:cell-span-4{grid-column:span 4/span 4}.lg\:cell-5,.lg\:cell-span-5{grid-column:span 5/span 5}.lg\:cell-6,.lg\:cell-span-6{grid-column:span 6/span 6}.lg\:cell-7,.lg\:cell-span-7{grid-column:span 7/span 7}.lg\:cell-8,.lg\:cell-span-8{grid-column:span 8/span 8}.lg\:cell-9,.lg\:cell-span-9{grid-column:span 9/span 9}.lg\:cell-10,.lg\:cell-span-10{grid-column:span 10/span 10}.lg\:cell-11,.lg\:cell-span-11{grid-column:span 11/span 11}.lg\:cell-12,.lg\:cell-span-12{grid-column:span 12/span 12}.lg\:cell-row-auto{grid-row:auto}.lg\:cell-row-full{grid-row:1/-1}.lg\:cell-row-1,.lg\:cell-row-span-1{grid-row:span 1/span 1}.lg\:cell-row-2,.lg\:cell-row-span-2{grid-row:span 2/span 2}.lg\:cell-row-3,.lg\:cell-row-span-3{grid-row:span 3/span 3}.lg\:cell-row-4,.lg\:cell-row-span-4{grid-row:span 4/span 4}.lg\:cell-row-5,.lg\:cell-row-span-5{grid-row:span 5/span 5}.lg\:cell-row-6,.lg\:cell-row-span-6{grid-row:span 6/span 6}.lg\:cell-col-start-1,.lg\:cell-start-1{grid-column-start:1}.lg\:cell-col-end-1,.lg\:cell-end-1{grid-column-end:1}.lg\:cell-col-start-2,.lg\:cell-start-2{grid-column-start:2}.lg\:cell-col-end-2,.lg\:cell-end-2{grid-column-end:2}.lg\:cell-col-start-3,.lg\:cell-start-3{grid-column-start:3}.lg\:cell-col-end-3,.lg\:cell-end-3{grid-column-end:3}.lg\:cell-col-start-4,.lg\:cell-start-4{grid-column-start:4}.lg\:cell-col-end-4,.lg\:cell-end-4{grid-column-end:4}.lg\:cell-col-start-5,.lg\:cell-start-5{grid-column-start:5}.lg\:cell-col-end-5,.lg\:cell-end-5{grid-column-end:5}.lg\:cell-col-start-6,.lg\:cell-start-6{grid-column-start:6}.lg\:cell-col-end-6,.lg\:cell-end-6{grid-column-end:6}.lg\:cell-col-start-7,.lg\:cell-start-7{grid-column-start:7}.lg\:cell-col-end-7,.lg\:cell-end-7{grid-column-end:7}.lg\:cell-col-start-8,.lg\:cell-start-8{grid-column-start:8}.lg\:cell-col-end-8,.lg\:cell-end-8{grid-column-end:8}.lg\:cell-col-start-9,.lg\:cell-start-9{grid-column-start:9}.lg\:cell-col-end-9,.lg\:cell-end-9{grid-column-end:9}.lg\:cell-col-start-10,.lg\:cell-start-10{grid-column-start:10}.lg\:cell-col-end-10,.lg\:cell-end-10{grid-column-end:10}.lg\:cell-col-start-11,.lg\:cell-start-11{grid-column-start:11}.lg\:cell-col-end-11,.lg\:cell-end-11{grid-column-end:11}.lg\:cell-col-start-12,.lg\:cell-start-12{grid-column-start:12}.lg\:cell-col-end-12,.lg\:cell-end-12{grid-column-end:12}.lg\:cell-col-start-13,.lg\:cell-start-13{grid-column-start:13}.lg\:cell-col-end-13,.lg\:cell-end-13{grid-column-end:13}.lg\:cell-row-start-1{grid-row-start:1}.lg\:cell-row-end-1{grid-row-end:1}.lg\:cell-row-start-2{grid-row-start:2}.lg\:cell-row-end-2{grid-row-end:2}.lg\:cell-row-start-3{grid-row-start:3}.lg\:cell-row-end-3{grid-row-end:3}.lg\:cell-row-start-4{grid-row-start:4}.lg\:cell-row-end-4{grid-row-end:4}.lg\:cell-row-start-5{grid-row-start:5}.lg\:cell-row-end-5{grid-row-end:5}.lg\:cell-row-start-6{grid-row-start:6}.lg\:cell-row-end-6{grid-row-end:6}.lg\:cell-row-start-7{grid-row-start:7}.lg\:cell-row-end-7{grid-row-end:7}.lg\:cell-order-first{order:-9999}.lg\:cell-order-last{order:9999}.lg\:cell-order-none{order:0}.lg\:cell-order-1{order:1}.lg\:cell-order-2{order:2}.lg\:cell-order-3{order:3}.lg\:cell-order-4{order:4}.lg\:cell-order-5{order:5}.lg\:cell-order-6{order:6}.lg\:cell-order-7{order:7}.lg\:cell-order-8{order:8}.lg\:cell-order-9{order:9}.lg\:cell-order-10{order:10}.lg\:cell-order-11{order:11}.lg\:cell-order-12{order:12}}.gap-px{gap:1px}.gap-x-px{column-gap:1px}.gap-y-px{row-gap:1px}.gap-0,.gap-0 [class^=grid]{gap:0}.gap-x-0,.gap-x-0 [class^=grid]{column-gap:0}.gap-y-0,.gap-y-0 [class^=grid]{row-gap:0}.gap-1,.gap-1 [class^=grid]{gap:.25rem}.gap-x-1,.gap-x-1 [class^=grid]{column-gap:.25rem}.gap-y-1,.gap-y-1 [class^=grid]{row-gap:.25rem}.gap-2,.gap-2 [class^=grid]{gap:.5rem}.gap-x-2,.gap-x-2 [class^=grid]{column-gap:.5rem}.gap-y-2,.gap-y-2 [class^=grid]{row-gap:.5rem}.gap-3,.gap-3 [class^=grid]{gap:.75rem}.gap-x-3,.gap-x-3 [class^=grid]{column-gap:.75rem}.gap-y-3,.gap-y-3 [class^=grid]{row-gap:.75rem}.gap-4,.gap-4 [class^=grid]{gap:1rem}.gap-x-4,.gap-x-4 [class^=grid]{column-gap:1rem}.gap-y-4,.gap-y-4 [class^=grid]{row-gap:1rem}.gap-5,.gap-5 [class^=grid]{gap:1.25rem}.gap-x-5,.gap-x-5 [class^=grid]{column-gap:1.25rem}.gap-y-5,.gap-y-5 [class^=grid]{row-gap:1.25rem}.gap-6,.gap-6 [class^=grid]{gap:1.5rem}.gap-x-6,.gap-x-6 [class^=grid]{column-gap:1.5rem}.gap-y-6,.gap-y-6 [class^=grid]{row-gap:1.5rem}.gap-7,.gap-7 [class^=grid]{gap:1.75rem}.gap-x-7,.gap-x-7 [class^=grid]{column-gap:1.75rem}.gap-y-7,.gap-y-7 [class^=grid]{row-gap:1.75rem}.gap-8,.gap-8 [class^=grid]{gap:2rem}.gap-x-8,.gap-x-8 [class^=grid]{column-gap:2rem}.gap-y-8,.gap-y-8 [class^=grid]{row-gap:2rem}.gap-9,.gap-9 [class^=grid]{gap:2.25rem}.gap-x-9,.gap-x-9 [class^=grid]{column-gap:2.25rem}.gap-y-9,.gap-y-9 [class^=grid]{row-gap:2.25rem}.gap-10,.gap-10 [class^=grid]{gap:2.5rem}.gap-x-10,.gap-x-10 [class^=grid]{column-gap:2.5rem}.gap-y-10,.gap-y-10 [class^=grid]{row-gap:2.5rem} diff --git a/content/page-templates/css-grid-framework/3-rows/css.inc b/content/page-templates/css-grid-framework/3-rows/css.inc index 8ebff36dd..f6e1a56ad 100644 --- a/content/page-templates/css-grid-framework/3-rows/css.inc +++ b/content/page-templates/css-grid-framework/3-rows/css.inc @@ -1,9 +1,9 @@ /** * License: MIT License * Generated on 25 May 2021 - * Author: Fpassaniti for Opendatasoft + * Author: Fpassaniti for Huwise * Version: 0.1 - * Description: CSS Grid framework for Opendatasoft pages (and more). Go to http://codelibrary.opendatasoft.com/ for more information (doc & examples). + * Description: CSS Grid framework for Huwise pages (and more). Go to http://codelibrary.huwise.com/ for more information (doc & examples). */ [class^=grid]{display:grid;grid-gap:1rem}.grid-auto,.grid-auto-flow,.grid-cols-auto-flow{grid-auto-flow:column}.grid-rows-auto-flow{grid-auto-flow:row}.grid-cols-fit,.grid-fit{grid-auto-columns:max-content}.grid-rows-fit{grid-auto-rows:max-content}.grid-2,.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4,.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5,.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-6,.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-7,.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-8,.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-9,.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-10,.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-11,.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-12,.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-none{grid-template-columns:none}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.grid-rows-none{grid-template-rows:none}[class*=":cell"],[class^=cell]{display:flex;flex-direction:column;justify-content:stretch}.cell-auto,.cell-span-auto{grid-column:auto}.cell-full,.cell-span-full{grid-column:1/-1}.cell-1,.cell-span-1{grid-column:span 1/span 1}.cell-2,.cell-span-2{grid-column:span 2/span 2}.cell-3,.cell-span-3{grid-column:span 3/span 3}.cell-4,.cell-span-4{grid-column:span 4/span 4}.cell-5,.cell-span-5{grid-column:span 5/span 5}.cell-6,.cell-span-6{grid-column:span 6/span 6}.cell-7,.cell-span-7{grid-column:span 7/span 7}.cell-8,.cell-span-8{grid-column:span 8/span 8}.cell-9,.cell-span-9{grid-column:span 9/span 9}.cell-10,.cell-span-10{grid-column:span 10/span 10}.cell-11,.cell-span-11{grid-column:span 11/span 11}.cell-12,.cell-span-12{grid-column:span 12/span 12}.cell-row-auto{grid-row:auto}.cell-row-full{grid-row:1/-1}.cell-row-1,.cell-row-span-1{grid-row:span 1/span 1}.cell-row-2,.cell-row-span-2{grid-row:span 2/span 2}.cell-row-3,.cell-row-span-3{grid-row:span 3/span 3}.cell-row-4,.cell-row-span-4{grid-row:span 4/span 4}.cell-row-5,.cell-row-span-5{grid-row:span 5/span 5}.cell-row-6,.cell-row-span-6{grid-row:span 6/span 6}.cell-col-start-1,.cell-start-1{grid-column-start:1}.cell-col-end-1,.cell-end-1{grid-column-end:1}.cell-col-start-2,.cell-start-2{grid-column-start:2}.cell-col-end-2,.cell-end-2{grid-column-end:2}.cell-col-start-3,.cell-start-3{grid-column-start:3}.cell-col-end-3,.cell-end-3{grid-column-end:3}.cell-col-start-4,.cell-start-4{grid-column-start:4}.cell-col-end-4,.cell-end-4{grid-column-end:4}.cell-col-start-5,.cell-start-5{grid-column-start:5}.cell-col-end-5,.cell-end-5{grid-column-end:5}.cell-col-start-6,.cell-start-6{grid-column-start:6}.cell-col-end-6,.cell-end-6{grid-column-end:6}.cell-col-start-7,.cell-start-7{grid-column-start:7}.cell-col-end-7,.cell-end-7{grid-column-end:7}.cell-col-start-8,.cell-start-8{grid-column-start:8}.cell-col-end-8,.cell-end-8{grid-column-end:8}.cell-col-start-9,.cell-start-9{grid-column-start:9}.cell-col-end-9,.cell-end-9{grid-column-end:9}.cell-col-start-10,.cell-start-10{grid-column-start:10}.cell-col-end-10,.cell-end-10{grid-column-end:10}.cell-col-start-11,.cell-start-11{grid-column-start:11}.cell-col-end-11,.cell-end-11{grid-column-end:11}.cell-col-start-12,.cell-start-12{grid-column-start:12}.cell-col-end-12,.cell-end-12{grid-column-end:12}.cell-col-start-13,.cell-start-13{grid-column-start:13}.cell-col-end-13,.cell-end-13{grid-column-end:13}.cell-row-start-1{grid-row-start:1}.cell-row-end-1{grid-row-end:1}.cell-row-start-2{grid-row-start:2}.cell-row-end-2{grid-row-end:2}.cell-row-start-3{grid-row-start:3}.cell-row-end-3{grid-row-end:3}.cell-row-start-4{grid-row-start:4}.cell-row-end-4{grid-row-end:4}.cell-row-start-5{grid-row-start:5}.cell-row-end-5{grid-row-end:5}.cell-row-start-6{grid-row-start:6}.cell-row-end-6{grid-row-end:6}.cell-row-start-7{grid-row-start:7}.cell-row-end-7{grid-row-end:7}.cell-order-first{order:-9999}.cell-order-last{order:9999}.cell-order-none{order:0}.cell-order-1{order:1}.cell-order-2{order:2}.cell-order-3{order:3}.cell-order-4{order:4}.cell-order-5{order:5}.cell-order-6{order:6}.cell-order-7{order:7}.cell-order-8{order:8}.cell-order-9{order:9}.cell-order-10{order:10}.cell-order-11{order:11}.cell-order-12{order:12}@media screen and (min-width:640px),print{.sm\:grid-2,.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-3,.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-4,.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-5,.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-6,.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-7,.sm\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.sm\:grid-8,.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:grid-9,.sm\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.sm\:grid-10,.sm\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.sm\:grid-11,.sm\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.sm\:grid-12,.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\:grid-cols-none{grid-template-columns:none}.sm\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.sm\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.sm\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.sm\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.sm\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.sm\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.sm\:grid-rows-none{grid-template-rows:none}.sm\:cell-auto,.sm\:cell-span-auto{grid-column:auto}.sm\:cell-full,.sm\:cell-span-full{grid-column:1/-1}.sm\:cell-1,.sm\:cell-span-1{grid-column:span 1/span 1}.sm\:cell-2,.sm\:cell-span-2{grid-column:span 2/span 2}.sm\:cell-3,.sm\:cell-span-3{grid-column:span 3/span 3}.sm\:cell-4,.sm\:cell-span-4{grid-column:span 4/span 4}.sm\:cell-5,.sm\:cell-span-5{grid-column:span 5/span 5}.sm\:cell-6,.sm\:cell-span-6{grid-column:span 6/span 6}.sm\:cell-7,.sm\:cell-span-7{grid-column:span 7/span 7}.sm\:cell-8,.sm\:cell-span-8{grid-column:span 8/span 8}.sm\:cell-9,.sm\:cell-span-9{grid-column:span 9/span 9}.sm\:cell-10,.sm\:cell-span-10{grid-column:span 10/span 10}.sm\:cell-11,.sm\:cell-span-11{grid-column:span 11/span 11}.sm\:cell-12,.sm\:cell-span-12{grid-column:span 12/span 12}.sm\:cell-row-auto{grid-row:auto}.sm\:cell-row-full{grid-row:1/-1}.sm\:cell-row-1,.sm\:cell-row-span-1{grid-row:span 1/span 1}.sm\:cell-row-2,.sm\:cell-row-span-2{grid-row:span 2/span 2}.sm\:cell-row-3,.sm\:cell-row-span-3{grid-row:span 3/span 3}.sm\:cell-row-4,.sm\:cell-row-span-4{grid-row:span 4/span 4}.sm\:cell-row-5,.sm\:cell-row-span-5{grid-row:span 5/span 5}.sm\:cell-row-6,.sm\:cell-row-span-6{grid-row:span 6/span 6}.sm\:cell-col-start-1,.sm\:cell-start-1{grid-column-start:1}.sm\:cell-col-end-1,.sm\:cell-end-1{grid-column-end:1}.sm\:cell-col-start-2,.sm\:cell-start-2{grid-column-start:2}.sm\:cell-col-end-2,.sm\:cell-end-2{grid-column-end:2}.sm\:cell-col-start-3,.sm\:cell-start-3{grid-column-start:3}.sm\:cell-col-end-3,.sm\:cell-end-3{grid-column-end:3}.sm\:cell-col-start-4,.sm\:cell-start-4{grid-column-start:4}.sm\:cell-col-end-4,.sm\:cell-end-4{grid-column-end:4}.sm\:cell-col-start-5,.sm\:cell-start-5{grid-column-start:5}.sm\:cell-col-end-5,.sm\:cell-end-5{grid-column-end:5}.sm\:cell-col-start-6,.sm\:cell-start-6{grid-column-start:6}.sm\:cell-col-end-6,.sm\:cell-end-6{grid-column-end:6}.sm\:cell-col-start-7,.sm\:cell-start-7{grid-column-start:7}.sm\:cell-col-end-7,.sm\:cell-end-7{grid-column-end:7}.sm\:cell-col-start-8,.sm\:cell-start-8{grid-column-start:8}.sm\:cell-col-end-8,.sm\:cell-end-8{grid-column-end:8}.sm\:cell-col-start-9,.sm\:cell-start-9{grid-column-start:9}.sm\:cell-col-end-9,.sm\:cell-end-9{grid-column-end:9}.sm\:cell-col-start-10,.sm\:cell-start-10{grid-column-start:10}.sm\:cell-col-end-10,.sm\:cell-end-10{grid-column-end:10}.sm\:cell-col-start-11,.sm\:cell-start-11{grid-column-start:11}.sm\:cell-col-end-11,.sm\:cell-end-11{grid-column-end:11}.sm\:cell-col-start-12,.sm\:cell-start-12{grid-column-start:12}.sm\:cell-col-end-12,.sm\:cell-end-12{grid-column-end:12}.sm\:cell-col-start-13,.sm\:cell-start-13{grid-column-start:13}.sm\:cell-col-end-13,.sm\:cell-end-13{grid-column-end:13}.sm\:cell-row-start-1{grid-row-start:1}.sm\:cell-row-end-1{grid-row-end:1}.sm\:cell-row-start-2{grid-row-start:2}.sm\:cell-row-end-2{grid-row-end:2}.sm\:cell-row-start-3{grid-row-start:3}.sm\:cell-row-end-3{grid-row-end:3}.sm\:cell-row-start-4{grid-row-start:4}.sm\:cell-row-end-4{grid-row-end:4}.sm\:cell-row-start-5{grid-row-start:5}.sm\:cell-row-end-5{grid-row-end:5}.sm\:cell-row-start-6{grid-row-start:6}.sm\:cell-row-end-6{grid-row-end:6}.sm\:cell-row-start-7{grid-row-start:7}.sm\:cell-row-end-7{grid-row-end:7}.sm\:cell-order-first{order:-9999}.sm\:cell-order-last{order:9999}.sm\:cell-order-none{order:0}.sm\:cell-order-1{order:1}.sm\:cell-order-2{order:2}.sm\:cell-order-3{order:3}.sm\:cell-order-4{order:4}.sm\:cell-order-5{order:5}.sm\:cell-order-6{order:6}.sm\:cell-order-7{order:7}.sm\:cell-order-8{order:8}.sm\:cell-order-9{order:9}.sm\:cell-order-10{order:10}.sm\:cell-order-11{order:11}.sm\:cell-order-12{order:12}}@media screen and (min-width:768px),print{.md\:grid-2,.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-3,.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-4,.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-5,.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-6,.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-7,.md\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\:grid-8,.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:grid-9,.md\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.md\:grid-10,.md\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\:grid-11,.md\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.md\:grid-12,.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-none{grid-template-columns:none}.md\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.md\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.md\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.md\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.md\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.md\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.md\:grid-rows-none{grid-template-rows:none}.md\:cell-auto,.md\:cell-span-auto{grid-column:auto}.md\:cell-full,.md\:cell-span-full{grid-column:1/-1}.md\:cell-1,.md\:cell-span-1{grid-column:span 1/span 1}.md\:cell-2,.md\:cell-span-2{grid-column:span 2/span 2}.md\:cell-3,.md\:cell-span-3{grid-column:span 3/span 3}.md\:cell-4,.md\:cell-span-4{grid-column:span 4/span 4}.md\:cell-5,.md\:cell-span-5{grid-column:span 5/span 5}.md\:cell-6,.md\:cell-span-6{grid-column:span 6/span 6}.md\:cell-7,.md\:cell-span-7{grid-column:span 7/span 7}.md\:cell-8,.md\:cell-span-8{grid-column:span 8/span 8}.md\:cell-9,.md\:cell-span-9{grid-column:span 9/span 9}.md\:cell-10,.md\:cell-span-10{grid-column:span 10/span 10}.md\:cell-11,.md\:cell-span-11{grid-column:span 11/span 11}.md\:cell-12,.md\:cell-span-12{grid-column:span 12/span 12}.md\:cell-row-auto{grid-row:auto}.md\:cell-row-full{grid-row:1/-1}.md\:cell-row-1,.md\:cell-row-span-1{grid-row:span 1/span 1}.md\:cell-row-2,.md\:cell-row-span-2{grid-row:span 2/span 2}.md\:cell-row-3,.md\:cell-row-span-3{grid-row:span 3/span 3}.md\:cell-row-4,.md\:cell-row-span-4{grid-row:span 4/span 4}.md\:cell-row-5,.md\:cell-row-span-5{grid-row:span 5/span 5}.md\:cell-row-6,.md\:cell-row-span-6{grid-row:span 6/span 6}.md\:cell-col-start-1,.md\:cell-start-1{grid-column-start:1}.md\:cell-col-end-1,.md\:cell-end-1{grid-column-end:1}.md\:cell-col-start-2,.md\:cell-start-2{grid-column-start:2}.md\:cell-col-end-2,.md\:cell-end-2{grid-column-end:2}.md\:cell-col-start-3,.md\:cell-start-3{grid-column-start:3}.md\:cell-col-end-3,.md\:cell-end-3{grid-column-end:3}.md\:cell-col-start-4,.md\:cell-start-4{grid-column-start:4}.md\:cell-col-end-4,.md\:cell-end-4{grid-column-end:4}.md\:cell-col-start-5,.md\:cell-start-5{grid-column-start:5}.md\:cell-col-end-5,.md\:cell-end-5{grid-column-end:5}.md\:cell-col-start-6,.md\:cell-start-6{grid-column-start:6}.md\:cell-col-end-6,.md\:cell-end-6{grid-column-end:6}.md\:cell-col-start-7,.md\:cell-start-7{grid-column-start:7}.md\:cell-col-end-7,.md\:cell-end-7{grid-column-end:7}.md\:cell-col-start-8,.md\:cell-start-8{grid-column-start:8}.md\:cell-col-end-8,.md\:cell-end-8{grid-column-end:8}.md\:cell-col-start-9,.md\:cell-start-9{grid-column-start:9}.md\:cell-col-end-9,.md\:cell-end-9{grid-column-end:9}.md\:cell-col-start-10,.md\:cell-start-10{grid-column-start:10}.md\:cell-col-end-10,.md\:cell-end-10{grid-column-end:10}.md\:cell-col-start-11,.md\:cell-start-11{grid-column-start:11}.md\:cell-col-end-11,.md\:cell-end-11{grid-column-end:11}.md\:cell-col-start-12,.md\:cell-start-12{grid-column-start:12}.md\:cell-col-end-12,.md\:cell-end-12{grid-column-end:12}.md\:cell-col-start-13,.md\:cell-start-13{grid-column-start:13}.md\:cell-col-end-13,.md\:cell-end-13{grid-column-end:13}.md\:cell-row-start-1{grid-row-start:1}.md\:cell-row-end-1{grid-row-end:1}.md\:cell-row-start-2{grid-row-start:2}.md\:cell-row-end-2{grid-row-end:2}.md\:cell-row-start-3{grid-row-start:3}.md\:cell-row-end-3{grid-row-end:3}.md\:cell-row-start-4{grid-row-start:4}.md\:cell-row-end-4{grid-row-end:4}.md\:cell-row-start-5{grid-row-start:5}.md\:cell-row-end-5{grid-row-end:5}.md\:cell-row-start-6{grid-row-start:6}.md\:cell-row-end-6{grid-row-end:6}.md\:cell-row-start-7{grid-row-start:7}.md\:cell-row-end-7{grid-row-end:7}.md\:cell-order-first{order:-9999}.md\:cell-order-last{order:9999}.md\:cell-order-none{order:0}.md\:cell-order-1{order:1}.md\:cell-order-2{order:2}.md\:cell-order-3{order:3}.md\:cell-order-4{order:4}.md\:cell-order-5{order:5}.md\:cell-order-6{order:6}.md\:cell-order-7{order:7}.md\:cell-order-8{order:8}.md\:cell-order-9{order:9}.md\:cell-order-10{order:10}.md\:cell-order-11{order:11}.md\:cell-order-12{order:12}}@media screen and (min-width:1024px),print{.lg\:grid-2,.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-3,.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-4,.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-5,.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-6,.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-7,.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-8,.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:grid-9,.lg\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.lg\:grid-10,.lg\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:grid-11,.lg\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lg\:grid-12,.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-none{grid-template-columns:none}.lg\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.lg\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.lg\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.lg\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.lg\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.lg\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.lg\:grid-rows-none{grid-template-rows:none}.lg\:cell-auto,.lg\:cell-span-auto{grid-column:auto}.lg\:cell-full,.lg\:cell-span-full{grid-column:1/-1}.lg\:cell-1,.lg\:cell-span-1{grid-column:span 1/span 1}.lg\:cell-2,.lg\:cell-span-2{grid-column:span 2/span 2}.lg\:cell-3,.lg\:cell-span-3{grid-column:span 3/span 3}.lg\:cell-4,.lg\:cell-span-4{grid-column:span 4/span 4}.lg\:cell-5,.lg\:cell-span-5{grid-column:span 5/span 5}.lg\:cell-6,.lg\:cell-span-6{grid-column:span 6/span 6}.lg\:cell-7,.lg\:cell-span-7{grid-column:span 7/span 7}.lg\:cell-8,.lg\:cell-span-8{grid-column:span 8/span 8}.lg\:cell-9,.lg\:cell-span-9{grid-column:span 9/span 9}.lg\:cell-10,.lg\:cell-span-10{grid-column:span 10/span 10}.lg\:cell-11,.lg\:cell-span-11{grid-column:span 11/span 11}.lg\:cell-12,.lg\:cell-span-12{grid-column:span 12/span 12}.lg\:cell-row-auto{grid-row:auto}.lg\:cell-row-full{grid-row:1/-1}.lg\:cell-row-1,.lg\:cell-row-span-1{grid-row:span 1/span 1}.lg\:cell-row-2,.lg\:cell-row-span-2{grid-row:span 2/span 2}.lg\:cell-row-3,.lg\:cell-row-span-3{grid-row:span 3/span 3}.lg\:cell-row-4,.lg\:cell-row-span-4{grid-row:span 4/span 4}.lg\:cell-row-5,.lg\:cell-row-span-5{grid-row:span 5/span 5}.lg\:cell-row-6,.lg\:cell-row-span-6{grid-row:span 6/span 6}.lg\:cell-col-start-1,.lg\:cell-start-1{grid-column-start:1}.lg\:cell-col-end-1,.lg\:cell-end-1{grid-column-end:1}.lg\:cell-col-start-2,.lg\:cell-start-2{grid-column-start:2}.lg\:cell-col-end-2,.lg\:cell-end-2{grid-column-end:2}.lg\:cell-col-start-3,.lg\:cell-start-3{grid-column-start:3}.lg\:cell-col-end-3,.lg\:cell-end-3{grid-column-end:3}.lg\:cell-col-start-4,.lg\:cell-start-4{grid-column-start:4}.lg\:cell-col-end-4,.lg\:cell-end-4{grid-column-end:4}.lg\:cell-col-start-5,.lg\:cell-start-5{grid-column-start:5}.lg\:cell-col-end-5,.lg\:cell-end-5{grid-column-end:5}.lg\:cell-col-start-6,.lg\:cell-start-6{grid-column-start:6}.lg\:cell-col-end-6,.lg\:cell-end-6{grid-column-end:6}.lg\:cell-col-start-7,.lg\:cell-start-7{grid-column-start:7}.lg\:cell-col-end-7,.lg\:cell-end-7{grid-column-end:7}.lg\:cell-col-start-8,.lg\:cell-start-8{grid-column-start:8}.lg\:cell-col-end-8,.lg\:cell-end-8{grid-column-end:8}.lg\:cell-col-start-9,.lg\:cell-start-9{grid-column-start:9}.lg\:cell-col-end-9,.lg\:cell-end-9{grid-column-end:9}.lg\:cell-col-start-10,.lg\:cell-start-10{grid-column-start:10}.lg\:cell-col-end-10,.lg\:cell-end-10{grid-column-end:10}.lg\:cell-col-start-11,.lg\:cell-start-11{grid-column-start:11}.lg\:cell-col-end-11,.lg\:cell-end-11{grid-column-end:11}.lg\:cell-col-start-12,.lg\:cell-start-12{grid-column-start:12}.lg\:cell-col-end-12,.lg\:cell-end-12{grid-column-end:12}.lg\:cell-col-start-13,.lg\:cell-start-13{grid-column-start:13}.lg\:cell-col-end-13,.lg\:cell-end-13{grid-column-end:13}.lg\:cell-row-start-1{grid-row-start:1}.lg\:cell-row-end-1{grid-row-end:1}.lg\:cell-row-start-2{grid-row-start:2}.lg\:cell-row-end-2{grid-row-end:2}.lg\:cell-row-start-3{grid-row-start:3}.lg\:cell-row-end-3{grid-row-end:3}.lg\:cell-row-start-4{grid-row-start:4}.lg\:cell-row-end-4{grid-row-end:4}.lg\:cell-row-start-5{grid-row-start:5}.lg\:cell-row-end-5{grid-row-end:5}.lg\:cell-row-start-6{grid-row-start:6}.lg\:cell-row-end-6{grid-row-end:6}.lg\:cell-row-start-7{grid-row-start:7}.lg\:cell-row-end-7{grid-row-end:7}.lg\:cell-order-first{order:-9999}.lg\:cell-order-last{order:9999}.lg\:cell-order-none{order:0}.lg\:cell-order-1{order:1}.lg\:cell-order-2{order:2}.lg\:cell-order-3{order:3}.lg\:cell-order-4{order:4}.lg\:cell-order-5{order:5}.lg\:cell-order-6{order:6}.lg\:cell-order-7{order:7}.lg\:cell-order-8{order:8}.lg\:cell-order-9{order:9}.lg\:cell-order-10{order:10}.lg\:cell-order-11{order:11}.lg\:cell-order-12{order:12}}.gap-px{gap:1px}.gap-x-px{column-gap:1px}.gap-y-px{row-gap:1px}.gap-0,.gap-0 [class^=grid]{gap:0}.gap-x-0,.gap-x-0 [class^=grid]{column-gap:0}.gap-y-0,.gap-y-0 [class^=grid]{row-gap:0}.gap-1,.gap-1 [class^=grid]{gap:.25rem}.gap-x-1,.gap-x-1 [class^=grid]{column-gap:.25rem}.gap-y-1,.gap-y-1 [class^=grid]{row-gap:.25rem}.gap-2,.gap-2 [class^=grid]{gap:.5rem}.gap-x-2,.gap-x-2 [class^=grid]{column-gap:.5rem}.gap-y-2,.gap-y-2 [class^=grid]{row-gap:.5rem}.gap-3,.gap-3 [class^=grid]{gap:.75rem}.gap-x-3,.gap-x-3 [class^=grid]{column-gap:.75rem}.gap-y-3,.gap-y-3 [class^=grid]{row-gap:.75rem}.gap-4,.gap-4 [class^=grid]{gap:1rem}.gap-x-4,.gap-x-4 [class^=grid]{column-gap:1rem}.gap-y-4,.gap-y-4 [class^=grid]{row-gap:1rem}.gap-5,.gap-5 [class^=grid]{gap:1.25rem}.gap-x-5,.gap-x-5 [class^=grid]{column-gap:1.25rem}.gap-y-5,.gap-y-5 [class^=grid]{row-gap:1.25rem}.gap-6,.gap-6 [class^=grid]{gap:1.5rem}.gap-x-6,.gap-x-6 [class^=grid]{column-gap:1.5rem}.gap-y-6,.gap-y-6 [class^=grid]{row-gap:1.5rem}.gap-7,.gap-7 [class^=grid]{gap:1.75rem}.gap-x-7,.gap-x-7 [class^=grid]{column-gap:1.75rem}.gap-y-7,.gap-y-7 [class^=grid]{row-gap:1.75rem}.gap-8,.gap-8 [class^=grid]{gap:2rem}.gap-x-8,.gap-x-8 [class^=grid]{column-gap:2rem}.gap-y-8,.gap-y-8 [class^=grid]{row-gap:2rem}.gap-9,.gap-9 [class^=grid]{gap:2.25rem}.gap-x-9,.gap-x-9 [class^=grid]{column-gap:2.25rem}.gap-y-9,.gap-y-9 [class^=grid]{row-gap:2.25rem}.gap-10,.gap-10 [class^=grid]{gap:2.5rem}.gap-x-10,.gap-x-10 [class^=grid]{column-gap:2.5rem}.gap-y-10,.gap-y-10 [class^=grid]{row-gap:2.5rem} diff --git a/content/page-templates/css-grid-framework/4-gap/css.inc b/content/page-templates/css-grid-framework/4-gap/css.inc index 8ebff36dd..f6e1a56ad 100644 --- a/content/page-templates/css-grid-framework/4-gap/css.inc +++ b/content/page-templates/css-grid-framework/4-gap/css.inc @@ -1,9 +1,9 @@ /** * License: MIT License * Generated on 25 May 2021 - * Author: Fpassaniti for Opendatasoft + * Author: Fpassaniti for Huwise * Version: 0.1 - * Description: CSS Grid framework for Opendatasoft pages (and more). Go to http://codelibrary.opendatasoft.com/ for more information (doc & examples). + * Description: CSS Grid framework for Huwise pages (and more). Go to http://codelibrary.huwise.com/ for more information (doc & examples). */ [class^=grid]{display:grid;grid-gap:1rem}.grid-auto,.grid-auto-flow,.grid-cols-auto-flow{grid-auto-flow:column}.grid-rows-auto-flow{grid-auto-flow:row}.grid-cols-fit,.grid-fit{grid-auto-columns:max-content}.grid-rows-fit{grid-auto-rows:max-content}.grid-2,.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4,.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5,.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-6,.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-7,.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-8,.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-9,.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-10,.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-11,.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-12,.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-none{grid-template-columns:none}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.grid-rows-none{grid-template-rows:none}[class*=":cell"],[class^=cell]{display:flex;flex-direction:column;justify-content:stretch}.cell-auto,.cell-span-auto{grid-column:auto}.cell-full,.cell-span-full{grid-column:1/-1}.cell-1,.cell-span-1{grid-column:span 1/span 1}.cell-2,.cell-span-2{grid-column:span 2/span 2}.cell-3,.cell-span-3{grid-column:span 3/span 3}.cell-4,.cell-span-4{grid-column:span 4/span 4}.cell-5,.cell-span-5{grid-column:span 5/span 5}.cell-6,.cell-span-6{grid-column:span 6/span 6}.cell-7,.cell-span-7{grid-column:span 7/span 7}.cell-8,.cell-span-8{grid-column:span 8/span 8}.cell-9,.cell-span-9{grid-column:span 9/span 9}.cell-10,.cell-span-10{grid-column:span 10/span 10}.cell-11,.cell-span-11{grid-column:span 11/span 11}.cell-12,.cell-span-12{grid-column:span 12/span 12}.cell-row-auto{grid-row:auto}.cell-row-full{grid-row:1/-1}.cell-row-1,.cell-row-span-1{grid-row:span 1/span 1}.cell-row-2,.cell-row-span-2{grid-row:span 2/span 2}.cell-row-3,.cell-row-span-3{grid-row:span 3/span 3}.cell-row-4,.cell-row-span-4{grid-row:span 4/span 4}.cell-row-5,.cell-row-span-5{grid-row:span 5/span 5}.cell-row-6,.cell-row-span-6{grid-row:span 6/span 6}.cell-col-start-1,.cell-start-1{grid-column-start:1}.cell-col-end-1,.cell-end-1{grid-column-end:1}.cell-col-start-2,.cell-start-2{grid-column-start:2}.cell-col-end-2,.cell-end-2{grid-column-end:2}.cell-col-start-3,.cell-start-3{grid-column-start:3}.cell-col-end-3,.cell-end-3{grid-column-end:3}.cell-col-start-4,.cell-start-4{grid-column-start:4}.cell-col-end-4,.cell-end-4{grid-column-end:4}.cell-col-start-5,.cell-start-5{grid-column-start:5}.cell-col-end-5,.cell-end-5{grid-column-end:5}.cell-col-start-6,.cell-start-6{grid-column-start:6}.cell-col-end-6,.cell-end-6{grid-column-end:6}.cell-col-start-7,.cell-start-7{grid-column-start:7}.cell-col-end-7,.cell-end-7{grid-column-end:7}.cell-col-start-8,.cell-start-8{grid-column-start:8}.cell-col-end-8,.cell-end-8{grid-column-end:8}.cell-col-start-9,.cell-start-9{grid-column-start:9}.cell-col-end-9,.cell-end-9{grid-column-end:9}.cell-col-start-10,.cell-start-10{grid-column-start:10}.cell-col-end-10,.cell-end-10{grid-column-end:10}.cell-col-start-11,.cell-start-11{grid-column-start:11}.cell-col-end-11,.cell-end-11{grid-column-end:11}.cell-col-start-12,.cell-start-12{grid-column-start:12}.cell-col-end-12,.cell-end-12{grid-column-end:12}.cell-col-start-13,.cell-start-13{grid-column-start:13}.cell-col-end-13,.cell-end-13{grid-column-end:13}.cell-row-start-1{grid-row-start:1}.cell-row-end-1{grid-row-end:1}.cell-row-start-2{grid-row-start:2}.cell-row-end-2{grid-row-end:2}.cell-row-start-3{grid-row-start:3}.cell-row-end-3{grid-row-end:3}.cell-row-start-4{grid-row-start:4}.cell-row-end-4{grid-row-end:4}.cell-row-start-5{grid-row-start:5}.cell-row-end-5{grid-row-end:5}.cell-row-start-6{grid-row-start:6}.cell-row-end-6{grid-row-end:6}.cell-row-start-7{grid-row-start:7}.cell-row-end-7{grid-row-end:7}.cell-order-first{order:-9999}.cell-order-last{order:9999}.cell-order-none{order:0}.cell-order-1{order:1}.cell-order-2{order:2}.cell-order-3{order:3}.cell-order-4{order:4}.cell-order-5{order:5}.cell-order-6{order:6}.cell-order-7{order:7}.cell-order-8{order:8}.cell-order-9{order:9}.cell-order-10{order:10}.cell-order-11{order:11}.cell-order-12{order:12}@media screen and (min-width:640px),print{.sm\:grid-2,.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-3,.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-4,.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-5,.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-6,.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-7,.sm\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.sm\:grid-8,.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:grid-9,.sm\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.sm\:grid-10,.sm\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.sm\:grid-11,.sm\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.sm\:grid-12,.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\:grid-cols-none{grid-template-columns:none}.sm\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.sm\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.sm\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.sm\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.sm\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.sm\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.sm\:grid-rows-none{grid-template-rows:none}.sm\:cell-auto,.sm\:cell-span-auto{grid-column:auto}.sm\:cell-full,.sm\:cell-span-full{grid-column:1/-1}.sm\:cell-1,.sm\:cell-span-1{grid-column:span 1/span 1}.sm\:cell-2,.sm\:cell-span-2{grid-column:span 2/span 2}.sm\:cell-3,.sm\:cell-span-3{grid-column:span 3/span 3}.sm\:cell-4,.sm\:cell-span-4{grid-column:span 4/span 4}.sm\:cell-5,.sm\:cell-span-5{grid-column:span 5/span 5}.sm\:cell-6,.sm\:cell-span-6{grid-column:span 6/span 6}.sm\:cell-7,.sm\:cell-span-7{grid-column:span 7/span 7}.sm\:cell-8,.sm\:cell-span-8{grid-column:span 8/span 8}.sm\:cell-9,.sm\:cell-span-9{grid-column:span 9/span 9}.sm\:cell-10,.sm\:cell-span-10{grid-column:span 10/span 10}.sm\:cell-11,.sm\:cell-span-11{grid-column:span 11/span 11}.sm\:cell-12,.sm\:cell-span-12{grid-column:span 12/span 12}.sm\:cell-row-auto{grid-row:auto}.sm\:cell-row-full{grid-row:1/-1}.sm\:cell-row-1,.sm\:cell-row-span-1{grid-row:span 1/span 1}.sm\:cell-row-2,.sm\:cell-row-span-2{grid-row:span 2/span 2}.sm\:cell-row-3,.sm\:cell-row-span-3{grid-row:span 3/span 3}.sm\:cell-row-4,.sm\:cell-row-span-4{grid-row:span 4/span 4}.sm\:cell-row-5,.sm\:cell-row-span-5{grid-row:span 5/span 5}.sm\:cell-row-6,.sm\:cell-row-span-6{grid-row:span 6/span 6}.sm\:cell-col-start-1,.sm\:cell-start-1{grid-column-start:1}.sm\:cell-col-end-1,.sm\:cell-end-1{grid-column-end:1}.sm\:cell-col-start-2,.sm\:cell-start-2{grid-column-start:2}.sm\:cell-col-end-2,.sm\:cell-end-2{grid-column-end:2}.sm\:cell-col-start-3,.sm\:cell-start-3{grid-column-start:3}.sm\:cell-col-end-3,.sm\:cell-end-3{grid-column-end:3}.sm\:cell-col-start-4,.sm\:cell-start-4{grid-column-start:4}.sm\:cell-col-end-4,.sm\:cell-end-4{grid-column-end:4}.sm\:cell-col-start-5,.sm\:cell-start-5{grid-column-start:5}.sm\:cell-col-end-5,.sm\:cell-end-5{grid-column-end:5}.sm\:cell-col-start-6,.sm\:cell-start-6{grid-column-start:6}.sm\:cell-col-end-6,.sm\:cell-end-6{grid-column-end:6}.sm\:cell-col-start-7,.sm\:cell-start-7{grid-column-start:7}.sm\:cell-col-end-7,.sm\:cell-end-7{grid-column-end:7}.sm\:cell-col-start-8,.sm\:cell-start-8{grid-column-start:8}.sm\:cell-col-end-8,.sm\:cell-end-8{grid-column-end:8}.sm\:cell-col-start-9,.sm\:cell-start-9{grid-column-start:9}.sm\:cell-col-end-9,.sm\:cell-end-9{grid-column-end:9}.sm\:cell-col-start-10,.sm\:cell-start-10{grid-column-start:10}.sm\:cell-col-end-10,.sm\:cell-end-10{grid-column-end:10}.sm\:cell-col-start-11,.sm\:cell-start-11{grid-column-start:11}.sm\:cell-col-end-11,.sm\:cell-end-11{grid-column-end:11}.sm\:cell-col-start-12,.sm\:cell-start-12{grid-column-start:12}.sm\:cell-col-end-12,.sm\:cell-end-12{grid-column-end:12}.sm\:cell-col-start-13,.sm\:cell-start-13{grid-column-start:13}.sm\:cell-col-end-13,.sm\:cell-end-13{grid-column-end:13}.sm\:cell-row-start-1{grid-row-start:1}.sm\:cell-row-end-1{grid-row-end:1}.sm\:cell-row-start-2{grid-row-start:2}.sm\:cell-row-end-2{grid-row-end:2}.sm\:cell-row-start-3{grid-row-start:3}.sm\:cell-row-end-3{grid-row-end:3}.sm\:cell-row-start-4{grid-row-start:4}.sm\:cell-row-end-4{grid-row-end:4}.sm\:cell-row-start-5{grid-row-start:5}.sm\:cell-row-end-5{grid-row-end:5}.sm\:cell-row-start-6{grid-row-start:6}.sm\:cell-row-end-6{grid-row-end:6}.sm\:cell-row-start-7{grid-row-start:7}.sm\:cell-row-end-7{grid-row-end:7}.sm\:cell-order-first{order:-9999}.sm\:cell-order-last{order:9999}.sm\:cell-order-none{order:0}.sm\:cell-order-1{order:1}.sm\:cell-order-2{order:2}.sm\:cell-order-3{order:3}.sm\:cell-order-4{order:4}.sm\:cell-order-5{order:5}.sm\:cell-order-6{order:6}.sm\:cell-order-7{order:7}.sm\:cell-order-8{order:8}.sm\:cell-order-9{order:9}.sm\:cell-order-10{order:10}.sm\:cell-order-11{order:11}.sm\:cell-order-12{order:12}}@media screen and (min-width:768px),print{.md\:grid-2,.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-3,.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-4,.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-5,.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-6,.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-7,.md\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\:grid-8,.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:grid-9,.md\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.md\:grid-10,.md\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\:grid-11,.md\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.md\:grid-12,.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-none{grid-template-columns:none}.md\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.md\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.md\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.md\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.md\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.md\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.md\:grid-rows-none{grid-template-rows:none}.md\:cell-auto,.md\:cell-span-auto{grid-column:auto}.md\:cell-full,.md\:cell-span-full{grid-column:1/-1}.md\:cell-1,.md\:cell-span-1{grid-column:span 1/span 1}.md\:cell-2,.md\:cell-span-2{grid-column:span 2/span 2}.md\:cell-3,.md\:cell-span-3{grid-column:span 3/span 3}.md\:cell-4,.md\:cell-span-4{grid-column:span 4/span 4}.md\:cell-5,.md\:cell-span-5{grid-column:span 5/span 5}.md\:cell-6,.md\:cell-span-6{grid-column:span 6/span 6}.md\:cell-7,.md\:cell-span-7{grid-column:span 7/span 7}.md\:cell-8,.md\:cell-span-8{grid-column:span 8/span 8}.md\:cell-9,.md\:cell-span-9{grid-column:span 9/span 9}.md\:cell-10,.md\:cell-span-10{grid-column:span 10/span 10}.md\:cell-11,.md\:cell-span-11{grid-column:span 11/span 11}.md\:cell-12,.md\:cell-span-12{grid-column:span 12/span 12}.md\:cell-row-auto{grid-row:auto}.md\:cell-row-full{grid-row:1/-1}.md\:cell-row-1,.md\:cell-row-span-1{grid-row:span 1/span 1}.md\:cell-row-2,.md\:cell-row-span-2{grid-row:span 2/span 2}.md\:cell-row-3,.md\:cell-row-span-3{grid-row:span 3/span 3}.md\:cell-row-4,.md\:cell-row-span-4{grid-row:span 4/span 4}.md\:cell-row-5,.md\:cell-row-span-5{grid-row:span 5/span 5}.md\:cell-row-6,.md\:cell-row-span-6{grid-row:span 6/span 6}.md\:cell-col-start-1,.md\:cell-start-1{grid-column-start:1}.md\:cell-col-end-1,.md\:cell-end-1{grid-column-end:1}.md\:cell-col-start-2,.md\:cell-start-2{grid-column-start:2}.md\:cell-col-end-2,.md\:cell-end-2{grid-column-end:2}.md\:cell-col-start-3,.md\:cell-start-3{grid-column-start:3}.md\:cell-col-end-3,.md\:cell-end-3{grid-column-end:3}.md\:cell-col-start-4,.md\:cell-start-4{grid-column-start:4}.md\:cell-col-end-4,.md\:cell-end-4{grid-column-end:4}.md\:cell-col-start-5,.md\:cell-start-5{grid-column-start:5}.md\:cell-col-end-5,.md\:cell-end-5{grid-column-end:5}.md\:cell-col-start-6,.md\:cell-start-6{grid-column-start:6}.md\:cell-col-end-6,.md\:cell-end-6{grid-column-end:6}.md\:cell-col-start-7,.md\:cell-start-7{grid-column-start:7}.md\:cell-col-end-7,.md\:cell-end-7{grid-column-end:7}.md\:cell-col-start-8,.md\:cell-start-8{grid-column-start:8}.md\:cell-col-end-8,.md\:cell-end-8{grid-column-end:8}.md\:cell-col-start-9,.md\:cell-start-9{grid-column-start:9}.md\:cell-col-end-9,.md\:cell-end-9{grid-column-end:9}.md\:cell-col-start-10,.md\:cell-start-10{grid-column-start:10}.md\:cell-col-end-10,.md\:cell-end-10{grid-column-end:10}.md\:cell-col-start-11,.md\:cell-start-11{grid-column-start:11}.md\:cell-col-end-11,.md\:cell-end-11{grid-column-end:11}.md\:cell-col-start-12,.md\:cell-start-12{grid-column-start:12}.md\:cell-col-end-12,.md\:cell-end-12{grid-column-end:12}.md\:cell-col-start-13,.md\:cell-start-13{grid-column-start:13}.md\:cell-col-end-13,.md\:cell-end-13{grid-column-end:13}.md\:cell-row-start-1{grid-row-start:1}.md\:cell-row-end-1{grid-row-end:1}.md\:cell-row-start-2{grid-row-start:2}.md\:cell-row-end-2{grid-row-end:2}.md\:cell-row-start-3{grid-row-start:3}.md\:cell-row-end-3{grid-row-end:3}.md\:cell-row-start-4{grid-row-start:4}.md\:cell-row-end-4{grid-row-end:4}.md\:cell-row-start-5{grid-row-start:5}.md\:cell-row-end-5{grid-row-end:5}.md\:cell-row-start-6{grid-row-start:6}.md\:cell-row-end-6{grid-row-end:6}.md\:cell-row-start-7{grid-row-start:7}.md\:cell-row-end-7{grid-row-end:7}.md\:cell-order-first{order:-9999}.md\:cell-order-last{order:9999}.md\:cell-order-none{order:0}.md\:cell-order-1{order:1}.md\:cell-order-2{order:2}.md\:cell-order-3{order:3}.md\:cell-order-4{order:4}.md\:cell-order-5{order:5}.md\:cell-order-6{order:6}.md\:cell-order-7{order:7}.md\:cell-order-8{order:8}.md\:cell-order-9{order:9}.md\:cell-order-10{order:10}.md\:cell-order-11{order:11}.md\:cell-order-12{order:12}}@media screen and (min-width:1024px),print{.lg\:grid-2,.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-3,.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-4,.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-5,.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-6,.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-7,.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-8,.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:grid-9,.lg\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.lg\:grid-10,.lg\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:grid-11,.lg\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lg\:grid-12,.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-none{grid-template-columns:none}.lg\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.lg\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.lg\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.lg\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.lg\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.lg\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.lg\:grid-rows-none{grid-template-rows:none}.lg\:cell-auto,.lg\:cell-span-auto{grid-column:auto}.lg\:cell-full,.lg\:cell-span-full{grid-column:1/-1}.lg\:cell-1,.lg\:cell-span-1{grid-column:span 1/span 1}.lg\:cell-2,.lg\:cell-span-2{grid-column:span 2/span 2}.lg\:cell-3,.lg\:cell-span-3{grid-column:span 3/span 3}.lg\:cell-4,.lg\:cell-span-4{grid-column:span 4/span 4}.lg\:cell-5,.lg\:cell-span-5{grid-column:span 5/span 5}.lg\:cell-6,.lg\:cell-span-6{grid-column:span 6/span 6}.lg\:cell-7,.lg\:cell-span-7{grid-column:span 7/span 7}.lg\:cell-8,.lg\:cell-span-8{grid-column:span 8/span 8}.lg\:cell-9,.lg\:cell-span-9{grid-column:span 9/span 9}.lg\:cell-10,.lg\:cell-span-10{grid-column:span 10/span 10}.lg\:cell-11,.lg\:cell-span-11{grid-column:span 11/span 11}.lg\:cell-12,.lg\:cell-span-12{grid-column:span 12/span 12}.lg\:cell-row-auto{grid-row:auto}.lg\:cell-row-full{grid-row:1/-1}.lg\:cell-row-1,.lg\:cell-row-span-1{grid-row:span 1/span 1}.lg\:cell-row-2,.lg\:cell-row-span-2{grid-row:span 2/span 2}.lg\:cell-row-3,.lg\:cell-row-span-3{grid-row:span 3/span 3}.lg\:cell-row-4,.lg\:cell-row-span-4{grid-row:span 4/span 4}.lg\:cell-row-5,.lg\:cell-row-span-5{grid-row:span 5/span 5}.lg\:cell-row-6,.lg\:cell-row-span-6{grid-row:span 6/span 6}.lg\:cell-col-start-1,.lg\:cell-start-1{grid-column-start:1}.lg\:cell-col-end-1,.lg\:cell-end-1{grid-column-end:1}.lg\:cell-col-start-2,.lg\:cell-start-2{grid-column-start:2}.lg\:cell-col-end-2,.lg\:cell-end-2{grid-column-end:2}.lg\:cell-col-start-3,.lg\:cell-start-3{grid-column-start:3}.lg\:cell-col-end-3,.lg\:cell-end-3{grid-column-end:3}.lg\:cell-col-start-4,.lg\:cell-start-4{grid-column-start:4}.lg\:cell-col-end-4,.lg\:cell-end-4{grid-column-end:4}.lg\:cell-col-start-5,.lg\:cell-start-5{grid-column-start:5}.lg\:cell-col-end-5,.lg\:cell-end-5{grid-column-end:5}.lg\:cell-col-start-6,.lg\:cell-start-6{grid-column-start:6}.lg\:cell-col-end-6,.lg\:cell-end-6{grid-column-end:6}.lg\:cell-col-start-7,.lg\:cell-start-7{grid-column-start:7}.lg\:cell-col-end-7,.lg\:cell-end-7{grid-column-end:7}.lg\:cell-col-start-8,.lg\:cell-start-8{grid-column-start:8}.lg\:cell-col-end-8,.lg\:cell-end-8{grid-column-end:8}.lg\:cell-col-start-9,.lg\:cell-start-9{grid-column-start:9}.lg\:cell-col-end-9,.lg\:cell-end-9{grid-column-end:9}.lg\:cell-col-start-10,.lg\:cell-start-10{grid-column-start:10}.lg\:cell-col-end-10,.lg\:cell-end-10{grid-column-end:10}.lg\:cell-col-start-11,.lg\:cell-start-11{grid-column-start:11}.lg\:cell-col-end-11,.lg\:cell-end-11{grid-column-end:11}.lg\:cell-col-start-12,.lg\:cell-start-12{grid-column-start:12}.lg\:cell-col-end-12,.lg\:cell-end-12{grid-column-end:12}.lg\:cell-col-start-13,.lg\:cell-start-13{grid-column-start:13}.lg\:cell-col-end-13,.lg\:cell-end-13{grid-column-end:13}.lg\:cell-row-start-1{grid-row-start:1}.lg\:cell-row-end-1{grid-row-end:1}.lg\:cell-row-start-2{grid-row-start:2}.lg\:cell-row-end-2{grid-row-end:2}.lg\:cell-row-start-3{grid-row-start:3}.lg\:cell-row-end-3{grid-row-end:3}.lg\:cell-row-start-4{grid-row-start:4}.lg\:cell-row-end-4{grid-row-end:4}.lg\:cell-row-start-5{grid-row-start:5}.lg\:cell-row-end-5{grid-row-end:5}.lg\:cell-row-start-6{grid-row-start:6}.lg\:cell-row-end-6{grid-row-end:6}.lg\:cell-row-start-7{grid-row-start:7}.lg\:cell-row-end-7{grid-row-end:7}.lg\:cell-order-first{order:-9999}.lg\:cell-order-last{order:9999}.lg\:cell-order-none{order:0}.lg\:cell-order-1{order:1}.lg\:cell-order-2{order:2}.lg\:cell-order-3{order:3}.lg\:cell-order-4{order:4}.lg\:cell-order-5{order:5}.lg\:cell-order-6{order:6}.lg\:cell-order-7{order:7}.lg\:cell-order-8{order:8}.lg\:cell-order-9{order:9}.lg\:cell-order-10{order:10}.lg\:cell-order-11{order:11}.lg\:cell-order-12{order:12}}.gap-px{gap:1px}.gap-x-px{column-gap:1px}.gap-y-px{row-gap:1px}.gap-0,.gap-0 [class^=grid]{gap:0}.gap-x-0,.gap-x-0 [class^=grid]{column-gap:0}.gap-y-0,.gap-y-0 [class^=grid]{row-gap:0}.gap-1,.gap-1 [class^=grid]{gap:.25rem}.gap-x-1,.gap-x-1 [class^=grid]{column-gap:.25rem}.gap-y-1,.gap-y-1 [class^=grid]{row-gap:.25rem}.gap-2,.gap-2 [class^=grid]{gap:.5rem}.gap-x-2,.gap-x-2 [class^=grid]{column-gap:.5rem}.gap-y-2,.gap-y-2 [class^=grid]{row-gap:.5rem}.gap-3,.gap-3 [class^=grid]{gap:.75rem}.gap-x-3,.gap-x-3 [class^=grid]{column-gap:.75rem}.gap-y-3,.gap-y-3 [class^=grid]{row-gap:.75rem}.gap-4,.gap-4 [class^=grid]{gap:1rem}.gap-x-4,.gap-x-4 [class^=grid]{column-gap:1rem}.gap-y-4,.gap-y-4 [class^=grid]{row-gap:1rem}.gap-5,.gap-5 [class^=grid]{gap:1.25rem}.gap-x-5,.gap-x-5 [class^=grid]{column-gap:1.25rem}.gap-y-5,.gap-y-5 [class^=grid]{row-gap:1.25rem}.gap-6,.gap-6 [class^=grid]{gap:1.5rem}.gap-x-6,.gap-x-6 [class^=grid]{column-gap:1.5rem}.gap-y-6,.gap-y-6 [class^=grid]{row-gap:1.5rem}.gap-7,.gap-7 [class^=grid]{gap:1.75rem}.gap-x-7,.gap-x-7 [class^=grid]{column-gap:1.75rem}.gap-y-7,.gap-y-7 [class^=grid]{row-gap:1.75rem}.gap-8,.gap-8 [class^=grid]{gap:2rem}.gap-x-8,.gap-x-8 [class^=grid]{column-gap:2rem}.gap-y-8,.gap-y-8 [class^=grid]{row-gap:2rem}.gap-9,.gap-9 [class^=grid]{gap:2.25rem}.gap-x-9,.gap-x-9 [class^=grid]{column-gap:2.25rem}.gap-y-9,.gap-y-9 [class^=grid]{row-gap:2.25rem}.gap-10,.gap-10 [class^=grid]{gap:2.5rem}.gap-x-10,.gap-x-10 [class^=grid]{column-gap:2.5rem}.gap-y-10,.gap-y-10 [class^=grid]{row-gap:2.5rem} diff --git a/content/page-templates/css-grid-framework/5-others/css.inc b/content/page-templates/css-grid-framework/5-others/css.inc index 8ebff36dd..f6e1a56ad 100644 --- a/content/page-templates/css-grid-framework/5-others/css.inc +++ b/content/page-templates/css-grid-framework/5-others/css.inc @@ -1,9 +1,9 @@ /** * License: MIT License * Generated on 25 May 2021 - * Author: Fpassaniti for Opendatasoft + * Author: Fpassaniti for Huwise * Version: 0.1 - * Description: CSS Grid framework for Opendatasoft pages (and more). Go to http://codelibrary.opendatasoft.com/ for more information (doc & examples). + * Description: CSS Grid framework for Huwise pages (and more). Go to http://codelibrary.huwise.com/ for more information (doc & examples). */ [class^=grid]{display:grid;grid-gap:1rem}.grid-auto,.grid-auto-flow,.grid-cols-auto-flow{grid-auto-flow:column}.grid-rows-auto-flow{grid-auto-flow:row}.grid-cols-fit,.grid-fit{grid-auto-columns:max-content}.grid-rows-fit{grid-auto-rows:max-content}.grid-2,.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4,.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5,.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-6,.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-7,.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-8,.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-9,.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-10,.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-11,.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-12,.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-none{grid-template-columns:none}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.grid-rows-none{grid-template-rows:none}[class*=":cell"],[class^=cell]{display:flex;flex-direction:column;justify-content:stretch}.cell-auto,.cell-span-auto{grid-column:auto}.cell-full,.cell-span-full{grid-column:1/-1}.cell-1,.cell-span-1{grid-column:span 1/span 1}.cell-2,.cell-span-2{grid-column:span 2/span 2}.cell-3,.cell-span-3{grid-column:span 3/span 3}.cell-4,.cell-span-4{grid-column:span 4/span 4}.cell-5,.cell-span-5{grid-column:span 5/span 5}.cell-6,.cell-span-6{grid-column:span 6/span 6}.cell-7,.cell-span-7{grid-column:span 7/span 7}.cell-8,.cell-span-8{grid-column:span 8/span 8}.cell-9,.cell-span-9{grid-column:span 9/span 9}.cell-10,.cell-span-10{grid-column:span 10/span 10}.cell-11,.cell-span-11{grid-column:span 11/span 11}.cell-12,.cell-span-12{grid-column:span 12/span 12}.cell-row-auto{grid-row:auto}.cell-row-full{grid-row:1/-1}.cell-row-1,.cell-row-span-1{grid-row:span 1/span 1}.cell-row-2,.cell-row-span-2{grid-row:span 2/span 2}.cell-row-3,.cell-row-span-3{grid-row:span 3/span 3}.cell-row-4,.cell-row-span-4{grid-row:span 4/span 4}.cell-row-5,.cell-row-span-5{grid-row:span 5/span 5}.cell-row-6,.cell-row-span-6{grid-row:span 6/span 6}.cell-col-start-1,.cell-start-1{grid-column-start:1}.cell-col-end-1,.cell-end-1{grid-column-end:1}.cell-col-start-2,.cell-start-2{grid-column-start:2}.cell-col-end-2,.cell-end-2{grid-column-end:2}.cell-col-start-3,.cell-start-3{grid-column-start:3}.cell-col-end-3,.cell-end-3{grid-column-end:3}.cell-col-start-4,.cell-start-4{grid-column-start:4}.cell-col-end-4,.cell-end-4{grid-column-end:4}.cell-col-start-5,.cell-start-5{grid-column-start:5}.cell-col-end-5,.cell-end-5{grid-column-end:5}.cell-col-start-6,.cell-start-6{grid-column-start:6}.cell-col-end-6,.cell-end-6{grid-column-end:6}.cell-col-start-7,.cell-start-7{grid-column-start:7}.cell-col-end-7,.cell-end-7{grid-column-end:7}.cell-col-start-8,.cell-start-8{grid-column-start:8}.cell-col-end-8,.cell-end-8{grid-column-end:8}.cell-col-start-9,.cell-start-9{grid-column-start:9}.cell-col-end-9,.cell-end-9{grid-column-end:9}.cell-col-start-10,.cell-start-10{grid-column-start:10}.cell-col-end-10,.cell-end-10{grid-column-end:10}.cell-col-start-11,.cell-start-11{grid-column-start:11}.cell-col-end-11,.cell-end-11{grid-column-end:11}.cell-col-start-12,.cell-start-12{grid-column-start:12}.cell-col-end-12,.cell-end-12{grid-column-end:12}.cell-col-start-13,.cell-start-13{grid-column-start:13}.cell-col-end-13,.cell-end-13{grid-column-end:13}.cell-row-start-1{grid-row-start:1}.cell-row-end-1{grid-row-end:1}.cell-row-start-2{grid-row-start:2}.cell-row-end-2{grid-row-end:2}.cell-row-start-3{grid-row-start:3}.cell-row-end-3{grid-row-end:3}.cell-row-start-4{grid-row-start:4}.cell-row-end-4{grid-row-end:4}.cell-row-start-5{grid-row-start:5}.cell-row-end-5{grid-row-end:5}.cell-row-start-6{grid-row-start:6}.cell-row-end-6{grid-row-end:6}.cell-row-start-7{grid-row-start:7}.cell-row-end-7{grid-row-end:7}.cell-order-first{order:-9999}.cell-order-last{order:9999}.cell-order-none{order:0}.cell-order-1{order:1}.cell-order-2{order:2}.cell-order-3{order:3}.cell-order-4{order:4}.cell-order-5{order:5}.cell-order-6{order:6}.cell-order-7{order:7}.cell-order-8{order:8}.cell-order-9{order:9}.cell-order-10{order:10}.cell-order-11{order:11}.cell-order-12{order:12}@media screen and (min-width:640px),print{.sm\:grid-2,.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-3,.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-4,.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-5,.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-6,.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-7,.sm\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.sm\:grid-8,.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:grid-9,.sm\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.sm\:grid-10,.sm\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.sm\:grid-11,.sm\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.sm\:grid-12,.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\:grid-cols-none{grid-template-columns:none}.sm\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.sm\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.sm\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.sm\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.sm\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.sm\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.sm\:grid-rows-none{grid-template-rows:none}.sm\:cell-auto,.sm\:cell-span-auto{grid-column:auto}.sm\:cell-full,.sm\:cell-span-full{grid-column:1/-1}.sm\:cell-1,.sm\:cell-span-1{grid-column:span 1/span 1}.sm\:cell-2,.sm\:cell-span-2{grid-column:span 2/span 2}.sm\:cell-3,.sm\:cell-span-3{grid-column:span 3/span 3}.sm\:cell-4,.sm\:cell-span-4{grid-column:span 4/span 4}.sm\:cell-5,.sm\:cell-span-5{grid-column:span 5/span 5}.sm\:cell-6,.sm\:cell-span-6{grid-column:span 6/span 6}.sm\:cell-7,.sm\:cell-span-7{grid-column:span 7/span 7}.sm\:cell-8,.sm\:cell-span-8{grid-column:span 8/span 8}.sm\:cell-9,.sm\:cell-span-9{grid-column:span 9/span 9}.sm\:cell-10,.sm\:cell-span-10{grid-column:span 10/span 10}.sm\:cell-11,.sm\:cell-span-11{grid-column:span 11/span 11}.sm\:cell-12,.sm\:cell-span-12{grid-column:span 12/span 12}.sm\:cell-row-auto{grid-row:auto}.sm\:cell-row-full{grid-row:1/-1}.sm\:cell-row-1,.sm\:cell-row-span-1{grid-row:span 1/span 1}.sm\:cell-row-2,.sm\:cell-row-span-2{grid-row:span 2/span 2}.sm\:cell-row-3,.sm\:cell-row-span-3{grid-row:span 3/span 3}.sm\:cell-row-4,.sm\:cell-row-span-4{grid-row:span 4/span 4}.sm\:cell-row-5,.sm\:cell-row-span-5{grid-row:span 5/span 5}.sm\:cell-row-6,.sm\:cell-row-span-6{grid-row:span 6/span 6}.sm\:cell-col-start-1,.sm\:cell-start-1{grid-column-start:1}.sm\:cell-col-end-1,.sm\:cell-end-1{grid-column-end:1}.sm\:cell-col-start-2,.sm\:cell-start-2{grid-column-start:2}.sm\:cell-col-end-2,.sm\:cell-end-2{grid-column-end:2}.sm\:cell-col-start-3,.sm\:cell-start-3{grid-column-start:3}.sm\:cell-col-end-3,.sm\:cell-end-3{grid-column-end:3}.sm\:cell-col-start-4,.sm\:cell-start-4{grid-column-start:4}.sm\:cell-col-end-4,.sm\:cell-end-4{grid-column-end:4}.sm\:cell-col-start-5,.sm\:cell-start-5{grid-column-start:5}.sm\:cell-col-end-5,.sm\:cell-end-5{grid-column-end:5}.sm\:cell-col-start-6,.sm\:cell-start-6{grid-column-start:6}.sm\:cell-col-end-6,.sm\:cell-end-6{grid-column-end:6}.sm\:cell-col-start-7,.sm\:cell-start-7{grid-column-start:7}.sm\:cell-col-end-7,.sm\:cell-end-7{grid-column-end:7}.sm\:cell-col-start-8,.sm\:cell-start-8{grid-column-start:8}.sm\:cell-col-end-8,.sm\:cell-end-8{grid-column-end:8}.sm\:cell-col-start-9,.sm\:cell-start-9{grid-column-start:9}.sm\:cell-col-end-9,.sm\:cell-end-9{grid-column-end:9}.sm\:cell-col-start-10,.sm\:cell-start-10{grid-column-start:10}.sm\:cell-col-end-10,.sm\:cell-end-10{grid-column-end:10}.sm\:cell-col-start-11,.sm\:cell-start-11{grid-column-start:11}.sm\:cell-col-end-11,.sm\:cell-end-11{grid-column-end:11}.sm\:cell-col-start-12,.sm\:cell-start-12{grid-column-start:12}.sm\:cell-col-end-12,.sm\:cell-end-12{grid-column-end:12}.sm\:cell-col-start-13,.sm\:cell-start-13{grid-column-start:13}.sm\:cell-col-end-13,.sm\:cell-end-13{grid-column-end:13}.sm\:cell-row-start-1{grid-row-start:1}.sm\:cell-row-end-1{grid-row-end:1}.sm\:cell-row-start-2{grid-row-start:2}.sm\:cell-row-end-2{grid-row-end:2}.sm\:cell-row-start-3{grid-row-start:3}.sm\:cell-row-end-3{grid-row-end:3}.sm\:cell-row-start-4{grid-row-start:4}.sm\:cell-row-end-4{grid-row-end:4}.sm\:cell-row-start-5{grid-row-start:5}.sm\:cell-row-end-5{grid-row-end:5}.sm\:cell-row-start-6{grid-row-start:6}.sm\:cell-row-end-6{grid-row-end:6}.sm\:cell-row-start-7{grid-row-start:7}.sm\:cell-row-end-7{grid-row-end:7}.sm\:cell-order-first{order:-9999}.sm\:cell-order-last{order:9999}.sm\:cell-order-none{order:0}.sm\:cell-order-1{order:1}.sm\:cell-order-2{order:2}.sm\:cell-order-3{order:3}.sm\:cell-order-4{order:4}.sm\:cell-order-5{order:5}.sm\:cell-order-6{order:6}.sm\:cell-order-7{order:7}.sm\:cell-order-8{order:8}.sm\:cell-order-9{order:9}.sm\:cell-order-10{order:10}.sm\:cell-order-11{order:11}.sm\:cell-order-12{order:12}}@media screen and (min-width:768px),print{.md\:grid-2,.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-3,.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-4,.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-5,.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-6,.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-7,.md\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\:grid-8,.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:grid-9,.md\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.md\:grid-10,.md\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\:grid-11,.md\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.md\:grid-12,.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-none{grid-template-columns:none}.md\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.md\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.md\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.md\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.md\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.md\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.md\:grid-rows-none{grid-template-rows:none}.md\:cell-auto,.md\:cell-span-auto{grid-column:auto}.md\:cell-full,.md\:cell-span-full{grid-column:1/-1}.md\:cell-1,.md\:cell-span-1{grid-column:span 1/span 1}.md\:cell-2,.md\:cell-span-2{grid-column:span 2/span 2}.md\:cell-3,.md\:cell-span-3{grid-column:span 3/span 3}.md\:cell-4,.md\:cell-span-4{grid-column:span 4/span 4}.md\:cell-5,.md\:cell-span-5{grid-column:span 5/span 5}.md\:cell-6,.md\:cell-span-6{grid-column:span 6/span 6}.md\:cell-7,.md\:cell-span-7{grid-column:span 7/span 7}.md\:cell-8,.md\:cell-span-8{grid-column:span 8/span 8}.md\:cell-9,.md\:cell-span-9{grid-column:span 9/span 9}.md\:cell-10,.md\:cell-span-10{grid-column:span 10/span 10}.md\:cell-11,.md\:cell-span-11{grid-column:span 11/span 11}.md\:cell-12,.md\:cell-span-12{grid-column:span 12/span 12}.md\:cell-row-auto{grid-row:auto}.md\:cell-row-full{grid-row:1/-1}.md\:cell-row-1,.md\:cell-row-span-1{grid-row:span 1/span 1}.md\:cell-row-2,.md\:cell-row-span-2{grid-row:span 2/span 2}.md\:cell-row-3,.md\:cell-row-span-3{grid-row:span 3/span 3}.md\:cell-row-4,.md\:cell-row-span-4{grid-row:span 4/span 4}.md\:cell-row-5,.md\:cell-row-span-5{grid-row:span 5/span 5}.md\:cell-row-6,.md\:cell-row-span-6{grid-row:span 6/span 6}.md\:cell-col-start-1,.md\:cell-start-1{grid-column-start:1}.md\:cell-col-end-1,.md\:cell-end-1{grid-column-end:1}.md\:cell-col-start-2,.md\:cell-start-2{grid-column-start:2}.md\:cell-col-end-2,.md\:cell-end-2{grid-column-end:2}.md\:cell-col-start-3,.md\:cell-start-3{grid-column-start:3}.md\:cell-col-end-3,.md\:cell-end-3{grid-column-end:3}.md\:cell-col-start-4,.md\:cell-start-4{grid-column-start:4}.md\:cell-col-end-4,.md\:cell-end-4{grid-column-end:4}.md\:cell-col-start-5,.md\:cell-start-5{grid-column-start:5}.md\:cell-col-end-5,.md\:cell-end-5{grid-column-end:5}.md\:cell-col-start-6,.md\:cell-start-6{grid-column-start:6}.md\:cell-col-end-6,.md\:cell-end-6{grid-column-end:6}.md\:cell-col-start-7,.md\:cell-start-7{grid-column-start:7}.md\:cell-col-end-7,.md\:cell-end-7{grid-column-end:7}.md\:cell-col-start-8,.md\:cell-start-8{grid-column-start:8}.md\:cell-col-end-8,.md\:cell-end-8{grid-column-end:8}.md\:cell-col-start-9,.md\:cell-start-9{grid-column-start:9}.md\:cell-col-end-9,.md\:cell-end-9{grid-column-end:9}.md\:cell-col-start-10,.md\:cell-start-10{grid-column-start:10}.md\:cell-col-end-10,.md\:cell-end-10{grid-column-end:10}.md\:cell-col-start-11,.md\:cell-start-11{grid-column-start:11}.md\:cell-col-end-11,.md\:cell-end-11{grid-column-end:11}.md\:cell-col-start-12,.md\:cell-start-12{grid-column-start:12}.md\:cell-col-end-12,.md\:cell-end-12{grid-column-end:12}.md\:cell-col-start-13,.md\:cell-start-13{grid-column-start:13}.md\:cell-col-end-13,.md\:cell-end-13{grid-column-end:13}.md\:cell-row-start-1{grid-row-start:1}.md\:cell-row-end-1{grid-row-end:1}.md\:cell-row-start-2{grid-row-start:2}.md\:cell-row-end-2{grid-row-end:2}.md\:cell-row-start-3{grid-row-start:3}.md\:cell-row-end-3{grid-row-end:3}.md\:cell-row-start-4{grid-row-start:4}.md\:cell-row-end-4{grid-row-end:4}.md\:cell-row-start-5{grid-row-start:5}.md\:cell-row-end-5{grid-row-end:5}.md\:cell-row-start-6{grid-row-start:6}.md\:cell-row-end-6{grid-row-end:6}.md\:cell-row-start-7{grid-row-start:7}.md\:cell-row-end-7{grid-row-end:7}.md\:cell-order-first{order:-9999}.md\:cell-order-last{order:9999}.md\:cell-order-none{order:0}.md\:cell-order-1{order:1}.md\:cell-order-2{order:2}.md\:cell-order-3{order:3}.md\:cell-order-4{order:4}.md\:cell-order-5{order:5}.md\:cell-order-6{order:6}.md\:cell-order-7{order:7}.md\:cell-order-8{order:8}.md\:cell-order-9{order:9}.md\:cell-order-10{order:10}.md\:cell-order-11{order:11}.md\:cell-order-12{order:12}}@media screen and (min-width:1024px),print{.lg\:grid-2,.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-3,.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-4,.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-5,.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-6,.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-7,.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-8,.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:grid-9,.lg\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.lg\:grid-10,.lg\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:grid-11,.lg\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lg\:grid-12,.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-none{grid-template-columns:none}.lg\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.lg\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.lg\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.lg\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.lg\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.lg\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.lg\:grid-rows-none{grid-template-rows:none}.lg\:cell-auto,.lg\:cell-span-auto{grid-column:auto}.lg\:cell-full,.lg\:cell-span-full{grid-column:1/-1}.lg\:cell-1,.lg\:cell-span-1{grid-column:span 1/span 1}.lg\:cell-2,.lg\:cell-span-2{grid-column:span 2/span 2}.lg\:cell-3,.lg\:cell-span-3{grid-column:span 3/span 3}.lg\:cell-4,.lg\:cell-span-4{grid-column:span 4/span 4}.lg\:cell-5,.lg\:cell-span-5{grid-column:span 5/span 5}.lg\:cell-6,.lg\:cell-span-6{grid-column:span 6/span 6}.lg\:cell-7,.lg\:cell-span-7{grid-column:span 7/span 7}.lg\:cell-8,.lg\:cell-span-8{grid-column:span 8/span 8}.lg\:cell-9,.lg\:cell-span-9{grid-column:span 9/span 9}.lg\:cell-10,.lg\:cell-span-10{grid-column:span 10/span 10}.lg\:cell-11,.lg\:cell-span-11{grid-column:span 11/span 11}.lg\:cell-12,.lg\:cell-span-12{grid-column:span 12/span 12}.lg\:cell-row-auto{grid-row:auto}.lg\:cell-row-full{grid-row:1/-1}.lg\:cell-row-1,.lg\:cell-row-span-1{grid-row:span 1/span 1}.lg\:cell-row-2,.lg\:cell-row-span-2{grid-row:span 2/span 2}.lg\:cell-row-3,.lg\:cell-row-span-3{grid-row:span 3/span 3}.lg\:cell-row-4,.lg\:cell-row-span-4{grid-row:span 4/span 4}.lg\:cell-row-5,.lg\:cell-row-span-5{grid-row:span 5/span 5}.lg\:cell-row-6,.lg\:cell-row-span-6{grid-row:span 6/span 6}.lg\:cell-col-start-1,.lg\:cell-start-1{grid-column-start:1}.lg\:cell-col-end-1,.lg\:cell-end-1{grid-column-end:1}.lg\:cell-col-start-2,.lg\:cell-start-2{grid-column-start:2}.lg\:cell-col-end-2,.lg\:cell-end-2{grid-column-end:2}.lg\:cell-col-start-3,.lg\:cell-start-3{grid-column-start:3}.lg\:cell-col-end-3,.lg\:cell-end-3{grid-column-end:3}.lg\:cell-col-start-4,.lg\:cell-start-4{grid-column-start:4}.lg\:cell-col-end-4,.lg\:cell-end-4{grid-column-end:4}.lg\:cell-col-start-5,.lg\:cell-start-5{grid-column-start:5}.lg\:cell-col-end-5,.lg\:cell-end-5{grid-column-end:5}.lg\:cell-col-start-6,.lg\:cell-start-6{grid-column-start:6}.lg\:cell-col-end-6,.lg\:cell-end-6{grid-column-end:6}.lg\:cell-col-start-7,.lg\:cell-start-7{grid-column-start:7}.lg\:cell-col-end-7,.lg\:cell-end-7{grid-column-end:7}.lg\:cell-col-start-8,.lg\:cell-start-8{grid-column-start:8}.lg\:cell-col-end-8,.lg\:cell-end-8{grid-column-end:8}.lg\:cell-col-start-9,.lg\:cell-start-9{grid-column-start:9}.lg\:cell-col-end-9,.lg\:cell-end-9{grid-column-end:9}.lg\:cell-col-start-10,.lg\:cell-start-10{grid-column-start:10}.lg\:cell-col-end-10,.lg\:cell-end-10{grid-column-end:10}.lg\:cell-col-start-11,.lg\:cell-start-11{grid-column-start:11}.lg\:cell-col-end-11,.lg\:cell-end-11{grid-column-end:11}.lg\:cell-col-start-12,.lg\:cell-start-12{grid-column-start:12}.lg\:cell-col-end-12,.lg\:cell-end-12{grid-column-end:12}.lg\:cell-col-start-13,.lg\:cell-start-13{grid-column-start:13}.lg\:cell-col-end-13,.lg\:cell-end-13{grid-column-end:13}.lg\:cell-row-start-1{grid-row-start:1}.lg\:cell-row-end-1{grid-row-end:1}.lg\:cell-row-start-2{grid-row-start:2}.lg\:cell-row-end-2{grid-row-end:2}.lg\:cell-row-start-3{grid-row-start:3}.lg\:cell-row-end-3{grid-row-end:3}.lg\:cell-row-start-4{grid-row-start:4}.lg\:cell-row-end-4{grid-row-end:4}.lg\:cell-row-start-5{grid-row-start:5}.lg\:cell-row-end-5{grid-row-end:5}.lg\:cell-row-start-6{grid-row-start:6}.lg\:cell-row-end-6{grid-row-end:6}.lg\:cell-row-start-7{grid-row-start:7}.lg\:cell-row-end-7{grid-row-end:7}.lg\:cell-order-first{order:-9999}.lg\:cell-order-last{order:9999}.lg\:cell-order-none{order:0}.lg\:cell-order-1{order:1}.lg\:cell-order-2{order:2}.lg\:cell-order-3{order:3}.lg\:cell-order-4{order:4}.lg\:cell-order-5{order:5}.lg\:cell-order-6{order:6}.lg\:cell-order-7{order:7}.lg\:cell-order-8{order:8}.lg\:cell-order-9{order:9}.lg\:cell-order-10{order:10}.lg\:cell-order-11{order:11}.lg\:cell-order-12{order:12}}.gap-px{gap:1px}.gap-x-px{column-gap:1px}.gap-y-px{row-gap:1px}.gap-0,.gap-0 [class^=grid]{gap:0}.gap-x-0,.gap-x-0 [class^=grid]{column-gap:0}.gap-y-0,.gap-y-0 [class^=grid]{row-gap:0}.gap-1,.gap-1 [class^=grid]{gap:.25rem}.gap-x-1,.gap-x-1 [class^=grid]{column-gap:.25rem}.gap-y-1,.gap-y-1 [class^=grid]{row-gap:.25rem}.gap-2,.gap-2 [class^=grid]{gap:.5rem}.gap-x-2,.gap-x-2 [class^=grid]{column-gap:.5rem}.gap-y-2,.gap-y-2 [class^=grid]{row-gap:.5rem}.gap-3,.gap-3 [class^=grid]{gap:.75rem}.gap-x-3,.gap-x-3 [class^=grid]{column-gap:.75rem}.gap-y-3,.gap-y-3 [class^=grid]{row-gap:.75rem}.gap-4,.gap-4 [class^=grid]{gap:1rem}.gap-x-4,.gap-x-4 [class^=grid]{column-gap:1rem}.gap-y-4,.gap-y-4 [class^=grid]{row-gap:1rem}.gap-5,.gap-5 [class^=grid]{gap:1.25rem}.gap-x-5,.gap-x-5 [class^=grid]{column-gap:1.25rem}.gap-y-5,.gap-y-5 [class^=grid]{row-gap:1.25rem}.gap-6,.gap-6 [class^=grid]{gap:1.5rem}.gap-x-6,.gap-x-6 [class^=grid]{column-gap:1.5rem}.gap-y-6,.gap-y-6 [class^=grid]{row-gap:1.5rem}.gap-7,.gap-7 [class^=grid]{gap:1.75rem}.gap-x-7,.gap-x-7 [class^=grid]{column-gap:1.75rem}.gap-y-7,.gap-y-7 [class^=grid]{row-gap:1.75rem}.gap-8,.gap-8 [class^=grid]{gap:2rem}.gap-x-8,.gap-x-8 [class^=grid]{column-gap:2rem}.gap-y-8,.gap-y-8 [class^=grid]{row-gap:2rem}.gap-9,.gap-9 [class^=grid]{gap:2.25rem}.gap-x-9,.gap-x-9 [class^=grid]{column-gap:2.25rem}.gap-y-9,.gap-y-9 [class^=grid]{row-gap:2.25rem}.gap-10,.gap-10 [class^=grid]{gap:2.5rem}.gap-x-10,.gap-x-10 [class^=grid]{column-gap:2.5rem}.gap-y-10,.gap-y-10 [class^=grid]{row-gap:2.5rem} diff --git a/content/page-templates/css-grid-framework/6-order/css.inc b/content/page-templates/css-grid-framework/6-order/css.inc index f121605eb..4b5e768ff 100644 --- a/content/page-templates/css-grid-framework/6-order/css.inc +++ b/content/page-templates/css-grid-framework/6-order/css.inc @@ -1,9 +1,9 @@ /** * License: MIT License * Generated on 25 May 2021 - * Author: Fpassaniti for Opendatasoft + * Author: Fpassaniti for Huwise * Version: 0.1 - * Description: CSS Grid framework for Opendatasoft pages (and more). Go to http://codelibrary.opendatasoft.com/ for more information (doc & examples). + * Description: CSS Grid framework for Huwise pages (and more). Go to http://codelibrary.huwise.com/ for more information (doc & examples). */ [class^=grid]{display:grid;grid-gap:1rem}.grid-auto,.grid-auto-flow,.grid-cols-auto-flow{grid-auto-flow:column}.grid-rows-auto-flow{grid-auto-flow:row}.grid-cols-fit,.grid-fit{grid-auto-columns:max-content}.grid-rows-fit{grid-auto-rows:max-content}.grid-2,.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4,.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5,.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-6,.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-7,.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-8,.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-9,.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-10,.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-11,.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-12,.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-none{grid-template-columns:none}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.grid-rows-none{grid-template-rows:none}[class*=":cell"],[class^=cell]{display:flex;flex-direction:column;justify-content:stretch}.cell-auto,.cell-span-auto{grid-column:auto}.cell-full,.cell-span-full{grid-column:1/-1}.cell-1,.cell-span-1{grid-column:span 1/span 1}.cell-2,.cell-span-2{grid-column:span 2/span 2}.cell-3,.cell-span-3{grid-column:span 3/span 3}.cell-4,.cell-span-4{grid-column:span 4/span 4}.cell-5,.cell-span-5{grid-column:span 5/span 5}.cell-6,.cell-span-6{grid-column:span 6/span 6}.cell-7,.cell-span-7{grid-column:span 7/span 7}.cell-8,.cell-span-8{grid-column:span 8/span 8}.cell-9,.cell-span-9{grid-column:span 9/span 9}.cell-10,.cell-span-10{grid-column:span 10/span 10}.cell-11,.cell-span-11{grid-column:span 11/span 11}.cell-12,.cell-span-12{grid-column:span 12/span 12}.cell-row-auto{grid-row:auto}.cell-row-full{grid-row:1/-1}.cell-row-1,.cell-row-span-1{grid-row:span 1/span 1}.cell-row-2,.cell-row-span-2{grid-row:span 2/span 2}.cell-row-3,.cell-row-span-3{grid-row:span 3/span 3}.cell-row-4,.cell-row-span-4{grid-row:span 4/span 4}.cell-row-5,.cell-row-span-5{grid-row:span 5/span 5}.cell-row-6,.cell-row-span-6{grid-row:span 6/span 6}.cell-col-start-1,.cell-start-1{grid-column-start:1}.cell-col-end-1,.cell-end-1{grid-column-end:1}.cell-col-start-2,.cell-start-2{grid-column-start:2}.cell-col-end-2,.cell-end-2{grid-column-end:2}.cell-col-start-3,.cell-start-3{grid-column-start:3}.cell-col-end-3,.cell-end-3{grid-column-end:3}.cell-col-start-4,.cell-start-4{grid-column-start:4}.cell-col-end-4,.cell-end-4{grid-column-end:4}.cell-col-start-5,.cell-start-5{grid-column-start:5}.cell-col-end-5,.cell-end-5{grid-column-end:5}.cell-col-start-6,.cell-start-6{grid-column-start:6}.cell-col-end-6,.cell-end-6{grid-column-end:6}.cell-col-start-7,.cell-start-7{grid-column-start:7}.cell-col-end-7,.cell-end-7{grid-column-end:7}.cell-col-start-8,.cell-start-8{grid-column-start:8}.cell-col-end-8,.cell-end-8{grid-column-end:8}.cell-col-start-9,.cell-start-9{grid-column-start:9}.cell-col-end-9,.cell-end-9{grid-column-end:9}.cell-col-start-10,.cell-start-10{grid-column-start:10}.cell-col-end-10,.cell-end-10{grid-column-end:10}.cell-col-start-11,.cell-start-11{grid-column-start:11}.cell-col-end-11,.cell-end-11{grid-column-end:11}.cell-col-start-12,.cell-start-12{grid-column-start:12}.cell-col-end-12,.cell-end-12{grid-column-end:12}.cell-col-start-13,.cell-start-13{grid-column-start:13}.cell-col-end-13,.cell-end-13{grid-column-end:13}.cell-row-start-1{grid-row-start:1}.cell-row-end-1{grid-row-end:1}.cell-row-start-2{grid-row-start:2}.cell-row-end-2{grid-row-end:2}.cell-row-start-3{grid-row-start:3}.cell-row-end-3{grid-row-end:3}.cell-row-start-4{grid-row-start:4}.cell-row-end-4{grid-row-end:4}.cell-row-start-5{grid-row-start:5}.cell-row-end-5{grid-row-end:5}.cell-row-start-6{grid-row-start:6}.cell-row-end-6{grid-row-end:6}.cell-row-start-7{grid-row-start:7}.cell-row-end-7{grid-row-end:7}.cell-order-first{order:-9999}.cell-order-last{order:9999}.cell-order-none{order:0}.cell-order-1{order:1}.cell-order-2{order:2}.cell-order-3{order:3}.cell-order-4{order:4}.cell-order-5{order:5}.cell-order-6{order:6}.cell-order-7{order:7}.cell-order-8{order:8}.cell-order-9{order:9}.cell-order-10{order:10}.cell-order-11{order:11}.cell-order-12{order:12}@media screen and (min-width:640px),print{.sm\:grid-2,.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-3,.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-4,.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-5,.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-6,.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-7,.sm\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.sm\:grid-8,.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:grid-9,.sm\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.sm\:grid-10,.sm\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.sm\:grid-11,.sm\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.sm\:grid-12,.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\:grid-cols-none{grid-template-columns:none}.sm\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.sm\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.sm\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.sm\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.sm\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.sm\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.sm\:grid-rows-none{grid-template-rows:none}.sm\:cell-auto,.sm\:cell-span-auto{grid-column:auto}.sm\:cell-full,.sm\:cell-span-full{grid-column:1/-1}.sm\:cell-1,.sm\:cell-span-1{grid-column:span 1/span 1}.sm\:cell-2,.sm\:cell-span-2{grid-column:span 2/span 2}.sm\:cell-3,.sm\:cell-span-3{grid-column:span 3/span 3}.sm\:cell-4,.sm\:cell-span-4{grid-column:span 4/span 4}.sm\:cell-5,.sm\:cell-span-5{grid-column:span 5/span 5}.sm\:cell-6,.sm\:cell-span-6{grid-column:span 6/span 6}.sm\:cell-7,.sm\:cell-span-7{grid-column:span 7/span 7}.sm\:cell-8,.sm\:cell-span-8{grid-column:span 8/span 8}.sm\:cell-9,.sm\:cell-span-9{grid-column:span 9/span 9}.sm\:cell-10,.sm\:cell-span-10{grid-column:span 10/span 10}.sm\:cell-11,.sm\:cell-span-11{grid-column:span 11/span 11}.sm\:cell-12,.sm\:cell-span-12{grid-column:span 12/span 12}.sm\:cell-row-auto{grid-row:auto}.sm\:cell-row-full{grid-row:1/-1}.sm\:cell-row-1,.sm\:cell-row-span-1{grid-row:span 1/span 1}.sm\:cell-row-2,.sm\:cell-row-span-2{grid-row:span 2/span 2}.sm\:cell-row-3,.sm\:cell-row-span-3{grid-row:span 3/span 3}.sm\:cell-row-4,.sm\:cell-row-span-4{grid-row:span 4/span 4}.sm\:cell-row-5,.sm\:cell-row-span-5{grid-row:span 5/span 5}.sm\:cell-row-6,.sm\:cell-row-span-6{grid-row:span 6/span 6}.sm\:cell-col-start-1,.sm\:cell-start-1{grid-column-start:1}.sm\:cell-col-end-1,.sm\:cell-end-1{grid-column-end:1}.sm\:cell-col-start-2,.sm\:cell-start-2{grid-column-start:2}.sm\:cell-col-end-2,.sm\:cell-end-2{grid-column-end:2}.sm\:cell-col-start-3,.sm\:cell-start-3{grid-column-start:3}.sm\:cell-col-end-3,.sm\:cell-end-3{grid-column-end:3}.sm\:cell-col-start-4,.sm\:cell-start-4{grid-column-start:4}.sm\:cell-col-end-4,.sm\:cell-end-4{grid-column-end:4}.sm\:cell-col-start-5,.sm\:cell-start-5{grid-column-start:5}.sm\:cell-col-end-5,.sm\:cell-end-5{grid-column-end:5}.sm\:cell-col-start-6,.sm\:cell-start-6{grid-column-start:6}.sm\:cell-col-end-6,.sm\:cell-end-6{grid-column-end:6}.sm\:cell-col-start-7,.sm\:cell-start-7{grid-column-start:7}.sm\:cell-col-end-7,.sm\:cell-end-7{grid-column-end:7}.sm\:cell-col-start-8,.sm\:cell-start-8{grid-column-start:8}.sm\:cell-col-end-8,.sm\:cell-end-8{grid-column-end:8}.sm\:cell-col-start-9,.sm\:cell-start-9{grid-column-start:9}.sm\:cell-col-end-9,.sm\:cell-end-9{grid-column-end:9}.sm\:cell-col-start-10,.sm\:cell-start-10{grid-column-start:10}.sm\:cell-col-end-10,.sm\:cell-end-10{grid-column-end:10}.sm\:cell-col-start-11,.sm\:cell-start-11{grid-column-start:11}.sm\:cell-col-end-11,.sm\:cell-end-11{grid-column-end:11}.sm\:cell-col-start-12,.sm\:cell-start-12{grid-column-start:12}.sm\:cell-col-end-12,.sm\:cell-end-12{grid-column-end:12}.sm\:cell-col-start-13,.sm\:cell-start-13{grid-column-start:13}.sm\:cell-col-end-13,.sm\:cell-end-13{grid-column-end:13}.sm\:cell-row-start-1{grid-row-start:1}.sm\:cell-row-end-1{grid-row-end:1}.sm\:cell-row-start-2{grid-row-start:2}.sm\:cell-row-end-2{grid-row-end:2}.sm\:cell-row-start-3{grid-row-start:3}.sm\:cell-row-end-3{grid-row-end:3}.sm\:cell-row-start-4{grid-row-start:4}.sm\:cell-row-end-4{grid-row-end:4}.sm\:cell-row-start-5{grid-row-start:5}.sm\:cell-row-end-5{grid-row-end:5}.sm\:cell-row-start-6{grid-row-start:6}.sm\:cell-row-end-6{grid-row-end:6}.sm\:cell-row-start-7{grid-row-start:7}.sm\:cell-row-end-7{grid-row-end:7}.sm\:cell-order-first{order:-9999}.sm\:cell-order-last{order:9999}.sm\:cell-order-none{order:0}.sm\:cell-order-1{order:1}.sm\:cell-order-2{order:2}.sm\:cell-order-3{order:3}.sm\:cell-order-4{order:4}.sm\:cell-order-5{order:5}.sm\:cell-order-6{order:6}.sm\:cell-order-7{order:7}.sm\:cell-order-8{order:8}.sm\:cell-order-9{order:9}.sm\:cell-order-10{order:10}.sm\:cell-order-11{order:11}.sm\:cell-order-12{order:12}}@media screen and (min-width:768px),print{.md\:grid-2,.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-3,.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-4,.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-5,.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-6,.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-7,.md\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\:grid-8,.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:grid-9,.md\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.md\:grid-10,.md\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\:grid-11,.md\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.md\:grid-12,.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-none{grid-template-columns:none}.md\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.md\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.md\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.md\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.md\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.md\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.md\:grid-rows-none{grid-template-rows:none}.md\:cell-auto,.md\:cell-span-auto{grid-column:auto}.md\:cell-full,.md\:cell-span-full{grid-column:1/-1}.md\:cell-1,.md\:cell-span-1{grid-column:span 1/span 1}.md\:cell-2,.md\:cell-span-2{grid-column:span 2/span 2}.md\:cell-3,.md\:cell-span-3{grid-column:span 3/span 3}.md\:cell-4,.md\:cell-span-4{grid-column:span 4/span 4}.md\:cell-5,.md\:cell-span-5{grid-column:span 5/span 5}.md\:cell-6,.md\:cell-span-6{grid-column:span 6/span 6}.md\:cell-7,.md\:cell-span-7{grid-column:span 7/span 7}.md\:cell-8,.md\:cell-span-8{grid-column:span 8/span 8}.md\:cell-9,.md\:cell-span-9{grid-column:span 9/span 9}.md\:cell-10,.md\:cell-span-10{grid-column:span 10/span 10}.md\:cell-11,.md\:cell-span-11{grid-column:span 11/span 11}.md\:cell-12,.md\:cell-span-12{grid-column:span 12/span 12}.md\:cell-row-auto{grid-row:auto}.md\:cell-row-full{grid-row:1/-1}.md\:cell-row-1,.md\:cell-row-span-1{grid-row:span 1/span 1}.md\:cell-row-2,.md\:cell-row-span-2{grid-row:span 2/span 2}.md\:cell-row-3,.md\:cell-row-span-3{grid-row:span 3/span 3}.md\:cell-row-4,.md\:cell-row-span-4{grid-row:span 4/span 4}.md\:cell-row-5,.md\:cell-row-span-5{grid-row:span 5/span 5}.md\:cell-row-6,.md\:cell-row-span-6{grid-row:span 6/span 6}.md\:cell-col-start-1,.md\:cell-start-1{grid-column-start:1}.md\:cell-col-end-1,.md\:cell-end-1{grid-column-end:1}.md\:cell-col-start-2,.md\:cell-start-2{grid-column-start:2}.md\:cell-col-end-2,.md\:cell-end-2{grid-column-end:2}.md\:cell-col-start-3,.md\:cell-start-3{grid-column-start:3}.md\:cell-col-end-3,.md\:cell-end-3{grid-column-end:3}.md\:cell-col-start-4,.md\:cell-start-4{grid-column-start:4}.md\:cell-col-end-4,.md\:cell-end-4{grid-column-end:4}.md\:cell-col-start-5,.md\:cell-start-5{grid-column-start:5}.md\:cell-col-end-5,.md\:cell-end-5{grid-column-end:5}.md\:cell-col-start-6,.md\:cell-start-6{grid-column-start:6}.md\:cell-col-end-6,.md\:cell-end-6{grid-column-end:6}.md\:cell-col-start-7,.md\:cell-start-7{grid-column-start:7}.md\:cell-col-end-7,.md\:cell-end-7{grid-column-end:7}.md\:cell-col-start-8,.md\:cell-start-8{grid-column-start:8}.md\:cell-col-end-8,.md\:cell-end-8{grid-column-end:8}.md\:cell-col-start-9,.md\:cell-start-9{grid-column-start:9}.md\:cell-col-end-9,.md\:cell-end-9{grid-column-end:9}.md\:cell-col-start-10,.md\:cell-start-10{grid-column-start:10}.md\:cell-col-end-10,.md\:cell-end-10{grid-column-end:10}.md\:cell-col-start-11,.md\:cell-start-11{grid-column-start:11}.md\:cell-col-end-11,.md\:cell-end-11{grid-column-end:11}.md\:cell-col-start-12,.md\:cell-start-12{grid-column-start:12}.md\:cell-col-end-12,.md\:cell-end-12{grid-column-end:12}.md\:cell-col-start-13,.md\:cell-start-13{grid-column-start:13}.md\:cell-col-end-13,.md\:cell-end-13{grid-column-end:13}.md\:cell-row-start-1{grid-row-start:1}.md\:cell-row-end-1{grid-row-end:1}.md\:cell-row-start-2{grid-row-start:2}.md\:cell-row-end-2{grid-row-end:2}.md\:cell-row-start-3{grid-row-start:3}.md\:cell-row-end-3{grid-row-end:3}.md\:cell-row-start-4{grid-row-start:4}.md\:cell-row-end-4{grid-row-end:4}.md\:cell-row-start-5{grid-row-start:5}.md\:cell-row-end-5{grid-row-end:5}.md\:cell-row-start-6{grid-row-start:6}.md\:cell-row-end-6{grid-row-end:6}.md\:cell-row-start-7{grid-row-start:7}.md\:cell-row-end-7{grid-row-end:7}.md\:cell-order-first{order:-9999}.md\:cell-order-last{order:9999}.md\:cell-order-none{order:0}.md\:cell-order-1{order:1}.md\:cell-order-2{order:2}.md\:cell-order-3{order:3}.md\:cell-order-4{order:4}.md\:cell-order-5{order:5}.md\:cell-order-6{order:6}.md\:cell-order-7{order:7}.md\:cell-order-8{order:8}.md\:cell-order-9{order:9}.md\:cell-order-10{order:10}.md\:cell-order-11{order:11}.md\:cell-order-12{order:12}}@media screen and (min-width:1024px),print{.lg\:grid-2,.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-3,.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-4,.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-5,.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-6,.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-7,.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-8,.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:grid-9,.lg\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.lg\:grid-10,.lg\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:grid-11,.lg\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lg\:grid-12,.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-none{grid-template-columns:none}.lg\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.lg\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.lg\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.lg\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.lg\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.lg\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.lg\:grid-rows-none{grid-template-rows:none}.lg\:cell-auto,.lg\:cell-span-auto{grid-column:auto}.lg\:cell-full,.lg\:cell-span-full{grid-column:1/-1}.lg\:cell-1,.lg\:cell-span-1{grid-column:span 1/span 1}.lg\:cell-2,.lg\:cell-span-2{grid-column:span 2/span 2}.lg\:cell-3,.lg\:cell-span-3{grid-column:span 3/span 3}.lg\:cell-4,.lg\:cell-span-4{grid-column:span 4/span 4}.lg\:cell-5,.lg\:cell-span-5{grid-column:span 5/span 5}.lg\:cell-6,.lg\:cell-span-6{grid-column:span 6/span 6}.lg\:cell-7,.lg\:cell-span-7{grid-column:span 7/span 7}.lg\:cell-8,.lg\:cell-span-8{grid-column:span 8/span 8}.lg\:cell-9,.lg\:cell-span-9{grid-column:span 9/span 9}.lg\:cell-10,.lg\:cell-span-10{grid-column:span 10/span 10}.lg\:cell-11,.lg\:cell-span-11{grid-column:span 11/span 11}.lg\:cell-12,.lg\:cell-span-12{grid-column:span 12/span 12}.lg\:cell-row-auto{grid-row:auto}.lg\:cell-row-full{grid-row:1/-1}.lg\:cell-row-1,.lg\:cell-row-span-1{grid-row:span 1/span 1}.lg\:cell-row-2,.lg\:cell-row-span-2{grid-row:span 2/span 2}.lg\:cell-row-3,.lg\:cell-row-span-3{grid-row:span 3/span 3}.lg\:cell-row-4,.lg\:cell-row-span-4{grid-row:span 4/span 4}.lg\:cell-row-5,.lg\:cell-row-span-5{grid-row:span 5/span 5}.lg\:cell-row-6,.lg\:cell-row-span-6{grid-row:span 6/span 6}.lg\:cell-col-start-1,.lg\:cell-start-1{grid-column-start:1}.lg\:cell-col-end-1,.lg\:cell-end-1{grid-column-end:1}.lg\:cell-col-start-2,.lg\:cell-start-2{grid-column-start:2}.lg\:cell-col-end-2,.lg\:cell-end-2{grid-column-end:2}.lg\:cell-col-start-3,.lg\:cell-start-3{grid-column-start:3}.lg\:cell-col-end-3,.lg\:cell-end-3{grid-column-end:3}.lg\:cell-col-start-4,.lg\:cell-start-4{grid-column-start:4}.lg\:cell-col-end-4,.lg\:cell-end-4{grid-column-end:4}.lg\:cell-col-start-5,.lg\:cell-start-5{grid-column-start:5}.lg\:cell-col-end-5,.lg\:cell-end-5{grid-column-end:5}.lg\:cell-col-start-6,.lg\:cell-start-6{grid-column-start:6}.lg\:cell-col-end-6,.lg\:cell-end-6{grid-column-end:6}.lg\:cell-col-start-7,.lg\:cell-start-7{grid-column-start:7}.lg\:cell-col-end-7,.lg\:cell-end-7{grid-column-end:7}.lg\:cell-col-start-8,.lg\:cell-start-8{grid-column-start:8}.lg\:cell-col-end-8,.lg\:cell-end-8{grid-column-end:8}.lg\:cell-col-start-9,.lg\:cell-start-9{grid-column-start:9}.lg\:cell-col-end-9,.lg\:cell-end-9{grid-column-end:9}.lg\:cell-col-start-10,.lg\:cell-start-10{grid-column-start:10}.lg\:cell-col-end-10,.lg\:cell-end-10{grid-column-end:10}.lg\:cell-col-start-11,.lg\:cell-start-11{grid-column-start:11}.lg\:cell-col-end-11,.lg\:cell-end-11{grid-column-end:11}.lg\:cell-col-start-12,.lg\:cell-start-12{grid-column-start:12}.lg\:cell-col-end-12,.lg\:cell-end-12{grid-column-end:12}.lg\:cell-col-start-13,.lg\:cell-start-13{grid-column-start:13}.lg\:cell-col-end-13,.lg\:cell-end-13{grid-column-end:13}.lg\:cell-row-start-1{grid-row-start:1}.lg\:cell-row-end-1{grid-row-end:1}.lg\:cell-row-start-2{grid-row-start:2}.lg\:cell-row-end-2{grid-row-end:2}.lg\:cell-row-start-3{grid-row-start:3}.lg\:cell-row-end-3{grid-row-end:3}.lg\:cell-row-start-4{grid-row-start:4}.lg\:cell-row-end-4{grid-row-end:4}.lg\:cell-row-start-5{grid-row-start:5}.lg\:cell-row-end-5{grid-row-end:5}.lg\:cell-row-start-6{grid-row-start:6}.lg\:cell-row-end-6{grid-row-end:6}.lg\:cell-row-start-7{grid-row-start:7}.lg\:cell-row-end-7{grid-row-end:7}.lg\:cell-order-first{order:-9999}.lg\:cell-order-last{order:9999}.lg\:cell-order-none{order:0}.lg\:cell-order-1{order:1}.lg\:cell-order-2{order:2}.lg\:cell-order-3{order:3}.lg\:cell-order-4{order:4}.lg\:cell-order-5{order:5}.lg\:cell-order-6{order:6}.lg\:cell-order-7{order:7}.lg\:cell-order-8{order:8}.lg\:cell-order-9{order:9}.lg\:cell-order-10{order:10}.lg\:cell-order-11{order:11}.lg\:cell-order-12{order:12}}.gap-px{gap:1px}.gap-x-px{column-gap:1px}.gap-y-px{row-gap:1px}.gap-0,.gap-0 [class^=grid]{gap:0}.gap-x-0,.gap-x-0 [class^=grid]{column-gap:0}.gap-y-0,.gap-y-0 [class^=grid]{row-gap:0}.gap-1,.gap-1 [class^=grid]{gap:.25rem}.gap-x-1,.gap-x-1 [class^=grid]{column-gap:.25rem}.gap-y-1,.gap-y-1 [class^=grid]{row-gap:.25rem}.gap-2,.gap-2 [class^=grid]{gap:.5rem}.gap-x-2,.gap-x-2 [class^=grid]{column-gap:.5rem}.gap-y-2,.gap-y-2 [class^=grid]{row-gap:.5rem}.gap-3,.gap-3 [class^=grid]{gap:.75rem}.gap-x-3,.gap-x-3 [class^=grid]{column-gap:.75rem}.gap-y-3,.gap-y-3 [class^=grid]{row-gap:.75rem}.gap-4,.gap-4 [class^=grid]{gap:1rem}.gap-x-4,.gap-x-4 [class^=grid]{column-gap:1rem}.gap-y-4,.gap-y-4 [class^=grid]{row-gap:1rem}.gap-5,.gap-5 [class^=grid]{gap:1.25rem}.gap-x-5,.gap-x-5 [class^=grid]{column-gap:1.25rem}.gap-y-5,.gap-y-5 [class^=grid]{row-gap:1.25rem}.gap-6,.gap-6 [class^=grid]{gap:1.5rem}.gap-x-6,.gap-x-6 [class^=grid]{column-gap:1.5rem}.gap-y-6,.gap-y-6 [class^=grid]{row-gap:1.5rem}.gap-7,.gap-7 [class^=grid]{gap:1.75rem}.gap-x-7,.gap-x-7 [class^=grid]{column-gap:1.75rem}.gap-y-7,.gap-y-7 [class^=grid]{row-gap:1.75rem}.gap-8,.gap-8 [class^=grid]{gap:2rem}.gap-x-8,.gap-x-8 [class^=grid]{column-gap:2rem}.gap-y-8,.gap-y-8 [class^=grid]{row-gap:2rem}.gap-9,.gap-9 [class^=grid]{gap:2.25rem}.gap-x-9,.gap-x-9 [class^=grid]{column-gap:2.25rem}.gap-y-9,.gap-y-9 [class^=grid]{row-gap:2.25rem}.gap-10,.gap-10 [class^=grid]{gap:2.5rem}.gap-x-10,.gap-x-10 [class^=grid]{column-gap:2.5rem}.gap-y-10,.gap-y-10 [class^=grid]{row-gap:2.5rem} diff --git a/content/page-templates/css-grid-framework/6-order/html.inc b/content/page-templates/css-grid-framework/6-order/html.inc index 595fabf11..0eba6b518 100644 --- a/content/page-templates/css-grid-framework/6-order/html.inc +++ b/content/page-templates/css-grid-framework/6-order/html.inc @@ -10,13 +10,13 @@

MAIN Content

- +

MAIN Content

- +
@@ -34,13 +34,13 @@

MAIN Content

- +

MAIN Content

- +
diff --git a/content/page-templates/dashboard-filter/1/css.inc b/content/page-templates/dashboard-filter/1/css.inc new file mode 100644 index 000000000..08772b108 --- /dev/null +++ b/content/page-templates/dashboard-filter/1/css.inc @@ -0,0 +1,167 @@ +/* Variables & Shared classes +========================================================================== */ +:root { + --secondary-color: #142e7b; +} + +main { + margin: 0; +} + +/* HEADER */ +section { + padding-top: 2rem; +} + +.header { + background: var(--boxes-background); +} + +.heading { + display: flex; + flex-direction: column; + align-items: start; + margin: 2rem; +} +.heading h1.title { + font-size: 3em; +} +.heading h3.title { + font-size: 1.7em; +} +@media screen and (min-width: 640px) { + .heading { + margin: 2rem 12%; + } +} +.description  { + margin-bottom: 2em; +} + +/***** Share width inlined ods-select *****/ +.shared-width-ods-selects { + display: flex; + flex-wrap: wrap; + align-items: center; +} + +.shared-width-ods-selects > div > .odswidget-select { + margin: 3px 6px 3px 0px; + flex: 1; + /* + To assure a minimum width, set a min-width property here. + */ + min-width: 200px; +} + +/***** Clear filters button *****/ + +.clear-filters { + display: flex; + align-items: center; + justify-content: center; + margin-top: 5px; +} + +.clear-filters-button { + background: none; + border: none; + color: var(--text); +} + +.clear-filters-button:hover { + opacity: 0.65; +} + +/* VIZ */ + +.viz-card { + background-color: var(--boxes-background); + height: auto; + width: 100%; + border-radius: 4px; +} + +/* KPI Card +========================================================================== */ +.kpi-container { + display: flex; + justify-content: space-around; + gap: 20px; +} + +.kpi-card { + padding: 39px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + text-align: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; +} +.kpi-icon { + color: var(--highlight); + color: var(--secondary-color); + font-size: 4rem; + margin-top: 0; + margin-bottom: 13px; + max-width: 100%; +} +.kpi-title { + font-weight: normal; + color: var(--highlight); + font-size: 3.2rem; + margin-top: 0; + margin-bottom: 13px; + max-width: 100%; +} +.kpi-description { + color: var(--text); + font-size: 1rem; + line-height: 1.5; + font-weight: normal; + margin-top: 0; + margin-bottom: 0; + max-width: 100%; +} + +/* Content Card + ========================================================================== */ +.content-card { + padding: 26px; + margin-bottom: 20px; +} +.content-card-title { + color: var(--titles); + font-size: 1.2rem; + line-height: 1.5; + font-weight: normal; + margin-top: 0; + margin-bottom: 13px; + max-width: 100%; +} +.content-card-description { + color: var(--text); + font-size: 1rem; + line-height: 1.5; + font-weight: normal; + margin-top: 0; + margin-bottom: 26px; + max-width: 100%; +} + +/* Charts + ========================================================================== */ + +rect.highcharts-background { + fill: transparent !important; +} diff --git a/content/page-templates/dashboard-filter/1/html.inc b/content/page-templates/dashboard-filter/1/html.inc new file mode 100644 index 000000000..33cc611e2 --- /dev/null +++ b/content/page-templates/dashboard-filter/1/html.inc @@ -0,0 +1,161 @@ + + +
+
+
+

Observation météorologique historiques en France (SYNOP) +

+

+ Focus sur les températures observées depuis 2010. +

+ Filtrer par : +
+
+ +
+
+ +
+
+
+ +
+
+
+
+ +
+
+
+ +
+ +

+ {{ analysis[0].temperature | number : 2 }}°C +

+

+ Température minimale observée +

+
+ +
+ +

+ {{ analysis[0].tempmoyenne | number : 2}} °C +

+

+ Température moyenne observée +

+
+ +
+ +

+ {{ analysis[0].maxtemp | number : 2}} °C +

+

+ Température maximale observée +

+
+
+
+
+ +
+
+
+
+
+

+ Température maximale sur 12 heures (°C) +

+ + + + + +
+
+
+
+

+ Communes les plus chaudes +

+ + + + + + +
+
+
+
+
+
+

+ Évolution des précipitations +

+ + + + + + +
+
+
+
+

+ Évolution des températures moyennes (°C) +

+ + + + + + +
+
+
+
+
+ \ No newline at end of file diff --git a/content/page-templates/dashboard-filter/1/index.md b/content/page-templates/dashboard-filter/1/index.md new file mode 100644 index 000000000..dd102b45e --- /dev/null +++ b/content/page-templates/dashboard-filter/1/index.md @@ -0,0 +1,6 @@ +--- +title: "Dashboard with filters" +date: 2023-05-23T12:00:00+02:00 +--- + +This example displays data about weather temperatures since 2010. It involves only one dataset and one context. diff --git a/content/page-templates/dashboard-filter/1/schema.md b/content/page-templates/dashboard-filter/1/schema.md new file mode 100644 index 000000000..4cd5bf7af --- /dev/null +++ b/content/page-templates/dashboard-filter/1/schema.md @@ -0,0 +1,11 @@ +**Dataset in use:** `observation-synop` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/observation-synop/table/) + +**Fields in use:** + +|nom_reg|nom_dept|tc|tx12c|libgeo|date|rr24| +|---|---|---|---|---|---|---| +|Occitanie|Aveyron|2.6000000000000227||Millau|2010-01-05T09:00:00+00:00|| +|||32.30000000000001|||2010-01-05T09:00:00+00:00|| +|Normandie|Calvados|0.5||Carpiquet|2010-01-05T12:00:00+00:00|| +|Bretagne|Finistère|3.8000000000000114||Guipavas|2010-01-05T12:00:00+00:00|| + diff --git a/content/page-templates/dashboard-filter/2/css.inc b/content/page-templates/dashboard-filter/2/css.inc new file mode 100644 index 000000000..fe022a0ac --- /dev/null +++ b/content/page-templates/dashboard-filter/2/css.inc @@ -0,0 +1,154 @@ +/* Variables & Shared classes +========================================================================== */ +:root { + --secondary-color: #142e7b; +} + +main { + margin: 0; +} + +/* HEADER */ +section { + padding-top: 2rem; +} + +.header { + background: var(--boxes-background); +} + +.heading { + display: flex; + flex-direction: column; + align-items: start; + margin: 2rem; +} +.heading h1.title { + font-size: 3em; +} +.heading h3.title { + font-size: 1.7em; +} +@media screen and (min-width: 640px) { + .heading { + margin: 2rem 12%; + } +} +.description  { + margin-bottom: 2em; +} + +/***** Inlined SELECT *****/ +.ods-selects { + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 20px; + padding: 10px 0px; +} + +.odswidget-select { + min-width: 200px; +} + +/***** Clear filters button *****/ + +.clear-filters { + display: flex; + align-items: center; + justify-content: center; + margin-top: 5px; +} + +.clear-filters-button { + background: none; + border: none; + color: var(--text); +} + +.clear-filters-button:hover { + opacity: 0.65; +} + +/* VIZ */ + +.viz-card { + background-color: var(--boxes-background); + height: auto; + width: 100%; + border-radius: 4px; +} + +/* KPI Card +========================================================================== */ +.kpi-container { + display: flex; + justify-content: space-around; + gap: 20px; +} + +.kpi-card { + padding: 39px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + text-align: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; +} +.kpi-icon { + color: var(--highlight); + color: var(--secondary-color); + font-size: 4rem; + margin-top: 0; + margin-bottom: 13px; + max-width: 100%; +} +.kpi-title { + font-weight: normal; + color: var(--highlight); + font-size: 3.2rem; + margin-top: 0; + margin-bottom: 13px; + max-width: 100%; +} +.kpi-description { + color: var(--text); + font-size: 1rem; + line-height: 1.5; + font-weight: normal; + margin-top: 0; + margin-bottom: 0; + max-width: 100%; +} + +/* Content Card + ========================================================================== */ +.content-card { + padding: 26px; + margin-bottom: 20px; +} +.content-card-title { + color: var(--titles); + font-size: 1.2rem; + line-height: 1.5; + font-weight: normal; + margin-top: 0; + margin-bottom: 26px; + max-width: 100%; +} + +/* Charts + ========================================================================== */ +rect.highcharts-background { + fill: transparent !important; +} diff --git a/content/page-templates/dashboard-filter/2/html.inc b/content/page-templates/dashboard-filter/2/html.inc new file mode 100644 index 000000000..29c4ab0c5 --- /dev/null +++ b/content/page-templates/dashboard-filter/2/html.inc @@ -0,0 +1,196 @@ + + + +
+ {{ values.regions = regions; ""}} +
+
+ {{ values.departements = departements; "" }} +
+ + +
+
+
+

Offre de santé en France +

+

+ Données des établissements du domaine sanitaire et social et de l'annuaire Santé +

+ Filtrer par : +
+ + + + + {{ + medecins.parameters['refine.insee_reg'] = + healthref.parameters['refine.reg_code'] = + ctxdepartements.parameters['refine.reg_code'] = + (selected.regions | toObject:'code' | keys); + ""}} + + + + {{ +medecins.parameters['refine.insee_dep'] = +healthref.parameters['refine.dep_code'] = +ctxregions.parameters['refine.dep_code'] = +(selected.departements | toObject:'code' | keys); +""}} +
+
+ +
+
+
+
+ + +
+
+
+ +
+ +

+ {{ analysis[0].count | number : 0 }} +

+

+ Établissements du domaine sanitaire et social +

+
+ +
+ +

+ {{ analysis[0].count | number : 0 }} +

+

+ Professionnels de santé +

+
+
+
+
+ + +
+
+
+
+
+

+ Localisation des établissements et professionnels de santé +

+ + + + + + + + +
+
+
+
+
+
+

+ Montant général constaté +

+ + + + + + +
+
+
+
+

+ Top 10 des catégories d'établissement +

+ + + + + + +
+
+
+
+
+ \ No newline at end of file diff --git a/content/page-templates/dashboard-filter/2/index.md b/content/page-templates/dashboard-filter/2/index.md new file mode 100644 index 000000000..46f0a70c8 --- /dev/null +++ b/content/page-templates/dashboard-filter/2/index.md @@ -0,0 +1,6 @@ +--- +title: "Dashboard with filters on multiple contexts" +date: 2023-05-23T12:00:00+02:00 +--- + +This example displays data about Health offer in France. It involves several contexts, the filters work on all those contexts. diff --git a/content/page-templates/dashboard-filter/2/schema.md b/content/page-templates/dashboard-filter/2/schema.md new file mode 100644 index 000000000..193416efd --- /dev/null +++ b/content/page-templates/dashboard-filter/2/schema.md @@ -0,0 +1,19 @@ +**Fields in use in `healthref-france-finess` [(See it on public domain)](https://public.huwise.com/explore/dataset/healthref-france-finess/table/):** + +|reg_code|dep_code|libcategetab| +|---|---|---| +|11|75|Laboratoire de Biologie Médicale| +|11|75|Centre de Santé| +|11|75|Centre de Santé| +|11|75|Service d'Éducation Spéciale et de Soins à Domicile| + + +**Fields in use in `medecins` [(See it on public domain)](https://public.huwise.com/explore/dataset/medecins/table/):** + +|insee_dep|insee_reg|nom|libelle_profession|column_19| +|---|---|---|---|---| +|02|32|GUY BOTBOL|Chirurgien-dentiste|| +|02|32|GUY BOTBOL|Chirurgien-dentiste|100.0| +|04|93|INGRID COLLINET BARDON|Chirurgien-dentiste|380.0| +|04|93|INGRID COLLINET BARDON|Chirurgien-dentiste|| + diff --git a/content/page-templates/dashboard-filter/index.md b/content/page-templates/dashboard-filter/index.md new file mode 100644 index 000000000..4e7dbd03f --- /dev/null +++ b/content/page-templates/dashboard-filter/index.md @@ -0,0 +1,11 @@ +--- +title: "Dashboard with filters" +description: "A dashboard template to display KPIs and charts, with filters" +date: 2023-05-23T12:00:00+02:00 +tags: ["display"] +resources: +- src: '*/' + name: folder-:counter +--- + +This dashboard displays KPIs, charts, map, and includes filters to customize your analysis. \ No newline at end of file diff --git a/content/page-templates/dashboard-layouts/index.md b/content/page-templates/dashboard-layouts/index.md index d93003dfe..a0cbc2c28 100644 --- a/content/page-templates/dashboard-layouts/index.md +++ b/content/page-templates/dashboard-layouts/index.md @@ -15,7 +15,7 @@ These resources are split into 2 main parts To see the final example made with these layouts, go to [dashboard resource](/page-templates/dashboard). -**ODS Layout** is well known from Opendatasoft users, and these resources over-ride it by setting `row` as `display: flex` +**ODS Layout** is well known from Huwise users, and these resources over-ride it by setting `row` as `display: flex` elements to take advantage of Flexbox capabilities. You can see the [ODS Layout over-ride resource here](/page-templates/ods-layout-over-ride). **CSS Grid framework** refer to some custom CSS classes that over-rides CSS Grid layout. It's mainly suitable for **expert users only** that are looking for more advanced layouts such as grids and multiple rows designs. diff --git a/content/page-templates/dashboard/6/html.inc b/content/page-templates/dashboard/6/html.inc index dbd5a7c1d..009e21dea 100644 --- a/content/page-templates/dashboard/6/html.inc +++ b/content/page-templates/dashboard/6/html.inc @@ -3,7 +3,7 @@ stats-dataset="resume-statistique-communes-departements-et-regions-france-2012-2013-2014" stats-domain="public">
+ ng-init="stats['source'] = 'https://' + stats.dataset.metas.domain + '.huwise.com/explore/dataset/' + stats.dataset.datasetid">

Observatoire statistiques de la population Française diff --git a/content/page-templates/dashboard/6/schema.md b/content/page-templates/dashboard/6/schema.md new file mode 100644 index 000000000..cd0bad7b4 --- /dev/null +++ b/content/page-templates/dashboard/6/schema.md @@ -0,0 +1,17 @@ +**Dataset in use:** `resume-statistique-communes-departements-et-regions-france-2012-2013-2014` [(See it on public domain)](https://public.huwise.com/explore/dataset/resume-statistique-communes-departements-et-regions-france-2012-2013-2014/table/) + +**Fields in use:** + +|population_en_2012 (numeric)|menages_en_2012 (numeric)|population_en_2007 (numeric)|naissances_entre_2007_et_2012 (numeric)|actifs_15_64_ans_en_2012 (numeric)|chomeurs_15_64_ans_en_2012 (numeric)| +|---|---|---|---|---|---| +|765.0|316.307793923|755.0|44.0|347.635402906|38.4015852048| +|224.0|100.129032258|235.0|14.0|113.548387097|10.3225806452| +|357.0|151.827586207|358.0|25.0|178.5|14.3620689655| +|116.0|53.0|113.0|4.0|56.0|2.0| + +|logements_en_2012 (numeric)|residences_principales_en_2012 (numeric)|res_secondaires_et_logts_occasionnels_en_2012 (numeric)|nombre_de_menages_fiscaux_en_2012 (numeric)|part_des_menages_fiscaux_imposes_en_2012 (numeric)|mediane_du_revenu_disponible_par_uc_en_2012 (numeric)| +|---|---|---|---|---|---| +|390.451397057|316.307793923|35.5483028721|314.0|0|16985.0| +|148.447872838|100.129032258|35.4995563443|98.0|0|17943.0| +|231.841475096|151.827586207|44.885840108400004|148.0|0|17258.7083333| +|78.8947368421|53.0|14.5010526316|52.0|0|21945.0| diff --git a/content/page-templates/dashboard/grid-6/html.inc b/content/page-templates/dashboard/grid-6/html.inc index a15636187..92a70dede 100644 --- a/content/page-templates/dashboard/grid-6/html.inc +++ b/content/page-templates/dashboard/grid-6/html.inc @@ -37,7 +37,7 @@
{{ stats.dataset.metas.data_processed | date }} Source @@ -68,7 +68,7 @@
{{ stats.dataset.metas.data_processed | date }} Source @@ -105,7 +105,7 @@
{{ stats.dataset.metas.data_processed | date }} Source @@ -136,7 +136,7 @@
{{ stats.dataset.metas.data_processed | date }} Source @@ -168,7 +168,7 @@
{{ stats.dataset.metas.data_processed | date }} Source @@ -199,7 +199,7 @@
{{ stats.dataset.metas.data_processed | date }} Source @@ -237,7 +237,7 @@
{{ stats.dataset.metas.data_processed | date }} Source @@ -268,7 +268,7 @@
{{ stats.dataset.metas.data_processed | date }} Source @@ -299,7 +299,7 @@
{{ stats.dataset.metas.data_processed | date }} Source @@ -336,7 +336,7 @@
{{ stats.dataset.metas.data_processed | date }} Source @@ -367,7 +367,7 @@
{{ stats.dataset.metas.data_processed | date }} Source @@ -398,7 +398,7 @@
{{ stats.dataset.metas.data_processed | date }} Source diff --git a/content/page-templates/dashboard/grid-6/schema.md b/content/page-templates/dashboard/grid-6/schema.md new file mode 100644 index 000000000..cd0bad7b4 --- /dev/null +++ b/content/page-templates/dashboard/grid-6/schema.md @@ -0,0 +1,17 @@ +**Dataset in use:** `resume-statistique-communes-departements-et-regions-france-2012-2013-2014` [(See it on public domain)](https://public.huwise.com/explore/dataset/resume-statistique-communes-departements-et-regions-france-2012-2013-2014/table/) + +**Fields in use:** + +|population_en_2012 (numeric)|menages_en_2012 (numeric)|population_en_2007 (numeric)|naissances_entre_2007_et_2012 (numeric)|actifs_15_64_ans_en_2012 (numeric)|chomeurs_15_64_ans_en_2012 (numeric)| +|---|---|---|---|---|---| +|765.0|316.307793923|755.0|44.0|347.635402906|38.4015852048| +|224.0|100.129032258|235.0|14.0|113.548387097|10.3225806452| +|357.0|151.827586207|358.0|25.0|178.5|14.3620689655| +|116.0|53.0|113.0|4.0|56.0|2.0| + +|logements_en_2012 (numeric)|residences_principales_en_2012 (numeric)|res_secondaires_et_logts_occasionnels_en_2012 (numeric)|nombre_de_menages_fiscaux_en_2012 (numeric)|part_des_menages_fiscaux_imposes_en_2012 (numeric)|mediane_du_revenu_disponible_par_uc_en_2012 (numeric)| +|---|---|---|---|---|---| +|390.451397057|316.307793923|35.5483028721|314.0|0|16985.0| +|148.447872838|100.129032258|35.4995563443|98.0|0|17943.0| +|231.841475096|151.827586207|44.885840108400004|148.0|0|17258.7083333| +|78.8947368421|53.0|14.5010526316|52.0|0|21945.0| diff --git a/content/page-templates/datastory/0/css.inc b/content/page-templates/datastory/0/css.inc index 2b91e2b49..6b8e14317 100644 --- a/content/page-templates/datastory/0/css.inc +++ b/content/page-templates/datastory/0/css.inc @@ -61,17 +61,17 @@ section { height: 400px; } -g.highcharts-label.highcharts-data-label { +.one-out-of-5-values g.highcharts-label.highcharts-data-label { display: none; } -g.highcharts-label.highcharts-data-label:first-child, g.highcharts-label.highcharts-data-label:nth-child(5n) { +.one-out-of-5-values g.highcharts-label.highcharts-data-label:first-child, g.highcharts-label.highcharts-data-label:nth-child(5n) { display: inherit; } /** * License: MIT License * Generated on 26 May 2021 - * Author: Labs from Opendatasoft + * Author: Labs from Huwise * Version: 0.1 * Description: ods-chart CSS Library */ diff --git a/content/page-templates/datastory/0/html.inc b/content/page-templates/datastory/0/html.inc index d2668805f..f95c26bee 100644 --- a/content/page-templates/datastory/0/html.inc +++ b/content/page-templates/datastory/0/html.inc @@ -20,10 +20,10 @@ evenementspublicsopenagenda-domain="userclub" evenementspublicsopenagenda-dataset="evenements-publics-openagenda" evenementspublicsopenagenda-parameters="{'disjunctive.tags':true,'disjunctive.placename':true,'disjunctive.city':true}"> - - - + evenementspublicsopenagenda-parameters="{'disjunctive.tags':true,'disjunctive.placename':true,'disjunctive.city':true,'q':'firstdate_begin:[2008 TO 2023]'}"> - - - - + evenementspublicsopenagenda-parameters="{'disjunctive.tags':true,'disjunctive.placename':true,'disjunctive.city':true,'q':'firstdate_begin:[2008 TO 2023]'}"> - - - + evenementspublicsopenagenda-parameters="{'disjunctive.tags':true,'disjunctive.placename':true,'disjunctive.city':true,'q':'firstdate_begin:[2008 TO 2023]'}"> - - - + evenementspublicsopenagenda-parameters="{'disjunctive.tags':true,'disjunctive.placename':true,'disjunctive.city':true,'q':'firstdate_begin:[2008 TO 2023]'}"> - * { + margin: 0 0 10px; + width: 100%; +} + +.odswidget-select .odswidget-select-dropdown.open .odswidget-select-dropdown-menu { + width: 100% +} + +.clear-filters { + display: flex; + align-items: center; + justify-content: center; +} + +.clear-filters-button:hover { + opacity: 0.65; +} + +.odswidget-select, +.odswidget-select .odswidget-select-dropdown { + width: 100%; +} + +@media screen and (min-width: 500px) { + .filter-list>* { + margin: 0 10px 10px 0; + width: inherit; + } + .odswidget-select .odswidget-select-dropdown.open .odswidget-select-dropdown-menu { + width: max-content; + min-width: 240px; + } +} + + +/*********** Filter date ************/ + +.filter-date { + display: flex; + flex-direction: column; + align-items: center; + margin: 13px 26px 32px 26px; +} + +.odswidget-date-range-slider { + width: 100%; +} + +.filter-date-button { + margin-left: 0; + margin-top: 13px; + white-space: nowrap; + text-decoration: underline; +} + +.filter-date-button:not(.filter-date-button-disabled):hover { + opacity: 0.65; +} + +.filter-date-button-disabled { + opacity: 0.5; + pointer-event: none; + text-decoration: none; +} + +@media screen and (min-width: 500px) { + .filter-date { + flex-direction: row; + } + .filter-date-button { + margin-left: 50px; + margin-top: 0; + } +} + + +/* date range slider style override */ + +.odswidget-date-range-slider .irs--flat .irs-from, +.odswidget-date-range-slider .irs--flat .irs-single, +.odswidget-date-range-slider .irs--flat .irs-to { + color: var(--text); + border: 1px solid #cbd2db; + border-radius: 2rem; + background: #FFFFFF; +} + +.odswidget-date-range-slider .irs--flat .irs-from:before, +.odswidget-date-range-slider .irs--flat .irs-single:before, +.odswidget-date-range-slider .irs--flat .irs-to:before { + border-top-color: var(--text); +} + +.odswidget-date-range-slider .irs--flat .irs-bar { + background-color: var(--highlight); +} + +.odswidget-date-range-slider .irs--flat .irs-handle>i:first-child { + background-color: var(--highlight); +} + +.odswidget-date-range-slider .irs--flat .irs-handle.state_hover>i:first-child, +.odswidget-date-range-slider .irs--flat .irs-handle:hover>i:first-child { + background-color: var(--text); +} + + +/* Content Card +========================================================================== */ + +.content-card { + background-color: var(--boxes-background); + border-radius: 4px; + height: 100%; + box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13); +} + +.content-card-button { + color: var(--highlight); + border: 1px solid var(--highlight); + background: transparent; + display: inline-block; + text-align: center; + font-size: .867rem; + border-radius: 4px; + padding: .5rem 1.15rem; + text-decoration: none; + transition: all .2s; +} + +.content-card-button:hover { + background-color: var(--highlight); + color: #FFFFFF; + text-decoration: none; +} + + +/* KPI Card +========================================================================== */ + +@media screen and (min-width: 992px) { + .kpis-container { + display: flex; + justify-content: center; + } +} + +.kpi-card { + background-color: var(--boxes-background); + height: 100%; + padding: 30px; + border-radius: 4px; + box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + text-align: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; +} + + +.kpi-title { + font-weight: normal; + color: var(--highlight); + font-size: 3.2rem; + margin-top: 0; + margin-bottom: 7px; + max-width: 100%; +} + +.kpi-unit { + font-size: 0.8em; + color: var(--secondary-color); +} + + +/* Access-card +========================================================================== */ + +.col-md-4 { + padding-bottom: 20px +} + + +ul { + padding-left: 13px; +} + +.access-card { + border-radius: 10px; + background-color: #fff; + height: 100%; + background-color: #f6f8fb; + box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.13); + transition: all 0.3s; + display: block; + color: var(--text); + margin-bottom: 10px; + display: flex; + flex-direction: column; + justify-content: space-between; + overflow: hidden; + +} + +.access-card:hover { + box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.5); + text-decoration: none; + overflow: hidden; +} + +.access-card-img { + background-repeat: no-repeat; + background-size: cover; + background-position: center; + height: 250px; + position: relative; + border-radius: 10px 10px 0 0; +} + +.access-card-content { + padding: 26px 26px 10px 26px; +} + +.access-card-pretitle { + text-transform: uppercase; + color: #FFF; + background-color: var(--links) ; + border-radius: 3px; + font-weight: 400; + margin: 0px; + font-size: 12px; + position: absolute; + bottom: 15px; + left: 26px; + padding: 5px; +} + +.access-card-title { + font-weight: 400; + margin: 10px 0px; + font-size: 22px; + border-bottom: solid var(--highlight) 2px; + padding-bottom: 10px; +} + +.access-card-subtitle { + font-size: 16px; + font-weight: 400; + margin: 0px 0px 10px 0px; +} + +.access-card-content p { + margin: 5px 0px; +} + +.access-card-button { + display: flex; + justify-content: center; + margin: 0px 26px 26px; + padding-top: 0px; +} + +.access-card-button:hover { + opacity: 0.7; +} + +.access-card-button-content { + background-color: var(--highlight); + text-align: center; + color: #FFF; + border-radius: 24px; + padding: 10px 20px 10px 20px; + width: fit-content; +} diff --git a/content/page-templates/dataviz-gallery/1/html.inc b/content/page-templates/dataviz-gallery/1/html.inc new file mode 100644 index 000000000..9bc76077c --- /dev/null +++ b/content/page-templates/dataviz-gallery/1/html.inc @@ -0,0 +1,148 @@ +
+ +

Dataviz Gallery

+

+ Sur cette page vous pouvez trouver les dernières visualisations crées sur notre portail. +

+
+ +
+ + + +
+ + +
+
+ +
+
+
+ Supprimer le filtre + +
+
+
+ + + +
+ + +
+ +
+

+ {{ (agg[0].x || 0) | number : (kpi.precision || 0) }} + {{ kpi.unit }} +

+

+ data visualisations sélectionnées +

+
+ +
+ + + +
+
+ +
+ +
+
+ +
+

{{item.fields.theme}}

+
+ +
+

{{ item.fields.title }}

+ +

Jeux de données utilisés :

+ + +
+
+
+
+ Accéder +
+ +
+
+
+
+
+ + +
\ No newline at end of file diff --git a/content/page-templates/dataviz-gallery/1/index.md b/content/page-templates/dataviz-gallery/1/index.md new file mode 100644 index 000000000..9e097470e --- /dev/null +++ b/content/page-templates/dataviz-gallery/1/index.md @@ -0,0 +1,7 @@ +--- +title: "French version" +date: 2023-03-17T12:00:00+02:00 +--- + +Please refer to [this tutorial](https://userclub.huwise.com/p/dataviz-gallery-tutorial-fr/) to see how to implement this template on your portal. + diff --git a/content/page-templates/dataviz-gallery/1/schema.md b/content/page-templates/dataviz-gallery/1/schema.md new file mode 100644 index 000000000..f75721454 --- /dev/null +++ b/content/page-templates/dataviz-gallery/1/schema.md @@ -0,0 +1,11 @@ +**Dataset in use:** `datavizgallery` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/datavizgallery/table/) + +**Fields in use:** + +|theme|date|photo|title|iddataset|datavizlink| +|---|---|---|---|---|---| +|Administration|2022-02-22|issy.jpeg|Jumelages et partenariats internationaux d'Issy-les-Moulineaux|jumelages-partenariats-internationaux-issy|https://data.issy.com/explore/dataset/jumelages-partenariats-internationaux-issy/jumelages/?sort=annee| +|Budget|2022-01-03|cannes.jpeg|Budget primitif 2021|"budget-primitif-2021|resultats-et-excedents|evolution-fiscalite"|https://data.cannes.fr/pages/budget-2021/la-gestion-budgetaire-cannes| +|Délibérations|2022-01-01|soissons.jpeg|Délibérations du Conseil Municipal de Soissons|deliberations-du-conseil-municipal-de-soissons|https://data.ville-soissons.fr/pages/deliberations_conseils_municipaux/| +|Services|2023-03-01|bordeaux.jpeg|Les équipements de Bordeaux Métropole|equipement-public-bordeaux|https://opendata.bordeaux-metropole.fr/pages/equipements/| + diff --git a/content/page-templates/dataviz-gallery/2/css.inc b/content/page-templates/dataviz-gallery/2/css.inc new file mode 100644 index 000000000..e489127a5 --- /dev/null +++ b/content/page-templates/dataviz-gallery/2/css.inc @@ -0,0 +1,406 @@ +/* General Layout +========================================================================== */ + +:root { + --secondary-color: black; +} + +main { + margin: 6rem 0 3em 0; +} + + + +@media screen and (min-width: 992px) { + .row-equal-height { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-bottom: 20px; + } + /* Fix for early content wrapping in Safari*/ + .row-equal-height:before, + .row-equal-height:after { + content: normal; + } +} + +.page-title { + font-size: 3rem; + font-weight: bold; + margin-top: 0; + margin-bottom: 1rem; +} + +.page-subtitle { + font-size: 1.2rem; + line-height: 2; + margin-top: 0; + margin-bottom: 3rem; +} + +.margin-bottom-20 { + margin-bottom: 20px; +} + + +/* Search Module +========================================================================== */ + +.search-module-container { + padding: 26px; + margin-bottom: 25px; +} + +.search-module { + display: flex; + align-items: stretch; + border-bottom: 1px solid #dee5ef; + margin-bottom: 13px; + transition: all .2s; +} + +.search-module:hover, +.search-module:focus-within { + border-bottom-color: var(--links); +} + +.search-module-icon { + color: #898d92; + margin-right: 8px; + align-self: center; +} + +.search-module-input { + background-color: transparent; + width: 100%; + outline: none; + border: none; + padding: 12px 0; + transition: all .2s; + color: var(--text); +} + +.search-module-input::placeholder { + transition: all .2s; +} + +.search-module-clear { + color: #898d92; + font-size: 1rem; + background: transparent; + border: none; + margin: 0; + outline: none; + padding: 0 0 0 12px; + transition: all .2s; +} + +.search-module-clear:hover { + opacity: .65; +} + +.search-module:hover .search-module-icon, +.search-module:focus-within .search-module-icon, +.search-module:hover .search-module-input::placeholder, +.search-module:focus-within .search-module-input::placeholder { + color: var(--links) +} + + +/* Filters +========================================================================== */ + +.filter-list { + display: flex; + flex-wrap: wrap; + position: relative; +} + +.filter-list>* { + margin: 0 0 10px; + width: 100%; +} + +.odswidget-select .odswidget-select-dropdown.open .odswidget-select-dropdown-menu { + width: 100% +} + +.clear-filters { + display: flex; + align-items: center; + justify-content: center; +} + +.clear-filters-button:hover { + opacity: 0.65; +} + +.odswidget-select, +.odswidget-select .odswidget-select-dropdown { + width: 100%; +} + +@media screen and (min-width: 500px) { + .filter-list>* { + margin: 0 10px 10px 0; + width: inherit; + } + .odswidget-select .odswidget-select-dropdown.open .odswidget-select-dropdown-menu { + width: max-content; + min-width: 240px; + } +} + + +/*********** Filter date ************/ + +.filter-date { + display: flex; + flex-direction: column; + align-items: center; + margin: 13px 26px 32px 26px; +} + +.odswidget-date-range-slider { + width: 100%; +} + +.filter-date-button { + margin-left: 0; + margin-top: 13px; + white-space: nowrap; + text-decoration: underline; +} + +.filter-date-button:not(.filter-date-button-disabled):hover { + opacity: 0.65; +} + +.filter-date-button-disabled { + opacity: 0.5; + pointer-event: none; + text-decoration: none; +} + +@media screen and (min-width: 500px) { + .filter-date { + flex-direction: row; + } + .filter-date-button { + margin-left: 50px; + margin-top: 0; + } +} + + +/* date range slider style override */ + +.odswidget-date-range-slider .irs--flat .irs-from, +.odswidget-date-range-slider .irs--flat .irs-single, +.odswidget-date-range-slider .irs--flat .irs-to { + color: var(--text); + border: 1px solid #cbd2db; + border-radius: 2rem; + background: #FFFFFF; +} + +.odswidget-date-range-slider .irs--flat .irs-from:before, +.odswidget-date-range-slider .irs--flat .irs-single:before, +.odswidget-date-range-slider .irs--flat .irs-to:before { + border-top-color: var(--text); +} + +.odswidget-date-range-slider .irs--flat .irs-bar { + background-color: var(--highlight); +} + +.odswidget-date-range-slider .irs--flat .irs-handle>i:first-child { + background-color: var(--highlight); +} + +.odswidget-date-range-slider .irs--flat .irs-handle.state_hover>i:first-child, +.odswidget-date-range-slider .irs--flat .irs-handle:hover>i:first-child { + background-color: var(--text); +} + + +/* Content Card +========================================================================== */ + +.content-card { + background-color: var(--boxes-background); + border-radius: 4px; + height: 100%; + box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13); +} + +.content-card-button { + color: var(--highlight); + border: 1px solid var(--highlight); + background: transparent; + display: inline-block; + text-align: center; + font-size: .867rem; + border-radius: 4px; + padding: .5rem 1.15rem; + text-decoration: none; + transition: all .2s; +} + +.content-card-button:hover { + background-color: var(--highlight); + color: #FFFFFF; + text-decoration: none; +} + + +/* KPI Card +========================================================================== */ + +@media screen and (min-width: 992px) { + .kpis-container { + display: flex; + justify-content: center; + } +} + +.kpi-card { + background-color: var(--boxes-background); + height: 100%; + padding: 30px; + border-radius: 4px; + box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + text-align: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; +} + + +.kpi-title { + font-weight: normal; + color: var(--highlight); + font-size: 3.2rem; + margin-top: 0; + margin-bottom: 7px; + max-width: 100%; +} + +.kpi-unit { + font-size: 0.8em; + color: var(--secondary-color); +} + +/* Access-card +========================================================================== */ + +.col-md-4 { + padding-bottom: 20px +} + + +ul { + padding-left: 13px; +} + +.access-card { + border-radius: 10px; + background-color: #fff; + height: 100%; + background-color: #f6f8fb; + box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.13); + transition: all 0.3s; + display: block; + color: var(--text); + margin-bottom: 10px; + display: flex; + flex-direction: column; + justify-content: space-between; + overflow: hidden; + +} + +.access-card:hover { + box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.5); + text-decoration: none; + overflow: hidden; +} + +.access-card-img { + background-repeat: no-repeat; + background-size: cover; + background-position: center; + height: 250px; + position: relative; + border-radius: 10px 10px 0 0; +} + +.access-card-content { + padding: 26px 26px 10px 26px; +} + +.access-card-pretitle { + text-transform: uppercase; + color: #FFF; + background-color: var(--links) ; + border-radius: 3px; + font-weight: 400; + margin: 0px; + font-size: 12px; + position: absolute; + bottom: 15px; + left: 26px; + padding: 5px; +} + +.access-card-title { + font-weight: 400; + margin: 10px 0px; + font-size: 22px; + border-bottom: solid var(--highlight) 2px; + padding-bottom: 10px; +} + +.access-card-subtitle { + font-size: 16px; + font-weight: 400; + margin: 0px 0px 10px 0px; +} + +.access-card-content p { + margin: 5px 0px; +} + +.access-card-button { + display: flex; + justify-content: center; + margin: 0px 26px 26px; + padding-top: 0px; +} + +.access-card-button:hover { + opacity: 0.7; +} + +.access-card-button-content { + background-color: var(--highlight); + text-align: center; + color: #FFF; + border-radius: 24px; + padding: 10px 20px 10px 20px; + width: fit-content; +} diff --git a/content/page-templates/dataviz-gallery/2/html.inc b/content/page-templates/dataviz-gallery/2/html.inc new file mode 100644 index 000000000..dbd6f18f8 --- /dev/null +++ b/content/page-templates/dataviz-gallery/2/html.inc @@ -0,0 +1,149 @@ +
+ + +

Dataviz Gallery

+

+ On this page you will find the latest visualizations created on our portal. +

+
+ +
+ + + +
+ + +
+
+ +
+
+
+ Delete the filter + +
+
+
+ + + +
+ + +
+ +
+

+ {{ (agg[0].x || 0) | number : (kpi.precision || 0) }} + {{ kpi.unit }} +

+

+ Selected data visualisations +

+
+ +
+ + + +
+
+ +
+ +
+
+ +
+

{{item.fields.theme}}

+
+ +
+

{{ item.fields.title }}

+ +

Datasets in use :

+ + +
+
+
+
+ Access +
+ +
+
+
+
+
+ + +
\ No newline at end of file diff --git a/content/page-templates/dataviz-gallery/2/index.md b/content/page-templates/dataviz-gallery/2/index.md new file mode 100644 index 000000000..9f2569ed7 --- /dev/null +++ b/content/page-templates/dataviz-gallery/2/index.md @@ -0,0 +1,6 @@ +--- +title: "English version" +date: 2023-03-17T12:00:00+02:00 +--- + +Please refer to [this tutorial](https://userclub.huwise.com/p/dataviz-gallery-tutorial-en/) to see how to implement this template on your portal. \ No newline at end of file diff --git a/content/page-templates/dataviz-gallery/2/schema.md b/content/page-templates/dataviz-gallery/2/schema.md new file mode 100644 index 000000000..91e6f1e74 --- /dev/null +++ b/content/page-templates/dataviz-gallery/2/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `dataviz-gallery-template-en` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/dataviz-gallery-template-en/table/) + +**Fields in use:** + +|theme|date|photo|title|iddataset|datavizlink| +|---|---|---|---|---|---| +|Household|2022-12-05|leicester.png|Leicester Household Survey 2021 results|leicester-household-survey-2021-results|https://leicester.huwise.com/explore/dataset/survey-of-leicester-all-themes-by-participant-demographics/custom/?disjunctive.question&disjunctive.demographic_category&disjunctive.demographic_characteristic&disjunctive.response| +|Waste management|2022-10-12|umea.png|Waste Collection City of Umeå|waste-collection-kolada-umea|https://opendata.umea.se/explore/dataset/insamling-av-avfall/custom/?disjunctive.kpi&sort=period#en| +|Mobility|2022-12-22|rheinkreiss.png|Bike counting stations evaluation|rhein-kreis-neuss-radzaehlstationen-auswertung|https://opendata.rhein-kreis-neuss.de/explore/dataset/eco-counter-data/dashboard/?disjunctive.counter_name| + diff --git a/content/page-templates/dataviz-gallery/index.md b/content/page-templates/dataviz-gallery/index.md new file mode 100644 index 000000000..afcbcf1d3 --- /dev/null +++ b/content/page-templates/dataviz-gallery/index.md @@ -0,0 +1,19 @@ +--- +title: "Dataviz gallery page" +description: "A page template to display data visualizations on your portal." +date: 2023-03-17T12:00:00+02:00 +tags: ["display"] +resources: +- src: '*/' + name: folder-:counter +--- + +This template is a mixture of the [Listing page template](/page-templates/listing-page/) and the [Access Cards component](/components/access-card/). It was created to offer a simple way of showcasing your data visualizations, custom views, maps and Studio pages on your portal. + +It offers more customization possibilities to advanced users who would like to add or remove items from this template, like additional filters, new card content or adding a date range slider. + +This ressource integrates the following widgets: + - `ods-select` to create the filters on text fields. [Resource available here](/widget-tricks/ods-select/) + - `ods-adv-analysis` to create KPI. [Resource available here](https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsAdvAnalysis) + - `ods-date-range-slider` to create a date selector. It is deactivated by default. [Resource available here](/widget-tricks/ods-date-range-slider/) + - `ods-results` to list the content of the records from the dataset. [Resource available here](/widget-tricks/ods-results/) \ No newline at end of file diff --git a/content/page-templates/fullscreen-map/1/html.inc b/content/page-templates/fullscreen-map/1/html.inc index 50d422f19..60b529852 100644 --- a/content/page-templates/fullscreen-map/1/html.inc +++ b/content/page-templates/fullscreen-map/1/html.inc @@ -36,7 +36,8 @@ {{ctx.nhits | number}} Air measurements

- +

Filters

@@ -81,7 +82,10 @@ - + @@ -91,8 +95,10 @@ - + @@ -101,7 +107,9 @@ - + @@ -110,7 +118,10 @@ - + @@ -130,7 +141,7 @@ ng-model="search['query']" ng-model-options="{ updateOn: 'keyup', debounce: { 'default': 500, 'blur': 0 }}" - ng-change="ctx.parameters['q'] = search['query'];" /> + ng-change="ctx.parameters['q'] = search['query'];"/>
PM10 Heatmap" ng-click="activemaplayer = 'PM10'; ctx.parameters['refine.measurements_parameter'] = 'PM10';"> - +
- +
+ color="#45423E" picto="ods-connected_temp" show-marker="false" display="auto" shape-opacity="0.5" + point-opacity="1" border-color="#FFFFFF" border-opacity="1" border-size="1" + border-pattern="solid" + caption="false" caption-picto-color="#E5E5E5" title="Air Quality measurements" size="5" + size-min="2" size-max="6" size-function="linear">
  • {{ record.fields.location }}
  • {{ record.fields.measurements_lastupdated | date:'medium'}}
    • -
  • {{ record.fields.measurements_parameter }}: {{ record.fields.measurements_value }} {{ record.fields.measurements_unit }}
    • +
  • {{ record.fields.measurements_parameter }}: {{ record.fields.measurements_value }} {{ record.fields.measurements_unit }} +
  • (source: {{ record.fields.measurements_sourcename }})
 + color-gradient="{'1':'#FFFFFF','0.3':'#FF0000','0.6':'#FFFF00'}" picto="ods-connected_temp" + show-marker="false" display="heatmap" radius="1" function="AVG" expression="measurements_value" + shape-opacity="0.5" point-opacity="1" border-color="#FFFFFF" border-opacity="1" border-size="1" + border-pattern="solid" + caption="false" caption-picto-color="#E5E5E5" title="PM10 Heatmap" + size-function="log"> + color-gradient="{'1':'#00FAFA','0.2':'#000000','0.4':'#183567','0.6':'#2E649E','0.8':'#17ADCB'}" + picto="ods-connected_temp" show-marker="false" display="heatmap" radius="1" function="AVG" + expression="measurements_value" shape-opacity="0.5" point-opacity="1" border-color="#FFFFFF" + border-opacity="1" border-size="1" border-pattern="solid" + caption="false" caption-picto-color="#E5E5E5" title="O3 Heatmap" + size-function="log"> diff --git a/content/page-templates/fullscreen-map/1/schema.md b/content/page-templates/fullscreen-map/1/schema.md new file mode 100644 index 000000000..7a318074f --- /dev/null +++ b/content/page-templates/fullscreen-map/1/schema.md @@ -0,0 +1,11 @@ +**Dataset in use:** `openaq` [(See it on public domain)](https://public.huwise.com/explore/dataset/openaq/table/) + +**Fields in use:** + +|location|measurements_sourcename|measurements_parameter (numeric)|measurements_lastupdated (datetime)|measurements_value (numeric)|measurements_sourcename| +|---|---|---|---|---|---| +|Wien Belgradplatz|EEA Austria|NO2|2016-12-12T09:00:00+00:00|19.0|EEA Austria| +|Graz Don Bosco|EEA Austria|SO2|2016-12-12T09:00:00+00:00|5.0|EEA Austria| +|Targinie|Australia - Queensland|PM10|2021-12-13T10:00:00+00:00|16.2|Australia - Queensland| +|Rocklea|Australia - Queensland|PM10|2021-12-13T10:00:00+00:00|10.9|Australia - Queensland| + diff --git a/content/page-templates/home-1/1/css.inc b/content/page-templates/home-1/1/css.inc index fcda497b6..224d04130 100644 --- a/content/page-templates/home-1/1/css.inc +++ b/content/page-templates/home-1/1/css.inc @@ -358,34 +358,34 @@ * - Change the class name to something related to your project. */ .image-card-mobility { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/mobility-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/mobility-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/mobility-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/mobility-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/mobility-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/mobility-bg.jpg'); } .image-card-garden { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/garden-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/garden-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/garden-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/garden-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/garden-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/garden-bg.jpg'); } .image-card-gastronomy { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/gastronomy-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/gastronomy-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/gastronomy-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/gastronomy-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/gastronomy-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/gastronomy-bg.jpg'); } .image-card-sport { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/sport-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/sport-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/sport-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/sport-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/sport-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/sport-bg.jpg'); } .image-card-culture { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/culture-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/culture-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/culture-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/culture-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/culture-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/culture-bg.jpg'); } .image-card-education { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/education-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/education-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/education-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/education-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/education-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/education-bg.jpg'); } /* ========================================================================== Homepage Styles @@ -438,7 +438,7 @@ main { background-size: cover; /* You can replace the background-image by uploading an image to the portal assets and replacing the text in simple quotes below or use the URL of an image on the web */ - background-image: url('https://discovery.opendatasoft.com/assets/theme_image/header-bg.jpg'); + background-image: url('https://discovery.huwise.com/assets/theme_image/header-bg.jpg'); /* Position of the background-image on x y axis. Change these values to modify where the image is centered. */ diff --git a/content/page-templates/home-1/1/html.inc b/content/page-templates/home-1/1/html.inc index f7d9f0fab..29ab7bb2a 100644 --- a/content/page-templates/home-1/1/html.inc +++ b/content/page-templates/home-1/1/html.inc @@ -262,7 +262,7 @@
diff --git a/content/page-templates/home-1/index.md b/content/page-templates/home-1/index.md index bcaff5c86..592c031ab 100644 --- a/content/page-templates/home-1/index.md +++ b/content/page-templates/home-1/index.md @@ -1,6 +1,6 @@ --- title: "Home page 1" -description: "A home page for your Opendatasoft portal, alternative 1" +description: "A home page for your Huwise portal, alternative 1" tags: ["display", "navigation"] resources: - src: '*/' diff --git a/content/page-templates/home-2/1/css.inc b/content/page-templates/home-2/1/css.inc index 218eb6703..a2bd3aee3 100644 --- a/content/page-templates/home-2/1/css.inc +++ b/content/page-templates/home-2/1/css.inc @@ -358,34 +358,34 @@ * - Change the class name to something related to your project. */ .image-card-mobility { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/mobility-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/mobility-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/mobility-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/mobility-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/mobility-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/mobility-bg.jpg'); } .image-card-garden { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/garden-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/garden-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/garden-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/garden-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/garden-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/garden-bg.jpg'); } .image-card-gastronomy { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/gastronomy-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/gastronomy-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/gastronomy-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/gastronomy-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/gastronomy-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/gastronomy-bg.jpg'); } .image-card-sport { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/sport-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/sport-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/sport-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/sport-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/sport-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/sport-bg.jpg'); } .image-card-culture { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/culture-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/culture-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/culture-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/culture-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/culture-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/culture-bg.jpg'); } .image-card-education { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/education-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/education-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/education-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/education-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/education-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/education-bg.jpg'); } /* ========================================================================== Homepage Styles diff --git a/content/page-templates/home-2/index.md b/content/page-templates/home-2/index.md index 9800dbe7f..870b63c04 100644 --- a/content/page-templates/home-2/index.md +++ b/content/page-templates/home-2/index.md @@ -1,6 +1,6 @@ --- title: "Home page 2" -description: "An home page for your Opendatasoft portal, alternative 2" +description: "An home page for your Huwise portal, alternative 2" tags: ["display", "navigation"] resources: - src: '*/' diff --git a/content/page-templates/home-3/1/css.inc b/content/page-templates/home-3/1/css.inc index dc2c67e6a..9d71020f8 100644 --- a/content/page-templates/home-3/1/css.inc +++ b/content/page-templates/home-3/1/css.inc @@ -359,34 +359,34 @@ * - Change the class name to something related to your project. */ .image-card-mobility { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/mobility-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/mobility-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/mobility-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/mobility-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/mobility-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/mobility-bg.jpg'); } .image-card-garden { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/garden-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/garden-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/garden-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/garden-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/garden-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/garden-bg.jpg'); } .image-card-gastronomy { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/gastronomy-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/gastronomy-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/gastronomy-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/gastronomy-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/gastronomy-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/gastronomy-bg.jpg'); } .image-card-sport { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/sport-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/sport-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/sport-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/sport-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/sport-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/sport-bg.jpg'); } .image-card-culture { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/culture-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/culture-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/culture-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/culture-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/culture-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/culture-bg.jpg'); } .image-card-education { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/education-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/education-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/education-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/education-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/education-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/education-bg.jpg'); } /* ========================================================================== Homepage Styles @@ -460,7 +460,7 @@ main { background-size: cover; /* You can replace the background-image by uploading an image to the portal assets and replacing the text in simple quotes below or use the URL of an image on the web */ - background-image: url('https://discovery.opendatasoft.com/assets/theme_image/header-bg.jpg'); + background-image: url('https://discovery.huwise.com/assets/theme_image/header-bg.jpg'); /* Position of the background-image on x y axis. Change these values to modify where the image is centered. */ diff --git a/content/page-templates/home-3/1/html.inc b/content/page-templates/home-3/1/html.inc index 76a531160..767e266d6 100644 --- a/content/page-templates/home-3/1/html.inc +++ b/content/page-templates/home-3/1/html.inc @@ -194,7 +194,7 @@
diff --git a/content/page-templates/home-3/index.md b/content/page-templates/home-3/index.md index 30a84559f..133b5a46f 100644 --- a/content/page-templates/home-3/index.md +++ b/content/page-templates/home-3/index.md @@ -1,6 +1,6 @@ --- title: "Home page 3" -description: "A home page for your Opendatasoft portal, alternative 3" +description: "A home page for your Huwise portal, alternative 3" tags: ["display", "navigation"] resources: - src: '*/' diff --git a/content/page-templates/home-4-access-cards/1/css.inc b/content/page-templates/home-4-access-cards/1/css.inc new file mode 100644 index 000000000..0d1f08a8b --- /dev/null +++ b/content/page-templates/home-4-access-cards/1/css.inc @@ -0,0 +1,688 @@ +/* ========================================================================== + Cards + ========================================================================== */ +/** + * Styling for the different types of cards: + * - Colored Card + * - Content card + * - Search box card + * - KPI card + * - Image card + */ +/* Variables & Shared classes + ========================================================================== */ +:root { + --secondary-color: #142E7B; +} + +.text-center { + text-align: center; +} + +.centered-card { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +/* Colored Card (Basic card) + ========================================================================== */ +.color-card { + background-color: var(--links); /* Background color for IE */ + background-color: var(--secondary-color); + color: #FFFFFF; + text-align: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding: 39px; + border-radius: 4px; + margin-bottom: 20px; + height: 100%; + text-decoration: none; + -webkit-transition: all .2s; + -o-transition: all .2s; + transition: all .2s; +} + +.color-card:hover, +.color-card:focus { + text-decoration: none; + -webkit-transform: scale(1.02); + -ms-transform: scale(1.02); + transform: scale(1.02); + -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); + box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); +} + +.color-card-icon { + font-size: 2rem; + margin-bottom: 13px; +} + +.color-card-picto { + width: auto; + height: 56px; + margin-bottom: 13px; + max-width: 100%; +} + +.color-card-title { + color: inherit; + font-size: 1.2rem; + line-height: 1.5; + font-weight: normal; + margin-top: 0; + margin-bottom: 0; + max-width: 100%; +} + +.color-card-description { + font-size: 1rem; + line-height: 1.5; + font-weight: normal; + color: inherit; + margin-top: 13px; + margin-bottom: 26px; + max-width: 100%; +} + +.color-card-link { + color: inherit; + font-weight: bold; + margin-top: auto; + max-width: 100%; +} + +/* Content Card + ========================================================================== */ +.content-card { + background-color: var(--boxes-background); + padding: 26px; + border-radius: 4px; + margin-bottom: 20px; + height: 100%; +} + +.content-card-title { + color: var(--titles); + font-size: 1.2rem; + line-height: 1.5; + font-weight: normal; + margin-top: 0; + margin-bottom: 13px; + max-width: 100%; +} + +.content-card-description { + color: var(--text); + font-size: 1rem; + line-height: 1.5; + font-weight: normal; + margin-top: 0; + margin-bottom: 26px; + max-width: 100%; +} + +.content-card-icon { + color: var(--highlight); + font-size: 2rem; + margin-bottom: 13px; + max-width: 100%; +} + +.content-card-link { + color: var(--links); + font-weight: bold; + -webkit-transition: all .2s; + -o-transition: all .2s; + transition: all .2s; + opacity: 1; + max-width: 100%; +} + +.content-card-link:hover { + opacity: .7; + text-decoration: none; +} + +.content-card-button { + color: var(--highlight); /* Color for IE */ + color: var(--secondary-color); + border: 1px solid var(--highlight); /* Border color for IE because it doesn't support CSS variables. */ + border: 1px solid var(--secondary-color); + background: transparent; + display: inline-block; + text-align: center; + font-size: .867rem; + border-radius: 4px; + padding: .5rem 1.15rem; + text-decoration: none; + -webkit-transition: all .2s; + -o-transition: all .2s; + transition: all .2s; +} + +.content-card-button:hover { + background-color: var(--highlight); /* Color for IE */ + background-color: var(--secondary-color); + color: #FFFFFF; + text-decoration: none; +} + +/* Search Box Card + ========================================================================== */ +.search-card { + background-color: rgba(0, 0, 0, .1); + padding: 39px; + border-radius: 4px; + margin-bottom: 20px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + text-align: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; +} + +.search-card-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + max-width: 500px; + margin: 0 auto; +} + +.search-card-title { + color: var(--titles); + font-size: 1.2rem; + line-height: 1.5; + font-weight: normal; +} + +.search-card-searchbox { + margin-bottom: 0; + -webkit-box-flex: 1; + -ms-flex: 1 1 auto; + flex: 1 1 auto; +} + +.search-card-searchbox .odswidget-searchbox__box { + font-size: 1rem; + display: block; + width: 100%; + max-width: 500px; + padding: 8px 13px; + border-radius: 4px 0 0 4px; + border: none; + margin: 0 auto; +} + +.search-card-submit-button { + border: none; + background-color: var(--highlight); + color: #FFFFFF; + font-size: .866rem; + font-weight: bold; + text-align: center; + padding: 8px 12px; + border-radius: 0 4px 4px 0; + -webkit-transition: opacity .2s; + -o-transition: opacity .2s; + transition: opacity .2s; +} + +.search-card-submit-button:hover { + text-decoration: none; + opacity: .7; +} + +/* KPI Card + ========================================================================== */ +.kpi-card { + background-color: var(--boxes-background); + height: 100%; + padding: 39px; + border-radius: 4px; + margin-bottom: 20px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + text-align: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; +} + +.kpi-icon { + color: var(--highlight); + color: var(--secondary-color); + font-size: 4rem; + margin-top: 0; + margin-bottom: 13px; + max-width: 100%; +} + +.kpi-title { + font-weight: normal; + color: var(--highlight); + font-size: 3.2rem; + margin-top: 0; + margin-bottom: 13px; + max-width: 100%; +} + +.kpi-description { + color: var(--text); + font-size: 1rem; + line-height: 1.5; + font-weight: normal; + margin-top: 0; + margin-bottom: 0; + max-width: 100%; +} + +/* Image Card + ========================================================================== */ +.image-card { + background-color: rgba(0, 0, 0, .1); + background-color: var(--secondary-color); + color: #FFFFFF; + padding: 39px; + border-radius: 4px; + margin-bottom: 20px; + min-height: 300px; + height: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + text-align: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + background-position: center center; + background-repeat: no-repeat; + background-size: cover; + -webkit-transition: all .2s; + -o-transition: all .2s; + transition: all .2s; + text-decoration: none; +} + +.image-card:hover, +.image-card:focus { + text-decoration: none; + -webkit-transform: scale(1.02); + -ms-transform: scale(1.02); + transform: scale(1.02); + -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); + box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); +} + +.image-title { + color: inherit; + font-size: 1.733rem; + line-height: 2.26; + font-weight: bold; + margin-top: 0; + margin-bottom: 13px; +} + +.image-description { + color: inherit; + font-size: 1rem; + line-height: 1.5; + font-weight: bold; + margin: 0; +} + +/* ========================================================================== +Access Card Container + ========================================================================== */ +.access-cards-container { + margin-bottom: 20px; + display: grid; + grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); + gap: 40px; +} + +/* ========================================================================== +Access Cards + ========================================================================== */ + +.access-card-bg { + background-repeat: no-repeat; + background-size: cover; + border-radius: 4px; + box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.13); + transition: all 0.3s; + color: var(--text); + display: flex; + height: 100%; + justify-content: center; + margin-bottom: 20px; +} + +.access-card-bg:hover { + box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.5); + text-decoration: none; +} + +.access-card { + border-radius: 10px; + background-color: #fff; + margin: 200px 26px 26px; + padding: 26px; + width: 100%; + + display: flex; + flex-direction: column; + justify-content: space-between; +} + +.access-card-pretitle { + text-transform: uppercase; + color: var(--secondary-color); + opacity: 0.7; + font-weight: 400; + margin: 0px; + font-size: 12px; +} + +.access-card-title { + font-weight: 400; + margin: 10px 0px; + font-size: 22px; +} + +.access-card-subtitle { + font-size: 16px; + font-weight: 400; + margin: 0px 0px 10px 0px; +} + +.access-card-description { + background-color: var(--boxes-background); + padding: 10px; +} + +.access-card-description h4 { + font-weight: 700; + margin: 5px 0px 0px 0px; +} + +.access-card-description p { + margin: 5px 0px; +} + +.access-card-button { + color: var(--secondary-color); + font-size: 16px; + font-weight: 700; + display: flex; + justify-content: right; + align-items: center; + width: 100%; + padding: 26px 0px 0px 26px; +} + +.access-card-button i { + padding-left: 5px; + transition: all 0.3s; +} + +.access-card:hover .access-card-button i { + transform: translateX(5px); +} + + +/* ========================================================================== + Homepage Styles + ========================================================================== */ +/* +The CSS rules below will only be applied to the HTML used in the HTML tab +and will not be applied to other pages of your platform. +The 'home-' prefix is used for classes that belong to this page only. This makes it easier +to understand which classes are used here and which ones are in the Platform Theme Stylesheet. +*/ +/* Shared Styles +========================================================================== */ +/* +These styles are used by different elements in the home page +*/ +main { + /* Overrides an existing CSS rule so the banner image can be "edge-to-edge" */ + margin: 0; +} + +@media screen and (min-width: 992px) { + .row-equal-height { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-bottom: 20px; + } + + /* Fix for early content wrapping in Safari*/ + .row-equal-height:before, + .row-equal-height:after { + content: normal; + } +} + +.home-subtitle { + color: var(--titles); + font-size: 1.2rem; + line-height: 1.5; + font-weight: normal; + margin-bottom: 20px; +} + +/* Header Image +========================================================================== */ +.home-header { + margin-bottom: 20px; + /* Change this value to make the background image taller or smaller */ + height: 350px; + /* Background color before image loads */ + background-color: var(--highlight); + background-size: cover; + /* You can replace the background-image by uploading an image to the portal assets + and replacing the text in simple quotes below or use the URL of an image on the web */ + background-image: url('https://discovery.huwise.com/assets/theme_image/header-bg.jpg'); + /* Position of the background-image on x y axis. Change these values to + modify where the image is centered. + */ + background-position: center center; +} + +/* Home welcome card +========================================================================== */ +.welcome-card { + background-color: var(--highlight); + color: #FFFFFF; + margin-top: -90px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + padding: 39px; + border-radius: 4px; + margin-bottom: 20px; + height: 100%; +} + +.welcome-card-title { + color: inherit; + font-size: 2.36rem; + line-height: 1.5; + font-weight: bold; + margin-top: 0; + margin-bottom: 13px; + max-width: 100%; +} + +.welcome-card-description { + font-size: 1rem; + line-height: 1.5; + font-weight: normal; + color: inherit; + margin-top: 13px; + margin-bottom: 26px; + max-width: 100%; +} + +@media screen and (min-width: 992px) { + .welcome-card-description { + margin-bottom: 0; + } +} + +.welcome-card-link { + color: inherit; + font-weight: bold; + margin-top: auto; + -webkit-transition: all .2s; + -o-transition: all .2s; + transition: all .2s; + opacity: 1; + max-width: 100% +} + +.welcome-card-link .fa { + position: relative; + left: 0; + -webkit-transition: all .2s; + -o-transition: all .2s; + transition: all .2s; +} + +.welcome-card-link:hover { + opacity: .7; + text-decoration: none; +} + +.welcome-card-link:hover .fa { + left: 3px; +} + +@media screen and (min-width: 992px) { + .welcome-card { + height: 130%; + position: relative; + top: -30%; + margin-top: 0; + margin-bottom: 0; + } +} + +/* Most Popular / Last Updated datasets section +========================================================================== */ +.odswidget-most-popular-datasets__datasets, +.odswidget-last-datasets-feed__datasets { + margin-top: 0; + margin-bottom: 20px; +} + +.odswidget-most-popular-datasets__dataset, +.odswidget-last-datasets-feed__dataset { + padding: 13px; + background-color: #FFFFFF; + border-radius: 4px; + margin-bottom: 13px; +} + +.odswidget-most-popular-datasets__theme-picto, +.odswidget-last-datasets-feed__theme-picto { + margin-top: 0; +} + +.odswidget-most-popular-datasets__dataset-details, +.odswidget-last-datasets-feed__dataset-details { + margin-left: 46px; +} + +.odswidget-most-popular-datasets__dataset-details-title, +.odswidget-last-datasets-feed__dataset-details-title { + font-size: 1rem; +} + +.odswidget-most-popular-datasets__dataset-details-title a, +.odswidget-last-datasets-feed__dataset-details-title a { + color: var(--titles); +} + +.odswidget-most-popular-datasets__dataset-details-count, +.odswidget-last-datasets-feed__dataset-details-modified { + opacity: .8; + border-bottom: none; + cursor: default; +} + +.odswidget-most-popular-datasets__dataset-details-count .fa, +.odswidget-last-datasets-feed__dataset-details-modified .fa { + display: none; +} + +.twitter-timeline-container { + margin-bottom: 20px; +} diff --git a/content/page-templates/home-4-access-cards/1/html.inc b/content/page-templates/home-4-access-cards/1/html.inc new file mode 100644 index 000000000..6eca7b858 --- /dev/null +++ b/content/page-templates/home-4-access-cards/1/html.inc @@ -0,0 +1,174 @@ + + + +
+ +
+
+
+
+

+ Welcome to +
+ Portal Name +

+

+ Lorem ipsum dolor amet kombucha try-hard biodiesel XOXO scenester + subway tile. Etsy selvage shaman master cleanse activated charcoal. + Celiac hella wayfarers glossier palo santo pork belly. Vape twee + stumptown normcore. Occupy fingerstache listicle etsy. +

+ + Explore catalog + + +
+
+
+ +
+ +

5,983

+

+ Dignissim suspendisse in est ante in nibh nisl tincidunt eget +

+
+
+
+ +
+ +

18.3k

+

+ Quam vulputate dignissim suspendisse in est ante in nibh. Faucibus + nisl tincidunt eget nullam non nisi est sit amet +

+
+
+
+
+ +
+ +
+

What data are you looking for?

+
+ + + +
+
+
+
+
+ + +
+
+

Mobility

+

Map of the bike stations

+

+ Quam vulputate dignissim suspendisse in est ante in nibh. Faucibus nisl tincidunt eget nullam non nisi est sit amet. +

+
+

Categories

+

Title category #1 : XXXX

+

Title category #2 : XXXX

+

Title category #3 : XXXX

+

Title category #4 : XXXX

+
+
+
+ +
+
+ + + + +
+
+

Gastronomy

+

Restaurant of the month

+

+ Massa id neque aliquam vestibulum. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate. +

+
+

Categorie

+
+
+
+ +
+
+ + + + +
+
+

Culture

+

Opened libraries

+

+ Integer malesuada nunc vel risus commodo viverra maecenas. Sem et tortor consequat id porta. +

+
+
+ +
+
+ + +
+
+
+
+
+ +

Most popular data

+ +
+
+ +

Last updated data

+ +
+
+ +

On twitter

+ +
+
+
+ \ No newline at end of file diff --git a/content/page-templates/home-4-access-cards/1/index.md b/content/page-templates/home-4-access-cards/1/index.md new file mode 100644 index 000000000..be3f17ee3 --- /dev/null +++ b/content/page-templates/home-4-access-cards/1/index.md @@ -0,0 +1,3 @@ +--- +title: "Preview" +--- diff --git a/content/page-templates/home-4-access-cards/index.md b/content/page-templates/home-4-access-cards/index.md new file mode 100644 index 000000000..8f985f057 --- /dev/null +++ b/content/page-templates/home-4-access-cards/index.md @@ -0,0 +1,17 @@ +--- +title: "Home page 4 with access cards" +description: "A home page for your Huwise portal, with access cards" +tags: ["display", "navigation"] +resources: +- src: '*/' + name: folder-:counter +--- + +This home page integrates the first version of the [component Access cards](https://codelibrary.huwise.com/components/access-card/) to highlight redirections to other pages. +The access cards are inserted in a grid container, so that all the cards have the same height. + +**Tips** +- You can use another version of the access cards by replacing the HTML between the comments `` and `` and the CSS between `/*==== Access Cards ====*/` and `/*==== Homepage Styles ====*/` +- You can change the background image of the access cards in the HTML file +- You can change the arrow icon of the access card with another icon from [the Fontawesome Library](https://fontawesome.com/v4.7.0/icons/) + diff --git a/content/page-templates/listing-page/1/css.inc b/content/page-templates/listing-page/1/css.inc new file mode 100644 index 000000000..8c2e92ae9 --- /dev/null +++ b/content/page-templates/listing-page/1/css.inc @@ -0,0 +1,405 @@ +/* General Layout +========================================================================== */ + +:root { + --secondary-color: black; +} + +main { + margin: 6rem 0 3em 0; +} + +@media screen and (min-width: 992px) { + .row-equal-height { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-bottom: 20px; + } + /* Fix for early content wrapping in Safari*/ + .row-equal-height:before, + .row-equal-height:after { + content: normal; + } +} + +.page-title { + font-size: 3rem; + font-weight: bold; + margin-top: 0; + margin-bottom: 1rem; +} + +.page-subtitle { + font-size: 1.2rem; + line-height: 2; + margin-top: 0; + margin-bottom: 3rem; +} + +.margin-bottom-20 { + margin-bottom: 20px; +} + + +/* Search Module +========================================================================== */ + +.search-module-container { + padding: 26px; + margin-bottom: 20px; +} + +.search-module { + display: flex; + align-items: stretch; + border-bottom: 1px solid #dee5ef; + margin-bottom: 13px; + transition: all .2s; +} + +.search-module:hover, +.search-module:focus-within { + border-bottom-color: var(--links); +} + +.search-module-icon { + color: #898d92; + margin-right: 8px; + align-self: center; +} + +.search-module-input { + background-color: transparent; + width: 100%; + outline: none; + border: none; + padding: 12px 0; + transition: all .2s; + color: var(--text); +} + +.search-module-input::placeholder { + transition: all .2s; +} + +.search-module-clear { + color: #898d92; + font-size: 1rem; + background: transparent; + border: none; + margin: 0; + outline: none; + padding: 0 0 0 12px; + transition: all .2s; +} + +.search-module-clear:hover { + opacity: .65; +} + +.search-module:hover .search-module-icon, +.search-module:focus-within .search-module-icon, +.search-module:hover .search-module-input::placeholder, +.search-module:focus-within .search-module-input::placeholder { + color: var(--links) +} + + +/* Filters +========================================================================== */ + +.filter-list { + display: flex; + flex-wrap: wrap; + position: relative; +} + +.filter-list>* { + margin: 0 0 10px; + width: 100%; +} + +.odswidget-select .odswidget-select-dropdown.open .odswidget-select-dropdown-menu { + width: 100% +} + +.clear-filters { + display: flex; + align-items: center; + justify-content: center; +} + +.clear-filters-button:hover { + opacity: 0.65; +} + +.odswidget-select, +.odswidget-select .odswidget-select-dropdown { + width: 100%; +} + +@media screen and (min-width: 500px) { + .filter-list>* { + margin: 0 10px 10px 0; + width: inherit; + } + .odswidget-select .odswidget-select-dropdown.open .odswidget-select-dropdown-menu { + width: max-content; + min-width: 240px; + } +} + + +/*********** Filter date ************/ + +.filter-date { + display: flex; + flex-direction: column; + align-items: center; + margin: 13px 26px 32px 26px; +} + +.odswidget-date-range-slider { + width: 100%; +} + +.filter-date-button { + margin-left: 0; + margin-top: 13px; + white-space: nowrap; + text-decoration: underline; +} + +.filter-date-button:not(.filter-date-button-disabled):hover { + opacity: 0.65; +} + +.filter-date-button-disabled { + opacity: 0.5; + pointer-event: none; + text-decoration: none; +} + +@media screen and (min-width: 500px) { + .filter-date { + flex-direction: row; + } + .filter-date-button { + margin-left: 50px; + margin-top: 0; + } +} + + +/* date range slider style override */ + +.odswidget-date-range-slider .irs--flat .irs-from, +.odswidget-date-range-slider .irs--flat .irs-single, +.odswidget-date-range-slider .irs--flat .irs-to { + color: var(--text); + border: 1px solid #cbd2db; + border-radius: 2rem; + background: #FFFFFF; +} + +.odswidget-date-range-slider .irs--flat .irs-from:before, +.odswidget-date-range-slider .irs--flat .irs-single:before, +.odswidget-date-range-slider .irs--flat .irs-to:before { + border-top-color: var(--text); +} + +.odswidget-date-range-slider .irs--flat .irs-bar { + background-color: var(--highlight); +} + +.odswidget-date-range-slider .irs--flat .irs-handle>i:first-child { + background-color: var(--highlight); +} + +.odswidget-date-range-slider .irs--flat .irs-handle.state_hover>i:first-child, +.odswidget-date-range-slider .irs--flat .irs-handle:hover>i:first-child { + background-color: var(--text); +} + + +/* Content Card +========================================================================== */ + +.content-card { + background-color: var(--boxes-background); + border-radius: 4px; + height: 100%; + box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13); +} + +.content-card-img { + display: block; + height: 110px; + background-position: center; + background-size: cover; + background-repeat: no-repeat; +} + +.content-card-body { + padding: 26px; + flex: 1 1 auto; +} + +.content-card-title { + color: var(--titles); + font-size: 1.2rem; + line-height: 1.5; + font-weight: normal; + margin-top: 0; + margin-bottom: 13px; + max-width: 100%; +} + +.content-card-description { + color: var(--text); + font-size: 1rem; + line-height: 1.5; + font-weight: normal; + margin-top: 0; + margin-bottom: 26px; + max-width: 100%; +} + +.content-card-fields dt { + font-size: 0.8rem; + opacity: 0.8; +} + +.content-card-fields dd { + margin-left: 0; +} + +.content-card-icon { + color: var(--highlight); + font-size: 2rem; + margin-bottom: 13px; + max-width: 100%; +} + +.content-card-link { + color: var(--links); + font-weight: bold; + transition: all .2s; + opacity: 1; + max-width: 100%; +} + +.content-card-link:hover { + opacity: .7; + text-decoration: none; +} + +.content-card-button { + color: var(--highlight); + border: 1px solid var(--highlight); + background: transparent; + display: inline-block; + text-align: center; + font-size: .867rem; + border-radius: 4px; + padding: .5rem 1.15rem; + text-decoration: none; + transition: all .2s; +} + +.content-card-button:hover { + background-color: var(--highlight); + color: #FFFFFF; + text-decoration: none; +} + + +/* KPI Card +========================================================================== */ + +@media screen and (min-width: 992px) { + .kpis-container { + display: flex; + justify-content: center; + } +} + +.kpi-card { + background-color: var(--boxes-background); + height: 100%; + padding: 39px; + border-radius: 4px; + box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + text-align: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; +} + +.kpi-icon { + color: var(--highlight); + color: var(--secondary-color); + font-size: 4rem; + margin-top: 0; + margin-bottom: 13px; + max-width: 100%; +} + +.kpi-title { + font-weight: normal; + color: var(--highlight); + font-size: 3.2rem; + margin-top: 0; + margin-bottom: 13px; + max-width: 100%; +} + +.kpi-unit { + font-size: 0.8em; + color: var(--secondary-color); +} + +.kpi-description { + color: var(--text); + font-size: 1rem; + line-height: 1.5; + font-weight: normal; + margin-top: 0; + margin-bottom: 0; + max-width: 100%; +} + + +/** Specific override for custom views **/ + +@media screen and (min-width: 1408px) { + .ods-dataset-visualization .ods-tabs__pane .container:not(.is-max-desktop):not(.is-max-widescreen) { + max-width: 100%; + } +} + +@media screen and (min-width: 1216px) { + .ods-dataset-visualization .ods-tabs__pane .container:not(.is-max-desktop) { + max-width: 100%; + } +} + +@media screen and (min-width: 1024px) { + .ods-dataset-visualization .ods-tabs__pane .container { + max-width: 100%; + } +} \ No newline at end of file diff --git a/content/page-templates/listing-page/1/html.inc b/content/page-templates/listing-page/1/html.inc new file mode 100644 index 000000000..ce9f90ab3 --- /dev/null +++ b/content/page-templates/listing-page/1/html.inc @@ -0,0 +1,155 @@ +
+ +

Rappel conso

+

+ Le jeu de données du site rappel-conso comprend la liste des fiches de rappels publiées sur le site + rappel-conso. +

+
+ +
+ + + +
+ + +
+
+ +
+
+ +
+
+ +
+ +
+
+ Supprimer tous les filtres + +
+
+
+ + +
+ + + + {{ bounds['min'] = dateminmax.results[0].x.year + '-' + (10 > + dateminmax.results[0].x.month?'0':'') + dateminmax.results[0].x.month + '-' + + (10 > dateminmax.results[0].x.day?'0':'') + dateminmax.results[0].x.day; + bounds['max'] = dateminmax.results[dateminmax.results.length-1].x.year + '-' + + (10 > dateminmax.results[dateminmax.results.length-1].x.month?'0':'') + + dateminmax.results[dateminmax.results.length-1].x.month + '-' + (10 > + dateminmax.results[dateminmax.results.length-1].x.day?'0':'') + + dateminmax.results[dateminmax.results.length-1].x.day; ''}} + + + + + +
+ Toute la période +
+
+
+ + +
+
+ +
+ +

{{ (total || 0) | number : 0 }}

+

Nombre de rappels

+
+
+
+ + +
+
+
+
+
+
+
+

+ {{ item.fields.noms_des_modeles_ou_references }} +

+
+
+
Motif du rappel
+
{{item.fields.motif_du_rappel}}
+
Risques
+
{{item.fields.risques_encourus_par_le_consommateur}}
+
Marque
+
{{item.fields.nom_de_la_marque_du_produit}}
+
Catégorie
+
{{item.fields.categorie_de_produit}}
+
Distributeur
+
{{item.fields.distributeurs}}
+
Nature juridique du rappel
+
{{item.fields.nature_juridique_du_rappel}}
+
Date de publication de la fiche
+
+ {{item.fields.date_de_publication_de_la_fiche | moment : 'DD/MM/YYYY'}} +
+
+
+
+ + Lien vers l'affichette + +
+
+
+
+
+
+ Voir les données + +
\ No newline at end of file diff --git a/content/page-templates/listing-page/1/index.md b/content/page-templates/listing-page/1/index.md new file mode 100644 index 000000000..32bbe8724 --- /dev/null +++ b/content/page-templates/listing-page/1/index.md @@ -0,0 +1,12 @@ +--- +title: "Listing page" +date: 2022-01-05T12:00:00+02:00 +--- + +This template is an alternative to the automated [Listing Generator](https://codelibrary.huwise.com/generators/listing-generator/). It offers more customization possibilities to advanced users who would like to add or remove items to this template, or reuse some blocks on another page. + +> This ressource integrates the following widgets: +> - `ods-select` to create the filters on text fields. [Resource available here](https://codelibrary.huwise.com/widget-tricks/ods-select/) +> - `ods-date-range-slider` to create the date selector. [Resource available here](https://codelibrary.huwise.com/widget-tricks/ods-date-range-slider/) +> - `ods-aggregation` to create KPI. [Resource available here](https://codelibrary.huwise.com/widget-tricks/ods-aggregation/) +> - `ods-results` to list the content of the records from the dataset. [Resource available here](https://codelibrary.huwise.com/widget-tricks/ods-results/) \ No newline at end of file diff --git a/content/page-templates/listing-page/1/schema.md b/content/page-templates/listing-page/1/schema.md new file mode 100644 index 000000000..9d0ff95e0 --- /dev/null +++ b/content/page-templates/listing-page/1/schema.md @@ -0,0 +1,11 @@ +**Dataset in use:** `rappel-conso` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/rappel-conso/table/) + +**Fields in use:** + +|nature_juridique_du_rappel|categorie_de_produit|distributeurs|date_de_publication_de_la_fiche|noms_des_modeles_ou_references|motif_du_rappel|risques_encourus_par_le_consommateur|nom_de_la_marque_du_produit|lien_vers_l_affichette_pdf| +|---|---|---|---|---|---|---|---|---| +|Volontaire|Alimentation|Magasins BIO et détaillants, pharmacies et sites internet|2021-04-01|MORINGA MADIA BIO|Présence possible d'oxyde d'éthylène.|Autres contaminants chimiques|MADIA BIO|http://rappel.conso.gouv.fr/affichettePDF/123/Interne| +|Volontaire|Bébés-Enfants (hors alimentaire)|Voir liste magasins.|2021-04-01|Jeu de bowling, référence 167924|Rappel préventif : Risque de détachement de la partie supérieure des quilles pouvant occasionner un étouffement.|Arrêt respiratoire|BeToys|http://rappel.conso.gouv.fr/affichettePDF/130/Interne| +|Imposé par l’administration|Alimentation|Silva alimentation|2021-04-01|Thé minceur Emagrecimento Dom duarte|Plantes dangereuses pour la santé|Additifs et arômes dépassement des seuils de sécurité Présence de substance interdite|Dom Duarte|http://rappel.conso.gouv.fr/affichettePDF/193/Interne| +|Imposé par l’administration|Alimentation|Leclerc Geispolsheim, Leclerc express Illkirch et Leclerc express Holtzheim|2021-04-01|Pains et fougasses maison (cf liste)|Risque de présence éventuelle de corps étrangers|Inertes (verre, métal, plastique, papier, textile…)|Sans marque|http://rappel.conso.gouv.fr/affichettePDF/247/Interne| + diff --git a/content/page-templates/listing-page/2/css.inc b/content/page-templates/listing-page/2/css.inc new file mode 100644 index 000000000..aec1a934e --- /dev/null +++ b/content/page-templates/listing-page/2/css.inc @@ -0,0 +1,366 @@ +/* General Layout +========================================================================== */ + +main.main--page { + margin: 0; +} + +/* Body text */ +p { + text-align: justify; + margin-top: 0; + margin-bottom: 1.5rem; +} + +ul { + list-style: none; + padding-left: 0; +} + +@media screen and (min-width: 992px) { + .row-equal-height { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-bottom: 20px; + } + /* Fix for early content wrapping in Safari*/ + .row-equal-height:before, + .row-equal-height:after { + content: normal; + } +} + +.margin-bottom-20 { + margin-bottom: 20px; +} + +.page-section { + margin-top: 2rem; + margin-bottom: 6rem; +} + +.section-title { + font-size: 2.2rem; + font-weight: 400; + color: #FFF; + background-color: var(--highlight); + text-align: center; + padding: 10px; + margin-top: 1.5rem; + margin-bottom: 1.5rem; +} + +/* Header +========================================================================== */ + +.page-header { + background-color: var(--highlight); + min-height: 180px; /* Change the height of the image here by increasing or decreasing the pixels. */ + /* Properties of the title located within the image banner */ + display: flex; + justify-content: center; + align-items: flex-end; + margin-bottom: 40px; + background-size: cover; + background-repeat: no-repeat; + background-position: center center; + background-image: url(''); +} + +.page-title { + color: var(--highlight); + text-align: center; + background-color: var(--page-background); + position: relative; + vertical-align: bottom; + margin: 0; + font-weight: 400; + font-size: 2.5rem; + padding: 15px 20px 10px 20px; + border-radius: 7px 7px 0px 0px; +} + +.page-subtitle { + font-weight: 400; + margin-top: 0; + margin-bottom: 20px; + font-size: 1.14rem; +} + + +/* Search Module +========================================================================== */ + +.search-module { + display: flex; + align-items: stretch; + border-bottom: 1px solid #dee5ef; + margin-bottom: 13px; + transition: all .2s; +} + +.search-module:hover, +.search-module:focus-within { + border-bottom-color: var(--links); +} + +.search-module-icon { + color: #898d92; + margin-right: 8px; + align-self: center; +} + +.search-module-input { + background-color: transparent; + width: 100%; + outline: none; + border: none; + padding: 12px 0; + transition: all .2s; + color: var(--text); +} + +.search-module-input::placeholder { + transition: all .2s; +} + +.search-module-clear { + color: #898d92; + font-size: 1rem; + background: transparent; + border: none; + margin: 0; + outline: none; + padding: 0 0 0 12px; + transition: all .2s; +} + +.search-module-clear:hover { + opacity: .65; +} + +.search-module:hover .search-module-icon, +.search-module:focus-within .search-module-icon, +.search-module:hover .search-module-input::placeholder, +.search-module:focus-within .search-module-input::placeholder { + color: var(--links) +} + + +/* Filters +========================================================================== */ + +.filter-list { + display: flex; + flex-wrap: wrap; + position: relative; +} +.filter-list > * { + margin: 0 0 10px; + width: 100%; +} +.odswidget-select .odswidget-select-dropdown.open .odswidget-select-dropdown-menu { + width: 100% +} +.clear-filters { + display: flex; + align-items: center; + justify-content: center; +} +.clear-filters-button:hover { + opacity: 0.65; +} +.odswidget-select, +.odswidget-select .odswidget-select-dropdown { + width: 100%; +} +@media screen and (min-width: 500px) { + .filter-list > * { + margin: 0 10px 10px 0; + width: inherit; + } + .odswidget-select .odswidget-select-dropdown.open .odswidget-select-dropdown-menu { + width: max-content; + min-width: 240px; + } +} + + +/* Content Card +========================================================================== */ + +.content-card { + background-color: var(--boxes-background); + border-radius: 4px; + height: 100%; + padding: 26px; + box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13); + margin-bottom: 10px; +} + +.content-card-description { + color: var(--text); + font-size: 1rem; + line-height: 1.5; + font-weight: normal; + margin-top: 0; + margin-bottom: 26px; + max-width: 100%; +} + +.content-card-button { + color: var(--highlight); + border: 1px solid var(--highlight); + background: transparent; + display: inline-block; + text-align: center; + font-size: .867rem; + border-radius: 4px; + padding: .5rem 1.15rem; + text-decoration: none; + transition: all .2s; +} + +.content-card-button:hover { + background-color: var(--highlight); + color: #FFFFFF; + text-decoration: none; +} + + +/* KPI Card +========================================================================== */ + +@media screen and (min-width: 992px) { + .kpis-container { + display: flex; + justify-content: center; + } +} + +.kpi-card { + background-color: var(--boxes-background); + height: 100%; + padding: 39px; + border-radius: 4px; + box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + text-align: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; +} + +.kpi-icon { + color: var(--highlight); + color: var(--secondary-color); + font-size: 4rem; + margin-top: 0; + margin-bottom: 13px; + max-width: 100%; +} + +.kpi-title { + font-weight: normal; + color: var(--highlight); + font-size: 3.2rem; + margin-top: 0; + margin-bottom: 13px; + max-width: 100%; +} + +.kpi-unit { + font-size: 0.8em; + color: var(--secondary-color); +} + +.kpi-description { + color: var(--text); + font-size: 1rem; + line-height: 1.5; + font-weight: normal; + margin-top: 0; + margin-bottom: 0; + max-width: 100%; +} + + +/* Results and Map +========================================================================== */ + +.odswidget-map__map { + min-height: 550px; +} + +@media screen and (min-width: 991px) { + .col-md-5 { + padding-right: 0; + } + + .col-md-7 { + padding-left: 0; + } +} + + +.result-list { + list-style: none; + padding-left: 0; + margin-top: 0; + height: 550px; + overflow-y: auto; +} + +.result { + margin-bottom: 10px; + padding: 0 1rem 1rem 0; + border-bottom: 1px solid #DEE5EF; +} + +.result-img { + display: block; + height: 118px; + background-position: center; + background-size: cover; + background-repeat: no-repeat; + margin-bottom: 5px; +} + +.result-title { + color: var(--titles); + font-size: 1rem; + font-weight: bold; + margin-top: 0; + margin-bottom: 5px; +} + +.result-info { + list-style: none; + padding-left: 0; + margin-top: 0; + margin-bottom: 10px; + overflow-wrap: break-word; +} + +.result-info dt { + font-size: .9rem; + opacity: .9; +} + +.result-info dd { + margin-left: 0; + margin-bottom: 5px; +} diff --git a/content/page-templates/listing-page/2/html.inc b/content/page-templates/listing-page/2/html.inc new file mode 100644 index 000000000..2918e1d8e --- /dev/null +++ b/content/page-templates/listing-page/2/html.inc @@ -0,0 +1,173 @@ +
+ +
+

+ Archives de la Planète - Paris +

+
+ + +

Extraction des images de Paris de la collection des Archives de la Planète, un ensemble d'images fixes et animées, réalisé au début du XXe siècle, consacré à la diversité des peuples et des cultures et conservé par le musée départemental Albert-Kahn.

+ + +
+
+ +
+ +

+ {{ agg | number : 0 }} + +

+

+ Nombre d'oeuvres référencées +

+
+
+
+ + +
+

+ Autochromes dans la capitale, par les opérateurs d'Albert Kahn +

+ +
+

+ Utilisez les filtres ci-dessus pour affiner votre recherche. +

+ + +
+ + + +
+ + +
+
+ +
+
+ +
+
+ +
+
+
+ Supprimer tous les filtres + +
+
+
+ +
+
+
    +
  • +
    +
    +
    +

    + {{ item.fields.legende_revisee }} +

    +
    +
    Sujets
    +
    {{item.fields.sujets}}
    +
    Procédé technique
    +
    {{item.fields.procede_technique}}
    +
    Date de prise de vue
    +
    {{item.fields.date_de_prise_de_vue}}
    +
    + + Télécharger la photo + +
    +
    • +
+
+ +
+ + + + + +
+
+
+ Accéder aux données source +
+ +
diff --git a/content/page-templates/listing-page/2/index.md b/content/page-templates/listing-page/2/index.md new file mode 100644 index 000000000..e25c02583 --- /dev/null +++ b/content/page-templates/listing-page/2/index.md @@ -0,0 +1,12 @@ +--- +title: "Map listing page" +date: 2022-01-05T12:00:00+02:00 +--- + +This template is an alternative to the automated [Map Listing Generator](https://codelibrary.huwise.com/generators/map-listing/). It offers more customization possibilities to advanced users who would like to add or remove items to this template, or reuse some blocks on another page. + +> This ressource integrates the following widgets: +> - `ods-select` to create the filters on text fields. [Resource available here](https://codelibrary.huwise.com/widget-tricks/ods-select/) +> - `ods-aggregation` to create KPI. [Resource available here](https://codelibrary.huwise.com/widget-tricks/ods-aggregation/) +> - `ods-results` to list the content of the records from the dataset. [Resource available here](https://codelibrary.huwise.com/widget-tricks/ods-results/) +> - `ods-results` to display the records on a map. [Widget documentation available here](https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsMap) \ No newline at end of file diff --git a/content/page-templates/listing-page/2/schema.md b/content/page-templates/listing-page/2/schema.md new file mode 100644 index 000000000..16c7daf97 --- /dev/null +++ b/content/page-templates/listing-page/2/schema.md @@ -0,0 +1,11 @@ +**Dataset in use:** `archives-de-la-planete-paris` [(See it on opendata.hauts-de-seine.fr)](https://opendata.hauts-de-seine.fr/explore/dataset/archives-de-la-planete-paris/table/) + +**Fields in use:** + +|operateur |themes |lieu_retraite |sujets |procede_technique|date_de_prise_de_vue|photo |legende_revisee |geo_point | +|--------------------------|---------------|---------------------------------------------------|-----------------|-----------------|--------------------|----------------------------------------------------------|----------------------------------------------------------------------|------------------| +|Auguste Léon |Habitat / Architecture > Architecture religieuse,Religion > Christianisme,Art > Moyen Age,Habitat / Architecture > Vue intérieure|Arrondissement IV |Eglise, Vitraux |Autochrome |1911-1913 (?) |https://opendata.hauts-de-seine.fr/api/v2/catalog/datasets/archives-de-la-planete-paris/files/b43f9eefacb9cd0425b64b1dfc98182f|Vitraux du chœur de la chapelle haute de la Sainte-Chapelle |48.85535,2.345259 | +|opérateur non mentionné |Habitat / Architecture > Palais / Château|Arrondissement I/Louvre |Musée, Place |Autochrome |1911-1913 (?) |https://opendata.hauts-de-seine.fr/api/v2/catalog/datasets/archives-de-la-planete-paris/files/d9facf2c30be75bca06d0b827c7eba07|Aile Richelieu du Palais du Louvre depuis la place du Carrousel |48.861613,2.336221| +|opérateur non mentionné |Habitat / Architecture > Architecture civile publique,Sciences / Techniques > Astronomie|Arrondissement XIV | |Autochrome |1911-1913 (?) |https://opendata.hauts-de-seine.fr/api/v2/catalog/datasets/archives-de-la-planete-paris/files/f81844dadc15b884c63fe4350113101c|L'Observatoire vu de la rue Cassini |48.837325,2.336566| +|Fernand Cuvil |Activite économique > Industrie,Art > Moyen Age,Habitat / Architecture > Usine / atelier|Arrondissement XIII |Hôtel particulier|Autochrome |1911-1913 (?) |https://opendata.hauts-de-seine.fr/api/v2/catalog/datasets/archives-de-la-planete-paris/files/e46007bc138d98d7131395595f9bdfeb|L'hôtel de la reine Blanche au 17 rue des Gobelins |48.837518,2.351398| + diff --git a/content/page-templates/listing-page/index.md b/content/page-templates/listing-page/index.md new file mode 100644 index 000000000..af3cae377 --- /dev/null +++ b/content/page-templates/listing-page/index.md @@ -0,0 +1,9 @@ +--- +title: "Listing page" +date: 2022-01-05T12:00:00+02:00 +description: "A template version of the listing generator, for the users who want to add more customization to the automated version." +tags: ["display", "list"] +resources: +- src: '*/' + name: folder-:counter +--- diff --git a/content/page-templates/map-refine/2/html.inc b/content/page-templates/map-refine/2/html.inc index 3ae31186c..4367433f8 100644 --- a/content/page-templates/map-refine/2/html.inc +++ b/content/page-templates/map-refine/2/html.inc @@ -55,7 +55,7 @@
diff --git a/content/page-templates/map-refine/2/schema.md b/content/page-templates/map-refine/2/schema.md new file mode 100644 index 000000000..258b2a5c0 --- /dev/null +++ b/content/page-templates/map-refine/2/schema.md @@ -0,0 +1,11 @@ +**Dataset in use:** `shanghai-world-university-ranking` [(See it on public domain)](https://public.huwise.com/explore/dataset/shanghai-world-university-ranking/table/) + +**Fields in use:** + +|country|world_rank_int (numeric)|university_name| +|---|---|---| +|United Kingdom|70|University of Bristol| +|United States|72|University of Florida| +|United States|91|Rice University| +|United States|99|Case Western Reserve University| + diff --git a/content/page-templates/monitoring-dashboard/1/html.inc b/content/page-templates/monitoring-dashboard/1/html.inc index 643244713..9834c5daa 100644 --- a/content/page-templates/monitoring-dashboard/1/html.inc +++ b/content/page-templates/monitoring-dashboard/1/html.inc @@ -57,7 +57,7 @@

Portal's activity.

-

Count of daily API calls from {{ startDate|date:longDate }} to {{ endDate|date:longDate }}. See full activity log. +

Count of daily API calls from {{ startDate|date:longDate }} to {{ endDate|date:longDate }}. See full activity log.

@@ -79,9 +79,24 @@ Number of exports

Daily number of full dataset download, in any format.

- - - + + + diff --git a/content/page-templates/monitoring-dashboard/1/schema.md b/content/page-templates/monitoring-dashboard/1/schema.md new file mode 100644 index 000000000..1b00a631b --- /dev/null +++ b/content/page-templates/monitoring-dashboard/1/schema.md @@ -0,0 +1,11 @@ +**Dataset in use:** `monitoring-copy` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/monitoring-copy/table/) + +**Fields in use:** + +|dataset_id|timestamp (datetime)|size_res (numeric)|user_id|query_text|attributes|action|geo_coordinates| +|---|---|---|---|---|---|---|---| +|dataproviders-dataods|2021-11-06T21:39:37+00:00|4662|anonymous||page-home|search|50.0797,-125.5892| +|dataproviders-dataods|2021-12-07T15:13:02+00:00|4655|anonymous||page-home|search|12.9634,77.5855| +|dataproviders-dataods|2021-12-07T09:35:13+00:00|2796|anonymous||page-home|lookup|48.8582,2.3387| +|base-nationale-des-lieux-de-covoiturage-en-france|2021-12-06T17:23:24+00:00|0|anonymous||page-portail|geo|41.9199,8.7424| + diff --git a/content/page-templates/monitoring-dashboard/index.md b/content/page-templates/monitoring-dashboard/index.md index b21d83b76..1e4a9d4b9 100644 --- a/content/page-templates/monitoring-dashboard/index.md +++ b/content/page-templates/monitoring-dashboard/index.md @@ -6,7 +6,7 @@ resources: - src: '*/' name: folder-:counter --- -This dashboard presents the main informations from the monitoring dataset. See the full documentation about the [monitoring dataset](https://help.opendatasoft.com/platform/en/managing_domain/03_analyzing_domain_usage/analyzing_source_data.html). +This dashboard presents the main figures from the monitoring dataset. See the full documentation about the [monitoring dataset](https://help.huwise.com/platform/en/managing_domain/03_analyzing_domain_usage/analyzing_source_data.html). See themed versions of this dashboard [here]('/themed-dashboard'). -*__Note:__ Since monitoring data are private, we use a dummy dataset in these exemple.* +*__Note:__ Since monitoring data are private, we use a dummy dataset in this example.* diff --git a/content/page-templates/observatory/1/css.inc b/content/page-templates/observatory/1/css.inc index b2aa8513d..a32397fc9 100644 --- a/content/page-templates/observatory/1/css.inc +++ b/content/page-templates/observatory/1/css.inc @@ -384,4 +384,4 @@ a.odswidget-clear-all-filters i { * Description: ODS Layout over-ride to Flexbox system */ -.box,.row.full-height{height:100%}.row{display:flex;flex-wrap:wrap}.row>*{margin-bottom:20px}.order-0{order:0}@media screen and (min-width:750px){.order-sm-0{order:0}}@media screen and (min-width:970px){.order-md-0{order:0}}@media screen and (min-width:1170px){.order-lg-0{order:0}.order-lg-1{order:1}}.order-1{order:1}@media screen and (min-width:750px){.order-sm-1{order:1}}@media screen and (min-width:970px){.order-md-1{order:1}.order-md-2{order:2}}.order-2{order:2}@media screen and (min-width:750px){.order-sm-2{order:2}}@media screen and (min-width:1170px){.order-lg-2{order:2}.order-lg-3{order:3}}.order-3{order:3}@media screen and (min-width:750px){.order-sm-3{order:3}}@media screen and (min-width:970px){.order-md-3{order:3}.order-md-4{order:4}}.order-4{order:4}@media screen and (min-width:750px){.order-sm-4{order:4}}@media screen and (min-width:1170px){.order-lg-4{order:4}.order-lg-5{order:5}}.order-5{order:5}@media screen and (min-width:750px){.order-sm-5{order:5}}@media screen and (min-width:970px){.order-md-5{order:5}.order-md-6{order:6}}.order-6{order:6}@media screen and (min-width:750px){.order-sm-6{order:6}}@media screen and (min-width:1170px){.order-lg-6{order:6}.order-lg-7{order:7}}.order-7{order:7}@media screen and (min-width:750px){.order-sm-7{order:7}}@media screen and (min-width:970px){.order-md-7{order:7}.order-md-8{order:8}}.order-8{order:8}@media screen and (min-width:750px){.order-sm-8{order:8}}@media screen and (min-width:1170px){.order-lg-8{order:8}.order-lg-9{order:9}}.order-9{order:9}@media screen and (min-width:750px){.order-sm-9{order:9}}@media screen and (min-width:970px){.order-md-9{order:9}.order-md-10{order:10}}.order-10{order:10}@media screen and (min-width:750px){.order-sm-10{order:10}}@media screen and (min-width:1170px){.order-lg-10{order:10}.order-lg-11{order:11}}.order-11{order:11}@media screen and (min-width:750px){.order-sm-11{order:11}}@media screen and (min-width:970px){.order-md-11{order:11}.order-md-12{order:12}}.order-12{order:12}@media screen and (min-width:750px){.order-sm-12{order:12}}@media screen and (min-width:1170px){.order-lg-12{order:12}}@media screen and (max-width:1169px){:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-1,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-10,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-11,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-12,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-2,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-3,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-4,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-5,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-6,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-7,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-8,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-9{width:100%}}@media screen and (max-width:969px){:not([class*=col-sm]):not([class*=col-xs]).col-md-1,:not([class*=col-sm]):not([class*=col-xs]).col-md-10,:not([class*=col-sm]):not([class*=col-xs]).col-md-11,:not([class*=col-sm]):not([class*=col-xs]).col-md-12,:not([class*=col-sm]):not([class*=col-xs]).col-md-2,:not([class*=col-sm]):not([class*=col-xs]).col-md-3,:not([class*=col-sm]):not([class*=col-xs]).col-md-4,:not([class*=col-sm]):not([class*=col-xs]).col-md-5,:not([class*=col-sm]):not([class*=col-xs]).col-md-6,:not([class*=col-sm]):not([class*=col-xs]).col-md-7,:not([class*=col-sm]):not([class*=col-xs]).col-md-8,:not([class*=col-sm]):not([class*=col-xs]).col-md-9{width:100%}}@media screen and (max-width:749px){.row{flex-direction:column}:not([class*=col-xs]).col-sm-1,:not([class*=col-xs]).col-sm-10,:not([class*=col-xs]).col-sm-11,:not([class*=col-xs]).col-sm-12,:not([class*=col-xs]).col-sm-2,:not([class*=col-xs]).col-sm-3,:not([class*=col-xs]).col-sm-4,:not([class*=col-xs]).col-sm-5,:not([class*=col-xs]).col-sm-6,:not([class*=col-xs]).col-sm-7,:not([class*=col-xs]).col-sm-8,:not([class*=col-xs]).col-sm-9{width:100%}}.no-margin-bottom,.no-mb{margin-bottom:0!important}.no-margin-x,.no-mx{margin-left:0!important;margin-right:0!important} +.box,.row.full-height{height:100%}.row{display:flex;flex-wrap:wrap}.row>*{margin-bottom:20px;flex-grow:1}.order-0{order:0}@media screen and (min-width:750px){.order-sm-0{order:0}}@media screen and (min-width:970px){.order-md-0{order:0}}@media screen and (min-width:1170px){.order-lg-0{order:0}.order-lg-1{order:1}}.order-1{order:1}@media screen and (min-width:750px){.order-sm-1{order:1}}@media screen and (min-width:970px){.order-md-1{order:1}.order-md-2{order:2}}.order-2{order:2}@media screen and (min-width:750px){.order-sm-2{order:2}}@media screen and (min-width:1170px){.order-lg-2{order:2}.order-lg-3{order:3}}.order-3{order:3}@media screen and (min-width:750px){.order-sm-3{order:3}}@media screen and (min-width:970px){.order-md-3{order:3}.order-md-4{order:4}}.order-4{order:4}@media screen and (min-width:750px){.order-sm-4{order:4}}@media screen and (min-width:1170px){.order-lg-4{order:4}.order-lg-5{order:5}}.order-5{order:5}@media screen and (min-width:750px){.order-sm-5{order:5}}@media screen and (min-width:970px){.order-md-5{order:5}.order-md-6{order:6}}.order-6{order:6}@media screen and (min-width:750px){.order-sm-6{order:6}}@media screen and (min-width:1170px){.order-lg-6{order:6}.order-lg-7{order:7}}.order-7{order:7}@media screen and (min-width:750px){.order-sm-7{order:7}}@media screen and (min-width:970px){.order-md-7{order:7}.order-md-8{order:8}}.order-8{order:8}@media screen and (min-width:750px){.order-sm-8{order:8}}@media screen and (min-width:1170px){.order-lg-8{order:8}.order-lg-9{order:9}}.order-9{order:9}@media screen and (min-width:750px){.order-sm-9{order:9}}@media screen and (min-width:970px){.order-md-9{order:9}.order-md-10{order:10}}.order-10{order:10}@media screen and (min-width:750px){.order-sm-10{order:10}}@media screen and (min-width:1170px){.order-lg-10{order:10}.order-lg-11{order:11}}.order-11{order:11}@media screen and (min-width:750px){.order-sm-11{order:11}}@media screen and (min-width:970px){.order-md-11{order:11}.order-md-12{order:12}}.order-12{order:12}@media screen and (min-width:750px){.order-sm-12{order:12}}@media screen and (min-width:1170px){.order-lg-12{order:12}}@media screen and (max-width:1169px){:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-1,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-10,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-11,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-12,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-2,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-3,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-4,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-5,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-6,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-7,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-8,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-9{width:100%}}@media screen and (max-width:969px){:not([class*=col-sm]):not([class*=col-xs]).col-md-1,:not([class*=col-sm]):not([class*=col-xs]).col-md-10,:not([class*=col-sm]):not([class*=col-xs]).col-md-11,:not([class*=col-sm]):not([class*=col-xs]).col-md-12,:not([class*=col-sm]):not([class*=col-xs]).col-md-2,:not([class*=col-sm]):not([class*=col-xs]).col-md-3,:not([class*=col-sm]):not([class*=col-xs]).col-md-4,:not([class*=col-sm]):not([class*=col-xs]).col-md-5,:not([class*=col-sm]):not([class*=col-xs]).col-md-6,:not([class*=col-sm]):not([class*=col-xs]).col-md-7,:not([class*=col-sm]):not([class*=col-xs]).col-md-8,:not([class*=col-sm]):not([class*=col-xs]).col-md-9{width:100%}}@media screen and (max-width:749px){.row{flex-direction:column}:not([class*=col-xs]).col-sm-1,:not([class*=col-xs]).col-sm-10,:not([class*=col-xs]).col-sm-11,:not([class*=col-xs]).col-sm-12,:not([class*=col-xs]).col-sm-2,:not([class*=col-xs]).col-sm-3,:not([class*=col-xs]).col-sm-4,:not([class*=col-xs]).col-sm-5,:not([class*=col-xs]).col-sm-6,:not([class*=col-xs]).col-sm-7,:not([class*=col-xs]).col-sm-8,:not([class*=col-xs]).col-sm-9{width:100%}}.no-margin-bottom,.no-mb{margin-bottom:0!important}.no-margin-x,.no-mx{margin-left:0!important;margin-right:0!important} diff --git a/content/page-templates/observatory/1/html.inc b/content/page-templates/observatory/1/html.inc index 7e372d3fb..c3335c7be 100644 --- a/content/page-templates/observatory/1/html.inc +++ b/content/page-templates/observatory/1/html.inc @@ -142,7 +142,7 @@
{{ ctx1.dataset.metas.data_processed | date }} Source @@ -181,7 +181,7 @@
{{ ctx1.dataset.metas.data_processed | date }} Source @@ -220,7 +220,7 @@
{{ ctx1.dataset.metas.data_processed | date }} Source @@ -262,7 +262,7 @@
{{ ctx1.dataset.metas.data_processed | date }} Source @@ -299,7 +299,7 @@
{{ ctx1.dataset.metas.data_processed | date }} Source @@ -335,7 +335,7 @@
{{ ctx1.dataset.metas.data_processed | date }} Source @@ -365,7 +365,7 @@
{{ ctx1.dataset.metas.data_processed | date }} Source @@ -401,7 +401,7 @@
{{ ctx1.dataset.metas.data_processed | date }} Source diff --git a/content/page-templates/observatory/1/schema.md b/content/page-templates/observatory/1/schema.md new file mode 100644 index 000000000..423cabeba --- /dev/null +++ b/content/page-templates/observatory/1/schema.md @@ -0,0 +1,11 @@ +**Dataset in use:** `buildingref-france-bpe-all-geolocated` [(See it on public domain)](https://public.huwise.com/explore/dataset/buildingref-france-bpe-all-geolocated/table/) + +**Fields in use:** + +|reg_name|dep_name|com_arm_area_code|epci_name|category|equipment_name| +|---|---|---|---|---|---| +|Bretagne|Finistère|FXX|CC du Pays Bigouden Sud|Enseignement|Lycée d'enseignement professionnel| +|Nouvelle-Aquitaine|Gironde|FXX|Bordeaux Métropole|Enseignement|Lycée d'enseignement professionnel| +|Bretagne|Ille-et-Vilaine|FXX|Métropole Rennes Métropole|Enseignement|Lycée d'enseignement professionnel| +|Auvergne-Rhône-Alpes|Isère|FXX|CA Porte de l'Isère (C.A.P.I)|Enseignement|Lycée d'enseignement professionnel| + diff --git a/content/page-templates/observatory/grid-1/html.inc b/content/page-templates/observatory/grid-1/html.inc index d285b64ba..84ba6f6cf 100644 --- a/content/page-templates/observatory/grid-1/html.inc +++ b/content/page-templates/observatory/grid-1/html.inc @@ -141,7 +141,7 @@
{{ ctx1.dataset.metas.data_processed | date }} Source @@ -177,7 +177,7 @@
{{ ctx1.dataset.metas.data_processed | date }} Source @@ -214,7 +214,7 @@
{{ ctx1.dataset.metas.data_processed | date }} Source @@ -249,7 +249,7 @@
{{ ctx1.dataset.metas.data_processed | date }} Source @@ -283,7 +283,7 @@
{{ ctx1.dataset.metas.data_processed | date }} Source @@ -315,7 +315,7 @@
{{ ctx1.dataset.metas.data_processed | date }} Source @@ -342,7 +342,7 @@
{{ ctx1.dataset.metas.data_processed | date }} Source @@ -374,7 +374,7 @@
{{ ctx1.dataset.metas.data_processed | date }} Source diff --git a/content/page-templates/observatory/grid-1/schema.md b/content/page-templates/observatory/grid-1/schema.md new file mode 100644 index 000000000..423cabeba --- /dev/null +++ b/content/page-templates/observatory/grid-1/schema.md @@ -0,0 +1,11 @@ +**Dataset in use:** `buildingref-france-bpe-all-geolocated` [(See it on public domain)](https://public.huwise.com/explore/dataset/buildingref-france-bpe-all-geolocated/table/) + +**Fields in use:** + +|reg_name|dep_name|com_arm_area_code|epci_name|category|equipment_name| +|---|---|---|---|---|---| +|Bretagne|Finistère|FXX|CC du Pays Bigouden Sud|Enseignement|Lycée d'enseignement professionnel| +|Nouvelle-Aquitaine|Gironde|FXX|Bordeaux Métropole|Enseignement|Lycée d'enseignement professionnel| +|Bretagne|Ille-et-Vilaine|FXX|Métropole Rennes Métropole|Enseignement|Lycée d'enseignement professionnel| +|Auvergne-Rhône-Alpes|Isère|FXX|CA Porte de l'Isère (C.A.P.I)|Enseignement|Lycée d'enseignement professionnel| + diff --git a/content/page-templates/ods-layout-over-ride/benefits/css.inc b/content/page-templates/ods-layout-over-ride/benefits/css.inc index 804636d0a..e063fdf7e 100644 --- a/content/page-templates/ods-layout-over-ride/benefits/css.inc +++ b/content/page-templates/ods-layout-over-ride/benefits/css.inc @@ -6,7 +6,7 @@ * Description: ODS Layout over-ride to Flexbox system */ -.box,.row.full-height{height:100%}.row{display:flex;flex-wrap:wrap}.row>*{margin-bottom:20px}.order-0{order:0}@media screen and (min-width:750px){.order-sm-0{order:0}}@media screen and (min-width:970px){.order-md-0{order:0}}@media screen and (min-width:1170px){.order-lg-0{order:0}.order-lg-1{order:1}}.order-1{order:1}@media screen and (min-width:750px){.order-sm-1{order:1}}@media screen and (min-width:970px){.order-md-1{order:1}.order-md-2{order:2}}.order-2{order:2}@media screen and (min-width:750px){.order-sm-2{order:2}}@media screen and (min-width:1170px){.order-lg-2{order:2}.order-lg-3{order:3}}.order-3{order:3}@media screen and (min-width:750px){.order-sm-3{order:3}}@media screen and (min-width:970px){.order-md-3{order:3}.order-md-4{order:4}}.order-4{order:4}@media screen and (min-width:750px){.order-sm-4{order:4}}@media screen and (min-width:1170px){.order-lg-4{order:4}.order-lg-5{order:5}}.order-5{order:5}@media screen and (min-width:750px){.order-sm-5{order:5}}@media screen and (min-width:970px){.order-md-5{order:5}.order-md-6{order:6}}.order-6{order:6}@media screen and (min-width:750px){.order-sm-6{order:6}}@media screen and (min-width:1170px){.order-lg-6{order:6}.order-lg-7{order:7}}.order-7{order:7}@media screen and (min-width:750px){.order-sm-7{order:7}}@media screen and (min-width:970px){.order-md-7{order:7}.order-md-8{order:8}}.order-8{order:8}@media screen and (min-width:750px){.order-sm-8{order:8}}@media screen and (min-width:1170px){.order-lg-8{order:8}.order-lg-9{order:9}}.order-9{order:9}@media screen and (min-width:750px){.order-sm-9{order:9}}@media screen and (min-width:970px){.order-md-9{order:9}.order-md-10{order:10}}.order-10{order:10}@media screen and (min-width:750px){.order-sm-10{order:10}}@media screen and (min-width:1170px){.order-lg-10{order:10}.order-lg-11{order:11}}.order-11{order:11}@media screen and (min-width:750px){.order-sm-11{order:11}}@media screen and (min-width:970px){.order-md-11{order:11}.order-md-12{order:12}}.order-12{order:12}@media screen and (min-width:750px){.order-sm-12{order:12}}@media screen and (min-width:1170px){.order-lg-12{order:12}}@media screen and (max-width:1169px){:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-1,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-10,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-11,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-12,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-2,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-3,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-4,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-5,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-6,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-7,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-8,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-9{width:100%}}@media screen and (max-width:969px){:not([class*=col-sm]):not([class*=col-xs]).col-md-1,:not([class*=col-sm]):not([class*=col-xs]).col-md-10,:not([class*=col-sm]):not([class*=col-xs]).col-md-11,:not([class*=col-sm]):not([class*=col-xs]).col-md-12,:not([class*=col-sm]):not([class*=col-xs]).col-md-2,:not([class*=col-sm]):not([class*=col-xs]).col-md-3,:not([class*=col-sm]):not([class*=col-xs]).col-md-4,:not([class*=col-sm]):not([class*=col-xs]).col-md-5,:not([class*=col-sm]):not([class*=col-xs]).col-md-6,:not([class*=col-sm]):not([class*=col-xs]).col-md-7,:not([class*=col-sm]):not([class*=col-xs]).col-md-8,:not([class*=col-sm]):not([class*=col-xs]).col-md-9{width:100%}}@media screen and (max-width:749px){.row{flex-direction:column}:not([class*=col-xs]).col-sm-1,:not([class*=col-xs]).col-sm-10,:not([class*=col-xs]).col-sm-11,:not([class*=col-xs]).col-sm-12,:not([class*=col-xs]).col-sm-2,:not([class*=col-xs]).col-sm-3,:not([class*=col-xs]).col-sm-4,:not([class*=col-xs]).col-sm-5,:not([class*=col-xs]).col-sm-6,:not([class*=col-xs]).col-sm-7,:not([class*=col-xs]).col-sm-8,:not([class*=col-xs]).col-sm-9{width:100%}}.no-margin-bottom,.no-mb{margin-bottom:0!important}.no-margin-x,.no-mx{margin-left:0!important;margin-right:0!important} +.box,.row.full-height{height:100%}.row{display:flex;flex-wrap:wrap}.row>*{margin-bottom:20px;flex-grow:1}.order-0{order:0}@media screen and (min-width:750px){.order-sm-0{order:0}}@media screen and (min-width:970px){.order-md-0{order:0}}@media screen and (min-width:1170px){.order-lg-0{order:0}.order-lg-1{order:1}}.order-1{order:1}@media screen and (min-width:750px){.order-sm-1{order:1}}@media screen and (min-width:970px){.order-md-1{order:1}.order-md-2{order:2}}.order-2{order:2}@media screen and (min-width:750px){.order-sm-2{order:2}}@media screen and (min-width:1170px){.order-lg-2{order:2}.order-lg-3{order:3}}.order-3{order:3}@media screen and (min-width:750px){.order-sm-3{order:3}}@media screen and (min-width:970px){.order-md-3{order:3}.order-md-4{order:4}}.order-4{order:4}@media screen and (min-width:750px){.order-sm-4{order:4}}@media screen and (min-width:1170px){.order-lg-4{order:4}.order-lg-5{order:5}}.order-5{order:5}@media screen and (min-width:750px){.order-sm-5{order:5}}@media screen and (min-width:970px){.order-md-5{order:5}.order-md-6{order:6}}.order-6{order:6}@media screen and (min-width:750px){.order-sm-6{order:6}}@media screen and (min-width:1170px){.order-lg-6{order:6}.order-lg-7{order:7}}.order-7{order:7}@media screen and (min-width:750px){.order-sm-7{order:7}}@media screen and (min-width:970px){.order-md-7{order:7}.order-md-8{order:8}}.order-8{order:8}@media screen and (min-width:750px){.order-sm-8{order:8}}@media screen and (min-width:1170px){.order-lg-8{order:8}.order-lg-9{order:9}}.order-9{order:9}@media screen and (min-width:750px){.order-sm-9{order:9}}@media screen and (min-width:970px){.order-md-9{order:9}.order-md-10{order:10}}.order-10{order:10}@media screen and (min-width:750px){.order-sm-10{order:10}}@media screen and (min-width:1170px){.order-lg-10{order:10}.order-lg-11{order:11}}.order-11{order:11}@media screen and (min-width:750px){.order-sm-11{order:11}}@media screen and (min-width:970px){.order-md-11{order:11}.order-md-12{order:12}}.order-12{order:12}@media screen and (min-width:750px){.order-sm-12{order:12}}@media screen and (min-width:1170px){.order-lg-12{order:12}}@media screen and (max-width:1169px){:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-1,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-10,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-11,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-12,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-2,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-3,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-4,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-5,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-6,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-7,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-8,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-9{width:100%}}@media screen and (max-width:969px){:not([class*=col-sm]):not([class*=col-xs]).col-md-1,:not([class*=col-sm]):not([class*=col-xs]).col-md-10,:not([class*=col-sm]):not([class*=col-xs]).col-md-11,:not([class*=col-sm]):not([class*=col-xs]).col-md-12,:not([class*=col-sm]):not([class*=col-xs]).col-md-2,:not([class*=col-sm]):not([class*=col-xs]).col-md-3,:not([class*=col-sm]):not([class*=col-xs]).col-md-4,:not([class*=col-sm]):not([class*=col-xs]).col-md-5,:not([class*=col-sm]):not([class*=col-xs]).col-md-6,:not([class*=col-sm]):not([class*=col-xs]).col-md-7,:not([class*=col-sm]):not([class*=col-xs]).col-md-8,:not([class*=col-sm]):not([class*=col-xs]).col-md-9{width:100%}}@media screen and (max-width:749px){.row{flex-direction:column}:not([class*=col-xs]).col-sm-1,:not([class*=col-xs]).col-sm-10,:not([class*=col-xs]).col-sm-11,:not([class*=col-xs]).col-sm-12,:not([class*=col-xs]).col-sm-2,:not([class*=col-xs]).col-sm-3,:not([class*=col-xs]).col-sm-4,:not([class*=col-xs]).col-sm-5,:not([class*=col-xs]).col-sm-6,:not([class*=col-xs]).col-sm-7,:not([class*=col-xs]).col-sm-8,:not([class*=col-xs]).col-sm-9{width:100%}}.no-margin-bottom,.no-mb{margin-bottom:0!important}.no-margin-x,.no-mx{margin-left:0!important;margin-right:0!important} /** Optional design for boxes */ .box { diff --git a/content/page-templates/regional-covid/1/html.inc b/content/page-templates/regional-covid/1/html.inc index bb14fee1a..a1a151166 100644 --- a/content/page-templates/regional-covid/1/html.inc +++ b/content/page-templates/regional-covid/1/html.inc @@ -7,10 +7,17 @@ - - {{ nbRecords = byDate.results.length - 1; "" }} @@ -20,11 +27,16 @@ {{ lastDate = list[list.length-1].fields.fecha; "" }} {{ cases.parameters['refine.fecha'] = lastDate;""}} - + - + @@ -63,45 +75,62 @@
- + Total cases - + New cases today
-
+
{{reg_code = res.codigos > 9999 ? (res.codigos | limitTo:2) : (res.codigos | limitTo:1); ""}} {{colors[reg_code] = "hsl(220,75%," + (75 - ((res.confirmados - results[0].minval) / (results[0].maxval - results[0].minval) * 50) | number : 0) + "%,1)"; "" }}
- + - - + +
-
+
{{reg_code = res.codigos > 9999 ? (res.codigos | limitTo:2) : (res.codigos | limitTo:1); ""}} {{colors[reg_code] = "hsl(220,75%," + (75 - ((res.nuevos - results[0].minval) / (results[0].maxval - results[0].minval) * 50) | number : 0) + "%,1)"; "" }}
- - + - +
@@ -125,8 +154,11 @@
- - + + {{ region.x }}
@@ -143,9 +175,13 @@

Evolution

- + - + @@ -154,7 +190,9 @@

Daily Increment

- + diff --git a/content/page-templates/regional-covid/1/schema.md b/content/page-templates/regional-covid/1/schema.md new file mode 100644 index 000000000..d1e221647 --- /dev/null +++ b/content/page-templates/regional-covid/1/schema.md @@ -0,0 +1,21 @@ +**Dataset in use:** `situacion-epidemiologica-coronavirus-en-castilla-y-leon` [(See it on jcyl domain)](https://jcyl.huwise.com/explore/dataset/situacion-epidemiologica-coronavirus-en-castilla-y-leon/table/) + +**Fields in use:** + +|fecha (date)|nuevos_positivos (numeric)|casos_confirmados (numeric)|altas|fallecimientos|provincia|codigo_ine| +|---|---|---|---|---|---|---| +|2021-12-13|66|18896|2040|398|Ávila|5019| +|2021-12-13|161|55934|5097|816|Burgos|9059| +|2021-12-13|62|26348|2596|509|Palencia|34120| +|2021-12-13|54|42320|4456|901|Salamanca|37274| + +**Dataset in use:** `limites-provinciales-de-castilla-y-leon-recintos` [(See it on jcyl domain)](https://jcyl.huwise.com/explore/dataset/limites-provinciales-de-castilla-y-leon-recintos/table/) + +**Fields in use:** + +|cod_ine_prov| +|---| +|5| +|40| +|37| +|9| \ No newline at end of file diff --git a/content/page-templates/timeline/1/html.inc b/content/page-templates/timeline/1/html.inc index 646b3b3de..8afa0ddec 100644 --- a/content/page-templates/timeline/1/html.inc +++ b/content/page-templates/timeline/1/html.inc @@ -10,7 +10,7 @@ result-class="timeline-item" no-results-message="No more event..."> - {{ url = 'https://issy-les-moulineaux.opendatasoft.com/explore/dataset/' + item.datasetid + '/files/' + item.fields.imagecsv.id + '/300/' ; "" }} + {{ url = 'https://issy-les-moulineaux.huwise.com/explore/dataset/' + item.datasetid + '/files/' + item.fields.imagecsv.id + '/300/' ; "" }}
@@ -38,7 +38,6 @@ record="item" width="300" height="300"> - {{ item.fields.numero }} {{ item.fields.adresse }}
{{ item.fields.ville }}
diff --git a/content/page-templates/timeline/1/schema.md b/content/page-templates/timeline/1/schema.md new file mode 100644 index 000000000..f574bdf92 --- /dev/null +++ b/content/page-templates/timeline/1/schema.md @@ -0,0 +1,11 @@ +**Dataset in use:** `chrono_issy0` [(See it on issy-les-moulineaux domain)](https://issy-les-moulineaux.huwise.com/explore/dataset/chrono_issy0/table/) + +**Fields in use:** + +|evenement|imagecsv|jour|mois|annee|coordonnees_geo|web| +|---|---|---|---|---|---|---| +|La crue de 1910||30|Janvier|1910|48.826828,2.259122|http://www.souvenirfrancais-issy.com/article-issy-les-moulineaux-1910-la-crue-centennale-57340200.html| +|Le quartier Courbarien s'effondre||7|Juin|1961|48.816765,2.255564|| +|Inauguration du Palais des Congrès d'Issy|https://data.issy.com/api/v2/catalog/datasets/chrono_issy0/files/0c262495258df9d58ff55202f70e32e1|4|Décembre|1932|48.822977,2.269842|http://www.issy.com/ma-ville/equipements-culturels/palais-des-congres-d-issy/le-palais-des-congres-dissy-inscrit-au-titre-des-monuments-historiques| +|La ligne de métro est prolongée jusqu'à Mairie d'Issy|https://data.issy.com/api/v2/catalog/datasets/chrono_issy0/files/1c69016e7effb0bdb8a7853ee0360574|24|Mars|1934|48.824167,2.27308|http://www.historim.fr/2013/03/la-ligne-12-atteint-mairie-dissy-24.html| + diff --git a/content/portal-themes/color/basic/index.md b/content/portal-themes/color/basic/index.md index a79de0a38..ae15842ac 100644 --- a/content/portal-themes/color/basic/index.md +++ b/content/portal-themes/color/basic/index.md @@ -2,7 +2,7 @@ title: "Basic" description: "" tags: [] -iframe: "https://color-basic-theme-discovery.opendatasoft.com/" +iframe: "https://color-basic-theme-discovery.huwise.com/" links: "#0086D6" pagebackground: "#F6F8FB" headerlinks: "#FFFFFF" diff --git a/content/portal-themes/color/big-header-alternative/index.md b/content/portal-themes/color/big-header-alternative/index.md index 56319ece9..76c5eb20a 100644 --- a/content/portal-themes/color/big-header-alternative/index.md +++ b/content/portal-themes/color/big-header-alternative/index.md @@ -2,7 +2,7 @@ title: "Big header alternative" description: "" tags: [] -iframe: "https://color-big-header-alternative-theme-discovery.opendatasoft.com/" +iframe: "https://color-big-header-alternative-theme-discovery.huwise.com/" text: "#565656" links: "#0086D6" titles: "#000000" diff --git a/content/portal-themes/color/big-header/index.md b/content/portal-themes/color/big-header/index.md index 287eeb6f8..c99b2a29e 100644 --- a/content/portal-themes/color/big-header/index.md +++ b/content/portal-themes/color/big-header/index.md @@ -2,7 +2,7 @@ title: "Big header" description: "" tags: [] -iframe: "https://color-big-header-theme-discovery.opendatasoft.com/" +iframe: "https://color-big-header-theme-discovery.huwise.com/" links: "#0086D6" pagebackground: "#F6F8FB" headerlinks: "#FFFFFF" diff --git a/content/portal-themes/color/index.md b/content/portal-themes/color/index.md index c21538cf1..8988be608 100644 --- a/content/portal-themes/color/index.md +++ b/content/portal-themes/color/index.md @@ -1,6 +1,6 @@ --- title: "Colored theme" -description: "An Opendatasoft theme, when your business identity contains dominant colors" +description: "A Huwise theme, when your business identity contains dominant colors" tags: [] resources: - src: '*/' diff --git a/content/portal-themes/dark/basic/index.md b/content/portal-themes/dark/basic/index.md index 2ee6d1fa8..24c52e642 100644 --- a/content/portal-themes/dark/basic/index.md +++ b/content/portal-themes/dark/basic/index.md @@ -2,7 +2,7 @@ title: "Basic" description: "" tags: [] -iframe: "https://dark-basic-theme-discovery.opendatasoft.com/" +iframe: "https://dark-basic-theme-discovery.huwise.com/" text: "#565656" links: "#0086D6" titles: "#000000" diff --git a/content/portal-themes/dark/big-header-alternative/index.md b/content/portal-themes/dark/big-header-alternative/index.md index fe387918b..af84516db 100644 --- a/content/portal-themes/dark/big-header-alternative/index.md +++ b/content/portal-themes/dark/big-header-alternative/index.md @@ -2,7 +2,7 @@ title: "Big header alternative" description: "" tags: [] -iframe: "https://dark-big-header-alternative-theme-discovery.opendatasoft.com/" +iframe: "https://dark-big-header-alternative-theme-discovery.huwise.com/" text: "#565656" links: "#0086D6" titles: "#000000" diff --git a/content/portal-themes/dark/big-header/index.md b/content/portal-themes/dark/big-header/index.md index 8d35b5840..b42264f91 100644 --- a/content/portal-themes/dark/big-header/index.md +++ b/content/portal-themes/dark/big-header/index.md @@ -2,7 +2,7 @@ title: "Big header" description: "" tags: [] -iframe: "https://dark-big-header-theme-discovery.opendatasoft.com/" +iframe: "https://dark-big-header-theme-discovery.huwise.com/" text: "#565656" links: "#0086D6" titles: "#000000" diff --git a/content/portal-themes/dark/index.md b/content/portal-themes/dark/index.md index 739c1278b..b0706b624 100644 --- a/content/portal-themes/dark/index.md +++ b/content/portal-themes/dark/index.md @@ -1,6 +1,6 @@ --- title: "Dark theme" -description: "An Opendatasoft theme, with dark header to keep it sober" +description: "A Huwise theme, with dark header to keep it sober" tags: [] resources: - src: '*/' diff --git a/content/portal-themes/dropdown-menu/1.click-default-headers/index.md b/content/portal-themes/dropdown-menu/1.click-default-headers/index.md index 79ada9e75..0ed598cb1 100644 --- a/content/portal-themes/dropdown-menu/1.click-default-headers/index.md +++ b/content/portal-themes/dropdown-menu/1.click-default-headers/index.md @@ -3,7 +3,7 @@ title: "Based on click - for default headers" description: "Dropdown menu with click for default headers" date: 2021-06-23T20:57:00+02:00 tags: [] -iframe: "https://header-discovery.opendatasoft.com/explore/" +iframe: "https://header-discovery.huwise.com/explore/" text: "#565656" links: "#0086D6" titles: "#000000" @@ -26,7 +26,7 @@ resources: --- **How to use it** 1. Copy the content of the `HEADER` tab. -2. Paste it in `https://yourdomain.opendatasoft.com/backoffice/customization/theme/#header` instead of `##menu##`. +2. Paste it in `https://yourdomain.huwise.com/backoffice/customization/theme/#header` instead of `##menu##`. 3. Copy the content of the `STYLESHEET` tab. -4. Paste it in `https://yourdomain.opendatasoft.com/backoffice/customization/theme/#stylesheet`. +4. Paste it in `https://yourdomain.huwise.com/backoffice/customization/theme/#stylesheet`. 5. Replace the links and titles of the items menu in the `HEADER` tab. \ No newline at end of file diff --git a/content/portal-themes/dropdown-menu/2.click-ods-custom-headers/index.md b/content/portal-themes/dropdown-menu/2.click-ods-custom-headers/index.md index 1bec45c4e..591f3f1fd 100644 --- a/content/portal-themes/dropdown-menu/2.click-ods-custom-headers/index.md +++ b/content/portal-themes/dropdown-menu/2.click-ods-custom-headers/index.md @@ -2,7 +2,7 @@ title: "Based on click - for Code Library custom headers" description: "Dropdown menu for headers customized with templates from the Code Library" tags: [] -iframe: "https://header-with-theme-discovery.opendatasoft.com/explore/" +iframe: "https://header-with-theme-discovery.huwise.com/explore/" text: "#565656" links: "#0086D6" titles: "#000000" @@ -26,7 +26,7 @@ resources: **How to use it** 1. Copy the content of the `HEADER` tab. -2. Paste it in `https://yourdomain.opendatasoft.com/backoffice/customization/theme/#header` instead of `##menu##`. +2. Paste it in `https://yourdomain.huwise.com/backoffice/customization/theme/#header` instead of `##menu##`. 3. Copy the content of the `STYLESHEET` tab. -4. Paste it in `https://yourdomain.opendatasoft.com/backoffice/customization/theme/#stylesheet` **AFTER** the existing code. +4. Paste it in `https://yourdomain.huwise.com/backoffice/customization/theme/#stylesheet` **AFTER** the existing code. 5. Replace the links and titles of the items menu in the `HEADER` tab. \ No newline at end of file diff --git a/content/portal-themes/dropdown-menu/3.hover-default-headers/index.md b/content/portal-themes/dropdown-menu/3.hover-default-headers/index.md index 86bdbb277..d216945be 100644 --- a/content/portal-themes/dropdown-menu/3.hover-default-headers/index.md +++ b/content/portal-themes/dropdown-menu/3.hover-default-headers/index.md @@ -2,7 +2,7 @@ title: "Based on hover - for default headers" description: "Dropdown menu with hover for default headers" tags: [] -iframe: "https://header-hover-discovery.opendatasoft.com/explore/" +iframe: "https://header-hover-discovery.huwise.com/explore/" text: "#565656" links: "#0086D6" titles: "#000000" @@ -25,6 +25,6 @@ resources: --- **How to use it** 1. Copy the content of the `HEADER` tab. -2. Paste it in `https://yourdomain.opendatasoft.com/backoffice/customization/theme/#header` instead of `##menu##`. +2. Paste it in `https://yourdomain.huwise.com/backoffice/customization/theme/#header` instead of `##menu##`. 3. Copy the content of the `STYLESHEET` tab. -4. Paste it in `https://yourdomain.opendatasoft.com/backoffice/customization/theme/#stylesheet"`. \ No newline at end of file +4. Paste it in `https://yourdomain.huwise.com/backoffice/customization/theme/#stylesheet"`. \ No newline at end of file diff --git a/content/portal-themes/dropdown-menu/4.hover-custom-headers/index.md b/content/portal-themes/dropdown-menu/4.hover-custom-headers/index.md index c2e4ffde7..a2f7eb418 100644 --- a/content/portal-themes/dropdown-menu/4.hover-custom-headers/index.md +++ b/content/portal-themes/dropdown-menu/4.hover-custom-headers/index.md @@ -2,7 +2,7 @@ title: "Based on hover - for Code Library customer headers" description: "Dropdown menu with hover for headers customized with templates from the Code Library" tags: [] -iframe: "https://header-hover-with-theme-discovery.opendatasoft.com" +iframe: "https://header-hover-with-theme-discovery.huwise.com" text: "#565656" links: "#0086D6" titles: "#000000" @@ -25,7 +25,7 @@ resources: --- **How to use it** 1. Copy the content of the `HEADER` tab. -2. Paste it in `https://yourdomain.opendatasoft.com/backoffice/customization/theme/#header` instead of `##menu##`. +2. Paste it in `https://yourdomain.huwise.com/backoffice/customization/theme/#header` instead of `##menu##`. 3. Copy the content of the `STYLESHEET` tab. -4. Paste it in `https://yourdomain.opendatasoft.com/backoffice/customization/theme/#stylesheet` **AFTER** the existing code. +4. Paste it in `https://yourdomain.huwise.com/backoffice/customization/theme/#stylesheet` **AFTER** the existing code. 5. Replace the links and titles of the items menu in the `HEADER` tab. \ No newline at end of file diff --git a/content/portal-themes/dropdown-menu/index.md b/content/portal-themes/dropdown-menu/index.md index 9f8b1ceb8..f72db962c 100644 --- a/content/portal-themes/dropdown-menu/index.md +++ b/content/portal-themes/dropdown-menu/index.md @@ -10,6 +10,6 @@ resources: **Important note** -_By using these types of headers, you will note be able to link the menu items to the ones you enter in the back-office of your domain (`https://yourdomain.opendatasoft.com/backoffice/customization/navigation/`)_. _These customed headers will recreate the navigation bar and you will have to enter the title and the link for each of them, in the HTML code_. +_By using these types of headers, you will note be able to link the menu items to the ones you enter in the back-office of your domain (`https://yourdomain.huwise.com/backoffice/customization/navigation/`)_. _These customed headers will recreate the navigation bar and you will have to enter the title and the link for each of them, in the HTML code_. _Moreover, you will not be able to have a specific CSS class for the active items (no background/underline effect on an item title to highlight the active page)_. \ No newline at end of file diff --git a/content/portal-themes/light/basic/index.md b/content/portal-themes/light/basic/index.md index e0ba3075e..0dc36f2ec 100644 --- a/content/portal-themes/light/basic/index.md +++ b/content/portal-themes/light/basic/index.md @@ -2,7 +2,7 @@ title: "Basic" description: "" tags: [] -iframe: "https://light-basic-theme-discovery.opendatasoft.com/" +iframe: "https://light-basic-theme-discovery.huwise.com/" text: "#565656" links: "#0086D6" titles: "#000000" diff --git a/content/portal-themes/light/big-header/index.md b/content/portal-themes/light/big-header/index.md index bbfdca7df..3584a0d65 100644 --- a/content/portal-themes/light/big-header/index.md +++ b/content/portal-themes/light/big-header/index.md @@ -2,7 +2,7 @@ title: "Big header" description: "" tags: [] -iframe: "https://light-big-header-theme-discovery.opendatasoft.com/" +iframe: "https://light-big-header-theme-discovery.huwise.com/" text: "#565656" links: "#0086D6" titles: "#000000" diff --git a/content/portal-themes/light/index.md b/content/portal-themes/light/index.md index 76d139535..ac16f6b1e 100644 --- a/content/portal-themes/light/index.md +++ b/content/portal-themes/light/index.md @@ -1,6 +1,6 @@ --- title: "Light theme" -description: "An Opendatasoft theme, with white header to keep it classic and light" +description: "A Huwise theme, with white header to keep it classic and light" tags: [] resources: - src: '*/' diff --git a/content/widget-tricks/age-pyramid-custom/1/css.inc b/content/widget-tricks/age-pyramid-custom/1/css.inc new file mode 100644 index 000000000..973b70f1c --- /dev/null +++ b/content/widget-tricks/age-pyramid-custom/1/css.inc @@ -0,0 +1,183 @@ +:root { + --left-color: #142E7B; + --right-color: #ffcc00; +} +/***************/ +/* Age pyramid */ +/***************/ +.pyramid-line { + display: flex; + justify-content: space-between; + width: 100%; + margin: auto; +} + +.pyramid-middle { + font-weight: 500; + flex: 1; + min-width: 70px; + text-align: center; + white-space: nowrap; +} + +.pyramid-side { + flex: 3; + margin: 0px 10px; + text-align: center; + display: flex; + align-items: center; +} + +.pyramid-side-left { + color: var(--left-color); + flex-direction: row-reverse; +} + +.pyramid-side-right { + color: var(--right-color); + flex-direction: row; +} + +.pyramid-side-value { + width: 60px; +} + +div.fond_bar{ + background-color: #f3f3f382; + height: 15px; + border-radius: 1000px; +} + +div.bar{ + border-radius: 1000px; + height: 15px; +} + +.pyramid-side-left div.bar { + background-color : var(--left-color); + float: right; +} + +.pyramid-side-right div.bar { + background-color : var(--right-color); +} + +.pyramid-value { + font-size: 12px; + padding: 0px 5px; + flex: 1; +} + +.left { + text-align: start; +} + +.right { + text-align: end; +} + + + + + + +/* Optional : SWITCH BUTTON */ +.pyramid-switch { + display: flex; + align-items: baseline; + margin-top: 13px; +} +.pyramid-switch .switch { + margin-left: 6px; +} + +/* Button Group Switch + ========================================================================== */ + +.switch { + display: inline-block; + margin-bottom: 0.5rem; +} + +.switch-button { + /* background and border when in "off" state */ + background: var(--highlight); + border: 2px solid var(--highlight); + display: grid; + grid-template-columns: 1fr 1fr; + border-radius: 6px; + color: #FFFFFF; + position: relative; + cursor: pointer; + outline: 0; + user-select: none; +} + +.switch-input:not(:checked) + .switch-button .switch-button-left { + /* text color when in "off" state */ + color: var(--highlight); +} + +.switch-input { + display: none; +} + +.switch-button span { + font-size: 1rem; + padding: 0.2rem .7rem; + text-align: center; + z-index: 2; + color: #FFFFFF; + transition: color .2s; +} + +.switch-button::before { + content: ''; + position: absolute; + background-color: #FFFFFF; + box-shadow: 0 1px 3px rgba(0,0,0,.4); + border-radius: 4px; + top: 0; + left: 0; + height: 100%; + width: 50%; + z-index: 1; + transition: left .3s cubic-bezier(0.175, 0.885, 0.320, 1), + padding .2s ease, margin .2s ease; +} + +.switch-button:hover::before { + will-change: padding; +} + +.switch-button:active::before { + padding-right: .4rem; +} + +/* "On" state + ========================== */ +.switch-input:checked + .switch-button { + /* background and border when in "on" state */ + background-color: var(--links); + border-color: var(--links); +} + +.switch-input:checked + .switch-button .switch-button-right { + /* text color when in "on" state */ + color: var(--links); +} + +.switch-input:checked + .switch-button::before { + left: 50%; +} + +.switch-input:checked + .switch-button:active::before { + margin-left: -.4rem; +} + +/* Checkbox in disabled state + ========================== */ +.switch-input[type="checkbox"]:disabled + .switch-button { + opacity: 0.6; + cursor: not-allowed; +} diff --git a/content/widget-tricks/age-pyramid-custom/1/html.inc b/content/widget-tricks/age-pyramid-custom/1/html.inc new file mode 100644 index 000000000..4ef0de79f --- /dev/null +++ b/content/widget-tricks/age-pyramid-custom/1/html.inc @@ -0,0 +1,102 @@ + +
+
+

Age pyramid for the state of North Carolina, USA

+
+
+
+ {{ variables.max['pyramidnumber'] = results[0].maxcount ; "" }} +
+
+
+
+
+ +
+ +
+ {{totalbygender[0][genderfield]}} (total : {{ totalbygender[0].totalgender | number }}) +
+ +
Age
+ +
+ {{totalbygender[1][genderfield]}} (total : {{ totalbygender[1].totalgender | number }}) +
+
+
+ +
+
+
+
+ +
+ {{variables.index[i][totalbygender[0][genderfield]] | number}} +
+
+ +
{{ i }}
+ +
+
+
+
+ +
+ + {{variables.index[i][totalbygender[1][genderfield]] | number}} +
+
+
+
+
+
+ + +
+
+
+

Display values:

+ +
+
+
+
+
+ diff --git a/content/widget-tricks/age-pyramid-custom/1/index.md b/content/widget-tricks/age-pyramid-custom/1/index.md new file mode 100644 index 000000000..3b9e33221 --- /dev/null +++ b/content/widget-tricks/age-pyramid-custom/1/index.md @@ -0,0 +1,5 @@ +--- +title: "Example with the state of North Carolina, USA" +date: 2021-08-20T18:02:27+02:00 +height: 300 +--- diff --git a/content/widget-tricks/age-pyramid-custom/1/schema.md b/content/widget-tricks/age-pyramid-custom/1/schema.md new file mode 100644 index 000000000..dbdd5662b --- /dev/null +++ b/content/widget-tricks/age-pyramid-custom/1/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `north-carolina-population-overview-2010` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/north-carolina-population-overview-2010/table/) + +**Fields in use:** + +| age | sex | value (numeric) | +|---|---|---| +|18-24|Male|22 929| +|25-44|Female|12 000| +|45-64|Female|349| +|65-84|Male|13 033| \ No newline at end of file diff --git a/content/widget-tricks/age-pyramid-custom/index.md b/content/widget-tricks/age-pyramid-custom/index.md new file mode 100644 index 000000000..9c361c6d7 --- /dev/null +++ b/content/widget-tricks/age-pyramid-custom/index.md @@ -0,0 +1,22 @@ +--- +title: "Age Pyramid with custom HTML/CSS" +date: 2021-08-20T18:02:27+02:00 +tags: ["display", "chart", "ods-adv-analysis", "ods-aggregation", "ods-subaggregation"] +resources: +- src: '*/' + name: folder-:counter +--- + +Create an age pyramid to present the repartition of the population in your area, with custom HTML and CSS. + +3 parameters must be declared in the code: +- `agefield` : the id of the age field in your dataset +- `genderfield` : the id of the gender field in your dataset +- `valuefield` : the id of the value field in your dataset + +Then, you can customize the colors of the bars in the CSS file, with the 2 variables: +- `--left-color` +- `--right-color` + +> Note: the display values toggle is optional and can be removed. Then, simply set the `displayvalues` to true or false, +> to display values on each side or not. \ No newline at end of file diff --git a/content/widget-tricks/age-pyramid-vegalite/1/css.inc b/content/widget-tricks/age-pyramid-vegalite/1/css.inc new file mode 100644 index 000000000..1af1ef003 --- /dev/null +++ b/content/widget-tricks/age-pyramid-vegalite/1/css.inc @@ -0,0 +1,5 @@ +.odswidget-vega-lite-chart { + width: 100%; + height: 200px; + text-align: center; +} \ No newline at end of file diff --git a/content/widget-tricks/age-pyramid-vegalite/1/html.inc b/content/widget-tricks/age-pyramid-vegalite/1/html.inc new file mode 100644 index 000000000..f25cc49a3 --- /dev/null +++ b/content/widget-tricks/age-pyramid-vegalite/1/html.inc @@ -0,0 +1,97 @@ +
+ +
+ + +
+ +
diff --git a/content/widget-tricks/age-pyramid-vegalite/1/index.md b/content/widget-tricks/age-pyramid-vegalite/1/index.md new file mode 100644 index 000000000..e515f0660 --- /dev/null +++ b/content/widget-tricks/age-pyramid-vegalite/1/index.md @@ -0,0 +1,23 @@ +--- +title: "Example with the city of Issy-les-Moulineaux, France" +date: 2021-08-20T18:02:27+02:00 +height: 300 +--- + +You first have to setup your `ods-adv-analysis` by entering the right fields names for the `select` and `group-by` parameters. + +Then, the `ods-vega-lite-chart` is divided in 2 parts, one for each side (Male/Female usually). For each side, you have to fill in: +- the filter: the gender informations (field and title) +- the y axis: the age field +- the x axis: the population informations (field and title) + +You can also customize the color for both sides in the `color` property: +```json5 +'color': + ... + 'scale': { + 'range': ['#006699','#ff5050'], + ... + }, + ... +``` diff --git a/content/widget-tricks/age-pyramid-vegalite/1/schema.md b/content/widget-tricks/age-pyramid-vegalite/1/schema.md new file mode 100644 index 000000000..5661e6a9d --- /dev/null +++ b/content/widget-tricks/age-pyramid-vegalite/1/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `population-par-age-et-par-sexe-a-issy-les-moulineaux-en-2016` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/population-par-age-et-par-sexe-a-issy-les-moulineaux-en-2016/table/) + +**Fields in use:** + +| age | sexe | nombre (numeric) | +|---|---|---| +|15-29 ans|Femmes|2 929| +|30-44 ans|Hommes|1 000| +|45-59 ans|Femmes|349| +|60-74 ans|Femmes|3 033| \ No newline at end of file diff --git a/content/widget-tricks/age-pyramid-vegalite/index.md b/content/widget-tricks/age-pyramid-vegalite/index.md new file mode 100644 index 000000000..09a120e58 --- /dev/null +++ b/content/widget-tricks/age-pyramid-vegalite/index.md @@ -0,0 +1,22 @@ +--- +title: "Age Pyramid with Vega-Lite" +date: 2021-08-20T18:02:27+02:00 +tags: ["display", "chart", "ods-adv-analysis"] +draft: true +resources: +- src: '*/' + name: folder-:counter +--- + +Create an age pyramid to present the repartition of the population in your area, with Vega-Lite. + +**Vega-Lite** is a high-level grammar of interactive graphics. It provides a concise, declarative JSON syntax to create an expressive range of visualizations for data analysis and presentation. + +[ods-vega-lite-chart](https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsVegaLiteChart) widget, in combinaison with `ods-adv-analysis` to get the data, allows adding Vega-Lite charts into your pages. + +To learn more about Vega-Lite charts in ODS pages, read the [Vega-Lite presentation](https://codelibrary.huwise.com/widget-tricks/heatmaps-vegalite/#vega-lite-presentation). + +> We consider the usage of `ods-adv-analysis` as prerequisites of this resource. +> Do not hesitate to have a look at the documention: [ods-adv-analysis](https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsAdvAnalysis) + + diff --git a/content/widget-tricks/animation/1/html.inc b/content/widget-tricks/animation/1/html.inc index e8465651a..75006bc4e 100644 --- a/content/widget-tricks/animation/1/html.inc +++ b/content/widget-tricks/animation/1/html.inc @@ -8,20 +8,19 @@
-
+ tick = 0;"> - + -

{{ from | number:0 }}

+

{{ ((aggregation || 0) / nbticks) * tick | number:0 }}

tons of uranium produced since 2017

diff --git a/content/widget-tricks/animation/1/schema.md b/content/widget-tricks/animation/1/schema.md new file mode 100644 index 000000000..562cd65fd --- /dev/null +++ b/content/widget-tricks/animation/1/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `uranium-production` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/uranium-production/table/) + +**Fields in use:** + +| tonnes_of_uranium (numeric) | +|---| +|24575| +|3032| +|2475| +|3432| \ No newline at end of file diff --git a/content/widget-tricks/animation/2/html.inc b/content/widget-tricks/animation/2/html.inc index 5cd7c4a23..ea4d16a92 100644 --- a/content/widget-tricks/animation/2/html.inc +++ b/content/widget-tricks/animation/2/html.inc @@ -1,33 +1,34 @@ - -
-
-
- -
- {{ to = aggregation ; ''}} - - - -

{{ from | number : 0 }}

-

tons of uranium produced since 2017

-
-
+ +
+
+
+ +
+ + + +

+ {{ ((aggregation || 0) / nbticks) * (tick >= nbticks ? nbticks : tick) | number:0 }} +

+

tons of uranium produced since 2017

+
+
diff --git a/content/widget-tricks/animation/2/schema.md b/content/widget-tricks/animation/2/schema.md new file mode 100644 index 000000000..562cd65fd --- /dev/null +++ b/content/widget-tricks/animation/2/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `uranium-production` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/uranium-production/table/) + +**Fields in use:** + +| tonnes_of_uranium (numeric) | +|---| +|24575| +|3032| +|2475| +|3432| \ No newline at end of file diff --git a/content/widget-tricks/animation/3/css.inc b/content/widget-tricks/animation/3/css.inc index 88dab8440..051ca24f5 100644 --- a/content/widget-tricks/animation/3/css.inc +++ b/content/widget-tricks/animation/3/css.inc @@ -90,8 +90,8 @@ fill: none; stroke-width: 8px; stroke: var(--highlight); - -webkit-transition: stroke-dasharray 0.1s; - transition: stroke-dasharray 0.1s; + -webkit-transition: stroke-dasharray 2.5s; + transition: stroke-dasharray 2.5s; } .odswidget-gauge { diff --git a/content/widget-tricks/animation/3/html.inc b/content/widget-tricks/animation/3/html.inc index 5f7b38901..2a4bc1eb2 100644 --- a/content/widget-tricks/animation/3/html.inc +++ b/content/widget-tricks/animation/3/html.inc @@ -1,14 +1,14 @@ - + uraniumproductionkazakhstan-dataset="uranium-production" + uraniumproductionkazakhstan-domain="userclub" + uraniumproductionkazakhstan-parameters="{'refine.country':'Kazakhstan'}">
diff --git a/content/widget-tricks/animation/3/schema.md b/content/widget-tricks/animation/3/schema.md new file mode 100644 index 000000000..7bd6650f7 --- /dev/null +++ b/content/widget-tricks/animation/3/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `uranium-production` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/uranium-production/table/) + +**Fields in use:** + +| tonnes_of_uranium (numeric) | country | +|---|---| +|24575|Kazakhstan| +|3032|Niger| +|2475|Namibia| +|3432|Russia| \ No newline at end of file diff --git a/content/widget-tricks/animation/4/html.inc b/content/widget-tricks/animation/4/html.inc index e4fb02aa8..15ade2afd 100644 --- a/content/widget-tricks/animation/4/html.inc +++ b/content/widget-tricks/animation/4/html.inc @@ -1,41 +1,43 @@ - -
-
-
- -
- {{ to = sumkazakhstan ; ''}} {{ max = sum ; '' }} - - - -

- {{ from | number : 0 }} tons of Uranium produced in Kazakhstan (out of {{ max | - number }} in total) -

-
-
+ +
+
+
+ +
+ + + {{value = ((sumkazakhstan || 0) / nbticks) * (tick >= nbticks ? nbticks : tick) ; "" }} + +

+ {{value | number:0 }} tons of Uranium produced in Kazakhstan (out of {{ sum | number }} in total) +

+
+
diff --git a/content/widget-tricks/animation/4/schema.md b/content/widget-tricks/animation/4/schema.md new file mode 100644 index 000000000..7bd6650f7 --- /dev/null +++ b/content/widget-tricks/animation/4/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `uranium-production` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/uranium-production/table/) + +**Fields in use:** + +| tonnes_of_uranium (numeric) | country | +|---|---| +|24575|Kazakhstan| +|3032|Niger| +|2475|Namibia| +|3432|Russia| \ No newline at end of file diff --git a/content/widget-tricks/animation/index.md b/content/widget-tricks/animation/index.md index 956ded589..b837a5040 100644 --- a/content/widget-tricks/animation/index.md +++ b/content/widget-tricks/animation/index.md @@ -1,7 +1,7 @@ --- title: "Animations" date: 2021-04-06T20:57:00+02:00 -description: "Animate your data-visualisation (KPIs, Gauge)." +description: "Animate your data-visualisation (KPIs, Gauge) with ods-timer." height: 460 tags: ["display", "chart", "aggregation"] resources: diff --git a/content/widget-tricks/catalog-cards/1/index.md b/content/widget-tricks/catalog-cards/1/index.md index 09ef92b00..f29854479 100644 --- a/content/widget-tricks/catalog-cards/1/index.md +++ b/content/widget-tricks/catalog-cards/1/index.md @@ -2,4 +2,4 @@ title: "Default look" --- -The default look & feel of catalog cards for any new Opendatasoft portal. +The default look & feel of catalog cards for any new Huwise portal. diff --git a/content/widget-tricks/catalog-cards/3/index.md b/content/widget-tricks/catalog-cards/3/index.md index 04f6ebd89..057bfbde1 100644 --- a/content/widget-tricks/catalog-cards/3/index.md +++ b/content/widget-tricks/catalog-cards/3/index.md @@ -2,4 +2,4 @@ title: "Hidden metrics" --- -Dataset metrics can be viewed by hovering over the catalog card. To learn what other metadata can be displayed in a catalog card, check out the [catalog card documentation](https://help.opendatasoft.com/platform/en/customizing_look_and_feel/06_customizing_theme/theme.html#catalog-card). +Dataset metrics can be viewed by hovering over the catalog card. To learn what other metadata can be displayed in a catalog card, check out the [catalog card documentation](https://help.huwise.com/platform/en/customizing_look_and_feel/06_customizing_theme/theme.html#catalog-card). diff --git a/content/widget-tricks/catalog-cards/4/html.inc b/content/widget-tricks/catalog-cards/4/html.inc index f35e4793d..90cfb1eb7 100644 --- a/content/widget-tricks/catalog-cards/4/html.inc +++ b/content/widget-tricks/catalog-cards/4/html.inc @@ -24,7 +24,7 @@
+ src="https://discovery.huwise.com/assets/theme_image/stared.png" />
diff --git a/content/widget-tricks/catalog-cards/5/html.inc b/content/widget-tricks/catalog-cards/5/html.inc index 67e7a02ef..3ca74c3ff 100644 --- a/content/widget-tricks/catalog-cards/5/html.inc +++ b/content/widget-tricks/catalog-cards/5/html.inc @@ -16,7 +16,7 @@
+ src="https://discovery.huwise.com/assets/theme_image/stared.png" />
diff --git a/content/widget-tricks/catalog-cards/index.md b/content/widget-tricks/catalog-cards/index.md index e9793b51f..085a29e2c 100644 --- a/content/widget-tricks/catalog-cards/index.md +++ b/content/widget-tricks/catalog-cards/index.md @@ -8,7 +8,7 @@ resources: name: folder-:counter --- -The catalog card represents the published datasets of that portal. (see [Exploring a dataset from the catalog](https://help.opendatasoft.com/platform/en/exploring_catalog_and_datasets/01_navigating_the_catalog/catalog.html#exploring-dataset)). +The catalog card represents the published datasets of that portal. (see [Exploring a dataset from the catalog](https://help.huwise.com/platform/en/exploring_catalog_and_datasets/01_navigating_the_catalog/catalog.html#exploring-dataset)). The platform allows to customize the catalog cards displayed in the catalog of the portal, by providing custom HTML and CSS to override the default version. This resource propose different versions and technical tricks that can be used to highlighted datasets by keywords or theme for example. diff --git a/content/widget-tricks/charts/1/html.inc b/content/widget-tricks/charts/1/html.inc index ca653b0ec..7c7fd6a8c 100644 --- a/content/widget-tricks/charts/1/html.inc +++ b/content/widget-tricks/charts/1/html.inc @@ -303,7 +303,7 @@ Population distribution by region.
@@ -338,7 +338,7 @@ Population distribution by region + average surface area of cities in this region
@@ -374,7 +374,7 @@ Population, surface area and average high (Z axis) by region.
diff --git a/content/widget-tricks/charts/1/schema.md b/content/widget-tricks/charts/1/schema.md new file mode 100644 index 000000000..a4200420a --- /dev/null +++ b/content/widget-tricks/charts/1/schema.md @@ -0,0 +1,36 @@ +**Fields in use in `us-hospitals` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/us-hospitals/table/)** + +| type | beds (numeric) | +|------|-----| +|General Acute Care Hospital|24| +|Psychiatric Hospital|435| +|Long Term Care Hospital|60| +|Rehabilitation Hospital|120| + +**Field in use in `super-bowl` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/super-bowl/table/)** + +| date (date) | winning_pts (numeric) | losing_pts (numeric) | +|------|------|------| +|2020/02/10|31|12| +|2019/09/12|34|30| +|2008/05/31|13|9| +|2001/12/01|23|17| + +**Field in use in `consumer-price-index-all-urban-consumers` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/consumer-price-index-all-urban-consumers/table/)** + +| area_name | item_name | date (date) | value (numeric) | +|------|------|------|------| +|U.S. city average|Energy services|2017|120 000| +|Northeast urban - Size Class A|Admissions|2014|84 583| +|South urban|All items less energy|1998|1 291| +|Midwest - Size Class A|Rice, pasta, cornmeal|2000|123 020| + +**Field in use in `ensemble-des-equipements-sportifs-dile-de-france-en-2016` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/ensemble-des-equipements-sportifs-dile-de-france-en-2016/table/)** + +| eqt_fam | +|------| +|Plateau EPS| +|Salle multisports| +|Terrain de grands jeux| +|Salle de combat| + diff --git a/content/widget-tricks/custom-tooltips/1/schema.md b/content/widget-tricks/custom-tooltips/1/schema.md new file mode 100644 index 000000000..03b91d744 --- /dev/null +++ b/content/widget-tricks/custom-tooltips/1/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `us-hospitals` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/us-hospitals/table/) + +**Fields in use:** + +| geo_point (geo_point_2d) | +|---| +|[34.69553069,-82.98721979]| +|[30.61153069,-12.98721933]| +|[12.32919334,-33.28191939]| +|[56.20494929,-10.39294955]| \ No newline at end of file diff --git a/content/widget-tricks/custom-tooltips/2/schema.md b/content/widget-tricks/custom-tooltips/2/schema.md new file mode 100644 index 000000000..63a6224c7 --- /dev/null +++ b/content/widget-tricks/custom-tooltips/2/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `us-hospitals` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/us-hospitals/table/) + +**Fields in use:** + +| geo_point (geo_point_2d) | name | address | city | type | date_creat (datetime) | trauma | helipad | population (numeric) | website | +|---|---|---|---|---|---|---|---|---|---| +|[34.69553069,-82.98721979]|Mercy Hospital Clermont | 3000 Hospital Drive|Batavia|General Acute Care Hospital|2013-03-08T01:00:00+01:00|Not Available|Y|291|http://www.e-mercy.com | +|[30.61153069,-12.98721933]|Roanoke Valley Center For Sight, L.L.C. | 438 W. Main Street |Salem|PGeneral Acute Care Hospital|2012-08-31T01:00:00+01:00|I|N|123|N/A | +|[12.32919334,-33.28191939]|Shriners Hospital For Children | 356 North Virginia Street|Salt Lake City|Children|2000-12-14T01:00:00+01:00|III|Not Available|13|http://www.shrinershospitalsforchildren.org/Hospitals/Locations/SaltLakeCity.aspx| +|[56.20494929,-10.39294955]|Howard Memorial Hospital | 800 West Leslie |Nashville|Critical Access|2002-03-18T01:00:00+01:00|II|Not Available|340|http://howardmemorial.com | \ No newline at end of file diff --git a/content/widget-tricks/custom-tooltips/3/schema.md b/content/widget-tricks/custom-tooltips/3/schema.md new file mode 100644 index 000000000..7fdd75883 --- /dev/null +++ b/content/widget-tricks/custom-tooltips/3/schema.md @@ -0,0 +1,11 @@ +**Dataset in use:** `us-hospitals` [from userclub](https://userclub.huwise.com/explore/dataset/us-hospitals/table/) + +**Fields in use:** + +| name | address | state | city | type | beds (numeric) | website | +|-------------------------------------------|---------------------------|-------|-------------------|-------------------------------|-------------------|-----------------------------------------------------------------------------------| +| Mercy Hospital Clermont | 3000 Hospital Drive | JA | Batavia | General Acute Care Hospital | 119 | http://www.e-mercy.com | +| Roanoke Valley Center For Sight, L.L.C. | 438 W. Main Street | UT | Salem | General Acute Care Hospital | 2 | N/A | +| Shriners Hospital For Children | 356 North Virginia Street | NY | Salt Lake City | Children | 40 | http://www.shrinershospitalsforchildren.org/Hospitals/Locations/SaltLakeCity.aspx | +| Howard Memorial Hospital | 800 West Leslie | NJ | Nashville | Critical Access | 25 | http://howardmemorial.com | +| Covenant Specialty Hospital | 20th Street | UT | Lubbock | Long Term Care Hospital | 56 | http://www.covenanthealth.org/view/Facilities/Specialty_Hospital | diff --git a/content/widget-tricks/custom-tooltips/index.md b/content/widget-tricks/custom-tooltips/index.md index 6da7fc037..fd2cf0239 100644 --- a/content/widget-tricks/custom-tooltips/index.md +++ b/content/widget-tricks/custom-tooltips/index.md @@ -8,4 +8,4 @@ resources: name: folder-:counter --- -These are resources to create custom tooltips for your maps. You can use them directly [in the map editor](https://help.opendatasoft.com/platform/en/publishing_data/07_configuring_visualizations/02_configuring_map_view/tooltip.html#custom-html-tooltip) (in which case you will omit the context) or in your pages. +These are resources to create custom tooltips for your maps. You can use them directly [in the map editor](https://help.huwise.com/platform/en/publishing_data/07_configuring_visualizations/02_configuring_map_view/tooltip.html#custom-html-tooltip) (in which case you will omit the context) or in your pages. diff --git a/content/widget-tricks/dates/1/schema.md b/content/widget-tricks/dates/1/schema.md new file mode 100644 index 000000000..4dd4370c6 --- /dev/null +++ b/content/widget-tricks/dates/1/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `evenements-publics-openagenda` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/evenements-publics-openagenda/table/) + +**Fields in use:** + +| date_start (date) | +|---| +|2016-09-17| +|2010-12-01| +|2001-04-05| +|2018-03-15| \ No newline at end of file diff --git a/content/widget-tricks/dates/2/schema.md b/content/widget-tricks/dates/2/schema.md new file mode 100644 index 000000000..4dd4370c6 --- /dev/null +++ b/content/widget-tricks/dates/2/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `evenements-publics-openagenda` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/evenements-publics-openagenda/table/) + +**Fields in use:** + +| date_start (date) | +|---| +|2016-09-17| +|2010-12-01| +|2001-04-05| +|2018-03-15| \ No newline at end of file diff --git a/content/widget-tricks/dates/3/schema.md b/content/widget-tricks/dates/3/schema.md new file mode 100644 index 000000000..4dd4370c6 --- /dev/null +++ b/content/widget-tricks/dates/3/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `evenements-publics-openagenda` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/evenements-publics-openagenda/table/) + +**Fields in use:** + +| date_start (date) | +|---| +|2016-09-17| +|2010-12-01| +|2001-04-05| +|2018-03-15| \ No newline at end of file diff --git a/content/widget-tricks/dates/4/html.inc b/content/widget-tricks/dates/4/html.inc index 3fb875981..d9e89ebea 100644 --- a/content/widget-tricks/dates/4/html.inc +++ b/content/widget-tricks/dates/4/html.inc @@ -25,7 +25,7 @@
  • - +

    School canteen menu
    @@ -83,13 +83,13 @@ {{ menu.fields.code_entree }} + src="https://discovery.huwise.com/assets/theme_image/ab.png"/> + src="https://discovery.huwise.com/assets/theme_image/vbf.png"/> + src="https://discovery.huwise.com/assets/theme_image/vpf.png"/> + src="https://discovery.huwise.com/assets/theme_image/ebr.jpg"/>

    • @@ -101,13 +101,13 @@ {{ menu.fields.code_plat }} + src="https://discovery.huwise.com/assets/theme_image/ab.png"/> + src="https://discovery.huwise.com/assets/theme_image/vbf.png"/> + src="https://discovery.huwise.com/assets/theme_image/vpf.png"/> + src="https://discovery.huwise.com/assets/theme_image/ebr.jpg"/>
    @@ -119,13 +119,13 @@ {{ menu.fields.code_legumes }} + src="https://discovery.huwise.com/assets/theme_image/ab.png"/> + src="https://discovery.huwise.com/assets/theme_image/vbf.png"/> + src="https://discovery.huwise.com/assets/theme_image/vpf.png"/> + src="https://discovery.huwise.com/assets/theme_image/ebr.jpg"/>
    @@ -137,13 +137,13 @@ {{ menu.fields.code_laitage }} + src="https://discovery.huwise.com/assets/theme_image/ab.png"/> + src="https://discovery.huwise.com/assets/theme_image/vbf.png"/> + src="https://discovery.huwise.com/assets/theme_image/vpf.png"/> + src="https://discovery.huwise.com/assets/theme_image/ebr.jpg"/>
    @@ -155,13 +155,13 @@ {{ menu.fields.code_dessert }} + src="https://discovery.huwise.com/assets/theme_image/ab.png"/> + src="https://discovery.huwise.com/assets/theme_image/vbf.png"/> + src="https://discovery.huwise.com/assets/theme_image/vpf.png"/> + src="https://discovery.huwise.com/assets/theme_image/ebr.jpg"/>
    @@ -173,13 +173,13 @@ {{ menu.fields.code_gouter }} + src="https://discovery.huwise.com/assets/theme_image/ab.png"/> + src="https://discovery.huwise.com/assets/theme_image/vbf.png"/> + src="https://discovery.huwise.com/assets/theme_image/vpf.png"/> + src="https://discovery.huwise.com/assets/theme_image/ebr.jpg"/>
    diff --git a/content/widget-tricks/dates/4/index.md b/content/widget-tricks/dates/4/index.md index 202dfc274..c354c51fa 100644 --- a/content/widget-tricks/dates/4/index.md +++ b/content/widget-tricks/dates/4/index.md @@ -3,4 +3,4 @@ title: "Select current, past or next week" height: 700 --- -This is an extract of [the school canteen menu app](https://apps.opendatasoft.com/fr/canteen-menu) +This is an extract of [the school canteen menu app](https://apps.huwise.com/fr/canteen-menu) diff --git a/content/widget-tricks/dates/4/schema.md b/content/widget-tricks/dates/4/schema.md new file mode 100644 index 000000000..adace2f87 --- /dev/null +++ b/content/widget-tricks/dates/4/schema.md @@ -0,0 +1,17 @@ +**Dataset in use:** `menus-cantines` [(See it on rennes-metropole domain)](https://rennes-metropole.huwise.com/explore/dataset/menus-cantines/table/) + +**Fields in use:** + +| date (date) | secteur | code_entree | entree | code_plat | plat | code_legumes | legumes | code_laitage | laitage | +|---|---|---|---|---|---|---|---|---|---| +|2016-09-17|1|AB|Pamplemousse|VPF|Omelette|AB|Salade verte|EBR|Fromage| +|2010-12-01|2|BIO|Radis|VBF|Rôti de boeuf au jus|BIO|Frites|AB|Fromage blanc| +|2001-04-05|3|AB / BIO|Taboulé|SVP|Couscous de légumes|AB / BIO|Haricots verts|LOC|Yaourt nature| +|2018-03-15|1|EBR|Melon|AB/SVP|Gratin de boulgour|EBR|Haricots beurre|BIO|Petits suisses| + +|code_dessert | dessert | code_gouter | gouter | +|---|---|---|---| +|AB|Fruit de saison|M|Pain/ beurre/ barre chocolatée/ lait| +|BIO|Banane équitable|AB|Pain/ beurre/ corbeille de fruits/ lait ou fromage| +|AB / BIO|Banane|FLS|Pain/ confiture/ lait| +|AB/FLS|Pomme|BIO|Pain / beurre Barre chocolatée Lait| \ No newline at end of file diff --git a/content/widget-tricks/dates/5/schema.md b/content/widget-tricks/dates/5/schema.md new file mode 100644 index 000000000..4dd4370c6 --- /dev/null +++ b/content/widget-tricks/dates/5/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `evenements-publics-openagenda` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/evenements-publics-openagenda/table/) + +**Fields in use:** + +| date_start (date) | +|---| +|2016-09-17| +|2010-12-01| +|2001-04-05| +|2018-03-15| \ No newline at end of file diff --git a/content/widget-tricks/drill-down/1/schema.md b/content/widget-tricks/drill-down/1/schema.md new file mode 100644 index 000000000..7925da854 --- /dev/null +++ b/content/widget-tricks/drill-down/1/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `shanghai-world-university-ranking` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/shanghai-world-university-ranking/table/) + +**Fields in use:** + +| country | total_score (numeric) | university_name | +|---|---|---| +|United States|100|Harvard University| +|United Kingdom|72,6|University of Cambridge| +|Germany|34,8|Heidelberg University| +|China|34,1|Tsinghua University| \ No newline at end of file diff --git a/content/widget-tricks/drill-down/2/schema.md b/content/widget-tricks/drill-down/2/schema.md new file mode 100644 index 000000000..7925da854 --- /dev/null +++ b/content/widget-tricks/drill-down/2/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `shanghai-world-university-ranking` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/shanghai-world-university-ranking/table/) + +**Fields in use:** + +| country | total_score (numeric) | university_name | +|---|---|---| +|United States|100|Harvard University| +|United Kingdom|72,6|University of Cambridge| +|Germany|34,8|Heidelberg University| +|China|34,1|Tsinghua University| \ No newline at end of file diff --git a/content/widget-tricks/filter-as-list/index.md b/content/widget-tricks/filter-as-list/index.md index db8b51f29..8b3d00cd9 100644 --- a/content/widget-tricks/filter-as-list/index.md +++ b/content/widget-tricks/filter-as-list/index.md @@ -7,3 +7,6 @@ resources: - src: '*/' name: folder-:counter --- + +> **!! WARNING !!** This ressource is deprecated ! Please use `ods-select` instead. +> [Documentation available here](https://codelibrary.huwise.com/widget-tricks/ods-select/) \ No newline at end of file diff --git a/content/widget-tricks/heatmaps-custom/_1_heatmap_static_scale/schema.md b/content/widget-tricks/heatmaps-custom/_1_heatmap_static_scale/schema.md new file mode 100644 index 000000000..f92c9aad5 --- /dev/null +++ b/content/widget-tricks/heatmaps-custom/_1_heatmap_static_scale/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `comptage-velo-donnees-compteurs` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/comptage-velo-donnees-compteurs/table/) + +**Fields in use:** + +| nom_compteur | date (datetime) | sum_counts (numeric)| +|---|---|---| +|97 avenue Denfert Rochereau SO-NE|2020-10-01T04:00:00+02:00|70| +|100 rue La Fayette O-E|2021-01-30T06:00:00+02:00|15| +|10 avenue de la Grande Armée SE-NO|2020-12-01T13:00:00+02:00|22| +|87 avenue de Flandre NE-SO|2021-04-22T22:00:00+02:00|3| \ No newline at end of file diff --git a/content/widget-tricks/heatmaps-custom/_2_bubblemap_static_scale/schema.md b/content/widget-tricks/heatmaps-custom/_2_bubblemap_static_scale/schema.md new file mode 100644 index 000000000..f92c9aad5 --- /dev/null +++ b/content/widget-tricks/heatmaps-custom/_2_bubblemap_static_scale/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `comptage-velo-donnees-compteurs` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/comptage-velo-donnees-compteurs/table/) + +**Fields in use:** + +| nom_compteur | date (datetime) | sum_counts (numeric)| +|---|---|---| +|97 avenue Denfert Rochereau SO-NE|2020-10-01T04:00:00+02:00|70| +|100 rue La Fayette O-E|2021-01-30T06:00:00+02:00|15| +|10 avenue de la Grande Armée SE-NO|2020-12-01T13:00:00+02:00|22| +|87 avenue de Flandre NE-SO|2021-04-22T22:00:00+02:00|3| \ No newline at end of file diff --git a/content/widget-tricks/heatmaps-custom/_3_heatmap_dyn_rgb_scale/index.md b/content/widget-tricks/heatmaps-custom/_3_heatmap_dyn_rgb_scale/index.md index cdf496f20..921f180e0 100644 --- a/content/widget-tricks/heatmaps-custom/_3_heatmap_dyn_rgb_scale/index.md +++ b/content/widget-tricks/heatmaps-custom/_3_heatmap_dyn_rgb_scale/index.md @@ -13,6 +13,4 @@ Custom heatmaps or bubblemaps are made of a CSS grid, an `ods-adv-analysis` and Colors are RGB codes, computed of the aggregation value within the range of all values. Low and high colors values are set into `variables` object at the beginning of the code. -The toggle button, and the legend are independent of the grid and can be removed. - -> Note: It's much easier to deal with dates with Vega-Lite as it can split by day, day of the week, month with the labels and the correct ordering. We then strongly advice to go for [Vega-Lite heatmaps](/widget-tricks/heatmaps-vegalite) in that case. \ No newline at end of file +The toggle button, and the legend are independent of the grid and can be removed. \ No newline at end of file diff --git a/content/widget-tricks/heatmaps-custom/_3_heatmap_dyn_rgb_scale/schema.md b/content/widget-tricks/heatmaps-custom/_3_heatmap_dyn_rgb_scale/schema.md new file mode 100644 index 000000000..d617fcad3 --- /dev/null +++ b/content/widget-tricks/heatmaps-custom/_3_heatmap_dyn_rgb_scale/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `comptage-velo-donnees-compteurs` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/comptage-velo-donnees-compteurs/table/) + +**Fields in use:** + +| date (datetime) | sum_counts (numeric)| +|---|---| +|2020-10-01T04:00:00+02:00|70| +|2021-01-30T06:00:00+02:00|15| +|2020-12-01T13:00:00+02:00|22| +|2021-04-22T22:00:00+02:00|3| \ No newline at end of file diff --git a/content/widget-tricks/heatmaps-custom/_4_bubblemap_dyn_rgb_scale/schema.md b/content/widget-tricks/heatmaps-custom/_4_bubblemap_dyn_rgb_scale/schema.md new file mode 100644 index 000000000..d617fcad3 --- /dev/null +++ b/content/widget-tricks/heatmaps-custom/_4_bubblemap_dyn_rgb_scale/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `comptage-velo-donnees-compteurs` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/comptage-velo-donnees-compteurs/table/) + +**Fields in use:** + +| date (datetime) | sum_counts (numeric)| +|---|---| +|2020-10-01T04:00:00+02:00|70| +|2021-01-30T06:00:00+02:00|15| +|2020-12-01T13:00:00+02:00|22| +|2021-04-22T22:00:00+02:00|3| \ No newline at end of file diff --git a/content/widget-tricks/heatmaps-custom/_5_heatmap_dyn_rgb_scale_large_legend/schema.md b/content/widget-tricks/heatmaps-custom/_5_heatmap_dyn_rgb_scale_large_legend/schema.md new file mode 100644 index 000000000..53ebe8cf5 --- /dev/null +++ b/content/widget-tricks/heatmaps-custom/_5_heatmap_dyn_rgb_scale_large_legend/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `base-nationale-des-lieux-de-covoiturage-en-france` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/base-nationale-des-lieux-de-covoiturage-en-france/table/) + +**Fields in use:** + +| reg_name | spot_size (numeric)| spot_type | +|---|---|---| +|Centre-Val de Loire|100|Aire de covoiturage| +|Occitanie|5|Parking| +|Nouvelle-Aquitaine|24|Parking relais| +|Île-de-France|6|Auto-stop| \ No newline at end of file diff --git a/content/widget-tricks/heatmaps-custom/index.md b/content/widget-tricks/heatmaps-custom/index.md index e297295ea..12314e30b 100644 --- a/content/widget-tricks/heatmaps-custom/index.md +++ b/content/widget-tricks/heatmaps-custom/index.md @@ -9,11 +9,7 @@ resources: --- > We consider the usage of `ods-adv-analysis` as a prerequisite of this resource. -> [Documentation available here](https://help.opendatasoft.com/widgets/#/api/ods-widgets.directive:odsAdvAnalysis) - -> Did you see ? [Heatmaps with Vega-lite](/widget-tricks/heatmaps-vegalite) - -**If Vega-lite does not satisfy your needs**, for advanced usages, you can create heatmaps by hand with only HTML and CSS Grid. +> [Documentation available here](https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsAdvAnalysis) Keep in mind that, for heatmaps or bubblemaps, you'll need to adapt the display depending on the values, axis, and legends. diff --git a/content/widget-tricks/heatmaps-vegalite/1/schema.md b/content/widget-tricks/heatmaps-vegalite/1/schema.md new file mode 100644 index 000000000..d617fcad3 --- /dev/null +++ b/content/widget-tricks/heatmaps-vegalite/1/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `comptage-velo-donnees-compteurs` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/comptage-velo-donnees-compteurs/table/) + +**Fields in use:** + +| date (datetime) | sum_counts (numeric)| +|---|---| +|2020-10-01T04:00:00+02:00|70| +|2021-01-30T06:00:00+02:00|15| +|2020-12-01T13:00:00+02:00|22| +|2021-04-22T22:00:00+02:00|3| \ No newline at end of file diff --git a/content/widget-tricks/heatmaps-vegalite/2/schema.md b/content/widget-tricks/heatmaps-vegalite/2/schema.md new file mode 100644 index 000000000..dacccae7d --- /dev/null +++ b/content/widget-tricks/heatmaps-vegalite/2/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `observation-synop` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/observation-synop/table/) + +**Fields in use:** + +| date (datetime) | t (numeric)| +|---|---| +|2020-10-01T19:00:00+02:00|286.45| +|2021-01-30T16:00:00+02:00|303.45| +|2020-12-01T13:00:00+02:00|238.75| +|2021-04-22T10:00:00+02:00|340.85| \ No newline at end of file diff --git a/content/widget-tricks/heatmaps-vegalite/3/schema.md b/content/widget-tricks/heatmaps-vegalite/3/schema.md new file mode 100644 index 000000000..dacccae7d --- /dev/null +++ b/content/widget-tricks/heatmaps-vegalite/3/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `observation-synop` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/observation-synop/table/) + +**Fields in use:** + +| date (datetime) | t (numeric)| +|---|---| +|2020-10-01T19:00:00+02:00|286.45| +|2021-01-30T16:00:00+02:00|303.45| +|2020-12-01T13:00:00+02:00|238.75| +|2021-04-22T10:00:00+02:00|340.85| \ No newline at end of file diff --git a/content/widget-tricks/heatmaps-vegalite/4/schema.md b/content/widget-tricks/heatmaps-vegalite/4/schema.md new file mode 100644 index 000000000..d617fcad3 --- /dev/null +++ b/content/widget-tricks/heatmaps-vegalite/4/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `comptage-velo-donnees-compteurs` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/comptage-velo-donnees-compteurs/table/) + +**Fields in use:** + +| date (datetime) | sum_counts (numeric)| +|---|---| +|2020-10-01T04:00:00+02:00|70| +|2021-01-30T06:00:00+02:00|15| +|2020-12-01T13:00:00+02:00|22| +|2021-04-22T22:00:00+02:00|3| \ No newline at end of file diff --git a/content/widget-tricks/heatmaps-vegalite/5/schema.md b/content/widget-tricks/heatmaps-vegalite/5/schema.md new file mode 100644 index 000000000..73ec54448 --- /dev/null +++ b/content/widget-tricks/heatmaps-vegalite/5/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `observation-synop` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/observation-synop/table/) + +**Fields in use:** + +| date (datetime) | t (numeric)| nom_reg | +|---|---|---| +|2020-10-01T19:00:00+02:00|286.45|Bretagne| +|2021-01-30T16:00:00+02:00|303.45|Occitanie| +|2020-12-01T13:00:00+02:00|238.75|La Réunion| +|2021-04-22T10:00:00+02:00|340.85|Corse| \ No newline at end of file diff --git a/content/widget-tricks/heatmaps-vegalite/index.md b/content/widget-tricks/heatmaps-vegalite/index.md index 18a3a85aa..b75a5616c 100644 --- a/content/widget-tricks/heatmaps-vegalite/index.md +++ b/content/widget-tricks/heatmaps-vegalite/index.md @@ -3,6 +3,7 @@ title: "Heatmaps with Vega-Lite" date: 2021-06-16T14:46:16+02:00 description: "Vega-Lite heatmaps and bubblemaps in combination with ods-adv-analysis" tags: ["display", "ods-analysis", "aggregation"] +draft: true resources: - src: '*/' name: folder-:counter @@ -10,9 +11,9 @@ resources: **Vega-Lite** is a high-level grammar of interactive graphics. It provides a concise, declarative JSON syntax to create an expressive range of visualizations for data analysis and presentation. -[ods-vega-lite-chart](https://help.opendatasoft.com/widgets/#/api/ods-widgets.directive:odsVegaLiteChart) widget, in combinaison with `ods-adv-analysis` to get the data, allows adding Vega-Lite charts into your pages. +[ods-vega-lite-chart](https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsVegaLiteChart) widget, in combinaison with `ods-adv-analysis` to get the data, allows adding Vega-Lite charts into your pages. This first resource is an introduction and pre-requisite to understand key concepts of Vega-Lite within ODS. > We consider the usage of `ods-adv-analysis` as a pre-requisite of this resource. -> [Documentation available here](https://help.opendatasoft.com/widgets/#/api/ods-widgets.directive:odsAdvAnalysis) \ No newline at end of file +> [Documentation available here](https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsAdvAnalysis) \ No newline at end of file diff --git a/content/widget-tricks/ods-adv-analysis/1/css.inc b/content/widget-tricks/ods-adv-analysis/1/css.inc new file mode 100644 index 000000000..bf8898412 --- /dev/null +++ b/content/widget-tricks/ods-adv-analysis/1/css.inc @@ -0,0 +1,42 @@ +.range-slider-ctn { + display: flex; + flex-direction: column; + align-items: center; + margin: 13px 26px 32px 26px; +} + +.odswidget-date-range-slider { + width: 100%; +} + +.range-slider-reset-button { + margin-left: 0; + margin-top: 13px; + white-space: nowrap; + font-size: 12px; + padding: 3px 6px; + line-height: 0; + background-color: #e1e4e9; + border-radius: 4px; +} + +.range-slider-reset-button:not(.range-slider-reset-button-disabled):hover { + opacity: 0.65; +} + +.range-slider-reset-button-disabled { + opacity: 0.5; + pointer-event: none; + text-decoration: none; +} + +@media screen and (min-width: 500px) { + .range-slider-ctn { + flex-direction: row; + } + + .range-slider-reset-button { + margin-left: 50px; + margin-top: 0; + } +} \ No newline at end of file diff --git a/content/widget-tricks/ods-adv-analysis/1/html.inc b/content/widget-tricks/ods-adv-analysis/1/html.inc new file mode 100644 index 000000000..7c49f7568 --- /dev/null +++ b/content/widget-tricks/ods-adv-analysis/1/html.inc @@ -0,0 +1,72 @@ +
    +

    Simple example to get and display the min and max of a date

    + +
    +

    ods-adv-analysis result:

    +
    +
    +

    Min timestamp: {{ dateanalysis[0].mindate | date : 'medium' }}

    +

    Max timestamp: {{ dateanalysis[0].maxdate | date : 'medium' }}

    +
    +
    + 
    {{ dateanalysis }}
    +
    +
    +
    +     + +
    + +

    Useful example with an ods-date-range-slider

    + + +
    + + +
    + + {{ bounds.min = (dateanalysis[0].mindate | moment : 'YYYY-MM-DD') ; '' }} + {{ bounds.max = (dateanalysis[0].maxdate | moment : 'YYYY-MM-DD') ; '' }} +
    + + + + + + +
    + The entire period +
    +
    + + + +     +
    \ No newline at end of file diff --git a/content/widget-tricks/ods-adv-analysis/1/index.md b/content/widget-tricks/ods-adv-analysis/1/index.md new file mode 100644 index 000000000..df4a3b636 --- /dev/null +++ b/content/widget-tricks/ods-adv-analysis/1/index.md @@ -0,0 +1,10 @@ +--- +title: "Get the oldest (min) and newest (max) date in a field" +date: 2021-08-12T10:00:00+02:00 +--- + +`min` and `max` function can also work on date format field. It's very useful to get the date range covered by the dataset on a specific field. + +It can for example be used to initialise an `ods-date-range-slider` with the correct bounds. + +[ods-date-range-slider documentation](https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsDateRangeSlider) \ No newline at end of file diff --git a/content/widget-tricks/ods-adv-analysis/1/schema.md b/content/widget-tricks/ods-adv-analysis/1/schema.md new file mode 100644 index 000000000..2bee8b999 --- /dev/null +++ b/content/widget-tricks/ods-adv-analysis/1/schema.md @@ -0,0 +1,12 @@ +**Dataset in use:** `ods-api-monitoring`. + +Get it on your domain by replacing `{{domainid}}` by your domainid in the following url: `https://{{domainid}}.huwise.com/explore/dataset/ods-api-monitoring/table/?source=monitoring&refine.domain_id={{domainid}}` + +**Fields in use:** + +| timestamp (datetime) | +|---| +|2021-10-01T04:00:00+02:00| +|2021-10-30T06:00:00+02:00| +|2021-10-01T13:00:00+02:00| +|2021-10-22T22:00:00+02:00| \ No newline at end of file diff --git a/public/widget-tricks/heatmaps-vegalite/4/css.inc b/content/widget-tricks/ods-adv-analysis/2/css.inc similarity index 100% rename from public/widget-tricks/heatmaps-vegalite/4/css.inc rename to content/widget-tricks/ods-adv-analysis/2/css.inc diff --git a/content/widget-tricks/ods-adv-analysis/2/html.inc b/content/widget-tricks/ods-adv-analysis/2/html.inc new file mode 100644 index 000000000..aeace62dc --- /dev/null +++ b/content/widget-tricks/ods-adv-analysis/2/html.inc @@ -0,0 +1,23 @@ + +
    + +

    How many hits per day on Userclub domain, this past week ?

    +
      +
    • + {{ item.total | number }} hits on {{ item.date | date }} +
      • +
    + +

    Average number of hits on Userclub domain, this past week

    +
    + An average of {{ results[0].dayavg | number:0 }} hits per day +
    +
    +     diff --git a/content/widget-tricks/ods-adv-analysis/2/index.md b/content/widget-tricks/ods-adv-analysis/2/index.md new file mode 100644 index 000000000..e922288ec --- /dev/null +++ b/content/widget-tricks/ods-adv-analysis/2/index.md @@ -0,0 +1,14 @@ +--- +title: "Sub-aggregation after ods-adv-analysis" +height: 400 +--- + +The `ods-adv-analysis` widget can be use in conjunction with `ods-subaggregation`. + +It will perform a second aggregation after the API result. + +In the example, we use this technique to perform a daily average over a week, (from a second precision timeserie). +1. `ods-adv-analysis` groups record by day over the last 7 days, and returns the total number of hits for each day. +2. `ods-subaggregation` computes the average of hits by day. + +[ods-subaggregation documentation](https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsSubaggregation) \ No newline at end of file diff --git a/content/widget-tricks/ods-adv-analysis/2/schema.md b/content/widget-tricks/ods-adv-analysis/2/schema.md new file mode 100644 index 000000000..e8dbddf91 --- /dev/null +++ b/content/widget-tricks/ods-adv-analysis/2/schema.md @@ -0,0 +1,12 @@ +**Dataset in use:** `ods-api-monitoring`. + +Get it on your domain by replacing `{{domainid}}` by your domainid in the following url: `https://{{domainid}}.huwise.com/explore/dataset/ods-api-monitoring/table/?source=monitoring&refine.domain_id={{domainid}}` + +**Fields in use:** + +| timestamp (datetime) | nhits (numeric)| +|---|---| +|2021-10-01T04:00:00+02:00|582| +|2021-10-30T06:00:00+02:00|24,389| +|2021-10-01T13:00:00+02:00|1,233| +|2021-10-22T22:00:00+02:00|734| \ No newline at end of file diff --git a/content/widget-tricks/ods-adv-analysis/index.md b/content/widget-tricks/ods-adv-analysis/index.md new file mode 100644 index 000000000..9d5ac7825 --- /dev/null +++ b/content/widget-tricks/ods-adv-analysis/index.md @@ -0,0 +1,14 @@ +--- +title: "ods-adv-analysis" +date: 2021-08-12T10:00:00+02:00 +description: "Various examples to showcase ods-adv-analysis. This widget exposes the results of an aggregation through the API V2." +tags: ["aggregation"] +resources: +- src: '*/' + name: folder-:counter +--- + +The `ods-adv-analysis` widget exposes the results of an aggregation function over a context. +It uses the [ODS Explore API V2](https://help.huwise.com/apis/ods-explore-v2/) and its [ODSQL language](https://help.huwise.com/apis/ods-explore-v2/#section/Huwise-Query-Language-(ODSQL)). + +[ods-adv-analysis documentation](https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsAdvAnalysis) \ No newline at end of file diff --git a/content/widget-tricks/ods-aggregation/1/schema.md b/content/widget-tricks/ods-aggregation/1/schema.md new file mode 100644 index 000000000..3a327d507 --- /dev/null +++ b/content/widget-tricks/ods-aggregation/1/schema.md @@ -0,0 +1,4 @@ +**Dataset in use:** `us-hospitals` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/us-hospitals/table/) + +**Fields in use:** +none: count function \ No newline at end of file diff --git a/content/widget-tricks/ods-aggregation/2/schema.md b/content/widget-tricks/ods-aggregation/2/schema.md new file mode 100644 index 000000000..8dc0eb4c9 --- /dev/null +++ b/content/widget-tricks/ods-aggregation/2/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `observation-synop` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/observation-synop/table/) + +**Fields in use:** + +| u (decimal) | tc (decimal)| +|---|---| +|82|22.400| +|93|30.5| +|27|15.5| +|60|14| \ No newline at end of file diff --git a/content/widget-tricks/ods-aggregation/3/schema.md b/content/widget-tricks/ods-aggregation/3/schema.md new file mode 100644 index 000000000..74423c656 --- /dev/null +++ b/content/widget-tricks/ods-aggregation/3/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `us-hospitals` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/us-hospitals/table/) + +**Fields in use:** + +| helipad| +|---| +|Y| +|N| +|Not Available| +|Y| \ No newline at end of file diff --git a/content/widget-tricks/ods-aggregation/4/schema.md b/content/widget-tricks/ods-aggregation/4/schema.md new file mode 100644 index 000000000..7e6c46137 --- /dev/null +++ b/content/widget-tricks/ods-aggregation/4/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `communes-et-arrondissements-municipaux-millesime-france` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/communes-et-arrondissements-municipaux-millesime-france/table/) + +**Fields in use:** + +| year (date)| +|---| +|2015| +|2017| +|2020| +|2021| \ No newline at end of file diff --git a/content/widget-tricks/ods-aggregation/5/schema.md b/content/widget-tricks/ods-aggregation/5/schema.md new file mode 100644 index 000000000..83c45d3b7 --- /dev/null +++ b/content/widget-tricks/ods-aggregation/5/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `us-hospitals` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/us-hospitals/table/) + +**Fields in use:** + +| geo_point (geo_point_2d)| +|---| +|[34.69553069,-82.98721979]| +|[40.673121466,-75.365457125]| +|[38.578735152,-109.563613143]| +|[41.491227149,-112.025755668]| \ No newline at end of file diff --git a/content/widget-tricks/ods-aggregation/6/schema.md b/content/widget-tricks/ods-aggregation/6/schema.md new file mode 100644 index 000000000..1056b57b0 --- /dev/null +++ b/content/widget-tricks/ods-aggregation/6/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `us-hospitals` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/us-hospitals/table/) + +**Fields in use:** + +| beds (numeric)| +|---| +|132| +|31| +|54| +|98| \ No newline at end of file diff --git a/content/widget-tricks/ods-analysis/1/html.inc b/content/widget-tricks/ods-analysis/1/html.inc index ae73c21e1..0fefa4223 100644 --- a/content/widget-tricks/ods-analysis/1/html.inc +++ b/content/widget-tricks/ods-analysis/1/html.inc @@ -1,6 +1,6 @@
    diff --git a/content/widget-tricks/ods-analysis/1/schema.md b/content/widget-tricks/ods-analysis/1/schema.md new file mode 100644 index 000000000..4cb84a5af --- /dev/null +++ b/content/widget-tricks/ods-analysis/1/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `shanghai-world-university-ranking` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/shanghai-world-university-ranking/table/) + +**Fields in use:** + +| university_name | pub (decimal)| alumni (decimal)| award (decimal) +|---|---|---|---| +|Harvard University|100|100|100| +|University of Cambridge|70.9|96.3|91.5| +|Heidelberg University|53.6|19.7|25| +|Tsinghua University|74.6|10.2|0| \ No newline at end of file diff --git a/content/widget-tricks/ods-analysis/2/html.inc b/content/widget-tricks/ods-analysis/2/html.inc index 90f1c47c8..aefef26e5 100644 --- a/content/widget-tricks/ods-analysis/2/html.inc +++ b/content/widget-tricks/ods-analysis/2/html.inc @@ -1,12 +1,12 @@ + population-domain="userclub" + population-dataset="demographyref-france-pop-legale-commune-arrondissement-municipal">
    - + @@ -16,7 +16,7 @@
    diff --git a/content/widget-tricks/ods-analysis/2/index.md b/content/widget-tricks/ods-analysis/2/index.md index 57096233f..c8c8be13d 100644 --- a/content/widget-tricks/ods-analysis/2/index.md +++ b/content/widget-tricks/ods-analysis/2/index.md @@ -3,4 +3,4 @@ title: "Top 10" height: 500 --- -Like with charts, it's conveniant to use ods-analysis to sort aggregations by the computed serie (like for exemple the sum or average of numerical fields). In this example, the ods-analysis results object is used to print lines of an HTML table to display the information as a table. +Like with charts, it's conveniant to use ods-analysis to sort aggregations by the computed serie (like for example the sum or average of numerical fields). In this example, the ods-analysis results object is used to print lines of an HTML table to display the information as a table. diff --git a/content/widget-tricks/ods-analysis/2/schema.md b/content/widget-tricks/ods-analysis/2/schema.md new file mode 100644 index 000000000..cc6c8a985 --- /dev/null +++ b/content/widget-tricks/ods-analysis/2/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `demographyref-france-pop-legale-commune-arrondissement-municipal` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/demographyref-france-pop-legale-commune-arrondissement-municipal/table/) + +**Fields in use:** + +| nom_officiel_commune_arrondissement_municipal | population_totale (numeric)| +|---|---| +|Toulouse|491.942| +|Nice|343.889| +|Nantes|319.284| +|Montpellier|293.410| \ No newline at end of file diff --git a/content/widget-tricks/ods-analysis/3/html.inc b/content/widget-tricks/ods-analysis/3/html.inc index 85796c04b..022631b5f 100644 --- a/content/widget-tricks/ods-analysis/3/html.inc +++ b/content/widget-tricks/ods-analysis/3/html.inc @@ -1,6 +1,6 @@ + shanghai-domain="userclub">

    @@ -32,7 +32,7 @@
    + shanghai-domain="userclub">
    + population-domain="userclub" + population-dataset="demographyref-france-pop-legale-commune-arrondissement-municipal">
    - + @@ -27,7 +27,7 @@
    diff --git a/content/widget-tricks/ods-analysis/4/schema.md b/content/widget-tricks/ods-analysis/4/schema.md new file mode 100644 index 000000000..cc6c8a985 --- /dev/null +++ b/content/widget-tricks/ods-analysis/4/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `demographyref-france-pop-legale-commune-arrondissement-municipal` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/demographyref-france-pop-legale-commune-arrondissement-municipal/table/) + +**Fields in use:** + +| nom_officiel_commune_arrondissement_municipal | population_totale (numeric)| +|---|---| +|Toulouse|491.942| +|Nice|343.889| +|Nantes|319.284| +|Montpellier|293.410| \ No newline at end of file diff --git a/content/widget-tricks/ods-analysis/5/html.inc b/content/widget-tricks/ods-analysis/5/html.inc index f87fa94d3..f8125a43c 100644 --- a/content/widget-tricks/ods-analysis/5/html.inc +++ b/content/widget-tricks/ods-analysis/5/html.inc @@ -1,13 +1,12 @@ + populationmillesime-domain="userclub" + populationmillesime-dataset="demographyref-france-pop-legale-commune-arrondissement-municipal">
    - + + label-y="2018 Census population" color="#142E7B" display-values="true" scientific-display="true"> @@ -19,7 +18,7 @@

    - Population evolution in {{ analysehomemadechart.x }} since 2006 + Population evolution in {{ analysehomemadechart.x }} since 2015

    + historic-domain="userclub" + historic-dataset="demographyref-france-pop-legale-commune-arrondissement-municipal-millesime" + historic-parameters="{'q': 'nom_officiel_commune_arrondissement_municipal:"' + analysehomemadechart.x + '"'}">
    + diff --git a/content/widget-tricks/ods-color-gradient/1/schema.md b/content/widget-tricks/ods-color-gradient/1/schema.md new file mode 100644 index 000000000..e638fe455 --- /dev/null +++ b/content/widget-tricks/ods-color-gradient/1/schema.md @@ -0,0 +1,17 @@ +**Fields in use in :** `departements-et-collectivites-doutre-mer-france` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/departements-et-collectivites-doutre-mer-france/table/) + +| dep_code | +|---| +|74| +|01| +|44| +|46| + +**Fields in use in :** `base-nationale-des-lieux-de-covoiturage-en-france` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/base-nationale-des-lieux-de-covoiturage-en-france/table/) + +| dep_code | +|---| +|74| +|01| +|44| +|46| \ No newline at end of file diff --git a/content/widget-tricks/ods-color-gradient/2/html.inc b/content/widget-tricks/ods-color-gradient/2/html.inc index 74702f52d..fa98e0a14 100644 --- a/content/widget-tricks/ods-color-gradient/2/html.inc +++ b/content/widget-tricks/ods-color-gradient/2/html.inc @@ -1,8 +1,7 @@ - +
    diff --git a/content/widget-tricks/ods-color-gradient/2/schema.md b/content/widget-tricks/ods-color-gradient/2/schema.md new file mode 100644 index 000000000..e638fe455 --- /dev/null +++ b/content/widget-tricks/ods-color-gradient/2/schema.md @@ -0,0 +1,17 @@ +**Fields in use in :** `departements-et-collectivites-doutre-mer-france` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/departements-et-collectivites-doutre-mer-france/table/) + +| dep_code | +|---| +|74| +|01| +|44| +|46| + +**Fields in use in :** `base-nationale-des-lieux-de-covoiturage-en-france` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/base-nationale-des-lieux-de-covoiturage-en-france/table/) + +| dep_code | +|---| +|74| +|01| +|44| +|46| \ No newline at end of file diff --git a/content/widget-tricks/ods-color-gradient/3/html.inc b/content/widget-tricks/ods-color-gradient/3/html.inc index a35a3805c..821749875 100644 --- a/content/widget-tricks/ods-color-gradient/3/html.inc +++ b/content/widget-tricks/ods-color-gradient/3/html.inc @@ -1,8 +1,7 @@ - +
    diff --git a/content/widget-tricks/ods-color-gradient/3/schema.md b/content/widget-tricks/ods-color-gradient/3/schema.md new file mode 100644 index 000000000..e638fe455 --- /dev/null +++ b/content/widget-tricks/ods-color-gradient/3/schema.md @@ -0,0 +1,17 @@ +**Fields in use in :** `departements-et-collectivites-doutre-mer-france` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/departements-et-collectivites-doutre-mer-france/table/) + +| dep_code | +|---| +|74| +|01| +|44| +|46| + +**Fields in use in :** `base-nationale-des-lieux-de-covoiturage-en-france` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/base-nationale-des-lieux-de-covoiturage-en-france/table/) + +| dep_code | +|---| +|74| +|01| +|44| +|46| \ No newline at end of file diff --git a/content/widget-tricks/ods-color-gradient/4/html.inc b/content/widget-tricks/ods-color-gradient/4/html.inc index 0a4127e96..b4a8b31eb 100644 --- a/content/widget-tricks/ods-color-gradient/4/html.inc +++ b/content/widget-tricks/ods-color-gradient/4/html.inc @@ -1,8 +1,7 @@ - +
    diff --git a/content/widget-tricks/ods-color-gradient/4/schema.md b/content/widget-tricks/ods-color-gradient/4/schema.md new file mode 100644 index 000000000..e638fe455 --- /dev/null +++ b/content/widget-tricks/ods-color-gradient/4/schema.md @@ -0,0 +1,17 @@ +**Fields in use in :** `departements-et-collectivites-doutre-mer-france` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/departements-et-collectivites-doutre-mer-france/table/) + +| dep_code | +|---| +|74| +|01| +|44| +|46| + +**Fields in use in :** `base-nationale-des-lieux-de-covoiturage-en-france` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/base-nationale-des-lieux-de-covoiturage-en-france/table/) + +| dep_code | +|---| +|74| +|01| +|44| +|46| \ No newline at end of file diff --git a/content/widget-tricks/ods-color-gradient/5/html.inc b/content/widget-tricks/ods-color-gradient/5/html.inc index 823778883..ffd4bb003 100644 --- a/content/widget-tricks/ods-color-gradient/5/html.inc +++ b/content/widget-tricks/ods-color-gradient/5/html.inc @@ -1,8 +1,7 @@ - + diff --git a/content/widget-tricks/ods-color-gradient/5/schema.md b/content/widget-tricks/ods-color-gradient/5/schema.md new file mode 100644 index 000000000..4c97eac25 --- /dev/null +++ b/content/widget-tricks/ods-color-gradient/5/schema.md @@ -0,0 +1,17 @@ +**Fields in use in `departements-et-collectivites-doutre-mer-france` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/departements-et-collectivites-doutre-mer-france/table/)** + +| dep_code | geo_shape (geo_shape) | +|------|-----| +|75|{"type": "Polygon", "coordinates": [[...]]}| +|2B|{"type": "Polygon", "coordinates": [[...]]}| +|61|{"type": "Polygon", "coordinates": [[...]]}| +|29|{"type": "Polygon", "coordinates": [[...]]}| + +**Field in use in `base-nationale-des-lieux-de-covoiturage-en-france` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/base-nationale-des-lieux-de-covoiturage-en-france/table/)** + +| dep_code | +|------| +|75| +|2B| +|61| +|29| \ No newline at end of file diff --git a/content/widget-tricks/ods-date-range-slider/1/html.inc b/content/widget-tricks/ods-date-range-slider/1/html.inc index 7630f4a13..99b811747 100644 --- a/content/widget-tricks/ods-date-range-slider/1/html.inc +++ b/content/widget-tricks/ods-date-range-slider/1/html.inc @@ -1,6 +1,6 @@

    Date de début de l'événement diff --git a/content/widget-tricks/ods-date-range-slider/1/schema.md b/content/widget-tricks/ods-date-range-slider/1/schema.md new file mode 100644 index 000000000..75fd361a8 --- /dev/null +++ b/content/widget-tricks/ods-date-range-slider/1/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `evenements-publics-openagenda` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/evenements-publics-openagenda/table/) + +**Fields in use:** + +| date_start (date) | +|---| +|2016-09-17| +|2019-03-07| +|2021-12-30| +|2020-02-22| diff --git a/content/widget-tricks/ods-date-range-slider/2/html.inc b/content/widget-tricks/ods-date-range-slider/2/html.inc index b2657646c..bec8cc139 100644 --- a/content/widget-tricks/ods-date-range-slider/2/html.inc +++ b/content/widget-tricks/ods-date-range-slider/2/html.inc @@ -1,6 +1,6 @@ + ctx-domain="userclub">

    Classement de Shanghai des universités - moyenne du score par ans

    diff --git a/content/widget-tricks/ods-date-range-slider/2/schema.md b/content/widget-tricks/ods-date-range-slider/2/schema.md new file mode 100644 index 000000000..4b930419a --- /dev/null +++ b/content/widget-tricks/ods-date-range-slider/2/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `shanghai-world-university-ranking` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/shanghai-world-university-ranking/table/) + +**Fields in use:** + +| year (date) | university_name | total_score(integer) | +|---|---|---| +|2016|Harvard University|100| +|2005|Cornell University|54.6| +|2010|University College London|44.4| +|2018|Kyoto University|36.4| diff --git a/content/widget-tricks/ods-date-range-slider/3/html.inc b/content/widget-tricks/ods-date-range-slider/3/html.inc index 749b22e81..7d1a9814d 100644 --- a/content/widget-tricks/ods-date-range-slider/3/html.inc +++ b/content/widget-tricks/ods-date-range-slider/3/html.inc @@ -1,6 +1,6 @@ + ctx-dataset="shanghai-world-university-ranking" + ctx-domain="userclub">

    Ods-date-range-slider by year

    diff --git a/content/widget-tricks/ods-date-range-slider/3/schema.md b/content/widget-tricks/ods-date-range-slider/3/schema.md new file mode 100644 index 000000000..c2d8299be --- /dev/null +++ b/content/widget-tricks/ods-date-range-slider/3/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `shanghai-world-university-ranking` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/shanghai-world-university-ranking/table/) + +**Fields in use:** + +| year (date) | +|---| +|2016| +|2005| +|2010| +|2018| diff --git a/content/widget-tricks/ods-date-range-slider/4/html.inc b/content/widget-tricks/ods-date-range-slider/4/html.inc index 5ea18c22f..603af190a 100644 --- a/content/widget-tricks/ods-date-range-slider/4/html.inc +++ b/content/widget-tricks/ods-date-range-slider/4/html.inc @@ -4,7 +4,9 @@ ctx-dataset="evenements-publics-openagenda" ctx-parameters="{'sort':'-date_start'}" ctxdate-dataset="evenements-publics-openagenda" - ctxdate-parameters="{'q':'date_start:[2007 TO #now(years=+3)]'}"> + ctxdate-parameters="{'q':'date_start:[2007 TO #now(years=+3)]'}" + ctx-domain="userclub" + ctxdate-domain="userclub">
    diff --git a/content/widget-tricks/ods-date-range-slider/4/schema.md b/content/widget-tricks/ods-date-range-slider/4/schema.md new file mode 100644 index 000000000..75fd361a8 --- /dev/null +++ b/content/widget-tricks/ods-date-range-slider/4/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `evenements-publics-openagenda` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/evenements-publics-openagenda/table/) + +**Fields in use:** + +| date_start (date) | +|---| +|2016-09-17| +|2019-03-07| +|2021-12-30| +|2020-02-22| diff --git a/content/widget-tricks/ods-date-range-slider/5/html.inc b/content/widget-tricks/ods-date-range-slider/5/html.inc index c8dd520d0..450ed6352 100644 --- a/content/widget-tricks/ods-date-range-slider/5/html.inc +++ b/content/widget-tricks/ods-date-range-slider/5/html.inc @@ -4,7 +4,9 @@ ctx-dataset="evenements-publics-openagenda" ctx-parameters="{'sort':'-date_start'}" ctxdate-dataset="evenements-publics-openagenda" - ctxdate-parameters="{'q':'date_start:[2007 TO #now(years=+3)]'}"> + ctxdate-parameters="{'q':'date_start:[2007 TO #now(years=+3)]'}" + ctx-domain="userclub" + ctxdate-domain="userclub">
    diff --git a/content/widget-tricks/ods-date-range-slider/5/schema.md b/content/widget-tricks/ods-date-range-slider/5/schema.md new file mode 100644 index 000000000..75fd361a8 --- /dev/null +++ b/content/widget-tricks/ods-date-range-slider/5/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `evenements-publics-openagenda` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/evenements-publics-openagenda/table/) + +**Fields in use:** + +| date_start (date) | +|---| +|2016-09-17| +|2019-03-07| +|2021-12-30| +|2020-02-22| diff --git a/content/widget-tricks/ods-date-range-slider/6/html.inc b/content/widget-tricks/ods-date-range-slider/6/html.inc index f257632b5..e67fe1440 100644 --- a/content/widget-tricks/ods-date-range-slider/6/html.inc +++ b/content/widget-tricks/ods-date-range-slider/6/html.inc @@ -4,7 +4,9 @@ ctx-dataset="evenements-publics-openagenda" ctx-parameters="{'sort':'-date_start'}" ctxdate-dataset="evenements-publics-openagenda" - ctxdate-parameters="{'q':'date_start:[2007 TO #now(years=+3)]'}"> + ctxdate-parameters="{'q':'date_start:[2007 TO #now(years=+3)]'}" + ctx-domain="userclub" + ctxdate-domain="userclub">
    diff --git a/content/widget-tricks/ods-date-range-slider/6/schema.md b/content/widget-tricks/ods-date-range-slider/6/schema.md new file mode 100644 index 000000000..75fd361a8 --- /dev/null +++ b/content/widget-tricks/ods-date-range-slider/6/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `evenements-publics-openagenda` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/evenements-publics-openagenda/table/) + +**Fields in use:** + +| date_start (date) | +|---| +|2016-09-17| +|2019-03-07| +|2021-12-30| +|2020-02-22| diff --git a/content/widget-tricks/ods-map-css/1/schema.md b/content/widget-tricks/ods-map-css/1/schema.md new file mode 100644 index 000000000..41b4e8632 --- /dev/null +++ b/content/widget-tricks/ods-map-css/1/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `shanghai-world-university-ranking` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/shanghai-world-university-ranking/table/) + +**Fields in use:** + +| geo_shape (geo_shape) | world_rank_int(integer) | total_score(integer) | +|---|---|---| +|{"type": "MultiPolygon", "coordinates": [[...]]}|1|100| +|{"type": "MultiPolygon", "coordinates": [[...]]}|10|54.6| +|{"type": "MultiPolygon", "coordinates": [[...]]}|18|44.4| +|{"type": "Polygon", "coordinates": [[...]]}|33|36.4| diff --git a/content/widget-tricks/ods-map-css/2/schema.md b/content/widget-tricks/ods-map-css/2/schema.md new file mode 100644 index 000000000..36345ac2f --- /dev/null +++ b/content/widget-tricks/ods-map-css/2/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `shanghai-world-university-ranking` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/shanghai-world-university-ranking/table/) + +**Fields in use:** + +| geo_shape (geo_shape) | world_rank_int(integer) | total_score(integer) | +|---|---|---| +|{"type": "Polygon", "coordinates": [[...]]}|1|100| +|{"type": "MultiPolygon", "coordinates": [[...]]}|10|54.6| +|{"type": "MultiPolygon", "coordinates": [[...]]}|18|44.4| +|{"type": "MultiPolygon", "coordinates": [[...]]}|33|36.4| diff --git a/content/widget-tricks/ods-map-css/3/schema.md b/content/widget-tricks/ods-map-css/3/schema.md new file mode 100644 index 000000000..42ffb225c --- /dev/null +++ b/content/widget-tricks/ods-map-css/3/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `shanghai-world-university-ranking` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/shanghai-world-university-ranking/table/) + +**Fields in use:** + +| geo_shape (geo_shape) | world_rank_int(integer) | +|---|---| +|{"type": "Polygon", "coordinates": [[...]]}|1| +|{"type": "MultiPolygon", "coordinates": [[...]]}|10| +|{"type": "MultiPolygon", "coordinates": [[...]]}|18| +|{"type": "Polygon", "coordinates": [[...]]}|33| diff --git a/content/widget-tricks/ods-map-css/4/schema.md b/content/widget-tricks/ods-map-css/4/schema.md new file mode 100644 index 000000000..42ffb225c --- /dev/null +++ b/content/widget-tricks/ods-map-css/4/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `shanghai-world-university-ranking` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/shanghai-world-university-ranking/table/) + +**Fields in use:** + +| geo_shape (geo_shape) | world_rank_int(integer) | +|---|---| +|{"type": "Polygon", "coordinates": [[...]]}|1| +|{"type": "MultiPolygon", "coordinates": [[...]]}|10| +|{"type": "MultiPolygon", "coordinates": [[...]]}|18| +|{"type": "Polygon", "coordinates": [[...]]}|33| diff --git a/content/widget-tricks/ods-map-css/5/html.inc b/content/widget-tricks/ods-map-css/5/html.inc index dd71dc410..fdbba4fbf 100644 --- a/content/widget-tricks/ods-map-css/5/html.inc +++ b/content/widget-tricks/ods-map-css/5/html.inc @@ -1,9 +1,9 @@
    @@ -27,7 +27,7 @@ + context="opendatasoftofficespublic" color="#336179" picto="ods-circle" show-marker="true" display="auto" shape-opacity="0.5" point-opacity="1" border-color="#FFFFFF" border-opacity="1" border-size="1" border-pattern="solid" caption="true" title="Huwise Offices" description="This dataset contains the list of all Huwise headquarters and local offices, worldwide." size="4" size-min="3" size-max="5" size-function="linear"> * { + margin: 5px 0; +} + +.advanced-kpi--middle .value { + color: var(--highlight); + font-weight: 500; + font-size: 2rem; +} + +.advanced-kpi--bottom { + font-size: 0.8em; +} diff --git a/content/widget-tricks/ods-map-tricks/6/html.inc b/content/widget-tricks/ods-map-tricks/6/html.inc new file mode 100644 index 000000000..d7ccbc0a1 --- /dev/null +++ b/content/widget-tricks/ods-map-tricks/6/html.inc @@ -0,0 +1,119 @@ +
    + + +
    + +

    + Number of pharmacies by department +

    +

    + Click on a department for more details +

    +
    + + + + +
    +
    +
    +
    +

    + Aggregation value +

    +

    + used to color the map +

    +
    +
    +

    + {{ colorgradient['values'][refinectx.parameters['refine.dep_code']] | number }} +

    +
    +
    + Selected key : {{ refinectx.parameters['refine.dep_code'].join('') || refinectx.parameters['refine.dep_code'] }} +
    +
    +
    + +
    +
    +
    +

    + Department name +

    +

    + from the filtered geo ref context +

    +
    +
    +

    + {{ results[0].fields.dep_name }} +

    +
    +
    + Value from an ods-results +
    +
    +
    + +
    +
    +
    +

    + % of pharmacies in France +

    +

    + in {{ results[0].fields.dep_name }} +

    +
    +
    +

    + {{ colorgradient['values'][refinectx.parameters['refine.dep_code']] / dataanalysis[0].count * 100 | number : 1 }} % +

    +
    +
    + Aggregation compared with an analysis on the data context +
    +
    +
    +
    +
    +
    +     +
    diff --git a/content/widget-tricks/ods-map-tricks/6/index.md b/content/widget-tricks/ods-map-tricks/6/index.md new file mode 100644 index 000000000..96437d728 --- /dev/null +++ b/content/widget-tricks/ods-map-tricks/6/index.md @@ -0,0 +1,11 @@ +--- +title: "Replace map tooltip with a refine : see the aggregation !" +height: 700 +date: "2022-03-30" +--- + +In this example, in combination with [`ods-color-gradient` to display a choropleth map](/widget-tricks/ods-color-gradient/), the `refineOnClick` is used to select a department and activate KPI cards on top of the map. + +- the first KPI card displays the aggregation result from `ods-color-gradient` and display it's value +- the second KPI card get the name of the selected department, through an `ods-results` on the refined context +- the third KPI card computes a new aggregation with `ods-adv-analysis` diff --git a/content/widget-tricks/ods-map-tricks/6/schema.md b/content/widget-tricks/ods-map-tricks/6/schema.md new file mode 100644 index 000000000..95515f91f --- /dev/null +++ b/content/widget-tricks/ods-map-tricks/6/schema.md @@ -0,0 +1,22 @@ +**Dataset in use:** `healthref-france-finess` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/healthref-france-finess/table/) + +**Fields in use:** + +|libelle_categorie_d_etablissement|departement| +|---|---| +|Centre de Jour pour Personnes Agées|68| +|Entreprise adaptée|68| +|Pharmacie d'Officine|68| +|Pharmacie d'Officine|68| + +**Dataset in use:** `departements-et-collectivites-doutre-mer-france` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/departements-et-collectivites-doutre-mer-france/table/) + +**Fields in use:** + +|dep_code|geo_shape| +|---|---| +|42|"{""coordinates"": [[[4.483136621396388, 45.23656983554515], [4.509202633532227, 45.23117302861005], [4.51960803235719| +|93|"{""coordinates"": [[[2.319887174744136, 48.900459782103866], [2.384530045616338, 48.90214759336665], [2.3976678263491| +|50|"{""coordinates"": [[[-1.140276171655211, 49.30875558686156], [-1.114128814321206, 49.32691733740976], [-1.118082843973| +|58|"{""coordinates"": [[[2.874491172560131, 47.52034735555759], [2.888458633258486, 47.50943098546669], [2.90038057308859| + diff --git a/content/widget-tricks/ods-map-tricks/index.md b/content/widget-tricks/ods-map-tricks/index.md index 41c69502b..39d271bb1 100644 --- a/content/widget-tricks/ods-map-tricks/index.md +++ b/content/widget-tricks/ods-map-tricks/index.md @@ -2,6 +2,7 @@ title: "ods-map: Refine & Zoom" description: "Showcase how the map can be used as a selector through the refine-on-click option. It also provides an example to show/hide map layers depending on the zoom" tags: ["ods-maps", "map", "geo", "filter", "display"] +date: "2022-03-30" height: 680 resources: - src: "*/" diff --git a/content/widget-tricks/ods-results/1/schema.md b/content/widget-tricks/ods-results/1/schema.md new file mode 100644 index 000000000..d32e3b0fb --- /dev/null +++ b/content/widget-tricks/ods-results/1/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `belgium-statistical-districts` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/belgium-statistical-districts/table/) + +**Fields in use:** + +| commune | sector_fr | inhab (numeric) | inh_km2 (decimal) | +|---|---|---|---| +|BRUXELLES|EM. DELVA (RUE)|7,521|1.53| +|BRUXELLES|ANNEESSENS (PLACE) |7,066|2.95| +|BRUXELLES|MAISON ROUGE (PLACE)-SUD|5,674|1.700| +|BRUXELLES|MARIE-CHRISTINE (RUE)|5,413|1.75 \ No newline at end of file diff --git a/content/widget-tricks/ods-results/2/index.md b/content/widget-tricks/ods-results/2/index.md index 704d6985d..a41001155 100644 --- a/content/widget-tricks/ods-results/2/index.md +++ b/content/widget-tricks/ods-results/2/index.md @@ -2,12 +2,12 @@ title: "Cards list" --- -With [ODS layout system](https://help.opendatasoft.com/platform/en/customizing_look_and_feel/06_customizing_theme/theme.html#layout-options), +With [ODS layout system](https://help.huwise.com/platform/en/customizing_look_and_feel/06_customizing_theme/theme.html#layout-options), you can easily list results and print each record as a card. > Note that these codes also relies on [this resource](/page-templates/ods-layout-over-ride) that over-rides this ODS layout. It can then be combined with other widgets, by getting a metadata from the record, and feeding another widget with it. In this example, we get the shape of the record, -and feed [ods-geotooltip](https://help.opendatasoft.com/widgets/#/api/ods-widgets.directive:odsGeotooltip) +and feed [ods-geotooltip](https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsGeotooltip) with its value. \ No newline at end of file diff --git a/content/widget-tricks/ods-results/2/schema.md b/content/widget-tricks/ods-results/2/schema.md new file mode 100644 index 000000000..c3dc030be --- /dev/null +++ b/content/widget-tricks/ods-results/2/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `belgium-statistical-districts` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/belgium-statistical-districts/table/) + +**Fields in use:** + +| commune | sector_fr | inhab (numeric) | inh_km2 (decimal) | geo_shape (geo_shape) | +|---|---|---|---|---| +|BRUXELLES|EM. DELVA (RUE)|7,521|1.53|{"type":"Polygon","coordinates":[[...]]}| +|BRUXELLES|ANNEESSENS (PLACE) |7,066|2.95|{"type":"Polygon","coordinates":[[...]]}| +|BRUXELLES|MAISON ROUGE (PLACE)-SUD|5,674|1.700|{"type":"Polygon","coordinates":[[...]]}| +|BRUXELLES|MARIE-CHRISTINE (RUE)|5,413|1.75|{"type":"Polygon","coordinates":[[...]]}| \ No newline at end of file diff --git a/content/widget-tricks/ods-results/3/index.md b/content/widget-tricks/ods-results/3/index.md index 7052b4e37..e2244e522 100644 --- a/content/widget-tricks/ods-results/3/index.md +++ b/content/widget-tricks/ods-results/3/index.md @@ -2,7 +2,7 @@ title: "Pagination block" --- -[ods-pagination-block](https://help.opendatasoft.com/widgets/#/api/ods-widgets.directive:odsPaginationBlock) +[ods-pagination-block](https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsPaginationBlock) can be added to paginate your results. Beware of setting the same number of results in your `ods-results-max` and `per-page` parameters. \ No newline at end of file diff --git a/content/widget-tricks/ods-results/3/schema.md b/content/widget-tricks/ods-results/3/schema.md new file mode 100644 index 000000000..c3dc030be --- /dev/null +++ b/content/widget-tricks/ods-results/3/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `belgium-statistical-districts` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/belgium-statistical-districts/table/) + +**Fields in use:** + +| commune | sector_fr | inhab (numeric) | inh_km2 (decimal) | geo_shape (geo_shape) | +|---|---|---|---|---| +|BRUXELLES|EM. DELVA (RUE)|7,521|1.53|{"type":"Polygon","coordinates":[[...]]}| +|BRUXELLES|ANNEESSENS (PLACE) |7,066|2.95|{"type":"Polygon","coordinates":[[...]]}| +|BRUXELLES|MAISON ROUGE (PLACE)-SUD|5,674|1.700|{"type":"Polygon","coordinates":[[...]]}| +|BRUXELLES|MARIE-CHRISTINE (RUE)|5,413|1.75|{"type":"Polygon","coordinates":[[...]]}| \ No newline at end of file diff --git a/content/widget-tricks/ods-results/4/html.inc b/content/widget-tricks/ods-results/4/html.inc index 12d9bc5c0..e5bb0b0d0 100644 --- a/content/widget-tricks/ods-results/4/html.inc +++ b/content/widget-tricks/ods-results/4/html.inc @@ -13,7 +13,7 @@ + domain-url="https://userclub.huwise.com">
    diff --git a/content/widget-tricks/ods-results/4/index.md b/content/widget-tricks/ods-results/4/index.md index 75e49fe8a..9817d8bcf 100644 --- a/content/widget-tricks/ods-results/4/index.md +++ b/content/widget-tricks/ods-results/4/index.md @@ -2,7 +2,7 @@ title: "More advanced cards with record images" --- -This example get image from the dataset with [ods-record-image](https://help.opendatasoft.com/widgets/#/api/ods-widgets.directive:odsRecordImage). +This example get image from the dataset with [ods-record-image](https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsRecordImage). It also displays the cost if the meta is filled. The geolocation at the bottom of the card displays the address if it exists, or the word "Location" if the field is empty. \ No newline at end of file diff --git a/content/widget-tricks/ods-results/4/schema.md b/content/widget-tricks/ods-results/4/schema.md new file mode 100644 index 000000000..f7b1c1964 --- /dev/null +++ b/content/widget-tricks/ods-results/4/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `principales-depenses-dequipements-issy` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/principales-depenses-dequipements-issy/table/) + +**Fields in use:** + +| equipements | description | exercices (date) | cout_pour_la_ville_en_euros (decimal) | adresse | localisation (geo_point)| +|---|---|---|---|---|---| +|Parc Municipal des Sports|Etudes préalables à une restructuration complète du bâtiment.|2014|8,682|5 avenue Jean Bouin|[34.69553069,-82.98721979]| +|Le Temps des Cerises|Construction d'une structure de proximité proposant des expérimentations ludiques...|2014|313,536|90-98 promenade du Verger|[40.673121466,-75.365457125]| +|Piscine Alfred Sevestre|Travaux d'urgence et étude préalable à la rénovation complète|2013|409,072|70 boulevard Gallieni|[38.578735152,-109.563613143]| +|Ecole des Bords de Seine|Equipements: livres, etc.|2013|14,214|22 rue de la Galiote|[41.491227149,-112.025755668]| \ No newline at end of file diff --git a/content/widget-tricks/ods-results/index.md b/content/widget-tricks/ods-results/index.md index c26389101..c91625ff0 100644 --- a/content/widget-tricks/ods-results/index.md +++ b/content/widget-tricks/ods-results/index.md @@ -10,7 +10,7 @@ resources: **ods-results** is a rather simple widget to list records from a dataset. They can be displayed as a list or cards. -[ods-results widget documentation](https://help.opendatasoft.com/widgets/#/api/ods-widgets.directive:odsResults) +[ods-results widget documentation](https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsResults) Several Code Library resources rely on ods-results, for example the [table module component](/components/table-module/), to list records in a table. The [search module component](/components/search-module/), to display the results of a search query. diff --git a/content/widget-tricks/ods-select/2/index.md b/content/widget-tricks/ods-select/2/index.md index 45fcd9f22..5fd887394 100644 --- a/content/widget-tricks/ods-select/2/index.md +++ b/content/widget-tricks/ods-select/2/index.md @@ -5,7 +5,7 @@ height: 600 `ods-facet-results` enumerates the values ("categories") of a facet, and exposes it in a variable. this variable can then be the option source of `ods-select`. -[ods-facet-results widget documentation](https://help.opendatasoft.com/widgets/#/api/ods-widgets.directive:odsFacetResults) +[ods-facet-results widget documentation](https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsFacetResults) > **Note 1:** that facets are limited to the first 100 results, it's then suitable for categories, types, properties that have a small set of distinct values diff --git a/content/widget-tricks/ods-select/2/schema.md b/content/widget-tricks/ods-select/2/schema.md new file mode 100644 index 000000000..99988f103 --- /dev/null +++ b/content/widget-tricks/ods-select/2/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `us-hospitals` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/us-hospitals/table/) + +**Fields in use:** + +| geo_point (geo_point_2d)| type | +|---|---| +|[34.69553069,-82.98721979]|General Acute Care Hospital| +|[40.673121466,-75.365457125]|General Acute Care Hospital| +|[38.578735152,-109.563613143]|Critical Access| +|[41.491227149,-112.025755668]|General Acute Care Hospital| \ No newline at end of file diff --git a/content/widget-tricks/ods-select/3/html.inc b/content/widget-tricks/ods-select/3/html.inc index 3d068d3cc..eae8e1d92 100644 --- a/content/widget-tricks/ods-select/3/html.inc +++ b/content/widget-tricks/ods-select/3/html.inc @@ -4,19 +4,19 @@ ctxanalysis-parameters="{'sort':'world_rank'}" ctxrefine-dataset="shanghai-world-university-ranking" ctxrefine-parameters="{'sort':'world_rank'}"> -
    +

    Select an university in this TOP 100 list (sorted by it's best ranking overall)

    -
    diff --git a/content/widget-tricks/ods-select/3/index.md b/content/widget-tricks/ods-select/3/index.md index 84c36f41a..6ee38092f 100644 --- a/content/widget-tricks/ods-select/3/index.md +++ b/content/widget-tricks/ods-select/3/index.md @@ -1,5 +1,5 @@ --- -title: "Filter by the results of an analysis (via ods-analysis widget)" +title: "Filter by the results of an analysis (via ods-adv-analysis widget)" height: 650 --- @@ -11,8 +11,8 @@ etc... Computing the average, maximum, sum of a field to sort de list of proposition in `ods-select` -`ods-analysis` [Code Library resource](https://codelibrary.opendatasoft.com/widget-tricks/ods-analysis/) and [it's documentation](https://help.opendatasoft.com/widgets/#/api/ods-widgets.directive:odsAnalysis). +`ods-adv-analysis` [Code Library resource](https://codelibrary.huwise.com/widget-tricks/ods-adv-analysis/) and [it's documentation](https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsAdvAnalysis). -> **Note 1:** performing an analysis on a field containing huge quantity of distinct values can alter performances of the page (the browser needs to download the long list of possible values, then it displays and manipulates the list into the widget) +> **Note 1:** performing an adv-analysis on a field containing huge quantity of distinct values can alter performances of the page (the browser needs to download the long list of possible values, then it displays and manipulates the list into the widget) > **Note 2:** selecting a value and refining the context will no longer let you choose other values as they will disappear with the selection. (contrary to `ods-facets` and `ods-facet-results` that can use the disjunctive mode, ie. multi selection mode). To counter that, we need 2 contexts: 1 to perform the analysis and feed ods-select, 1 to refine and display the chart diff --git a/content/widget-tricks/ods-select/3/schema.md b/content/widget-tricks/ods-select/3/schema.md new file mode 100644 index 000000000..98e5b17e8 --- /dev/null +++ b/content/widget-tricks/ods-select/3/schema.md @@ -0,0 +1,10 @@ +**Dataset in use:** `shanghai-world-university-ranking` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/shanghai-world-university-ranking/table/) + +**Fields in use:** + +| university_name | pub (decimal)| alumni (decimal)| award (decimal) | world_rank_int (numeric) | pcp (decimal) | ns (decimal) | hici (decimal) | +|---|---|---|---|---|---|---|---| +|Harvard University|100|100|100|1|70.5|100|100| +|University of Cambridge|70.9|96.3|91.5|2|66.5|59.5|53.8| +|Heidelberg University|53.6|19.7|25|42|27.5|38.8|27.5| +|Tsinghua University|74.6|10.2|0|48|24.1|38.4|37.1| \ No newline at end of file diff --git a/content/widget-tricks/ods-select/4/html.inc b/content/widget-tricks/ods-select/4/html.inc index a64eedadb..065106ce9 100644 --- a/content/widget-tricks/ods-select/4/html.inc +++ b/content/widget-tricks/ods-select/4/html.inc @@ -1,8 +1,8 @@
    + lander-dataset="laender-germany" + lander-parameters="{'fields':'land_name,land_code'}" + kreis-dataset="kreise-germany">
    @@ -10,12 +10,12 @@ Display the name, refine with the code

    - Selected Lander code (used to refine the map context) : {{ kreis.parameters['refine.lan_code'] }} + Selected Lander code (used to refine the map context) : {{ kreis.parameters['refine.land_code'] }}

    @@ -28,11 +28,11 @@ diff --git a/content/widget-tricks/ods-select/4/index.md b/content/widget-tricks/ods-select/4/index.md index 9b465514b..22cd332c7 100644 --- a/content/widget-tricks/ods-select/4/index.md +++ b/content/widget-tricks/ods-select/4/index.md @@ -6,8 +6,8 @@ height: 650 Each time it's available, filter with the ID! and avoid labels or names! Specially for geographical division (City names, States etc...) -This resource showcase `ods-results` as the source of ods-select but most of all [Opendatasoft geo referentials](https://data.opendatasoft.com/explore/?refine.publisher=Opendatasoft&refine.theme=Geographical+referentials) that always propose codes and labels for each division. +This resource showcase `ods-results` as the source of ods-select but most of all [Huwise geo referentials](https://data.huwise.com/explore/?refine.publisher=Huwise&refine.theme=Geographical+referentials) that always propose codes and labels for each division. -`ods-results` [documentation](https://help.opendatasoft.com/widgets/#/api/ods-widgets.directive:odsResults). +`ods-results` [documentation](https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsResults). > **IMPORTANT:** In the `lander` context, an optional parameter `fields` is set to limit the size of the results. It improves DRASTICALLY the performance to avoid manipulating big geo shapes in geo datasets. We STRONGLY advise to keep this parameter and list only the required fields (ie. the "label field" and the "value field" of your ods-select) \ No newline at end of file diff --git a/content/widget-tricks/ods-select/4/schema.md b/content/widget-tricks/ods-select/4/schema.md new file mode 100644 index 000000000..a9b10f935 --- /dev/null +++ b/content/widget-tricks/ods-select/4/schema.md @@ -0,0 +1,17 @@ +**Field in use in `laender-germany` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/laender-germany/table/)** + +| land_name | land_code | +|---|---| +|Rheinland-Pfalz|07| +|Niedersachsen|03| +|Baden-Württemberg|08| +|Thüringen|16| + +**Field in use in `kreise-germany` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/kreise-germany/table/)** + +| land_name | land_code | geo_shape (geo_shape) | +|---|---|---| +|Rheinland-Pfalz|07|{"coordinates":[[...]]}| +|Niedersachsen|03|{"coordinates":[[...]]}| +|Baden-Württemberg|08|{"coordinates":[[...]]}| +|Thüringen|16|{"coordinates":[[...]]}| \ No newline at end of file diff --git a/content/widget-tricks/ods-select/7/css.inc b/content/widget-tricks/ods-select/7/css.inc new file mode 100644 index 000000000..a01b2cb70 --- /dev/null +++ b/content/widget-tricks/ods-select/7/css.inc @@ -0,0 +1,31 @@ +/***** Inlined SELECT *****/ +.ods-selects { + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 20px; + padding: 10px 0px; +} + +.odswidget-select { + min-width: 200px; +} + +/***** Clear filters button *****/ + +.clear-filters { + display: flex; + align-items: center; + justify-content: center; + margin-top: 5px; +} + +.clear-filters-button { + background: none; + border: none; + color: var(--text); +} + +.clear-filters-button:hover { + opacity: 0.65; +} \ No newline at end of file diff --git a/content/widget-tricks/ods-select/7/html.inc b/content/widget-tricks/ods-select/7/html.inc new file mode 100644 index 000000000..f7a2b10cf --- /dev/null +++ b/content/widget-tricks/ods-select/7/html.inc @@ -0,0 +1,150 @@ + + +
    + {{ values.regions = regions; ""}} +
    +
    + {{ values.departements = departements; "" }} +
    +
    + {{ values.epcis = epcis; "" }} +
    +
    + {{ values.communes = communes; "" }} +
    + +
    + + {{ + ctxcommunes.parameters['refine.reg_code'] = + ctxepcis.parameters['refine.reg_code'] = + ctxdepartements.parameters['refine.reg_code'] = + ctx.parameters['refine.reg_code'] = + (selected.regions | toObject:'code' | keys); + ""}} + + {{ + ctxcommunes.parameters['refine.dep_code'] = + ctxepcis.parameters['refine.dep_code'] = + ctx.parameters['refine.dep_code'] = + (selected.departements | toObject:'code' | keys); + ""}} + + {{ + ctxcommunes.parameters['refine.epci_code'] = + ctx.parameters['refine.epci_code'] = + (selected.epcis | toObject:'code' | keys); + ""}} + + {{ + ctx.parameters['refine.com_arm_code'] = + (selected.communes | toObject:'code' | keys); + ""}} +
    +
    + + +
    +

    Structure de la population, par CSP et activité, en 2017

    + + + + + + +     diff --git a/content/widget-tricks/ods-select/7/index.md b/content/widget-tricks/ods-select/7/index.md new file mode 100644 index 000000000..0bba90b42 --- /dev/null +++ b/content/widget-tricks/ods-select/7/index.md @@ -0,0 +1,15 @@ +--- +title: "Drilldown select for geographical levels" +date: "2022-03-20" +height: 600 +--- + +A reuse of `ods-select` to create filters based on a serie of geographical levels. + +**IMPORTANT**: This example integrates advanced parameters that can be customized: +- `disabled` parameter in `ods-select`: used to disable the filter if the condition is true. In the example, the filter is disabled when the previous filter is not activated. +- `on-change` parameter in `ods-select`: used to clear previous filters on the context `ctx` when a new selection is made. In the example, it enables you to select a région, a département, and then switch to another région, without having to clear the filter département. +- Angular expressions after each `ods-select`: used to sync the selection on all the geographical levels. In the example, it enables you to have a list of département filter on the région selected. + +> **Note:** you will need to create one context for each geographical level, in order to keep the full list of the items after the refine. + diff --git a/content/widget-tricks/ods-select/7/schema.md b/content/widget-tricks/ods-select/7/schema.md new file mode 100644 index 000000000..9f122c7bf --- /dev/null +++ b/content/widget-tricks/ods-select/7/schema.md @@ -0,0 +1,11 @@ +**Dataset in use:** `demographyref-france-pop-active-sexe-activite-commune-millesime` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/demographyref-france-pop-active-sexe-activite-commune-millesime/table/) + +**Fields in use:** + +|reg_code|dep_code|epci_code|com_arm_code|reg_name|dep_name|epci_name|com_arm_name| +|---|---|---|---|---|---|---|---| +|24|36|243600350|36095|Centre-Val de Loire|Indre|CC de la Châtre et Sainte-Sévère|Lignerolles| +|24|36|243600350|36100|Centre-Val de Loire|Indre|CC de la Châtre et Sainte-Sévère|Lourouer-Saint-Laurent| +|24|36|200040558|36107|Centre-Val de Loire|Indre|CC Écueillé-Valençay|Lye| +|24|36|243600327|36112|Centre-Val de Loire|Indre|CA Châteauroux Métropole|Mâron| + diff --git a/content/widget-tricks/ods-select/index.md b/content/widget-tricks/ods-select/index.md index 7bb4c3ed3..6671646a4 100644 --- a/content/widget-tricks/ods-select/index.md +++ b/content/widget-tricks/ods-select/index.md @@ -1,6 +1,7 @@ --- title: "ods-select" description: "ods-select allows the selection of one or more items from a list of options. This resource present different combinations with ods-facet-results or ods-analysis to feed the selection list." +date: "2022-03-20" tags: ["display", "navigation", "list"] resources: - src: '*/' @@ -9,4 +10,4 @@ resources: ods-select allows the selection of one or more items from a list of options. This resource present different combination with ods-facet-results or ods-analysis to feed the selection list. -[ods-select widget documentation](https://help.opendatasoft.com/widgets/#/api/ods-widgets.directive:odsSelect) +[ods-select widget documentation](https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsSelect) diff --git a/content/widget-tricks/ods-simple-tabs/1/html.inc b/content/widget-tricks/ods-simple-tabs/1/html.inc index 4316990dc..94b23e870 100644 --- a/content/widget-tricks/ods-simple-tabs/1/html.inc +++ b/content/widget-tricks/ods-simple-tabs/1/html.inc @@ -4,7 +4,7 @@ + keep-content="false">

    L’objectif du service Vélib’ Métropole est de faciliter le développement de nouvelles mobilités sur le territoire francilien, en complément de l’offre de transport existante.

    diff --git a/content/widget-tricks/ods-simple-tabs/1/schema.md b/content/widget-tricks/ods-simple-tabs/1/schema.md new file mode 100644 index 000000000..ca0049d54 --- /dev/null +++ b/content/widget-tricks/ods-simple-tabs/1/schema.md @@ -0,0 +1,11 @@ +**Dataset in use:** `velib-disponibilite-en-temps-reel` [(See it on parisdata domain)](https://parisdata.huwise.com/explore/dataset/velib-disponibilite-en-temps-reel/table/) + +**Fields in use:** + +|coordonnees_geo (geo_point) |name|numbikesavailable| +|---|---|---| +|48.855907556,2.39257067442|Charonne - Robert et Sonia Delauney|0| +|48.865983,2.275725|Benjamin Godard - Victor Hugo|5| +|48.871044052,2.36610446199|Alibert - Jemmapes|6| +|48.8792959173,2.33736008406|Toudouze - Clauzel|1| + diff --git a/content/widget-tricks/ods-simple-tabs/2/html.inc b/content/widget-tricks/ods-simple-tabs/2/html.inc index 45bd2217b..9d61b727c 100644 --- a/content/widget-tricks/ods-simple-tabs/2/html.inc +++ b/content/widget-tricks/ods-simple-tabs/2/html.inc @@ -4,7 +4,7 @@ + keep-content="false">

    L’objectif du service Vélib’ Métropole est de faciliter le développement de nouvelles mobilités sur le territoire francilien, en complément de l’offre de transport existante.

    diff --git a/content/widget-tricks/ods-simple-tabs/2/schema.md b/content/widget-tricks/ods-simple-tabs/2/schema.md new file mode 100644 index 000000000..ca0049d54 --- /dev/null +++ b/content/widget-tricks/ods-simple-tabs/2/schema.md @@ -0,0 +1,11 @@ +**Dataset in use:** `velib-disponibilite-en-temps-reel` [(See it on parisdata domain)](https://parisdata.huwise.com/explore/dataset/velib-disponibilite-en-temps-reel/table/) + +**Fields in use:** + +|coordonnees_geo (geo_point) |name|numbikesavailable| +|---|---|---| +|48.855907556,2.39257067442|Charonne - Robert et Sonia Delauney|0| +|48.865983,2.275725|Benjamin Godard - Victor Hugo|5| +|48.871044052,2.36610446199|Alibert - Jemmapes|6| +|48.8792959173,2.33736008406|Toudouze - Clauzel|1| + diff --git a/content/widget-tricks/ods-simple-tabs/3/html.inc b/content/widget-tricks/ods-simple-tabs/3/html.inc index 9cadbabd3..5b9aa520b 100644 --- a/content/widget-tricks/ods-simple-tabs/3/html.inc +++ b/content/widget-tricks/ods-simple-tabs/3/html.inc @@ -4,7 +4,7 @@ + keep-content="false">

    L’objectif du service Vélib’ Métropole est de faciliter le développement de nouvelles mobilités sur le territoire francilien, en complément de l’offre de transport existante.

    diff --git a/content/widget-tricks/ods-simple-tabs/3/schema.md b/content/widget-tricks/ods-simple-tabs/3/schema.md new file mode 100644 index 000000000..ca0049d54 --- /dev/null +++ b/content/widget-tricks/ods-simple-tabs/3/schema.md @@ -0,0 +1,11 @@ +**Dataset in use:** `velib-disponibilite-en-temps-reel` [(See it on parisdata domain)](https://parisdata.huwise.com/explore/dataset/velib-disponibilite-en-temps-reel/table/) + +**Fields in use:** + +|coordonnees_geo (geo_point) |name|numbikesavailable| +|---|---|---| +|48.855907556,2.39257067442|Charonne - Robert et Sonia Delauney|0| +|48.865983,2.275725|Benjamin Godard - Victor Hugo|5| +|48.871044052,2.36610446199|Alibert - Jemmapes|6| +|48.8792959173,2.33736008406|Toudouze - Clauzel|1| + diff --git a/content/widget-tricks/ods-table-fixed-col/1/css.inc b/content/widget-tricks/ods-table-fixed-col/1/css.inc deleted file mode 100644 index 9e484558e..000000000 --- a/content/widget-tricks/ods-table-fixed-col/1/css.inc +++ /dev/null @@ -1,111 +0,0 @@ -/** ODS-TABLE FIXED COLUMN **/ - -[class*="sticky-col-"] { - --counter-col-width: 35px; /* Index column, record counter */ - --1st-col-width: 170px; /* First data column */ - --2nd-col-width: 150px; /* Second data column */ - --3rd-col-width: 100px; /* Third data column */ - - --bg-color-odd: #f4f4f4; - --bg-color-even: white; - --hover-color: #e0e0e0; -} - -/* Set the table relative, to stick columns */ -[class*="sticky-col-"] thead.odswidget-table__internal-header-table-header, -[class*="sticky-col-"] table.odswidget-table__internal-table { - position: relative; -} - -/* Header and content position and width */ -.sticky-col-1 th.odswidget-table__header-cell:nth-child(1), -.sticky-col-2 th.odswidget-table__header-cell:nth-child(1), -.sticky-col-3 th.odswidget-table__header-cell:nth-child(1), -.sticky-col-1 td.odswidget-table__cell:nth-child(1), -.sticky-col-2 td.odswidget-table__cell:nth-child(1), -.sticky-col-3 td.odswidget-table__cell:nth-child(1) { - position: sticky; - left: 0; - z-index: 1; -} -.sticky-col-1 th.odswidget-table__header-cell:nth-child(1) > div, -.sticky-col-2 th.odswidget-table__header-cell:nth-child(1) > div, -.sticky-col-3 th.odswidget-table__header-cell:nth-child(1) > div, -.sticky-col-1 td.odswidget-table__cell:nth-child(1) > div, -.sticky-col-2 td.odswidget-table__cell:nth-child(1) > div, -.sticky-col-3 td.odswidget-table__cell:nth-child(1) > div { - width: var(--counter-col-width) !important; - max-width: inherit; -} -.sticky-col-1 th.odswidget-table__header-cell:nth-child(2), -.sticky-col-2 th.odswidget-table__header-cell:nth-child(2), -.sticky-col-3 th.odswidget-table__header-cell:nth-child(2), -.sticky-col-1 td.odswidget-table__cell:nth-child(2), -.sticky-col-2 td.odswidget-table__cell:nth-child(2), -.sticky-col-3 td.odswidget-table__cell:nth-child(2) { - position: sticky; - left: calc(var(--counter-col-width) + 15px); - z-index: 1; -} -.sticky-col-1 th.odswidget-table__header-cell:nth-child(2) > div, -.sticky-col-2 th.odswidget-table__header-cell:nth-child(2) > div, -.sticky-col-3 th.odswidget-table__header-cell:nth-child(2) > div, -.sticky-col-1 td.odswidget-table__cell:nth-child(2) > div, -.sticky-col-2 td.odswidget-table__cell:nth-child(2) > div, -.sticky-col-3 td.odswidget-table__cell:nth-child(2) > div { - width: var(--1st-col-width) !important; - max-width: inherit; -} -.sticky-col-2 th.odswidget-table__header-cell:nth-child(3), -.sticky-col-3 th.odswidget-table__header-cell:nth-child(3), -.sticky-col-2 td.odswidget-table__cell:nth-child(3), -.sticky-col-3 td.odswidget-table__cell:nth-child(3) { - position: sticky; - left: calc(var(--counter-col-width) + 32px + var(--1st-col-width)); - z-index: 1; -} -.sticky-col-2 th.odswidget-table__header-cell:nth-child(3) > div, -.sticky-col-3 th.odswidget-table__header-cell:nth-child(3) > div, -.sticky-col-2 td.odswidget-table__cell:nth-child(3) > div, -.sticky-col-3 td.odswidget-table__cell:nth-child(3) > div { - width: calc(var(--2nd-col-width) + 11px) !important; - max-width: inherit; -} - -.sticky-col-3 th.odswidget-table__header-cell:nth-child(4), -.sticky-col-3 td.odswidget-table__cell:nth-child(4) { - position: sticky; - left: calc(var(--counter-col-width) + 32px + var(--1st-col-width) + 32px + var(--2nd-col-width)); - z-index: 1; -} -.sticky-col-3 th.odswidget-table__header-cell:nth-child(4) > div, -.sticky-col-3 td.odswidget-table__cell:nth-child(4) > div { - width: calc(var(--3rd-col-width) + 11px) !important; - max-width: inherit; -} - - -/* Background and hover colors */ -.sticky-col-1 tr.odswidget-table__internal-table-row:nth-child(odd) td.odswidget-table__cell:nth-child(-n+2), -.sticky-col-2 tr.odswidget-table__internal-table-row:nth-child(odd) td.odswidget-table__cell:nth-child(-n+3), -.sticky-col-3 tr.odswidget-table__internal-table-row:nth-child(odd) td.odswidget-table__cell:nth-child(-n+4) { - background-color: var(--bg-color-odd); -} -.sticky-col-1 tr.odswidget-table__internal-table-row:nth-child(even) td.odswidget-table__cell:nth-child(-n+2), -.sticky-col-2 tr.odswidget-table__internal-table-row:nth-child(even) td.odswidget-table__cell:nth-child(-n+3), -.sticky-col-3 tr.odswidget-table__internal-table-row:nth-child(even) td.odswidget-table__cell:nth-child(-n+4) { - background-color: var(--bg-color-even); -} -.sticky-col-1 tr.odswidget-table__internal-table-row:hover td.odswidget-table__cell:nth-child(-n+2), -.sticky-col-2 tr.odswidget-table__internal-table-row:hover td.odswidget-table__cell:nth-child(-n+3), -.sticky-col-3 tr.odswidget-table__internal-table-row:hover td.odswidget-table__cell:nth-child(-n+4) { - background-color: var(--hover-color); -} - -/* Bonus, petite marge à droite pour marquer la séparation entre la colonne sticky et le reste */ -.sticky-col-1 td.odswidget-table__cell:nth-child(2) > div, -.sticky-col-2 td.odswidget-table__cell:nth-child(3) > div, -.sticky-col-3 td.odswidget-table__cell:nth-child(4) > div { - border-right: 1px solid var(--hover-color); - margin-right: -1px; -} \ No newline at end of file diff --git a/content/widget-tricks/ods-table-fixed-col/1/html.inc b/content/widget-tricks/ods-table-fixed-col/1/html.inc deleted file mode 100644 index 42663f2ab..000000000 --- a/content/widget-tricks/ods-table-fixed-col/1/html.inc +++ /dev/null @@ -1,17 +0,0 @@ - -

    1 column fixed

    - -     - - -

    3 column fixed

    - -     \ No newline at end of file diff --git a/content/widget-tricks/ods-table-fixed-col/1/index.md b/content/widget-tricks/ods-table-fixed-col/1/index.md deleted file mode 100644 index bd7216913..000000000 --- a/content/widget-tricks/ods-table-fixed-col/1/index.md +++ /dev/null @@ -1,10 +0,0 @@ ---- -title: "Fix 1, 2 or 3 columns" -date: 2021-07-30T18:37:13+02:00 -height: 600 ---- - -By adding the CSS class `sticky-col-1`, `sticky-col-2` or `sticky-col-3` to an ods-table, -you can respectively fix the 1, 2 or 3 first columns. - -The width of the column, and the cell color are defined through CSS variables. \ No newline at end of file diff --git a/content/widget-tricks/ods-table-fixed-col/2/css.inc b/content/widget-tricks/ods-table-fixed-col/2/css.inc deleted file mode 100644 index 0e9fe5fd6..000000000 --- a/content/widget-tricks/ods-table-fixed-col/2/css.inc +++ /dev/null @@ -1,129 +0,0 @@ -/** ODS-TABLE FIXED COLUMN **/ - -[class*="sticky-col-"] { - --counter-col-width: 35px; /* Index column, record counter */ - --1st-col-width: 170px; /* First data column */ - --2nd-col-width: 150px; /* Second data column */ - --3rd-col-width: 100px; /* Third data column */ - - --bg-color-odd: #f4f4f4; - --bg-color-even: white; - --hover-color: #e0e0e0; -} - - -/** Override settings for specific tables */ -.smallercol { - --1st-col-width: 140px; - --2nd-col-width: 60px; /* Second data column */ - --3rd-col-width: 80px; /* Third data column */ -} - -.largercol { - --1st-col-width: 250px; -} - -.darkerfixed { - --bg-color-odd: #dcdcdc; - --bg-color-even: #f3f3f3; - --hover-color: #a1a1a1; -} - - -/* Set the table relative, to stick columns */ -[class*="sticky-col-"] thead.odswidget-table__internal-header-table-header, -[class*="sticky-col-"] table.odswidget-table__internal-table { - position: relative; -} - -/* Header and content position and width */ -.sticky-col-1 th.odswidget-table__header-cell:nth-child(1), -.sticky-col-2 th.odswidget-table__header-cell:nth-child(1), -.sticky-col-3 th.odswidget-table__header-cell:nth-child(1), -.sticky-col-1 td.odswidget-table__cell:nth-child(1), -.sticky-col-2 td.odswidget-table__cell:nth-child(1), -.sticky-col-3 td.odswidget-table__cell:nth-child(1) { - position: sticky; - left: 0; - z-index: 1; -} -.sticky-col-1 th.odswidget-table__header-cell:nth-child(1) > div, -.sticky-col-2 th.odswidget-table__header-cell:nth-child(1) > div, -.sticky-col-3 th.odswidget-table__header-cell:nth-child(1) > div, -.sticky-col-1 td.odswidget-table__cell:nth-child(1) > div, -.sticky-col-2 td.odswidget-table__cell:nth-child(1) > div, -.sticky-col-3 td.odswidget-table__cell:nth-child(1) > div { - width: var(--counter-col-width) !important; - max-width: inherit; -} -.sticky-col-1 th.odswidget-table__header-cell:nth-child(2), -.sticky-col-2 th.odswidget-table__header-cell:nth-child(2), -.sticky-col-3 th.odswidget-table__header-cell:nth-child(2), -.sticky-col-1 td.odswidget-table__cell:nth-child(2), -.sticky-col-2 td.odswidget-table__cell:nth-child(2), -.sticky-col-3 td.odswidget-table__cell:nth-child(2) { - position: sticky; - left: calc(var(--counter-col-width) + 15px); - z-index: 1; -} -.sticky-col-1 th.odswidget-table__header-cell:nth-child(2) > div, -.sticky-col-2 th.odswidget-table__header-cell:nth-child(2) > div, -.sticky-col-3 th.odswidget-table__header-cell:nth-child(2) > div, -.sticky-col-1 td.odswidget-table__cell:nth-child(2) > div, -.sticky-col-2 td.odswidget-table__cell:nth-child(2) > div, -.sticky-col-3 td.odswidget-table__cell:nth-child(2) > div { - width: var(--1st-col-width) !important; - max-width: inherit; -} -.sticky-col-2 th.odswidget-table__header-cell:nth-child(3), -.sticky-col-3 th.odswidget-table__header-cell:nth-child(3), -.sticky-col-2 td.odswidget-table__cell:nth-child(3), -.sticky-col-3 td.odswidget-table__cell:nth-child(3) { - position: sticky; - left: calc(var(--counter-col-width) + 32px + var(--1st-col-width)); - z-index: 1; -} -.sticky-col-2 th.odswidget-table__header-cell:nth-child(3) > div, -.sticky-col-3 th.odswidget-table__header-cell:nth-child(3) > div, -.sticky-col-2 td.odswidget-table__cell:nth-child(3) > div, -.sticky-col-3 td.odswidget-table__cell:nth-child(3) > div { - width: calc(var(--2nd-col-width) + 11px) !important; - max-width: inherit; -} -.sticky-col-3 th.odswidget-table__header-cell:nth-child(4), -.sticky-col-3 td.odswidget-table__cell:nth-child(4) { - position: sticky; - left: calc(var(--counter-col-width) + 32px + var(--1st-col-width) + 32px + var(--2nd-col-width)); - z-index: 1; -} -.sticky-col-3 th.odswidget-table__header-cell:nth-child(4) > div, -.sticky-col-3 td.odswidget-table__cell:nth-child(4) > div { - width: calc(var(--3rd-col-width) + 11px) !important; - max-width: inherit; -} - - -/* Background and hover colors */ -.sticky-col-1 tr.odswidget-table__internal-table-row:nth-child(odd) td.odswidget-table__cell:nth-child(-n+2), -.sticky-col-2 tr.odswidget-table__internal-table-row:nth-child(odd) td.odswidget-table__cell:nth-child(-n+3), -.sticky-col-3 tr.odswidget-table__internal-table-row:nth-child(odd) td.odswidget-table__cell:nth-child(-n+4) { - background-color: var(--bg-color-odd); -} -.sticky-col-1 tr.odswidget-table__internal-table-row:nth-child(even) td.odswidget-table__cell:nth-child(-n+2), -.sticky-col-2 tr.odswidget-table__internal-table-row:nth-child(even) td.odswidget-table__cell:nth-child(-n+3), -.sticky-col-3 tr.odswidget-table__internal-table-row:nth-child(even) td.odswidget-table__cell:nth-child(-n+4) { - background-color: var(--bg-color-even); -} -.sticky-col-1 tr.odswidget-table__internal-table-row:hover td.odswidget-table__cell:nth-child(-n+2), -.sticky-col-2 tr.odswidget-table__internal-table-row:hover td.odswidget-table__cell:nth-child(-n+3), -.sticky-col-3 tr.odswidget-table__internal-table-row:hover td.odswidget-table__cell:nth-child(-n+4) { - background-color: var(--hover-color); -} - -/* Bonus, petite marge à droite pour marquer la séparation entre la colonne sticky et le reste */ -.sticky-col-1 td.odswidget-table__cell:nth-child(2) > div, -.sticky-col-2 td.odswidget-table__cell:nth-child(3) > div, -.sticky-col-3 td.odswidget-table__cell:nth-child(4) > div { - border-right: 1px solid var(--hover-color); - margin-right: -1px; -} diff --git a/content/widget-tricks/ods-table-fixed-col/2/html.inc b/content/widget-tricks/ods-table-fixed-col/2/html.inc deleted file mode 100644 index 9002b1ec4..000000000 --- a/content/widget-tricks/ods-table-fixed-col/2/html.inc +++ /dev/null @@ -1,17 +0,0 @@ - -

    1 column fixed, larger first column, darker fixed cell

    - -     -
    - -

    3 column fixed, smaller 2nd and 3rd column, darker fixed cell

    - -     \ No newline at end of file diff --git a/content/widget-tricks/ods-table-fixed-col/2/index.md b/content/widget-tricks/ods-table-fixed-col/2/index.md deleted file mode 100644 index a7354f50a..000000000 --- a/content/widget-tricks/ods-table-fixed-col/2/index.md +++ /dev/null @@ -1,15 +0,0 @@ ---- -title: "Override variables to change column width and cell color" -height: 600 ---- - -Column width: -- `--counter-col-width` Set the record counter width -- `--1st-col-width` Set the First data column width -- `--2nd-col-width` Set the Second data column width -- `--3rd-col-width` Set the Third data column width - -Cell color: -- `--bg-color-odd` Set the odd cell background color -- `--bg-color-even`: Set the even cell background color -- `--hover-color`: Set the hover cell color \ No newline at end of file diff --git a/content/widget-tricks/ods-table-fixed-col/3/css.inc b/content/widget-tricks/ods-table-fixed-col/3/css.inc deleted file mode 100644 index 7e75becca..000000000 --- a/content/widget-tricks/ods-table-fixed-col/3/css.inc +++ /dev/null @@ -1,119 +0,0 @@ -/** ODS-TABLE FIXED COLUMN **/ - -[class*="sticky-col-"] { - --counter-col-width: 35px; /* Index column, record counter */ - --1st-col-width: 170px; /* First data column */ - --2nd-col-width: 150px; /* Second data column */ - --3rd-col-width: 100px; /* Third data column */ - - --bg-color-odd: #f4f4f4; - --bg-color-even: white; - --hover-color: #e0e0e0; -} - - -/** Override settings for specific tables */ -.darkerfixed { - --bg-color-odd: #dcdcdc; - --bg-color-even: #f3f3f3; - --hover-color: #a1a1a1; -} - - -/* Set the table relative, to stick columns */ -[class*="sticky-col-"] thead.odswidget-table__internal-header-table-header, -[class*="sticky-col-"] table.odswidget-table__internal-table { - position: relative; -} - -/* Header and content position and width */ -.sticky-col-1 th.odswidget-table__header-cell:nth-child(1), -.sticky-col-2 th.odswidget-table__header-cell:nth-child(1), -.sticky-col-3 th.odswidget-table__header-cell:nth-child(1), -.sticky-col-1 td.odswidget-table__cell:nth-child(1), -.sticky-col-2 td.odswidget-table__cell:nth-child(1), -.sticky-col-3 td.odswidget-table__cell:nth-child(1) { - position: sticky; - left: 0; - z-index: 1; -} -.sticky-col-1 th.odswidget-table__header-cell:nth-child(1) > div, -.sticky-col-2 th.odswidget-table__header-cell:nth-child(1) > div, -.sticky-col-3 th.odswidget-table__header-cell:nth-child(1) > div, -.sticky-col-1 td.odswidget-table__cell:nth-child(1) > div, -.sticky-col-2 td.odswidget-table__cell:nth-child(1) > div, -.sticky-col-3 td.odswidget-table__cell:nth-child(1) > div { - width: var(--counter-col-width) !important; - max-width: inherit; -} -.sticky-col-1 th.odswidget-table__header-cell:nth-child(2), -.sticky-col-2 th.odswidget-table__header-cell:nth-child(2), -.sticky-col-3 th.odswidget-table__header-cell:nth-child(2), -.sticky-col-1 td.odswidget-table__cell:nth-child(2), -.sticky-col-2 td.odswidget-table__cell:nth-child(2), -.sticky-col-3 td.odswidget-table__cell:nth-child(2) { - position: sticky; - left: calc(var(--counter-col-width) + 15px); - z-index: 1; -} -.sticky-col-1 th.odswidget-table__header-cell:nth-child(2) > div, -.sticky-col-2 th.odswidget-table__header-cell:nth-child(2) > div, -.sticky-col-3 th.odswidget-table__header-cell:nth-child(2) > div, -.sticky-col-1 td.odswidget-table__cell:nth-child(2) > div, -.sticky-col-2 td.odswidget-table__cell:nth-child(2) > div, -.sticky-col-3 td.odswidget-table__cell:nth-child(2) > div { - width: var(--1st-col-width) !important; - max-width: inherit; -} -.sticky-col-2 th.odswidget-table__header-cell:nth-child(3), -.sticky-col-3 th.odswidget-table__header-cell:nth-child(3), -.sticky-col-2 td.odswidget-table__cell:nth-child(3), -.sticky-col-3 td.odswidget-table__cell:nth-child(3) { - position: sticky; - left: calc(var(--counter-col-width) + 32px + var(--1st-col-width)); - z-index: 1; -} -.sticky-col-2 th.odswidget-table__header-cell:nth-child(3) > div, -.sticky-col-3 th.odswidget-table__header-cell:nth-child(3) > div, -.sticky-col-2 td.odswidget-table__cell:nth-child(3) > div, -.sticky-col-3 td.odswidget-table__cell:nth-child(3) > div { - width: calc(var(--2nd-col-width) + 11px) !important; - max-width: inherit; -} -.sticky-col-3 th.odswidget-table__header-cell:nth-child(4), -.sticky-col-3 td.odswidget-table__cell:nth-child(4) { - position: sticky; - left: calc(var(--counter-col-width) + 32px + var(--1st-col-width) + 32px + var(--2nd-col-width)); - z-index: 1; -} -.sticky-col-3 th.odswidget-table__header-cell:nth-child(4) > div, -.sticky-col-3 td.odswidget-table__cell:nth-child(4) > div { - width: calc(var(--3rd-col-width) + 11px) !important; - max-width: inherit; -} - - -/* Background and hover colors */ -.sticky-col-1 tr.odswidget-table__internal-table-row:nth-child(odd) td.odswidget-table__cell:nth-child(-n+2), -.sticky-col-2 tr.odswidget-table__internal-table-row:nth-child(odd) td.odswidget-table__cell:nth-child(-n+3), -.sticky-col-3 tr.odswidget-table__internal-table-row:nth-child(odd) td.odswidget-table__cell:nth-child(-n+4) { - background-color: var(--bg-color-odd); -} -.sticky-col-1 tr.odswidget-table__internal-table-row:nth-child(even) td.odswidget-table__cell:nth-child(-n+2), -.sticky-col-2 tr.odswidget-table__internal-table-row:nth-child(even) td.odswidget-table__cell:nth-child(-n+3), -.sticky-col-3 tr.odswidget-table__internal-table-row:nth-child(even) td.odswidget-table__cell:nth-child(-n+4) { - background-color: var(--bg-color-even); -} -.sticky-col-1 tr.odswidget-table__internal-table-row:hover td.odswidget-table__cell:nth-child(-n+2), -.sticky-col-2 tr.odswidget-table__internal-table-row:hover td.odswidget-table__cell:nth-child(-n+3), -.sticky-col-3 tr.odswidget-table__internal-table-row:hover td.odswidget-table__cell:nth-child(-n+4) { - background-color: var(--hover-color); -} - -/* Bonus, petite marge à droite pour marquer la séparation entre la colonne sticky et le reste */ -.sticky-col-1 td.odswidget-table__cell:nth-child(2) > div, -.sticky-col-2 td.odswidget-table__cell:nth-child(3) > div, -.sticky-col-3 td.odswidget-table__cell:nth-child(4) > div { - border-right: 1px solid var(--hover-color); - margin-right: -1px; -} diff --git a/content/widget-tricks/ods-table-fixed-col/3/html.inc b/content/widget-tricks/ods-table-fixed-col/3/html.inc deleted file mode 100644 index 93ebd9340..000000000 --- a/content/widget-tricks/ods-table-fixed-col/3/html.inc +++ /dev/null @@ -1,10 +0,0 @@ - -

    3 column fixed for wide screen, 1 column fixed when the table is reduced

    -
    - -
    -     \ No newline at end of file diff --git a/content/widget-tricks/ods-table-fixed-col/3/index.md b/content/widget-tricks/ods-table-fixed-col/3/index.md deleted file mode 100644 index e5f21a1cc..000000000 --- a/content/widget-tricks/ods-table-fixed-col/3/index.md +++ /dev/null @@ -1,13 +0,0 @@ ---- -title: "Responsive concern, unfix columns for smaller devices" -height: 600 ---- - -Fixing too many columns can lead to a totally stuck and unreadable table on mobile device. - -`ods-get-element-layout` get the size of an element and output the value in a variable. -[(Widget documentation here)](https://help.opendatasoft.com/widgets/#/api/ods-widgets.directive:odsGetElementLayout). - -We can then fix the right number of columns depending on the width of the table. - -> Note: you can even fix columns only for desktop devices, and any for mobile \ No newline at end of file diff --git a/content/widget-tricks/ods-table-fixed-col/index.md b/content/widget-tricks/ods-table-fixed-col/index.md deleted file mode 100644 index 94e7934f5..000000000 --- a/content/widget-tricks/ods-table-fixed-col/index.md +++ /dev/null @@ -1,9 +0,0 @@ ---- -title: "ods-table: Fixed column" -date: 2021-07-30T18:37:13+02:00 -tags: ["display", "list"] -resources: -- src: '*/' - name: folder-:counter ---- - diff --git a/content/widget-tricks/share-print/1/html.inc b/content/widget-tricks/share-print/1/html.inc index c31f93dca..4e7636649 100644 --- a/content/widget-tricks/share-print/1/html.inc +++ b/content/widget-tricks/share-print/1/html.inc @@ -1,6 +1,6 @@
    @@ -11,34 +11,34 @@ Filter and have a look to your browser URL ! It's synced !

    - https://userclub.opendatasoft.com/pages/widgettrick-shareandprint/?{{ ctx.getQueryStringURL() }} + https://userclub.huwise.com/pages/widgettrick-shareandprint/?{{ ctx.getQueryStringURL() }}

    Share through social network or by email:

    - - - - -
    @@ -81,4 +88,4 @@
    -
    +
    \ No newline at end of file diff --git a/content/widget-tricks/share-print/1/schema.md b/content/widget-tricks/share-print/1/schema.md new file mode 100644 index 000000000..bfbff9107 --- /dev/null +++ b/content/widget-tricks/share-print/1/schema.md @@ -0,0 +1,11 @@ +**Dataset in use:** `record-stores` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/record-stores/table/) + +**Fields in use:** + +|coordonnees_geo (geo_point)|name|hasclosed|city| +|---|---|---|---| +|34.67429180,135.50417380|Naminohana Records|no|Osaka| +|-12.05070340,-77.03952410|Disqueria|no|Lima| +|50.06394440,19.93641400|Music Corner Sp. o.o.|no|Kraków| +|-25.77143478,28.23460960|Musica|no|Pretoria + diff --git a/content/widget-tricks/share-print/2/html.inc b/content/widget-tricks/share-print/2/html.inc index 5b9ad8335..0e24c2882 100644 --- a/content/widget-tricks/share-print/2/html.inc +++ b/content/widget-tricks/share-print/2/html.inc @@ -1,22 +1,25 @@

    - Record store card Print it (Ctrl/Cmd+P) or just share the link ! + Record store card + Print it (Ctrl/Cmd+P) or just share the link + !

    - -
    +
    • -

      - {{ field.label }} -

      -

      - {{ item.fields[field.name] }} -

      +

      {{ field.volcano_name }}

      +

      {{ item.fields[field.name] }}

    -
    +
    \ No newline at end of file diff --git a/content/widget-tricks/share-print/2/schema.md b/content/widget-tricks/share-print/2/schema.md new file mode 100644 index 000000000..d2d796b13 --- /dev/null +++ b/content/widget-tricks/share-print/2/schema.md @@ -0,0 +1,11 @@ +**Dataset in use:** `record-stores` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/record-stores/table/) + +**Fields in use:** + +|coordonnees_geo (geo_point) |name|hasclosed|city|countrycode|state|latitude|longitude|supporter|placeidh|rate| +|---|---|---|---|---|---|---|---|---|---|---| +|34.67429180,135.50417380|Naminohana Records|no|Osaka|JP||34.67429180|135.50417380|0|f63363a2c9f10f3ac7adcfb31f6db486|| +|-12.05070340,-77.03952410|Disqueria|no|Lima|PE||-12.05070340|-12.05070340|0|06157739f6792af80068e9913152590a|| +|50.06394440,19.93641400|Music Corner Sp. o.o.|no|Kraków|PL||50.06394440|19.93641400|0|c43ef6c5b6a3dcc6368aec9e41e0625f|| +|-25.77143478,28.23460960|Musica|no|Pretoria|ZA||-25.77143478|28.23460960|0|26b2ce9808bcf3b531996fdd2914bd40|| + diff --git a/content/widget-tricks/svg-maps/1/html.inc b/content/widget-tricks/svg-maps/1/html.inc index 49c3fe4eb..92aa36dd6 100644 --- a/content/widget-tricks/svg-maps/1/html.inc +++ b/content/widget-tricks/svg-maps/1/html.inc @@ -1,6 +1,6 @@ + ctx-domain="userclub">
    -
    -
    -
    -
    -
    -
    -
    diff --git a/content/widget-tricks/svg-maps/1/schema.md b/content/widget-tricks/svg-maps/1/schema.md new file mode 100644 index 000000000..bf6b751fa --- /dev/null +++ b/content/widget-tricks/svg-maps/1/schema.md @@ -0,0 +1,11 @@ +**Dataset in use:** `liste-des-departements-metropole-dom` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/liste-des-departements-metropole-dom/table/) + +**Fields in use:** + +|code_text|name|code (numeric)| +|---|---|---| +|04|Alpes-de-Haute-Provence|4| +|42|Loire|42| +|57|Moselle|57| +|15|Cantal|15| + diff --git a/content/widget-tricks/svg-maps/2/html.inc b/content/widget-tricks/svg-maps/2/html.inc index 74c71a8fd..9651b89a8 100644 --- a/content/widget-tricks/svg-maps/2/html.inc +++ b/content/widget-tricks/svg-maps/2/html.inc @@ -1,6 +1,6 @@ + ctx-domain="userclub">
    -
    -
    diff --git a/content/widget-tricks/svg-maps/2/schema.md b/content/widget-tricks/svg-maps/2/schema.md new file mode 100644 index 000000000..bf6b751fa --- /dev/null +++ b/content/widget-tricks/svg-maps/2/schema.md @@ -0,0 +1,11 @@ +**Dataset in use:** `liste-des-departements-metropole-dom` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/liste-des-departements-metropole-dom/table/) + +**Fields in use:** + +|code_text|name|code (numeric)| +|---|---|---| +|04|Alpes-de-Haute-Provence|4| +|42|Loire|42| +|57|Moselle|57| +|15|Cantal|15| + diff --git a/content/widget-tricks/svg-maps/3/html.inc b/content/widget-tricks/svg-maps/3/html.inc index 8a644d0c0..00dd23885 100644 --- a/content/widget-tricks/svg-maps/3/html.inc +++ b/content/widget-tricks/svg-maps/3/html.inc @@ -1,6 +1,6 @@ + ctx-domain="userclub">
    -
    diff --git a/content/widget-tricks/svg-maps/3/schema.md b/content/widget-tricks/svg-maps/3/schema.md new file mode 100644 index 000000000..bf6b751fa --- /dev/null +++ b/content/widget-tricks/svg-maps/3/schema.md @@ -0,0 +1,11 @@ +**Dataset in use:** `liste-des-departements-metropole-dom` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/liste-des-departements-metropole-dom/table/) + +**Fields in use:** + +|code_text|name|code (numeric)| +|---|---|---| +|04|Alpes-de-Haute-Provence|4| +|42|Loire|42| +|57|Moselle|57| +|15|Cantal|15| + diff --git a/content/widget-tricks/svg-maps/4/html.inc b/content/widget-tricks/svg-maps/4/html.inc index 6d58401a3..c56818fc2 100644 --- a/content/widget-tricks/svg-maps/4/html.inc +++ b/content/widget-tricks/svg-maps/4/html.inc @@ -1,6 +1,6 @@ + ctx-domain="userclub">
    -
    -
    -
    -
    -
    -
    diff --git a/content/widget-tricks/svg-maps/4/schema.md b/content/widget-tricks/svg-maps/4/schema.md new file mode 100644 index 000000000..bf6b751fa --- /dev/null +++ b/content/widget-tricks/svg-maps/4/schema.md @@ -0,0 +1,11 @@ +**Dataset in use:** `liste-des-departements-metropole-dom` [(See it on userclub domain)](https://userclub.huwise.com/explore/dataset/liste-des-departements-metropole-dom/table/) + +**Fields in use:** + +|code_text|name|code (numeric)| +|---|---|---| +|04|Alpes-de-Haute-Provence|4| +|42|Loire|42| +|57|Moselle|57| +|15|Cantal|15| + diff --git a/content/widget-tricks/svg-maps/5/html.inc b/content/widget-tricks/svg-maps/5/html.inc index 0290babab..9d16544fd 100644 --- a/content/widget-tricks/svg-maps/5/html.inc +++ b/content/widget-tricks/svg-maps/5/html.inc @@ -5,7 +5,7 @@ context="ctx" ctx-dataset="liste-des-departements-metropole-dom" ctx-parameters="{'q':'code > 3'}" - ctx-domain="discovery"> + ctx-domain="userclub"> @@ -48,11 +48,9 @@ crossorigin="anonymous" /> - {{ $style := resources.Get "scss/main.scss" | resources.ToCSS (dict "outputStyle" "compressed" "includePaths" (slice "node_modules")) }} + {{ $style := resources.Get "scss/main.scss" | css.Sass (dict "outputStyle" "compressed" "includePaths" (slice "node_modules")) }} - - - + diff --git a/layouts/_default/example-box.html b/layouts/_default/example-box.html index 72503111c..e468afd5b 100644 --- a/layouts/_default/example-box.html +++ b/layouts/_default/example-box.html @@ -12,7 +12,19 @@ {{ $html = printf "%s%s%s" "
    \n" $htmlcontent "
    " }} {{ end }} - +{{ $baseurl := "" }} +{{ if .Params.domainid }} + {{ $baseurl = .Params.domainid }} +{{ else }} + {{ $baseurl = "userclub" }} +{{ end }} + +{{ $defaultDomain := "" }} +{{ if .Params.domainid }} + {{ $defaultDomain = printf "%s%s%s" "" }} +{{ end }} + +{{ $schema := path.Join .File.Dir "schema.md" }}
    -
    - + {{ end }} +
    - - @@ -188,8 +205,14 @@
  • - - Making a full dashboard + + Full dashboard + +
    • + +
  • + + Full dashboard with multiple primary colors
    • @@ -203,18 +226,70 @@
    • + href="https://codelibrary.huwize.com/"> Home
      • + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    • + + Apps + + +
      • + + +
    • Components
        +
      • + +
        + Access cards + + +
        +         +
        • +
        • +
      • + +
        + Icons + + +
        +         +
        • +
      • @@ -371,6 +456,9 @@ + + +
      • @@ -395,6 +483,9 @@ + + + @@ -439,6 +530,18 @@ + + + + + + + + + + + + @@ -565,8 +668,6 @@ class="sidebar-subtitle"> Widget tricks - 6 -
        • @@ -578,51 +679,67 @@
        - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
        @@ -633,11 +750,11 @@
        -
        -

        Components - Material themed cards

        -
        -

        These cards are meant to be themed using only the following variables:

        -
          --primary-hue: 265;
+    
        
+        
        Components - Material themed cards
        
+        
        
+            
        These cards are meant to be themed using only the following variables:
        
+
          --primary-hue: 265;
   --primary-saturation: 90%;
   --primary-lightness: 47%;
 
@@ -650,26 +767,32 @@ 
        Components - Material themed cards
        
 
        All cards are prented with a sticky filter bar, to present how they can interact. The sticky bar is compatible with the color theming, but is not required.
        
 
        Those cards follow the material design guidelines. If you need to build your page around those cards, visit https://www.material.io.
        
 
-    
        
-    
-    
        
-      
        
-        Line chart 
-        
-          
-            
-          
-        
-      
        
-      
        
-        
-      
        
-      
-      
        
+        
        
         
+        
        
+            
        
+                Line chart 
+                
+            
+              
+            
+                
+            
        
+            
        
+                
+            
        
+            
+            
+                
        
+                    
+
+
+
 
 
 
+    
+
 
 
 
@@ -678,6 +801,9 @@ 
        
 
 
 
+
+
+
 
        
     
        
                name="data"
                value='{
                  "title": "New Pen!",
-                 "head": "\u003clink\n  rel=\"stylesheet\"\n  href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n  type=\"text/javascript\"\n  src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n  type=\"text/javascript\"\n  src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n  type=\"text/javascript\"\n  src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n  const sourceMonitoringInterceptor = $q =\u003e {\n    return {\n      request: config =\u003e {\n        if (config.params)\n          if (config.params.source) delete config.params.source;\n\n        config.url = config.url.replace(\n          \"ods-api-monitoring\",\n          \"monitoring-copy\"\n        );\n        return config;\n      }\n    };\n  };\n\n  angular\n    .module(\"ods-widgets\")\n    .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n      ODSWidgetsConfigProvider.setConfig({\n        defaultDomain: \"https://userclub.opendatasoft.com/\",\n        basemaps: [\n          {\n            provider: \"jawg.light\",\n            label: \"Jawg Light\",\n            jawg_apikey: \"opendatasoft-community\"\n          },\n          {\n            provider: \"jawg.streets\",\n            label: \"Jawg Streets\",\n            jawg_apikey: \"opendatasoft-community\",\n            id: \"streets\"\n          }\n        ],\n        themes: {\n          default: {\n            url: \"/img/ods.svg\"\n          },\n          Santé: {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n            color: \"#1446A0\"\n          },\n          \"Culture, Patrimoine\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n            color: \"#1446A0\"\n          },\n          \"Éducation, Formation, Recherche, Enseignement\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n            color: \"#1446A0\"\n          },\n          Environment: {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n            color: \"#1446A0\"\n          },\n          \"Transports, Déplacements\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n            color: \"#1446A0\"\n          },\n          \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n            color: \"#1446A0\"\n          },\n          \"Économie, Business, PME, Développement économique, Emploi\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n            color: \"#1446A0\"\n          },\n          \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n            color: \"#1446A0\"\n          },\n          \"Justice, Sécurité, Police, Crime\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n            color: \"#1446A0\"\n          },\n          \"Sport, Loisirs\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n            color: \"#1446A0\"\n          },\n          \"Hébergement, Restauration\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n            color: \"#1446A0\"\n          },\n          \"Services, Social\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n            color: \"#1446A0\"\n          },\n          Checklist: {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n            color: \"#1446A0\"\n          },\n          Usages: {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n            color: \"#1446A0\"\n          }\n        },\n        mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n      });\n      $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n    });\n\u003c/script\u003e\n",
+                 "head": "\u003clink\n  rel=\"stylesheet\"\n  href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n  type=\"text/javascript\"\n  src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n  type=\"text/javascript\"\n  src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n  type=\"text/javascript\"\n  src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n  const sourceMonitoringInterceptor = $q =\u003e {\n    return {\n      request: config =\u003e {\n        console.log(config.url);\n        if (config.params)\n          if (config.params.source) delete config.params.source;\n\n        config.url = config.url.replace(\n          \"ods-api-monitoring\",\n          \"monitoring-copy\"\n        );\n        return config;\n      }\n    };\n  };\n\n  angular\n    .module(\"ods-widgets\")\n    .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n      ODSWidgetsConfigProvider.setConfig({\n        defaultDomain: \"https://userclub.opendatasoft.com/\",\n        basemaps: [\n          {\n            provider: \"jawg.light\",\n            label: \"Jawg Light\",\n            jawg_apikey: \"opendatasoft-community\"\n          },\n          {\n            provider: \"jawg.streets\",\n            label: \"Jawg Streets\",\n            jawg_apikey: \"opendatasoft-community\",\n            id: \"streets\"\n          }\n        ],\n        themes: {\n          default: {\n            url: \"/img/ods.svg\"\n          },\n          Santé: {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n            color: \"#1446A0\"\n          },\n          \"Culture, Patrimoine\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n            color: \"#1446A0\"\n          },\n          \"Éducation, Formation, Recherche, Enseignement\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n            color: \"#1446A0\"\n          },\n          Environment: {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n            color: \"#1446A0\"\n          },\n          \"Transports, Déplacements\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n            color: \"#1446A0\"\n          },\n          \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n            color: \"#1446A0\"\n          },\n          \"Économie, Business, PME, Développement économique, Emploi\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n            color: \"#1446A0\"\n          },\n          \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n            color: \"#1446A0\"\n          },\n          \"Justice, Sécurité, Police, Crime\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n            color: \"#1446A0\"\n          },\n          \"Sport, Loisirs\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n            color: \"#1446A0\"\n          },\n          \"Hébergement, Restauration\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n            color: \"#1446A0\"\n          },\n          \"Services, Social\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n            color: \"#1446A0\"\n          },\n          Checklist: {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n            color: \"#1446A0\"\n          },\n          Usages: {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n            color: \"#1446A0\"\n          }\n        },\n        mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n      });\n      $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n    });\n\u003c/script\u003e\n",
                  "editors": 110,
                  "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"stats\"\n                     stats-dataset=\"ods-api-monitoring\"\n                     stats-source=\"monitoring\"\n                     stats-parameters=\"{'disjunctive.dataset_id':true}\"\u003e\n    \u003cdiv class=\"container\"\n         ods-datetime=\"now\"\u003e\n        \u003csection class=\"row\"\u003e\n            \u003cdiv class=\"col-md-6\"\u003e\n                \u003cdiv class=\"card z-depth-1\"\u003e\n                    \u003cdiv class=\"card-head\"\u003e\n                        \u003ch2 class=\"title\"\u003e\n                            Simple line\n                        \u003c/h2\u003e\n                        \u003cp class=\"subtitle\"\u003e\n                            Since there is no x-axis, don't forget to put date range in this description!\n                            From: {{ (now | momentadd: \"month\": -2) | date: \"longDate\" }} to {{ now | date: \"longDate\" }}.\u003c/p\u003e\n                    \u003c/div\u003e\n                    \u003cods-chart class=\"mini-card hide-x hide-y y-values\" timescale=\"day\" single-y-axis=\"true\"\n                               align-month=\"true\"\u003e\n                        \u003cods-chart-query context=\"stats\" field-x=\"timestamp\" maxpoints=\"0\" timescale=\"day\"\u003e\n                            \u003cods-chart-serie expression-y=\"size_res\" chart-type=\"areaspline\" function-y=\"COUNT\"\n                                             scientific-display=\"false\" display-values=\"true\"\u003e\n                            \u003c/ods-chart-serie\u003e\n                        \u003c/ods-chart-query\u003e\n                    \u003c/ods-chart\u003e\n                \u003c/div\u003e\n            \u003c/div\u003e\n            \u003cdiv class=\"col-md-6\"\u003e\n                \u003cdiv class=\"card z-depth-1\"\u003e\n                    \u003cdiv class=\"card-head\"\u003e\n                        \u003ch2 class=\"title\"\u003e\n                            With Y-axis\n                        \u003c/h2\u003e\n                        \u003cp class=\"subtitle\"\u003eCount of daily API calls.\n                            From: {{ (now | momentadd: \"month\": -2) | date: \"longDate\" }} to {{ now | date: \"longDate\"\n                            }}.\u003c/p\u003e\n                    \u003c/div\u003e\n                    \u003cods-chart class=\"mini-card hide-x\" timescale=\"day\" single-y-axis=\"true\" align-month=\"true\"\u003e\n                        \u003cods-chart-query context=\"stats\" field-x=\"timestamp\" maxpoints=\"0\" timescale=\"day\"\u003e\n                            \u003cods-chart-serie expression-y=\"size_res\" chart-type=\"areaspline\" function-y=\"COUNT\"\n                                             scientific-display=\"false\"\u003e\n                            \u003c/ods-chart-serie\u003e\n                        \u003c/ods-chart-query\u003e\n                    \u003c/ods-chart\u003e\n                \u003c/div\u003e\n            \u003c/div\u003e\n        \u003c/section\u003e\n    \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e",
                  "css": ":root {\n  /* Works with HSL colors, https://www.w3schools.com/colors/colors_hsl.asp */\n  /* If your color is hsl(265, 90, 47),\n     input 265 as hue\n     input 90% as saturation\n     input 47% as lightness\n  */\n  --primary-hue: 265;\n  --primary-saturation: 90%;\n  --primary-lightness: 47%;\n\n  --surface: white;\n  --background: white;\n  --card-text: #424242;\n  --body-text: #424242;\n\n  /* These are automatically computed unless you need to overwrite them */\n  --primary:    hsl(var(--primary-hue), var(--primary-saturation), var(--primary-lightness));\n  --primary-10: hsl(var(--primary-hue), var(--primary-saturation), 10%);\n  --primary-20: hsl(var(--primary-hue), var(--primary-saturation), 20%);\n  --primary-30: hsl(var(--primary-hue), var(--primary-saturation), 30%);\n  --primary-40: hsl(var(--primary-hue), var(--primary-saturation), 40%);\n  --primary-50: hsl(var(--primary-hue), var(--primary-saturation), 50%);\n  --primary-60: hsl(var(--primary-hue), var(--primary-saturation), 60%);\n  --primary-70: hsl(var(--primary-hue), var(--primary-saturation), 70%);\n  --primary-80: hsl(var(--primary-hue), var(--primary-saturation), 80%);\n  --primary-90: hsl(var(--primary-hue), var(--primary-saturation), 90%);\n\n  --overlay-10: hsla(var(--primary-hue), var(--primary-saturation), 70%, 10%);\n}\n\nbody {\n  background-color: var(--background);\n  color: var(--body-text);\n}\n\nh1 {\n  color: var(--body-text);\n}\n\n/* ODS Over-ride */\n.row \u003e *:first-child {\n  margin-left: 0;\n}\n\n.row \u003e *:last-child {\n  margin-right: 0;\n}\n\n.row {\n  display: flex;\n  justify-content: center;\n}\n\n@media screen and (max-width: 992px) {\n  .row {\n    flex-direction: column;\n  }\n\n  .row \u003e *:not(:last-child) {\n    margin-bottom: 16px;\n  }\n}\n\n.odswidget-select-button-label,\n.odswidget-select-button,\n.odswidget-select-input {\n  color: var(--card-text);\n}\n\n.odswidget-select-dropdown-menu {\n  background-color: var(--surface);\n  border: 1px solid var(--overlay-10);\n}\n\n.odswidget-select-dropdown-menu-item:hover {\n  background-color: var(--overlay-10);\n}\n\n.odswidget-select-dropdown-item-close-icon {\n  color: var(--primary);\n}\n\n.odswidget-select-input-container {\n  border: none;\n}\n\n.odswidget-timerange__reset {\n  color: var(--primary);\n}\n\n.odswidget-timerange__reset:hover {\n  color: var(--primary-80);\n}\n\n.odswidgets-rd-container.rd-container\n {\n  background: var(--surface);\n  border: 1px solid var(--overlay-10);\n}\n\n.odswidgets-rd-container .rd-time-list {\n  background-color: var(--surface);\n  color: var(--card-text);\n}\n\n.odswidgets-rd-container .rd-next,\n.odswidgets-rd-container .rd-back {\n  background-color: var(--surface);\n  color: var(--card-text);\n}\n\n.odswidgets-rd-container .rd-day-body:hover,\n.odswidgets-rd-container .rd-day-selected,\n.odswidgets-rd-container .rd-time-selected,\n.odswidgets-rd-container .rd-time-selected:hover,\n.odswidgets-rd-container .rd-time-option:hover,\n{\n  background-color: var(--primary);\n}\n\n.odswidget-charts {\n  margin: 0 -12px;\n}\n\n.highcharts-halo {\n  fill: var(--primary) !important;\n}\n\n.highcharts-root \u003e * {\n  width: 100%;\n}\n\n.highcharts-text-outline {\n  display: none;\n}\n\n.highcharts-data-label text tspan {\n  fill: var(--card-text);\n}\n\n.hide-y .highcharts-yaxis-grid path.highcharts-grid-line,\n.hide-y .highcharts-yaxis-labels text,\n.hide-y .highcharts-yaxis-labels span {\n  display: none !important;\n}\n\n.hide-x .highcharts-xaxis-labels text,\n.hide-x .highcharts-xaxis-labels span,\n.hide-x .highcharts-xaxis tspan,\n.hide-x .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,\n.hide-x .highcharts-xaxis-grid path.highcharts-grid-line,\n.hide-x .highcharts-tick {\n  display: none !important;\n}\n\n.hide-x-grid .highcharts-xaxis tspan,\n.hide-x-grid .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,\n.hide-x-grid .highcharts-xaxis-grid path.highcharts-grid-line,\n.hide-x-grid .highcharts-tick {\n  display: none !important;\n}\n\n.y-values .highcharts-data-label:not(:first-child):not(:last-child) {\n  display: none;\n}\n\n.y-values .highcharts-data-label:first-child,\n.y-values .highcharts-data-label:last-child {\n  opacity: 1;\n  visibility: inherit; /* force the last child to be visible, as it can be hidden by highchart */\n}\n\n.mini-card .highcharts-point.highcharts-color-0 {\n  fill: var(--primary) !important;\n}\n.mini-card .highcharts-point.highcharts-color-1 {\n  fill: var(--primary-50) !important;\n}\n.mini-card .highcharts-point.highcharts-color-2 {\n  fill: var(--primary-40) !important;\n}\n.mini-card .highcharts-point.highcharts-color-3 {\n  fill: var(--primary-60) !important;\n}\n.mini-card .highcharts-point.highcharts-color-4 {\n  fill: var(--primary-30) !important;\n}\n.mini-card .highcharts-point.highcharts-color-5 {\n  fill: var(--primary-70) !important;\n}\n.mini-card .highcharts-point.highcharts-color-6 {\n  fill: var(--primary-20) !important;\n}\n.mini-card .highcharts-point.highcharts-color-7  {\n  fill: var(--primary-80) !important;\n}\n.mini-card .highcharts-point.highcharts-color-8 {\n  fill: var(--primary-10) !important;\n}\n.mini-card .highcharts-point.highcharts-color-9 {\n  fill: var(--primary-90) !important;\n}\n.mini-card .highcharts-color-0.highcharts-data-label-connector {\n  stroke: var(--primary) !important;\n}\n.mini-card .highcharts-color-1.highcharts-data-label-connector {\n  stroke: var(--primary-50) !important;\n}\n.mini-card .highcharts-color-2.highcharts-data-label-connector {\n  stroke: var(--primary-40) !important;\n}\n.mini-card .highcharts-color-3.highcharts-data-label-connector {\n  stroke: var(--primary-60) !important;\n}\n.mini-card .highcharts-color-4.highcharts-data-label-connector {\n  stroke: var(--primary-30) !important;\n}\n.mini-card .highcharts-color-5.highcharts-data-label-connector {\n  stroke: var(--primary-70) !important;\n}\n.mini-card .highcharts-color-6.highcharts-data-label-connector {\n  stroke: var(--primary-20) !important;\n}\n.mini-card .highcharts-color-7.highcharts-data-label-connector  {\n  stroke: var(--primary-80) !important;\n}\n.mini-card .highcharts-color-8.highcharts-data-label-connector {\n  stroke: var(--primary-10) !important;\n}\n.mini-card .highcharts-color-9.highcharts-data-label-connector {\n  stroke: var(--primary-90) !important;\n}\n\n.mini-card rect.highcharts-background {\n  fill: transparent !important;\n}\n\n.mini-card text {\n  fill: var(--card-text) !important;\n  font-size: 13px !important;\n}\n\n.mini-card .highcharts-grid-line {\n  stroke: var(--primary) !important;\n  stroke-dasharray: 2 2;\n}\n\n.mini-card .highcharts-graph {\n  stroke: var(--primary) !important;\n}\n\n.mini-card .highcharts-area {\n  fill: transparent !important;\n}\n\n.mini-card .highcharts-legend {\n  display: none;\n}\n\n.mini-card .highcharts-markers path {\n  fill: var(--primary) !important;\n}\n\n.mini-card .highcharts-label-box:not(.highcharts-shadow) {\n  stroke: var(--primary) !important;\n}\n\n.mini-card .highcharts-tooltip-container {\n  background: var(--background);\n  color: var(--body-text);\n}\n\n.mini-card .highcharts-label span {\n  color: var(--card-text) !important;\n}\n\n.mini-card .ods-highcharts__tooltip span {\n  color: var(--primary) !important;\n}\n\n.mini-card .highcharts-point {\n  fill: var(--primary) !important;\n  stroke: transparent !important;\n  rx: 8px;\n}\n\n.mini-card .highcharts-grid-line:not(:first-child):not(:last-child),\n.mini-card .highcharts-yaxis-labels text:not(:first-child):not(:last-child) {\n  display: none;\n}\n\n.mini-card .highcharts-xaxis-labels span {\n  color: var(--card-text) !important;\n  font-size: 13px !important;;\n}\n\n/* Utilities */\n.z-depth-1 {\n  z-index: 1;\n  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),\n    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);\n}\n\n.z-depth-2 {\n  z-index: 2;\n  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12),\n    0 2px 4px -1px rgba(0, 0, 0, 0.3);\n}\n\n.row-sticky {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}\n\n/* Elements */\nsection {\n  padding: 0 16px;\n  margin: 16px 0;\n}\n\n.title {\n  margin-bottom: 1em;\n}\n\n.subtitle {\n  margin-top: -0.75em;\n}\n\nh1.title {\n  font-size: 2.25rem;\n}\n\nh2.title {\n  font-size: 1.5rem;\n}\n\nh5.subtitle {\n  font-size: 1.25rem;\n  font-weight: 600;\n  margin: 0;\n}\n\n/* Components */\n.card {\n  background: var(--surface);\n  color: var(--card-text);\n  border-radius: 4px;\n  padding: 16px;\n  height: 100%;\n}\n\n.card-head {\n  padding-bottom: 2rem;\n}\n\n.card .title,\n.card .subtitle {\n  color: var(--card-text);\n}\n"
@@ -701,7 +827,8 @@ 
        
               width="100%" height="100%"
               src="about:blank"
               srcdoc="
-                <link
+                
+                    <link
   rel="stylesheet"
   href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"
 />
@@ -745,6 +872,7 @@ 
        
   const sourceMonitoringInterceptor = $q => {
     return {
       request: config => {
+        console.log(config.url);
         if (config.params)
           if (config.params.source) delete config.params.source;
 
@@ -855,7 +983,9 @@ 
        
       $httpProvider.interceptors.push(sourceMonitoringInterceptor);
     });
 </script>
-
+
+                    
+                
                 
                 
                 
        <div ng-app="ods-widgets">
@@ -1276,8 +1406,16 @@ 
        
                 
               ">
       
-      
        
-          
+          
+          
           
       
        
     
        
-    
        
-    
-    
        
-      
        
-        Bar and pie chart 
-        
-          
-            
-          
-        
-      
        
-      
        
-        
-      
        
-      
-      
        
+                
        
+            
+        
        
         
+        
        
+            
        
+                Bar and pie chart 
+                
+            
+              
+            
+                
+            
        
+            
        
+                
+            
        
+            
+            
+                
        
+                    
+
+
 
 
 
 
+    
+
+
 
 
     
@@ -2214,6 +2395,9 @@ 
        
 
 
 
+
+
+
 
        
     
                name="data"
                value='{
                  "title": "New Pen!",
-                 "head": "\u003clink\n  rel=\"stylesheet\"\n  href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n  type=\"text/javascript\"\n  src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n  type=\"text/javascript\"\n  src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n  type=\"text/javascript\"\n  src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n  const sourceMonitoringInterceptor = $q =\u003e {\n    return {\n      request: config =\u003e {\n        if (config.params)\n          if (config.params.source) delete config.params.source;\n\n        config.url = config.url.replace(\n          \"ods-api-monitoring\",\n          \"monitoring-copy\"\n        );\n        return config;\n      }\n    };\n  };\n\n  angular\n    .module(\"ods-widgets\")\n    .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n      ODSWidgetsConfigProvider.setConfig({\n        defaultDomain: \"https://userclub.opendatasoft.com/\",\n        basemaps: [\n          {\n            provider: \"jawg.light\",\n            label: \"Jawg Light\",\n            jawg_apikey: \"opendatasoft-community\"\n          },\n          {\n            provider: \"jawg.streets\",\n            label: \"Jawg Streets\",\n            jawg_apikey: \"opendatasoft-community\",\n            id: \"streets\"\n          }\n        ],\n        themes: {\n          default: {\n            url: \"/img/ods.svg\"\n          },\n          Santé: {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n            color: \"#1446A0\"\n          },\n          \"Culture, Patrimoine\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n            color: \"#1446A0\"\n          },\n          \"Éducation, Formation, Recherche, Enseignement\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n            color: \"#1446A0\"\n          },\n          Environment: {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n            color: \"#1446A0\"\n          },\n          \"Transports, Déplacements\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n            color: \"#1446A0\"\n          },\n          \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n            color: \"#1446A0\"\n          },\n          \"Économie, Business, PME, Développement économique, Emploi\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n            color: \"#1446A0\"\n          },\n          \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n            color: \"#1446A0\"\n          },\n          \"Justice, Sécurité, Police, Crime\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n            color: \"#1446A0\"\n          },\n          \"Sport, Loisirs\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n            color: \"#1446A0\"\n          },\n          \"Hébergement, Restauration\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n            color: \"#1446A0\"\n          },\n          \"Services, Social\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n            color: \"#1446A0\"\n          },\n          Checklist: {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n            color: \"#1446A0\"\n          },\n          Usages: {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n            color: \"#1446A0\"\n          }\n        },\n        mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n      });\n      $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n    });\n\u003c/script\u003e\n",
+                 "head": "\u003clink\n  rel=\"stylesheet\"\n  href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n  type=\"text/javascript\"\n  src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n  type=\"text/javascript\"\n  src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n  type=\"text/javascript\"\n  src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n  const sourceMonitoringInterceptor = $q =\u003e {\n    return {\n      request: config =\u003e {\n        console.log(config.url);\n        if (config.params)\n          if (config.params.source) delete config.params.source;\n\n        config.url = config.url.replace(\n          \"ods-api-monitoring\",\n          \"monitoring-copy\"\n        );\n        return config;\n      }\n    };\n  };\n\n  angular\n    .module(\"ods-widgets\")\n    .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n      ODSWidgetsConfigProvider.setConfig({\n        defaultDomain: \"https://userclub.opendatasoft.com/\",\n        basemaps: [\n          {\n            provider: \"jawg.light\",\n            label: \"Jawg Light\",\n            jawg_apikey: \"opendatasoft-community\"\n          },\n          {\n            provider: \"jawg.streets\",\n            label: \"Jawg Streets\",\n            jawg_apikey: \"opendatasoft-community\",\n            id: \"streets\"\n          }\n        ],\n        themes: {\n          default: {\n            url: \"/img/ods.svg\"\n          },\n          Santé: {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n            color: \"#1446A0\"\n          },\n          \"Culture, Patrimoine\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n            color: \"#1446A0\"\n          },\n          \"Éducation, Formation, Recherche, Enseignement\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n            color: \"#1446A0\"\n          },\n          Environment: {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n            color: \"#1446A0\"\n          },\n          \"Transports, Déplacements\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n            color: \"#1446A0\"\n          },\n          \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n            color: \"#1446A0\"\n          },\n          \"Économie, Business, PME, Développement économique, Emploi\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n            color: \"#1446A0\"\n          },\n          \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n            color: \"#1446A0\"\n          },\n          \"Justice, Sécurité, Police, Crime\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n            color: \"#1446A0\"\n          },\n          \"Sport, Loisirs\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n            color: \"#1446A0\"\n          },\n          \"Hébergement, Restauration\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n            color: \"#1446A0\"\n          },\n          \"Services, Social\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n            color: \"#1446A0\"\n          },\n          Checklist: {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n            color: \"#1446A0\"\n          },\n          Usages: {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n            color: \"#1446A0\"\n          }\n        },\n        mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n      });\n      $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n    });\n\u003c/script\u003e\n",
                  "editors": 110,
                  "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"stats\"\n                     stats-dataset=\"ods-api-monitoring\"\n                     stats-source=\"monitoring\"\n                     stats-parameters=\"{'disjunctive.dataset_id':true}\"\u003e\n    \u003cdiv class=\"container\"\u003e\n        \u003csection class=\"row\"\u003e\n            \u003cdiv class=\"col-md-6\"\u003e\n                \u003cdiv class=\"card z-depth-1\"\u003e\n                    \u003cdiv class=\"card-head\"\u003e\n                        \u003ch2 class=\"title\"\u003e\n                            Most active pages\n                        \u003c/h2\u003e\n                        \u003cp class=\"subtitle\"\u003eRanked by number of API calls\u003c/p\u003e\n                    \u003c/div\u003e\n                    \u003cods-chart class=\"mini-card hide-x-grid hide-y\" single-y-axis=\"true\" align-month=\"true\"\n                               labels-x-length=\"15\"\u003e\n                        \u003cods-chart-query context=\"stats\" field-x=\"attributes\" maxpoints=\"7\" sort=\"serie1-1\"\u003e\n                            \u003cods-chart-serie chart-type=\"bar\" function-y=\"COUNT\" label-y=\"Sum of API calls\"\n                                             scientific-display=\"true\" display-values=\"true\"\u003e\n                            \u003c/ods-chart-serie\u003e\n                        \u003c/ods-chart-query\u003e\n                    \u003c/ods-chart\u003e\n                \u003c/div\u003e\n            \u003c/div\u003e\n            \u003cdiv class=\"col-md-6\"\u003e\n                \u003cdiv class=\"card z-depth-1\"\u003e\n                    \u003cdiv class=\"card-head\"\u003e\n                        \u003ch2 class=\"title\"\u003e\n                            Users ranked by API calls\n                        \u003c/h2\u003e\n                        \u003cp class=\"subtitle\"\u003eMost active users by sum of all API calls, regardless of the nature of the\n                            call.\u003c/p\u003e\n                    \u003c/div\u003e\n                    \u003cods-chart class=\"mini-card\"\u003e\n                        \u003cods-chart-query context=\"stats\" field-x=\"user_id\" maxpoints=\"10\" sort=\"serie1-1\"\n                                         display-legend=\"true\"\u003e\n                            \u003cods-chart-serie chart-type=\"pie\" innersize=\"60%\" labelsposition=\"outside\"\n                                             function-y=\"COUNT\" scientific-display=\"true\"\u003e\n                            \u003c/ods-chart-serie\u003e\n                        \u003c/ods-chart-query\u003e\n                    \u003c/ods-chart\u003e\n                \u003c/div\u003e\n            \u003c/div\u003e\n        \u003c/section\u003e\n    \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e",
                  "css": ":root {\n  /* primary color : hsl(14, 98%, 56%) */\n  --primary-hue: 14;\n  --primary-saturation: 98%;\n  --primary-lightness: 56%;\n\n  --surface: hsl(50, 100%, 95%);\n  --background: white;\n  --card-text: hsl(162, 32%, 31%);\n  --body-text: black;\n\n  /* These are automatically computed unless you need to overwrite them */\n  --primary:    hsl(var(--primary-hue), var(--primary-saturation), var(--primary-lightness));\n  --primary-10: hsl(var(--primary-hue), var(--primary-saturation), 10%);\n  --primary-20: hsl(var(--primary-hue), var(--primary-saturation), 20%);\n  --primary-30: hsl(var(--primary-hue), var(--primary-saturation), 30%);\n  --primary-40: hsl(var(--primary-hue), var(--primary-saturation), 40%);\n  --primary-50: hsl(var(--primary-hue), var(--primary-saturation), 50%);\n  --primary-60: hsl(var(--primary-hue), var(--primary-saturation), 60%);\n  --primary-70: hsl(var(--primary-hue), var(--primary-saturation), 70%);\n  --primary-80: hsl(var(--primary-hue), var(--primary-saturation), 80%);\n  --primary-90: hsl(var(--primary-hue), var(--primary-saturation), 90%);\n\n  --overlay-10: hsla(var(--primary-hue), var(--primary-saturation), 70%, 10%);\n}\n\nbody {\n  background-color: var(--background);\n  color: var(--body-text);\n}\n\nh1 {\n  color: var(--body-text);\n}\n\n/* ODS Over-ride */\n.row \u003e *:first-child {\n  margin-left: 0;\n}\n\n.row \u003e *:last-child {\n  margin-right: 0;\n}\n\n.row {\n  display: flex;\n  justify-content: center;\n}\n\n@media screen and (max-width: 992px) {\n  .row {\n    flex-direction: column;\n  }\n\n  .row \u003e *:not(:last-child) {\n    margin-bottom: 16px;\n  }\n}\n\n.odswidget-select-button-label,\n.odswidget-select-button,\n.odswidget-select-input {\n  color: var(--card-text);\n}\n\n.odswidget-select-dropdown-menu {\n  background-color: var(--surface);\n  border: 1px solid var(--overlay-10);\n}\n\n.odswidget-select-dropdown-menu-item:hover {\n  background-color: var(--overlay-10);\n}\n\n.odswidget-select-dropdown-item-close-icon {\n  color: var(--primary);\n}\n\n.odswidget-select-input-container {\n  border: none;\n}\n\n.odswidget-timerange__reset {\n  color: var(--primary);\n}\n\n.odswidget-timerange__reset:hover {\n  color: var(--primary-80);\n}\n\n.odswidgets-rd-container.rd-container\n {\n  background: var(--surface);\n  border: 1px solid var(--overlay-10);\n}\n\n.odswidgets-rd-container .rd-time-list {\n  background-color: var(--surface);\n  color: var(--card-text);\n}\n\n.odswidgets-rd-container .rd-next,\n.odswidgets-rd-container .rd-back {\n  background-color: var(--surface);\n  color: var(--card-text);\n}\n\n.odswidgets-rd-container .rd-day-body:hover,\n.odswidgets-rd-container .rd-day-selected,\n.odswidgets-rd-container .rd-time-selected,\n.odswidgets-rd-container .rd-time-selected:hover,\n.odswidgets-rd-container .rd-time-option:hover,\n{\n  background-color: var(--primary);\n}\n\n.odswidget-charts {\n  margin: 0 -12px;\n}\n\n.highcharts-halo {\n  fill: var(--primary) !important;\n}\n\n.highcharts-root \u003e * {\n  width: 100%;\n}\n\n.highcharts-text-outline {\n  display: none;\n}\n\n.highcharts-data-label text tspan {\n  fill: var(--card-text);\n}\n\n.hide-y .highcharts-yaxis-grid path.highcharts-grid-line,\n.hide-y .highcharts-yaxis-labels text,\n.hide-y .highcharts-yaxis-labels span {\n  display: none !important;\n}\n\n.hide-x .highcharts-xaxis-labels text,\n.hide-x .highcharts-xaxis-labels span,\n.hide-x .highcharts-xaxis tspan,\n.hide-x .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,\n.hide-x .highcharts-xaxis-grid path.highcharts-grid-line,\n.hide-x .highcharts-tick {\n  display: none !important;\n}\n\n.hide-x-grid .highcharts-xaxis tspan,\n.hide-x-grid .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,\n.hide-x-grid .highcharts-xaxis-grid path.highcharts-grid-line,\n.hide-x-grid .highcharts-tick {\n  display: none !important;\n}\n\n.y-values .highcharts-data-label:not(:first-child):not(:last-child) {\n  display: none;\n}\n\n.mini-card .highcharts-point.highcharts-color-0 {\n  fill: var(--primary) !important;\n}\n.mini-card .highcharts-point.highcharts-color-1 {\n  fill: var(--primary-50) !important;\n}\n.mini-card .highcharts-point.highcharts-color-2 {\n  fill: var(--primary-40) !important;\n}\n.mini-card .highcharts-point.highcharts-color-3 {\n  fill: var(--primary-60) !important;\n}\n.mini-card .highcharts-point.highcharts-color-4 {\n  fill: var(--primary-30) !important;\n}\n.mini-card .highcharts-point.highcharts-color-5 {\n  fill: var(--primary-70) !important;\n}\n.mini-card .highcharts-point.highcharts-color-6 {\n  fill: var(--primary-20) !important;\n}\n.mini-card .highcharts-point.highcharts-color-7  {\n  fill: var(--primary-80) !important;\n}\n.mini-card .highcharts-point.highcharts-color-8 {\n  fill: var(--primary-10) !important;\n}\n.mini-card .highcharts-point.highcharts-color-9 {\n  fill: var(--primary-90) !important;\n}\n.mini-card .highcharts-color-0.highcharts-data-label-connector {\n  stroke: var(--primary) !important;\n}\n.mini-card .highcharts-color-1.highcharts-data-label-connector {\n  stroke: var(--primary-50) !important;\n}\n.mini-card .highcharts-color-2.highcharts-data-label-connector {\n  stroke: var(--primary-40) !important;\n}\n.mini-card .highcharts-color-3.highcharts-data-label-connector {\n  stroke: var(--primary-60) !important;\n}\n.mini-card .highcharts-color-4.highcharts-data-label-connector {\n  stroke: var(--primary-30) !important;\n}\n.mini-card .highcharts-color-5.highcharts-data-label-connector {\n  stroke: var(--primary-70) !important;\n}\n.mini-card .highcharts-color-6.highcharts-data-label-connector {\n  stroke: var(--primary-20) !important;\n}\n.mini-card .highcharts-color-7.highcharts-data-label-connector  {\n  stroke: var(--primary-80) !important;\n}\n.mini-card .highcharts-color-8.highcharts-data-label-connector {\n  stroke: var(--primary-10) !important;\n}\n.mini-card .highcharts-color-9.highcharts-data-label-connector {\n  stroke: var(--primary-90) !important;\n}\n\n.mini-card rect.highcharts-background {\n  fill: transparent !important;\n}\n\n.mini-card text {\n  fill: var(--card-text) !important;\n  font-size: 13px !important;\n}\n\n.mini-card .highcharts-grid-line {\n  stroke: var(--primary) !important;\n  stroke-dasharray: 2 2;\n}\n\n.mini-card .highcharts-graph {\n  stroke: var(--primary) !important;\n}\n\n.mini-card .highcharts-area {\n  fill: transparent !important;\n}\n\n.mini-card .highcharts-legend {\n  display: none;\n}\n\n.mini-card .highcharts-markers path {\n  fill: var(--primary) !important;\n}\n\n.mini-card .highcharts-label-box:not(.highcharts-shadow) {\n  stroke: var(--primary) !important;\n}\n\n.mini-card .highcharts-tooltip-container {\n  background: var(--background);\n  color: var(--body-text);\n}\n\n.mini-card .highcharts-label span {\n  color: var(--card-text) !important;\n}\n\n.mini-card .ods-highcharts__tooltip span {\n  color: var(--primary) !important;\n}\n\n.mini-card .highcharts-point {\n  fill: var(--primary) !important;\n  stroke: transparent !important;\n  rx: 8px;\n}\n\n.mini-card .highcharts-grid-line:not(:first-child):not(:last-child),\n.mini-card .highcharts-yaxis-labels text:not(:first-child):not(:last-child) {\n  display: none;\n}\n\n.mini-card .highcharts-xaxis-labels span {\n  color: var(--card-text) !important;\n  font-size: 13px !important;;\n}\n\n/* Utilities */\n.z-depth-1 {\n  z-index: 1;\n  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),\n    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);\n}\n\n.z-depth-2 {\n  z-index: 2;\n  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12),\n    0 2px 4px -1px rgba(0, 0, 0, 0.3);\n}\n\n.row-sticky {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}\n\n/* Elements */\nsection {\n  padding: 0 16px;\n  margin: 16px 0;\n}\n\n.title {\n  margin-bottom: 1em;\n}\n\n.subtitle {\n  margin-top: -0.75em;\n}\n\nh1.title {\n  font-size: 2.25rem;\n}\n\nh2.title {\n  font-size: 1.5rem;\n}\n\nh5.subtitle {\n  font-size: 1.25rem;\n  font-weight: 600;\n  margin: 0;\n}\n\n/* Components */\n.card {\n  background: var(--surface);\n  color: var(--card-text);\n  border-radius: 4px;\n  padding: 16px;\n  height: 100%;\n}\n\n.card-head {\n  padding-bottom: 2rem;\n}\n\n.card .title,\n.card .subtitle {\n  color: var(--card-text);\n}\n"
@@ -2237,7 +2421,8 @@ 
        
               width="100%" height="100%"
               src="about:blank"
               srcdoc="
-                <link
+                
+                    <link
   rel="stylesheet"
   href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"
 />
@@ -2281,6 +2466,7 @@ 
        
   const sourceMonitoringInterceptor = $q => {
     return {
       request: config => {
+        console.log(config.url);
         if (config.params)
           if (config.params.source) delete config.params.source;
 
@@ -2391,7 +2577,9 @@ 
        
       $httpProvider.interceptors.push(sourceMonitoringInterceptor);
     });
 </script>
-
+
+                    
+                
                 
                 
                 
        <div ng-app="ods-widgets">
@@ -2798,8 +2986,16 @@ 
        
                 
               ">
       
-      
        
-          
+          
+          
           
       
        
     
        
-    
        
-    
-    
         
+        
        
+            
        
+                Data table 
+                
+            
+              
+            
+                
+            
        
+            
        
+                
+            
        
+            
+            
+                
        
+                    
+
 
 
 
 
 
+    
+
+
+
 
     
 
 
 
 
+
+
+
 
        
     
                name="data"
                value='{
                  "title": "New Pen!",
-                 "head": "\u003clink\n  rel=\"stylesheet\"\n  href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n  type=\"text/javascript\"\n  src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n  type=\"text/javascript\"\n  src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n  type=\"text/javascript\"\n  src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n  const sourceMonitoringInterceptor = $q =\u003e {\n    return {\n      request: config =\u003e {\n        if (config.params)\n          if (config.params.source) delete config.params.source;\n\n        config.url = config.url.replace(\n          \"ods-api-monitoring\",\n          \"monitoring-copy\"\n        );\n        return config;\n      }\n    };\n  };\n\n  angular\n    .module(\"ods-widgets\")\n    .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n      ODSWidgetsConfigProvider.setConfig({\n        defaultDomain: \"https://userclub.opendatasoft.com/\",\n        basemaps: [\n          {\n            provider: \"jawg.light\",\n            label: \"Jawg Light\",\n            jawg_apikey: \"opendatasoft-community\"\n          },\n          {\n            provider: \"jawg.streets\",\n            label: \"Jawg Streets\",\n            jawg_apikey: \"opendatasoft-community\",\n            id: \"streets\"\n          }\n        ],\n        themes: {\n          default: {\n            url: \"/img/ods.svg\"\n          },\n          Santé: {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n            color: \"#1446A0\"\n          },\n          \"Culture, Patrimoine\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n            color: \"#1446A0\"\n          },\n          \"Éducation, Formation, Recherche, Enseignement\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n            color: \"#1446A0\"\n          },\n          Environment: {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n            color: \"#1446A0\"\n          },\n          \"Transports, Déplacements\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n            color: \"#1446A0\"\n          },\n          \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n            color: \"#1446A0\"\n          },\n          \"Économie, Business, PME, Développement économique, Emploi\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n            color: \"#1446A0\"\n          },\n          \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n            color: \"#1446A0\"\n          },\n          \"Justice, Sécurité, Police, Crime\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n            color: \"#1446A0\"\n          },\n          \"Sport, Loisirs\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n            color: \"#1446A0\"\n          },\n          \"Hébergement, Restauration\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n            color: \"#1446A0\"\n          },\n          \"Services, Social\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n            color: \"#1446A0\"\n          },\n          Checklist: {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n            color: \"#1446A0\"\n          },\n          Usages: {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n            color: \"#1446A0\"\n          }\n        },\n        mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n      });\n      $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n    });\n\u003c/script\u003e\n",
+                 "head": "\u003clink\n  rel=\"stylesheet\"\n  href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n  type=\"text/javascript\"\n  src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n  type=\"text/javascript\"\n  src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n  type=\"text/javascript\"\n  src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n  const sourceMonitoringInterceptor = $q =\u003e {\n    return {\n      request: config =\u003e {\n        console.log(config.url);\n        if (config.params)\n          if (config.params.source) delete config.params.source;\n\n        config.url = config.url.replace(\n          \"ods-api-monitoring\",\n          \"monitoring-copy\"\n        );\n        return config;\n      }\n    };\n  };\n\n  angular\n    .module(\"ods-widgets\")\n    .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n      ODSWidgetsConfigProvider.setConfig({\n        defaultDomain: \"https://userclub.opendatasoft.com/\",\n        basemaps: [\n          {\n            provider: \"jawg.light\",\n            label: \"Jawg Light\",\n            jawg_apikey: \"opendatasoft-community\"\n          },\n          {\n            provider: \"jawg.streets\",\n            label: \"Jawg Streets\",\n            jawg_apikey: \"opendatasoft-community\",\n            id: \"streets\"\n          }\n        ],\n        themes: {\n          default: {\n            url: \"/img/ods.svg\"\n          },\n          Santé: {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n            color: \"#1446A0\"\n          },\n          \"Culture, Patrimoine\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n            color: \"#1446A0\"\n          },\n          \"Éducation, Formation, Recherche, Enseignement\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n            color: \"#1446A0\"\n          },\n          Environment: {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n            color: \"#1446A0\"\n          },\n          \"Transports, Déplacements\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n            color: \"#1446A0\"\n          },\n          \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n            color: \"#1446A0\"\n          },\n          \"Économie, Business, PME, Développement économique, Emploi\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n            color: \"#1446A0\"\n          },\n          \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n            color: \"#1446A0\"\n          },\n          \"Justice, Sécurité, Police, Crime\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n            color: \"#1446A0\"\n          },\n          \"Sport, Loisirs\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n            color: \"#1446A0\"\n          },\n          \"Hébergement, Restauration\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n            color: \"#1446A0\"\n          },\n          \"Services, Social\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n            color: \"#1446A0\"\n          },\n          Checklist: {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n            color: \"#1446A0\"\n          },\n          Usages: {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n            color: \"#1446A0\"\n          }\n        },\n        mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n      });\n      $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n    });\n\u003c/script\u003e\n",
                  "editors": 110,
                  "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"queries\"\n                     queries-dataset=\"ods-api-monitoring\"\n                     queries-source=\"monitoring\"\n                     queries-parameters=\"{'q':'NOT #null(query_text)'}\"\u003e\n    \u003cdiv class=\"card z-depth-1\"\u003e\n        \u003cdiv class=\"card-head\"\u003e\n            \u003ch2 class=\"title\"\u003e\n                Most frequent queries\n            \u003c/h2\u003e\n            \u003cp class=\"subtitle\"\u003e\n                It is also possible to match a background color to the highligths ones, while keeping cards white.\n            \u003c/p\u003e\n        \u003c/div\u003e\n        \u003ctable class=\"data-table\"\u003e\n            \u003cthead\u003e\n            \u003ctr\u003e\n                \u003cth\u003e Rank\u003c/th\u003e\n                \u003cth\u003eRequest\u003c/th\u003e\n                \u003cth\u003eOccurrences\u003c/th\u003e\n            \u003c/tr\u003e\n            \u003c/thead\u003e\n            \u003ctbody\u003e\n            \u003ctr ods-facet-results=\"frequentqueries\"\n                ods-facet-results-context=\"queries\"\n                ods-facet-results-facet-name=\"query_text\"\n                ng-repeat=\"(i,query) in frequentqueries.slice(0,10)\"\n                ng-show=\"query.count\u003e5\"\u003e\n                \u003ctd style=\"text-align:center;\"\u003e{{ i+1 }}\u003c/td\u003e\n                \u003ctd style=\"width: 100%\"\u003e{{ query.name }}\u003c/td\u003e\n                \u003ctd\u003e{{ query.count }}\u003c/td\u003e\n            \u003c/tr\u003e\n            \u003c/tbody\u003e\n        \u003c/table\u003e\n    \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e",
                  "css": ":root {\n  --primary-hue: 316;\n  --primary-saturation: 71%;\n  --primary-lightness: 21%;\n\n  --surface: white;\n  --background: var(--primary);\n  --card-text: black;\n  --body-text: white;\n\n  /* These are automatically computed unless you need to overwrite them */\n  --primary:    hsl(var(--primary-hue), var(--primary-saturation), var(--primary-lightness));\n  --primary-10: hsl(var(--primary-hue), var(--primary-saturation), 10%);\n  --primary-20: hsl(var(--primary-hue), var(--primary-saturation), 20%);\n  --primary-30: hsl(var(--primary-hue), var(--primary-saturation), 30%);\n  --primary-40: hsl(var(--primary-hue), var(--primary-saturation), 40%);\n  --primary-50: hsl(var(--primary-hue), var(--primary-saturation), 50%);\n  --primary-60: hsl(var(--primary-hue), var(--primary-saturation), 60%);\n  --primary-70: hsl(var(--primary-hue), var(--primary-saturation), 70%);\n  --primary-80: hsl(var(--primary-hue), var(--primary-saturation), 80%);\n  --primary-90: hsl(var(--primary-hue), var(--primary-saturation), 90%);\n\n  --overlay-10: hsla(var(--primary-hue), var(--primary-saturation), 90%, 50%);\n}\n\nbody {\n  background-color: var(--background);\n  color: var(--body-text);\n}\n\nh1 {\n  color: var(--body-text);\n}\n\n/* ODS Over-ride */\n.row \u003e *:first-child {\n  margin-left: 0;\n}\n\n.row \u003e *:last-child {\n  margin-right: 0;\n}\n\n.row {\n  display: flex;\n  justify-content: center;\n}\n\n@media screen and (max-width: 992px) {\n  .row {\n    flex-direction: column;\n  }\n\n  .row \u003e *:not(:last-child) {\n    margin-bottom: 16px;\n  }\n}\n\n/* Utilities */\n.z-depth-1 {\n  z-index: 1;\n  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),\n    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);\n}\n\n.z-depth-2 {\n  z-index: 2;\n  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12),\n    0 2px 4px -1px rgba(0, 0, 0, 0.3);\n}\n\n.row-sticky {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}\n\n/* Elements */\nsection {\n  padding: 0 16px;\n  margin: 16px 0;\n}\n\n.title {\n  margin-bottom: 1em;\n}\n\n.subtitle {\n  margin-top: -0.75em;\n}\n\nh1.title {\n  font-size: 2.25rem;\n}\n\nh2.title {\n  font-size: 1.5rem;\n}\n\nh5.subtitle {\n  font-size: 1.25rem;\n  font-weight: 600;\n  margin: 0;\n}\n\n/* Components */\n.card {\n  background: var(--surface);\n  color: var(--card-text);\n  border-radius: 4px;\n  padding: 16px;\n  height: 100%;\n}\n\n.card-head {\n  padding-bottom: 2rem;\n}\n\n.card .title,\n.card .subtitle {\n  color: var(--card-text);\n}\n\n.data-table {\n  margin: 0 -16px;\n  color: var(--card-text);\n}\n\n.data-table thead {\n  background: var(--overlay-10);\n  border-bottom: 1px solid var(--card-text);\n}\n\n.data-table tr {\n  line-height: 32px;\n  position: relative;\n}\n\n.data-table tr:hover {\n  background: var(--overlay-10);\n}\n\n.data-table td,\n.data-table th {\n  padding: 8px;\n  max-width: 265px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.data-table tbody tr:nth-child(-n + 3) * {\n  font-weight: 500;\n}\n"
@@ -3731,7 +3973,8 @@ 
        
               width="100%" height="100%"
               src="about:blank"
               srcdoc="
-                <link
+                
+                    <link
   rel="stylesheet"
   href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"
 />
@@ -3775,6 +4018,7 @@ 
        
   const sourceMonitoringInterceptor = $q => {
     return {
       request: config => {
+        console.log(config.url);
         if (config.params)
           if (config.params.source) delete config.params.source;
 
@@ -3885,7 +4129,9 @@ 
        
       $httpProvider.interceptors.push(sourceMonitoringInterceptor);
     });
 </script>
-
+
+                    
+                
                 
                 
                 
        <div ng-app="ods-widgets">
@@ -4084,8 +4330,16 @@ 
        
                 
               ">
       
-      
        
-          
+          
+          
           
       
        
     
        
-    
        
-    
-    
        
-      
        
-        Sticky filter 
-        
-          
-            
-          
-        
-      
        
-      
        
-        
        A material themed version of a sticky filter component. Fit for dashboards with cards.
        
-
-      
        
-      
-      
        
+                
        
+            
+        
        
         
+        
        
+            
        
+                Sticky filter 
+                
+            
+              
+            
+                
+            
        
+            
        
+                
        A material themed version of a sticky filter component. Fit for dashboards with cards.
        
+
+            
        
+            
+            
+                
        
+                    
 
 
 
@@ -4579,6 +4866,14 @@ 
        
 
 
 
+    
+
+
+
+
+
+
+
 
        
     
                name="data"
                value='{
                  "title": "New Pen!",
-                 "head": "\u003clink\n  rel=\"stylesheet\"\n  href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n  type=\"text/javascript\"\n  src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n  type=\"text/javascript\"\n  src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n  type=\"text/javascript\"\n  src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n  const sourceMonitoringInterceptor = $q =\u003e {\n    return {\n      request: config =\u003e {\n        if (config.params)\n          if (config.params.source) delete config.params.source;\n\n        config.url = config.url.replace(\n          \"ods-api-monitoring\",\n          \"monitoring-copy\"\n        );\n        return config;\n      }\n    };\n  };\n\n  angular\n    .module(\"ods-widgets\")\n    .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n      ODSWidgetsConfigProvider.setConfig({\n        defaultDomain: \"https://userclub.opendatasoft.com/\",\n        basemaps: [\n          {\n            provider: \"jawg.light\",\n            label: \"Jawg Light\",\n            jawg_apikey: \"opendatasoft-community\"\n          },\n          {\n            provider: \"jawg.streets\",\n            label: \"Jawg Streets\",\n            jawg_apikey: \"opendatasoft-community\",\n            id: \"streets\"\n          }\n        ],\n        themes: {\n          default: {\n            url: \"/img/ods.svg\"\n          },\n          Santé: {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n            color: \"#1446A0\"\n          },\n          \"Culture, Patrimoine\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n            color: \"#1446A0\"\n          },\n          \"Éducation, Formation, Recherche, Enseignement\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n            color: \"#1446A0\"\n          },\n          Environment: {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n            color: \"#1446A0\"\n          },\n          \"Transports, Déplacements\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n            color: \"#1446A0\"\n          },\n          \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n            color: \"#1446A0\"\n          },\n          \"Économie, Business, PME, Développement économique, Emploi\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n            color: \"#1446A0\"\n          },\n          \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n            color: \"#1446A0\"\n          },\n          \"Justice, Sécurité, Police, Crime\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n            color: \"#1446A0\"\n          },\n          \"Sport, Loisirs\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n            color: \"#1446A0\"\n          },\n          \"Hébergement, Restauration\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n            color: \"#1446A0\"\n          },\n          \"Services, Social\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n            color: \"#1446A0\"\n          },\n          Checklist: {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n            color: \"#1446A0\"\n          },\n          Usages: {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n            color: \"#1446A0\"\n          }\n        },\n        mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n      });\n      $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n    });\n\u003c/script\u003e\n",
+                 "head": "\u003clink\n  rel=\"stylesheet\"\n  href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n  type=\"text/javascript\"\n  src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n  type=\"text/javascript\"\n  src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n  type=\"text/javascript\"\n  src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n  const sourceMonitoringInterceptor = $q =\u003e {\n    return {\n      request: config =\u003e {\n        console.log(config.url);\n        if (config.params)\n          if (config.params.source) delete config.params.source;\n\n        config.url = config.url.replace(\n          \"ods-api-monitoring\",\n          \"monitoring-copy\"\n        );\n        return config;\n      }\n    };\n  };\n\n  angular\n    .module(\"ods-widgets\")\n    .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n      ODSWidgetsConfigProvider.setConfig({\n        defaultDomain: \"https://userclub.opendatasoft.com/\",\n        basemaps: [\n          {\n            provider: \"jawg.light\",\n            label: \"Jawg Light\",\n            jawg_apikey: \"opendatasoft-community\"\n          },\n          {\n            provider: \"jawg.streets\",\n            label: \"Jawg Streets\",\n            jawg_apikey: \"opendatasoft-community\",\n            id: \"streets\"\n          }\n        ],\n        themes: {\n          default: {\n            url: \"/img/ods.svg\"\n          },\n          Santé: {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n            color: \"#1446A0\"\n          },\n          \"Culture, Patrimoine\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n            color: \"#1446A0\"\n          },\n          \"Éducation, Formation, Recherche, Enseignement\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n            color: \"#1446A0\"\n          },\n          Environment: {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n            color: \"#1446A0\"\n          },\n          \"Transports, Déplacements\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n            color: \"#1446A0\"\n          },\n          \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n            color: \"#1446A0\"\n          },\n          \"Économie, Business, PME, Développement économique, Emploi\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n            color: \"#1446A0\"\n          },\n          \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n            color: \"#1446A0\"\n          },\n          \"Justice, Sécurité, Police, Crime\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n            color: \"#1446A0\"\n          },\n          \"Sport, Loisirs\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n            color: \"#1446A0\"\n          },\n          \"Hébergement, Restauration\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n            color: \"#1446A0\"\n          },\n          \"Services, Social\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n            color: \"#1446A0\"\n          },\n          Checklist: {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n            color: \"#1446A0\"\n          },\n          Usages: {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n            color: \"#1446A0\"\n          }\n        },\n        mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n      });\n      $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n    });\n\u003c/script\u003e\n",
                  "editors": 110,
                  "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"stats\"\n                     stats-dataset=\"ods-api-monitoring\"\n                     stats-source=\"monitoring\"\n                     stats-parameters=\"{'disjunctive.dataset_id':true}\"\u003e\n    \u003cnav class=\"row row-sticky\"\u003e\n        \u003cdiv class=\"menu z-depth-2\"\n             ods-datetime=\"now\"\u003e\n            \u003cdiv class=\"filter\"\u003e\n                \u003cdiv ods-facet-results=\"items\"\n                     ods-facet-results-context=\"stats\"\n                     ods-facet-results-facet-name=\"dataset_id\"\n                     ods-facet-results-sort=\"alphanum\"\u003e\n                    \u003cods-select placeholder=\"Dataset\"\n                                selected-values=\"stats.parameters['refine.dataset_id']\"\n                                multiple=\"false\"\n                                options=\"items\"\n                                label-modifier=\"name\"\n                                value-modifier=\"name\"\u003e\n                    \u003c/ods-select\u003e\n                \u003c/div\u003e\n            \u003c/div\u003e\n            \u003cdiv class=\"filter\"\u003e\n                \u003cods-timerange context=\"stats\"\n                               date-format=\"DD MMM YYYY\"\n                               precision=\"day\"\n                               default-from=\"{{ (now|momentadd:'months':-1)|moment:'YYYY-MM-DD' }}\"\n                               default-to=\"{{ now|moment:'YYYY-MM-DD' }}\"\n                               stats-time-field=\"timestamp\"\n                               from=\"startDate\"\n                               to=\"endDate\"\u003e\n                \u003c/ods-timerange\u003e\n            \u003c/div\u003e\n        \u003c/div\u003e\n    \u003c/nav\u003e\n\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e",
                  "css": ":root {\n  --primary-hue: 36;\n  --primary-saturation: 94%;\n  --primary-lightness: 59%;\n\n  --surface: hsl(200, 21%, 37%);\n  --background: hsl(198, 20%, 17%);\n  --card-text: white;\n  --body-text: white;\n\n  /* These are automatically computed unless you need to overwrite them */\n  --primary:    hsl(var(--primary-hue), var(--primary-saturation), var(--primary-lightness));\n  --primary-10: hsl(var(--primary-hue), var(--primary-saturation), 10%);\n  --primary-20: hsl(var(--primary-hue), var(--primary-saturation), 20%);\n  --primary-30: hsl(var(--primary-hue), var(--primary-saturation), 30%);\n  --primary-40: hsl(var(--primary-hue), var(--primary-saturation), 40%);\n  --primary-50: hsl(var(--primary-hue), var(--primary-saturation), 50%);\n  --primary-60: hsl(var(--primary-hue), var(--primary-saturation), 60%);\n  --primary-70: hsl(var(--primary-hue), var(--primary-saturation), 70%);\n  --primary-80: hsl(var(--primary-hue), var(--primary-saturation), 80%);\n  --primary-90: hsl(var(--primary-hue), var(--primary-saturation), 90%);\n\n  --overlay-10: hsla(var(--primary-hue), var(--primary-saturation), 90%, 10%);\n}\n\nbody {\n  background-color: var(--background);\n  color: var(--body-text);\n}\n\nh1 {\n  color: var(--body-text);\n}\n\n/* ODS Over-ride */\n.row \u003e *:first-child {\n  margin-left: 0;\n}\n\n.row \u003e *:last-child {\n  margin-right: 0;\n}\n\n.row {\n  display: flex;\n  justify-content: center;\n}\n\n@media screen and (max-width: 992px) {\n  .row {\n    flex-direction: column;\n  }\n\n  .row \u003e *:not(:last-child) {\n    margin-bottom: 16px;\n  }\n}\n\n.odswidget-select-button-label,\n.odswidget-select-button,\n.odswidget-select-input {\n  color: var(--card-text);\n}\n\n.odswidget-select-dropdown-menu {\n  background-color: var(--surface);\n  border: 1px solid var(--overlay-10);\n}\n\n.odswidget-select-dropdown-menu-item:hover {\n  background-color: var(--overlay-10);\n}\n\n.odswidget-select-dropdown-item-close-icon {\n  color: var(--primary);\n}\n\n.odswidget-select-input-container {\n  border: none;\n}\n\n.odswidget-timerange__reset {\n  color: var(--primary);\n}\n\n.odswidget-timerange__reset:hover {\n  color: var(--primary-80);\n}\n\n.odswidgets-rd-container.rd-container\n {\n  background: var(--surface);\n  border: 1px solid var(--overlay-10);\n}\n\n.odswidgets-rd-container .rd-time-list {\n  background-color: var(--surface);\n  color: var(--card-text);\n}\n\n.odswidgets-rd-container .rd-next,\n.odswidgets-rd-container .rd-back {\n  background-color: var(--surface);\n  color: var(--card-text);\n}\n\n.odswidgets-rd-container .rd-day-body:hover,\n.odswidgets-rd-container .rd-day-selected,\n.odswidgets-rd-container .rd-time-option:hover,\n.odswidgets-rd-container .rd-time-selected {\n  background-color: var(--primary);\n}\n\n.odswidget-charts {\n  margin: 0 -12px;\n}\n\n.highcharts-halo {\n  fill: var(--primary) !important;\n}\n\n.highcharts-root \u003e * {\n  width: 100%;\n}\n\n.highcharts-text-outline {\n  display: none;\n}\n\n.highcharts-data-label text tspan {\n  fill: var(--card-text);\n}\n\n.hide-y .highcharts-yaxis-grid path.highcharts-grid-line,\n.hide-y .highcharts-yaxis-labels text,\n.hide-y .highcharts-yaxis-labels span {\n  display: none !important;\n}\n\n.hide-x .highcharts-xaxis-labels text,\n.hide-x .highcharts-xaxis-labels span,\n.hide-x .highcharts-xaxis tspan,\n.hide-x .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,\n.hide-x .highcharts-xaxis-grid path.highcharts-grid-line,\n.hide-x .highcharts-tick {\n  display: none !important;\n}\n\n.hide-x-grid .highcharts-xaxis tspan,\n.hide-x-grid .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,\n.hide-x-grid .highcharts-xaxis-grid path.highcharts-grid-line,\n.hide-x-grid .highcharts-tick {\n  display: none !important;\n}\n\n.y-values .highcharts-data-label:not(:first-child):not(:last-child) {\n  display: none;\n}\n\n.mini-card .highcharts-point.highcharts-color-0 {\n  fill: var(--primary) !important;\n}\n.mini-card .highcharts-point.highcharts-color-1 {\n  fill: var(--primary-50) !important;\n}\n.mini-card .highcharts-point.highcharts-color-2 {\n  fill: var(--primary-40) !important;\n}\n.mini-card .highcharts-point.highcharts-color-3 {\n  fill: var(--primary-60) !important;\n}\n.mini-card .highcharts-point.highcharts-color-4 {\n  fill: var(--primary-30) !important;\n}\n.mini-card .highcharts-point.highcharts-color-5 {\n  fill: var(--primary-70) !important;\n}\n.mini-card .highcharts-point.highcharts-color-6 {\n  fill: var(--primary-20) !important;\n}\n.mini-card .highcharts-point.highcharts-color-7  {\n  fill: var(--primary-80) !important;\n}\n.mini-card .highcharts-point.highcharts-color-8 {\n  fill: var(--primary-10) !important;\n}\n.mini-card .highcharts-point.highcharts-color-9 {\n  fill: var(--primary-90) !important;\n}\n.mini-card .highcharts-color-0.highcharts-data-label-connector {\n  stroke: var(--primary) !important;\n}\n.mini-card .highcharts-color-1.highcharts-data-label-connector {\n  stroke: var(--primary-50) !important;\n}\n.mini-card .highcharts-color-2.highcharts-data-label-connector {\n  stroke: var(--primary-40) !important;\n}\n.mini-card .highcharts-color-3.highcharts-data-label-connector {\n  stroke: var(--primary-60) !important;\n}\n.mini-card .highcharts-color-4.highcharts-data-label-connector {\n  stroke: var(--primary-30) !important;\n}\n.mini-card .highcharts-color-5.highcharts-data-label-connector {\n  stroke: var(--primary-70) !important;\n}\n.mini-card .highcharts-color-6.highcharts-data-label-connector {\n  stroke: var(--primary-20) !important;\n}\n.mini-card .highcharts-color-7.highcharts-data-label-connector  {\n  stroke: var(--primary-80) !important;\n}\n.mini-card .highcharts-color-8.highcharts-data-label-connector {\n  stroke: var(--primary-10) !important;\n}\n.mini-card .highcharts-color-9.highcharts-data-label-connector {\n  stroke: var(--primary-90) !important;\n}\n\n.mini-card rect.highcharts-background {\n  fill: transparent !important;\n}\n\n.mini-card text {\n  fill: var(--card-text) !important;\n  font-size: 13px !important;\n}\n\n.mini-card .highcharts-grid-line {\n  stroke: var(--primary) !important;\n  stroke-dasharray: 2 2;\n}\n\n.mini-card .highcharts-graph {\n  stroke: var(--primary) !important;\n}\n\n.mini-card .highcharts-area {\n  fill: transparent !important;\n}\n\n.mini-card .highcharts-legend {\n  display: none;\n}\n\n.mini-card .highcharts-markers path {\n  fill: var(--primary) !important;\n}\n\n.mini-card .highcharts-label-box:not(.highcharts-shadow) {\n  stroke: var(--primary) !important;\n}\n\n.mini-card .highcharts-tooltip-container {\n  background: var(--background);\n  color: var(--body-text);\n}\n\n.mini-card .highcharts-label span {\n  color: var(--card-text) !important;\n}\n\n.mini-card .ods-highcharts__tooltip span {\n  color: var(--primary) !important;\n}\n\n.mini-card .highcharts-point {\n  fill: var(--primary) !important;\n  stroke: transparent !important;\n  rx: 8px;\n}\n\n.mini-card .highcharts-grid-line:not(:first-child):not(:last-child),\n.mini-card .highcharts-yaxis-labels text:not(:first-child):not(:last-child) {\n  display: none;\n}\n\n.mini-card .highcharts-xaxis-labels span {\n  color: var(--card-text) !important;\n  font-size: 13px !important;;\n}\n\n/* Utilities */\n.z-depth-1 {\n  z-index: 1;\n  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),\n    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);\n}\n\n.z-depth-2 {\n  z-index: 2;\n  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12),\n    0 2px 4px -1px rgba(0, 0, 0, 0.3);\n}\n\n.row-sticky {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}\n\n/* Elements */\nsection {\n  padding: 0 16px;\n  margin: 16px 0;\n}\n\n.title {\n  margin-bottom: 1em;\n}\n\n.subtitle {\n  margin-top: -0.75em;\n}\n\nh1.title {\n  font-size: 2.25rem;\n}\n\nh2.title {\n  font-size: 1.5rem;\n}\n\nh5.subtitle {\n  font-size: 1.25rem;\n  font-weight: 600;\n  margin: 0;\n}\n\n/* Components */\n.menu {\n  display: flex;\n  justify-content: center;\n  align-items: stretch;\n  background: white;\n  border-radius: 999px;\n  padding: 0 16px;\n  margin-top: 16px;\n  background: var(--surface);\n  color: var(--card-text);\n}\n\n@media screen and (max-width: 768px) {\n  .menu {\n    flex-direction: column;\n    width: 100%;\n    border-radius: 0;\n    margin: 0;\n    padding: 0;\n  }\n}\n\n.filter {\n  display: flex;\n  flex: 1 1;\n  align-items: center;\n  justify-content: flex-end;\n  padding: 8px;\n}\n\n.filter:not(:last-child) {\n  border-right: 1px solid lightgray;\n}\n\n.filter .odswidget-select {\n  min-width: 220px;\n}\n\n.filter \u003e *:not(:last-child) {\n  margin-right: 8px;\n}\n\n.filter .odswidget-timerange {\n  display: flex;\n}\n\n.filter .odswidget-timerange__to,\n.filter .odswidget-timerange__from {\n  display: flex;\n  justify-content: space-between;\n  margin-right: 16px;\n}\n\n.filter .odswidget-timerange__label {\n  margin-right: 8px;\n}\n\n.filter .odswidget-select-button,\n.filter .odswidget-select-input {\n  padding: 8px;\n  border: none;\n  background: transparent;\n}\n\n.filter .odswidget-select-button:hover {\n  border: none;\n}\n\n.filter .odswidget-timerange__input {\n  border: none;\n  border-bottom: 1px solid;\n  background: var(--surface);\n  color: var(--card-text);\n}\n\n.filter .odswidget-select-dropdown-menu {\n  top: 32px;\n}\n\n@media screen and (max-width: 768px) {\n  .filter {\n    justify-content: center;\n  }\n\n  .filter .odswidget-timerange {\n    flex-direction: column;\n  }\n\n  .filter .odswidget-timerange__from {\n    margin-bottom: 2em;\n  }\n\n  .filter:not(:last-child) {\n      width: 100%;\n      border-right: none;\n      border-bottom: 1px solid lightgray;\n  }\n}\n\n.card {\n  background: var(--surface);\n  color: var(--card-text);\n  border-radius: 4px;\n  padding: 16px;\n  height: 100%;\n}\n\n.card-head {\n  padding-bottom: 2rem;\n}\n\n.card .title,\n.card .subtitle {\n  color: var(--card-text);\n}\n\n.data-table {\n  margin: 0 -16px;\n  color: var(--card-text);\n}\n\n.data-table thead {\n  background: var(--overlay-10);\n  border-bottom: 1px solid var(--card-text);\n}\n\n.data-table tr {\n  line-height: 32px;\n  position: relative;\n}\n\n.data-table tr:hover {\n  background: var(--overlay-10);\n}\n\n.data-table td,\n.data-table th {\n  padding: 8px;\n}\n\n.data-table tbody tr:nth-child(-n + 3) * {\n  font-weight: 500;\n}\n"
@@ -4602,7 +4897,8 @@ 
        
               width="100%" height="100%"
               src="about:blank"
               srcdoc="
-                <link
+                
+                    <link
   rel="stylesheet"
   href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"
 />
@@ -4646,6 +4942,7 @@ 
        
   const sourceMonitoringInterceptor = $q => {
     return {
       request: config => {
+        console.log(config.url);
         if (config.params)
           if (config.params.source) delete config.params.source;
 
@@ -4756,7 +5053,9 @@ 
        
       $httpProvider.interceptors.push(sourceMonitoringInterceptor);
     });
 </script>
-
+
+                    
+                
                 
                 
                 
        <div ng-app="ods-widgets">
@@ -5277,8 +5576,16 @@ 
        
                 
               ">
       
-      
        
-          
+          
+          
           
       
        
     
        
-    
        
-    
-    
        
-      
        
-        Making a full dashboard 
-        New
+                
        
+            
+        
         
-        
-          
-            
-          
-        
-      
-      
        
-        
        This is a reproduction of the monitoring dashboard using the above components. We also use different base color for each row in this example, using the following css selectors: is-info, is-warning, is-success.
        
+        
        
+            
        
+                Full dashboard 
+                
+            
+              
+            
+                
+            
        
+            
        
+                
        This is a reproduction of the monitoring dashboard using the above components.
        
+
+            
        
+            
+            
+                
        
+                    
+
+
+
 
-      
        
-      
-      
        
-        
 
 
+    
 
 
 
@@ -6418,8 +6766,11 @@ 
        
 
 
 
+
+
+
 
        
-    
@@ -6427,21 +6778,22 @@ 
        
                name="data"
                value='{
                  "title": "New Pen!",
-                 "head": "\u003clink\n  rel=\"stylesheet\"\n  href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n  type=\"text/javascript\"\n  src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n  type=\"text/javascript\"\n  src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n  type=\"text/javascript\"\n  src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n  const sourceMonitoringInterceptor = $q =\u003e {\n    return {\n      request: config =\u003e {\n        if (config.params)\n          if (config.params.source) delete config.params.source;\n\n        config.url = config.url.replace(\n          \"ods-api-monitoring\",\n          \"monitoring-copy\"\n        );\n        return config;\n      }\n    };\n  };\n\n  angular\n    .module(\"ods-widgets\")\n    .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n      ODSWidgetsConfigProvider.setConfig({\n        defaultDomain: \"https://userclub.opendatasoft.com/\",\n        basemaps: [\n          {\n            provider: \"jawg.light\",\n            label: \"Jawg Light\",\n            jawg_apikey: \"opendatasoft-community\"\n          },\n          {\n            provider: \"jawg.streets\",\n            label: \"Jawg Streets\",\n            jawg_apikey: \"opendatasoft-community\",\n            id: \"streets\"\n          }\n        ],\n        themes: {\n          default: {\n            url: \"/img/ods.svg\"\n          },\n          Santé: {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n            color: \"#1446A0\"\n          },\n          \"Culture, Patrimoine\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n            color: \"#1446A0\"\n          },\n          \"Éducation, Formation, Recherche, Enseignement\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n            color: \"#1446A0\"\n          },\n          Environment: {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n            color: \"#1446A0\"\n          },\n          \"Transports, Déplacements\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n            color: \"#1446A0\"\n          },\n          \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n            color: \"#1446A0\"\n          },\n          \"Économie, Business, PME, Développement économique, Emploi\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n            color: \"#1446A0\"\n          },\n          \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n            color: \"#1446A0\"\n          },\n          \"Justice, Sécurité, Police, Crime\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n            color: \"#1446A0\"\n          },\n          \"Sport, Loisirs\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n            color: \"#1446A0\"\n          },\n          \"Hébergement, Restauration\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n            color: \"#1446A0\"\n          },\n          \"Services, Social\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n            color: \"#1446A0\"\n          },\n          Checklist: {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n            color: \"#1446A0\"\n          },\n          Usages: {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n            color: \"#1446A0\"\n          }\n        },\n        mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n      });\n      $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n    });\n\u003c/script\u003e\n",
+                 "head": "\u003clink\n  rel=\"stylesheet\"\n  href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n  type=\"text/javascript\"\n  src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n  type=\"text/javascript\"\n  src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n  type=\"text/javascript\"\n  src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n  const sourceMonitoringInterceptor = $q =\u003e {\n    return {\n      request: config =\u003e {\n        console.log(config.url);\n        if (config.params)\n          if (config.params.source) delete config.params.source;\n\n        config.url = config.url.replace(\n          \"ods-api-monitoring\",\n          \"monitoring-copy\"\n        );\n        return config;\n      }\n    };\n  };\n\n  angular\n    .module(\"ods-widgets\")\n    .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n      ODSWidgetsConfigProvider.setConfig({\n        defaultDomain: \"https://userclub.opendatasoft.com/\",\n        basemaps: [\n          {\n            provider: \"jawg.light\",\n            label: \"Jawg Light\",\n            jawg_apikey: \"opendatasoft-community\"\n          },\n          {\n            provider: \"jawg.streets\",\n            label: \"Jawg Streets\",\n            jawg_apikey: \"opendatasoft-community\",\n            id: \"streets\"\n          }\n        ],\n        themes: {\n          default: {\n            url: \"/img/ods.svg\"\n          },\n          Santé: {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n            color: \"#1446A0\"\n          },\n          \"Culture, Patrimoine\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n            color: \"#1446A0\"\n          },\n          \"Éducation, Formation, Recherche, Enseignement\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n            color: \"#1446A0\"\n          },\n          Environment: {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n            color: \"#1446A0\"\n          },\n          \"Transports, Déplacements\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n            color: \"#1446A0\"\n          },\n          \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n            color: \"#1446A0\"\n          },\n          \"Économie, Business, PME, Développement économique, Emploi\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n            color: \"#1446A0\"\n          },\n          \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n            color: \"#1446A0\"\n          },\n          \"Justice, Sécurité, Police, Crime\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n            color: \"#1446A0\"\n          },\n          \"Sport, Loisirs\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n            color: \"#1446A0\"\n          },\n          \"Hébergement, Restauration\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n            color: \"#1446A0\"\n          },\n          \"Services, Social\": {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n            color: \"#1446A0\"\n          },\n          Checklist: {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n            color: \"#1446A0\"\n          },\n          Usages: {\n            url:\n              \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n            color: \"#1446A0\"\n          }\n        },\n        mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n      });\n      $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n    });\n\u003c/script\u003e\n",
                  "editors": 110,
-                 "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"stats\"\n                     stats-dataset=\"ods-api-monitoring\"\n                     stats-source=\"monitoring\"\n                     stats-parameters=\"{'disjunctive.dataset_id':true}\"\u003e\n    \u003cdiv class=\"container\"\u003e\n        \u003csection\u003e\n            \u003ch1 class=\"title\"\u003e\n                Company Data Hub's Analytics\n            \u003c/h1\u003e\n            \u003cp\u003eDISCLAIMER Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi sint, sequi ratione\n                esse, officiis, aliquam quaerat perferendis mollitia laborum cumque molestiae aspernatur.\u003c/p\u003e\n            \u003cp\u003e\n                These Analytics are based on usages made on \u003ca href=\"/explore\" target=\"_blank\"\u003eCompany's\u003c/a\u003e data\n                portal. Contact \u003ca href=mailto:admin@mycompany.com class=\"link_color\"\u003eAdmin\u003c/a\u003e for any additional\n                questions.\n            \u003c/p\u003e\n            \u003ca href=\"/explore/dataset/ods-api-monitoring/?source=monitoring\u0026disjunctive.dataset_id\"\u003e Access source\n                data\u003c/a\u003e\n\n            \u003ca href=\"/explore\"\u003e Access Company's Data Hub\u003c/a\u003e\n        \u003c/section\u003e\n        \u003cnav class=\"row row-sticky\"\u003e\n            \u003cdiv class=\"menu z-depth-2\"\u003e\n                \u003cdiv class=\"filter\"\u003e\n                    \u003cdiv ods-facet-results=\"items\"\n                         ods-facet-results-context=\"stats\"\n                         ods-facet-results-facet-name=\"dataset_id\"\n                         ods-facet-results-sort=\"alphanum\"\u003e\n                        \u003cods-select placeholder=\"Dataset\"\n                                    selected-values=\"stats.parameters['refine.dataset_id']\"\n                                    multiple=\"false\"\n                                    options=\"items\"\n                                    label-modifier=\"name\"\n                                    value-modifier=\"name\"\u003e\n                        \u003c/ods-select\u003e\n                    \u003c/div\u003e\n                \u003c/div\u003e\n                \u003cdiv class=\"filter\" ods-datetime=\"now\"\u003e\n                    \u003cods-timerange context=\"stats\"\n                                   date-format=\"DD MMM YYYY\"\n                                   precision=\"day\"\n                                   default-from=\"{{ (now|momentadd:'months':-2)|moment:'YYYY-MM-DD' }}\"\n                                   default-to=\"{{ now|moment:'YYYY-MM-DD' }}\"\n                                   stats-time-field=\"timestamp\"\n                                   from=\"startDate\"\n                                   to=\"endDate\"\u003e\n                    \u003c/ods-timerange\u003e\n                \u003c/div\u003e\n            \u003c/div\u003e\n        \u003c/nav\u003e\n        \u003csection class=\"row is-info\"\u003e\n            \u003cdiv class=\"col-md-6\"\u003e\n                \u003cdiv class=\"card z-depth-1\"\u003e\n                    \u003cdiv class=\"card-head\"\u003e\n                        \u003ch2 class=\"title\"\u003e\n                            Portal's activity.\n                        \u003c/h2\u003e\n                        \u003cp class=\"subtitle\"\u003eCount of daily API calls from {{ startDate|date:'longDate' }} to {{\n                            endDate|date:'longDate' }}.\u003c/p\u003e\n                    \u003c/div\u003e\n                    \u003cods-chart class=\"mini-card hide-x hide-y y-values\" timescale=\"day\" single-y-axis=\"true\"\n                               align-month=\"true\"\u003e\n                        \u003cods-chart-query context=\"stats\" field-x=\"timestamp\" maxpoints=\"0\" timescale=\"day\"\u003e\n                            \u003cods-chart-serie expression-y=\"size_res\" chart-type=\"areaspline\" function-y=\"COUNT\"\n                                             scientific-display=\"false\" display-values=\"true\"\u003e\n                            \u003c/ods-chart-serie\u003e\n                        \u003c/ods-chart-query\u003e\n                    \u003c/ods-chart\u003e\n                \u003c/div\u003e\n            \u003c/div\u003e\n            \u003cdiv class=\"col-md-6\"\u003e\n                \u003cdiv class=\"card z-depth-1\"\u003e\n                    \u003cdiv class=\"card-head\"\u003e\n                        \u003ch2 class=\"title\"\u003e\n                            Users ranked by API calls\n                        \u003c/h2\u003e\n                        \u003cp class=\"subtitle\"\u003eMost active users by sum of all API calls, regardless of the nature of\n                            the call.\u003c/p\u003e\n                    \u003c/div\u003e\n                    \u003cods-chart class=\"mini-card\"\u003e\n                        \u003cods-chart-query context=\"stats\" field-x=\"user_id\" maxpoints=\"10\" sort=\"serie1-1\"\n                                         display-legend=\"true\"\u003e\n                            \u003cods-chart-serie chart-type=\"pie\" innersize=\"60%\" labelsposition=\"outside\"\n                                             function-y=\"COUNT\" scientific-display=\"true\"\u003e\n                            \u003c/ods-chart-serie\u003e\n                        \u003c/ods-chart-query\u003e\n                    \u003c/ods-chart\u003e\n                \u003c/div\u003e\n            \u003c/div\u003e\n        \u003c/section\u003e\n        \u003csection class=\"row is-warning\"\u003e\n            \u003cdiv class=\"col-md-12\"\u003e\n                \u003cods-dataset-context context=\"queries\"\n                                     queries-dataset=\"monitoring-copy\"\n                                     queries-parameters=\"{'q':'NOT #null(query_text)'}\"\u003e\n                    {{ queries.parameters['q.timerange'] = stats.parameters['q.timerange'] ; '' }}\n                    {{ queries.parameters['refine.dataset_id'] = stats.parameters['refine.dataset_id'] ; '' }}\n                    \u003cdiv class=\"card z-depth-1\"\u003e\n                        \u003cdiv class=\"card-head\"\u003e\n                            \u003ch2 class=\"title\"\u003e\n                                Most frequent queries\n                            \u003c/h2\u003e\n                        \u003c/div\u003e\n                        \u003ctable class=\"data-table\"\u003e\n                            \u003cthead\u003e\n                            \u003ctr\u003e\n                                \u003cth\u003e Rank\u003c/th\u003e\n                                \u003cth\u003eRequest\u003c/th\u003e\n                                \u003cth\u003eOccurrences\u003c/th\u003e\n                            \u003c/tr\u003e\n                            \u003c/thead\u003e\n                            \u003ctbody\u003e\n                            \u003ctr ods-facet-results=\"frequentqueries\"\n                                ods-facet-results-context=\"queries\"\n                                ods-facet-results-facet-name=\"query_text\"\n                                ng-repeat=\"(i,query) in frequentqueries.slice(0,10)\"\n                                ng-show=\"query.count\u003e5\"\u003e\n                                \u003ctd style=\"text-align:center;\"\u003e{{ i+1 }}\u003c/td\u003e\n                                \u003ctd style=\"width: 100%\"\u003e{{ query.name }}\u003c/td\u003e\n                                \u003ctd\u003e{{ query.count }}\u003c/td\u003e\n                            \u003c/tr\u003e\n                            \u003c/tbody\u003e\n                        \u003c/table\u003e\n                    \u003c/div\u003e\n                \u003c/ods-dataset-context\u003e\n            \u003c/div\u003e\n        \u003c/section\u003e\n        \u003csection class=\"row is-success\"\u003e\n            \u003cdiv class=\"col-md-6\"\u003e\n                \u003cdiv class=\"card z-depth-1\"\u003e\n                    \u003cdiv class=\"card-head\"\u003e\n                        \u003ch2 class=\"title\"\u003e\n                            Most active pages\n                        \u003c/h2\u003e\n                        \u003cp class=\"subtitle\"\u003eRanked by number of API calls\u003c/p\u003e\n                    \u003c/div\u003e\n                    \u003cods-chart class=\"mini-card hide-x-grid hide-y\" single-y-axis=\"true\" align-month=\"true\"\n                               labels-x-length=\"15\"\u003e\n                        \u003cods-chart-query context=\"stats\" field-x=\"attributes\" maxpoints=\"7\" sort=\"serie1-1\"\u003e\n                            \u003cods-chart-serie chart-type=\"bar\" function-y=\"COUNT\" label-y=\"Sum of API calls\"\n                                             scientific-display=\"true\" display-values=\"true\"\u003e\n                            \u003c/ods-chart-serie\u003e\n                        \u003c/ods-chart-query\u003e\n                    \u003c/ods-chart\u003e\n                \u003c/div\u003e\n            \u003c/div\u003e\n            \u003cdiv class=\"col-md-6\"\u003e\n                \u003cdiv class=\"card z-depth-1\"\u003e\n                    \u003cdiv class=\"card-head\"\u003e\n                        \u003ch2 class=\"title\"\u003e\n                            Popular actions\n                        \u003c/h2\u003e\n                        \u003cp class=\"subtitle\"\u003eRanked by number of API calls\u003c/p\u003e\n                    \u003c/div\u003e\n                    \u003cods-chart class=\"mini-card hide-x-grid hide-y\" single-y-axis=\"true\" align-month=\"true\"\n                               labels-x-length=\"15\"\u003e\n                        \u003cods-chart-query context=\"stats\" field-x=\"action\" maxpoints=\"6\" sort=\"serie1-1\"\u003e\n                            \u003cods-chart-serie chart-type=\"bar\" function-y=\"COUNT\" scientific-display=\"true\"\n                                             display-values=\"true\"\u003e\n                            \u003c/ods-chart-serie\u003e\n                        \u003c/ods-chart-query\u003e\n                    \u003c/ods-chart\u003e\n                \u003c/div\u003e\n            \u003c/div\u003e\n        \u003c/section\u003e\n        \u003csection class=\"row\"\u003e\n            \u003cdiv class=\"col-md-12\"\u003e\n                \u003cdiv class=\"card z-depth-1\"\u003e\n                    \u003cdiv class=\"card-head\"\u003e\n                        \u003ch2 class=\"title\"\u003e\n                            Origin of users on Company's Data Hub\n                        \u003c/h2\u003e\n                    \u003c/div\u003e\n                    \u003cods-map scroll-wheel-zoom=\"false\"\n                             location=\"5,47.27923,2.94434\"\n                             basemap=\"jawg.dark\"\n                             toolbar-geolocation=\"false\"\n                             toolbar-drawing=\"true\"\n                             toolbar-fullscreen=\"true\"\n                             search-box=\"false\"\n                             display-control=\"false\"\n                             display-control-single-layer=\"true\"\u003e\n                        \u003cods-map-layer-group\u003e\n                            \u003cods-map-layer context=\"stats\" color=\"hsl(194, 100%, 73%)\" picto=\"ods-circle\"\n                                           show-marker=\"true\" display=\"auto\" shape-opacity=\"0.5\" point-opacity=\"1\"\n                                           border-color=\"#FFFFFF\" border-opacity=\"1\" border-size=\"1\"\n                                           border-pattern=\"solid\" caption=\"false\" caption-picto-color=\"#f2cb46\"\n                                           title=\"Company Data Hub\" size=\"4\" size-min=\"3\" size-max=\"5\"\n                                           size-function=\"linear\"\u003e\u003c/ods-map-layer\u003e\n                        \u003c/ods-map-layer-group\u003e\n                    \u003c/ods-map\u003e\n                \u003c/div\u003e\n            \u003c/div\u003e\n        \u003c/section\u003e\n    \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\u003c/div\u003e",
-                 "css": ":root {\n  --primary-hue: 36;\n  --primary-saturation: 94%;\n  --primary-lightness: 59%;\n\n  --surface: hsl(200, 21%, 37%);\n  --background: hsl(198, 20%, 17%);\n  --card-text: white;\n  --body-text: white;\n\n  /* These are automatically computed unless you need to overwrite them */\n  --primary:    hsl(var(--primary-hue), var(--primary-saturation), var(--primary-lightness));\n  --primary-10: hsl(var(--primary-hue), var(--primary-saturation), 10%);\n  --primary-20: hsl(var(--primary-hue), var(--primary-saturation), 20%);\n  --primary-30: hsl(var(--primary-hue), var(--primary-saturation), 30%);\n  --primary-40: hsl(var(--primary-hue), var(--primary-saturation), 40%);\n  --primary-50: hsl(var(--primary-hue), var(--primary-saturation), 50%);\n  --primary-60: hsl(var(--primary-hue), var(--primary-saturation), 60%);\n  --primary-70: hsl(var(--primary-hue), var(--primary-saturation), 70%);\n  --primary-80: hsl(var(--primary-hue), var(--primary-saturation), 80%);\n  --primary-90: hsl(var(--primary-hue), var(--primary-saturation), 90%);\n\n  --overlay-10: hsla(var(--primary-hue), var(--primary-saturation), 90%, 10%);\n}\n\n.is-info {\n  --primary-hue: 194;\n  --primary-saturation: 100%;\n  --primary-lightness: 73%;\n\n  /* These are automatically computed unless you need to overwrite them */\n  --primary:    hsl(var(--primary-hue), var(--primary-saturation), var(--primary-lightness));\n  --primary-10: hsl(var(--primary-hue), var(--primary-saturation), 10%);\n  --primary-20: hsl(var(--primary-hue), var(--primary-saturation), 20%);\n  --primary-30: hsl(var(--primary-hue), var(--primary-saturation), 30%);\n  --primary-40: hsl(var(--primary-hue), var(--primary-saturation), 40%);\n  --primary-50: hsl(var(--primary-hue), var(--primary-saturation), 50%);\n  --primary-60: hsl(var(--primary-hue), var(--primary-saturation), 60%);\n  --primary-70: hsl(var(--primary-hue), var(--primary-saturation), 70%);\n  --primary-80: hsl(var(--primary-hue), var(--primary-saturation), 80%);\n  --primary-90: hsl(var(--primary-hue), var(--primary-saturation), 90%);\n\n  --overlay-10: hsla(var(--primary-hue), var(--primary-saturation), 90%, 10%);\n}\n\n.is-success {\n  --primary-hue: 158;\n  --primary-saturation: 72%;\n  --primary-lightness: 42%;\n\n  /* These are automatically computed unless you need to overwrite them */\n  --primary:    hsl(var(--primary-hue), var(--primary-saturation), var(--primary-lightness));\n  --primary-10: hsl(var(--primary-hue), var(--primary-saturation), 10%);\n  --primary-20: hsl(var(--primary-hue), var(--primary-saturation), 20%);\n  --primary-30: hsl(var(--primary-hue), var(--primary-saturation), 30%);\n  --primary-40: hsl(var(--primary-hue), var(--primary-saturation), 40%);\n  --primary-50: hsl(var(--primary-hue), var(--primary-saturation), 50%);\n  --primary-60: hsl(var(--primary-hue), var(--primary-saturation), 60%);\n  --primary-70: hsl(var(--primary-hue), var(--primary-saturation), 70%);\n  --primary-80: hsl(var(--primary-hue), var(--primary-saturation), 80%);\n  --primary-90: hsl(var(--primary-hue), var(--primary-saturation), 90%);\n\n  --overlay-10: hsla(var(--primary-hue), var(--primary-saturation), 90%, 10%);\n}\n\n.is-warning {\n  --primary-hue: 5;\n  --primary-saturation: 100%;\n  --primary-lightness: 67%;\n\n  /* These are automatically computed unless you need to overwrite them */\n  --primary:    hsl(var(--primary-hue), var(--primary-saturation), var(--primary-lightness));\n  --primary-10: hsl(var(--primary-hue), var(--primary-saturation), 10%);\n  --primary-20: hsl(var(--primary-hue), var(--primary-saturation), 20%);\n  --primary-30: hsl(var(--primary-hue), var(--primary-saturation), 30%);\n  --primary-40: hsl(var(--primary-hue), var(--primary-saturation), 40%);\n  --primary-50: hsl(var(--primary-hue), var(--primary-saturation), 50%);\n  --primary-60: hsl(var(--primary-hue), var(--primary-saturation), 60%);\n  --primary-70: hsl(var(--primary-hue), var(--primary-saturation), 70%);\n  --primary-80: hsl(var(--primary-hue), var(--primary-saturation), 80%);\n  --primary-90: hsl(var(--primary-hue), var(--primary-saturation), 90%);\n\n  --overlay-10: hsla(var(--primary-hue), var(--primary-saturation), 50%, 50%);\n}\n\nbody {\n  background-color: var(--background);\n  color: var(--body-text);\n}\n\nh1 {\n  color: var(--body-text);\n}\n\n/* ODS Over-ride */\n.row \u003e *:first-child {\n  margin-left: 0;\n}\n\n.row \u003e *:last-child {\n  margin-right: 0;\n}\n\n.row {\n  display: flex;\n  justify-content: center;\n}\n\n@media screen and (max-width: 992px) {\n  .row {\n    flex-direction: column;\n  }\n\n  .row \u003e *:not(:last-child) {\n    margin-bottom: 16px;\n  }\n}\n\n.odswidget-select-button-label,\n.odswidget-select-button,\n.odswidget-select-input {\n  color: var(--card-text);\n}\n\n.odswidget-select-dropdown-menu {\n  background-color: var(--surface);\n  border: 1px solid var(--overlay-10);\n}\n\n.odswidget-select-dropdown-menu-item:hover {\n  background-color: var(--overlay-10);\n}\n\n.odswidget-select-dropdown-item-close-icon {\n  color: var(--primary);\n}\n\n.odswidget-select-input-container {\n  border: none;\n}\n\n.odswidget-timerange__reset {\n  color: var(--primary);\n}\n\n.odswidget-timerange__reset:hover {\n  color: var(--primary-80);\n}\n\n.odswidgets-rd-container.rd-container\n {\n  background: var(--surface);\n  border: 1px solid var(--overlay-10);\n}\n\n.odswidgets-rd-container .rd-time-list {\n  background-color: var(--surface);\n  color: var(--card-text);\n}\n\n.odswidgets-rd-container .rd-next,\n.odswidgets-rd-container .rd-back {\n  background-color: var(--surface);\n  color: var(--card-text);\n}\n\n.odswidgets-rd-container .rd-day-body:hover,\n.odswidgets-rd-container .rd-day-selected,\n.odswidgets-rd-container .rd-time-option:hover,\n.odswidgets-rd-container .rd-time-selected\n{\n  background-color: var(--primary);\n}\n\n.odswidget-charts {\n  margin: 0 -12px;\n}\n\n.highcharts-halo {\n  fill: var(--primary) !important;\n}\n\n.highcharts-root \u003e * {\n  width: 100%;\n}\n\n.highcharts-text-outline {\n  display: none;\n}\n\n.highcharts-data-label text tspan {\n  fill: var(--card-text);\n}\n\n.hide-y .highcharts-yaxis-grid path.highcharts-grid-line,\n.hide-y .highcharts-yaxis-labels text,\n.hide-y .highcharts-yaxis-labels span {\n  display: none !important;\n}\n\n.hide-x .highcharts-xaxis-labels text,\n.hide-x .highcharts-xaxis-labels span,\n.hide-x .highcharts-xaxis tspan,\n.hide-x .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,\n.hide-x .highcharts-xaxis-grid path.highcharts-grid-line,\n.hide-x .highcharts-tick {\n  display: none !important;\n}\n\n.hide-x-grid .highcharts-xaxis tspan,\n.hide-x-grid .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,\n.hide-x-grid .highcharts-xaxis-grid path.highcharts-grid-line,\n.hide-x-grid .highcharts-tick {\n  display: none !important;\n}\n\n.y-values .highcharts-data-label:not(:first-child):not(:last-child) {\n  display: none;\n}\n\n.y-values .highcharts-data-label:first-child,\n.y-values .highcharts-data-label:last-child {\n  opacity: 1;\n  visibility: inherit; /* force the last child to be visible, as it can be hidden by highchart */\n}\n\n.mini-card .highcharts-point.highcharts-color-0 {\n  fill: var(--primary) !important;\n}\n.mini-card .highcharts-point.highcharts-color-1 {\n  fill: var(--primary-50) !important;\n}\n.mini-card .highcharts-point.highcharts-color-2 {\n  fill: var(--primary-40) !important;\n}\n.mini-card .highcharts-point.highcharts-color-3 {\n  fill: var(--primary-60) !important;\n}\n.mini-card .highcharts-point.highcharts-color-4 {\n  fill: var(--primary-30) !important;\n}\n.mini-card .highcharts-point.highcharts-color-5 {\n  fill: var(--primary-70) !important;\n}\n.mini-card .highcharts-point.highcharts-color-6 {\n  fill: var(--primary-20) !important;\n}\n.mini-card .highcharts-point.highcharts-color-7  {\n  fill: var(--primary-80) !important;\n}\n.mini-card .highcharts-point.highcharts-color-8 {\n  fill: var(--primary-10) !important;\n}\n.mini-card .highcharts-point.highcharts-color-9 {\n  fill: var(--primary-90) !important;\n}\n.mini-card .highcharts-color-0.highcharts-data-label-connector {\n  stroke: var(--primary) !important;\n}\n.mini-card .highcharts-color-1.highcharts-data-label-connector {\n  stroke: var(--primary-50) !important;\n}\n.mini-card .highcharts-color-2.highcharts-data-label-connector {\n  stroke: var(--primary-40) !important;\n}\n.mini-card .highcharts-color-3.highcharts-data-label-connector {\n  stroke: var(--primary-60) !important;\n}\n.mini-card .highcharts-color-4.highcharts-data-label-connector {\n  stroke: var(--primary-30) !important;\n}\n.mini-card .highcharts-color-5.highcharts-data-label-connector {\n  stroke: var(--primary-70) !important;\n}\n.mini-card .highcharts-color-6.highcharts-data-label-connector {\n  stroke: var(--primary-20) !important;\n}\n.mini-card .highcharts-color-7.highcharts-data-label-connector  {\n  stroke: var(--primary-80) !important;\n}\n.mini-card .highcharts-color-8.highcharts-data-label-connector {\n  stroke: var(--primary-10) !important;\n}\n.mini-card .highcharts-color-9.highcharts-data-label-connector {\n  stroke: var(--primary-90) !important;\n}\n\n.mini-card rect.highcharts-background {\n  fill: transparent !important;\n}\n\n.mini-card text {\n  fill: var(--card-text) !important;\n  font-size: 13px !important;\n}\n\n.mini-card .highcharts-grid-line {\n  stroke: var(--primary) !important;\n  stroke-dasharray: 2 2;\n}\n\n.mini-card .highcharts-graph {\n  stroke: var(--primary) !important;\n}\n\n.mini-card .highcharts-area {\n  fill: transparent !important;\n}\n\n.mini-card .highcharts-legend {\n  display: none;\n}\n\n.mini-card .highcharts-markers path {\n  fill: var(--primary) !important;\n}\n\n.mini-card .highcharts-label-box:not(.highcharts-shadow) {\n  stroke: var(--primary) !important;\n}\n\n.mini-card .highcharts-tooltip-container {\n  background: var(--background);\n  color: var(--body-text);\n}\n\n.mini-card .highcharts-label span {\n  color: var(--card-text) !important;\n}\n\n.mini-card .ods-highcharts__tooltip span {\n  color: var(--primary) !important;\n}\n\n.mini-card .highcharts-point {\n  fill: var(--primary) !important;\n  stroke: transparent !important;\n  rx: 8px;\n}\n\n.mini-card .highcharts-grid-line:not(:first-child):not(:last-child),\n.mini-card .highcharts-yaxis-labels text:not(:first-child):not(:last-child) {\n  display: none;\n}\n\n.mini-card .highcharts-xaxis-labels span {\n  color: var(--card-text) !important;\n  font-size: 13px !important;;\n}\n\n/* Utilities */\n.z-depth-1 {\n  z-index: 1;\n  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),\n    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);\n}\n\n.z-depth-2 {\n  z-index: 2;\n  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12),\n    0 2px 4px -1px rgba(0, 0, 0, 0.3);\n}\n\n.row-sticky {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}\n\n/* Elements */\nsection {\n  padding: 0 16px;\n  margin: 16px 0;\n}\n\n.title {\n  margin-bottom: 1em;\n}\n\n.subtitle {\n  margin-top: -0.75em;\n}\n\nh1.title {\n  font-size: 2.25rem;\n}\n\nh2.title {\n  font-size: 1.5rem;\n}\n\nh5.subtitle {\n  font-size: 1.25rem;\n  font-weight: 600;\n  margin: 0;\n}\n\n/* Components */\n.menu {\n  display: flex;\n  justify-content: center;\n  align-items: stretch;\n  background: white;\n  border-radius: 999px;\n  padding: 0 16px;\n  margin-top: 16px;\n  background: var(--surface);\n  color: var(--card-text);\n}\n\n@media screen and (max-width: 992px) {\n  .menu {\n    flex-direction: column;\n    width: 100%;\n    border-radius: 0;\n    margin: 0;\n    padding: 0;\n  }\n}\n\n.filter {\n  display: flex;\n  flex: 1 1;\n  align-items: center;\n  justify-content: flex-end;\n  padding: 8px;\n}\n\n.filter:not(:last-child) {\n  border-right: 1px solid lightgray;\n}\n\n.filter .odswidget-select {\n  min-width: 220px;\n}\n\n.filter \u003e *:not(:last-child) {\n  margin-right: 8px;\n}\n\n.filter .odswidget-timerange {\n  display: flex;\n}\n\n.filter .odswidget-timerange__to,\n.filter .odswidget-timerange__from {\n  display: flex;\n  justify-content: space-between;\n  margin-right: 16px;\n}\n\n.filter .odswidget-timerange__label {\n  margin-right: 8px;\n}\n\n.filter .odswidget-select-button,\n.filter .odswidget-select-input {\n  padding: 8px;\n  border: none;\n  background: transparent;\n}\n\n.filter .odswidget-select-button:hover {\n  border: none;\n}\n\n.filter .odswidget-timerange__input {\n  border: none;\n  border-bottom: 1px solid;\n  background: var(--surface);\n  color: var(--card-text);\n}\n\n.filter .odswidget-select-dropdown-menu {\n  top: 32px;\n}\n\n@media screen and (max-width: 768px) {\n  .filter {\n    justify-content: center;\n  }\n\n  .filter .odswidget-timerange {\n    flex-direction: column;\n  }\n\n  .filter .odswidget-timerange__from {\n    margin-bottom: 2em;\n  }\n\n  .filter:not(:last-child) {\n      width: 100%;\n      border-right: none;\n      border-bottom: 1px solid lightgray;\n  }\n}\n\n.card {\n  background: var(--surface);\n  color: var(--card-text);\n  border-radius: 4px;\n  padding: 16px;\n  height: 100%;\n}\n\n.card-head {\n  padding-bottom: 2rem;\n}\n\n.card .title,\n.card .subtitle {\n  color: var(--card-text);\n}\n\n.data-table {\n  margin: 0 -16px;\n  color: var(--card-text);\n}\n\n.data-table thead {\n  background: var(--overlay-10);\n  border-bottom: 1px solid var(--card-text);\n}\n\n.data-table tr {\n  line-height: 32px;\n  position: relative;\n}\n\n.data-table tr:hover {\n  background: var(--overlay-10);\n}\n\n.data-table td,\n.data-table th {\n  padding: 8px;\n  max-width: 265px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.data-table tbody tr:nth-child(-n + 3) * {\n  font-weight: 500;\n}\n"
+                 "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"stats\"\n                     stats-dataset=\"ods-api-monitoring\"\n                     stats-source=\"monitoring\"\n                     stats-parameters=\"{'disjunctive.dataset_id':true}\"\u003e\n    \u003cdiv class=\"container\"\u003e\n        \u003csection\u003e\n            \u003ch1 class=\"title\"\u003e\n                Company Data Hub's Analytics\n            \u003c/h1\u003e\n            \u003cp\u003eDISCLAIMER Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi sint, sequi ratione\n                esse, officiis, aliquam quaerat perferendis mollitia laborum cumque molestiae aspernatur.\u003c/p\u003e\n            \u003cp\u003e\n                These Analytics are based on usages made on \u003ca href=\"/explore\" target=\"_blank\"\u003eCompany's\u003c/a\u003e data\n                portal. Contact \u003ca href=mailto:admin@mycompany.com class=\"link_color\"\u003eAdmin\u003c/a\u003e for any additional\n                questions.\n            \u003c/p\u003e\n            \u003ca href=\"/explore/dataset/ods-api-monitoring/?source=monitoring\u0026disjunctive.dataset_id\"\u003e Access source\n                data\u003c/a\u003e\n\n            \u003ca href=\"/explore\"\u003e Access Company's Data Hub\u003c/a\u003e\n        \u003c/section\u003e\n        \u003cnav class=\"row row-sticky\"\u003e\n            \u003cdiv class=\"menu z-depth-2\"\u003e\n                \u003cdiv class=\"filter\"\u003e\n                    \u003cdiv ods-facet-results=\"items\"\n                         ods-facet-results-context=\"stats\"\n                         ods-facet-results-facet-name=\"dataset_id\"\n                         ods-facet-results-sort=\"alphanum\"\u003e\n                        \u003cods-select placeholder=\"Dataset\"\n                                    selected-values=\"stats.parameters['refine.dataset_id']\"\n                                    multiple=\"false\"\n                                    options=\"items\"\n                                    label-modifier=\"name\"\n                                    value-modifier=\"name\"\u003e\n                        \u003c/ods-select\u003e\n                    \u003c/div\u003e\n                \u003c/div\u003e\n                \u003cdiv class=\"filter\" ods-datetime=\"now\"\u003e\n                    \u003cods-timerange context=\"stats\"\n                                   date-format=\"DD MMM YYYY\"\n                                   precision=\"day\"\n                                   default-from=\"{{ (now|momentadd:'months':-2)|moment:'YYYY-MM-DD' }}\"\n                                   default-to=\"{{ now|moment:'YYYY-MM-DD' }}\"\n                                   stats-time-field=\"timestamp\"\n                                   from=\"startDate\"\n                                   to=\"endDate\"\u003e\n                    \u003c/ods-timerange\u003e\n                \u003c/div\u003e\n            \u003c/div\u003e\n        \u003c/nav\u003e\n        \u003csection class=\"row\"\u003e\n            \u003cdiv class=\"col-md-6\"\u003e\n                \u003cdiv class=\"card z-depth-1\"\u003e\n                    \u003cdiv class=\"card-head\"\u003e\n                        \u003ch2 class=\"title\"\u003e\n                            Portal's activity.\n                        \u003c/h2\u003e\n                        \u003cp class=\"subtitle\"\u003eCount of daily API calls from {{ startDate|date:'longDate' }} to {{\n                            endDate|date:'longDate' }}.\u003c/p\u003e\n                    \u003c/div\u003e\n                    \u003cods-chart class=\"mini-card hide-x hide-y y-values\" timescale=\"day\" single-y-axis=\"true\"\n                               align-month=\"true\"\u003e\n                        \u003cods-chart-query context=\"stats\" field-x=\"timestamp\" maxpoints=\"0\" timescale=\"day\"\u003e\n                            \u003cods-chart-serie expression-y=\"size_res\" chart-type=\"areaspline\" function-y=\"COUNT\"\n                                             scientific-display=\"false\" display-values=\"true\"\u003e\n                            \u003c/ods-chart-serie\u003e\n                        \u003c/ods-chart-query\u003e\n                    \u003c/ods-chart\u003e\n                \u003c/div\u003e\n            \u003c/div\u003e\n            \u003cdiv class=\"col-md-6\"\u003e\n                \u003cdiv class=\"card z-depth-1\"\u003e\n                    \u003cdiv class=\"card-head\"\u003e\n                        \u003ch2 class=\"title\"\u003e\n                            Users ranked by API calls\n                        \u003c/h2\u003e\n                        \u003cp class=\"subtitle\"\u003eMost active users by sum of all API calls, regardless of the nature of\n                            the call.\u003c/p\u003e\n                    \u003c/div\u003e\n                    \u003cods-chart class=\"mini-card\"\u003e\n                        \u003cods-chart-query context=\"stats\" field-x=\"user_id\" maxpoints=\"10\" sort=\"serie1-1\"\n                                         display-legend=\"true\"\u003e\n                            \u003cods-chart-serie chart-type=\"pie\" innersize=\"60%\" labelsposition=\"outside\"\n                                             function-y=\"COUNT\" scientific-display=\"true\"\u003e\n                            \u003c/ods-chart-serie\u003e\n                        \u003c/ods-chart-query\u003e\n                    \u003c/ods-chart\u003e\n                \u003c/div\u003e\n            \u003c/div\u003e\n        \u003c/section\u003e\n        \u003csection class=\"row\"\u003e\n            \u003cdiv class=\"col-md-12\"\u003e\n                \u003cods-dataset-context context=\"queries\"\n                                     queries-dataset=\"monitoring-copy\"\n                                     queries-parameters=\"{'q':'NOT #null(query_text)'}\"\u003e\n                    {{ queries.parameters['q.timerange'] = stats.parameters['q.timerange'] ; '' }}\n                    {{ queries.parameters['refine.dataset_id'] = stats.parameters['refine.dataset_id'] ; '' }}\n                    \u003cdiv class=\"card z-depth-1\"\u003e\n                        \u003cdiv class=\"card-head\"\u003e\n                            \u003ch2 class=\"title\"\u003e\n                                Most frequent queries\n                            \u003c/h2\u003e\n                        \u003c/div\u003e\n                        \u003ctable class=\"data-table\"\u003e\n                            \u003cthead\u003e\n                            \u003ctr\u003e\n                                \u003cth\u003e Rank\u003c/th\u003e\n                                \u003cth\u003eRequest\u003c/th\u003e\n                                \u003cth\u003eOccurrences\u003c/th\u003e\n                            \u003c/tr\u003e\n                            \u003c/thead\u003e\n                            \u003ctbody\u003e\n                            \u003ctr ods-facet-results=\"frequentqueries\"\n                                ods-facet-results-context=\"queries\"\n                                ods-facet-results-facet-name=\"query_text\"\n                                ng-repeat=\"(i,query) in frequentqueries.slice(0,10)\"\n                                ng-show=\"query.count\u003e5\"\u003e\n                                \u003ctd style=\"text-align:center;\"\u003e{{ i+1 }}\u003c/td\u003e\n                                \u003ctd style=\"width: 100%\"\u003e{{ query.name }}\u003c/td\u003e\n                                \u003ctd\u003e{{ query.count }}\u003c/td\u003e\n                            \u003c/tr\u003e\n                            \u003c/tbody\u003e\n                        \u003c/table\u003e\n                    \u003c/div\u003e\n                \u003c/ods-dataset-context\u003e\n            \u003c/div\u003e\n        \u003c/section\u003e\n        \u003csection class=\"row\"\u003e\n            \u003cdiv class=\"col-md-6\"\u003e\n                \u003cdiv class=\"card z-depth-1\"\u003e\n                    \u003cdiv class=\"card-head\"\u003e\n                        \u003ch2 class=\"title\"\u003e\n                            Most active pages\n                        \u003c/h2\u003e\n                        \u003cp class=\"subtitle\"\u003eRanked by number of API calls\u003c/p\u003e\n                    \u003c/div\u003e\n                    \u003cods-chart class=\"mini-card hide-x-grid hide-y\" single-y-axis=\"true\" align-month=\"true\"\n                               labels-x-length=\"15\"\u003e\n                        \u003cods-chart-query context=\"stats\" field-x=\"attributes\" maxpoints=\"7\" sort=\"serie1-1\"\u003e\n                            \u003cods-chart-serie chart-type=\"bar\" function-y=\"COUNT\" label-y=\"Sum of API calls\"\n                                             scientific-display=\"true\" display-values=\"true\"\u003e\n                            \u003c/ods-chart-serie\u003e\n                        \u003c/ods-chart-query\u003e\n                    \u003c/ods-chart\u003e\n                \u003c/div\u003e\n            \u003c/div\u003e\n            \u003cdiv class=\"col-md-6\"\u003e\n                \u003cdiv class=\"card z-depth-1\"\u003e\n                    \u003cdiv class=\"card-head\"\u003e\n                        \u003ch2 class=\"title\"\u003e\n                            Popular actions\n                        \u003c/h2\u003e\n                        \u003cp class=\"subtitle\"\u003eRanked by number of API calls\u003c/p\u003e\n                    \u003c/div\u003e\n                    \u003cods-chart class=\"mini-card hide-x-grid hide-y\" single-y-axis=\"true\" align-month=\"true\"\n                               labels-x-length=\"15\"\u003e\n                        \u003cods-chart-query context=\"stats\" field-x=\"action\" maxpoints=\"6\" sort=\"serie1-1\"\u003e\n                            \u003cods-chart-serie chart-type=\"bar\" function-y=\"COUNT\" scientific-display=\"true\"\n                                             display-values=\"true\"\u003e\n                            \u003c/ods-chart-serie\u003e\n                        \u003c/ods-chart-query\u003e\n                    \u003c/ods-chart\u003e\n                \u003c/div\u003e\n            \u003c/div\u003e\n        \u003c/section\u003e\n        \u003csection class=\"row\"\u003e\n            \u003cdiv class=\"col-md-12\"\u003e\n                \u003cdiv class=\"card z-depth-1\"\u003e\n                    \u003cdiv class=\"card-head\"\u003e\n                        \u003ch2 class=\"title\"\u003e\n                            Origin of users on Company's Data Hub\n                        \u003c/h2\u003e\n                    \u003c/div\u003e\n                    \u003cods-map scroll-wheel-zoom=\"false\"\n                             location=\"5,47.27923,2.94434\"\n                             basemap=\"jawg.dark\"\n                             toolbar-geolocation=\"false\"\n                             toolbar-drawing=\"true\"\n                             toolbar-fullscreen=\"true\"\n                             search-box=\"false\"\n                             display-control=\"false\"\n                             display-control-single-layer=\"true\"\u003e\n                        \u003cods-map-layer-group\u003e\n                            \u003cods-map-layer context=\"stats\" color=\"hsl(194, 100%, 73%)\" picto=\"ods-circle\"\n                                           show-marker=\"true\" display=\"auto\" shape-opacity=\"0.5\" point-opacity=\"1\"\n                                           border-color=\"#FFFFFF\" border-opacity=\"1\" border-size=\"1\"\n                                           border-pattern=\"solid\" caption=\"false\" caption-picto-color=\"#f2cb46\"\n                                           title=\"Company Data Hub\" size=\"4\" size-min=\"3\" size-max=\"5\"\n                                           size-function=\"linear\"\u003e\u003c/ods-map-layer\u003e\n                        \u003c/ods-map-layer-group\u003e\n                    \u003c/ods-map\u003e\n                \u003c/div\u003e\n            \u003c/div\u003e\n        \u003c/section\u003e\n    \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e",
+                 "css": ":root {\n  --primary-hue: 36;\n  --primary-saturation: 94%;\n  --primary-lightness: 59%;\n\n  --surface: hsl(200, 21%, 37%);\n  --background: hsl(198, 20%, 17%);\n  --card-text: white;\n  --body-text: white;\n\n  /* These are automatically computed unless you need to overwrite them */\n  --primary:    hsl(var(--primary-hue), var(--primary-saturation), var(--primary-lightness));\n  --primary-10: hsl(var(--primary-hue), var(--primary-saturation), 10%);\n  --primary-20: hsl(var(--primary-hue), var(--primary-saturation), 20%);\n  --primary-30: hsl(var(--primary-hue), var(--primary-saturation), 30%);\n  --primary-40: hsl(var(--primary-hue), var(--primary-saturation), 40%);\n  --primary-50: hsl(var(--primary-hue), var(--primary-saturation), 50%);\n  --primary-60: hsl(var(--primary-hue), var(--primary-saturation), 60%);\n  --primary-70: hsl(var(--primary-hue), var(--primary-saturation), 70%);\n  --primary-80: hsl(var(--primary-hue), var(--primary-saturation), 80%);\n  --primary-90: hsl(var(--primary-hue), var(--primary-saturation), 90%);\n\n  --overlay-10: hsla(var(--primary-hue), var(--primary-saturation), 90%, 10%);\n}\n\nbody {\n  background-color: var(--background);\n  color: var(--body-text);\n}\n\nh1 {\n  color: var(--body-text);\n}\n\n/* ODS Over-ride */\n.row \u003e *:first-child {\n  margin-left: 0;\n}\n\n.row \u003e *:last-child {\n  margin-right: 0;\n}\n\n.row {\n  display: flex;\n  justify-content: center;\n}\n\n@media screen and (max-width: 992px) {\n  .row {\n    flex-direction: column;\n  }\n\n  .row \u003e *:not(:last-child) {\n    margin-bottom: 16px;\n  }\n}\n\n.odswidget-select-button-label,\n.odswidget-select-button,\n.odswidget-select-input {\n  color: var(--card-text);\n}\n\n.odswidget-select-dropdown-menu {\n  background-color: var(--surface);\n  border: 1px solid var(--overlay-10);\n}\n\n.odswidget-select-dropdown-menu-item:hover {\n  background-color: var(--overlay-10);\n}\n\n.odswidget-select-dropdown-item-close-icon {\n  color: var(--primary);\n}\n\n.odswidget-select-input-container {\n  border: none;\n}\n\n.odswidget-timerange__reset {\n  color: var(--primary);\n}\n\n.odswidget-timerange__reset:hover {\n  color: var(--primary-80);\n}\n\n.odswidgets-rd-container.rd-container\n {\n  background: var(--surface);\n  border: 1px solid var(--overlay-10);\n}\n\n.odswidgets-rd-container .rd-time-list {\n  background-color: var(--surface);\n  color: var(--card-text);\n}\n\n.odswidgets-rd-container .rd-next,\n.odswidgets-rd-container .rd-back {\n  background-color: var(--surface);\n  color: var(--card-text);\n}\n\n.odswidgets-rd-container .rd-day-body:hover,\n.odswidgets-rd-container .rd-day-selected,\n.odswidgets-rd-container .rd-time-option:hover,\n.odswidgets-rd-container .rd-time-selected\n{\n  background-color: var(--primary);\n}\n\n.odswidget-charts {\n  margin: 0 -12px;\n}\n\n.highcharts-halo {\n  fill: var(--primary) !important;\n}\n\n.highcharts-root \u003e * {\n  width: 100%;\n}\n\n.highcharts-text-outline {\n  display: none;\n}\n\n.highcharts-data-label text tspan {\n  fill: var(--card-text);\n}\n\n.hide-y .highcharts-yaxis-grid path.highcharts-grid-line,\n.hide-y .highcharts-yaxis-labels text,\n.hide-y .highcharts-yaxis-labels span {\n  display: none !important;\n}\n\n.hide-x .highcharts-xaxis-labels text,\n.hide-x .highcharts-xaxis-labels span,\n.hide-x .highcharts-xaxis tspan,\n.hide-x .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,\n.hide-x .highcharts-xaxis-grid path.highcharts-grid-line,\n.hide-x .highcharts-tick {\n  display: none !important;\n}\n\n.hide-x-grid .highcharts-xaxis tspan,\n.hide-x-grid .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,\n.hide-x-grid .highcharts-xaxis-grid path.highcharts-grid-line,\n.hide-x-grid .highcharts-tick {\n  display: none !important;\n}\n\n.y-values .highcharts-data-label:not(:first-child):not(:last-child) {\n  display: none;\n}\n\n.y-values .highcharts-data-label:first-child,\n.y-values .highcharts-data-label:last-child {\n  opacity: 1;\n  visibility: inherit; /* force the last child to be visible, as it can be hidden by highchart */\n}\n\n.mini-card .highcharts-point.highcharts-color-0 {\n  fill: var(--primary) !important;\n}\n.mini-card .highcharts-point.highcharts-color-1 {\n  fill: var(--primary-50) !important;\n}\n.mini-card .highcharts-point.highcharts-color-2 {\n  fill: var(--primary-40) !important;\n}\n.mini-card .highcharts-point.highcharts-color-3 {\n  fill: var(--primary-60) !important;\n}\n.mini-card .highcharts-point.highcharts-color-4 {\n  fill: var(--primary-30) !important;\n}\n.mini-card .highcharts-point.highcharts-color-5 {\n  fill: var(--primary-70) !important;\n}\n.mini-card .highcharts-point.highcharts-color-6 {\n  fill: var(--primary-20) !important;\n}\n.mini-card .highcharts-point.highcharts-color-7  {\n  fill: var(--primary-80) !important;\n}\n.mini-card .highcharts-point.highcharts-color-8 {\n  fill: var(--primary-10) !important;\n}\n.mini-card .highcharts-point.highcharts-color-9 {\n  fill: var(--primary-90) !important;\n}\n.mini-card .highcharts-color-0.highcharts-data-label-connector {\n  stroke: var(--primary) !important;\n}\n.mini-card .highcharts-color-1.highcharts-data-label-connector {\n  stroke: var(--primary-50) !important;\n}\n.mini-card .highcharts-color-2.highcharts-data-label-connector {\n  stroke: var(--primary-40) !important;\n}\n.mini-card .highcharts-color-3.highcharts-data-label-connector {\n  stroke: var(--primary-60) !important;\n}\n.mini-card .highcharts-color-4.highcharts-data-label-connector {\n  stroke: var(--primary-30) !important;\n}\n.mini-card .highcharts-color-5.highcharts-data-label-connector {\n  stroke: var(--primary-70) !important;\n}\n.mini-card .highcharts-color-6.highcharts-data-label-connector {\n  stroke: var(--primary-20) !important;\n}\n.mini-card .highcharts-color-7.highcharts-data-label-connector  {\n  stroke: var(--primary-80) !important;\n}\n.mini-card .highcharts-color-8.highcharts-data-label-connector {\n  stroke: var(--primary-10) !important;\n}\n.mini-card .highcharts-color-9.highcharts-data-label-connector {\n  stroke: var(--primary-90) !important;\n}\n\n.mini-card rect.highcharts-background {\n  fill: transparent !important;\n}\n\n.mini-card text {\n  fill: var(--card-text) !important;\n  font-size: 13px !important;\n}\n\n.mini-card .highcharts-grid-line {\n  stroke: var(--primary) !important;\n  stroke-dasharray: 2 2;\n}\n\n.mini-card .highcharts-graph {\n  stroke: var(--primary) !important;\n}\n\n.mini-card .highcharts-area {\n  fill: transparent !important;\n}\n\n.mini-card .highcharts-legend {\n  display: none;\n}\n\n.mini-card .highcharts-markers path {\n  fill: var(--primary) !important;\n}\n\n.mini-card .highcharts-label-box:not(.highcharts-shadow) {\n  stroke: var(--primary) !important;\n}\n\n.mini-card .highcharts-tooltip-container {\n  background: var(--background);\n  color: var(--body-text);\n}\n\n.mini-card .highcharts-label span {\n  color: var(--card-text) !important;\n}\n\n.mini-card .ods-highcharts__tooltip span {\n  color: var(--primary) !important;\n}\n\n.mini-card .highcharts-point {\n  fill: var(--primary) !important;\n  stroke: transparent !important;\n  rx: 8px;\n}\n\n.mini-card .highcharts-grid-line:not(:first-child):not(:last-child),\n.mini-card .highcharts-yaxis-labels text:not(:first-child):not(:last-child) {\n  display: none;\n}\n\n.mini-card .highcharts-xaxis-labels span {\n  color: var(--card-text) !important;\n  font-size: 13px !important;;\n}\n\n/* Utilities */\n.z-depth-1 {\n  z-index: 1;\n  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),\n    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);\n}\n\n.z-depth-2 {\n  z-index: 2;\n  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12),\n    0 2px 4px -1px rgba(0, 0, 0, 0.3);\n}\n\n.row-sticky {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}\n\n/* Elements */\nsection {\n  padding: 0 16px;\n  margin: 16px 0;\n}\n\n.title {\n  margin-bottom: 1em;\n}\n\n.subtitle {\n  margin-top: -0.75em;\n}\n\nh1.title {\n  font-size: 2.25rem;\n}\n\nh2.title {\n  font-size: 1.5rem;\n}\n\nh5.subtitle {\n  font-size: 1.25rem;\n  font-weight: 600;\n  margin: 0;\n}\n\n/* Components */\n.menu {\n  display: flex;\n  justify-content: center;\n  align-items: stretch;\n  background: white;\n  border-radius: 999px;\n  padding: 0 16px;\n  margin-top: 16px;\n  background: var(--surface);\n  color: var(--card-text);\n}\n\n@media screen and (max-width: 992px) {\n  .menu {\n    flex-direction: column;\n    width: 100%;\n    border-radius: 0;\n    margin: 0;\n    padding: 0;\n  }\n}\n\n.filter {\n  display: flex;\n  flex: 1 1;\n  align-items: center;\n  justify-content: flex-end;\n  padding: 8px;\n}\n\n.filter:not(:last-child) {\n  border-right: 1px solid lightgray;\n}\n\n.filter .odswidget-select {\n  min-width: 220px;\n}\n\n.filter \u003e *:not(:last-child) {\n  margin-right: 8px;\n}\n\n.filter .odswidget-timerange {\n  display: flex;\n}\n\n.filter .odswidget-timerange__to,\n.filter .odswidget-timerange__from {\n  display: flex;\n  justify-content: space-between;\n  margin-right: 16px;\n}\n\n.filter .odswidget-timerange__label {\n  margin-right: 8px;\n}\n\n.filter .odswidget-select-button,\n.filter .odswidget-select-input {\n  padding: 8px;\n  border: none;\n  background: transparent;\n}\n\n.filter .odswidget-select-button:hover {\n  border: none;\n}\n\n.filter .odswidget-timerange__input {\n  border: none;\n  border-bottom: 1px solid;\n  background: var(--surface);\n  color: var(--card-text);\n}\n\n.filter .odswidget-select-dropdown-menu {\n  top: 32px;\n}\n\n@media screen and (max-width: 768px) {\n  .filter {\n    justify-content: center;\n  }\n\n  .filter .odswidget-timerange {\n    flex-direction: column;\n  }\n\n  .filter .odswidget-timerange__from {\n    margin-bottom: 2em;\n  }\n\n  .filter:not(:last-child) {\n      width: 100%;\n      border-right: none;\n      border-bottom: 1px solid lightgray;\n  }\n}\n\n.card {\n  background: var(--surface);\n  color: var(--card-text);\n  border-radius: 4px;\n  padding: 16px;\n  height: 100%;\n}\n\n.card-head {\n  padding-bottom: 2rem;\n}\n\n.card .title,\n.card .subtitle {\n  color: var(--card-text);\n}\n\n.data-table {\n  margin: 0 -16px;\n  color: var(--card-text);\n}\n\n.data-table thead {\n  background: var(--overlay-10);\n  border-bottom: 1px solid var(--card-text);\n}\n\n.data-table tr {\n  line-height: 32px;\n  position: relative;\n}\n\n.data-table tr:hover {\n  background: var(--overlay-10);\n}\n\n.data-table td,\n.data-table th {\n  padding: 8px;\n  max-width: 265px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.data-table tbody tr:nth-child(-n + 3) * {\n  font-weight: 500;\n}\n"
                }'>
     
 
        
 
        
     
        
-      
+      
        
+          
+              
+          
+          
+          
+      
        
+    
        
+    
+        
+    
+    
+
        
+
+                
        
+            
+        
        
+        
+        
        
+            
        
+                Full dashboard with multiple primary colors 
+                
+            
+              
+            
+                
+            
        
+            
        
+                
        You can use multiple color theme on the same page by adding classes that redefines the same color variables as in :root ( --primary-hue, --primary-saturation etc.)
+. In this example, we add the following css class: is-info, is-warning, is-success. Then we apply them on <section class="row is-XXX">…</section> to give specific colors to sections.
        
+
+            
        
+            
+            
+                
        
+                    
+
+
+
+
+
+
+    
+
+
+
+
+    
+
+
+
+
+
+
+
+
        
+    
        
+        
+    
        
+
        
+
        
+    
        
+      
-      
        
-          
+          
+          
           
       
        
     
        
-    
        
-    
-  
        
+
        + + + +
    - - + - © Copyright 2020 + © Copyright 2026
    @@ -8943,7 +11809,7 @@

    diff --git a/public/components/page/1/index.html b/public/components/page/1/index.html index 39f5e520a..7e005d446 100644 --- a/public/components/page/1/index.html +++ b/public/components/page/1/index.html @@ -1 +1,9 @@ -https://codelibrary.opendatasoft.com/components/ \ No newline at end of file + + + + https://codelibrary.huwize.com/components/ + + + + + diff --git a/public/components/search-box/index.html b/public/components/search-box/index.html index c622f027b..ca4fdd4a4 100644 --- a/public/components/search-box/index.html +++ b/public/components/search-box/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@

    - @@ -185,18 +202,70 @@
    • + href="https://codelibrary.huwize.com/"> Home
      • + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    • + + Apps + + +
      • + + +
    • Components
        +
      • + +
        + Access cards + + +
        +         +
        • +
        • +
      • + +
        + Icons + + +
        +         +
        • +
      • @@ -353,6 +432,9 @@ + + +
      • @@ -377,6 +459,9 @@ + + + @@ -421,6 +506,18 @@ + + + + + + + + + + + + @@ -547,8 +644,6 @@ class="sidebar-subtitle"> Widget tricks - 6 -
        • @@ -560,51 +655,67 @@
        - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
        @@ -615,31 +726,37 @@
        -
        -

        Components - Search box

        -
        -

        Show the ods-searchbox widget alongside a “search” button and a title. Below there’s a stand-alone version and a version inside a card.

        +
        +

        Components - Search box

        +
        +

        Show the ods-searchbox widget alongside a “search” button and a title. Below there’s a stand-alone version and a version inside a card.

        -
        - -
        - -
        - -
        - -
        +
        +
        + +
        + +
        + + +
        + + + + + + @@ -648,6 +765,9 @@
        - -
        -

        - Search Box inside card - - - - - -

        -
        - -
        - -
        +
        + +
        +
        +

        + Search Box inside card + + + + + +

        +
        + +
        + + +
        + + + + + + @@ -1158,6 +1292,9 @@

        + + +
        name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003c!-- Search box card --\u003e\n\u003csection class=\"search-card\"\u003e\n \u003ch2 class=\"search-card-title\"\u003e\n What data are you looking for?\n \u003c/h2\u003e\n \u003cods-catalog-context context=\"catalog\"\u003e\n \u003cdiv class=\"search-card-container\"\u003e\n \u003cods-searchbox class=\"search-card-searchbox\"\n form-id=\"search-form\"\n translate=\"placeholder\"\n placeholder=\"Search for a dataset\"\u003e\n \u003c/ods-searchbox\u003e\n \u003c!-- Button is optional but has been added for accessibility reasons. We recommend not removing it.\n\t\t\t\tThe \"form\" parameter must match the \"form-id\" parameter in ods-searchbox. --\u003e\n \u003cbutton type=\"submit\" form=\"search-form\" class=\"search-card-submit-button\"\u003e\n Search\n \u003c/button\u003e\n \u003c/div\u003e\n \u003c/ods-catalog-context\u003e\n\u003c/section\u003e\n\u003c/div\u003e", "css": "/* Search Box Card\n ========================================================================== */\n.search-card {\n\tbackground-color: rgba(0,0,0,.1);\n\tpadding: 39px;\n\tborder-radius: 4px;\n\tmargin-bottom: 20px;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: stretch;\n\ttext-align: center;\n\tjustify-content: center;\n\ttext-align: center;\n}\n.search-card-container {\n\tdisplay: flex;\n\tjustify-content: center;\n\twidth: 100%;\n\tmax-width: 500px;\n\tmargin: 0 auto;\n}\n.search-card-title {\n\tcolor: var(--titles);\n\tfont-size: 1.2rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\ttext-align: center;\n}\n.search-card-searchbox {\n\tmargin-bottom: 0;\n\tflex: 1 1 auto;\n}\n.search-card-searchbox .odswidget-searchbox__box {\n\tfont-size: 1rem;\n display: block;\n width: 100%;\n max-width: 500px;\n padding: 8px 13px;\n border-radius: 4px 0 0 4px;\n border-top: 1px solid #cbd2db;\n border-left: 1px solid #cbd2db;\n border-bottom: 1px solid #cbd2db;\n border-right: none;\n margin: 0 auto;\n}\n.search-card-submit-button {\n\tborder: none;\n\tbackground-color: var(--highlight);\n\tcolor: #FFFFFF;\n\tfont-size: .866rem;\n\tfont-weight: bold;\n\ttext-align: center;\n\tpadding: 8px 12px;\n\tborder-radius: 0 4px 4px 0;\n\ttransition: opacity .2s;\n\tcursor: pointer;\n}\n.search-card-submit-button:hover {\n\ttext-decoration: none;\n\topacity: .8;\n}\n" @@ -1181,7 +1318,8 @@

        width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -1225,6 +1363,7 @@

        const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -1335,7 +1474,9 @@

        $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
        <div ng-app="ods-widgets"> @@ -1427,8 +1568,10 @@

        "> -
        -

        -

        - -
        +
        + + + +
    - - + - © Copyright 2020 + © Copyright 2026
    @@ -1709,7 +1854,7 @@

    diff --git a/public/components/search-module/1/html.inc b/public/components/search-module/1/html.inc index 6dda9b7d6..5b175d407 100644 --- a/public/components/search-module/1/html.inc +++ b/public/components/search-module/1/html.inc @@ -1,11 +1,12 @@
    +
    + + +
    + + Search results will be displayed bellow, as a list of external links + +
      + +
    • +
      + {{item.com_arm_name }} ({{item.dep_code }}) + + Filter on the selected city +
      +
      • +
    • + More than 10 results. Continue typing to narrow your search... +
      • +
    +
    + + +
    +

    + {{ variables.selection }} +

    + +
    +

    + + + + + + + + +
    + diff --git a/public/components/search-module/index.html b/public/components/search-module/index.html index 80561b02f..704d73eb7 100644 --- a/public/components/search-module/index.html +++ b/public/components/search-module/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@
    - @@ -181,6 +198,12 @@ +
  • + + Search Bar to search on a specific field + +
    • +
    @@ -191,18 +214,70 @@
    • + href="https://codelibrary.huwize.com/"> Home
      • + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    • + + Apps + + +
      • + + +
    • Components
        +
      • + +
        + Access cards + + +
        +         +
        • +
        • +
      • + +
        + Icons + + +
        +         +
        • +
      • @@ -359,6 +444,9 @@ + + +
      • @@ -383,6 +471,9 @@ + + + @@ -427,6 +518,18 @@ + + + + + + + + + + + + @@ -553,8 +656,6 @@ class="sidebar-subtitle"> Widget tricks - 6 -
        • @@ -566,51 +667,67 @@
        - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
        @@ -621,39 +738,48 @@
        -
        -

        Components - Search module

        -
        - -
        - -
        -

        - Search Bar with minimalistic look - - - - - -

        -
        -

        This module is a stylised search bar with a modern look. Provides an ng-model parameter to be able to define on what context the search will take place. When hovering over the search bar, the hover color will be the var(--links) color defined in the portal theme.

        - -
        - -
        +
        +

        Components - Search module

        +
        + +
        +
        +

        + Search Bar with minimalistic look + + + + + +

        +
        +

        This module is a stylised search bar with a modern look. Provides an ng-model parameter to be able to define on what context the search will take place. When hovering over the search bar, the hover color will be the var(--links) color defined in the portal theme.

        + +
        + + +
        + + + + + + + + +
        name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"worldheritagelistpublicus\"\n worldheritagelistpublicus-dataset=\"world-heritage-list\"\n worldheritagelistpublicus-parameters=\"{'disjunctive.states':true,'sort':'date_inscribed'}\"\u003e\n \u003cdiv class=\"search-module\"\u003e\n \u003ci class=\"fa fa-search search-module-icon\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cinput placeholder=\"Search in dataset\"\n ng-model=\"worldheritagelistpublicus.parameters['q']\"\n ng-model-options=\"{ updateOn: 'keyup', debounce: { 'default': 300, 'blur': 0 }}\"\n class=\"search-module-input\"\n type=\"text\"/\u003e\n \u003cbutton class=\"search-module-clear\"\n ng-if=\"worldheritagelistpublicus.parameters['q']\"\n ng-click=\"worldheritagelistpublicus.parameters['q'] = undefined\"\u003e\n \u003ci class=\"fa fa-times-circle\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/button\u003e\n \u003c/div\u003e\n \u003cods-table context=\"worldheritagelistpublicus\" sort=\"date_inscribed\"\u003e\u003c/ods-table\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"worldheritagelistpublicus\"\n worldheritagelistpublicus-dataset=\"world-heritage-list\"\n worldheritagelistpublicus-domain=\"userclub\"\n worldheritagelistpublicus-parameters=\"{'disjunctive.states':true,'sort':'date_inscribed'}\"\u003e\n \u003cdiv class=\"search-module\"\u003e\n \u003ci class=\"fa fa-search search-module-icon\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cinput placeholder=\"Search in dataset\"\n ng-model=\"worldheritagelistpublicus.parameters['q']\"\n ng-model-options=\"{ updateOn: 'keyup', debounce: 300 }\"\n class=\"search-module-input\"\n type=\"text\"/\u003e\n \u003cbutton class=\"search-module-clear\"\n ng-if=\"worldheritagelistpublicus.parameters['q']\"\n ng-click=\"worldheritagelistpublicus.parameters['q'] = undefined\"\u003e\n \u003ci class=\"fa fa-times-circle\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/button\u003e\n \u003c/div\u003e\n \u003cods-table context=\"worldheritagelistpublicus\" sort=\"date_inscribed\"\u003e\u003c/ods-table\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", "css": "/* Search Module\n ========================================================================== */\n.search-module {\n display: flex;\n align-items: stretch;\n border-bottom: 1px solid #dee5ef;\n margin-bottom: 20px;\n transition: all .2s;\n}\n.search-module:hover,\n.search-module:focus-within {\n border-bottom-color: var(--links);\n}\n.search-module-icon {\n color: #898d92;\n margin-right: 8px;\n align-self: center;\n}\n.search-module-input {\n background-color: transparent;\n width: 100%;\n outline: none;\n border: none;\n padding: 12px 0;\n transition: all .2s;\n color: var(--text);\n}\n.search-module-input::placeholder {\n transition: all .2s;\n}\n.search-module-clear {\n color: #898d92;\n font-size: 1rem;\n background: transparent;\n border: none;\n margin: 0;\n outline: none;\n padding: 0 0 0 12px;\n transition: all .2s;\n}\n.search-module-clear:hover {\n opacity: .65;\n}\n.search-module:hover .search-module-icon,\n.search-module:focus-within .search-module-icon,\n.search-module:hover .search-module-input::placeholder,\n.search-module:focus-within .search-module-input::placeholder {\n color: var(--links)\n}\n" }'> @@ -677,7 +803,8 @@

        width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -721,6 +848,7 @@

        const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -831,18 +959,21 @@

        $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
        <div ng-app="ods-widgets"> <ods-dataset-context context="worldheritagelistpublicus" worldheritagelistpublicus-dataset="world-heritage-list" + worldheritagelistpublicus-domain="userclub" worldheritagelistpublicus-parameters="{'disjunctive.states':true,'sort':'date_inscribed'}"> <div class="search-module"> <i class="fa fa-search search-module-icon" aria-hidden="true"></i> <input placeholder="Search in dataset" ng-model="worldheritagelistpublicus.parameters['q']" - ng-model-options="{ updateOn: 'keyup', debounce: { 'default': 300, 'blur': 0 }}" + ng-model-options="{ updateOn: 'keyup', debounce: 300 }" class="search-module-input" type="text"/> <button class="search-module-clear" @@ -909,8 +1040,10 @@

        "> -
        -

        -

        - -
        -

        - Search Bar with results - - - - - -

        -
        -

        Based on the search module above, we can add ods-results to list search matches

        - -
        - -
        +
        + +
        +
        +

        + Search Bar with results + + + + + +

        +
        +

        Based on the search module above, we can add ods-results to list search matches

        + +
        + + +
        + + + + + + + + +
        name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"ctx\"\n ctx-dataset=\"communes-et-arrondissements-municipaux-france\"\n ctx-domain=\"userclub\"\u003e\n \u003cdiv class=\"search-module\"\u003e\n \u003ci class=\"fa fa-search search-module-icon\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cinput placeholder=\"Search in dataset\"\n ng-model=\"ctx.parameters['q']\"\n ng-model-options=\"{ updateOn: 'keyup', debounce: { 'default': 300, 'blur': 0 }}\"\n class=\"search-module-input\"\n type=\"text\"/\u003e\n \u003cbutton class=\"search-module-clear\"\n ng-if=\"ctx.parameters['q']\"\n ng-click=\"ctx.parameters['q'] = undefined\"\u003e\n \u003ci class=\"fa fa-times-circle\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/button\u003e\n \u003c/div\u003e\n \u003cul class=\"display-tags\"\n ods-results=\"results\"\n ods-results-context=\"ctx\"\n ods-results-max=\"11\"\u003e\n \u003cli ng-repeat=\"(i,item) in results\"\n ng-if=\"ctx.parameters['q'] \u0026\u0026 i \u003c= 9\"\u003e\n \u003ca ng-href=\"{{ 'https://www.google.fr/maps/search/' + item.fields.com_name }}\" target=\"_blank\"\u003e\n {{item.fields.com_name }} ({{item.fields.dep_name }}) \u003ci class=\"fa fa-map-marker\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/li\u003e\n \u003cli class=\"more-than-ten\"\n ng-if=\"ctx.parameters['q'] \u0026\u0026 results.length \u003e 10\"\u003e\n More than 10 results. Continue typing to narrow your search...\n \u003c/li\u003e\n \u003c/ul\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"ctx\"\n ctx-dataset=\"communes-et-arrondissements-municipaux-france\"\n ctx-domain=\"userclub\"\u003e\n \u003cdiv class=\"search-module\"\u003e\n \u003ci class=\"fa fa-search search-module-icon\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cinput placeholder=\"Search in dataset\"\n ng-model=\"ctx.parameters['q']\"\n ng-model-options=\"{ updateOn: 'keyup', debounce: 300 }\"\n class=\"search-module-input\"\n type=\"text\"/\u003e\n \u003cbutton class=\"search-module-clear\"\n ng-if=\"ctx.parameters['q']\"\n ng-click=\"ctx.parameters['q'] = undefined\"\u003e\n \u003ci class=\"fa fa-times-circle\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/button\u003e\n \u003c/div\u003e\n \u003cul class=\"display-tags\"\n ods-results=\"results\"\n ods-results-context=\"ctx\"\n ods-results-max=\"11\"\u003e\n \u003cli ng-repeat=\"(i,item) in results\"\n ng-if=\"ctx.parameters['q'] \u0026\u0026 i \u003c= 9\"\u003e\n \u003ca ng-href=\"{{ 'https://www.google.fr/maps/search/' + item.fields.com_name }}\" target=\"_blank\"\u003e\n {{item.fields.com_name }} ({{item.fields.dep_name }}) \u003ci class=\"fa fa-map-marker\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/li\u003e\n \u003cli class=\"more-than-ten\"\n ng-if=\"ctx.parameters['q'] \u0026\u0026 results.length \u003e 10\"\u003e\n More than 10 results. Continue typing to narrow your search...\n \u003c/li\u003e\n \u003c/ul\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", "css": "/* Search Module\n========================================================================== */\n.search-module {\n display: flex;\n align-items: stretch;\n border-bottom: 1px solid #dee5ef;\n margin-bottom: 20px;\n transition: all .2s;\n}\n.search-module:hover,\n.search-module:focus-within {\n border-bottom-color: var(--links);\n}\n.search-module-icon {\n color: #898d92;\n margin-right: 8px;\n align-self: center;\n}\n.search-module-input {\n background-color: transparent;\n width: 100%;\n outline: none;\n border: none;\n padding: 12px 0;\n transition: all .2s;\n color: var(--text);\n}\n.search-module-input::placeholder {\n transition: all .2s;\n}\n.search-module-clear {\n color: #898d92;\n font-size: 1rem;\n background: transparent;\n border: none;\n margin: 0;\n outline: none;\n padding: 0 0 0 12px;\n transition: all .2s;\n}\n.search-module-clear:hover {\n opacity: .65;\n}\n.search-module:hover .search-module-icon,\n.search-module:focus-within .search-module-icon,\n.search-module:hover .search-module-input::placeholder,\n.search-module:focus-within .search-module-input::placeholder {\n color: var(--links)\n}\n\n\n\n/* Display results */\n\n.display-tags {\n display: flex;\n flex-wrap: wrap;\n margin: 20px 10px;\n padding: 0;\n}\n.display-tags li {\n list-style: none;\n}\n.display-tags a {\n align-items: center;\n background-color: #f5f5f5;\n border-radius: 4px;\n color: #4a4a4a;\n display: inline-flex;\n font-size: 0.85rem;\n justify-content: center;\n line-height: 1.5;\n padding: 0.25em .75em;\n white-space: nowrap;\n margin: 0.2rem;\n text-decoration: none;\n}\n.display-tags a i {\n margin-left: 6px;\n}\n.display-tags a:focus, .display-tags a:hover {\n border-color: #4a4a4a;\n background-color: #d0d0d0;\n}\n\n.more-than-ten {\n display: flex;\n align-items: center;\n color: #4a4a4a;\n padding: 2px 5px;\n}\n" }'>
        @@ -1185,7 +1331,8 @@

        width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -1229,6 +1376,7 @@

        const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -1339,7 +1487,9 @@

        $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
        <div ng-app="ods-widgets"> @@ -1350,7 +1500,7 @@

        <i class="fa fa-search search-module-icon" aria-hidden="true"></i> <input placeholder="Search in dataset" ng-model="ctx.parameters['q']" - ng-model-options="{ updateOn: 'keyup', debounce: { 'default': 300, 'blur': 0 }}" + ng-model-options="{ updateOn: 'keyup', debounce: 300 }" class="search-module-input" type="text"/> <button class="search-module-clear" @@ -1473,8 +1623,16 @@

        "> -
        - + +

        -

        - -
        -

        - Search Bar with results + accessibility - - - - - -

        -
        -

        The same search bar, with additional aria-* and role attributes and text content for screen readers.

        - -
        - -
        +
        + +
        +
        +

        + Search Bar with results + accessibility + + + + + +

        +
        +

        The same search bar, with additional aria-* and role attributes and text content for screen readers.

        + +
        + + +
        + @@ -1838,6 +2029,14 @@

        + + + + + + + +
        name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"ctx\"\n ctx-dataset=\"communes-et-arrondissements-municipaux-france\"\n ctx-domain=\"userclub\"\u003e\n \u003cdiv class=\"search-module\"\u003e\n \u003cdiv class=\"search-bar\"\u003e\n \u003ci class=\"fa fa-search search-bar-icon\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003clabel for=\"search-as-you-type\" class=\"sr-only\"\u003eSearch for a city\u003c/label\u003e\n \u003cinput id=\"search-as-you-type\"\n name=\"search-as-you-type\"\n autocomplete=\"off\"\n aria-label=\"search-as-you-type: type some characters to make a search\"\n aria-expanded=\"{{ ctx.parameters['q'] != undefined }}\"\n aria-controls=\"search-results\"\n placeholder=\"Search in dataset\"\n ng-model=\"ctx.parameters['q']\"\n ng-model-options=\"{ updateOn: 'keyup', debounce: { 'default': 300, 'blur': 0 }}\"\n class=\"search-bar-input\"\n type=\"text\"/\u003e\n \u003cbutton aria-label=\"Clear search\"\n class=\"search-bar-clear\"\n ng-if=\"ctx.parameters['q']\"\n ng-click=\"ctx.parameters['q'] = undefined\"\u003e\n \u003ci class=\"fa fa-times-circle\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cspan class=\"sr-only\"\u003eClear search\u003c/span\u003e\n \u003c/button\u003e\n \u003c/div\u003e\n \u003cdiv class=\"search-results\"\u003e\n \u003cspan class=\"sr-only\"\u003e\n Search results will be displayed bellow, as a list of external links\n \u003c/span\u003e\n \u003cul class=\"display-tags\"\n ods-results=\"results\"\n ods-results-context=\"ctx\"\n ods-results-max=\"11\"\n\n aria-label=\"search-as-you-type results displayed here when a search is made\"\n aria-live=\"polite\"\n aria-atomic=\"true\"\n aria-labelledby=\"search-as-you-type\"\n role=\"group\"\n\n id=\"search-results\"\u003e\n \u003cli ng-repeat=\"(i,item) in results\"\n ng-if=\"ctx.parameters['q'] \u0026\u0026 i \u003c= 9\"\n role=\"listitem\"\u003e\n \u003ca ng-href=\"{{ 'https://www.google.fr/maps/search/' + item.fields.com_name }}\" target=\"_blank\"\u003e\n {{item.fields.com_name }} ({{item.fields.dep_name }}) \u003ci class=\"fa fa-map-marker\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cspan class=\"sr-only\"\u003eOpen selected city in another tab\u003c/span\u003e\n \u003c/a\u003e\n \u003c/li\u003e\n \u003cli class=\"more-than-ten\"\n role=\"listitem\"\n ng-if=\"ctx.parameters['q'] \u0026\u0026 results.length \u003e 10\"\u003e\n More than 10 results. Continue typing to narrow your search...\n \u003c/li\u003e\n \u003c/ul\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"ctx\"\n ctx-dataset=\"communes-et-arrondissements-municipaux-france\"\n ctx-domain=\"userclub\"\u003e\n \u003cdiv class=\"search-module\"\u003e\n \u003cdiv class=\"search-bar\"\u003e\n \u003ci class=\"fa fa-search search-bar-icon\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003clabel for=\"search-as-you-type\" class=\"sr-only\"\u003eSearch for a city\u003c/label\u003e\n \u003cinput id=\"search-as-you-type\"\n name=\"search-as-you-type\"\n autocomplete=\"off\"\n aria-label=\"search-as-you-type: type some characters to make a search\"\n aria-expanded=\"{{ ctx.parameters['q'] != undefined }}\"\n aria-controls=\"search-results\"\n placeholder=\"Search in dataset\"\n ng-model=\"ctx.parameters['q']\"\n ng-model-options=\"{ updateOn: 'keyup', debounce: 300 }\"\n class=\"search-bar-input\"\n type=\"text\"/\u003e\n \u003cbutton aria-label=\"Clear search\"\n class=\"search-bar-clear\"\n ng-if=\"ctx.parameters['q']\"\n ng-click=\"ctx.parameters['q'] = undefined\"\u003e\n \u003ci class=\"fa fa-times-circle\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cspan class=\"sr-only\"\u003eClear search\u003c/span\u003e\n \u003c/button\u003e\n \u003c/div\u003e\n \u003cdiv class=\"search-results\"\u003e\n \u003cspan class=\"sr-only\"\u003e\n Search results will be displayed bellow, as a list of external links\n \u003c/span\u003e\n \u003cul class=\"display-tags\"\n ods-results=\"results\"\n ods-results-context=\"ctx\"\n ods-results-max=\"11\"\n\n aria-label=\"search-as-you-type results displayed here when a search is made\"\n aria-live=\"polite\"\n aria-atomic=\"true\"\n aria-labelledby=\"search-as-you-type\"\n role=\"group\"\n\n id=\"search-results\"\u003e\n \u003cli ng-repeat=\"(i,item) in results\"\n ng-if=\"ctx.parameters['q'] \u0026\u0026 i \u003c= 9\"\n role=\"listitem\"\u003e\n \u003ca ng-href=\"{{ 'https://www.google.fr/maps/search/' + item.fields.com_name }}\" target=\"_blank\"\u003e\n {{item.fields.com_name }} ({{item.fields.dep_name }}) \u003ci class=\"fa fa-map-marker\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cspan class=\"sr-only\"\u003eOpen selected city in another tab\u003c/span\u003e\n \u003c/a\u003e\n \u003c/li\u003e\n \u003cli class=\"more-than-ten\"\n role=\"listitem\"\n ng-if=\"ctx.parameters['q'] \u0026\u0026 results.length \u003e 10\"\u003e\n More than 10 results. Continue typing to narrow your search...\n \u003c/li\u003e\n \u003c/ul\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", "css": "/* Search Module\n========================================================================== */\n.search-bar {\n display: flex;\n align-items: stretch;\n border-bottom: 1px solid #dee5ef;\n margin-bottom: 20px;\n transition: all .2s;\n}\n.search-bar:hover,\n.search-bar:focus-within {\n border-bottom-color: var(--links);\n}\n.search-bar-icon {\n color: #898d92;\n margin-right: 8px;\n align-self: center;\n}\n.search-bar-input {\n background-color: transparent;\n width: 100%;\n outline: none;\n border: none;\n padding: 12px 0;\n transition: all .2s;\n color: var(--text);\n}\n.search-bar-input::placeholder {\n transition: all .2s;\n}\n.search-bar-clear {\n color: #898d92;\n font-size: 1rem;\n background: transparent;\n border: none;\n margin: 0;\n outline: none;\n padding: 0 0 0 12px;\n transition: all .2s;\n}\n.search-bar-clear:hover {\n opacity: .65;\n}\n.search-bar:hover .search-bar-icon,\n.search-bar:focus-within .search-bar-icon,\n.search-bar:hover .search-bar-input::placeholder,\n.search-bar:focus-within .search-bar-input::placeholder {\n color: var(--links)\n}\n\n\n\n/* Display results */\n\n.display-tags {\n display: flex;\n flex-wrap: wrap;\n margin: 20px 10px;\n padding: 0;\n}\n.display-tags li {\n list-style: none;\n}\n.display-tags a {\n align-items: center;\n background-color: #f5f5f5;\n border-radius: 4px;\n color: #4a4a4a;\n display: inline-flex;\n font-size: 0.85rem;\n justify-content: center;\n line-height: 1.5;\n padding: 0.25em .75em;\n white-space: nowrap;\n margin: 0.2rem;\n text-decoration: none;\n}\n.display-tags a i {\n margin-left: 6px;\n}\n.display-tags a:focus, .display-tags a:hover {\n border-color: #4a4a4a;\n background-color: #d0d0d0;\n}\n\n.more-than-ten {\n display: flex;\n align-items: center;\n color: #4a4a4a;\n padding: 2px 5px;\n}\n" }'>
        @@ -1861,7 +2060,8 @@

        width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -1905,6 +2105,7 @@

        const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -2015,7 +2216,9 @@

        $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
        <div ng-app="ods-widgets"> @@ -2034,7 +2237,7 @@

        aria-controls="search-results" placeholder="Search in dataset" ng-model="ctx.parameters['q']" - ng-model-options="{ updateOn: 'keyup', debounce: { 'default': 300, 'blur': 0 }}" + ng-model-options="{ updateOn: 'keyup', debounce: 300 }" class="search-bar-input" type="text"/> <button aria-label="Clear search" @@ -2176,8 +2379,16 @@

        "> -
        - + +

        -

        +
        + +
        + +
        +

        + Search Bar to search on a specific field + + + + + +

        +
        +

        The same search bar, with a dedicated feature to search on a specific field, thanks to the #search operator.

        + +
        + + +
        + + + + + + + -
        + + + + + + + + + + + + +
        +
        + +
        +
        +
        +
        + +
        + + + + + +
        +
        + + + + +
        + +
        + + + +
    - - + - © Copyright 2020 + © Copyright 2026
    @@ -2596,7 +3977,7 @@

    diff --git a/public/components/sticky-header/2/html.inc b/public/components/sticky-header/2/html.inc index d80b45239..c72d5e86d 100644 --- a/public/components/sticky-header/2/html.inc +++ b/public/components/sticky-header/2/html.inc @@ -13,7 +13,7 @@ Number of records: {{ shanghairanking.dataset.metas.records_count | number }}

    - + View
    diff --git a/public/components/sticky-header/index.html b/public/components/sticky-header/index.html index 40527e6ba..514e0ae33 100644 --- a/public/components/sticky-header/index.html +++ b/public/components/sticky-header/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@
    - @@ -185,18 +202,70 @@
    • + href="https://codelibrary.huwize.com/"> Home
      • + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    • + + Apps + + +
      • + + +
    • Components
        +
      • + +
        + Access cards + + +
        +         +
        • +
        • +
      • + +
        + Icons + + +
        +         +
        • +
      • @@ -353,6 +432,9 @@ + + +
      • @@ -377,6 +459,9 @@ + + + @@ -421,6 +506,18 @@ + + + + + + + + + + + + @@ -547,8 +644,6 @@ class="sidebar-subtitle"> Widget tricks - 6 -
        • @@ -560,51 +655,67 @@
        - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
        @@ -615,42 +726,51 @@
        -
        -

        Components - Sticky header

        -
        -

        Sticky content is one that will stay positioned once the user scrolls past it (i.e: stuck in position). Unlike position: fixed;, sticky content is limited by its container and will stop scrolling once the end of the parent element is reached.

        +
        +

        Components - Sticky header

        +
        +

        Sticky content is one that will stay positioned once the user scrolls past it (i.e: stuck in position). Unlike position: fixed;, sticky content is limited by its container and will stop scrolling once the end of the parent element is reached.

        To make an element sticky, you need to add the following CSS:

        position: sticky; top: 0;

        -
        - -
        -

        - Sticky content example - - - - - -

        -
        - -
        - -
        +
        +
        +

        + Sticky content example + + + + + +

        +
        + +
        + + +
        + + + + + + + + +
        name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"placeholder-content\"\u003e\n \u003csection class=\"sticky-content\"\u003e\n \u003ch2 class=\"sticky-content-title\"\u003e\n Sticky content is here (scroll to test)\n \u003c/h2\u003e\n \u003c/section\u003e\n \u003ch3 class=\"placeholder-title\"\u003e\n Page content is here\n \u003c/h3\u003e\n\u003c/div\u003e\n\u003chr class=\"placeholder-separator\"\u003e\n\u003cdiv class=\"placeholder-content\"\u003e\n \u003cbr\u003e\n \u003ch3 class=\"placeholder-title\"\u003e\n Page content is here\n \u003c/h3\u003e\n \u003csection class=\"sticky-content\"\u003e\n \u003ch2 class=\"sticky-content-title\"\u003e\n Sticky content is here (scroll to test)\n \u003c/h2\u003e\n \u003c/section\u003e\n \u003ch3 class=\"placeholder-title\"\u003e\n More content here\n \u003c/h3\u003e\n\u003c/div\u003e\n\u003c/div\u003e", "css": "/* Sticky Content\n ========================================================================== */\n.sticky-content {\n position: sticky;\n top: 0;\n z-index: 10;\n background-color: #ffe4c4;\n color: #FFFFFF;\n padding: 3rem 20px;\n}\n.sticky-content-title {\n margin: 0;\n}\n.placeholder-content {\n height: 1000px;\n background-color: yellow;\n background: linear-gradient(180deg, rgba(255,255,0,1) 0%, rgba(255,140,0,1) 100%);\n}\n.placeholder-title {\n margin-top: 1.5rem;\n margin-bottom: 1.5rem;\n padding-left: 20px;\n}\n.placeholder-separator {\n margin-top: 3rem;\n margin-bottom: 3rem;\n}\n" @@ -674,7 +794,8 @@

        width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -718,6 +839,7 @@

        const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -828,7 +950,9 @@

        $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
        <div ng-app="ods-widgets"> @@ -891,8 +1015,10 @@

        "> -
        -

        -

        - -
        -

        - Basic Example - - - - - -

        -
        -

        Using a sticky header on top of a visualization (in this example a graph) to show some relevant information, such as selected filters, or a link to see the dataset in the Explore page.

        - -
        - -
        +
        + +
        +
        +

        + Basic Example + + + + + +

        +
        +

        Using a sticky header on top of a visualization (in this example a graph) to show some relevant information, such as selected filters, or a link to see the dataset in the Explore page.

        + +
        + + +
        + @@ -1114,6 +1243,14 @@

        + + + + + + + +
        name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"shanghairanking\"\n shanghairanking-domain=\"public\"\n shanghairanking-dataset=\"shanghai-world-university-ranking\"\n shanghairanking-parameters=\"{'sort':'world_rank','timezone':'Europe/Berlin'}\"\u003e\n \u003csection class=\"sticky-summary-wrapper\"\u003e\n \u003cdiv class=\"sticky-summary\"\u003e\n \u003cdiv class=\"sticky-summary-data\"\u003e\n \u003ch3\u003eTop 10\u003c/h3\u003e\n \u003cdiv\u003e\n Dataset name: \u003cstrong\u003e{{ shanghairanking.name | capitalize }} \u003c/strong\u003e\n \u003c/div\u003e\n \u003cdiv\u003e\n Number of records: \u003cstrong\u003e{{ shanghairanking.dataset.metas.records_count | number }}\u003c/strong\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003ca href=\"https://data.opendatasoft.com/explore/dataset/shanghai-world-university-ranking%40public/information/?sort=world_rank\" class=\"sticky-summary-button\"\u003e\n View\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003cods-chart single-y-axis=\"true\"\n display-legend=\"false\"\n align-month=\"true\"\u003e\n \u003cods-chart-query context=\"shanghairanking\"\n field-x=\"country\"\n maxpoints=\"10\"\n sort=\"serie1-1\"\u003e\n \u003cods-chart-serie expression-y=\"world_rank_int\"\n chart-type=\"column\"\n function-y=\"COUNT\"\n color=\"#142E7B\"\n scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"shanghairanking\"\n shanghairanking-domain=\"public\"\n shanghairanking-dataset=\"shanghai-world-university-ranking\"\n shanghairanking-parameters=\"{'sort':'world_rank','timezone':'Europe/Berlin'}\"\u003e\n \u003csection class=\"sticky-summary-wrapper\"\u003e\n \u003cdiv class=\"sticky-summary\"\u003e\n \u003cdiv class=\"sticky-summary-data\"\u003e\n \u003ch3\u003eTop 10\u003c/h3\u003e\n \u003cdiv\u003e\n Dataset name: \u003cstrong\u003e{{ shanghairanking.name | capitalize }} \u003c/strong\u003e\n \u003c/div\u003e\n \u003cdiv\u003e\n Number of records: \u003cstrong\u003e{{ shanghairanking.dataset.metas.records_count | number }}\u003c/strong\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003ca href=\"https://data.huwise.com/explore/dataset/shanghai-world-university-ranking%40public/information/?sort=world_rank\" class=\"sticky-summary-button\"\u003e\n View\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003cods-chart single-y-axis=\"true\"\n display-legend=\"false\"\n align-month=\"true\"\u003e\n \u003cods-chart-query context=\"shanghairanking\"\n field-x=\"country\"\n maxpoints=\"10\"\n sort=\"serie1-1\"\u003e\n \u003cods-chart-serie expression-y=\"world_rank_int\"\n chart-type=\"column\"\n function-y=\"COUNT\"\n color=\"#142E7B\"\n scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", "css": "/* Sticky Summary\n========================================================================== */\n.sticky-summary-wrapper {\n position: sticky;\n z-index: 10;\n top: 0;\n left: 0;\n background-color: #FFFFFF;\n box-shadow: 0 2px 0 rgba(0,0,0,.2);\n}\n.sticky-summary {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem;\n}\n.sticky-summary-data {\n flex: 1 1 auto;\n margin-right: 1rem;\n}\n.sticky-summary-button {\n color: #FFFFFF;\n background-color: #EC643C;\n border: 1px solid #EC643C;\n font-size: 1rem;\n font-weight: normal;\n padding: .5rem 1rem;\n border-radius: 4px;\n text-decoration: none;\n cursor: pointer;\n}\n.sticky-summary-button:hover {\n text-decoration: none;\n background-color: #df4516;\n border-color: #df4516;\n}\n " }'> @@ -1137,7 +1274,8 @@

        width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -1181,6 +1319,7 @@

        const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -1291,7 +1430,9 @@

        $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
        <div ng-app="ods-widgets"> @@ -1310,7 +1451,7 @@

        Number of records: <strong>{{ shanghairanking.dataset.metas.records_count | number }}</strong> </div> </div> - <a href="https://data.opendatasoft.com/explore/dataset/shanghai-world-university-ranking%40public/information/?sort=world_rank" class="sticky-summary-button"> + <a href="https://data.huwise.com/explore/dataset/shanghai-world-university-ranking%40public/information/?sort=world_rank" class="sticky-summary-button"> View </a> </div> @@ -1374,8 +1515,16 @@

        "> -
        - + +

        -

        - -
        +
        + + + +
    - - + - © Copyright 2020 + © Copyright 2026
    @@ -1638,7 +1819,7 @@

    diff --git a/public/components/switch-toggle/5/css.inc b/public/components/switch-toggle/5/css.inc index 28395ac99..31dcc5ce5 100644 --- a/public/components/switch-toggle/5/css.inc +++ b/public/components/switch-toggle/5/css.inc @@ -1,162 +1,64 @@ -/* Content Card - ========================================================================== */ - -.content-card { - background-color: var(--boxes-background); - padding: 26px; - border-radius: 4px; - margin-bottom: 20px; - height: 100%; -} -.content-card-title { - color: var(--titles); - font-size: 1.2rem; - line-height: 1.5; - font-weight: normal; - margin-top: 0; - margin-bottom: 13px; - max-width: 100%; -} -.content-card-description { - color: var(--text); - font-size: 1rem; - line-height: 1.5; - font-weight: normal; - margin-top: 0; - margin-bottom: 26px; - max-width: 100%; -} -.content-card-icon { - color: var(--highlight); - font-size: 2rem; - margin-bottom: 13px; - max-width: 100%; -} -.content-card-link { - color: var(--links); - font-weight: bold; - transition: all .2s; - opacity: 1; - max-width: 100%; -} -.content-card-link:hover { - opacity: .7; - text-decoration: none; -} -.content-card-button { - color: var(--highlight); - border: 1px solid var(--highlight); - background: transparent; - display: inline-block; - text-align: center; - font-size: .867rem; - border-radius: 4px; - padding: .5rem 1.15rem; - text-decoration: none; - transition: all .2s; -} -.content-card-button:hover { - background-color: var(--highlight); - color: #FFFFFF; - text-decoration: none; -} - -.switch-container { - display: flex; - align-items: center; -} - -/* Button Group Switch - ========================================================================== */ - -.switch { - display: inline-block; - margin-bottom: 0; - margin-left: 0.5rem; -} - -.switch-button { - /* background and border when in "off" state */ - background: var(--highlight); - border: 2px solid var(--highlight); - display: grid; - grid-template-columns: 1fr 1fr; - border-radius: 6px; - color: #FFFFFF; - position: relative; - cursor: pointer; - outline: 0; - user-select: none; +/* Flat style +=============================================================================*/ +.flat-button { + font-size: 1rem; + color: var(--links); + border: 1px solid var(--links); + border-radius: 2rem; + background: #FFF; + padding: .37rem 1rem; + margin-right: 6px; } -.switch-input:not(:checked) + .switch-button .switch-button-left { - /* text color when in "off" state */ - color: var(--highlight); +.flat-button:hover { + opacity: 0.65; } -.switch-input { - display: none; +.flat-button-active { + background-color: var(--links); + color: #FFF; } -.switch-button span { +/* Press style +=============================================================================*/ +.press-button { font-size: 1rem; - padding: 0.2rem .7rem; - text-align: center; - z-index: 2; - color: #FFFFFF; - transition: color .2s; -} - -.switch-button::before { - content: ''; - position: absolute; - background-color: #FFFFFF; - box-shadow: 0 1px 3px rgba(0,0,0,.4); - border-radius: 4px; - top: 0; - left: 0; - height: 100%; - width: 50%; - z-index: 1; - transition: left .3s cubic-bezier(0.175, 0.885, 0.320, 1), - padding .2s ease, margin .2s ease; + color: var(--links); + border: 1px solid var(--links); + border-radius: 2rem; + background: #FFF; + padding: .37rem 1rem; + border-bottom-width: 6px; } -.switch-button:hover::before { - will-change: padding; +.press-button:hover { + opacity: 0.65; } -.switch-button:active::before { - padding-right: .4rem; +.press-button-active { + margin-top: 3px; + border-bottom-width: 3px; } - -/* "On" state - ========================== */ - -.switch-input:checked + .switch-button { - /* background and border when in "on" state */ - background-color: var(--links); - border-color: var(--links); +/* Shadow style +=============================================================================*/ +.shadow-button { + font-size: 1rem; + background: rgb(0, 136, 204); + background: linear-gradient(0deg, rgba(0, 136, 204, 1) 0%, rgba(6, 168, 249, 1) 100%); + color: #FFF; + border: 1px solid var(--links); + border-radius: 2rem; + padding: .37rem 1rem; } -.switch-input:checked + .switch-button .switch-button-right { - /* text color when in "on" state */ - color: var(--links); +.shadow-button-active { + background-color: rgba(0, 136, 204, 1); + box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset; + padding-top: .47rem; + padding-bottom: .27rem; } -.switch-input:checked + .switch-button::before { - left: 50%; -} -.switch-input:checked + .switch-button:active::before { - margin-left: -.4rem; -} -/* Checkbox in disabled state - ========================== */ -.switch-input[type="checkbox"]:disabled + .switch-button { - opacity: 0.6; - cursor: not-allowed; -} diff --git a/public/components/switch-toggle/5/html.inc b/public/components/switch-toggle/5/html.inc index 0d367dcd1..7cf19773b 100644 --- a/public/components/switch-toggle/5/html.inc +++ b/public/components/switch-toggle/5/html.inc @@ -1,45 +1,34 @@ -
    -
    -
    -

    - France departments -

    -

    - Cardano could be many technical analysis since Nexo data mining a fundamental analysis. -

    -

    - Ravencoin generates a amazing fish of lots of market cap, and Waves serves many quick anti-money laundering! Solidity allowed lots of fast peer-to-peer network. -

    -
    - View : - -
    -
    -
    - -
    - -
    -
    - -
    -     -
    +
    +
    +

    + Flat style {{ flatbutton.active ? 'On' : 'Off' }} +

    +
    -
    + +
    +

    + Press style {{ pressbutton.active ? 'On' : 'Off' }} +

    + +
    + +
    +

    + Gradient and shadow style {{ shadowbutton.active ? 'On' : 'Off' }} +

    + +
    +
    \ No newline at end of file diff --git a/public/components/switch-toggle/6/css.inc b/public/components/switch-toggle/6/css.inc new file mode 100644 index 000000000..28395ac99 --- /dev/null +++ b/public/components/switch-toggle/6/css.inc @@ -0,0 +1,162 @@ +/* Content Card + ========================================================================== */ + +.content-card { + background-color: var(--boxes-background); + padding: 26px; + border-radius: 4px; + margin-bottom: 20px; + height: 100%; +} +.content-card-title { + color: var(--titles); + font-size: 1.2rem; + line-height: 1.5; + font-weight: normal; + margin-top: 0; + margin-bottom: 13px; + max-width: 100%; +} +.content-card-description { + color: var(--text); + font-size: 1rem; + line-height: 1.5; + font-weight: normal; + margin-top: 0; + margin-bottom: 26px; + max-width: 100%; +} +.content-card-icon { + color: var(--highlight); + font-size: 2rem; + margin-bottom: 13px; + max-width: 100%; +} +.content-card-link { + color: var(--links); + font-weight: bold; + transition: all .2s; + opacity: 1; + max-width: 100%; +} +.content-card-link:hover { + opacity: .7; + text-decoration: none; +} +.content-card-button { + color: var(--highlight); + border: 1px solid var(--highlight); + background: transparent; + display: inline-block; + text-align: center; + font-size: .867rem; + border-radius: 4px; + padding: .5rem 1.15rem; + text-decoration: none; + transition: all .2s; +} +.content-card-button:hover { + background-color: var(--highlight); + color: #FFFFFF; + text-decoration: none; +} + +.switch-container { + display: flex; + align-items: center; +} + +/* Button Group Switch + ========================================================================== */ + +.switch { + display: inline-block; + margin-bottom: 0; + margin-left: 0.5rem; +} + +.switch-button { + /* background and border when in "off" state */ + background: var(--highlight); + border: 2px solid var(--highlight); + display: grid; + grid-template-columns: 1fr 1fr; + border-radius: 6px; + color: #FFFFFF; + position: relative; + cursor: pointer; + outline: 0; + user-select: none; +} + +.switch-input:not(:checked) + .switch-button .switch-button-left { + /* text color when in "off" state */ + color: var(--highlight); +} + +.switch-input { + display: none; +} + +.switch-button span { + font-size: 1rem; + padding: 0.2rem .7rem; + text-align: center; + z-index: 2; + color: #FFFFFF; + transition: color .2s; +} + +.switch-button::before { + content: ''; + position: absolute; + background-color: #FFFFFF; + box-shadow: 0 1px 3px rgba(0,0,0,.4); + border-radius: 4px; + top: 0; + left: 0; + height: 100%; + width: 50%; + z-index: 1; + transition: left .3s cubic-bezier(0.175, 0.885, 0.320, 1), + padding .2s ease, margin .2s ease; +} + +.switch-button:hover::before { + will-change: padding; +} + +.switch-button:active::before { + padding-right: .4rem; +} + + +/* "On" state + ========================== */ + +.switch-input:checked + .switch-button { + /* background and border when in "on" state */ + background-color: var(--links); + border-color: var(--links); +} + +.switch-input:checked + .switch-button .switch-button-right { + /* text color when in "on" state */ + color: var(--links); +} + +.switch-input:checked + .switch-button::before { + left: 50%; +} + +.switch-input:checked + .switch-button:active::before { + margin-left: -.4rem; +} + +/* Checkbox in disabled state + ========================== */ + +.switch-input[type="checkbox"]:disabled + .switch-button { + opacity: 0.6; + cursor: not-allowed; +} diff --git a/public/components/switch-toggle/6/html.inc b/public/components/switch-toggle/6/html.inc new file mode 100644 index 000000000..0d367dcd1 --- /dev/null +++ b/public/components/switch-toggle/6/html.inc @@ -0,0 +1,45 @@ +
    +
    +
    +

    + France departments +

    +

    + Cardano could be many technical analysis since Nexo data mining a fundamental analysis. +

    +

    + Ravencoin generates a amazing fish of lots of market cap, and Waves serves many quick anti-money laundering! Solidity allowed lots of fast peer-to-peer network. +

    +
    + View : + +
    +
    +
    + +
    + +
    +
    + +
    +     +
    +
    +
    diff --git a/public/components/switch-toggle/index.html b/public/components/switch-toggle/index.html index fd5df39b0..3744c64e6 100644 --- a/public/components/switch-toggle/index.html +++ b/public/components/switch-toggle/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@
    - @@ -187,6 +204,12 @@ +
  • + + Active/inactive style + +
    • +
  • Simple example @@ -203,18 +226,70 @@
    • + href="https://codelibrary.huwize.com/"> Home
      • + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    • + + Apps + + +
      • + + +
    • Components
        +
      • + +
        + Access cards + + +
        +         +
        • +
        • +
      • + +
        + Icons + + +
        +         +
        • +
      • @@ -371,6 +456,9 @@ + + +
      • @@ -395,6 +483,9 @@ + + + @@ -439,6 +530,18 @@ + + + + + + + + + + + + @@ -565,8 +668,6 @@ class="sidebar-subtitle"> Widget tricks - 6 -
        • @@ -578,51 +679,67 @@
        - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
        @@ -633,33 +750,39 @@
        -
        -

        Components - Switch Module

        -
        -

        A switch is a visual toggle between two mutually exclusive states — on and off.

        +
        +

        Components - Switch Module

        +
        +

        A switch is a visual toggle between two mutually exclusive states — on and off.

        Check the example on the bottom of the page to see how to add Angular attributes to the component and use it in your pages!

        -
        - -
        -

        - Light style - - - - - -

        -
        -

        A regular switch that switches to an “on” state on click.

        - -
        - -
        +
        +
        +

        + Light style + + + + + +

        +
        +

        A regular switch that switches to an “on” state on click.

        + +
        + + +
        + + + + + + @@ -668,6 +791,9 @@

        + + +
        name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003clabel class=\"switch\"\u003e\n \u003cinput class=\"switch-input\" type=\"checkbox\"\u003e\n \u003cspan class=\"switch-button\"\u003e\u003c/span\u003e\n\u003c/label\u003e\u003c/div\u003e", "css": "/* Light switch\n ========================================================================== */\n\n.switch {\n display: inline-block;\n margin-bottom: .5rem;\n}\n\n.switch-button {\n /* background color when \"off\" */\n background: #FFFFFF;\n\n /* size of switch */\n width: 43px;\n height: 25px;\n border: 2px solid #E6E6E6;\n border-radius: 100px;\n display: block;\n\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n outline: 0;\n -webkit-transition: all .4s ease;\n -o-transition: all .4s ease;\n transition: all .4s ease;\n}\n\n/* Style of the \"bubble\" that toggles */\n.switch-button::after {\n /* size of bubble */\n width: 21px;\n height: 21px;\n border-radius: 50%;\n background-color: #FFFFFF;\n position: relative;\n display: block;\n content: \"\";\n -webkit-transition: tranform .4s cubic-bezier(0.175, 0.885, 0.320, 1.275), \n padding .3s ease, margin .3s ease;\n -o-transition: tranform .4s cubic-bezier(0.175, 0.885, 0.320, 1.275), \n padding .3s ease, margin .3s ease;\n transition: tranform .4s cubic-bezier(0.175, 0.885, 0.320, 1.275), \n padding .3s ease, margin .3s ease;\n -webkit-transform: translateX(0);\n -ms-transform: translateX(0);\n transform: translateX(0);\n -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);\n box-shadow: 0 1px 3px rgba(0,0,0,.4);\n}\n\n.switch-input {\n display: none;\n}\n\n.switch-button:hover::after {\n will-change: padding;\n}\n\n.switch-button:active::after {\n padding-right: .4rem;\n}\n\n/* \"On\" state\n ========================== */\n\n.switch-input:checked + .switch-button {\n /* border and background color when the button is \"on\" */\n border-color: var(--highlight); \n background: var(--highlight);\n}\n\n.switch-input:checked + .switch-button::after {\n /* bubble position when \"on\" */\n -webkit-transform: translateX(18px);\n -ms-transform: translateX(18px);\n transform: translateX(18px);\n}\n\n.switch-input:checked + .switch-button:active::after {\n margin-left: -.4rem;\n}\n\n/* Checkbox in disabled state\n ========================== */\n\n.switch-input[type=\"checkbox\"]:disabled + .switch-button {\n opacity: .6;\n cursor: not-allowed;\n -webkit-box-shadow: 0 0 0 transparent;\n box-shadow: 0 0 0 transparent;\n}\n\n.switch-input[type=\"checkbox\"]:checked:disabled + .switch-button {\n /* border and background color when button is disabled */\n border-color: #cccccc;\n background: #cccccc;\n}" @@ -691,7 +817,8 @@

        width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -735,6 +862,7 @@

        const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -845,7 +973,9 @@

        $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
        <div ng-app="ods-widgets"> @@ -958,8 +1088,10 @@

        "> -
        -

        -

        - -
        -

        - Skewed style - - - - - -

        -
        -

        To edit the text inside this toggle, you must edit the data-toggle-on and data-toggle-off attributes in the HTML code. Depending on the length of the text, you might need to edit the width of of the .switch-button class in the CSS.

        - -
        - -
        +
        + +
        +
        +

        + Skewed style + + + + + +

        +
        +

        To edit the text inside this toggle, you must edit the data-toggle-on and data-toggle-off attributes in the HTML code. Depending on the length of the text, you might need to edit the width of of the .switch-button class in the CSS.

        + +
        + + +
        + @@ -1281,6 +1416,14 @@

        + + + + + + + +
        name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003clabel class=\"switch\"\u003e\n \u003cinput class=\"switch-input\"\n type=\"checkbox\"\u003e\n \u003cspan class=\"switch-button\"\n data-toggle-on=\"ON\"\n data-toggle-off=\"OFF\"\u003e\u003c/span\u003e\n\u003c/label\u003e\u003c/div\u003e", "css": "/* Skewed Switch\n ========================================================================== */\n\n.switch {\n display: inline-block;\n margin-bottom: .5rem;\n}\n\n.switch-button {\n /* Change width and height to modify size of switch */\n width: 4rem;\n height: 2rem;\n\n /* background color when \"off\" */\n background: #888888;\n\n display: block;\n position: relative;\n cursor: pointer;\n outline: 0;\n overflow: hidden;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-transform: skew(-10deg);\n -ms-transform: skew(-10deg);\n transform: skew(-10deg);\n -webkit-transition: all .2s ease;\n -o-transition: all .2s ease;\n transition: all .2s ease;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n}\n\n.switch-button::before, \n.switch-button::after {\n /* the line-height must be the same as the height above */\n line-height: 2rem;\n\n color: #FFFFFF;\n font-weight: bold;\n text-shadow: 0 1px 1px rgba(0,0,0,.3);\n display: inline-block;\n width: 100%;\n text-align: center;\n position: absolute;\n -webkit-transform: skew(10deg);\n -ms-transform: skew(10deg);\n transform: skew(10deg);\n -webkit-transition: all .2s ease;\n -o-transition: all .2s ease;\n transition: all .2s ease;\n}\n\n.switch-input {\n display: none;\n}\n\n.switch-button::before {\n content: attr(data-toggle-off);\n left: 0;\n}\n\n.switch-button::after {\n content: attr(data-toggle-on);\n left: 100%;\n}\n\n.switch-button:active::before {\n left: -10%;\n}\n\n/* \"On\" state\n ========================== */\n\n.switch-input:checked + .switch-button {\n /* color of background when \"on\" */\n background: var(--highlight);\n}\n\n.switch-input:checked + .switch-button::before {\n left: -100%;\n}\n\n.switch-input:checked + .switch-button::after {\n left: 0;\n}\n\n.switch-input:checked + .switch-button:active::after {\n left: 10%;\n}\n\n/* Checkbox in disabled state\n ========================== */\n\n.switch-input[type=\"checkbox\"]:disabled + .switch-button {\n opacity: .6;\n cursor: not-allowed;\n}\n\n.switch-input[type=\"checkbox\"]:checked:disabled + .switch-button {\n /* border and background color when button is disabled */\n border-color: #cccccc;\n background: #cccccc;\n}" @@ -1304,7 +1447,8 @@

        width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -1348,6 +1492,7 @@

        const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -1458,7 +1603,9 @@

        $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
        <div ng-app="ods-widgets"> @@ -1580,8 +1727,10 @@

        "> -
        -

        -

        - -
        -

        - Flip style - - - - - -

        -
        -

        To edit the text inside this toggle, you must edit the data-toggle-on and data-toggle-off attributes in the HTML code. Depending on the length of the text, you might need to edit the width of of the .switch-button class in the CSS.

        - -
        - -
        +
        + +
        +
        +

        + Flip style + + + + + +

        +
        +

        To edit the text inside this toggle, you must edit the data-toggle-on and data-toggle-off attributes in the HTML code. Depending on the length of the text, you might need to edit the width of of the .switch-button class in the CSS.

        + +
        + + +
        + + + + + + + + +
        name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003clabel class=\"switch\"\u003e\n \u003cinput class=\"switch-input\"\n type=\"checkbox\"\u003e\n \u003cspan class=\"switch-button\"\n data-toggle-on=\"ON\"\n data-toggle-off=\"OFF\"\u003e\u003c/span\u003e\n\u003c/label\u003e\u003c/div\u003e", "css": "/* Flip Switch\n ========================================================================== */\n\n.switch {\n display: inline-block;\n margin-bottom: .5rem;\n}\n\n.switch-button {\n width: 4rem;\n height: 2rem;\n padding: 2px;\n position: relative;\n cursor: pointer;\n outline: 0;\n display: block;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-transition: all .2s ease-out;\n -o-transition: all .2s ease-out;\n transition: all .2s ease-out;\n -webkit-perspective: 100px;\n perspective: 100px;\n}\n\n.switch-button::before, \n.switch-button::after {\n line-height: 2rem;\n font-weight: bold;\n color: #FFFFFF;\n text-align: center;\n display: inline-block;\n border-radius: 4px;\n width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n -webkit-transition: all .4s ease;\n -o-transition: all .4s ease;\n transition: all .4s ease;\n}\n\n.switch-input {\n display: none;\n}\n\n/* When switch is \"off\" */\n.switch-button::before {\n background: var(--links);\n content: attr(data-toggle-off);\n}\n\n/* When switch is \"on\" */\n.switch-button::after {\n background: var(--highlight);\n content: attr(data-toggle-on);\n -webkit-transform: rotateY(-180deg);\n transform: rotateY(-180deg);\n}\n\n.switch-button:hover::before {\n -webkit-transform: rotateY(-20deg);\n transform: rotateY(-20deg);\n}\n\n/* \"On\" state\n ========================== */\n\n.switch-input:checked + .switch-button:hover::after {\n -webkit-transform: rotateY(20deg);\n transform: rotateY(20deg);\n}\n\n.switch-input:checked + .switch-button::before {\n -webkit-transform: rotateY(180deg);\n transform: rotateY(180deg);\n}\n\n.switch-input:checked + .switch-button::after {\n -webkit-transform: rotateY(0);\n transform: rotateY(0);\n}\n\n/* Checkbox in disabled\n ========================== */\n\n.switch-input[type=\"checkbox\"]:disabled + .switch-button {\n opacity: .6;\n cursor: not-allowed;\n}\n\n.switch-input[type=\"checkbox\"]:checked:disabled + .switch-button {\n border-color: #cccccc;\n background: #cccccc;\n}" @@ -1944,7 +2104,8 @@

        width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -1988,6 +2149,7 @@

        const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -2098,7 +2260,9 @@

        $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
        <div ng-app="ods-widgets"> @@ -2213,8 +2377,10 @@

        "> -
        -

        -

        - -
        -

        - Button group style - - - - - -

        -
        -

        Show both options at once and switch from one to the other on click.

        - -
        - -
        +
        + +
        +
        +

        + Button group style + + + + + +

        +
        +

        Show both options at once and switch from one to the other on click.

        + +
        + + +
        + + + + + + @@ -2540,6 +2714,9 @@

        + + +
        name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003clabel class=\"switch\"\u003e\n \u003cinput class=\"switch-input\"\n type=\"checkbox\"\u003e\n \u003cdiv class=\"switch-button\"\u003e\n \u003cspan class=\"switch-button-left\"\u003eOFF\u003c/span\u003e \n \u003cspan class=\"switch-button-right\"\u003eON\u003c/span\u003e\n \u003c/div\u003e\n\u003c/label\u003e\u003c/div\u003e", "css": "/* Button Group Switch\n ========================================================================== */\n\n.switch {\n display: inline-block;\n margin-bottom: 0.5rem;\n}\n\n.switch-button {\n /* background and border when in \"off\" state */\n background: var(--highlight);\n border: 2px solid var(--highlight);\n display: grid; \n grid-template-columns: 1fr 1fr;\n border-radius: 6px;\n color: #FFFFFF;\n position: relative;\n cursor: pointer;\n outline: 0;\n user-select: none;\n}\n\n.switch-input:not(:checked) + .switch-button .switch-button-left {\n /* text color when in \"off\" state */\n color: var(--highlight);\n}\n\n.switch-input {\n display: none;\n}\n\n.switch-button span {\n font-size: 1rem;\n padding: 0.2rem .7rem;\n text-align: center;\n z-index: 2;\n color: #FFFFFF;\n transition: color .2s;\n}\n\n.switch-button::before {\n content: '';\n position: absolute;\n background-color: #FFFFFF;\n box-shadow: 0 1px 3px rgba(0,0,0,.4);\n border-radius: 4px;\n top: 0;\n left: 0;\n height: 100%;\n width: 50%;\n z-index: 1;\n transition: left .3s cubic-bezier(0.175, 0.885, 0.320, 1), \n padding .2s ease, margin .2s ease;\n}\n\n.switch-button:hover::before {\n will-change: padding;\n}\n\n.switch-button:active::before {\n padding-right: .4rem;\n}\n\n\n/* \"On\" state\n ========================== */\n\n.switch-input:checked + .switch-button {\n /* background and border when in \"on\" state */\n background-color: var(--links);\n border-color: var(--links);\n}\n\n.switch-input:checked + .switch-button .switch-button-right {\n /* text color when in \"on\" state */\n color: var(--links);\n}\n\n.switch-input:checked + .switch-button::before {\n left: 50%;\n}\n\n.switch-input:checked + .switch-button:active::before {\n margin-left: -.4rem;\n}\n\n/* Checkbox in disabled state\n ========================== */\n\n.switch-input[type=\"checkbox\"]:disabled + .switch-button {\n opacity: 0.6;\n cursor: not-allowed;\n}\n" @@ -2563,7 +2740,8 @@

        width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -2607,6 +2785,7 @@

        const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -2717,7 +2896,9 @@

        $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
        <div ng-app="ods-widgets"> @@ -2828,8 +3009,10 @@

        "> -
        -

        -

        - -
        -

        - Simple example - - - - - -

        -
        -

        A simple usecase to show how this component can be used in your pages.

        - -
        - -
        +
        + +
        +
        +

        + Active/inactive style + + + + + +

        +
        +

        Toggle button to highlight an active or inactive state.

        + +
        + + +
        + + + + + + @@ -3147,8 +3338,11 @@

        + + +
        - @@ -3156,21 +3350,22 @@

        name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"content-card\"\n ng-init=\"view = 'map'\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-sm-3\"\u003e\n \u003ch2 class=\"content-card-title\"\u003e\n France departments\n \u003c/h2\u003e\n \u003cp class=\"content-card-description\"\u003e\n Cardano could be many technical analysis since Nexo data mining a fundamental analysis.\n \u003c/p\u003e\n \u003cp class=\"content-card-description\"\u003e\n Ravencoin generates a amazing fish of lots of market cap, and Waves serves many quick anti-money laundering! Solidity allowed lots of fast peer-to-peer network.\n \u003c/p\u003e\n \u003cdiv class=\"switch-container\"\u003e\n \u003cstrong\u003eView : \u003c/strong\u003e\n \u003clabel class=\"switch\"\u003e\n \u003cinput ng-model=\"view\"\n ng-true-value=\"'map'\"\n ng-false-value=\"'table'\"\n ng-checked=\"view == 'map'\"\n class=\"switch-input\"\n type=\"checkbox\"\u003e\n \u003cdiv class=\"switch-button\"\u003e\n \u003cspan class=\"switch-button-left\"\u003eTABLE\u003c/span\u003e\n \u003cspan class=\"switch-button-right\"\u003eMAP\u003c/span\u003e\n \u003c/div\u003e\n \u003c/label\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-sm-9\"\u003e\n \u003cods-dataset-context context=\"countoursgeographiques\"\n countoursgeographiques-dataset=\"contours-geographiques-simplifies-des-nouvelles-regions-metropole\"\n countoursgeographiques-domain=\"userclub\"\n countoursgeographiques-parameters=\"{}\"\u003e\n \u003cdiv ng-if=\"view == 'map'\"\u003e\n \u003cods-map context=\"countoursgeographiques\"\n scroll-wheel-zoom=\"false\"\u003e\u003c/ods-map\u003e\n \u003c/div\u003e\n \u003cdiv ng-if=\"view == 'table'\"\u003e\n \u003cods-table context=\"countoursgeographiques\"\u003e\u003c/ods-table\u003e\n \u003c/div\u003e\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e", - "css": "/* Content Card\n ========================================================================== */\n \n.content-card {\n\tbackground-color: var(--boxes-background);\n\tpadding: 26px;\n\tborder-radius: 4px;\n\tmargin-bottom: 20px;\n\theight: 100%;\n}\n.content-card-title {\n\tcolor: var(--titles);\n\tfont-size: 1.2rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\tmargin-top: 0;\n\tmargin-bottom: 13px;\n\tmax-width: 100%;\n}\n.content-card-description {\n\tcolor: var(--text);\n\tfont-size: 1rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\tmargin-top: 0;\n\tmargin-bottom: 26px;\n\tmax-width: 100%;\n}\n.content-card-icon {\n\tcolor: var(--highlight);\n\tfont-size: 2rem;\n\tmargin-bottom: 13px;\n\tmax-width: 100%;\n}\n.content-card-link {\n\tcolor: var(--links);\n\tfont-weight: bold;\n\ttransition: all .2s;\n\topacity: 1;\n\tmax-width: 100%;\n}\n.content-card-link:hover {\n\topacity: .7;\n\ttext-decoration: none;\n}\n.content-card-button {\n\tcolor: var(--highlight);\n\tborder: 1px solid var(--highlight);\n background: transparent;\n\tdisplay: inline-block;\n\ttext-align: center;\n\tfont-size: .867rem;\n border-radius: 4px;\n padding: .5rem 1.15rem;\n text-decoration: none;\n transition: all .2s;\n}\n.content-card-button:hover {\n\tbackground-color: var(--highlight);\n\tcolor: #FFFFFF;\n\ttext-decoration: none;\n}\n\n.switch-container {\n display: flex;\n align-items: center;\n}\n\n/* Button Group Switch\n ========================================================================== */\n\n.switch {\n display: inline-block;\n margin-bottom: 0;\n margin-left: 0.5rem;\n}\n\n.switch-button {\n /* background and border when in \"off\" state */\n background: var(--highlight);\n border: 2px solid var(--highlight);\n display: grid; \n grid-template-columns: 1fr 1fr;\n border-radius: 6px;\n color: #FFFFFF;\n position: relative;\n cursor: pointer;\n outline: 0;\n user-select: none;\n}\n\n.switch-input:not(:checked) + .switch-button .switch-button-left {\n /* text color when in \"off\" state */\n color: var(--highlight);\n}\n\n.switch-input {\n display: none;\n}\n\n.switch-button span {\n font-size: 1rem;\n padding: 0.2rem .7rem;\n text-align: center;\n z-index: 2;\n color: #FFFFFF;\n transition: color .2s;\n}\n\n.switch-button::before {\n content: '';\n position: absolute;\n background-color: #FFFFFF;\n box-shadow: 0 1px 3px rgba(0,0,0,.4);\n border-radius: 4px;\n top: 0;\n left: 0;\n height: 100%;\n width: 50%;\n z-index: 1;\n transition: left .3s cubic-bezier(0.175, 0.885, 0.320, 1), \n padding .2s ease, margin .2s ease;\n}\n\n.switch-button:hover::before {\n will-change: padding;\n}\n\n.switch-button:active::before {\n padding-right: .4rem;\n}\n\n\n/* \"On\" state\n ========================== */\n\n.switch-input:checked + .switch-button {\n /* background and border when in \"on\" state */\n background-color: var(--links);\n border-color: var(--links);\n}\n\n.switch-input:checked + .switch-button .switch-button-right {\n /* text color when in \"on\" state */\n color: var(--links);\n}\n\n.switch-input:checked + .switch-button::before {\n left: 50%;\n}\n\n.switch-input:checked + .switch-button:active::before {\n margin-left: -.4rem;\n}\n\n/* Checkbox in disabled state\n ========================== */\n\n.switch-input[type=\"checkbox\"]:disabled + .switch-button {\n opacity: 0.6;\n cursor: not-allowed;\n}\n" + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-xs-4\"\u003e\n \u003ch2\u003e\n Flat style {{ flatbutton.active ? 'On' : 'Off' }}\n \u003c/h2\u003e\n \u003cbutton ng-click=\"flatbutton.active = !flatbutton.active\"\n ng-class=\"{'flat-button-active': flatbutton.active == true}\" class=\"flat-button\"\n aria-expanded=\"{{ flatbutton.active == true }}\"\u003e\n Click me\n \u003c/button\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"col-xs-4\"\u003e\n \u003ch2\u003e\n Press style {{ pressbutton.active ? 'On' : 'Off' }}\n \u003c/h2\u003e\n \u003cbutton ng-click=\"pressbutton.active = !pressbutton.active\"\n ng-class=\"{'press-button-active': pressbutton.active == true}\" class=\"press-button\"\n aria-expanded=\"{{ pressbutton.active == true }}\"\u003e\n Click me\n \u003c/button\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"col-xs-4\"\u003e\n \u003ch2\u003e\n Gradient and shadow style {{ shadowbutton.active ? 'On' : 'Off' }}\n \u003c/h2\u003e\n \u003cbutton ng-click=\"shadowbutton.active = !shadowbutton.active\"\n ng-class=\"{'shadow-button-active': shadowbutton.active == true}\" class=\"shadow-button\"\n aria-expanded=\"{{ shadowbutton.active == true }}\"\u003e\n Click me\n \u003c/button\u003e\n \u003c/div\u003e\n\u003c/div\u003e\u003c/div\u003e", + "css": "/* Flat style\n=============================================================================*/\n.flat-button {\n font-size: 1rem;\n color: var(--links);\n border: 1px solid var(--links);\n border-radius: 2rem;\n background: #FFF;\n padding: .37rem 1rem;\n margin-right: 6px;\n}\n\n.flat-button:hover {\n opacity: 0.65;\n}\n\n.flat-button-active {\n background-color: var(--links);\n color: #FFF;\n}\n\n/* Press style\n=============================================================================*/\n.press-button {\n font-size: 1rem;\n color: var(--links);\n border: 1px solid var(--links);\n border-radius: 2rem;\n background: #FFF;\n padding: .37rem 1rem;\n border-bottom-width: 6px;\n}\n\n.press-button:hover {\n opacity: 0.65;\n}\n\n.press-button-active {\n margin-top: 3px;\n border-bottom-width: 3px;\n}\n\n/* Shadow style\n=============================================================================*/\n.shadow-button {\n font-size: 1rem;\n background: rgb(0, 136, 204);\n background: linear-gradient(0deg, rgba(0, 136, 204, 1) 0%, rgba(6, 168, 249, 1) 100%);\n color: #FFF;\n border: 1px solid var(--links);\n border-radius: 2rem;\n padding: .37rem 1rem;\n}\n\n.shadow-button-active {\n background-color: rgba(0, 136, 204, 1);\n box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset;\n padding-top: .47rem;\n padding-bottom: .27rem;\n}\n\n\n\n\n" }'>

        - +
        + + + +
        +
        + + +
        + +

        + +
        + +
        +

        + Simple example + + + + + +

        +
        +

        A simple usecase to show how this component can be used in your pages.

        + +
        + + +
        + + + + + + + + + + + + + + + + + + + + +
        +
        + +
        +
        +
        +
        + -
        -
        -
        - -
        +
        + + + +

    • - - + - © Copyright 2020 + © Copyright 2026
    @@ -4076,7 +4893,7 @@

    diff --git a/public/components/table-module/index.html b/public/components/table-module/index.html index f7839f3b7..e7f9b972b 100644 --- a/public/components/table-module/index.html +++ b/public/components/table-module/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@

    - @@ -197,18 +214,70 @@
    • + href="https://codelibrary.huwize.com/"> Home
      • + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    • + + Apps + + +
      • + + +
    • Components
        +
      • + +
        + Access cards + + +
        +         +
        • +
        • +
      • + +
        + Icons + + +
        +         +
        • +
      • @@ -365,6 +444,9 @@ + + +
      • @@ -389,6 +471,9 @@ + + + @@ -433,6 +518,18 @@ + + + + + + + + + + + + @@ -559,8 +656,6 @@ class="sidebar-subtitle"> Widget tricks - 6 -
        • @@ -572,51 +667,67 @@
        - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
        @@ -627,30 +738,31 @@
        -
        -

        Components - Table module

        -
        - -
        - -
        -

        - Basic Table - - - - - -

        -
        -

        Simple table. You just need to add the class table-basic to your table. +

        +

        Components - Table module

        +
        + +
        + +
        +

        + Basic Table + + + + + +

        +
        +

        Simple table. You just need to add the class table-basic to your table. If you want to make the header of the table sticky, you will need to add a container div class="table-module". Check the example below to get the required CSS.

        -
        - -
        - +
        + + +
        + @@ -662,6 +774,14 @@

        + + + + + + + +
        name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"population\"\n population-domain=\"public\"\n population-dataset=\"population-millesimee-communes-2016\"\u003e\n \u003cdiv class=\"table-module\"\u003e\n \u003ctable class=\"table-basic\"\n ods-results=\"regions\"\n ods-results-context=\"population\"\n ods-results-max=\"100\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eCommune\u003c/th\u003e\n \u003cth\u003ePopulation\u003c/th\u003e\n \u003cth\u003eCode Commune\u003c/th\u003e\n \u003cth\u003eRégion\u003c/th\u003e\n \u003c/tr\u003e\n \u003c/thead\u003e\n \u003ctbody\u003e\n \u003ctr ng-repeat=\"region in regions\"\u003e\n \u003cth scope=\"row\"\u003e\n {{ region.fields.nom_de_la_commune | capitalize }}\n \u003c/th\u003e\n \u003ctd\u003e\n {{ region.fields.population_totale }}\n \u003c/td\u003e\n \u003ctd\u003e\n {{ region.fields.code_commune }}\n \u003c/td\u003e\n \u003ctd\u003e\n {{ region.fields.nom_de_la_region }}\n \u003c/td\u003e\n \u003c/tr\u003e\n \u003c/tbody\u003e\n \u003c/table\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", "css": "/* Table Module Basic\n ========================================================================== */\n.table-module {\n height: 400px;\n overflow-y: auto;\n}\n.table-basic {\n display: table;\n border-collapse: collapse;\n width: 100%;\n white-space: nowrap;\n background-color: #FFFFFF;\n}\n.table-basic thead th {\n color: var(--titles);\n background-color: #f6f8fb;\n font-weight: 500;\n padding: 13px 3px;\n position: sticky;\n top: 0;\n z-index: 1;\n}\n.table-basic thead th:first-child,\n.table-basic tbody th {\n padding-left: 13px;\n}\n.table-basic tr td,\n.table-basic tbody th {\n font-weight: normal;\n border-top: 1px solid #dee5ef;\n}\n.table-basic tr td {\n padding: 13px 3px;\n}\n" @@ -685,7 +805,8 @@

        width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -729,6 +850,7 @@

        const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -839,7 +961,9 @@

        $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
        <div ng-app="ods-widgets"> @@ -919,8 +1043,16 @@

        "> -
        - + +

        -

        - -
        -

        - Table with detail panel - - - - - -

        -
        -

        This table allows clicks in order to open a hidden panel where more information an be displayed. You just need to add the class table-detail to your table. +

        + +
        + +
        +

        + Table with detail panel + + + + + +

        +
        +

        This table allows clicks in order to open a hidden panel where more information an be displayed. You just need to add the class table-detail to your table. If you want to make the header of the table sticky, you will need to add a container div class="table-module". Check the example below to get the required CSS.

        -
        - -
        - +
        + + +
        + @@ -1178,6 +1358,14 @@

        + + + + + + + +
        name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"population\"\n population-domain=\"public\"\n population-dataset=\"population-millesimee-communes-2016\"\u003e\n \u003cdiv class=\"table-module\"\u003e\n \u003ctable class=\"table-detail\"\n ods-results=\"regions\"\n ods-results-context=\"population\"\n ods-results-max=\"100\"\n ng-init=\"detail.open = ''\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eCommune\u003c/th\u003e\n \u003cth\u003ePopulation\u003c/th\u003e\n \u003cth\u003eCode Commune\u003c/th\u003e\n \u003cth\u003eRégion\u003c/th\u003e\n \u003c/tr\u003e\n \u003c/thead\u003e\n \u003ctbody\u003e\n \u003ctr ng-repeat-start=\"(i, region) in regions\"\u003e\n \u003cth ng-click=\"detail.open = (detail.open == region.recordid ? '' : region.recordid)\"\n ng-class=\"{'table-detail-active': detail.open == region.recordid}\"\n scope=\"row\"\u003e\n {{ region.fields.nom_de_la_commune | capitalize }}\n \u003cspan class=\"table-row-header-details\"\u003e\n - Détails\n \u003ci class=\"fa fa-fw\" aria-hidden=\"true\"\n ng-class=\"{'fa-angle-up': detail.open == region.recordid,\n 'fa-angle-down': detail.open != region.recordid}\"\u003e\u003c/i\u003e\n \u003c/span\u003e\n \u003c/th\u003e\n \u003ctd\u003e\n {{ region.fields.population_totale }}\n \u003c/td\u003e\n \u003ctd\u003e\n {{ region.fields.code_commune }}\n \u003c/td\u003e\n \u003ctd\u003e\n {{ region.fields.nom_de_la_region }}\n \u003c/td\u003e\n \u003c/tr\u003e\n \u003ctr class=\"table-item-details\"\n ng-repeat-end\n ng-show=\"detail.open == region.recordid\"\u003e\n \u003ctd colspan=\"4\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n \u003cspan\u003eAnnée recensement : \u003c/span\u003e\n \u003cspan\u003e{{ region.fields.annee_recensement }}\u003c/span\u003e\n \u003c/li\u003e\n \u003cli ng-if=\"region.fields.superficie \u003e 0\"\u003e\n \u003cspan\u003eSuperficie de la commune : \u003c/span\u003e\n \u003cspan\u003e{{ region.fields.superficie }}\u003c/span\u003e\n \u003c/li\u003e\n \u003cli\u003e\n \u003cspan\u003eCode INSEE de la région : \u003c/span\u003e\n \u003cspan\u003e{{ region.fields.code_region }}\u003c/span\u003e\n \u003c/li\u003e\n \u003cli\u003e\n \u003cspan\u003eCode INSEE du département : \u003c/span\u003e\n \u003cspan\u003e{{ region.fields.code_departement }}\u003c/span\u003e\n \u003c/li\u003e\n \u003c/ul\u003e\n \u003c/td\u003e\n \u003c/tr\u003e\n \u003c/tbody\u003e\n \u003c/table\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", "css": "/* Table with details panel\n ========================================================================== */\n.table-module {\n height: 400px;\n overflow-y: auto;\n}\n.table-detail {\n display: table;\n border-collapse: collapse;\n width: 100%;\n white-space: nowrap;\n background-color: #FFFFFF;\n}\n.table-detail thead th {\n color: var(--titles);\n background-color: #f6f8fb;\n font-weight: 500;\n padding: 13px 3px;\n position: sticky;\n top: 0;\n z-index: 1;\n}\n.table-detail thead th:first-child,\n.table-detail tbody th {\n padding-left: 13px;\n}\n.table-detail tr td,\n.table-detail tbody th {\n font-weight: normal;\n border-top: 1px solid #dee5ef;\n}\n.table-detail tr td {\n padding: 13px 3px;\n}\n/* Summary */\n.table-row-header {\n display: flex;\n align-items: center;\n}\n.table-row-header-details {\n opacity: .8;\n margin: 0 3px;\n}\n.table-detail tbody tr th:hover {\n color: var(--links);\n}\n/* Details */\n.table-detail-active {\n color: var(--links);\n}\n.table-item-details {\n padding-bottom: 26px;\n}\n.table-detail .table-item-details td {\n border-top: none;\n}\n.table-detail .table-item-details td:first-child {\n padding-left: 13px;\n}\n" @@ -1201,7 +1389,8 @@

        width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -1245,6 +1434,7 @@

        const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -1355,7 +1545,9 @@

        $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
        <div ng-app="ods-widgets"> @@ -1493,8 +1685,16 @@

        "> -
        - + +

        -

        - -
        -

        - Table with dropdown - - - - - -

        -
        -

        This table has a button that opens a dropdown menu, where actions or links can be added. +

        + +
        + +
        +

        + Table with dropdown + + + + + +

        +
        +

        This table has a button that opens a dropdown menu, where actions or links can be added. You need to add the table-basic class to your table. If you want to make the header of the table sticky, you will need to add a container div class="table-module". Check the example below to get the required CSS and HTML in order to get the dropdown button working.

        -
        - -
        - +
        + + +
        + @@ -1868,6 +2136,14 @@

        + + + + + + + +
        name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"population\"\n population-domain=\"public\"\n population-dataset=\"population-millesimee-communes-2016\"\u003e\n \u003cdiv class=\"table-module\"\u003e\n \u003ctable class=\"table-basic\"\n ods-results=\"regions\"\n ods-results-context=\"population\"\n ods-results-max=\"100\"\n ng-init=\"dropdown.open = ''\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eCommune\u003c/th\u003e\n \u003cth\u003ePopulation\u003c/th\u003e\n \u003cth\u003eCode Commune\u003c/th\u003e\n \u003cth\u003eRégion\u003c/th\u003e\n \u003cth\u003e\u003c/th\u003e\n \u003c/tr\u003e\n \u003c/thead\u003e\n \u003ctbody\u003e\n \u003ctr ng-repeat=\"region in regions\"\u003e\n \u003cth scope=\"row\"\u003e\n {{ region.fields.nom_de_la_commune | capitalize }}\n \u003c/th\u003e\n \u003ctd\u003e\n {{ region.fields.population_totale }}\n \u003c/td\u003e\n \u003ctd\u003e\n {{ region.fields.code_commune }}\n \u003c/td\u003e\n \u003ctd\u003e\n {{ region.fields.nom_de_la_region }}\n \u003c/td\u003e\n \u003ctd\u003e\n \u003cdiv class=\"table-dropdown-container\"\u003e\n \u003cbutton class=\"table-dropdown-button\"\n ng-click=\"dropdown.open = (dropdown.open == region.recordid ? '' : region.recordid)\"\n ng-class=\"{'table-dropdown-button-active': dropdown.open == region.recordid}\"\u003e\n \u003ci class=\"fa fa-ellipsis-v\"\u003e\u003c/i\u003e\n \u003c/button\u003e\n \u003cdiv class=\"table-dropdown\"\n ng-class=\"{'table-dropdown-visible' : dropdown.open == region.recordid }\"\u003e\n \u003ca href=\"#\"\n target=\"_blank\"\n class=\"table-dropdown-item\"\u003e\n Action 1\n \u003c/a\u003e\n \u003ca href=\"#\"\n target=\"_blank\"\n class=\"table-dropdown-item\"\u003e\n Action 2\n \u003c/a\u003e\n \u003c/div\u003e\n \u003cdiv class=\"table-dropdown-backdrop\"\n ng-click=\"dropdown.open = ''\"\n ng-show=\"dropdown.open != ''\"\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003c/td\u003e\n \u003c/tr\u003e\n \u003c/tbody\u003e\n \u003c/table\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", "css": "/* Table with dropdown\n ========================================================================== */\n.table-module {\n height: 400px;\n overflow-y: auto;\n}\n.table-basic {\n display: table;\n border-collapse: collapse;\n width: 100%;\n white-space: nowrap;\n background-color: #FFFFFF;\n}\n.table-basic thead th {\n color: var(--titles);\n background-color: #f6f8fb;\n font-weight: 500;\n padding: 13px 3px;\n position: sticky;\n top: 0;\n z-index: 1;\n}\n.table-basic thead th:first-child,\n.table-basic tbody th {\n padding-left: 13px;\n}\n.table-basic tr td,\n.table-basic tbody th {\n font-weight: normal;\n border-top: 1px solid #dee5ef;\n}\n.table-basic tr td {\n padding: 13px 3px;\n}\n/* Dropdown */\n.table-dropdown-container {\n position: relative;\n margin-right: 4px;;\n}\n.table-dropdown-button {\n width: 28px;\n height: 28px;\n padding: 0;\n line-height: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n background: white;\n border: 1px solid transparent;\n border-radius: 4px;\n margin-left: auto;\n}\n.table-basic tr:hover .table-dropdown-button {\n border-color: var(--highlight);\n}\n.table-dropdown-button-active {\n box-shadow: 0 0 0 3px rgba(20, 46, 123, 0.3);\n border-color: var(--highlight);\n}\n.table-dropdown {\n visibility: hidden;\n opacity: 0;\n position: absolute;\n z-index: 3;\n top: 0;\n right: 0;\n border: 1px solid #FFFFFF;\n border-radius: 4px;\n border-color: rgba(222, 229, 239, 1);\n padding: 13px;\n white-space: nowrap;\n background: white;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);\n transition: visibility 0s, opacity 0.1s ease, top 0.1s ease;\n}\n.table-dropdown-visible {\n visibility: visible;\n opacity: 1;\n top: 38px;\n}\n.table-dropdown-item {\n padding: 2px 6px 2px 0;\n display: block;\n}\n.table-dropdown-backdrop {\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n cursor: auto;\n}\n" @@ -1891,7 +2167,8 @@

        width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -1935,6 +2212,7 @@

        const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -2045,7 +2323,9 @@

        $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
        <div ng-app="ods-widgets"> @@ -2210,8 +2490,16 @@

        "> -
        - + +

        -

        - -
        -

        - Advanced table - - - - - -

        -
        -

        This table includes all the functionality presented in the previous examples. This table has a details panel, a dropdown button for actions and a sticky header. +

        + +
        + +
        +

        + Advanced table + + + + + +

        +
        +

        This table includes all the functionality presented in the previous examples. This table has a details panel, a dropdown button for actions and a sticky header. You need to add the table-advanced class to your table. If you want to make the header of the table sticky, you will need to add a container div class="table-module".

        -
        - -
        - +
        + + +
        + + + + + + @@ -2638,6 +2979,9 @@

        + + +
        name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"population\"\n population-domain=\"public\"\n population-dataset=\"population-millesimee-communes-2016\"\u003e\n \u003cdiv class=\"table-module\"\u003e\n \u003ctable class=\"table-advanced\"\n ods-results=\"regions\"\n ods-results-context=\"population\"\n ods-results-max=\"100\"\n ng-init=\"dropdown.open = ''; detail.open = ''\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eCommune\u003c/th\u003e\n \u003cth\u003ePopulation\u003c/th\u003e\n \u003cth\u003eCode Commune\u003c/th\u003e\n \u003cth\u003eRégion\u003c/th\u003e\n \u003cth\u003e\u003c/th\u003e\n \u003c/tr\u003e\n \u003c/thead\u003e\n \u003ctbody\u003e\n \u003ctr ng-repeat-start=\"(i, region) in regions\"\u003e\n \u003cth ng-click=\"detail.open = (detail.open == region.recordid ? '' : region.recordid)\"\n ng-class=\"{'table-detail-active': detail.open == region.recordid}\"\n scope=\"row\"\u003e\n {{ region.fields.nom_de_la_commune | capitalize }}\n \u003cspan class=\"table-row-header-details\"\u003e\n - Détails\n \u003ci class=\"fa fa-fw\" aria-hidden=\"true\"\n ng-class=\"{'fa-angle-up': detail.open == region.recordid,\n 'fa-angle-down': detail.open != region.recordid}\"\u003e\u003c/i\u003e\n \u003c/span\u003e\n \u003c/th\u003e\n \u003ctd\u003e\n {{ region.fields.population_totale }}\n \u003c/td\u003e\n \u003ctd\u003e\n {{ region.fields.code_commune }}\n \u003c/td\u003e\n \u003ctd\u003e\n {{ region.fields.nom_de_la_region }}\n \u003c/td\u003e\n \u003ctd\u003e\n \u003cdiv class=\"table-dropdown-container\"\u003e\n \u003cbutton class=\"table-dropdown-button\"\n ng-click=\"dropdown.open = (dropdown.open == region.recordid ? '' : region.recordid)\"\n ng-class=\"{'table-dropdown-button-active': dropdown.open == region.recordid}\"\u003e\n \u003ci class=\"fa fa-ellipsis-v\"\u003e\u003c/i\u003e\n \u003c/button\u003e\n \u003cdiv class=\"table-dropdown\"\n ng-class=\"{'table-dropdown-visible' : dropdown.open == region.recordid }\"\u003e\n \u003ca href=\"#\"\n target=\"_blank\"\n class=\"table-dropdown-item\"\u003e\n Action 1\n \u003c/a\u003e\n \u003ca href=\"#\"\n target=\"_blank\"\n class=\"table-dropdown-item\"\u003e\n Action 2\n \u003c/a\u003e\n \u003c/div\u003e\n \u003cdiv class=\"table-dropdown-backdrop\"\n ng-click=\"dropdown.open = ''\"\n ng-show=\"dropdown.open != ''\"\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003c/td\u003e\n \u003c/tr\u003e\n \u003ctr class=\"table-item-details\"\n ng-repeat-end\n ng-show=\"detail.open == region.recordid\"\u003e\n \u003ctd colspan=\"4\"\u003e\n \u003cul\u003e\n \u003cli\u003e\n \u003cspan\u003eAnnée recensement : \u003c/span\u003e\n \u003cspan\u003e{{ region.fields.annee_recensement }}\u003c/span\u003e\n \u003c/li\u003e\n \u003cli ng-if=\"region.fields.superficie \u003e 0\"\u003e\n \u003cspan\u003eSuperficie de la commune : \u003c/span\u003e\n \u003cspan\u003e{{ region.fields.superficie }}\u003c/span\u003e\n \u003c/li\u003e\n \u003cli\u003e\n \u003cspan\u003eCode INSEE de la région : \u003c/span\u003e\n \u003cspan\u003e{{ region.fields.code_region }}\u003c/span\u003e\n \u003c/li\u003e\n \u003cli\u003e\n \u003cspan\u003eCode INSEE du département : \u003c/span\u003e\n \u003cspan\u003e{{ region.fields.code_departement }}\u003c/span\u003e\n \u003c/li\u003e\n \u003c/ul\u003e\n \u003c/td\u003e\n \u003c/tr\u003e\n \u003c/tbody\u003e\n \u003c/table\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", "css": "/* Table Advanced\n ========================================================================== */\n.table-module {\n height: 400px;\n overflow-y: auto;\n}\n.table-advanced {\n display: table;\n border-collapse: collapse;\n width: 100%;\n white-space: nowrap;\n background-color: #FFFFFF;\n}\n.table-advanced thead th {\n color: var(--titles);\n background-color: #f6f8fb;\n font-weight: 500;\n padding: 13px 3px;\n position: sticky;\n top: 0;\n z-index: 1;\n}\n.table-advanced thead th:first-child,\n.table-advanced tbody th {\n padding-left: 13px;\n}\n.table-advanced tr td,\n.table-advanced tbody th {\n font-weight: normal;\n border-top: 1px solid #dee5ef;\n}\n.table-advanced tr td {\n padding: 13px 3px;\n}\n/* Dropdown */\n.table-dropdown-container {\n position: relative;\n margin-right: 4px;;\n}\n.table-dropdown-button {\n width: 28px;\n height: 28px;\n padding: 0;\n line-height: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n background: white;\n border: 1px solid transparent;\n border-radius: 4px;\n margin-left: auto;\n}\n.table-advanced tr:hover .table-dropdown-button {\n border-color: var(--highlight);\n}\n.table-dropdown-button-active {\n box-shadow: 0 0 0 3px rgba(20, 46, 123, 0.3);\n border-color: var(--highlight);\n}\n.table-dropdown {\n visibility: hidden;\n opacity: 0;\n position: absolute;\n z-index: 3;\n top: 0;\n right: 0;\n border: 1px solid #FFFFFF;\n border-radius: 4px;\n border-color: rgba(222, 229, 239, 1);\n padding: 13px;\n white-space: nowrap;\n background: white;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);\n transition: visibility 0s, opacity 0.1s ease, top 0.1s ease;\n}\n.table-dropdown-visible {\n visibility: visible;\n opacity: 1;\n top: 38px;\n}\n.table-dropdown-item {\n padding: 2px 6px 2px 0;\n display: block;\n}\n.table-dropdown-backdrop {\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n cursor: auto;\n}\n/* Summary */\n.table-row-header {\n display: flex;\n align-items: center;\n}\n.table-row-header-details {\n opacity: .8;\n margin: 0 3px;\n}\n/* Details */\n.table-advanced tbody tr th:hover {\n color: var(--links);\n}\n.table-advanced-active {\n color: var(--links);\n}\n.table-item-details {\n padding-bottom: 26px;\n}\n.table-advanced .table-item-details td {\n border-top: none;\n}\n.table-advanced .table-item-details td:first-child {\n padding-left: 13px;\n}\n" @@ -2661,7 +3005,8 @@

        width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -2705,6 +3050,7 @@

        const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -2815,7 +3161,9 @@

        $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
        <div ng-app="ods-widgets"> @@ -3037,8 +3385,16 @@

        "> -
        - + +

        -

        - -
        +
        + +
        + +
    - - + - © Copyright 2020 + © Copyright 2026
    @@ -3579,7 +4002,7 @@

    diff --git a/public/css/theme.css b/public/css/theme.css index 48f4f84ac..7e2f57262 100644 --- a/public/css/theme.css +++ b/public/css/theme.css @@ -1,7 +1,7 @@ :root { --links: #0088CC; - --page-background: #f6f8fb; - --header-links: #FFFFFF; + --page-background: #ffffff; + --header-links: #000000; --titles: #1E0C33; --section-titles: #1E0C33; --highlight: #EC643C; @@ -11,11 +11,11 @@ --header-background: #1E0C33; --footer-background: #FFFFFF; --text: #333333; - --section-titles-background: #FFFFFF; + --section-titles-background: #F6F8FB; } body { - background-color: white; /*var(--page-background);*/ + background-color: var(--page-background); padding: 20px 10px; } diff --git a/public/custom-views/custom-view-generator/1/config.inc b/public/custom-views/custom-view-generator/1/config.inc index 4a04e1368..731e4c7cb 100644 --- a/public/custom-views/custom-view-generator/1/config.inc +++ b/public/custom-views/custom-view-generator/1/config.inc @@ -4,11 +4,11 @@ fieldDefaultRangeStartsNow = true; view = 'cards'; - fieldsList = ['powered_by','description_en']; + fieldsList = ['purpose','description_en']; fieldLink = 'reference_url'; fieldLinkLabel = 'See it live'; - cardTitle = 'name_of_the_initiative_en'; + cardTitle = 'name_of_the_initiative'; fieldPhoto = ''; imagePosition = 'left'; itemsPerRow = '2'; diff --git a/public/custom-views/custom-view-generator/index.html b/public/custom-views/custom-view-generator/index.html index ce193206d..452f83362 100644 --- a/public/custom-views/custom-view-generator/index.html +++ b/public/custom-views/custom-view-generator/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@

    - @@ -179,7 +196,7 @@
    • + href="https://codelibrary.huwize.com/"> Home
      • @@ -196,6 +213,54 @@ + + + + + + + + + + + + + + + + + + + + + +
    • + + Apps + + +
      • + + + + + + + + + + + + + + + + + + + + @@ -265,6 +330,16 @@ +
    • + +
      + Eco-Counter / Eco-Compteur + + +
      +       +
      • +
      • @@ -477,51 +565,67 @@
      - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
      @@ -532,33 +636,34 @@
      -
      -

      Custom Views - Custom view Generator

      -
      - -
      - -
      -

      - Automated listing visualization in custom views - - - - - -

      -
      -

      Based on the listing generator, this version will fit perfectly into a custom view by reusing dataset filters and search on the left. +

      +

      Custom Views - Custom view Generator

      +
      + +
      + +
      +

      + Automated listing visualization in custom views + + + + + +

      +
      +

      Based on the listing generator, this version will fit perfectly into a custom view by reusing dataset filters and search on the left. Embed the view to see how this template activated it’s own filters and search bar..

      -
      - -

      - See it live! -

      - -
      - +
      + +

      + See it live! +

      + + +
      + @@ -586,9 +691,9 @@

      name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"ctx\"\n ctx-dataset=\"custom-view-generator-demo\"\n ctx-domain=\"userclub\"\u003e\n\u003c!-- V1 :\n - listing generator adapted to custom view :\n - no more context to init, and using existing one \"ctx\"\n - filters are hidden in /explore/datasets/ view, but visible in embed mode\n--\u003e\n\n\n\u003c!-- IMPORTANT ******** MUST READ !\n\n In the following settings declaration :\n\n A common error is forget to escape (protect) apostrophe with a leading backslash\n As apostrophes are used to declare values of variable it will break the settings\n\n Ex:\n wrongVariable = 'I'll be freed from apostrophes'\n correctVariable = 'I\\'ll be freed from apostrophes'\n--\u003e\n\n\u003c!-- SETTINGS START HERE --\u003e\n\u003cdiv class=\"container custom-view-generator\"\n\n\n\n ng-init=\"fieldDate = '';\n resetFiltersButton = true;\n resetFiltersButtonLabel = 'Supprimer tous les filtres';\n fieldDefaultRangeStartsNow = true;\n\n view = 'cards';\n fieldsList = ['powered_by','description_en'];\n fieldLink = 'reference_url';\n fieldLinkLabel = 'See it live';\n\n cardTitle = 'name_of_the_initiative_en';\n fieldPhoto = '';\n imagePosition = 'left';\n itemsPerRow = '2';\n\n kpis = [\n {\n 'title': 'Number of initiatives',\n 'function': 'COUNT'\n }\n ];\n\n filters = [\n {'id':'language','multiple':true},\n {'id':'country','multiple':true},\n {'id':'purpose','multiple':true}\n ];\n DO_NOT_MODIFY_BELOW;\n\n ctxfields = {};\n values = {};\n activeFilters = {};\n \"\u003e\n \u003c!-- ### GENERAL SETTINGS ### --\u003e\n\n \u003c!-- ### FILTERS SETTINGS ### --\u003e\n \u003c!-- filters (Filters) : List of object that contains the IDs to generate the filters pannel.\n and multiple true or false to allow the user to select multiple values in the filter.\n NB: the field must be a facet in the dataset\n NB: alphanumerical sort is applied in the filter view\n ex: [\n {'id':'filterid','multiple':true},\n {'id':'filterid2','multiple':false}\n ]\n IMPORTANT: for a custom view, filters are only available when the view is embeded; In /explore view, custom view filters are hidden, as they are already available in left sidebar.\n --\u003e\n \u003c!-- resetFiltersButton (boolean) : add a reset filters button after filters block --\u003e\n \u003c!-- resetFiltersButtonLabel (Label of the button) : test to display when a filter is selected\n ex: 'Clear all filters'\n --\u003e\n\n \u003c!-- ### DATE SETTINGS --\u003e\n \u003c!-- fieldDate : a date type field to display a date-range-slider --\u003e\n \u003c!-- resetFiltersButton : reset date period button true/false --\u003e\n \u003c!-- fieldDefaultRangeStartsNow : false make the default range selection start from the first date, and end to the last date, if set to true, the range starts from now, to the last date --\u003e\n\n \u003c!-- ### LIST VIEW SETTINGS ### --\u003e\n \u003c!-- view (List view type) : Type of the view to list results, can be 'table' or 'cards'\n --\u003e\n \u003c!-- fieldsList (List configuration) : Set the list of field IDs\n ex: ['title','category','genre','date']\n --\u003e\n \u003c!-- fieldLink (Link to an external resource) : If available, the field ID of some external resource as a web URL\n ex: 'link'\n --\u003e\n \u003c!-- fieldLinkLabel (The label of that link) : Label of the link button\n ex: 'Read more here'\n --\u003e\n\n \u003c!-- Specific to the 'cards' view mode, set a title and a background image if any --\u003e\n \u003c!-- cardTitle (Title of the card) : Field id of the card title\n ex: 'title'\n--\u003e\n \u003c!-- fieldPhoto (Field id of the image field if any)\n ex: 'image'\n--\u003e\n \u003c!-- imagePosition (Image position) : Image position in the card, can be 'top' or 'left'\n ex: 'left'\n--\u003e\n \u003c!-- itemsPerRow (Number of columns) : Modify the columns layout. The division by 12 must be a whole number, ie it can be 1, 2, 3, 4, 6 or 12. But 6 and 12 will generaly be two norrow\n ex: '3'\n--\u003e\n\n \u003c!-- ### KPIS SETTINGS ### --\u003e\n \u003c!-- KPIS settings is a list of object that describes each KPI\n List of available keys are :\n - title (Name of the KPI) ex: 'Average # of citizens'\n - function (function of the aggregation) ex: 'SUM'\n - expression (field id that contains numerical values to aggregate) ex: 'population'\n - precision (Decimal precision of the KPI) ex: 2\n - unit (KPI unit) ex: 'citizens'\n - faicon (FontAwesome icon id) ex: 'square-o'\n\n title, function, expression are MANDATORY\n the others are optionnal\n\n Available functions are SUM, AVG, COUNT, STD, MAX, MIN.\n Please see the documentation for more information\n https://help.opendatasoft.com/widgets/#/api/ods-widgets.directive:odsAggregation\n\n Please see all available icons here\n https://fontawesome.com/v4.7.0/icons/\n\n ex:\n kpis = [\n {\n 'title': 'Taille moyenne',\n 'function': 'AVG',\n 'expression': 'surface',\n 'precision': 2,\n 'unit': 'm2',\n 'faicon': 'square-o'\n },\n {\n 'title': 'Nombre d\\'oeuvre référencées',\n 'function': 'COUNT'\n }\n ];\n\n--\u003e\n\n \u003c!-- DO NOT MODIFY --\u003e\n \u003c!-- Technical fields, do not modify please --\u003e\n\n\n \u003cods-dataset-context context=\"ctxdate\"\n ctxdate-dataset=\"{{ ctx.dataset.datasetid }}\"\n ctxdate-parameters=\"ctx.parameters\"\u003e\n\n \u003cspan ng-if=\"fieldDefaultRangeStartsNow\"\u003e\n {{ctxdate.parameters={'q.date': fieldDate + '\u0026gt;#now()'};''}}\n \u003c/span\u003e\n\n \u003cspan ng-repeat=\"field in ctx.dataset.fields\"\u003e\n {{ ctxfields[field.name] = field.label; '' }}\n \u003c/span\u003e\n\n \u003cdiv ng-if=\"!$parent.$parent.$parent\"\u003e\n \u003cspan ng-repeat=\"filter in filters\"\u003e\n {{ ctx.parameters['refine.' + filter.id] = activeFilters[filter.id] ; '' }}\n \u003c/span\u003e\n \u003c/div\u003e\n\n \u003cdiv ng-if=\"!$parent.$parent.$parent\" class=\"content-card search-module-container\"\u003e\n \u003c!-- SEARCH --\u003e\n \u003cdiv class=\"search-module\"\u003e\n \u003ci class=\"fa fa-search search-module-icon\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cinput placeholder=\"Rechercher\"\n ng-model=\"ctx.parameters['q']\"\n ng-model-options=\"{ updateOn: 'keyup', debounce: { 'default': 300, 'blur': 0 }}\"\n class=\"search-module-input\"\n type=\"text\"/\u003e\n \u003cbutton class=\"search-module-clear\"\n ng-if=\"ctx.parameters['q']\"\n ng-click=\"ctx.parameters['q'] = undefined\"\u003e\n \u003ci class=\"fa fa-times-circle\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/button\u003e\n \u003c/div\u003e\n\n \u003c!-- FILTERS Search \u0026 Select --\u003e\n \u003cdiv class=\"filter-list\"\n ng-init=\"dropdown.open = '';\n select = {}\"\u003e\n \u003cdiv ng-repeat=\"filter in filters\"\u003e\n {{ ctx.parameters['disjunctive.' + filter.id] = true; '' }}\n \u003cdiv ods-facet-results=\"categories\"\n ods-facet-results-facet-name=\"{{ filter.id }}\"\n ods-facet-results-context=\"ctx\"\n ods-facet-results-sort=\"alphanum\"\u003e\n \u003cods-select ng-if=\"categories\"\n selected-values=\"activeFilters[filter.id]\"\n multiple=\"filter.multiple\"\n options=\"categories\"\n label-modifier=\"name\"\n value-modifier=\"name\"\n placeholder=\"{{ ctxfields[filter.id] }}\"\u003e\u003c/ods-select\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"clear-filters\"\n ng-show=\"(activeFilters | values).join('')\"\u003e\n \u003cdiv class=\"clear-filters-button\"\n role=\"button\"\n ng-click=\"activeFilters = {}\"\u003e\n {{ resetFiltersButtonLabel }}\n \u003ci class=\"fa fa-times-circle\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003c!-- FILTERS date (if any) --\u003e\n \u003cdiv class=\"filter-date\"\n ng-if=\"fieldDate\"\u003e\n \u003c!--\n On récupère la plage de date du jeu de données. On fait une analyse pour récupérer la première et dernière date du champs date_de_restitution\n pour le min: conditionnelle pour ajouter le 0 si le mois ou le jour est inférieur à 10 pour avoir une date iso\n [dateminmax.results.length-1] : permet de récupérer dynamiquement le dernier élément de l'array du results =\u003e donc ici on calcule le nombre d'éléments dans l'array pour la date, donc 2, et 2-1= 1 donc 2019\n Pareil que précédemment, ne pas hésiter à enlever le '' pour voir le comportement\n --\u003e\n \u003cspan ods-analysis=\"dateminmax\"\n ods-analysis-context=\"ctxdate\"\n ods-analysis-x-year=\"{{ fieldDate }}.year\"\n ods-analysis-x-month=\"{{ fieldDate }}.month\"\n ods-analysis-x-day=\"{{ fieldDate }}.day\"\n ods-analysis-serie-c=\"COUNT()\"\n ods-analysis-sort=\"x.{{ fieldDate }}.year,x.{{ fieldDate }}.month,x.{{ fieldDate }}.day\"\u003e\n \u003cspan ng-if=\"dateminmax.results\"\u003e\n {{ values['periode']['min'] = dateminmax.results[0].x.year + '-' + (10 \u003e dateminmax.results[0].x.month?'0':'') + dateminmax.results[0].x.month + '-' + (10 \u003e dateminmax.results[0].x.day?'0':'') + dateminmax.results[0].x.day;\n values['periode']['max'] = dateminmax.results[dateminmax.results.length-1].x.year + '-' + (10 \u003e dateminmax.results[dateminmax.results.length-1].x.month?'0':'') + dateminmax.results[dateminmax.results.length-1].x.month + '-' + (10 \u003e dateminmax.results[dateminmax.results.length-1].x.day?'0':'') + dateminmax.results[dateminmax.results.length-1].x.day;\n ''}}\n \u003c/span\u003e\n \u003c/span\u003e\n\n \u003c!-- Affichage du range slider: les dates récupérées dans l'analyse pour initialiser les bounds\n la sélection période par défaut avec le mois + 1\n le min/maxselection qui correspondent aux bornes choisies par le user --\u003e\n\n \u003cods-date-range-slider ng-if=\"values.periode.min \u0026\u0026 values.periode.max\"\n context=\"ctx\"\n initial-from=\"{{ values.periode.min }}\"\n initial-to=\"{{ values.periode.max }}\"\n start-bound=\"values.periode.min\"\n end-bound=\"values.periode.max\"\n date-field=\"{{ fieldDate }}\"\n precision=\"day\"\n from=\"values.periode.minselection\"\n to=\"values.periode.maxselection\"\u003e\n \u003c/ods-date-range-slider\u003e\n\n \u003c!-- le click sur toute la période resette la période choisie sur la date min et max --\u003e\n \u003cdiv ng-if=\"resetFiltersButton\" class=\"filter-date-button\"\n ng-class=\"{'filter-date-button-disabled':\n values.periode.minselection == values.periode.min \u0026\u0026\n values.periode.maxselection == values.periode.max}\"\n ng-click=\"values.periode.minselection = values.periode.min;\n values.periode.maxselection = values.periode.max\"\u003e\n Toute la période \u003ci class=\"fa fa-arrows-h\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003c!-- KPIs --\u003e\n \u003csection class=\"kpis-container row row-equal-height\"\u003e\n \u003cdiv class=\"{{ 'col-md-' + (12/itemsPerRow) }} margin-bottom-20\"\n ng-repeat=\"kpi in kpis\"\u003e\n \u003c!-- KPI box component --\u003e\n \u003cdiv class=\"kpi-card\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"ctx\"\n ods-aggregation-function=\"{{ kpi.function }}\"\n ods-aggregation-expression=\"{{ kpi.expression }}\"\u003e\n \u003ci class=\"kpi-icon fa fa-{{ kpi.faicon || 'gitlab' }}\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cp class=\"kpi-title\"\u003e\n {{ (agg || 0) | number : (kpi.precision || 0) }}\n \u003cspan ng-if=\"kpi.unit\" class=\"kpi-unit\"\u003e{{ kpi.unit }}\u003c/span\u003e\n \u003c/p\u003e\n \u003cp class=\"kpi-description\"\u003e\n {{ kpi.title }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n\n \u003c!-- TABLE --\u003e\n \u003csection ng-if=\"view == 'table'\"\n class=\"content-card\"\u003e\n \u003cdiv class=\"table-module\"\u003e\n \u003ctable class=\"table-basic\"\n ods-results=\"items\"\n ods-results-context=\"ctx\"\n ods-results-max=\"20\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth ng-repeat=\"field in fieldsList\"\u003e{{ ctxfields[field] }}\u003c/th\u003e\n \u003cth ng-if=\"fieldLink\"\u003e\u003c/th\u003e\n \u003c/tr\u003e\n \u003c/thead\u003e\n \u003ctbody\u003e\n \u003ctr ng-repeat=\"item in items\"\u003e\n \u003ctd ng-repeat=\"field in fieldsList\"\n style=\"max-width: calc(100vh / {{ fieldsList.length }});\"\n title=\"{{ item.fields[field] }}\"\u003e\n {{ item.fields[field] }}\n \u003c/td\u003e\n \u003ctd ng-if=\"fieldLink\"\u003e\n \u003ca href=\"{{ item.fields[fieldLink] }}\"\n tilte=\"{{ fieldLinkLabel }}\"\n target=\"_blank\"\n class=\"table-dropdown-button\"\u003e\n \u003ci class=\"fa fa-external-link\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/td\u003e\n \u003c/tr\u003e\n \u003c/tbody\u003e\n \u003c/table\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n\n \u003c!-- CARDS --\u003e\n \u003csection ng-if=\"view == 'cards'\"\u003e\n \u003cdiv class=\"row row-equal-height\"\n ods-results=\"items\"\n ods-results-context=\"ctx\"\n ods-results-max=\"{{ 8 * itemsPerRow }}\"\u003e\n \u003cdiv ng-repeat=\"item in items\"\n class=\"{{ 'col-md-' + (12/itemsPerRow) }} margin-bottom-20\"\u003e\n \u003cdiv class=\"content-card\"\n ng-class=\"{'content-card-horizontal': imagePosition === 'left' }\"\u003e\n \u003cdiv class=\"content-card-img\"\n ng-if=\"item.fields[fieldPhoto]\"\n style=\"{{ 'background-image: url(/explore/dataset/' + ctx.dataset.datasetid + '/files/' + item.fields[fieldPhoto].id + '/300/);' }}\"\u003e\n \u003c/div\u003e\n \u003cdiv class=\"content-card-body\"\u003e\n \u003ch2 class=\"content-card-title text-center\"\u003e\n {{ item.fields[cardTitle] }}\n \u003c/h2\u003e\n \u003cdiv class=\"content-card-fields\"\u003e\n \u003cdl\u003e\n \u003cdt ng-repeat-start=\"field in fieldsList\"\u003e{{ ctxfields[field] }}\u003c/dt\u003e\n \u003cdd ng-repeat-end\u003e{{ item.fields[field] }}\u003c/dd\u003e\n \u003c/dl\u003e\n \u003c/div\u003e\n \u003cdiv ng-if=\"fieldLink\" class=\"text-center\"\u003e\n \u003c!-- if fieldLink is a json and contains the 'id' key, it means that the link points to a file hosted on ODS platform and can be downloaded. If it's an external link, the other link tag is used --\u003e\n \u003ca ng-if=\"item.fields[fieldLink].id\"\n href=\"/explore/dataset/{{ ctx.dataset.datasetid }}/files/{{ item.fields[fieldLink].id }}/download/\"\n target=\"_blank\"\n class=\"content-card-button\"\u003e\n {{ fieldLinkLabel }}\n \u003c/a\u003e\n\n \u003c!-- fieldLink is used here\n For more advanced scenario, you can send the user to :\n\n - the dataset table filtered with the fieldLink value, through a text query\n href=\"/explore/dataset/{{ datasetid }}/table?q={{ item.fields[fieldLink] }}\"\n\n - the dataset table filtered with the fieldLink value, through a refine on the field\n href=\"/explore/dataset/{{ datasetid }}/table?refine.{{ fieldLink }}={{ item.fields[fieldLink] }}\"\n\n - a page using url-sync=true setting :\n href=\"/pages/yourpage/?refine.{{ fieldLink }}={{ item.fields[fieldLink] }}\"\n --\u003e\n \u003ca ng-if=\"!item.fields[fieldLink].id\" href=\"{{ item.fields[fieldLink] }}\"\n target=\"_blank\"\n class=\"content-card-button\"\u003e\n {{ fieldLinkLabel }}\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003c/ods-dataset-context\u003e\n\u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"ctx\"\n ctx-dataset=\"custom-view-generator-demo\"\n ctx-domain=\"userclub\"\u003e\n\u003c!-- V1 :\n - listing generator adapted to custom view :\n - no more context to init, and using existing one \"ctx\"\n - filters are hidden in /explore/datasets/ view, but visible in embed mode\n--\u003e\n\n\n\u003c!-- IMPORTANT ******** MUST READ !\n\n In the following settings declaration :\n\n A common error is forget to escape (protect) apostrophe with a leading backslash\n As apostrophes are used to declare values of variable it will break the settings\n\n Ex:\n wrongVariable = 'I'll be freed from apostrophes'\n correctVariable = 'I\\'ll be freed from apostrophes'\n--\u003e\n\n\u003c!-- SETTINGS START HERE --\u003e\n\u003cdiv class=\"container custom-view-generator\"\n\n\n\n ng-init=\"fieldDate = '';\n resetFiltersButton = true;\n resetFiltersButtonLabel = 'Supprimer tous les filtres';\n fieldDefaultRangeStartsNow = true;\n\n view = 'cards';\n fieldsList = ['purpose','description_en'];\n fieldLink = 'reference_url';\n fieldLinkLabel = 'See it live';\n\n cardTitle = 'name_of_the_initiative';\n fieldPhoto = '';\n imagePosition = 'left';\n itemsPerRow = '2';\n\n kpis = [\n {\n 'title': 'Number of initiatives',\n 'function': 'COUNT'\n }\n ];\n\n filters = [\n {'id':'language','multiple':true},\n {'id':'country','multiple':true},\n {'id':'purpose','multiple':true}\n ];\n DO_NOT_MODIFY_BELOW;\n\n ctxfields = {};\n values = {};\n activeFilters = {};\n \"\u003e\n \u003c!-- ### GENERAL SETTINGS ### --\u003e\n\n \u003c!-- ### FILTERS SETTINGS ### --\u003e\n \u003c!-- filters (Filters) : List of object that contains the IDs to generate the filters pannel.\n and multiple true or false to allow the user to select multiple values in the filter.\n NB: the field must be a facet in the dataset\n NB: alphanumerical sort is applied in the filter view\n ex: [\n {'id':'filterid','multiple':true},\n {'id':'filterid2','multiple':false}\n ]\n IMPORTANT: for a custom view, filters are only available when the view is embeded; In /explore view, custom view filters are hidden, as they are already available in left sidebar.\n --\u003e\n \u003c!-- resetFiltersButton (boolean) : add a reset filters button after filters block --\u003e\n \u003c!-- resetFiltersButtonLabel (Label of the button) : test to display when a filter is selected\n ex: 'Clear all filters'\n --\u003e\n\n \u003c!-- ### DATE SETTINGS --\u003e\n \u003c!-- fieldDate : a date type field to display a date-range-slider --\u003e\n \u003c!-- resetFiltersButton : reset date period button true/false --\u003e\n \u003c!-- fieldDefaultRangeStartsNow : false make the default range selection start from the first date, and end to the last date, if set to true, the range starts from now, to the last date --\u003e\n\n \u003c!-- ### LIST VIEW SETTINGS ### --\u003e\n \u003c!-- view (List view type) : Type of the view to list results, can be 'table' or 'cards'\n --\u003e\n \u003c!-- fieldsList (List configuration) : Set the list of field IDs\n ex: ['title','category','genre','date']\n --\u003e\n \u003c!-- fieldLink (Link to an external resource) : If available, the field ID of some external resource as a web URL\n ex: 'link'\n --\u003e\n \u003c!-- fieldLinkLabel (The label of that link) : Label of the link button\n ex: 'Read more here'\n --\u003e\n\n \u003c!-- Specific to the 'cards' view mode, set a title and a background image if any --\u003e\n \u003c!-- cardTitle (Title of the card) : Field id of the card title\n ex: 'title'\n--\u003e\n \u003c!-- fieldPhoto (Field id of the image field if any)\n ex: 'image'\n--\u003e\n \u003c!-- imagePosition (Image position) : Image position in the card, can be 'top' or 'left'\n ex: 'left'\n--\u003e\n \u003c!-- itemsPerRow (Number of columns) : Modify the columns layout. The division by 12 must be a whole number, ie it can be 1, 2, 3, 4, 6 or 12. But 6 and 12 will generaly be two norrow\n ex: '3'\n--\u003e\n\n \u003c!-- ### KPIS SETTINGS ### --\u003e\n \u003c!-- KPIS settings is a list of object that describes each KPI\n List of available keys are :\n - title (Name of the KPI) ex: 'Average # of citizens'\n - function (function of the aggregation) ex: 'SUM'\n - expression (field id that contains numerical values to aggregate) ex: 'population'\n - precision (Decimal precision of the KPI) ex: 2\n - unit (KPI unit) ex: 'citizens'\n - faicon (FontAwesome icon id) ex: 'square-o'\n\n title, function, expression are MANDATORY\n the others are optionnal\n\n Available functions are SUM, AVG, COUNT, STD, MAX, MIN.\n Please see the documentation for more information\n https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsAggregation\n\n Please see all available icons here\n https://fontawesome.com/v4.7.0/icons/\n\n ex:\n kpis = [\n {\n 'title': 'Taille moyenne',\n 'function': 'AVG',\n 'expression': 'surface',\n 'precision': 2,\n 'unit': 'm2',\n 'faicon': 'square-o'\n },\n {\n 'title': 'Nombre d\\'oeuvre référencées',\n 'function': 'COUNT'\n }\n ];\n\n--\u003e\n\n \u003c!-- DO NOT MODIFY --\u003e\n \u003c!-- Technical fields, do not modify please --\u003e\n\n\n \u003cods-dataset-context context=\"ctxdate\"\n ctxdate-dataset=\"{{ ctx.dataset.datasetid }}\"\n ctxdate-parameters=\"ctx.parameters\"\u003e\n\n \u003cspan ng-if=\"fieldDefaultRangeStartsNow\"\u003e\n {{ctxdate.parameters={'q.date': fieldDate + '\u0026gt;#now()'};''}}\n \u003c/span\u003e\n\n \u003cspan ng-repeat=\"field in ctx.dataset.fields\"\u003e\n {{ ctxfields[field.name] = field.label; '' }}\n \u003c/span\u003e\n\n \u003cdiv ng-if=\"!$parent.$parent.$parent\"\u003e\n \u003cspan ng-repeat=\"filter in filters\"\u003e\n {{ ctx.parameters['refine.' + filter.id] = activeFilters[filter.id] ; '' }}\n \u003c/span\u003e\n \u003c/div\u003e\n\n \u003cdiv ng-if=\"!$parent.$parent.$parent\" class=\"content-card search-module-container\"\u003e\n \u003c!-- SEARCH --\u003e\n \u003cdiv class=\"search-module\"\u003e\n \u003ci class=\"fa fa-search search-module-icon\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cinput placeholder=\"Rechercher\"\n ng-model=\"ctx.parameters['q']\"\n ng-model-options=\"{ updateOn: 'keyup', debounce: { 'default': 300, 'blur': 0 }}\"\n class=\"search-module-input\"\n type=\"text\"/\u003e\n \u003cbutton class=\"search-module-clear\"\n ng-if=\"ctx.parameters['q']\"\n ng-click=\"ctx.parameters['q'] = undefined\"\u003e\n \u003ci class=\"fa fa-times-circle\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/button\u003e\n \u003c/div\u003e\n\n \u003c!-- FILTERS Search \u0026 Select --\u003e\n \u003cdiv class=\"filter-list\"\n ng-init=\"dropdown.open = '';\n select = {}\"\u003e\n \u003cdiv ng-repeat=\"filter in filters\"\u003e\n {{ ctx.parameters['disjunctive.' + filter.id] = true; '' }}\n \u003cdiv ods-facet-results=\"categories\"\n ods-facet-results-facet-name=\"{{ filter.id }}\"\n ods-facet-results-context=\"ctx\"\n ods-facet-results-sort=\"alphanum\"\u003e\n \u003cods-select ng-if=\"categories\"\n selected-values=\"activeFilters[filter.id]\"\n multiple=\"filter.multiple\"\n options=\"categories\"\n label-modifier=\"name\"\n value-modifier=\"name\"\n placeholder=\"{{ ctxfields[filter.id] }}\"\u003e\u003c/ods-select\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"clear-filters\"\n ng-show=\"(activeFilters | values).join('')\"\u003e\n \u003cdiv class=\"clear-filters-button\"\n role=\"button\"\n ng-click=\"activeFilters = {}\"\u003e\n {{ resetFiltersButtonLabel }}\n \u003ci class=\"fa fa-times-circle\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003c!-- FILTERS date (if any) --\u003e\n \u003cdiv class=\"filter-date\"\n ng-if=\"fieldDate\"\u003e\n \u003c!--\n On récupère la plage de date du jeu de données. On fait une analyse pour récupérer la première et dernière date du champs date_de_restitution\n pour le min: conditionnelle pour ajouter le 0 si le mois ou le jour est inférieur à 10 pour avoir une date iso\n [dateminmax.results.length-1] : permet de récupérer dynamiquement le dernier élément de l'array du results =\u003e donc ici on calcule le nombre d'éléments dans l'array pour la date, donc 2, et 2-1= 1 donc 2019\n Pareil que précédemment, ne pas hésiter à enlever le '' pour voir le comportement\n --\u003e\n \u003cspan ods-analysis=\"dateminmax\"\n ods-analysis-context=\"ctxdate\"\n ods-analysis-x-year=\"{{ fieldDate }}.year\"\n ods-analysis-x-month=\"{{ fieldDate }}.month\"\n ods-analysis-x-day=\"{{ fieldDate }}.day\"\n ods-analysis-serie-c=\"COUNT()\"\n ods-analysis-sort=\"x.{{ fieldDate }}.year,x.{{ fieldDate }}.month,x.{{ fieldDate }}.day\"\u003e\n \u003cspan ng-if=\"dateminmax.results\"\u003e\n {{ values['periode']['min'] = dateminmax.results[0].x.year + '-' + (10 \u003e dateminmax.results[0].x.month?'0':'') + dateminmax.results[0].x.month + '-' + (10 \u003e dateminmax.results[0].x.day?'0':'') + dateminmax.results[0].x.day;\n values['periode']['max'] = dateminmax.results[dateminmax.results.length-1].x.year + '-' + (10 \u003e dateminmax.results[dateminmax.results.length-1].x.month?'0':'') + dateminmax.results[dateminmax.results.length-1].x.month + '-' + (10 \u003e dateminmax.results[dateminmax.results.length-1].x.day?'0':'') + dateminmax.results[dateminmax.results.length-1].x.day;\n ''}}\n \u003c/span\u003e\n \u003c/span\u003e\n\n \u003c!-- Affichage du range slider: les dates récupérées dans l'analyse pour initialiser les bounds\n la sélection période par défaut avec le mois + 1\n le min/maxselection qui correspondent aux bornes choisies par le user --\u003e\n\n \u003cods-date-range-slider ng-if=\"values.periode.min \u0026\u0026 values.periode.max\"\n context=\"ctx\"\n initial-from=\"{{ values.periode.min }}\"\n initial-to=\"{{ values.periode.max }}\"\n start-bound=\"values.periode.min\"\n end-bound=\"values.periode.max\"\n date-field=\"{{ fieldDate }}\"\n precision=\"day\"\n from=\"values.periode.minselection\"\n to=\"values.periode.maxselection\"\u003e\n \u003c/ods-date-range-slider\u003e\n\n \u003c!-- le click sur toute la période resette la période choisie sur la date min et max --\u003e\n \u003cdiv ng-if=\"resetFiltersButton\" class=\"filter-date-button\"\n ng-class=\"{'filter-date-button-disabled':\n values.periode.minselection == values.periode.min \u0026\u0026\n values.periode.maxselection == values.periode.max}\"\n ng-click=\"values.periode.minselection = values.periode.min;\n values.periode.maxselection = values.periode.max\"\u003e\n Toute la période \u003ci class=\"fa fa-arrows-h\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003c!-- KPIs --\u003e\n \u003csection class=\"kpis-container row row-equal-height\"\u003e\n \u003cdiv class=\"{{ 'col-md-' + (12/itemsPerRow) }} margin-bottom-20\"\n ng-repeat=\"kpi in kpis\"\u003e\n \u003c!-- KPI box component --\u003e\n \u003cdiv class=\"kpi-card\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"ctx\"\n ods-aggregation-function=\"{{ kpi.function }}\"\n ods-aggregation-expression=\"{{ kpi.expression }}\"\u003e\n \u003ci class=\"kpi-icon fa fa-{{ kpi.faicon || 'gitlab' }}\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cp class=\"kpi-title\"\u003e\n {{ (agg || 0) | number : (kpi.precision || 0) }}\n \u003cspan ng-if=\"kpi.unit\" class=\"kpi-unit\"\u003e{{ kpi.unit }}\u003c/span\u003e\n \u003c/p\u003e\n \u003cp class=\"kpi-description\"\u003e\n {{ kpi.title }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n\n \u003c!-- TABLE --\u003e\n \u003csection ng-if=\"view == 'table'\"\n class=\"content-card\"\u003e\n \u003cdiv class=\"table-module\"\u003e\n \u003ctable class=\"table-basic\"\n ods-results=\"items\"\n ods-results-context=\"ctx\"\n ods-results-max=\"20\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth ng-repeat=\"field in fieldsList\"\u003e{{ ctxfields[field] }}\u003c/th\u003e\n \u003cth ng-if=\"fieldLink\"\u003e\u003c/th\u003e\n \u003c/tr\u003e\n \u003c/thead\u003e\n \u003ctbody\u003e\n \u003ctr ng-repeat=\"item in items\"\u003e\n \u003ctd ng-repeat=\"field in fieldsList\"\n style=\"max-width: calc(100vh / {{ fieldsList.length }});\"\n title=\"{{ item.fields[field] }}\"\u003e\n {{ item.fields[field] }}\n \u003c/td\u003e\n \u003ctd ng-if=\"fieldLink\"\u003e\n \u003ca href=\"{{ item.fields[fieldLink] }}\"\n tilte=\"{{ fieldLinkLabel }}\"\n target=\"_blank\"\n class=\"table-dropdown-button\"\u003e\n \u003ci class=\"fa fa-external-link\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/td\u003e\n \u003c/tr\u003e\n \u003c/tbody\u003e\n \u003c/table\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n\n \u003c!-- CARDS --\u003e\n \u003csection ng-if=\"view == 'cards'\"\u003e\n \u003cdiv class=\"row row-equal-height\"\n ods-results=\"items\"\n ods-results-context=\"ctx\"\n ods-results-max=\"{{ 8 * itemsPerRow }}\"\u003e\n \u003cdiv ng-repeat=\"item in items\"\n class=\"{{ 'col-md-' + (12/itemsPerRow) }} margin-bottom-20\"\u003e\n \u003cdiv class=\"content-card\"\n ng-class=\"{'content-card-horizontal': imagePosition === 'left' }\"\u003e\n \u003cdiv class=\"content-card-img\"\n ng-if=\"item.fields[fieldPhoto]\"\n style=\"{{ 'background-image: url(/explore/dataset/' + ctx.dataset.datasetid + '/files/' + item.fields[fieldPhoto].id + '/300/);' }}\"\u003e\n \u003c/div\u003e\n \u003cdiv class=\"content-card-body\"\u003e\n \u003ch2 class=\"content-card-title text-center\"\u003e\n {{ item.fields[cardTitle] }}\n \u003c/h2\u003e\n \u003cdiv class=\"content-card-fields\"\u003e\n \u003cdl\u003e\n \u003cdt ng-repeat-start=\"field in fieldsList\"\u003e{{ ctxfields[field] }}\u003c/dt\u003e\n \u003cdd ng-repeat-end\u003e{{ item.fields[field] }}\u003c/dd\u003e\n \u003c/dl\u003e\n \u003c/div\u003e\n \u003cdiv ng-if=\"fieldLink\" class=\"text-center\"\u003e\n \u003c!-- if fieldLink is a json and contains the 'id' key, it means that the link points to a file hosted on ODS platform and can be downloaded. If it's an external link, the other link tag is used --\u003e\n \u003ca ng-if=\"item.fields[fieldLink].id\"\n href=\"/explore/dataset/{{ ctx.dataset.datasetid }}/files/{{ item.fields[fieldLink].id }}/download/\"\n target=\"_blank\"\n class=\"content-card-button\"\u003e\n {{ fieldLinkLabel }}\n \u003c/a\u003e\n\n \u003c!-- fieldLink is used here\n For more advanced scenario, you can send the user to :\n\n - the dataset table filtered with the fieldLink value, through a text query\n href=\"/explore/dataset/{{ datasetid }}/table?q={{ item.fields[fieldLink] }}\"\n\n - the dataset table filtered with the fieldLink value, through a refine on the field\n href=\"/explore/dataset/{{ datasetid }}/table?refine.{{ fieldLink }}={{ item.fields[fieldLink] }}\"\n\n - a page using url-sync=true setting :\n href=\"/pages/yourpage/?refine.{{ fieldLink }}={{ item.fields[fieldLink] }}\"\n --\u003e\n \u003ca ng-if=\"!item.fields[fieldLink].id\" href=\"{{ item.fields[fieldLink] }}\"\n target=\"_blank\"\n class=\"content-card-button\"\u003e\n {{ fieldLinkLabel }}\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003c/ods-dataset-context\u003e\n\u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", "css": "/* General Layout\n========================================================================== */\n:root {\n --secondary-color: black;\n}\n\n@media screen and (min-width: 992px) {\n .row-equal-height {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n margin-bottom: 20px;\n }\n /* Fix for early content wrapping in Safari*/\n .row-equal-height:before,\n .row-equal-height:after {\n content: normal;\n }\n}\n\n.page-title {\n font-size: 3rem;\n font-weight: bold;\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\n.page-subtitle {\n font-size: 1.2rem;\n line-height: 2;\n margin-top: 0;\n margin-bottom: 3rem;\n}\n\n.margin-bottom-20 {\n margin-bottom: 20px;\n}\n\n\n/* Search Module\n========================================================================== */\n\n.search-module-container {\n padding: 26px;\n margin-bottom: 20px;\n}\n\n.search-module {\n display: flex;\n align-items: stretch;\n border-bottom: 1px solid #dee5ef;\n margin-bottom: 13px;\n transition: all .2s;\n}\n\n.search-module:hover,\n.search-module:focus-within {\n border-bottom-color: var(--links);\n}\n\n.search-module-icon {\n color: #898d92;\n margin-right: 8px;\n align-self: center;\n}\n\n.search-module-input {\n background-color: transparent;\n width: 100%;\n outline: none;\n border: none;\n padding: 12px 0;\n transition: all .2s;\n color: var(--text);\n}\n\n.search-module-input::placeholder {\n transition: all .2s;\n}\n\n.search-module-clear {\n color: #898d92;\n font-size: 1rem;\n background: transparent;\n border: none;\n margin: 0;\n outline: none;\n padding: 0 0 0 12px;\n transition: all .2s;\n}\n\n.search-module-clear:hover {\n opacity: .65;\n}\n\n.search-module:hover .search-module-icon,\n.search-module:focus-within .search-module-icon,\n.search-module:hover .search-module-input::placeholder,\n.search-module:focus-within .search-module-input::placeholder {\n color: var(--links)\n}\n\n\n/* Filters\n========================================================================== */\n\n.filter-list {\n display: flex;\n flex-wrap: wrap;\n position: relative;\n}\n.filter-list \u003e * {\n margin: 0 0 10px;\n width: 100%;\n}\n.odswidget-select .odswidget-select-dropdown.open .odswidget-select-dropdown-menu {\n width: 100%\n}\n.clear-filters {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.clear-filters-button:hover {\n opacity: 0.65;\n}\n.odswidget-select,\n.odswidget-select .odswidget-select-dropdown {\n width: 100%;\n}\n@media screen and (min-width: 500px) {\n .filter-list \u003e * {\n margin: 0 10px 10px 0;\n width: inherit;\n }\n .odswidget-select .odswidget-select-dropdown.open .odswidget-select-dropdown-menu {\n width: max-content;\n min-width: 240px;\n }\n}\n\n/*********** Filter date ************/\n.filter-date {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin: 13px 26px 32px 26px;\n}\n.odswidget-date-range-slider {\n width: 100%;\n}\n.filter-date-button {\n margin-left: 0;\n margin-top: 13px;\n white-space: nowrap;\n text-decoration: underline;\n}\n.filter-date-button:not(.filter-date-button-disabled):hover {\n opacity: 0.65;\n}\n.filter-date-button-disabled {\n opacity: 0.5;\n pointer-event: none;\n text-decoration: none;\n}\n\n@media screen and (min-width: 500px) {\n .filter-date {\n flex-direction: row;\n }\n .filter-date-button {\n margin-left: 50px;\n margin-top: 0;\n }\n}\n\n/* date range slider style override */\n.odswidget-date-range-slider .irs--flat .irs-from, .odswidget-date-range-slider .irs--flat .irs-single, .odswidget-date-range-slider .irs--flat .irs-to {\n color: var(--text);\n border: 1px solid #cbd2db;\n border-radius: 2rem;\n background: #FFFFFF;\n}\n.odswidget-date-range-slider .irs--flat .irs-from:before, .odswidget-date-range-slider .irs--flat .irs-single:before, .odswidget-date-range-slider .irs--flat .irs-to:before {\n border-top-color: var(--text);\n}\n.odswidget-date-range-slider .irs--flat .irs-bar {\n background-color: var(--highlight);\n}\n.odswidget-date-range-slider .irs--flat .irs-handle\u003ei:first-child {\n background-color: var(--highlight);\n}\n.odswidget-date-range-slider .irs--flat .irs-handle.state_hover\u003ei:first-child, .odswidget-date-range-slider .irs--flat .irs-handle:hover\u003ei:first-child {\n background-color: var(--text);\n}\n\n\n\n/* Content Card\n========================================================================== */\n\n.content-card {\n background-color: var(--boxes-background);\n border-radius: 4px;\n height: 100%;\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13);\n}\n\n.content-card-horizontal {\n display: flex;\n}\n\n.content-card-horizontal .content-card-img {\n height: auto;\n flex: 0 0 25%;\n width: 25%;\n border-radius: 4px 0 0 4px;\n}\n\n.content-card-img {\n display: block;\n height: 110px;\n background-position: center;\n background-size: cover;\n background-repeat: no-repeat;\n}\n\n.content-card-body {\n padding: 26px;\n flex: 1 1 auto;\n}\n\n.content-card-title {\n color: var(--titles);\n font-size: 1.2rem;\n line-height: 1.5;\n font-weight: normal;\n margin-top: 0;\n margin-bottom: 13px;\n max-width: 100%;\n}\n\n.content-card-description {\n color: var(--text);\n font-size: 1rem;\n line-height: 1.5;\n font-weight: normal;\n margin-top: 0;\n margin-bottom: 26px;\n max-width: 100%;\n}\n\n.content-card-fields dt {\n font-size: 0.8rem;\n opacity: 0.8;\n}\n\n.content-card-fields dd {\n margin-left: 0;\n}\n\n.content-card-icon {\n color: var(--highlight);\n font-size: 2rem;\n margin-bottom: 13px;\n max-width: 100%;\n}\n\n.content-card-link {\n color: var(--links);\n font-weight: bold;\n transition: all .2s;\n opacity: 1;\n max-width: 100%;\n}\n\n.content-card-link:hover {\n opacity: .7;\n text-decoration: none;\n}\n\n.content-card-button {\n color: var(--highlight);\n border: 1px solid var(--highlight);\n background: transparent;\n display: inline-block;\n text-align: center;\n font-size: .867rem;\n border-radius: 4px;\n padding: .5rem 1.15rem;\n text-decoration: none;\n transition: all .2s;\n}\n\n.content-card-button:hover {\n background-color: var(--highlight);\n color: #FFFFFF;\n text-decoration: none;\n}\n\n\n/* KPI Card\n========================================================================== */\n\n@media screen and (min-width: 992px) {\n .kpis-container {\n display: flex;\n justify-content: center;\n }\n}\n\n.kpi-card {\n background-color: var(--boxes-background);\n height: 100%;\n padding: 39px;\n border-radius: 4px;\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n text-align: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n text-align: center;\n}\n\n.kpi-icon {\n color: var(--highlight);\n color: var(--secondary-color);\n font-size: 4rem;\n margin-top: 0;\n margin-bottom: 13px;\n max-width: 100%;\n}\n\n.kpi-title {\n font-weight: normal;\n color: var(--highlight);\n font-size: 3.2rem;\n margin-top: 0;\n margin-bottom: 13px;\n max-width: 100%;\n}\n\n.kpi-unit {\n font-size: 0.8em;\n color: var(--secondary-color);\n}\n\n.kpi-description {\n color: var(--text);\n font-size: 1rem;\n line-height: 1.5;\n font-weight: normal;\n margin-top: 0;\n margin-bottom: 0;\n max-width: 100%;\n}\n\n\n/* Table Module Basic\n========================================================================== */\n\n.table-module {\n height: 1000px;\n overflow-y: auto;\n}\n\n.table-basic {\n display: table;\n border-collapse: collapse;\n width: 100%;\n white-space: nowrap;\n background-color: #FFFFFF;\n margin-bottom: 20px;\n}\n\n.table-basic thead th {\n color: var(--titles);\n background-color: #f6f8fb;\n font-weight: 500;\n padding: 13px 3px;\n position: sticky;\n top: 0;\n z-index: 1;\n}\n\n.table-basic thead th:first-child,\n.table-basic tbody td:first-child {\n padding-left: 13px;\n}\n\n.table-basic tr td,\n.table-basic tbody th {\n font-weight: normal;\n border-top: 1px solid #dee5ef;\n}\n\n.table-basic tr td {\n padding: 13px 3px;\n}\n\n.table-basic td {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.table-dropdown-button {\n width: 28px;\n height: 28px;\n padding: 0;\n line-height: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n background: white;\n border: 1px solid transparent;\n border-radius: 4px;\n margin-left: auto;\n}\n\n.table-basic tr:hover .table-dropdown-button {\n border-color: var(--highlight);\n text-decoration: none;\n}\n\n/** Specific override for custom views **/\n@media screen and (min-width: 1408px) {\n .ods-dataset-visualization .ods-tabs__pane .container:not(.is-max-desktop):not(.is-max-widescreen) {\n max-width: 100%;\n }\n}\n@media screen and (min-width: 1216px) {\n .ods-dataset-visualization .ods-tabs__pane .container:not(.is-max-desktop) {\n max-width: 100%;\n }\n}\n@media screen and (min-width: 1024px) {\n .ods-dataset-visualization .ods-tabs__pane .container {\n max-width: 100%;\n }\n}\n" }'> @@ -644,6 +749,7 @@

      const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -790,11 +896,11 @@

      fieldDefaultRangeStartsNow = true; view = 'cards'; - fieldsList = ['powered_by','description_en']; + fieldsList = ['purpose','description_en']; fieldLink = 'reference_url'; fieldLinkLabel = 'See it live'; - cardTitle = 'name_of_the_initiative_en'; + cardTitle = 'name_of_the_initiative'; fieldPhoto = ''; imagePosition = 'left'; itemsPerRow = '2'; @@ -882,7 +988,7 @@

      Available functions are SUM, AVG, COUNT, STD, MAX, MIN. Please see the documentation for more information - https://help.opendatasoft.com/widgets/#/api/ods-widgets.directive:odsAggregation + https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsAggregation Please see all available icons here https://fontawesome.com/v4.7.0/icons/ @@ -1602,9 +1708,17 @@

      "> -
      - + +

      -
      - -
      +
      + +
      + +
    - - + - © Copyright 2020 + © Copyright 2026
    @@ -3386,7 +3558,7 @@

    diff --git a/public/custom-views/custom-view-generator/posthtml.inc b/public/custom-views/custom-view-generator/posthtml.inc index 1df92a6e9..c10f35100 100644 --- a/public/custom-views/custom-view-generator/posthtml.inc +++ b/public/custom-views/custom-view-generator/posthtml.inc @@ -69,7 +69,7 @@ Available functions are SUM, AVG, COUNT, STD, MAX, MIN. Please see the documentation for more information - https://help.opendatasoft.com/widgets/#/api/ods-widgets.directive:odsAggregation + https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsAggregation Please see all available icons here https://fontawesome.com/v4.7.0/icons/ diff --git a/public/custom-views/domain-dataset/index.html b/public/custom-views/domain-dataset/index.html index 16a545b8c..539c73fab 100644 --- a/public/custom-views/domain-dataset/index.html +++ b/public/custom-views/domain-dataset/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@

    - @@ -179,7 +196,7 @@
    • + href="https://codelibrary.huwize.com/"> Home
      • @@ -196,6 +213,54 @@ + + + + + + + + + + + + + + + + + + + + + +
    • + + Apps + + +
      • + + + + + + + + + + + + + + + + + + + + @@ -265,6 +330,16 @@ +
    • + +
      + Eco-Counter / Eco-Compteur + + +
      +       +
      • +
      • @@ -477,51 +565,67 @@
      - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
      @@ -532,24 +636,24 @@
      -
      -

      Custom Views - Domain Datasets

      -
      -

      This resource is intended to be used as custom view inside your catalog, where the dataset context is always named ctx and doesn’t require any ods-dataset-context widget. Read the user’s guide section about custom views for details.

      +
      +

      Custom Views - Domain Datasets

      +
      +

      This resource is intended to be used as custom view inside your catalog, where the dataset context is always named ctx and doesn’t require any ods-dataset-context widget. Read the user’s guide section about custom views for details.

      -
      - -
      -

      - Domain dataset overview - - - - - -

      -
      -

      This custom view will help you create an overview of all the datasets on your domain. See the user guide to set up this special dataset.

      +
      + +
      +

      + Domain dataset overview + + + + + +

      +
      +

      This custom view will help you create an overview of all the datasets on your domain. See the user guide to set up this special dataset.

      For this view to properly function, you need to activate these options on the extractor:

      • Statistics
        • @@ -567,13 +671,14 @@

      You also need to set up a Replace text processor with the field Publishing Properties and new value set to “manual”:

      processor setup

      -

      See this resource live here. (Note: +

      See this resource live here. (Note: we made this page public for the sake of example, but it is most likely a private view).

      -
      - -
      - +
      + + +
      + @@ -583,6 +688,16 @@

      + + + + + + + + + + @@ -596,7 +711,7 @@

      name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"ctx\"\n ctx-dataset=\"domaindatasets\"\n ctx-domain=\"userclub\"\u003e\n\n\u003cdiv class=\"container-fluid\"\u003e\n \u003csection class=\"top-links\"\u003e\n \u003cstrong\u003e\n In your backoffice\n \u003ci class=\"fa fa-external-link\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/strong\u003e\n\n \u003ca href=\"/backoffice/monitoring/users/\"\u003eUsers\u003c/a\u003e\n \u003ca href=\"/backoffice/monitoring/quality/\"\u003eQuality\u003c/a\u003e\n \u003ca href=\"/backoffice/monitoring/actions/\"\u003eActions\u003c/a\u003e\n \u003ca href=\"/backoffice/monitoring/activity_log/\"\u003eActivity logs\u003c/a\u003e\n \u003c/section\u003e\n \u003csection class=\"m-4\"\u003e\n \u003ch1 class=\"title\"\u003e\n Catalog overview\n \u003cspan class=\"title-info\"\u003e\n (last updated {{ ctx.dataset.metas.data_processed | date:\"longDate\" }})\n \u003c/span\u003e\n \u003c/h1\u003e\n\n \u003cdiv\n class=\"row\"\n ods-analysis=\"datasets\"\n ods-analysis-x=\"visibility\"\n ods-analysis-serie-total=\"COUNT(*)\"\n ods-analysis-context=\"ctx\"\n \u003e\n {{ datasetcount = (datasets.results | toObject : 'x') ; \"\" }}\n \u003cdiv class=\"col-md-4 m-4\"\u003e\n \u003ca\n class=\"box\"\n href=\"/explore/dataset/domaindatasets/table/?refine.visibility=restricted\"\n target=\"_blank\"\n \u003e\n \u003cdiv\u003e\u003c/div\u003e\n \u003cspan class=\"kpi\"\u003e\n \u003ci class=\"fa fa-lock\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n {{ datasetcount['restricted'].total || 0 }}\n \u003c/span\u003e\n \u003cp class=\"subtitle\"\u003ePrivate datasets\u003c/p\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-4 m-4\"\u003e\n \u003ca\n class=\"box\"\n href=\"/explore/dataset/domaindatasets/table/?refine.visibility=domain\"\n target=\"_blank\"\n \u003e\n \u003cdiv\u003e\u003c/div\u003e\n \u003cspan class=\"kpi\"\u003e\n \u003ci class=\"fa fa-unlock-alt\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n {{ datasetcount['domain'].total || 0 }}\n \u003c/span\u003e\n \u003cp class=\"subtitle\"\u003ePublic datasets\u003c/p\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-4 m-4\"\u003e\n \u003ca\n class=\"box\"\n href=\"/explore/dataset/domaindatasets/table/?q=publishing_properties:'federated'+or+publishing_properties:'scheduled'\u0026sort=modified\"\n target=\"_blank\"\n \u003e\n {{ ctx.parameters['sort'] = 'modified' ; \"\" }}\n \u003cods-chart display-legend=\"false\" align-month=\"true\"\u003e\n \u003cods-chart-query\n context=\"ctx\"\n field-x=\"publishing_properties\"\n maxpoints=\"0\"\n timescale=\"day\"\n stacked=\"normal\"\n category-colors=\"{ 'scheduled': 'var(--success)', 'federated': 'var(--info)' , 'manual': 'var(--warning)'}\"\n \u003e\n \u003cods-chart-serie\n expression-y=\"jddscheduled\"\n chart-type=\"pie\"\n labelsposition=\"inside\"\n innersize=\"15%\"\n function-y=\"COUNT\"\n label-y=\"total\"\n scientific-display=\"true\"\n \u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003cp class=\"subtitle\"\u003eUpdate methods\u003c/p\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n\n \u003csection class=\"m-4\"\u003e\n \u003cdiv\n ods-results=\"datasetlist\"\n ods-results-context=\"ctx\"\n ods-results-max=\"5\"\n \u003e\n \u003ch2 class=\"title\"\u003e\n Last modified\n \u003c/h2\u003e\n \u003cdiv class=\"pill-list\"\u003e\n \u003ca\n ng-href=\"{{ '/explore/dataset/' + item.fields.dataset_id + '/table' }}\"\n class=\"pill\"\n ng-repeat=\"item in datasetlist\"\n \u003e\n {{ item.fields.title}}\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003c!-- Ligne avec les graphiques de répartition--\u003e\n \u003csection class=\"m-4\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003cdiv\u003e\n \u003ch2 class=\"title\"\u003e\n Dataset by topic\n \u003c/h2\u003e\n \u003cods-chart align-month=\"true\" labels-x-length=\"20\"\u003e\n \u003cods-chart-query\n context=\"ctx\"\n field-x=\"theme\"\n maxpoints=\"0\"\n sort=\"serie1-1\"\n \u003e\n \u003cods-chart-serie\n expression-y=\"records_count\"\n chart-type=\"treemap\"\n function-y=\"COUNT\"\n label-y=\"total\"\n color=\"range-Paired\"\n scientific-display=\"true\"\n \u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"col-md-6\"\u003e\n \u003ch2 class=\"title\"\u003e\n Dataset by publisher\n \u003c/h2\u003e\n \u003cods-chart align-month=\"true\" labels-x-length=\"20\"\u003e\n \u003cods-chart-query\n context=\"ctx\"\n field-x=\"publisher\"\n maxpoints=\"0\"\n sort=\"serie1-1\"\n \u003e\n \u003cods-chart-serie\n expression-y=\"records_count\"\n chart-type=\"treemap\"\n function-y=\"COUNT\"\n label-y=\"total\"\n color=\"range-Paired\"\n scientific-display=\"true\"\n \u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n\n \u003c!-- Top et flop 5 des jeux de données les + populaires --\u003e\n \u003csection class=\"m-4\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003ch2 class=\"title\"\u003e\n Most popular datasets\n \u003c/h2\u003e\n\n \u003cdiv\n ods-analysis=\"datasetminpopularity\"\n ods-analysis-context=\"ctx\"\n ods-analysis-max=\"8\"\n ods-analysis-x=\"dataset_id\"\n ods-analysis-serie-popularity=\"AVG(explore_popularity_score)\"\n ods-analysis-sort=\"popularity\"\n \u003e\n \u003ctable class=\"top3-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003e#\u003c/th\u003e\n \u003cth\u003eDataset\u003c/th\u003e\n \u003cth\u003e\n Score\n \u003ci\n class=\"fa fa-info-circle\"\n aria-hidden=\"true\"\n ods-tooltip=\"\u003cp\u003eThe popularity score is the result of a calculation that uses the number of downloads, reuses and API calls of a dataset. The higher the score is, the more the dataset is being used!\u003c/p\u003e \"\n \u003e\u003c/i\u003e\n \u003c/th\u003e\n \u003cth\u003eDetails\u003c/th\u003e\n \u003c/tr\u003e\n \u003c/thead\u003e\n \u003ctbody\u003e\n \u003ctr\n ng-repeat=\"(position,analyse) in datasetminpopularity.results\"\n \u003e\n \u003ctd\u003e{{ position + 1}}\u003c/td\u003e\n \u003ctd\u003e\n \u003ca\n target=\"_blank\"\n ng-href=\"{{ '/explore/dataset/' + analyse.x}}\"\n \u003e\n {{ analyse.x }}\n \u003c/a\u003e\n \u003c/td\u003e\n \u003ctd\u003e{{ analyse.popularity | number }}\u003c/td\u003e\n \u003ctd\u003e\n \u003ca\n target=\"_blank\"\n ng-href=\"{{ '/explore/dataset/ods-api-monitoring/analyze/?source=monitoring\u0026amp;q=' + analyse.x }}\"\n \u003e\u003ci class=\"fa fa-bar-chart\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/td\u003e\n \u003c/tr\u003e\n \u003c/tbody\u003e\n \u003c/table\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"col-md-6\"\u003e\n \u003ch2 class=\"title\"\u003e\n Least popular dataset\n \u003c/h2\u003e\n\n \u003cdiv\n ods-analysis=\"datasetmaxpopularity\"\n ods-analysis-context=\"ctx\"\n ods-analysis-max=\"8\"\n ods-analysis-x=\"dataset_id\"\n ods-analysis-serie-popularity=\"AVG(explore_popularity_score)\"\n ods-analysis-sort=\"-popularity\"\n \u003e\n \u003ctable class=\"top3-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003e#\u003c/th\u003e\n \u003cth\u003edataset\u003c/th\u003e\n \u003cth\u003e\n Score\n \u003ci\n class=\"fa fa-info-circle\"\n aria-hidden=\"true\"\n ods-tooltip=\"\u003cp\u003eThe popularity score is the result of a calculation that uses the number of downloads, reuses and API calls of a dataset. The higher the score is, the more the dataset is being used!\u003c/p\u003e \"\n \u003e\u003c/i\u003e\n \u003c/th\u003e\n \u003cth\u003eDetails\u003c/th\u003e\n \u003c/tr\u003e\n \u003c/thead\u003e\n \u003ctbody\u003e\n \u003ctr\n ng-repeat=\"(position,analyse) in datasetmaxpopularity.results\"\n \u003e\n \u003ctd\u003e{{ position + 1}}\u003c/td\u003e\n \u003ctd\u003e\n \u003ca\n target=\"_blank\"\n ng-href=\"{{ '/explore/dataset/' + analyse.x}}\"\n \u003e{{ analyse.x }}\u003c/a\n \u003e\n \u003c/td\u003e\n \u003ctd\u003e{{ analyse.popularity | number }}\u003c/td\u003e\n \u003ctd\u003e\n \u003ca\n target=\"_blank\"\n ng-href=\"{{ '/explore/dataset/ods-api-monitoring/analyze/?source=monitoring\u0026amp;q=' + analyse.x }}\"\n \u003e\u003ci class=\"fa fa-bar-chart\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/td\u003e\n \u003c/tr\u003e\n \u003c/tbody\u003e\n \u003c/table\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n\n \u003csection class=\"m-4\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-12\"\u003e\n \u003ch2 class=\"title\"\u003e\n Licenses use\n \u003c/h2\u003e\n \u003cods-tag-cloud\n context=\"ctx\"\n facet-name=\"license\"\n max=\"10\"\n redirect-to=\"/explore/dataset/domaindatasets/table/\"\n \u003e\n \u003c/ods-tag-cloud\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n\u003c/div\u003e\n\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", "css": ":root {\n --identity: #142e7b;\n --identity-light: #F2F3F8;\n --success: #00C7B1;\n --info: #0086D6;\n --warning: #EFB71B;\n --light-300: #DEE5EF;\n --light-500: #898D92;\n --light-600: #565656;\n}\n\n/* Default CSS override */\n@media screen and (min-width: 968px) {\n .row \u003e *:first-child {\n margin-left: 0;\n }\n\n .row \u003e *:last-child {\n margin-right: 0;\n }\n\n .row {\n display: flex;\n }\n}\n\n.odswidget-charts {\n margin: 0 -12px;\n}\n\n.ods-chart {\n min-height: inherit;\n}\n\n.odswidget-tag-cloud {\n font-size: 0.8rem;\n color: var(--light-600);\n}\n\n/* Elements */\n.title {\n font-weight: 300;\n margin-bottom: 1em;\n}\n\nh1.title {\n font-size: 24px;\n}\n\nh2.title {\n font-size: 20px;\n}\n\n.subtitle {\n font-size: 1rem;\n color: var(--light-500);\n}\n\n.title-info {\n font-size: 1rem;\n}\n\n.kpi {\n font-size: 42px;\n}\n\n.kpi i {\n color: var(--light-500);\n}\n\n.pill {\n border: 1px solid var(--light-300);\n border-radius: 999px;\n padding: 0.5rem 1.5rem;\n text-decoration: none;\n margin-right: 8px;\n margin-bottom: 8px;\n}\n\n.pill:hover {\n border: 1px solid var(--light-600);\n text-decoration: none;\n}\n\n/* Components */\n\n.top-links {\n font-size: 1rem;\n}\n\n.top-links \u003e *:not(:last-child) {\n margin-right: 8px;\n}\n\n.box {\n height: 100%;\n min-width: 220px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n padding: 16px;\n border-radius: 4px;\n border: 1px solid var(--light-300);\n}\n\n.box .odswidget-charts {\n width: 250px;\n height: 250px;\n margin: 0;\n}\n\n.pill-list {\n display: flex;\n flex-wrap: wrap;\n}\n\na.box:hover {\n text-decoration: none;\n}\n\n.box:hover {\n border: 1px solid var(--light-600);\n}\n\n.top3-table {\n width: 100%;\n}\n\n.top3-table th {\n background-color: var(--identity-light);\n padding: 8px;\n color: var(--identity);\n font-weight: 300;\n white-space: nowrap;\n}\n\n.top3-table td a {\n font-weight: 300;\n}\n\n.top3-table td {\n padding: 8px;\n}\n\n.top3-table tr {\n border-top: 1px solid #dee5ef;\n}\n\n.top3-table tbody tr:nth-child(-n + 3) * {\n font-weight: 500;\n}\n\n/* Utilities */\n\n.m-4 {\n margin: 24px;\n}\n" @@ -610,7 +725,8 @@

      width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -654,6 +770,7 @@

      const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -764,7 +881,9 @@

      $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + <script type="text/javascript"> angular.module("ods-widgets").config(function(ODSWidgetsConfigProvider, $httpProvider) { ODSWidgetsConfigProvider.setConfig({defaultDomain: "https://userclub.opendatasoft.com/"}) }) </script> +
      <div ng-app="ods-widgets"> @@ -1237,8 +1356,16 @@

      "> -
      - + +

      -

      - -
      +
      + + + +
    - - + - © Copyright 2020 + © Copyright 2026
    @@ -2269,7 +2453,7 @@

    diff --git a/public/custom-views/eco-compteur/1/css.inc b/public/custom-views/eco-compteur/1/css.inc new file mode 100644 index 000000000..ebf6071d8 --- /dev/null +++ b/public/custom-views/eco-compteur/1/css.inc @@ -0,0 +1,583 @@ +:root { + --main-color: var(--section-titles); + --secondary-color: var(--highlight); + --bg-color: var(--section-titles-background); + --menu-text-color: var(--text); + --menu-bg-color: white; + --menu-button-bg-color: var(--highlight); + --menu-button-text-color: white; +} + +/* Remove custom view padding */ +.ods-tabs__pane.ods-tabs__pane--horizontal { + padding: 0; +} + +/* Subheader +========================================================================== */ +.subheader-wrapper { + background-color: var(--menu-bg-color); + position: sticky; + top: 0; + left: 0; + right: 0; + z-index: 90; +} + +.subheader { + color: var(--menu-text-color); + padding-top: 1.5rem; + padding-bottom: 1.5rem; + box-shadow: 0 10px 12px -8px #bec2d5; +} + +@media screen and (min-width: 992px) { + .subheader { + flex-direction: row; + align-items: center; + } +} +.subheader-top { + display: flex; + align-items: center; + justify-content: space-between; +} + +.subheader-button { + padding: 0.5rem 2.5rem; + font-weight: bold; + background-repeat: no-repeat; + background-position: right 0.7rem top 50%, 0 0; + background-size: 19px; +} + +.subheader-button-active { + color: #000000; + background-color: #D3AA25; + background-image: url("/assets/theme_image/icon-close-panel.svg"); +} + +.subheader-panel { + background-color: var(--menu-button-bg-color); + z-index: 1; + width: 100%; + box-shadow: 0 5px 14px black; + max-height: calc(100vh - 100px); + overflow: auto; +} + +.subheader-panel-wrapper { + padding: 45px 0; + color: var(--menu-text-color); + display: flex; + gap: 10px; + flex-direction: column; +} + +@media screen and (min-width: 767px) { + .subheader-panel-wrapper { + flex-direction: row; + align-items: stretch; + justify-content: space-between; + } +} +.subheader-panel-item { + color: var(--menu-button-text-color); +} +@media (min-width: 992px) { + .subheader-panel-item.carte { + flex: 3; + } +} +@media (min-width: 767px) { + .subheader-panel-item.carte { + flex: 2; + } +} +@media (min-width: 767px) { + .subheader-panel-item.detail-capteur { + flex: 1; + } +} + +.subheader-panel-flex { + display: flex; + gap: 10px; + align-items: baseline; + justify-content: space-between; + margin-bottom: 20px; +} + +.subheader-panel-flex h3 { + margin: 0; +} + +.subheader-panel-flex-right { + display: flex; + flex-wrap: wrap; + gap: 10px; + align-items: center; +} +.subheader-panel-flex-right button { + height: 31px; +} + +@media screen and (min-width: 767px) { + .subheader-separator { + display: block; + flex: 0 0 auto; + width: 1px; + background-color: rgba(255, 255, 255, 0.26); + } +} + +.subheader-title { + font-size: 1.375rem; + font-weight: bold; + margin-bottom: 1.5rem; + color: var(--menu-button-text-color); + text-transform: uppercase; +} + +.subheader-timerange { + text-align: left; + display: flex; + flex-direction: column; + align-items: flex-start; +} + +.subheader-timerange .odswidget-timerange__input { + background-color: transparent; + color: white; + border-radius: 0; + border-color: #D3AA25; +} + +.subheader-select { + width: min(230px, 100%); + padding: 5px; +} + +.subheader-text { + color: var(--menu-text-color); +} + +.subheader-info { + color: var(--menu-text-color); + text-transform: uppercase; + font-weight: bold; + font-style: italic; + font-size: 1.1em; +} + +.subheader-panel .odswidget-date-range-slider .irs--flat .irs-from, +.subheader-panel .odswidget-date-range-slider .irs--flat .irs-single, +.subheader-panel .odswidget-date-range-slider .irs--flat .irs-to { + background-color: var(--main-color); +} + +.subheader-panel .irs--flat .irs-from, +.subheader-panel .irs--flat .irs-to, +.subheader-panel .irs--flat .irs-single { + color: var(--menu-button-bg-color); +} + +.subheader-panel .odswidget-date-range-slider .irs--flat .irs-bar { + background-color: var(--menu-button-bg-color); +} + +.subheader-panel .odswidget-date-range-slider .irs--flat .irs-from:before, +.subheader-panel .odswidget-date-range-slider .irs--flat .irs-single:before, +.subheader-panel .odswidget-date-range-slider .irs--flat .irs-to:before { + border-top-color: var(--menu-button-bg-color); +} + +.subheader-panel .odswidget-date-range-slider .irs--flat .irs-handle > i:first-child { + background-color: var(--menu-button-bg-color); +} + +.subheader-panel .odswidget.odswidget-date-range-slider { + margin: 0 50px 10px; +} + +/* Buttons +========================================================================== */ +.subheader-button { + display: inline-block; + text-decoration: none; + cursor: pointer; + font-size: 1.1rem; + font-weight: normal; + color: var(--menu-button-bg-color); + background-color: var(--menu-button-text-color); + border: 1px solid var(--menu-button-bg-color); + padding: 0.3rem 1.5rem; + border-radius: 0px; + transition: all 0.2s; +} + +.subheader-button-active { + color: var(--menu-button-text-color); + background-color: var(--menu-button-bg-color); + border: 1px solid var(--menu-button-text-color); + text-decoration: none; +} + +.subheader-button:hover { + opacity: 0.65; +} + +.subheader-button-large { + padding: 0.5rem 2rem; +} + +/* Detail capteur */ +.detail-capteur-content dt { + font-weight: 200; +} +.detail-capteur-content dd { + font-weight: 500; + margin-left: 1.5rem; +} +.detail-capteur-content img { + border: 2px solid var(--menu-button-text-color); + max-height: 200px; + object-fit: cover; +} + +/* Section elements +========================================================================== */ +.page-section { + padding: 4.5rem 1.5rem; + background: linear-gradient(180deg, white, #fcfcff); +} +.page-section.bg-white { + background: white; +} + +/* Map */ +#dot-icon path { + stroke: black; +} + +/* Indicateur */ +h2.indicateur { + padding: 4px 4px 4px 15px; + margin-top: 40px; + margin-bottom: 20px; + font-size: 2.5rem; + width: calc(100% + 20px); + color: var(--main-color); + background: var(--bg-color); +} + +h2.indicateur .label { + font-size: 1.5rem; + font-weight: 400; +} + +h2.indicateur ~ p { + font-size: 1.2rem; + margin-bottom: 15px; +} + +.sous-indicateur { + margin-bottom: 30px; + border-left: solid 4px var(--main-color); +} + +.sous-indicateur h3, .sous-indicateur p { + padding-left: 10px; +} + +.sous-indicateur h3 { + font-size: 1.5rem; +} + +.sous-indicateur p { + font-size: 1.2rem; +} + +.indicateur-box { + padding: 4px; + background: var(--bg-color); +} + +section:nth-child(even) h2.indicateur { + width: 100%; + margin-left: -20px; + padding-left: 20px; +} +@media screen and (max-width: 1169px) { + section:nth-child(even) .row { + display: flex; + flex-direction: column-reverse; + } +} +@media screen and (max-width: 1169px) { + section:nth-child(odd) h2.indicateur { + width: 100%; + } +} +@media screen and (max-width: 1169px) { + section:nth-child(even) h2.indicateur { + margin-left: 0; + } +} + +/** +* License: MIT License +* Generated on 26 May 2021 +* Author: Fpassaniti for Huwise +* Version: 0.1 +* Description: ods-chart CUSTOM CSS LIBRARY. Go to http://codelibrary.huwise.com/widget-tricks/ods-chart-css/ for more information (doc & examples). +*/ +.extralarge-y-values .highcharts-yaxis-labels text, .large-y-values .highcharts-yaxis-labels text { + transform: translate(0, 4px); +} + +.hide-chart-legend .highcharts-legend-item span, .hide-chart-series .highcharts-series path.highcharts-graph, .hide-chart-series .highcharts-series rect, .hide-data-values .highcharts-data-label tspan, .hide-tooltip-text .highcharts-tooltip .highcharts-tooltip-container, .hide-tooltip-text .ods-highcharts__tooltip span, .hide-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line, .hide-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick, .hide-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line, .hide-x-legend .highcharts-xaxis tspan, .hide-x-values .highcharts-xaxis-labels span, .hide-x-values .highcharts-xaxis-labels text, .hide-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line, .hide-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line, .hide-y-legend .highcharts-yaxis tspan, .hide-y-values .highcharts-yaxis-labels span, .hide-y-values .highcharts-yaxis-labels text, .name-tooltip-value .ods-highcharts__tooltip b { + display: none !important; +} + +.highcharts-axis tspan, .highcharts-data-label tspan, .highcharts-label span, .highcharts-legend-item span, .highcharts-xaxis-labels text, .highcharts-yaxis-labels text { + font-family: Gotham-book, Arial, sans-serif !important; +} + +.name-tooltip-value .ods-highcharts__tooltip b, .small-chart-legend .highcharts-legend-item span, .small-data-values .highcharts-data-label tspan, .small-tooltip-text .highcharts-tooltip .highcharts-tooltip-container, .small-tooltip-text .ods-highcharts__tooltip span, .small-x-legend .highcharts-xaxis tspan, .small-x-values .highcharts-xaxis-labels span, .small-x-values .highcharts-xaxis-labels text, .small-y-legend .highcharts-yaxis tspan, .small-y-values .highcharts-yaxis-labels span, .small-y-values .highcharts-yaxis-labels text { + font-size: 12px !important; +} + +.medium-chart-legend .highcharts-legend-item span, .medium-data-values .highcharts-data-label tspan, .medium-tooltip-text .highcharts-tooltip .highcharts-tooltip-container, .medium-tooltip-text .ods-highcharts__tooltip span, .medium-x-legend .highcharts-xaxis tspan, .medium-x-values .highcharts-xaxis-labels span, .medium-x-values .highcharts-xaxis-labels text, .medium-y-legend .highcharts-yaxis tspan, .medium-y-values .highcharts-yaxis-labels span, .medium-y-values .highcharts-yaxis-labels text, .name-tooltip-value .ods-highcharts__tooltip b { + font-size: 14px !important; +} + +.large-chart-legend .highcharts-legend-item span, .large-data-values .highcharts-data-label tspan, .large-tooltip-text .highcharts-tooltip .highcharts-tooltip-container, .large-tooltip-text .ods-highcharts__tooltip span, .large-x-legend .highcharts-xaxis tspan, .large-x-values .highcharts-xaxis-labels span, .large-x-values .highcharts-xaxis-labels text, .large-y-legend .highcharts-yaxis tspan, .large-y-values .highcharts-yaxis-labels span, .large-y-values .highcharts-yaxis-labels text, .name-tooltip-value .ods-highcharts__tooltip b { + font-size: 16px !important; +} + +.extralarge-chart-legend .highcharts-legend-item span, .extralarge-data-values .highcharts-data-label tspan, .extralarge-tooltip-text .highcharts-tooltip .highcharts-tooltip-container, .extralarge-tooltip-text .ods-highcharts__tooltip span, .extralarge-x-legend .highcharts-xaxis tspan, .extralarge-x-values .highcharts-xaxis-labels span, .extralarge-x-values .highcharts-xaxis-labels text, .extralarge-y-legend .highcharts-yaxis tspan, .extralarge-y-values .highcharts-yaxis-labels span, .extralarge-y-values .highcharts-yaxis-labels text, .name-tooltip-value .ods-highcharts__tooltip b { + font-size: 18px !important; +} + +.light-chart-legend .highcharts-legend-item span, .light-data-values .highcharts-data-label tspan, .light-tooltip-text .highcharts-tooltip .highcharts-tooltip-container, .light-tooltip-text .ods-highcharts__tooltip span, .light-x-legend .highcharts-xaxis tspan, .light-x-values .highcharts-xaxis-labels span, .light-x-values .highcharts-xaxis-labels text, .light-y-legend .highcharts-yaxis tspan, .light-y-values .highcharts-yaxis-labels span, .light-y-values .highcharts-yaxis-labels text, .name-tooltip-value .ods-highcharts__tooltip b { + font-weight: 100 !important; +} + +.name-tooltip-value .ods-highcharts__tooltip b, .normal-chart-legend .highcharts-legend-item span, .normal-data-values .highcharts-data-label tspan, .normal-tooltip-text .highcharts-tooltip .highcharts-tooltip-container, .normal-tooltip-text .ods-highcharts__tooltip span, .normal-x-legend .highcharts-xaxis tspan, .normal-x-values .highcharts-xaxis-labels span, .normal-x-values .highcharts-xaxis-labels text, .normal-y-legend .highcharts-yaxis tspan, .normal-y-values .highcharts-yaxis-labels span, .normal-y-values .highcharts-yaxis-labels text { + font-weight: 400 !important; +} + +.bold-chart-legend .highcharts-legend-item span, .bold-data-values .highcharts-data-label tspan, .bold-tooltip-text .highcharts-tooltip .highcharts-tooltip-container, .bold-tooltip-text .ods-highcharts__tooltip span, .bold-x-legend .highcharts-xaxis tspan, .bold-x-values .highcharts-xaxis-labels span, .bold-x-values .highcharts-xaxis-labels text, .bold-y-legend .highcharts-yaxis tspan, .bold-y-values .highcharts-yaxis-labels span, .bold-y-values .highcharts-yaxis-labels text, .name-tooltip-value .ods-highcharts__tooltip b { + font-weight: 600 !important; +} + +.lightgrey-chart-legend .highcharts-legend-item span, .lightgrey-data-values .highcharts-data-label tspan, .lightgrey-tooltip-text .highcharts-tooltip .highcharts-tooltip-container, .lightgrey-tooltip-text .ods-highcharts__tooltip span, .lightgrey-x-legend .highcharts-xaxis tspan, .lightgrey-x-values .highcharts-xaxis-labels span, .lightgrey-x-values .highcharts-xaxis-labels text, .lightgrey-y-legend .highcharts-yaxis tspan, .lightgrey-y-values .highcharts-yaxis-labels span, .lightgrey-y-values .highcharts-yaxis-labels text, .name-tooltip-value .ods-highcharts__tooltip b { + fill: #565656 !important; + color: #565656 !important; +} + +.darkgrey-chart-legend .highcharts-legend-item span, .darkgrey-data-values .highcharts-data-label tspan, .darkgrey-tooltip-text .highcharts-tooltip .highcharts-tooltip-container, .darkgrey-tooltip-text .ods-highcharts__tooltip span, .darkgrey-x-legend .highcharts-xaxis tspan, .darkgrey-x-values .highcharts-xaxis-labels span, .darkgrey-x-values .highcharts-xaxis-labels text, .darkgrey-y-legend .highcharts-yaxis tspan, .darkgrey-y-values .highcharts-yaxis-labels span, .darkgrey-y-values .highcharts-yaxis-labels text, .name-tooltip-value .ods-highcharts__tooltip b { + fill: #333 !important; + color: #333 !important; +} + +.black-chart-legend .highcharts-legend-item span, .black-data-values .highcharts-data-label tspan, .black-tooltip-text .highcharts-tooltip .highcharts-tooltip-container, .black-tooltip-text .ods-highcharts__tooltip span, .black-x-legend .highcharts-xaxis tspan, .black-x-values .highcharts-xaxis-labels span, .black-x-values .highcharts-xaxis-labels text, .black-y-legend .highcharts-yaxis tspan, .black-y-values .highcharts-yaxis-labels span, .black-y-values .highcharts-yaxis-labels text, .name-tooltip-value .ods-highcharts__tooltip b { + fill: #000 !important; + color: #000 !important; +} + +.small-chart-legend-dash .highcharts-legend-item path, .small-chart-series .highcharts-series path.highcharts-graph, .small-chart-series .highcharts-series rect, .small-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line, .small-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick, .small-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line, .small-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line, .small-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line { + stroke-width: 0.8px !important; +} + +.medium-chart-legend-dash .highcharts-legend-item path, .medium-chart-series .highcharts-series path.highcharts-graph, .medium-chart-series .highcharts-series rect, .medium-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line, .medium-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick, .medium-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line, .medium-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line, .medium-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line { + stroke-width: 1.5px !important; +} + +.large-chart-legend-dash .highcharts-legend-item path, .large-chart-series .highcharts-series path.highcharts-graph, .large-chart-series .highcharts-series rect, .large-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line, .large-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick, .large-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line, .large-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line, .large-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line { + stroke-width: 3px !important; +} + +.extralarge-chart-legend-dash .highcharts-legend-item path, .extralarge-chart-series .highcharts-series path.highcharts-graph, .extralarge-chart-series .highcharts-series rect, .extralarge-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line, .extralarge-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick, .extralarge-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line, .extralarge-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line, .extralarge-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line { + stroke-width: 5px !important; +} + +.lightgrey-chart-series .highcharts-series path.highcharts-graph, .lightgrey-chart-series .highcharts-series rect, .lightgrey-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line, .lightgrey-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick, .lightgrey-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line, .lightgrey-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line, .lightgrey-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line { + stroke: #565656 !important; +} + +.lightgrey-chart-legend-dash .highcharts-legend-item path { + stroke-width: #565656 !important; +} + +.darkgrey-chart-series .highcharts-series path.highcharts-graph, .darkgrey-chart-series .highcharts-series rect, .darkgrey-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line, .darkgrey-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick, .darkgrey-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line, .darkgrey-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line, .darkgrey-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line { + stroke: #333 !important; +} + +.darkgrey-chart-legend-dash .highcharts-legend-item path { + stroke-width: #333 !important; +} + +.black-chart-series .highcharts-series path.highcharts-graph, .black-chart-series .highcharts-series rect, .black-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line, .black-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick, .black-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line, .black-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line, .black-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line { + stroke: #000 !important; +} + +.black-chart-legend-dash .highcharts-legend-item path { + stroke-width: #000 !important; +} + +.hide-chart-legend-dash .highcharts-legend-item path { + stroke-width: none !important; +} + +.small-chart-legend-circle g.highcharts-legend-item rect { + width: 10px !important; + height: 10px !important; + x: 5 !important; + y: 5 !important; +} + +.medium-chart-legend-circle g.highcharts-legend-item rect { + width: 12px !important; + height: 12px !important; + x: 3 !important; + y: 4 !important; +} + +.large-chart-legend-circle g.highcharts-legend-item rect { + width: 15px !important; + height: 15px !important; + x: 2 !important; + y: 2 !important; +} + +.extralarge-chart-legend-circle g.highcharts-legend-item rect { + width: 18px !important; + height: 18px !important; + x: 0 !important; + y: 0 !important; +} + +.centered-tooltip .highcharts-tooltip .highcharts-tooltip-container { + text-align: center; +} + +.centered-tooltip .ods-highcharts__tooltip { + justify-content: center; +} + +.no-background rect.highcharts-background, .no-bg rect.highcharts-background, .remove-background rect.highcharts-background, .transparent-background rect.highcharts-background { + fill: transparent !important; +} + +.ods-highcharts__tooltip { + align-items: center; +} + +g.highcharts-legend-item rect { + rx: 100%; + ry: 100%; +} + +.trend .highcharts-axis, +.trend .highcharts-yaxis-labels, +.trend .highcharts-ygrid, +.trend .highcharts-legend, +.trend .highcharts-yaxis-grid path:not(:first-child), +.trend .highcharts-label.highcharts-data-label:not(:first-child):not(:last-child) { + display: none; +} + +.trend .highcharts-label.highcharts-data-label { + opacity: 1; + visibility: inherit; +} + +.trend { + padding-top: 15px; + background: white; +} + +.trend .chartplaceholder { + height: 280px; + width: 100%; +} + +.trend path.highcharts-area { + fill: transparent; +} + +.trend text { + font-size: 13px !important; +} + +/*path.highcharts-graph { + stroke: #d4d700; +}*/ +.top5-chart { + height: 350px; + margin: 0 auto; +} +.top5-chart .highcharts-xaxis path.highcharts-axis-line { + stroke: var(--bg-color); + stroke-width: 4px; + transform: translate(-2px, 0); +} + +/* Custom Tabs + ========================================================================== */ +.tabs { + display: flex; + flex-wrap: wrap; + margin: 30px 15px; +} +.tabs .tab { + font-size: 1.2rem; + padding: 0 15px 5px; +} +.tabs .tab:hover { + font-weight: 600; +} +.tabs .tab.tab__active { + font-weight: 600; + border-bottom: 4px solid var(--secondary-color); +} + +.tabs-content .tab-content { + position: relative; +} + +.odswidget-spinner.odswidget-spinner--svg.heatmap { + height: 4em; + position: absolute; + left: 50%; + top: 40%; + z-index: 0; +} + +.vega-chart { + z-index: 1; + position: relative; + background: white; +} + +/* FIX Container for CV */ +@media (min-width: 768px) { + .container { + width: inherit; + max-width: 740px; + } +} +@media (min-width: 992px) { + .container { + width: inherit; + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container { + width: inherit; + max-width: 1160px; + } +} \ No newline at end of file diff --git a/public/custom-views/eco-compteur/1/html.inc b/public/custom-views/eco-compteur/1/html.inc new file mode 100644 index 000000000..b71b0e49c --- /dev/null +++ b/public/custom-views/eco-compteur/1/html.inc @@ -0,0 +1,395 @@ + + + + + + + + + {{ ctx.parameters['refine.name'] = + (ctx.parameters['refine.name'].join('')? + ctx.parameters['refine.name'].join(''): + ctx.parameters['refine.name']) ; '' }} + + {{ sitesselect.parameters['refine.name'] = ctx.parameters['refine.name'] ; '' }} + + {{ values.daterefinedepth = (ctx.parameters['refine.date'].length > 1 ? + (ctx.parameters['refine.date'] | split:'/').length : (ctx.parameters['refine.date'][0] | split:'/').length) || 0 ; "" }} + + + {{ values.capteurs = capteurs ; '' }} + + + + + + +
    +
    +
    +
    +
    + + Capteur : + + + {{ ctx.parameters['refine.name'] || 'Tous' }} + +
    + + Période : + + + Tout l'historique + + {{ range[0].mindate | date }} au {{ range[0].maxdate | date }} + + +
    + +
    + +
    +
    +
    +
    + +
    +
    +
    +
    +
    +

    + Sélection du capteur +

    +
    + + +
    +
    + +
    + + + + + + +
    +
    + +
    + +
    +

    + Détail du capteur +

    +
    +
    +

    {{ sitesresults[0].fields.name }}

    +
    +
    User type
    +
    {{ sitesresults[0].fields.user_type }}
    +
    Sens
    +
    {{ sitesresults[0].fields.sens }}
    +
    Installation date
    +
    {{ sitesresults[0].fields.installation_date | date }}
    +
    + +
    +
    +
    +

    Pas de capteur sélectionné

    +
    +
    +
    +
    +
    +
    + + + + + +
    +
    +
    +
    +

    + {{ byday[1].total | number }} + passages comptabilisés le {{ byday[1].day | date }} +

    + {{ evol = (byday[1].total - byday[7].total)/byday[7].total*100 ; '' }} +
    +

    + ▲ + + ▼ + {{ evol | number: 1}}% +

    +

    + comparé à {{ byday[7].day | moment:'dddd' }} dernier ({{ byday[7].total | number }} passages le {{ byday[7].day | date }}) +

    +
    +
    +
    +

    + {{ global[0].total | number }} + passages au total +

    +

    + ont été comptabilisés sur la période séléctionnée +

    +
    +
    +
    + + + + + + +
    +
    +
    +
    +
    + + + + + +
    +
    +
    +
    +
    +
    + + + + + + +
    +
    +
    +

    + Top 5 +

    +

    + Sites les plus fréquentés +

    +
    +
    +
    +
    +
    +
    +
    + + + + + + +
    +
    +
    +

    + Top 5 +

    +

    + Jours les plus fréquentés pour le site séléctionné +

    +
    +
    +
    +
    +
    + + + + + +
    +
    +

    Moyennes horaire

    + {{ + tabs = ([ + values.daterefinedepth < 3 ? 'distribution' : undefined, + values.daterefinedepth < 2 ? 'mois' : undefined, + values.daterefinedepth < 3 ? 'jour' : undefined, + values.daterefinedepth > 1 ? 'heure' : undefined + ] | filter : '') ; + histoscale = { + 'mois':'month', + 'jour':'day', + 'heure':'hour' + }; '' + }} + +
    +
    + {{ values.activetab = (i == 0 && !(tabs.indexOf(values.activetab) >= 0) ? e : values.activetab) ; '' }} + {{ e | capitalize }} +
    +
    +
    +
    + +
    + +
    +
    +
    + + + + + + +
    +
    +
    +
    + +     \ No newline at end of file diff --git a/public/custom-views/eco-compteur/index.html b/public/custom-views/eco-compteur/index.html new file mode 100644 index 000000000..b85632bbd --- /dev/null +++ b/public/custom-views/eco-compteur/index.html @@ -0,0 +1,4085 @@ + + + + + + Eco-Counter / Eco-Compteur – Codelibrary + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    + + +
    +
    + +
    +
    +

    Custom Views - Eco-Counter / Eco-Compteur

    +
    +

    See it live here !

    + +
    + +
    +

    + Eco-Counter / Eco-Compteur data custom view + + + + + +

    +
    +

    Eco-Counter custom view for Huwise integration: an overall view of your territory through Eco-Counter stations data.

    +

    + Install procedure + +

    +

    Two datasets are required :

    +
      +
    • eco-counter-data : from Eco Counter Data connector
      • +
    • eco-counter-sites : from Eco Counter Sites connector
      • +
    +
    + eco-counter-sites processing : + +
    +

    Get the first photo URL, copy the field, get the photo from the URL

    +
      +
    • Split text: +
        +
      • field: photos
        • +
      • separator: /https://
        • +
      • index: 1
        • +
      • output: photourl
        • +
      +
      • +
    • Copy a field: +
        +
      • field: photourl
        • +
      • new field: photo
        • +
      +
      • +
    • File: +
        +
      • field: photo
        • +
      +
      • +
    +
    + eco-counter-data processing : + +
    +

    Get additional metadata from counters

    +
      +
    • Join datasets: +
        +
      • dataset: eco-counter-sites
        • +
      • local key: id
        • +
      • remote key: id
        • +
      • output fields: name, coordinates, user_type, sens, interval
        • +
      +
      • +
    +

    Set name field as a facet !

    + +
    + + +
    + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    + +
    +
    +
    +
    + +
    + + + + + +
    +
    + + + + +
    + +
    + +
    + +
    +
    + +
    +
    + +
    + + + + + © Copyright 2026 + +
    + + + + + + + + diff --git a/public/custom-views/gtfs-custom/1/html.inc b/public/custom-views/gtfs-custom/1/html.inc index 1397f5d04..5110fba1d 100644 --- a/public/custom-views/gtfs-custom/1/html.inc +++ b/public/custom-views/gtfs-custom/1/html.inc @@ -18,12 +18,21 @@

    - + - + - +
    @@ -39,7 +48,7 @@ -
    +
    - - - + @@ -73,69 +71,88 @@
    - @@ -179,7 +196,7 @@
    • + href="https://codelibrary.huwize.com/"> Home
      • @@ -196,6 +213,54 @@ + + + + + + + + + + + + + + + + + + + + + +
    • + + Apps + + +
      • + + + + + + + + + + + + + + + + + + + + @@ -265,6 +330,16 @@ +
    • + +
      + Eco-Counter / Eco-Compteur + + +
      +       +
      • +
      • @@ -477,51 +565,67 @@
      - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
      @@ -532,24 +636,24 @@
      -
      -

      Custom Views - GTFS Custom View

      -
      -

      This custom view will let you display routes and stops from a General Transit Feed Specification (GTFS) file. It can be used either as a custom view inside your catalog or on a custom page.

      +
      +

      Custom Views - GTFS Custom View

      +
      +

      This custom view will let you display routes and stops from a General Transit Feed Specification (GTFS) file. It can be used either as a custom view inside your catalog or on a custom page.

      -
      - -
      -

      - GTFS Routes and stops - - - - - -

      -
      -

      3 steps install procedure:

      +
      + +
      +

      + GTFS Routes and stops + + + + + +

      +
      +

      3 steps install procedure:

      • Please ask for the activation of the GTFS extractors to the ODS support team
      • Upload the data (i, ii and iii correspond to three distinct datasets in your catalog): @@ -565,20 +669,25 @@

      • Create the custom tab: Copy and paste the code of the mini dashboard in order to visualize the routes and stops. Please check that you are using the correct dataset identifiers. The CSS code below implies that the map takes exactly the remaining height of the screen in the default theme configuration.

      -

      Note: This component cannot harness the capability of custom views to inherit the ctx context from catalog filters, since download links cannot be fitlered by routes or stops. It simply provides a nice way to display a gtfs and shows how to use other datasets in a custom view—not only the one you are currently exploring.

      -
      +

      Note: This component cannot harness the capability of custom views to inherit the ctx context from catalog filters, since download links cannot be fitlered by routes or stops. It simply provides a nice way to display a gtfs and shows how to use other datasets in a custom view—not only the one you are currently exploring.

      + +
      + +

      + See it live! +

      + + +
      + + + -
      - -

      - See it live! -

      - -
      - + + @@ -587,6 +696,9 @@

      + + +
      name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"lines,stops\"\n lines-dataset=\"gtfs_ny_routes\"\n lines-parameters=\"{'disjunctive.filename':'true',\n 'disjunctive.route_type':'true',\n 'disjunctive.route_short_name':'true',\n 'disjunctive.route_long_name':'true'}\"\n stops-dataset=\"gtfs_ny_stops\"\n stops-parameters=\"{'disjunctive.filename':'true',\n 'disjunctive.route_type':'true',\n 'disjunctive.route_short_name':'true',\n 'disjunctive.route_long_name':'true'}\"\u003e\n\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-12\"\u003e\n \u003ch2\u003e\n Routes and stations' visualisation from GTFS files\n \u003c/h2\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-8 dashboard\"\u003e\n\n \u003cods-map no-refit=\"true\" display-control=\"false\" search-box=\"false\" toolbar-fullscreen=\"true\" toolbar-geolocation=\"true\" basemap=\"jawg.streets\" location=\"10,40.70795,-73.97688\" scroll-wheel-zoom=\"false\"\u003e\n \u003cods-map-layer-group\u003e\n \u003cods-map-layer context=\"stops\" color=\"#6A79B0\" picto=\"ods-bus\" show-marker=\"true\" display=\"auto\" shape-opacity=\"0.5\" point-opacity=\"1\" border-color=\"#FFFFFF\" border-opacity=\"1\" border-size=\"1\" border-pattern=\"solid\" caption=\"false\" title=\"Stations du réseau urbain\" size=\"2\" size-min=\"3\" size-max=\"5\" size-function=\"linear\" show-if=\"stations\"\u003e\u003c/ods-map-layer\u003e\n \u003c/ods-map-layer-group\u003e\n \u003cods-map-layer-group\u003e\n \u003cods-map-layer context=\"lines\" color-by-field=\"route_color\" picto=\"ods-circle\" show-marker=\"true\" display=\"categories\" shape-opacity=\"0.5\" point-opacity=\"1\" border-color=\"#FFFFFF\" border-opacity=\"1\" border-size=\"1\" border-pattern=\"solid\" caption=\"false\" title=\"Lignes du réseau urbain\" size=\"1\"\u003e\u003c/ods-map-layer\u003e\n \u003c/ods-map-layer-group\u003e\n \u003c/ods-map\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-4 dashboard filters\"\u003e\n\n \u003clabel class=\"switch\"\u003e\n \u003cdiv class=\"switch-label\"\u003e\n Display GTFS stops\n \u003c/div\u003e\n \u003cinput class=\"switch-input\"\n type=\"checkbox\"\n ng-click=\"stations=!stations\"\u003e\n \u003cspan class=\"switch-button\"\u003e\u003c/span\u003e\n \u003c/label\u003e\n\n \u003chr /\u003e\n\n \u003cdiv class=\"clearfilters\"\n ng-class=\"{'active': lines.parameters['refine.filename'].length \u003e 0 ||\n lines.parameters['refine.route_type'].length \u003e 0 ||\n lines.parameters['refine.route_short_name'].length \u003e 0 ||\n lines.parameters['refine.route_long_name'].length \u003e 0}\"\n ng-click=\"stops.parameters['refine.filename'] = undefined;\n lines.parameters['refine.filename'] = undefined;\n lines.parameters['refine.route_type'] = undefined;\n lines.parameters['refine.route_short_name'] = undefined;\n lines.parameters['refine.route_long_name'] = undefined;\"\u003e\n Clear all filters\n \u003c/div\u003e\n \u003cods-facets context=\"lines\"\u003e\n \u003ch3\u003e\n Operator\n \u003c/h3\u003e\n \u003c!--ods-facet name=\"filename\" refine-also=\"stops\" disjunctive=\"true\"\u003e\u003c/ods-facet--\u003e\n \u003cdiv ods-facet-results=\"filenames\"\n ods-facet-results-context=\"lines\"\n ods-facet-results-facet-name=\"filename\"\n ods-facet-results-sort=\"alphanum\"\u003e\n \u003cods-select options=\"filenames\"\n selected-values=\"lines.parameters['refine.filename']\"\n placeholder=\"Select one or more operator\"\n label-modifier=\"name\"\n value-modifier=\"name\"\n multiple=\"true\"\u003e\u003c/ods-select\u003e\n {{ stops.parameters['refine.filename'] = lines.parameters['refine.filename'] ; '' }}\n \u003c/div\u003e\n \u003ch3\u003e\n Route type \u003ci\u003e(filter routes only)\u003c/i\u003e\n \u003c/h3\u003e\n \u003c!--ods-facet name=\"route_type\" disjunctive=\"true\"\u003e\u003c/ods-facet--\u003e\n \u003cdiv ods-facet-results=\"routetypes\"\n ods-facet-results-context=\"lines\"\n ods-facet-results-facet-name=\"route_type\"\n ods-facet-results-sort=\"alphanum\"\u003e\n \u003cods-select options=\"routetypes\"\n selected-values=\"lines.parameters['refine.route_type']\"\n placeholder=\"Select one or more route type\"\n label-modifier=\"name\"\n value-modifier=\"name\"\n multiple=\"true\"\u003e\u003c/ods-select\u003e\n \u003c/div\u003e\n \u003ch3\u003e\n Route number \u003ci\u003e(filter routes only)\u003c/i\u003e\n \u003c/h3\u003e\n \u003c!--ods-facet name=\"route_short_name\" disjunctive=\"true\"\u003e\u003c/ods-facet--\u003e\n \u003cdiv ods-facet-results=\"routeshortnames\"\n ods-facet-results-context=\"lines\"\n ods-facet-results-facet-name=\"route_short_name\"\n ods-facet-results-sort=\"alphanum\"\u003e\n \u003cods-select options=\"routeshortnames\"\n selected-values=\"lines.parameters['refine.route_short_name']\"\n placeholder=\"Select one or more route number\"\n label-modifier=\"name\"\n value-modifier=\"name\"\n multiple=\"true\"\u003e\u003c/ods-select\u003e\n \u003c/div\u003e\n \u003ch3\u003e\n Route name \u003ci\u003e(filter routes only)\u003c/i\u003e\n \u003c/h3\u003e\n \n \u003c!--ods-facet name=\"route_long_name\" disjunctive=\"true\"\u003e\u003c/ods-facet--\u003e\n \u003cdiv ods-facet-results=\"routelongnames\"\n ods-facet-results-context=\"lines\"\n ods-facet-results-facet-name=\"route_long_name\"\n ods-facet-results-sort=\"alphanum\"\u003e\n \u003cods-select options=\"routelongnames\"\n selected-values=\"lines.parameters['refine.route_long_name']\"\n placeholder=\"Select one or more route name\"\n label-modifier=\"name\"\n value-modifier=\"name\"\n multiple=\"true\"\u003e\u003c/ods-select\u003e\n \u003c/div\u003e\n \u003c/ods-facets\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"lines,stops\"\n lines-dataset=\"gtfs_ny_routes\"\n lines-parameters=\"{'disjunctive.filename':'true',\n 'disjunctive.route_type':'true',\n 'disjunctive.route_short_name':'true',\n 'disjunctive.route_long_name':'true'}\"\n stops-dataset=\"gtfs_ny_stops\"\n stops-parameters=\"{'disjunctive.filename':'true',\n 'disjunctive.route_type':'true',\n 'disjunctive.route_short_name':'true',\n 'disjunctive.route_long_name':'true'}\"\u003e\n\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-12\"\u003e\n \u003ch2\u003e\n Routes and stations' visualisation from GTFS files\n \u003c/h2\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-8 dashboard\"\u003e\n\n \u003cods-map no-refit=\"true\" display-control=\"false\" search-box=\"false\" toolbar-fullscreen=\"true\"\n toolbar-geolocation=\"true\" basemap=\"jawg.streets\" location=\"10,40.70795,-73.97688\"\n scroll-wheel-zoom=\"false\"\u003e\n \u003cods-map-layer-group\u003e\n \u003cods-map-layer context=\"stops\" color=\"#6A79B0\" picto=\"ods-bus\" show-marker=\"true\" display=\"auto\"\n shape-opacity=\"0.5\" point-opacity=\"1\" border-color=\"#FFFFFF\" border-opacity=\"1\"\n border-size=\"1\" border-pattern=\"solid\" caption=\"false\"\n title=\"Stations du réseau urbain\" size=\"2\" size-min=\"3\" size-max=\"5\"\n size-function=\"linear\" show-if=\"stations\"\u003e\u003c/ods-map-layer\u003e\n \u003c/ods-map-layer-group\u003e\n \u003cods-map-layer-group\u003e\n \u003cods-map-layer context=\"lines\" color-by-field=\"route_color\" picto=\"ods-circle\" show-marker=\"true\"\n display=\"categories\" shape-opacity=\"0.5\" point-opacity=\"1\" border-color=\"#FFFFFF\"\n border-opacity=\"1\" border-size=\"1\" border-pattern=\"solid\" caption=\"false\"\n title=\"Lignes du réseau urbain\" size=\"1\"\u003e\u003c/ods-map-layer\u003e\n \u003c/ods-map-layer-group\u003e\n \u003c/ods-map\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-4 dashboard filters\"\u003e\n\n \u003clabel class=\"switch\"\u003e\n \u003cdiv class=\"switch-label\"\u003e\n Display GTFS stops\n \u003c/div\u003e\n \u003cinput class=\"switch-input\"\n type=\"checkbox\"\n ng-click=\"stations=!stations\"\u003e\n \u003cspan class=\"switch-button\"\u003e\u003c/span\u003e\n \u003c/label\u003e\n\n \u003chr/\u003e\n\n \u003cdiv class=\"clearfilters\"\n ng-class=\"{'active': lines.parameters['refine.filename'].length \u003e 0 ||\n lines.parameters['refine.route_type'].length \u003e 0 ||\n lines.parameters['refine.route_short_name'].length \u003e 0 ||\n lines.parameters['refine.route_long_name'].length \u003e 0}\"\n ng-click=\"stops.parameters['refine.filename'] = undefined;\n lines.parameters['refine.filename'] = undefined;\n lines.parameters['refine.route_type'] = undefined;\n lines.parameters['refine.route_short_name'] = undefined;\n lines.parameters['refine.route_long_name'] = undefined;\"\u003e\n Clear all filters\n \u003c/div\u003e\n \u003cods-facets context=\"lines\"\u003e\n \u003ch3\u003e\n Operator\n \u003c/h3\u003e\n \u003c!--ods-facet name=\"filename\" refine-also=\"stops\" disjunctive=\"true\"\u003e\u003c/ods-facet--\u003e\n \u003cdiv ods-facet-results=\"filenames\"\n ods-facet-results-context=\"lines\"\n ods-facet-results-facet-name=\"filename\"\n ods-facet-results-sort=\"alphanum\"\u003e\n \u003cods-select options=\"filenames\"\n selected-values=\"lines.parameters['refine.filename']\"\n placeholder=\"Select one or more operator\"\n label-modifier=\"name\"\n value-modifier=\"name\"\n multiple=\"true\"\u003e\u003c/ods-select\u003e\n {{ stops.parameters['refine.filename'] = lines.parameters['refine.filename'] ; '' }}\n \u003c/div\u003e\n \u003ch3\u003e\n Route type \u003ci\u003e(filter routes only)\u003c/i\u003e\n \u003c/h3\u003e\n \u003c!--ods-facet name=\"route_type\" disjunctive=\"true\"\u003e\u003c/ods-facet--\u003e\n \u003cdiv ods-facet-results=\"routetypes\"\n ods-facet-results-context=\"lines\"\n ods-facet-results-facet-name=\"route_type\"\n ods-facet-results-sort=\"alphanum\"\u003e\n \u003cods-select options=\"routetypes\"\n selected-values=\"lines.parameters['refine.route_type']\"\n placeholder=\"Select one or more route type\"\n label-modifier=\"name\"\n value-modifier=\"name\"\n multiple=\"true\"\u003e\u003c/ods-select\u003e\n \u003c/div\u003e\n \u003ch3\u003e\n Route number \u003ci\u003e(filter routes only)\u003c/i\u003e\n \u003c/h3\u003e\n \u003c!--ods-facet name=\"route_short_name\" disjunctive=\"true\"\u003e\u003c/ods-facet--\u003e\n \u003cdiv ods-facet-results=\"routeshortnames\"\n ods-facet-results-context=\"lines\"\n ods-facet-results-facet-name=\"route_short_name\"\n ods-facet-results-sort=\"alphanum\"\u003e\n \u003cods-select options=\"routeshortnames\"\n selected-values=\"lines.parameters['refine.route_short_name']\"\n placeholder=\"Select one or more route number\"\n label-modifier=\"name\"\n value-modifier=\"name\"\n multiple=\"true\"\u003e\u003c/ods-select\u003e\n \u003c/div\u003e\n \u003ch3\u003e\n Route name \u003ci\u003e(filter routes only)\u003c/i\u003e\n \u003c/h3\u003e\n\n \u003c!--ods-facet name=\"route_long_name\" disjunctive=\"true\"\u003e\u003c/ods-facet--\u003e\n \u003cdiv ods-facet-results=\"routelongnames\"\n ods-facet-results-context=\"lines\"\n ods-facet-results-facet-name=\"route_long_name\"\n ods-facet-results-sort=\"alphanum\"\u003e\n \u003cods-select options=\"routelongnames\"\n selected-values=\"lines.parameters['refine.route_long_name']\"\n placeholder=\"Select one or more route name\"\n label-modifier=\"name\"\n value-modifier=\"name\"\n multiple=\"true\"\u003e\u003c/ods-select\u003e\n \u003c/div\u003e\n \u003c/ods-facets\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", "css": ".dashboard p {\n text-align: right;\n margin-bottom: 0;\n}\n\n.dashboard {\n height: calc(100vh - 210px);\n margin-bottom: 1rem;\n}\n\n.clearfilters {\n margin-bottom: 0.6em;\n opacity: 0.5;\n cursor: default;\n}\n.clearfilters.active {\n margin-bottom: 0.6em;\n opacity: 1;\n cursor: pointer;\n}\n.clearfilters.active:hover {\n opacity: 0.75;\n}\n\n.filters {\n overflow-y: scroll;\n}\n\n.odswidget-map, .odswidget-map__map {\n height: 100%;\n}\n\n.odswidget-map-display-control__groups {\n min-height: 0px;\n}\n\nh3 i {\n font-size: 0.7em;\n font-weight: 300;\n}\n\n\n/* Light switch\n ========================================================================== */\n\n.switch {\n display: flex;\n align-items: center;\n margin-bottom: .5rem;\n}\n\n.switch-label {\n font-weight: 500;\n font-size: 1.2em;\n margin: 0 0.5em 0 0;\n}\n\n.switch-button {\n /* background color when \"off\" */\n background: #FFFFFF;\n\n /* size of switch */\n width: 43px;\n height: 25px;\n border: 2px solid #E6E6E6;\n border-radius: 100px;\n display: block;\n\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n outline: 0;\n -webkit-transition: all .4s ease;\n -o-transition: all .4s ease;\n transition: all .4s ease;\n}\n\n/* Style of the \"bubble\" that toggles */\n.switch-button::after {\n /* size of bubble */\n width: 21px;\n height: 21px;\n border-radius: 50%;\n background-color: #FFFFFF;\n position: relative;\n display: block;\n content: \"\";\n -webkit-transition: tranform .4s cubic-bezier(0.175, 0.885, 0.320, 1.275),\n padding .3s ease, margin .3s ease;\n -o-transition: tranform .4s cubic-bezier(0.175, 0.885, 0.320, 1.275),\n padding .3s ease, margin .3s ease;\n transition: tranform .4s cubic-bezier(0.175, 0.885, 0.320, 1.275),\n padding .3s ease, margin .3s ease;\n -webkit-transform: translateX(0);\n -ms-transform: translateX(0);\n transform: translateX(0);\n -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);\n box-shadow: 0 1px 3px rgba(0,0,0,.4);\n}\n\n.switch-input {\n display: none;\n}\n\n.switch-button:hover::after {\n will-change: padding;\n}\n\n.switch-button:active::after {\n padding-right: .4rem;\n}\n\n/* \"On\" state\n ========================== */\n\n.switch-input:checked + .switch-button {\n /* border and background color when the button is \"on\" */\n border-color: var(--highlight);\n background: var(--highlight);\n}\n\n.switch-input:checked + .switch-button::after {\n /* bubble position when \"on\" */\n -webkit-transform: translateX(18px);\n -ms-transform: translateX(18px);\n transform: translateX(18px);\n}\n\n.switch-input:checked + .switch-button:active::after {\n margin-left: -.4rem;\n}\n\n/* Checkbox in disabled state\n ========================== */\n\n.switch-input[type=\"checkbox\"]:disabled + .switch-button {\n opacity: .6;\n cursor: not-allowed;\n -webkit-box-shadow: 0 0 0 transparent;\n box-shadow: 0 0 0 transparent;\n}\n\n.switch-input[type=\"checkbox\"]:checked:disabled + .switch-button {\n /* border and background color when button is disabled */\n border-color: #cccccc;\n background: #cccccc;\n}\n" }'>
      @@ -610,7 +722,8 @@

      width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -654,6 +767,7 @@

      const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -764,7 +878,9 @@

      $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
      <div ng-app="ods-widgets"> @@ -788,12 +904,21 @@

      </div> <div class="col-md-8 dashboard"> - <ods-map no-refit="true" display-control="false" search-box="false" toolbar-fullscreen="true" toolbar-geolocation="true" basemap="jawg.streets" location="10,40.70795,-73.97688" scroll-wheel-zoom="false"> + <ods-map no-refit="true" display-control="false" search-box="false" toolbar-fullscreen="true" + toolbar-geolocation="true" basemap="jawg.streets" location="10,40.70795,-73.97688" + scroll-wheel-zoom="false"> <ods-map-layer-group> - <ods-map-layer context="stops" color="#6A79B0" picto="ods-bus" show-marker="true" display="auto" shape-opacity="0.5" point-opacity="1" border-color="#FFFFFF" border-opacity="1" border-size="1" border-pattern="solid" caption="false" title="Stations du réseau urbain" size="2" size-min="3" size-max="5" size-function="linear" show-if="stations"></ods-map-layer> + <ods-map-layer context="stops" color="#6A79B0" picto="ods-bus" show-marker="true" display="auto" + shape-opacity="0.5" point-opacity="1" border-color="#FFFFFF" border-opacity="1" + border-size="1" border-pattern="solid" caption="false" + title="Stations du réseau urbain" size="2" size-min="3" size-max="5" + size-function="linear" show-if="stations"></ods-map-layer> </ods-map-layer-group> <ods-map-layer-group> - <ods-map-layer context="lines" color-by-field="route_color" picto="ods-circle" show-marker="true" display="categories" shape-opacity="0.5" point-opacity="1" border-color="#FFFFFF" border-opacity="1" border-size="1" border-pattern="solid" caption="false" title="Lignes du réseau urbain" size="1"></ods-map-layer> + <ods-map-layer context="lines" color-by-field="route_color" picto="ods-circle" show-marker="true" + display="categories" shape-opacity="0.5" point-opacity="1" border-color="#FFFFFF" + border-opacity="1" border-size="1" border-pattern="solid" caption="false" + title="Lignes du réseau urbain" size="1"></ods-map-layer> </ods-map-layer-group> </ods-map> </div> @@ -809,7 +934,7 @@

      <span class="switch-button"></span> </label> - <hr /> + <hr/> <div class="clearfilters" ng-class="{'active': lines.parameters['refine.filename'].length > 0 || @@ -873,7 +998,7 @@

      <h3> Route name <i>(filter routes only)</i> </h3> - + <!--ods-facet name="route_long_name" disjunctive="true"></ods-facet--> <div ods-facet-results="routelongnames" ods-facet-results-context="lines" @@ -1046,8 +1171,16 @@

      "> -
      - + +

      -

      - -
      +
      + + + +
    - - + - © Copyright 2020 + © Copyright 2026
    @@ -1708,7 +1934,7 @@

    diff --git a/public/custom-views/index.html b/public/custom-views/index.html index 3b1cd2475..613732682 100644 --- a/public/custom-views/index.html +++ b/public/custom-views/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@

    - @@ -159,7 +176,7 @@
    • + href="https://codelibrary.huwize.com/"> Home
      • @@ -176,6 +193,54 @@ + + + + + + + + + + + + + + + + + + + + + +
    • + + Apps + + +
      • + + + + + + + + + + + + + + + + + + + + @@ -245,6 +310,16 @@ +
    • + +
      + Eco-Counter / Eco-Compteur + + +
      +       +
      • +
      • @@ -457,51 +545,67 @@
      - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
      @@ -521,6 +625,35 @@

      + +
      +

      + Eco-Counter / Eco-Compteur + + +

      +

      + Eco-Counter custom view for Huwise integration: an overall view of your territory through Eco-Counter stations data. + +

      +
      + +
      + aggregation +
      + +
      + chart +
      + +
      + ods-adv-analysis +
      + +
      +
      +       +

      @@ -575,7 +708,7 @@

      - This custom view will let you display routes and stops from a General Transit Feed Specification (GTFS) file. It can be used either as a custom view inside your catalog or on a custom page. +

      This custom view will let you display routes and stops from a General Transit Feed Specification (GTFS) file. It can be used either as a custom view inside your catalog or on a custom page.

      @@ -593,16 +726,16 @@

      - - + - © Copyright 2020 + © Copyright 2026
      @@ -614,7 +747,7 @@

      diff --git a/public/custom-views/index.xml b/public/custom-views/index.xml index 53461e45b..b9dc90131 100644 --- a/public/custom-views/index.xml +++ b/public/custom-views/index.xml @@ -2,37 +2,39 @@ Custom Views on Codelibrary - https://codelibrary.opendatasoft.com/custom-views/ + https://codelibrary.huwize.com/custom-views/ Recent content in Custom Views on Codelibrary - Hugo -- gohugo.io + Hugo en-us - Mon, 19 Apr 2021 14:57:49 +0200 + Thu, 09 Dec 2021 00:00:00 +0000 + + + Eco-Counter / Eco-Compteur + https://codelibrary.huwize.com/custom-views/eco-compteur/ + Thu, 09 Dec 2021 00:00:00 +0000 + https://codelibrary.huwize.com/custom-views/eco-compteur/ + <p><a href="https://eco-compteur-odsapps.huwise.com/explore/dataset/eco-counter-data/dashboard/">See it live here !</a></p> + Domain Datasets - https://codelibrary.opendatasoft.com/custom-views/domain-dataset/ + https://codelibrary.huwize.com/custom-views/domain-dataset/ Mon, 19 Apr 2021 14:57:49 +0200 - - https://codelibrary.opendatasoft.com/custom-views/domain-dataset/ - This resource is intended to be used as custom view inside your catalog, where the dataset context is always named ctx and doesn&rsquo;t require any ods-dataset-context widget. Read the user&rsquo;s guide section about custom views for details. + https://codelibrary.huwize.com/custom-views/domain-dataset/ + <p><em>This resource is intended to be used as custom view inside your catalog, where the dataset context is always named <code>ctx</code> and doesn&rsquo;t require any <code>ods-dataset-context</code> widget. Read the <a href="https://help.huwise.com/platform/en/publishing_data/07_configuring_visualizations/06_configuring_custom_view/custom.html#configuring-the-custom-view">user&rsquo;s guide section</a> about custom views for details</em>.</p> - Custom view Generator - https://codelibrary.opendatasoft.com/custom-views/custom-view-generator/ + https://codelibrary.huwize.com/custom-views/custom-view-generator/ Fri, 12 Mar 2021 00:00:00 +0100 - - https://codelibrary.opendatasoft.com/custom-views/custom-view-generator/ + https://codelibrary.huwize.com/custom-views/custom-view-generator/ - GTFS Custom View - https://codelibrary.opendatasoft.com/custom-views/gtfs-custom/ + https://codelibrary.huwize.com/custom-views/gtfs-custom/ Tue, 09 Feb 2021 11:18:31 +0100 - - https://codelibrary.opendatasoft.com/custom-views/gtfs-custom/ - This custom view will let you display routes and stops from a General Transit Feed Specification (GTFS) file. It can be used either as a custom view inside your catalog or on a custom page. + https://codelibrary.huwize.com/custom-views/gtfs-custom/ + <p>This custom view will let you display routes and stops from a General Transit Feed Specification (GTFS) file. It can be used either as a <a href="https://help.huwise.com/platform/en/publishing_data/07_configuring_visualizations/06_configuring_custom_view/custom.html#configuring-the-custom-view">custom view</a> inside your catalog or on a custom page.</p> - diff --git a/public/custom-views/page/1/index.html b/public/custom-views/page/1/index.html index cac940210..220d70920 100644 --- a/public/custom-views/page/1/index.html +++ b/public/custom-views/page/1/index.html @@ -1 +1,9 @@ -https://codelibrary.opendatasoft.com/custom-views/ \ No newline at end of file + + + + https://codelibrary.huwize.com/custom-views/ + + + + + diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png deleted file mode 100644 index 4436a03aa..000000000 Binary files a/public/favicon-16x16.png and /dev/null differ diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png deleted file mode 100644 index bbecc6159..000000000 Binary files a/public/favicon-32x32.png and /dev/null differ diff --git a/public/favicon.ico b/public/favicon.ico deleted file mode 100644 index e02c40d7b..000000000 Binary files a/public/favicon.ico and /dev/null differ diff --git a/public/generators/comparison-generator/1/config.inc b/public/generators/comparison-generator/1/config.inc new file mode 100644 index 000000000..677e19754 --- /dev/null +++ b/public/generators/comparison-generator/1/config.inc @@ -0,0 +1,87 @@ +ng-init="domain = 'userclub.huwise.com'; + datasetid = 'healthref-france-finess'; + + refineField = ''; + refineValue = ''; + + pageTitle = 'Analyse : Etablissements du domaine sanitaire et social en France'; + pageSubtitle = 'Cette page permet de comparer la répartition des établissements du domaine sanitaire et social en France. Sélectionnez les territoires à comparer et parcourez les différents indicateurs et graphiques pour dresser votre analyse.'; + + compareType = 'multiFields'; + + filterTitle = 'Sélectionnez les catégories à comparer'; + referenceFitlerTitle = 'Catégorie de référence'; + compareFilterTitle = 'Catégorie à comparer'; + + defaultLevel = 'France entière'; + + IF_COMPARE_BY_MULTIFIELDS; + + fields = [ + {name:'Région',idField:'code_officiel_region',labelField:'nom_officiel_region', placeholder:'Toutes régions'}, + {name:'Département', idField:'departement',labelField:'libelle_departement', placeholder:'Tous départements'}, + {name:'EPCI', idField:'code_officiel_epci',labelField:'nom_officiel_epci', placeholder:'Tous EPCIs'}, + {name:'Commune', idField:'code_commune',labelField:'nom_officiel_commune', placeholder:'Toutes communes'} + ]; + + resetFiltersButtonLabel = 'Supprimer tous les filtres'; + + IF_COMPARE_BY_SINGLEFIELD; + + filterFieldId = 'alert_country'; + filterFieldLabel = 'alert_country'; + + defaultValue = ''; + + filterPlaceholder = 'Sélectionnez une valeur'; + + kpis = [ + { + 'title': 'Nombre d\'établissements', + 'select': 'count(*)', + 'precision': 0, + 'unit': '', + 'faicon': 'square-o' + } + ]; + + charts = [ + { + 'disposition':'pyramid', + 'title':'Répartition par mode de fixation des tarifs', + 'xAxis':'libelle_mft', + 'label':'Nombre d\'établissements', + 'select':'count(*)' + }, + { + 'disposition':'pyramid', + 'title':'Répartition par catégorie d\’établissement', + 'xAxis':'libelle_categorie_d_etablissement', + 'label':'Nombre d\'établissements', + 'select':'count(*)' + }, + { + 'disposition':'classic', + 'title':'Participation au service public hospitalier', + 'xAxis':'libelle_sph', + 'type':'line', + 'function':'COUNT', + 'maxPoints':'20', + 'displayValues':'true', + 'label':'Nombre d\'établissements', + 'sort':'serie1-1', + 'expression':'' + }, + { + 'disposition':'classic', + 'title':'Date d\'ouverture', + 'xAxis':'date_d_ouverture', + 'label':'Nombre d\'établissements', + 'type':'line', + 'function':'COUNT', + 'expression':'', + 'sort':'', + 'maxPoints':'', + 'displayValues':'true' + } + ]; diff --git a/public/generators/comparison-generator/css.inc b/public/generators/comparison-generator/css.inc new file mode 100644 index 000000000..65c35cc64 --- /dev/null +++ b/public/generators/comparison-generator/css.inc @@ -0,0 +1,365 @@ +/* General Layout +========================================================================== */ +:root { + --left-color: #08a8ab; + --right-color: #d5ac00; + --secondary-color: black; +} + +.left { + color: var(--left-color); +} + +.right { + color: var(--right-color); +} + +.background-left { + background-color: var(--left-color); +} + +.background-right { + background-color: var(--right-color); +} + +@media screen and (min-width: 992px) { + .row-equal-height { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-bottom: 20px; + width: 100%; + justify-content: space-around; + } + + /* Fix for early content wrapping in Safari*/ + .row-equal-height:before, +.row-equal-height:after { + content: normal; + } +} + + +.page-title { + font-size: 3rem; + font-weight: bold; + margin-top: 0; + margin-bottom: 1rem; +} + +.page-subtitle { + font-size: 1.2rem; + line-height: 2; + margin-top: 0; + margin-bottom: 3rem; +} + +.box-container { + padding: 10px 0px; +} + +@media screen and (min-width: 992px) { + .box-container { + display: flex; + justify-content: center; + } +} + +/* Filters +========================================================================== */ +.ods-selects { + display: flex; + flex-direction: column; + gap: 5px; +} + +.filterbloc { + background-color: var(--boxes-background); + height: 100%; + padding: 20px 0px; + border-radius: 4px; + box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13); + margin: 10px 0px; + width: 100%; +} + +.filterbloc-title { + text-align: center; +} + +.filter-list { + display: flex; + flex-wrap: wrap; + position: relative; + margin-bottom: 20px; + justify-content: space-around; +} + +.filter-list > * { + margin: 0 0 10px; + width: 100%; +} + +.filter-box { + display: flex; + flex-direction: column; + gap: 10px; + align-items: center; +} + +.filter-title { + margin-top: 15px; + margin-bottom: 0px; +} + +.odswidget-select .odswidget-select-dropdown.open .odswidget-select-dropdown-menu { + width: 100%; +} + +.odswidget-select, +.odswidget-select .odswidget-select-dropdown { + width: 100%; +} + +@media screen and (min-width: 500px) { + .filter-list > * { + margin: 0 10px 10px 0; + width: inherit; + } + + .odswidget-select .odswidget-select-dropdown.open .odswidget-select-dropdown-menu, .odswidget-select-input, .odswidget-select-dropdown { + width: max-content; + min-width: 266px; + } +} +.select-left .odswidget-select-dropdown-item-close-icon, .select-left .odswidget-select-dropdown-item-icon.fa-check-square, +.select-left .odswidget-select-dropdown-item-icon.fa-minus-square, +.select-left .odswidget-select-dropdown-menu-item:hover i.fa-square-o { + color: var(--left-color); +} + +.select-right .odswidget-select-dropdown-item-close-icon, .select-right .odswidget-select-dropdown-item-icon.fa-check-square, +.select-right .odswidget-select-dropdown-item-icon.fa-minus-square, +.select-right .odswidget-select-dropdown-menu-item:hover i.fa-square-o { + color: var(--right-color); +} + +.clear-filters { + display: flex; + align-items: center; + justify-content: center; + margin-top: 5px; +} + +.clear-filters-button { + background: none; + border: none; + color: var(--text); +} + +.clear-filters-button:hover { + opacity: 0.65; +} + +/* KPI Card +========================================================================== */ +.kpi-card { + background-color: var(--boxes-background); + height: 100%; + padding: 39px; + border-radius: 4px; + box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + text-align: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; + width: 100%; + margin-bottom: 5px; +} + +.kpi-icon { + color: var(--secondary-color); + font-size: 4rem; + margin-top: 0; + margin-bottom: 13px; + max-width: 100%; +} + +.kpi-title { + font-weight: normal; + font-size: 3.2rem; + margin-top: 0; + max-width: 100%; + margin-bottom: 5px; +} + +.kpi-compare { + font-weight: normal; + font-size: 1.8rem; + margin-top: 0; + margin-bottom: 0px; + max-width: 100%; +} + +.kpi-unit { + font-size: 0.8em; +} + +.kpi-description { + color: var(--text); + font-size: 1rem; + line-height: 1.5; + font-weight: normal; + margin-top: 0; + margin-bottom: 0; + max-width: 100%; +} + +.kpi-subtitle { + font-weight: bold; + text-transform: uppercase; + margin-bottom: 0; +} + +.kpi-compare-subtitle { + text-transform: uppercase; + margin-bottom: 0; +} + +/* Charts +========================================================================== */ +.chart-card { + background-color: var(--boxes-background); + height: 100%; + padding: 39px; + border-radius: 4px; + box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13); + display: block; + width: 100%; + margin-bottom: 10px; +} + +.chart-title:first-child { + margin-top: 20px; +} + +rect.highcharts-background { + fill: transparent !important; +} + +/* Custom Charts +========================================================================== */ +.custom-graph { + display: flex; + flex-direction: column; + margin-bottom: 4rem; + width: 100%; +} + +.custom-graph-body { + display: flex; + align-items: stretch; +} + +.custom-graph-block { + flex: 1 1 auto; +} + +.custom-graph-separator { + width: 3px; + background-color: #232423; +} + +.custom-graph-header { + display: block; + margin-bottom: 0.5rem; +} +.custom-graph-header h4 { + margin-top: 0; +} + +.header-right { + text-align: right; +} + +.custom-graph-title { + font-size: 1.43rem; + margin: 0; + text-transform: uppercase; + color: var(--titles); + font-weight: bold; +} + +.custom-graph-content { + display: grid; +} + +.custom-graph-item { + border-bottom: 1px solid #979797; + margin-top: 0.5rem; + display: flex; + align-items: center; + justify-content: space-between; + min-height: 50px; +} + +.custom-graph-item-title { + font-size: 0.75rem; + color: var(--titles); + font-weight: normal; + margin: 0; + flex: 0 0 35%; +} + +.custom-graph-progress-container { + align-self: end; + flex: 1 1 65%; +} + +.custom-graph-progress { + height: 30px; + display: flex; + align-items: center; +} + +.custom-graph-progress-value { + font-size: 0.625rem; + color: var(--titles); + margin: 0 9px; +} + +.custom-graph-content-left .custom-graph-progress { + margin-left: auto; + border-radius: 8px 0 0 8px; + justify-content: flex-end; +} + +.custom-graph-content-right .custom-graph-item-title { + order: 1; + text-align: right; +} + +.custom-graph-content-right .custom-graph-progress { + order: 1; + margin-right: auto; + border-radius: 0 8px 8px 0; + justify-content: flex-start; +} + +.custom-graph-inverted-text-color .custom-graph-progress-value, +.custom-graph-inverted-text-color .custom-graph-item-title { + color: inherit; +} \ No newline at end of file diff --git a/public/generators/comparison-generator/index.html b/public/generators/comparison-generator/index.html new file mode 100644 index 000000000..e4a4e9257 --- /dev/null +++ b/public/generators/comparison-generator/index.html @@ -0,0 +1,4382 @@ + + + + + + Comparison Generator – Codelibrary + + + + + + + + + + + + + + + + + + + + + + + + + +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      + + +
      +
      + +
      +
      +

      Generators - Comparison Generator

      +
      + +
      + +
      +

      + Automated comparison dashboard + + + + + +

      +
      +

      Inspired by the listing generator, this version will help you build a comparison dashboard. +Customize it by editing a few settings in the code, and decide to compare 2 values from one field, or from a serie of fields, such as territory-subterritory or category-subcategory.

      + +
      + + +
      + + + + + + + + + + + + + + + + + + + +
      +
      + +
      +
      +
      +
      + +
      + + + + + +
      +
      + + + + +
      + +
      + +
      + +
      +
      + +
      +
      + +
      + + + + + © Copyright 2026 + +
      + + + + + + + + diff --git a/public/generators/comparison-generator/posthtml.inc b/public/generators/comparison-generator/posthtml.inc new file mode 100644 index 000000000..2aa7c31aa --- /dev/null +++ b/public/generators/comparison-generator/posthtml.inc @@ -0,0 +1,628 @@ + + + DO_NOT_MODIFY_BELOW; + + selected1 = {}; + selected2 = {}; + selectionRefFinale = ''; + selectionCompareFinale = {}; + "> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + {{ctxref.parameters['refine.' + refineField] = refineValue; + ctxcompare.parameters['refine.' + refineField] = refineValue; + ctx1.parameters['refine.' + refineField] = refineValue; + ctx2.parameters['refine.' + refineField] = refineValue; ""}} + + +
      +
      +

      + {{ pageTitle }} +

      +

      + {{ pageSubtitle }} +

      +
      +

      {{filterTitle}}

      +
      +
      +

      + {{referenceFitlerTitle}} +

      +
      +
      +
      + + + + + {{ + $parent.$parent.$parent.$parent['context' + j].parameters['refine.' + fieldname.idField] = + ctx1.parameters['refine.' +fieldname.idField] = + (selected1[fieldname.name] | toObject:'code' | keys);"" + }} + + +
      + +
      +
      + + + +
      +
      +
      + +
      +

      + {{compareFilterTitle}} +

      +
      +
      +
      + + + + + {{ + $parent.$parent.$parent.$parent['contextcompare' + j].parameters['refine.' + fieldname.idField] = + ctx2.parameters['refine.' +fieldname.idField] = + (selected2[fieldname.name] | toObject:'code' | keys );"" + }} + + +
      +
      +
      + + +
      +
      +
      +
      +
      +
      +

      + {{referenceFitlerTitle}} +

      +
      + + + + {{ctx1.parameters['refine.' + filterFieldId] = selectionRefFinale ; ""}} + + + + + {{selectionRefFinale == 0 ? selectionRefFinale = defaultValue : '' ; ""}} + {{ctx1.parameters['refine.' + filterFieldId] = selectionRefFinale ; ""}} + + +
      +
      +
      +

      + {{compareFilterTitle}} +

      +
      + + + + {{ctx2.parameters['refine.' + filterFieldId] = selectionCompareFinale ; ""}} + + + + + {{selectionCompareFinale == 0 ? selectionCompareFinale = defaultValue : '' ; ""}} + {{ctx2.parameters['refine.' + filterFieldId] = selectionCompareFinale ; ""}} + {{ctx2.parameters}} + +
      +
      +
      +
      + +
      +
      +
      +
      +
      + +
      + +

      + {{ (kpi1[0].x || 0) | number : (kpi.precision || 0) }} + {{ kpi.unit }} +

      +

      + {{ kpi.title }} +

      +

      + {{ selected1[fields[3].name][0].name || + selected1[fields[2].name][0].name || + selected1[fields[1].name][0].name || + selected1[fields[0].name][0].name || defaultLevel }}

      + +

      + {{results1[0].fields[filterFieldLabel]}}

      +

      + {{defaultLevel}}

      +
      +
      +
      + +
      + +

      + {{ (kpi2[0].x || 0) | number : (kpi.precision || 0) }} + {{ kpi.unit }} +

      +

      + {{ kpi.title }} +

      +

      + {{ selected2[fields[3].name][0].name || + selected2[fields[2].name][0].name || + selected2[fields[1].name][0].name || + selected2[fields[0].name][0].name || defaultLevel }}

      +

      + {{results2[0].fields[filterFieldLabel]}}

      +

      + {{defaultLevel}}

      + +

      + {{ ((kpi2[0].x - kpi1[0].x )/kpi1[0].x )*100 > 0 ? '+' : '' }}{{ (((kpi2[0].x -kpi1[0].x )/kpi1[0].x )*100|| 0) | number : 2 }}% +

      + par rapport à +

      {{item1.name}}{{$last ? '' : ' + '}}

      +

      + {{ selected1[fields[3].name][0].name || + selected1[fields[2].name][0].name || + selected1[fields[1].name][0].name || + selected1[fields[0].name][0].name || defaultLevel }}

      +

      + {{results1[0].fields[filterFieldLabel]}}

      +

      + {{defaultLevel}}

      +
      +
      +
      +
      + + +
      + +
      +
      +

      {{chart.title}}

      + +
      + + {{ pyramid['maxref'] = results[0].max; '' }} +
      + + {{ pyramid.analysisref = analysisref ; '' }} +       + +
      + {{ pyramid['maxcompare'] = results[0].max; '' }} +
      + + {{ pyramid.analysiscompare = analysiscompare ; '' }} +       + + {{ pyramid['max'] = + (pyramid['maxcompare']>pyramid['maxref']?pyramid['maxcompare']:pyramid['maxref']); '' }} + + +

      + {{ pyramid.order[item[chart.xAxis]] = i+1; '' }} +

      +

      + {{ pyramid.order[item[chart.xAxis]] = i+1; '' }} +

      + + + +
      +
      +
      +
      +

      + {{ selected1[fields[3].name][0].name || + selected1[fields[2].name][0].name || + selected1[fields[1].name][0].name || + selected1[fields[0].name][0].name || defaultLevel }} + + + {{results1[0].fields[filterFieldLabel]}} + + {{defaultLevel}} +

      +

      {{chart.label}}

      +
      +
      +
      +
      + {{ itemleft[chart.xAxis] }} +
      +
      +
      + + {{ itemleft.counttotal | number }} + +
      +
      +
      +
      +
      + +
      +
      +
      +

      + {{ selected2[fields[3].name][0].name || + selected2[fields[2].name][0].name || + selected2[fields[1].name][0].name || + selected2[fields[0].name][0].name || defaultLevel }} + + {{results2[0].fields[filterFieldLabel]}} + + {{defaultLevel}} +

      +

      {{chart.label}}

      +
      +
      +
      +
      + {{ itemright[chart.xAxis] }} +
      +
      +
      + + {{ itemright.counttotal | number }} + +
      +
      +
      +
      +
      +
      +
      +
      +
      +
       + +
      +
      +

      {{chart.title}}

      + + + + + + + + + + + + + + + + + + + + +
      +
       +       +
      +
      +
      +
      +       +

      \ No newline at end of file diff --git a/public/generators/comparison-generator/prehtml.inc b/public/generators/comparison-generator/prehtml.inc new file mode 100644 index 000000000..76772771f --- /dev/null +++ b/public/generators/comparison-generator/prehtml.inc @@ -0,0 +1,14 @@ + + + +
      - - - + @@ -73,69 +71,88 @@
      - @@ -179,7 +196,7 @@
      • + href="https://codelibrary.huwize.com/"> Home
        • @@ -196,6 +213,54 @@ + + + + + + + + + + + + + + + + + + + + + +
      • + + Apps + + +
        • + + + + + + + + + + + + + + + + + + + + @@ -250,6 +315,9 @@ + + +
      • @@ -266,6 +334,16 @@
          +
        • + +
          + Comparison Generator + + +
          +           +
          • +
          • @@ -491,51 +579,67 @@
          - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
          @@ -546,33 +650,34 @@
          -
          -

          Generators - Custom view Generator

          -
          - -
          - -
          -

          - Automated listing visualization in custom views - - - - - -

          -
          -

          Based on the listing generator, this version will fit perfectly into a custom view by reusing dataset filters and search on the left. +

          +

          Generators - Custom view Generator

          +
          + +
          + +
          +

          + Automated listing visualization in custom views + + + + + +

          +
          +

          Based on the listing generator, this version will fit perfectly into a custom view by reusing dataset filters and search on the left. Embed the view to see how this template activated it’s own filters and search bar..

          -
          - -

          - See it live! -

          - -
          - +
          + +

          + See it live! +

          + + +
          + @@ -600,9 +705,9 @@

          name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"ctx\"\n ctx-dataset=\"custom-view-generator-demo\"\n ctx-domain=\"userclub\"\u003e\n\u003c!-- V1 :\n - listing generator adapted to custom view :\n - no more context to init, and using existing one \"ctx\"\n - filters are hidden in /explore/datasets/ view, but visible in embed mode\n--\u003e\n\n\n\u003c!-- IMPORTANT ******** MUST READ !\n\n In the following settings declaration :\n\n A common error is forget to escape (protect) apostrophe with a leading backslash\n As apostrophes are used to declare values of variable it will break the settings\n\n Ex:\n wrongVariable = 'I'll be freed from apostrophes'\n correctVariable = 'I\\'ll be freed from apostrophes'\n--\u003e\n\n\u003c!-- SETTINGS START HERE --\u003e\n\u003cdiv class=\"container custom-view-generator\"\n\n\n\n ng-init=\"fieldDate = '';\n resetFiltersButton = true;\n resetFiltersButtonLabel = 'Supprimer tous les filtres';\n fieldDefaultRangeStartsNow = true;\n\n view = 'cards';\n fieldsList = ['powered_by','description_en'];\n fieldLink = 'reference_url';\n fieldLinkLabel = 'See it live';\n\n cardTitle = 'name_of_the_initiative_en';\n fieldPhoto = '';\n imagePosition = 'left';\n itemsPerRow = '2';\n\n kpis = [\n {\n 'title': 'Number of initiatives',\n 'function': 'COUNT'\n }\n ];\n\n filters = [\n {'id':'language','multiple':true},\n {'id':'country','multiple':true},\n {'id':'purpose','multiple':true}\n ];\n DO_NOT_MODIFY_BELOW;\n\n ctxfields = {};\n values = {};\n activeFilters = {};\n \"\u003e\n \u003c!-- ### GENERAL SETTINGS ### --\u003e\n\n \u003c!-- ### FILTERS SETTINGS ### --\u003e\n \u003c!-- filters (Filters) : List of object that contains the IDs to generate the filters pannel.\n and multiple true or false to allow the user to select multiple values in the filter.\n NB: the field must be a facet in the dataset\n NB: alphanumerical sort is applied in the filter view\n ex: [\n {'id':'filterid','multiple':true},\n {'id':'filterid2','multiple':false}\n ]\n IMPORTANT: for a custom view, filters are only available when the view is embeded; In /explore view, custom view filters are hidden, as they are already available in left sidebar.\n --\u003e\n \u003c!-- resetFiltersButton (boolean) : add a reset filters button after filters block --\u003e\n \u003c!-- resetFiltersButtonLabel (Label of the button) : test to display when a filter is selected\n ex: 'Clear all filters'\n --\u003e\n\n \u003c!-- ### DATE SETTINGS --\u003e\n \u003c!-- fieldDate : a date type field to display a date-range-slider --\u003e\n \u003c!-- resetFiltersButton : reset date period button true/false --\u003e\n \u003c!-- fieldDefaultRangeStartsNow : false make the default range selection start from the first date, and end to the last date, if set to true, the range starts from now, to the last date --\u003e\n\n \u003c!-- ### LIST VIEW SETTINGS ### --\u003e\n \u003c!-- view (List view type) : Type of the view to list results, can be 'table' or 'cards'\n --\u003e\n \u003c!-- fieldsList (List configuration) : Set the list of field IDs\n ex: ['title','category','genre','date']\n --\u003e\n \u003c!-- fieldLink (Link to an external resource) : If available, the field ID of some external resource as a web URL\n ex: 'link'\n --\u003e\n \u003c!-- fieldLinkLabel (The label of that link) : Label of the link button\n ex: 'Read more here'\n --\u003e\n\n \u003c!-- Specific to the 'cards' view mode, set a title and a background image if any --\u003e\n \u003c!-- cardTitle (Title of the card) : Field id of the card title\n ex: 'title'\n--\u003e\n \u003c!-- fieldPhoto (Field id of the image field if any)\n ex: 'image'\n--\u003e\n \u003c!-- imagePosition (Image position) : Image position in the card, can be 'top' or 'left'\n ex: 'left'\n--\u003e\n \u003c!-- itemsPerRow (Number of columns) : Modify the columns layout. The division by 12 must be a whole number, ie it can be 1, 2, 3, 4, 6 or 12. But 6 and 12 will generaly be two norrow\n ex: '3'\n--\u003e\n\n \u003c!-- ### KPIS SETTINGS ### --\u003e\n \u003c!-- KPIS settings is a list of object that describes each KPI\n List of available keys are :\n - title (Name of the KPI) ex: 'Average # of citizens'\n - function (function of the aggregation) ex: 'SUM'\n - expression (field id that contains numerical values to aggregate) ex: 'population'\n - precision (Decimal precision of the KPI) ex: 2\n - unit (KPI unit) ex: 'citizens'\n - faicon (FontAwesome icon id) ex: 'square-o'\n\n title, function, expression are MANDATORY\n the others are optionnal\n\n Available functions are SUM, AVG, COUNT, STD, MAX, MIN.\n Please see the documentation for more information\n https://help.opendatasoft.com/widgets/#/api/ods-widgets.directive:odsAggregation\n\n Please see all available icons here\n https://fontawesome.com/v4.7.0/icons/\n\n ex:\n kpis = [\n {\n 'title': 'Taille moyenne',\n 'function': 'AVG',\n 'expression': 'surface',\n 'precision': 2,\n 'unit': 'm2',\n 'faicon': 'square-o'\n },\n {\n 'title': 'Nombre d\\'oeuvre référencées',\n 'function': 'COUNT'\n }\n ];\n\n--\u003e\n\n \u003c!-- DO NOT MODIFY --\u003e\n \u003c!-- Technical fields, do not modify please --\u003e\n\n\n \u003cods-dataset-context context=\"ctxdate\"\n ctxdate-dataset=\"{{ ctx.dataset.datasetid }}\"\n ctxdate-parameters=\"ctx.parameters\"\u003e\n\n \u003cspan ng-if=\"fieldDefaultRangeStartsNow\"\u003e\n {{ctxdate.parameters={'q.date': fieldDate + '\u0026gt;#now()'};''}}\n \u003c/span\u003e\n\n \u003cspan ng-repeat=\"field in ctx.dataset.fields\"\u003e\n {{ ctxfields[field.name] = field.label; '' }}\n \u003c/span\u003e\n\n \u003cdiv ng-if=\"!$parent.$parent.$parent\"\u003e\n \u003cspan ng-repeat=\"filter in filters\"\u003e\n {{ ctx.parameters['refine.' + filter.id] = activeFilters[filter.id] ; '' }}\n \u003c/span\u003e\n \u003c/div\u003e\n\n \u003cdiv ng-if=\"!$parent.$parent.$parent\" class=\"content-card search-module-container\"\u003e\n \u003c!-- SEARCH --\u003e\n \u003cdiv class=\"search-module\"\u003e\n \u003ci class=\"fa fa-search search-module-icon\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cinput placeholder=\"Rechercher\"\n ng-model=\"ctx.parameters['q']\"\n ng-model-options=\"{ updateOn: 'keyup', debounce: { 'default': 300, 'blur': 0 }}\"\n class=\"search-module-input\"\n type=\"text\"/\u003e\n \u003cbutton class=\"search-module-clear\"\n ng-if=\"ctx.parameters['q']\"\n ng-click=\"ctx.parameters['q'] = undefined\"\u003e\n \u003ci class=\"fa fa-times-circle\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/button\u003e\n \u003c/div\u003e\n\n \u003c!-- FILTERS Search \u0026 Select --\u003e\n \u003cdiv class=\"filter-list\"\n ng-init=\"dropdown.open = '';\n select = {}\"\u003e\n \u003cdiv ng-repeat=\"filter in filters\"\u003e\n {{ ctx.parameters['disjunctive.' + filter.id] = true; '' }}\n \u003cdiv ods-facet-results=\"categories\"\n ods-facet-results-facet-name=\"{{ filter.id }}\"\n ods-facet-results-context=\"ctx\"\n ods-facet-results-sort=\"alphanum\"\u003e\n \u003cods-select ng-if=\"categories\"\n selected-values=\"activeFilters[filter.id]\"\n multiple=\"filter.multiple\"\n options=\"categories\"\n label-modifier=\"name\"\n value-modifier=\"name\"\n placeholder=\"{{ ctxfields[filter.id] }}\"\u003e\u003c/ods-select\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"clear-filters\"\n ng-show=\"(activeFilters | values).join('')\"\u003e\n \u003cdiv class=\"clear-filters-button\"\n role=\"button\"\n ng-click=\"activeFilters = {}\"\u003e\n {{ resetFiltersButtonLabel }}\n \u003ci class=\"fa fa-times-circle\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003c!-- FILTERS date (if any) --\u003e\n \u003cdiv class=\"filter-date\"\n ng-if=\"fieldDate\"\u003e\n \u003c!--\n On récupère la plage de date du jeu de données. On fait une analyse pour récupérer la première et dernière date du champs date_de_restitution\n pour le min: conditionnelle pour ajouter le 0 si le mois ou le jour est inférieur à 10 pour avoir une date iso\n [dateminmax.results.length-1] : permet de récupérer dynamiquement le dernier élément de l'array du results =\u003e donc ici on calcule le nombre d'éléments dans l'array pour la date, donc 2, et 2-1= 1 donc 2019\n Pareil que précédemment, ne pas hésiter à enlever le '' pour voir le comportement\n --\u003e\n \u003cspan ods-analysis=\"dateminmax\"\n ods-analysis-context=\"ctxdate\"\n ods-analysis-x-year=\"{{ fieldDate }}.year\"\n ods-analysis-x-month=\"{{ fieldDate }}.month\"\n ods-analysis-x-day=\"{{ fieldDate }}.day\"\n ods-analysis-serie-c=\"COUNT()\"\n ods-analysis-sort=\"x.{{ fieldDate }}.year,x.{{ fieldDate }}.month,x.{{ fieldDate }}.day\"\u003e\n \u003cspan ng-if=\"dateminmax.results\"\u003e\n {{ values['periode']['min'] = dateminmax.results[0].x.year + '-' + (10 \u003e dateminmax.results[0].x.month?'0':'') + dateminmax.results[0].x.month + '-' + (10 \u003e dateminmax.results[0].x.day?'0':'') + dateminmax.results[0].x.day;\n values['periode']['max'] = dateminmax.results[dateminmax.results.length-1].x.year + '-' + (10 \u003e dateminmax.results[dateminmax.results.length-1].x.month?'0':'') + dateminmax.results[dateminmax.results.length-1].x.month + '-' + (10 \u003e dateminmax.results[dateminmax.results.length-1].x.day?'0':'') + dateminmax.results[dateminmax.results.length-1].x.day;\n ''}}\n \u003c/span\u003e\n \u003c/span\u003e\n\n \u003c!-- Affichage du range slider: les dates récupérées dans l'analyse pour initialiser les bounds\n la sélection période par défaut avec le mois + 1\n le min/maxselection qui correspondent aux bornes choisies par le user --\u003e\n\n \u003cods-date-range-slider ng-if=\"values.periode.min \u0026\u0026 values.periode.max\"\n context=\"ctx\"\n initial-from=\"{{ values.periode.min }}\"\n initial-to=\"{{ values.periode.max }}\"\n start-bound=\"values.periode.min\"\n end-bound=\"values.periode.max\"\n date-field=\"{{ fieldDate }}\"\n precision=\"day\"\n from=\"values.periode.minselection\"\n to=\"values.periode.maxselection\"\u003e\n \u003c/ods-date-range-slider\u003e\n\n \u003c!-- le click sur toute la période resette la période choisie sur la date min et max --\u003e\n \u003cdiv ng-if=\"resetFiltersButton\" class=\"filter-date-button\"\n ng-class=\"{'filter-date-button-disabled':\n values.periode.minselection == values.periode.min \u0026\u0026\n values.periode.maxselection == values.periode.max}\"\n ng-click=\"values.periode.minselection = values.periode.min;\n values.periode.maxselection = values.periode.max\"\u003e\n Toute la période \u003ci class=\"fa fa-arrows-h\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003c!-- KPIs --\u003e\n \u003csection class=\"kpis-container row row-equal-height\"\u003e\n \u003cdiv class=\"{{ 'col-md-' + (12/itemsPerRow) }} margin-bottom-20\"\n ng-repeat=\"kpi in kpis\"\u003e\n \u003c!-- KPI box component --\u003e\n \u003cdiv class=\"kpi-card\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"ctx\"\n ods-aggregation-function=\"{{ kpi.function }}\"\n ods-aggregation-expression=\"{{ kpi.expression }}\"\u003e\n \u003ci class=\"kpi-icon fa fa-{{ kpi.faicon || 'gitlab' }}\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cp class=\"kpi-title\"\u003e\n {{ (agg || 0) | number : (kpi.precision || 0) }}\n \u003cspan ng-if=\"kpi.unit\" class=\"kpi-unit\"\u003e{{ kpi.unit }}\u003c/span\u003e\n \u003c/p\u003e\n \u003cp class=\"kpi-description\"\u003e\n {{ kpi.title }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n\n \u003c!-- TABLE --\u003e\n \u003csection ng-if=\"view == 'table'\"\n class=\"content-card\"\u003e\n \u003cdiv class=\"table-module\"\u003e\n \u003ctable class=\"table-basic\"\n ods-results=\"items\"\n ods-results-context=\"ctx\"\n ods-results-max=\"20\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth ng-repeat=\"field in fieldsList\"\u003e{{ ctxfields[field] }}\u003c/th\u003e\n \u003cth ng-if=\"fieldLink\"\u003e\u003c/th\u003e\n \u003c/tr\u003e\n \u003c/thead\u003e\n \u003ctbody\u003e\n \u003ctr ng-repeat=\"item in items\"\u003e\n \u003ctd ng-repeat=\"field in fieldsList\"\n style=\"max-width: calc(100vh / {{ fieldsList.length }});\"\n title=\"{{ item.fields[field] }}\"\u003e\n {{ item.fields[field] }}\n \u003c/td\u003e\n \u003ctd ng-if=\"fieldLink\"\u003e\n \u003ca href=\"{{ item.fields[fieldLink] }}\"\n tilte=\"{{ fieldLinkLabel }}\"\n target=\"_blank\"\n class=\"table-dropdown-button\"\u003e\n \u003ci class=\"fa fa-external-link\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/td\u003e\n \u003c/tr\u003e\n \u003c/tbody\u003e\n \u003c/table\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n\n \u003c!-- CARDS --\u003e\n \u003csection ng-if=\"view == 'cards'\"\u003e\n \u003cdiv class=\"row row-equal-height\"\n ods-results=\"items\"\n ods-results-context=\"ctx\"\n ods-results-max=\"{{ 8 * itemsPerRow }}\"\u003e\n \u003cdiv ng-repeat=\"item in items\"\n class=\"{{ 'col-md-' + (12/itemsPerRow) }} margin-bottom-20\"\u003e\n \u003cdiv class=\"content-card\"\n ng-class=\"{'content-card-horizontal': imagePosition === 'left' }\"\u003e\n \u003cdiv class=\"content-card-img\"\n ng-if=\"item.fields[fieldPhoto]\"\n style=\"{{ 'background-image: url(/explore/dataset/' + ctx.dataset.datasetid + '/files/' + item.fields[fieldPhoto].id + '/300/);' }}\"\u003e\n \u003c/div\u003e\n \u003cdiv class=\"content-card-body\"\u003e\n \u003ch2 class=\"content-card-title text-center\"\u003e\n {{ item.fields[cardTitle] }}\n \u003c/h2\u003e\n \u003cdiv class=\"content-card-fields\"\u003e\n \u003cdl\u003e\n \u003cdt ng-repeat-start=\"field in fieldsList\"\u003e{{ ctxfields[field] }}\u003c/dt\u003e\n \u003cdd ng-repeat-end\u003e{{ item.fields[field] }}\u003c/dd\u003e\n \u003c/dl\u003e\n \u003c/div\u003e\n \u003cdiv ng-if=\"fieldLink\" class=\"text-center\"\u003e\n \u003c!-- if fieldLink is a json and contains the 'id' key, it means that the link points to a file hosted on ODS platform and can be downloaded. If it's an external link, the other link tag is used --\u003e\n \u003ca ng-if=\"item.fields[fieldLink].id\"\n href=\"/explore/dataset/{{ ctx.dataset.datasetid }}/files/{{ item.fields[fieldLink].id }}/download/\"\n target=\"_blank\"\n class=\"content-card-button\"\u003e\n {{ fieldLinkLabel }}\n \u003c/a\u003e\n\n \u003c!-- fieldLink is used here\n For more advanced scenario, you can send the user to :\n\n - the dataset table filtered with the fieldLink value, through a text query\n href=\"/explore/dataset/{{ datasetid }}/table?q={{ item.fields[fieldLink] }}\"\n\n - the dataset table filtered with the fieldLink value, through a refine on the field\n href=\"/explore/dataset/{{ datasetid }}/table?refine.{{ fieldLink }}={{ item.fields[fieldLink] }}\"\n\n - a page using url-sync=true setting :\n href=\"/pages/yourpage/?refine.{{ fieldLink }}={{ item.fields[fieldLink] }}\"\n --\u003e\n \u003ca ng-if=\"!item.fields[fieldLink].id\" href=\"{{ item.fields[fieldLink] }}\"\n target=\"_blank\"\n class=\"content-card-button\"\u003e\n {{ fieldLinkLabel }}\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003c/ods-dataset-context\u003e\n\u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"ctx\"\n ctx-dataset=\"custom-view-generator-demo\"\n ctx-domain=\"userclub\"\u003e\n\u003c!-- V1 :\n - listing generator adapted to custom view :\n - no more context to init, and using existing one \"ctx\"\n - filters are hidden in /explore/datasets/ view, but visible in embed mode\n--\u003e\n\n\n\u003c!-- IMPORTANT ******** MUST READ !\n\n In the following settings declaration :\n\n A common error is forget to escape (protect) apostrophe with a leading backslash\n As apostrophes are used to declare values of variable it will break the settings\n\n Ex:\n wrongVariable = 'I'll be freed from apostrophes'\n correctVariable = 'I\\'ll be freed from apostrophes'\n--\u003e\n\n\u003c!-- SETTINGS START HERE --\u003e\n\u003cdiv class=\"container custom-view-generator\"\n\n\n\n ng-init=\"fieldDate = '';\n resetFiltersButton = true;\n resetFiltersButtonLabel = 'Supprimer tous les filtres';\n fieldDefaultRangeStartsNow = true;\n\n view = 'cards';\n fieldsList = ['purpose','description_en'];\n fieldLink = 'reference_url';\n fieldLinkLabel = 'See it live';\n\n cardTitle = 'name_of_the_initiative_en';\n fieldPhoto = '';\n imagePosition = 'left';\n itemsPerRow = '2';\n\n kpis = [\n {\n 'title': 'Number of initiatives',\n 'function': 'COUNT'\n }\n ];\n\n filters = [\n {'id':'language','multiple':true},\n {'id':'country','multiple':true},\n {'id':'purpose','multiple':true}\n ];\n DO_NOT_MODIFY_BELOW;\n\n ctxfields = {};\n values = {};\n activeFilters = {};\n \"\u003e\n \u003c!-- ### GENERAL SETTINGS ### --\u003e\n\n \u003c!-- ### FILTERS SETTINGS ### --\u003e\n \u003c!-- filters (Filters) : List of object that contains the IDs to generate the filters pannel.\n and multiple true or false to allow the user to select multiple values in the filter.\n NB: the field must be a facet in the dataset\n NB: alphanumerical sort is applied in the filter view\n ex: [\n {'id':'filterid','multiple':true},\n {'id':'filterid2','multiple':false}\n ]\n IMPORTANT: for a custom view, filters are only available when the view is embeded; In /explore view, custom view filters are hidden, as they are already available in left sidebar.\n --\u003e\n \u003c!-- resetFiltersButton (boolean) : add a reset filters button after filters block --\u003e\n \u003c!-- resetFiltersButtonLabel (Label of the button) : test to display when a filter is selected\n ex: 'Clear all filters'\n --\u003e\n\n \u003c!-- ### DATE SETTINGS --\u003e\n \u003c!-- fieldDate : a date type field to display a date-range-slider --\u003e\n \u003c!-- resetFiltersButton : reset date period button true/false --\u003e\n \u003c!-- fieldDefaultRangeStartsNow : false make the default range selection start from the first date, and end to the last date, if set to true, the range starts from now, to the last date --\u003e\n\n \u003c!-- ### LIST VIEW SETTINGS ### --\u003e\n \u003c!-- view (List view type) : Type of the view to list results, can be 'table' or 'cards'\n --\u003e\n \u003c!-- fieldsList (List configuration) : Set the list of field IDs\n ex: ['title','category','genre','date']\n --\u003e\n \u003c!-- fieldLink (Link to an external resource) : If available, the field ID of some external resource as a web URL\n ex: 'link'\n --\u003e\n \u003c!-- fieldLinkLabel (The label of that link) : Label of the link button\n ex: 'Read more here'\n --\u003e\n\n \u003c!-- Specific to the 'cards' view mode, set a title and a background image if any --\u003e\n \u003c!-- cardTitle (Title of the card) : Field id of the card title\n ex: 'title'\n--\u003e\n \u003c!-- fieldPhoto (Field id of the image field if any)\n ex: 'image'\n--\u003e\n \u003c!-- imagePosition (Image position) : Image position in the card, can be 'top' or 'left'\n ex: 'left'\n--\u003e\n \u003c!-- itemsPerRow (Number of columns) : Modify the columns layout. The division by 12 must be a whole number, ie it can be 1, 2, 3, 4, 6 or 12. But 6 and 12 will generaly be two norrow\n ex: '3'\n--\u003e\n\n \u003c!-- ### KPIS SETTINGS ### --\u003e\n \u003c!-- KPIS settings is a list of object that describes each KPI\n List of available keys are :\n - title (Name of the KPI) ex: 'Average # of citizens'\n - function (function of the aggregation) ex: 'SUM'\n - expression (field id that contains numerical values to aggregate) ex: 'population'\n - precision (Decimal precision of the KPI) ex: 2\n - unit (KPI unit) ex: 'citizens'\n - faicon (FontAwesome icon id) ex: 'square-o'\n\n title, function, expression are MANDATORY\n the others are optionnal\n\n Available functions are SUM, AVG, COUNT, STD, MAX, MIN.\n Please see the documentation for more information\n https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsAggregation\n\n Please see all available icons here\n https://fontawesome.com/v4.7.0/icons/\n\n ex:\n kpis = [\n {\n 'title': 'Taille moyenne',\n 'function': 'AVG',\n 'expression': 'surface',\n 'precision': 2,\n 'unit': 'm2',\n 'faicon': 'square-o'\n },\n {\n 'title': 'Nombre d\\'oeuvre référencées',\n 'function': 'COUNT'\n }\n ];\n\n--\u003e\n\n \u003c!-- DO NOT MODIFY --\u003e\n \u003c!-- Technical fields, do not modify please --\u003e\n\n\n \u003cods-dataset-context context=\"ctxdate\"\n ctxdate-dataset=\"{{ ctx.dataset.datasetid }}\"\n ctxdate-parameters=\"ctx.parameters\"\u003e\n\n \u003cspan ng-if=\"fieldDefaultRangeStartsNow\"\u003e\n {{ctxdate.parameters={'q.date': fieldDate + '\u0026gt;#now()'};''}}\n \u003c/span\u003e\n\n \u003cspan ng-repeat=\"field in ctx.dataset.fields\"\u003e\n {{ ctxfields[field.name] = field.label; '' }}\n \u003c/span\u003e\n\n \u003cdiv ng-if=\"!$parent.$parent.$parent\"\u003e\n \u003cspan ng-repeat=\"filter in filters\"\u003e\n {{ ctx.parameters['refine.' + filter.id] = activeFilters[filter.id] ; '' }}\n \u003c/span\u003e\n \u003c/div\u003e\n\n \u003cdiv ng-if=\"!$parent.$parent.$parent\" class=\"content-card search-module-container\"\u003e\n \u003c!-- SEARCH --\u003e\n \u003cdiv class=\"search-module\"\u003e\n \u003ci class=\"fa fa-search search-module-icon\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cinput placeholder=\"Rechercher\"\n ng-model=\"ctx.parameters['q']\"\n ng-model-options=\"{ updateOn: 'keyup', debounce: { 'default': 300, 'blur': 0 }}\"\n class=\"search-module-input\"\n type=\"text\"/\u003e\n \u003cbutton class=\"search-module-clear\"\n ng-if=\"ctx.parameters['q']\"\n ng-click=\"ctx.parameters['q'] = undefined\"\u003e\n \u003ci class=\"fa fa-times-circle\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/button\u003e\n \u003c/div\u003e\n\n \u003c!-- FILTERS Search \u0026 Select --\u003e\n \u003cdiv class=\"filter-list\"\n ng-init=\"dropdown.open = '';\n select = {}\"\u003e\n \u003cdiv ng-repeat=\"filter in filters\"\u003e\n {{ ctx.parameters['disjunctive.' + filter.id] = true; '' }}\n \u003cdiv ods-facet-results=\"categories\"\n ods-facet-results-facet-name=\"{{ filter.id }}\"\n ods-facet-results-context=\"ctx\"\n ods-facet-results-sort=\"alphanum\"\u003e\n \u003cods-select ng-if=\"categories\"\n selected-values=\"activeFilters[filter.id]\"\n multiple=\"filter.multiple\"\n options=\"categories\"\n label-modifier=\"name\"\n value-modifier=\"name\"\n placeholder=\"{{ ctxfields[filter.id] }}\"\u003e\u003c/ods-select\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"clear-filters\"\n ng-show=\"(activeFilters | values).join('')\"\u003e\n \u003cdiv class=\"clear-filters-button\"\n role=\"button\"\n ng-click=\"activeFilters = {}\"\u003e\n {{ resetFiltersButtonLabel }}\n \u003ci class=\"fa fa-times-circle\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003c!-- FILTERS date (if any) --\u003e\n \u003cdiv class=\"filter-date\"\n ng-if=\"fieldDate\"\u003e\n \u003c!--\n On récupère la plage de date du jeu de données. On fait une analyse pour récupérer la première et dernière date du champs date_de_restitution\n pour le min: conditionnelle pour ajouter le 0 si le mois ou le jour est inférieur à 10 pour avoir une date iso\n [dateminmax.results.length-1] : permet de récupérer dynamiquement le dernier élément de l'array du results =\u003e donc ici on calcule le nombre d'éléments dans l'array pour la date, donc 2, et 2-1= 1 donc 2019\n Pareil que précédemment, ne pas hésiter à enlever le '' pour voir le comportement\n --\u003e\n \u003cspan ods-analysis=\"dateminmax\"\n ods-analysis-context=\"ctxdate\"\n ods-analysis-x-year=\"{{ fieldDate }}.year\"\n ods-analysis-x-month=\"{{ fieldDate }}.month\"\n ods-analysis-x-day=\"{{ fieldDate }}.day\"\n ods-analysis-serie-c=\"COUNT()\"\n ods-analysis-sort=\"x.{{ fieldDate }}.year,x.{{ fieldDate }}.month,x.{{ fieldDate }}.day\"\u003e\n \u003cspan ng-if=\"dateminmax.results\"\u003e\n {{ values['periode']['min'] = dateminmax.results[0].x.year + '-' + (10 \u003e dateminmax.results[0].x.month?'0':'') + dateminmax.results[0].x.month + '-' + (10 \u003e dateminmax.results[0].x.day?'0':'') + dateminmax.results[0].x.day;\n values['periode']['max'] = dateminmax.results[dateminmax.results.length-1].x.year + '-' + (10 \u003e dateminmax.results[dateminmax.results.length-1].x.month?'0':'') + dateminmax.results[dateminmax.results.length-1].x.month + '-' + (10 \u003e dateminmax.results[dateminmax.results.length-1].x.day?'0':'') + dateminmax.results[dateminmax.results.length-1].x.day;\n ''}}\n \u003c/span\u003e\n \u003c/span\u003e\n\n \u003c!-- Affichage du range slider: les dates récupérées dans l'analyse pour initialiser les bounds\n la sélection période par défaut avec le mois + 1\n le min/maxselection qui correspondent aux bornes choisies par le user --\u003e\n\n \u003cods-date-range-slider ng-if=\"values.periode.min \u0026\u0026 values.periode.max\"\n context=\"ctx\"\n initial-from=\"{{ values.periode.min }}\"\n initial-to=\"{{ values.periode.max }}\"\n start-bound=\"values.periode.min\"\n end-bound=\"values.periode.max\"\n date-field=\"{{ fieldDate }}\"\n precision=\"day\"\n from=\"values.periode.minselection\"\n to=\"values.periode.maxselection\"\u003e\n \u003c/ods-date-range-slider\u003e\n\n \u003c!-- le click sur toute la période resette la période choisie sur la date min et max --\u003e\n \u003cdiv ng-if=\"resetFiltersButton\" class=\"filter-date-button\"\n ng-class=\"{'filter-date-button-disabled':\n values.periode.minselection == values.periode.min \u0026\u0026\n values.periode.maxselection == values.periode.max}\"\n ng-click=\"values.periode.minselection = values.periode.min;\n values.periode.maxselection = values.periode.max\"\u003e\n Toute la période \u003ci class=\"fa fa-arrows-h\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003c!-- KPIs --\u003e\n \u003csection class=\"kpis-container row row-equal-height\"\u003e\n \u003cdiv class=\"{{ 'col-md-' + (12/itemsPerRow) }} margin-bottom-20\"\n ng-repeat=\"kpi in kpis\"\u003e\n \u003c!-- KPI box component --\u003e\n \u003cdiv class=\"kpi-card\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"ctx\"\n ods-aggregation-function=\"{{ kpi.function }}\"\n ods-aggregation-expression=\"{{ kpi.expression }}\"\u003e\n \u003ci class=\"kpi-icon fa fa-{{ kpi.faicon || 'gitlab' }}\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cp class=\"kpi-title\"\u003e\n {{ (agg || 0) | number : (kpi.precision || 0) }}\n \u003cspan ng-if=\"kpi.unit\" class=\"kpi-unit\"\u003e{{ kpi.unit }}\u003c/span\u003e\n \u003c/p\u003e\n \u003cp class=\"kpi-description\"\u003e\n {{ kpi.title }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n\n \u003c!-- TABLE --\u003e\n \u003csection ng-if=\"view == 'table'\"\n class=\"content-card\"\u003e\n \u003cdiv class=\"table-module\"\u003e\n \u003ctable class=\"table-basic\"\n ods-results=\"items\"\n ods-results-context=\"ctx\"\n ods-results-max=\"20\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth ng-repeat=\"field in fieldsList\"\u003e{{ ctxfields[field] }}\u003c/th\u003e\n \u003cth ng-if=\"fieldLink\"\u003e\u003c/th\u003e\n \u003c/tr\u003e\n \u003c/thead\u003e\n \u003ctbody\u003e\n \u003ctr ng-repeat=\"item in items\"\u003e\n \u003ctd ng-repeat=\"field in fieldsList\"\n style=\"max-width: calc(100vh / {{ fieldsList.length }});\"\n title=\"{{ item.fields[field] }}\"\u003e\n {{ item.fields[field] }}\n \u003c/td\u003e\n \u003ctd ng-if=\"fieldLink\"\u003e\n \u003ca href=\"{{ item.fields[fieldLink] }}\"\n tilte=\"{{ fieldLinkLabel }}\"\n target=\"_blank\"\n class=\"table-dropdown-button\"\u003e\n \u003ci class=\"fa fa-external-link\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/td\u003e\n \u003c/tr\u003e\n \u003c/tbody\u003e\n \u003c/table\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n\n \u003c!-- CARDS --\u003e\n \u003csection ng-if=\"view == 'cards'\"\u003e\n \u003cdiv class=\"row row-equal-height\"\n ods-results=\"items\"\n ods-results-context=\"ctx\"\n ods-results-max=\"{{ 8 * itemsPerRow }}\"\u003e\n \u003cdiv ng-repeat=\"item in items\"\n class=\"{{ 'col-md-' + (12/itemsPerRow) }} margin-bottom-20\"\u003e\n \u003cdiv class=\"content-card\"\n ng-class=\"{'content-card-horizontal': imagePosition === 'left' }\"\u003e\n \u003cdiv class=\"content-card-img\"\n ng-if=\"item.fields[fieldPhoto]\"\n style=\"{{ 'background-image: url(/explore/dataset/' + ctx.dataset.datasetid + '/files/' + item.fields[fieldPhoto].id + '/300/);' }}\"\u003e\n \u003c/div\u003e\n \u003cdiv class=\"content-card-body\"\u003e\n \u003ch2 class=\"content-card-title text-center\"\u003e\n {{ item.fields[cardTitle] }}\n \u003c/h2\u003e\n \u003cdiv class=\"content-card-fields\"\u003e\n \u003cdl\u003e\n \u003cdt ng-repeat-start=\"field in fieldsList\"\u003e{{ ctxfields[field] }}\u003c/dt\u003e\n \u003cdd ng-repeat-end\u003e{{ item.fields[field] }}\u003c/dd\u003e\n \u003c/dl\u003e\n \u003c/div\u003e\n \u003cdiv ng-if=\"fieldLink\" class=\"text-center\"\u003e\n \u003c!-- if fieldLink is a json and contains the 'id' key, it means that the link points to a file hosted on ODS platform and can be downloaded. If it's an external link, the other link tag is used --\u003e\n \u003ca ng-if=\"item.fields[fieldLink].id\"\n href=\"/explore/dataset/{{ ctx.dataset.datasetid }}/files/{{ item.fields[fieldLink].id }}/download/\"\n target=\"_blank\"\n class=\"content-card-button\"\u003e\n {{ fieldLinkLabel }}\n \u003c/a\u003e\n\n \u003c!-- fieldLink is used here\n For more advanced scenario, you can send the user to :\n\n - the dataset table filtered with the fieldLink value, through a text query\n href=\"/explore/dataset/{{ datasetid }}/table?q={{ item.fields[fieldLink] }}\"\n\n - the dataset table filtered with the fieldLink value, through a refine on the field\n href=\"/explore/dataset/{{ datasetid }}/table?refine.{{ fieldLink }}={{ item.fields[fieldLink] }}\"\n\n - a page using url-sync=true setting :\n href=\"/pages/yourpage/?refine.{{ fieldLink }}={{ item.fields[fieldLink] }}\"\n --\u003e\n \u003ca ng-if=\"!item.fields[fieldLink].id\" href=\"{{ item.fields[fieldLink] }}\"\n target=\"_blank\"\n class=\"content-card-button\"\u003e\n {{ fieldLinkLabel }}\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003c/ods-dataset-context\u003e\n\u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", "css": "/* General Layout\n========================================================================== */\n:root {\n --secondary-color: black;\n}\n\n@media screen and (min-width: 992px) {\n .row-equal-height {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n margin-bottom: 20px;\n }\n /* Fix for early content wrapping in Safari*/\n .row-equal-height:before,\n .row-equal-height:after {\n content: normal;\n }\n}\n\n.page-title {\n font-size: 3rem;\n font-weight: bold;\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\n.page-subtitle {\n font-size: 1.2rem;\n line-height: 2;\n margin-top: 0;\n margin-bottom: 3rem;\n}\n\n.margin-bottom-20 {\n margin-bottom: 20px;\n}\n\n\n/* Search Module\n========================================================================== */\n\n.search-module-container {\n padding: 26px;\n margin-bottom: 20px;\n}\n\n.search-module {\n display: flex;\n align-items: stretch;\n border-bottom: 1px solid #dee5ef;\n margin-bottom: 13px;\n transition: all .2s;\n}\n\n.search-module:hover,\n.search-module:focus-within {\n border-bottom-color: var(--links);\n}\n\n.search-module-icon {\n color: #898d92;\n margin-right: 8px;\n align-self: center;\n}\n\n.search-module-input {\n background-color: transparent;\n width: 100%;\n outline: none;\n border: none;\n padding: 12px 0;\n transition: all .2s;\n color: var(--text);\n}\n\n.search-module-input::placeholder {\n transition: all .2s;\n}\n\n.search-module-clear {\n color: #898d92;\n font-size: 1rem;\n background: transparent;\n border: none;\n margin: 0;\n outline: none;\n padding: 0 0 0 12px;\n transition: all .2s;\n}\n\n.search-module-clear:hover {\n opacity: .65;\n}\n\n.search-module:hover .search-module-icon,\n.search-module:focus-within .search-module-icon,\n.search-module:hover .search-module-input::placeholder,\n.search-module:focus-within .search-module-input::placeholder {\n color: var(--links)\n}\n\n\n/* Filters\n========================================================================== */\n\n.filter-list {\n display: flex;\n flex-wrap: wrap;\n position: relative;\n}\n.filter-list \u003e * {\n margin: 0 0 10px;\n width: 100%;\n}\n.odswidget-select .odswidget-select-dropdown.open .odswidget-select-dropdown-menu {\n width: 100%\n}\n.clear-filters {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.clear-filters-button:hover {\n opacity: 0.65;\n}\n.odswidget-select,\n.odswidget-select .odswidget-select-dropdown {\n width: 100%;\n}\n@media screen and (min-width: 500px) {\n .filter-list \u003e * {\n margin: 0 10px 10px 0;\n width: inherit;\n }\n .odswidget-select .odswidget-select-dropdown.open .odswidget-select-dropdown-menu {\n width: max-content;\n min-width: 240px;\n }\n}\n\n/*********** Filter date ************/\n.filter-date {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin: 13px 26px 32px 26px;\n}\n.odswidget-date-range-slider {\n width: 100%;\n}\n.filter-date-button {\n margin-left: 0;\n margin-top: 13px;\n white-space: nowrap;\n text-decoration: underline;\n}\n.filter-date-button:not(.filter-date-button-disabled):hover {\n opacity: 0.65;\n}\n.filter-date-button-disabled {\n opacity: 0.5;\n pointer-event: none;\n text-decoration: none;\n}\n\n@media screen and (min-width: 500px) {\n .filter-date {\n flex-direction: row;\n }\n .filter-date-button {\n margin-left: 50px;\n margin-top: 0;\n }\n}\n\n/* date range slider style override */\n.odswidget-date-range-slider .irs--flat .irs-from, .odswidget-date-range-slider .irs--flat .irs-single, .odswidget-date-range-slider .irs--flat .irs-to {\n color: var(--text);\n border: 1px solid #cbd2db;\n border-radius: 2rem;\n background: #FFFFFF;\n}\n.odswidget-date-range-slider .irs--flat .irs-from:before, .odswidget-date-range-slider .irs--flat .irs-single:before, .odswidget-date-range-slider .irs--flat .irs-to:before {\n border-top-color: var(--text);\n}\n.odswidget-date-range-slider .irs--flat .irs-bar {\n background-color: var(--highlight);\n}\n.odswidget-date-range-slider .irs--flat .irs-handle\u003ei:first-child {\n background-color: var(--highlight);\n}\n.odswidget-date-range-slider .irs--flat .irs-handle.state_hover\u003ei:first-child, .odswidget-date-range-slider .irs--flat .irs-handle:hover\u003ei:first-child {\n background-color: var(--text);\n}\n\n\n\n/* Content Card\n========================================================================== */\n\n.content-card {\n background-color: var(--boxes-background);\n border-radius: 4px;\n height: 100%;\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13);\n}\n\n.content-card-horizontal {\n display: flex;\n}\n\n.content-card-horizontal .content-card-img {\n height: auto;\n flex: 0 0 25%;\n width: 25%;\n border-radius: 4px 0 0 4px;\n}\n\n.content-card-img {\n display: block;\n height: 110px;\n background-position: center;\n background-size: cover;\n background-repeat: no-repeat;\n}\n\n.content-card-body {\n padding: 26px;\n flex: 1 1 auto;\n}\n\n.content-card-title {\n color: var(--titles);\n font-size: 1.2rem;\n line-height: 1.5;\n font-weight: normal;\n margin-top: 0;\n margin-bottom: 13px;\n max-width: 100%;\n}\n\n.content-card-description {\n color: var(--text);\n font-size: 1rem;\n line-height: 1.5;\n font-weight: normal;\n margin-top: 0;\n margin-bottom: 26px;\n max-width: 100%;\n}\n\n.content-card-fields dt {\n font-size: 0.8rem;\n opacity: 0.8;\n}\n\n.content-card-fields dd {\n margin-left: 0;\n}\n\n.content-card-icon {\n color: var(--highlight);\n font-size: 2rem;\n margin-bottom: 13px;\n max-width: 100%;\n}\n\n.content-card-link {\n color: var(--links);\n font-weight: bold;\n transition: all .2s;\n opacity: 1;\n max-width: 100%;\n}\n\n.content-card-link:hover {\n opacity: .7;\n text-decoration: none;\n}\n\n.content-card-button {\n color: var(--highlight);\n border: 1px solid var(--highlight);\n background: transparent;\n display: inline-block;\n text-align: center;\n font-size: .867rem;\n border-radius: 4px;\n padding: .5rem 1.15rem;\n text-decoration: none;\n transition: all .2s;\n}\n\n.content-card-button:hover {\n background-color: var(--highlight);\n color: #FFFFFF;\n text-decoration: none;\n}\n\n\n/* KPI Card\n========================================================================== */\n\n@media screen and (min-width: 992px) {\n .kpis-container {\n display: flex;\n justify-content: center;\n }\n}\n\n.kpi-card {\n background-color: var(--boxes-background);\n height: 100%;\n padding: 39px;\n border-radius: 4px;\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n text-align: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n text-align: center;\n}\n\n.kpi-icon {\n color: var(--highlight);\n color: var(--secondary-color);\n font-size: 4rem;\n margin-top: 0;\n margin-bottom: 13px;\n max-width: 100%;\n}\n\n.kpi-title {\n font-weight: normal;\n color: var(--highlight);\n font-size: 3.2rem;\n margin-top: 0;\n margin-bottom: 13px;\n max-width: 100%;\n}\n\n.kpi-unit {\n font-size: 0.8em;\n color: var(--secondary-color);\n}\n\n.kpi-description {\n color: var(--text);\n font-size: 1rem;\n line-height: 1.5;\n font-weight: normal;\n margin-top: 0;\n margin-bottom: 0;\n max-width: 100%;\n}\n\n\n/* Table Module Basic\n========================================================================== */\n\n.table-module {\n height: 1000px;\n overflow-y: auto;\n}\n\n.table-basic {\n display: table;\n border-collapse: collapse;\n width: 100%;\n white-space: nowrap;\n background-color: #FFFFFF;\n margin-bottom: 20px;\n}\n\n.table-basic thead th {\n color: var(--titles);\n background-color: #f6f8fb;\n font-weight: 500;\n padding: 13px 3px;\n position: sticky;\n top: 0;\n z-index: 1;\n}\n\n.table-basic thead th:first-child,\n.table-basic tbody td:first-child {\n padding-left: 13px;\n}\n\n.table-basic tr td,\n.table-basic tbody th {\n font-weight: normal;\n border-top: 1px solid #dee5ef;\n}\n\n.table-basic tr td {\n padding: 13px 3px;\n}\n\n.table-basic td {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.table-dropdown-button {\n width: 28px;\n height: 28px;\n padding: 0;\n line-height: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n background: white;\n border: 1px solid transparent;\n border-radius: 4px;\n margin-left: auto;\n}\n\n.table-basic tr:hover .table-dropdown-button {\n border-color: var(--highlight);\n text-decoration: none;\n}\n\n/** Specific override for custom views **/\n@media screen and (min-width: 1408px) {\n .ods-dataset-visualization .ods-tabs__pane .container:not(.is-max-desktop):not(.is-max-widescreen) {\n max-width: 100%;\n }\n}\n@media screen and (min-width: 1216px) {\n .ods-dataset-visualization .ods-tabs__pane .container:not(.is-max-desktop) {\n max-width: 100%;\n }\n}\n@media screen and (min-width: 1024px) {\n .ods-dataset-visualization .ods-tabs__pane .container {\n max-width: 100%;\n }\n}\n" }'> @@ -658,6 +763,7 @@

          const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -804,7 +910,7 @@

          fieldDefaultRangeStartsNow = true; view = 'cards'; - fieldsList = ['powered_by','description_en']; + fieldsList = ['purpose','description_en']; fieldLink = 'reference_url'; fieldLinkLabel = 'See it live'; @@ -896,7 +1002,7 @@

          Available functions are SUM, AVG, COUNT, STD, MAX, MIN. Please see the documentation for more information - https://help.opendatasoft.com/widgets/#/api/ods-widgets.directive:odsAggregation + https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsAggregation Please see all available icons here https://fontawesome.com/v4.7.0/icons/ @@ -1616,9 +1722,17 @@

          "> -
          - + +

          -
          - -
          +
          + +
          + +

    - - + - © Copyright 2020 + © Copyright 2026
    @@ -3400,7 +3572,7 @@

    diff --git a/public/generators/custom-view-generator/posthtml.inc b/public/generators/custom-view-generator/posthtml.inc index 1df92a6e9..c10f35100 100644 --- a/public/generators/custom-view-generator/posthtml.inc +++ b/public/generators/custom-view-generator/posthtml.inc @@ -69,7 +69,7 @@ Available functions are SUM, AVG, COUNT, STD, MAX, MIN. Please see the documentation for more information - https://help.opendatasoft.com/widgets/#/api/ods-widgets.directive:odsAggregation + https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsAggregation Please see all available icons here https://fontawesome.com/v4.7.0/icons/ diff --git a/public/generators/fullscreen-map/1/config.inc b/public/generators/fullscreen-map/1/config.inc index c5a8daea2..50451295b 100644 --- a/public/generators/fullscreen-map/1/config.inc +++ b/public/generators/fullscreen-map/1/config.inc @@ -1,5 +1,5 @@ -
    - - - + @@ -73,69 +71,88 @@
    - @@ -179,7 +196,7 @@
    • + href="https://codelibrary.huwize.com/"> Home
      • @@ -196,6 +213,54 @@ + + + + + + + + + + + + + + + + + + + + + +
    • + + Apps + + +
      • + + + + + + + + + + + + + + + + + + + + @@ -250,6 +315,9 @@ + + +
    • @@ -266,6 +334,16 @@
        +
      • + +
        + Comparison Generator + + +
        +         +
        • +
        • @@ -491,51 +579,67 @@
        - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
        @@ -546,29 +650,30 @@
        -
        -

        Generators - Full screen Map Generator

        -
        -

        Edit only a few settings to generate a modern looking visualization that uses ODS components and widgets.

        - -
        - -
        -

        - Fullscreen Map - - - - - -

        -
        -

        View a fullscreen map with a side panel where the listing results can be filtered, searched and clicked on.

        +
        +

        Generators - Full screen Map Generator

        +
        +

        Edit only a few settings to generate a modern looking visualization that uses ODS components and widgets.

        -
        - -
        +
        +
        +

        + Fullscreen Map + + + + + +

        +
        +

        View a fullscreen map with a side panel where the listing results can be filtered, searched and clicked on.

        + +
        + + +
        + @@ -593,9 +698,9 @@

        name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003c!-- V2.1 :\n - Add ods-select and multiple choice option for filters\n - Add clear all filter button when one filter is applied\n - Add documentation\n --\u003e\n\n\u003c!-- IMPORTANT ******** MUST READ !\n\n In the following settings declaration :\n\n A common error is forget to escape (protect) apostrophe with a leading backslash\n As apostrophes are used to declare values of variable it will break the settings\n\n Ex:\n wrongVariable = 'I'll be freed from apostrophes'\n correctVariable = 'I\\'ll be freed from apostrophes'\n--\u003e\n\n\u003c!-- SETTINGS START HERE --\u003e\n\u003cdiv ng-init=\"domain = 'mesr.opendatasoft.com';\n datasetid = 'fr-esr-principaux-etablissements-enseignement-superieur';\n\n title = 'Établissements près de chez vous';\n\n filters = [\n {'id':'type_d_etablissement','multiple':true},\n {'id':'secteur_d_etablissement','multiple':true},\n {'id':'dep_nom','multiple':true}\n ];\n resetFiltersButton = true;\n resetFiltersButtonLabel = 'Supprimer tous les filtres';\n\n resultTitle = 'uo_lib';\n fieldsList = ['adresse_uai', 'dep_nom', 'numero_telephone_uai'];\n fieldLink = 'url';\n fieldLinkLabel = 'Visiter le site web';\n mapLinkLabel = 'Voir sur la carte';\n\n viewListButtonText = 'Voir la liste';\n viewDetailsButtonText = 'Voir les détails';\n backToResultsButtonText = 'Retour aux résultats';\n\n mapNoRefit = false;\n\n\n DO_NOT_MODIFY_BELOW;\n\n ctxfields = {};\n isVisible = false;\n activeFilters = {};\n \"\u003e\n\n \u003c!-- ### GENERAL SETTINGS ### --\u003e\n \u003c!-- domain : (Domain URL) : Must contain the ID of the domain where the dataset is published.\n ex: 'discovery.opendatasoft.com'\n --\u003e\n \u003c!-- datasetid (Dataset ID) : Must contain the ID of the dataset\n ex: 'oeuvres-de-johannes-vermeer'\n --\u003e\n\n \u003c!-- title (Title of the page) :\n ex: 'List of interest around you'\n --\u003e\n\n \u003c!-- ### FILTERS SETTINGS ### --\u003e\n \u003c!-- filters (Filters) : List of object that contains the IDs to generate the filters pannel.\n and multiple true or false to allow the user to select multiple values in the filter.\n NB: the field must be a facet in the dataset\n NB: alphanumerical sort is applied in the filter view\n ex: [\n {'id':'filterid','multiple':true},\n {'id':'filterid2','multiple':false}\n ]\n --\u003e\n \u003c!-- resetFiltersButton (boolean) : add a reset filters button after filters block --\u003e\n \u003c!-- resetFiltersButtonLabel (Label of the button) : test to display when a filter is selected\n ex: 'Clear all filters'\n --\u003e\n\n \u003c!-- ### LIST VIEW SETTINGS ### --\u003e\n \u003c!-- resultTitle (Title of the item) : Set the item title from a field ID\n ex: 'title';\n --\u003e\n \u003c!-- fieldsList (List configuration) : Set the list of field IDs\n ex: ['category','genre','date']\n --\u003e\n \u003c!-- fieldLink (Link to an external resource) : If available, the field ID of some external resource as a web URL\n ex: 'link'\n --\u003e\n \u003c!-- fieldLinkLabel (The label of that link) : Label of the link button\n ex: 'Read more here'\n --\u003e\n \u003c!-- mapLinkLabel (The label of the item button) : used to select the item and see it on the map\n ex: 'See on the map'\n --\u003e\n\n \u003c!-- ### MOBILE VIEW SETTINGS ### --\u003e\n \u003c!-- viewListButtonText : when displaying the map, the bottom button to open the list view\n ex: 'See the list'\n --\u003e\n \u003c!-- viewDetailsButtonText : when an item is selected on the map, the bottom button to open the list view with the selected item\n ex: 'See the item details'\n --\u003e\n \u003c!-- backToResultsButtonText : when the list view is opened, to close button to go back to the map\n ex: \"Back to the list'\n --\u003e\n\n \u003c!-- ### MAP SETTINGS ### --\u003e\n \u003c!-- mapNoRefit : true / false refit the map when filtering --\u003e\n\n\n \u003c!-- DO NOT MODIFY --\u003e\n \u003c!-- Technical fields, do not modify please --\u003e\n\n \u003cods-dataset-context context=\"ctx\"\n ctx-domain=\"{{ domain }}\"\n ctx-dataset=\"{{ datasetid }}\"\u003e\n\n \u003cspan ng-repeat=\"field in ctx.dataset.fields\"\u003e\n {{ ctxfields[field.name] = field.label; '' }}\n \u003c/span\u003e\n\n \u003cspan ng-repeat=\"filter in filters\"\u003e\n {{ ctx.parameters['refine.' + filter.id] = activeFilters[filter.id] ; '' }}\n \u003c/span\u003e\n\n \u003caside class=\"cl-modal\"\n ng-class=\"{ 'is-visible' : modal.isVisible}\"\u003e\n \u003cdiv class=\"cl-modal-header\"\u003e\n \u003cbutton class=\"cl-modal-close-mobile\"\n title=\"Close modal\"\n ng-click=\"modal.isVisible = false\"\u003e\n \u003csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\n stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n class=\"feather feather-x\"\u003e\n \u003cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\u003e\u003c/line\u003e\n \u003cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\u003e\u003c/line\u003e\n \u003c/svg\u003e\n \u003c/button\u003e\n \u003ch1 class=\"cl-modal-title\"\u003e\n {{ title }}\n \u003c/h1\u003e\n \u003cdiv class=\"search-module\"\u003e\n \u003ci class=\"fa fa-search search-module-icon\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cinput placeholder=\"Search\"\n ng-model=\"ctx.parameters['q']\"\n ng-model-options=\"{ updateOn: 'keyup', debounce: { 'default': 300, 'blur': 0 }}\"\n class=\"search-module-input\"\n type=\"text\"/\u003e\n \u003cbutton class=\"search-module-clear\"\n ng-if=\"ctx.parameters['q']\"\n ng-click=\"ctx.parameters['q'] = undefined\"\u003e\n \u003ci class=\"fa fa-times-circle\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/button\u003e\n \u003c/div\u003e\n\n \u003c!-- FILTERS --\u003e\n \u003cdiv class=\"filter-list\"\n ng-init=\"dropdown.open = '';\n select = {}\"\u003e\n \u003cdiv ng-repeat=\"filter in filters\"\u003e\n {{ ctx.parameters['disjunctive.' + filter.id] = true; '' }}\n \u003cdiv ods-facet-results=\"categories\"\n ods-facet-results-facet-name=\"{{ filter.id }}\"\n ods-facet-results-context=\"ctx\"\n ods-facet-results-sort=\"alphanum\"\u003e\n \u003cods-select ng-if=\"ctxfields[filter.id]\"\n selected-values=\"activeFilters[filter.id]\"\n multiple=\"filter.multiple\"\n options=\"categories\"\n label-modifier=\"name\"\n value-modifier=\"name\"\n placeholder=\"{{ ctxfields[filter.id] }}\"\u003e\u003c/ods-select\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"clear-filters\"\n ng-show=\"(activeFilters | values).join('')\"\u003e\n \u003cdiv class=\"clear-filters-button\"\n role=\"button\"\n ng-click=\"activeFilters = {}\"\u003e\n {{ resetFiltersButtonLabel }}\n \u003ci class=\"fa fa-times-circle\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"cl-modal-content\"\u003e\n \u003cul class=\"result-list\"\u003e\n \u003cli class=\"result\"\n ng-repeat=\"item in items\"\n ods-results=\"items\"\n ods-results-context=\"ctx\"\n ods-results-max=\"1000\"\u003e\n\n \u003ch2 class=\"result-title\"\u003e\n {{ item.fields[resultTitle] }}\n \u003c/h2\u003e\n \u003cdl class=\"result-info\"\u003e\n \u003cdt ng-repeat-start=\"field in fieldsList\"\u003e\n {{ ctxfields[field] }}\n \u003c/dt\u003e\n \u003cdd ng-repeat-end\u003e{{ item.fields[field] }}\u003c/dd\u003e\n \u003c/dl\u003e\n \u003cdiv class=\"result-footer\"\u003e\n \u003ca href=\"{{ item.fields[fieldLink] }}\"\n ng-if=\"fieldLink \u0026\u0026 item.fields[fieldLink]\"\n target=\"_blank\"\u003e\n {{ fieldLinkLabel }}\n \u003c/a\u003e\n \u003cbutton class=\"result-button\"\n ng-if=\"!ctx.parameters['refine.' + resultTitle]\"\n ng-click=\"modal.isVisible = false;\n ctx.parameters['refine.' + resultTitle] = item.fields[resultTitle];\"\u003e\n {{ mapLinkLabel }}\n \u003c/button\u003e\n \u003cbutton class=\"result-button\"\n ng-if=\"ctx.parameters['refine.' + resultTitle]\"\n ng-click=\"ctx.parameters['refine.' + resultTitle] = undefined\"\u003e\n {{ backToResultsButtonText }}\n \u003csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"\n fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n stroke-linejoin=\"round\" class=\"feather feather-x\"\u003e\n \u003cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\u003e\u003c/line\u003e\n \u003cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\u003e\u003c/line\u003e\n \u003c/svg\u003e\n \u003c/button\u003e\n \u003c/div\u003e\n \u003c/li\u003e\n \u003c/ul\u003e\n \u003c/div\u003e\n \u003c/aside\u003e\n\n\n \u003cods-map no-refit=\"{{ mapNoRefit }}\"\n scroll-wheel-zoom=\"true\"\n display-control=\"false\"\n display-control-single-layer=\"false\"\n toolbar-fullscreen=\"false\"\n toolbar-drawing=\"false\"\u003e\n \u003cods-map-layer-group\u003e\n \u003cods-map-layer context=\"ctx\"\n refine-on-click-context=\"ctx\"\n refine-on-click-map-field=\"{{ resultTitle }}\"\n refine-on-click-context-field=\"{{ resultTitle }}\"\n color=\"#0098c3\"\n picto=\"college\"\n show-marker=\"true\"\n display=\"auto\"\n shape-opacity=\"0.5\"\n point-opacity=\"1\"\n border-color=\"#FFFFFF\"\n border-opacity=\"1\"\n border-size=\"1\"\n border-pattern=\"solid\"\n size=\"4\"\n size-min=\"3\"\n size-max=\"5\"\n size-function=\"linear\"\u003e\u003c/ods-map-layer\u003e\n \u003c/ods-map-layer-group\u003e\n \u003c/ods-map\u003e\n\n \u003cdiv class=\"cl-modal-open-mobile\"\n ng-click=\"modal.isVisible = true\"\u003e\n \u003csvg xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n class=\"feather feather-chevron-up\"\u003e\n \u003cpolyline points=\"18 15 12 9 6 15\"\u003e\u003c/polyline\u003e\n \u003c/svg\u003e\n \u003ch3 class=\"cl-modal-open-mobile-title\"\n ng-if=\"!ctx.parameters['refine.' + resultTitle]\"\u003e\n {{ viewListButtonText }}\n \u003c/h3\u003e\n \u003ch3 class=\"cl-modal-open-mobile-title\"\n ng-if=\"ctx.parameters['refine.' + resultTitle]\"\u003e\n {{ viewDetailsButtonText }}\n \u003c/h3\u003e\n \u003c/div\u003e\n \u003c/ods-dataset-context\u003e\n\u003c/div\u003e\n\u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003c!-- V2.1 :\n - Add ods-select and multiple choice option for filters\n - Add clear all filter button when one filter is applied\n - Add documentation\n --\u003e\n\n\u003c!-- IMPORTANT ******** MUST READ !\n\n In the following settings declaration :\n\n A common error is forget to escape (protect) apostrophe with a leading backslash\n As apostrophes are used to declare values of variable it will break the settings\n\n Ex:\n wrongVariable = 'I'll be freed from apostrophes'\n correctVariable = 'I\\'ll be freed from apostrophes'\n--\u003e\n\n\u003c!-- SETTINGS START HERE --\u003e\n\u003cdiv ng-init=\"domain = 'mesr.huwise.com';\n datasetid = 'fr-esr-principaux-etablissements-enseignement-superieur';\n\n title = 'Établissements près de chez vous';\n\n filters = [\n {'id':'type_d_etablissement','multiple':true},\n {'id':'secteur_d_etablissement','multiple':true},\n {'id':'dep_nom','multiple':true}\n ];\n resetFiltersButton = true;\n resetFiltersButtonLabel = 'Supprimer tous les filtres';\n\n resultTitle = 'uo_lib';\n fieldsList = ['adresse_uai', 'dep_nom', 'numero_telephone_uai'];\n fieldLink = 'url';\n fieldLinkLabel = 'Visiter le site web';\n mapLinkLabel = 'Voir sur la carte';\n\n viewListButtonText = 'Voir la liste';\n viewDetailsButtonText = 'Voir les détails';\n backToResultsButtonText = 'Retour aux résultats';\n\n mapNoRefit = false;\n\n\n DO_NOT_MODIFY_BELOW;\n\n ctxfields = {};\n isVisible = false;\n activeFilters = {};\n \"\u003e\n\n \u003c!-- ### GENERAL SETTINGS ### --\u003e\n \u003c!-- domain : (Domain URL) : Must contain the ID of the domain where the dataset is published.\n ex: 'discovery.huwise.com'\n --\u003e\n \u003c!-- datasetid (Dataset ID) : Must contain the ID of the dataset\n ex: 'oeuvres-de-johannes-vermeer'\n --\u003e\n\n \u003c!-- title (Title of the page) :\n ex: 'List of interest around you'\n --\u003e\n\n \u003c!-- ### FILTERS SETTINGS ### --\u003e\n \u003c!-- filters (Filters) : List of object that contains the IDs to generate the filters pannel.\n and multiple true or false to allow the user to select multiple values in the filter.\n NB: the field must be a facet in the dataset\n NB: alphanumerical sort is applied in the filter view\n ex: [\n {'id':'filterid','multiple':true},\n {'id':'filterid2','multiple':false}\n ]\n --\u003e\n \u003c!-- resetFiltersButton (boolean) : add a reset filters button after filters block --\u003e\n \u003c!-- resetFiltersButtonLabel (Label of the button) : test to display when a filter is selected\n ex: 'Clear all filters'\n --\u003e\n\n \u003c!-- ### LIST VIEW SETTINGS ### --\u003e\n \u003c!-- resultTitle (Title of the item) : Set the item title from a field ID\n ex: 'title';\n --\u003e\n \u003c!-- fieldsList (List configuration) : Set the list of field IDs\n ex: ['category','genre','date']\n --\u003e\n \u003c!-- fieldLink (Link to an external resource) : If available, the field ID of some external resource as a web URL\n ex: 'link'\n --\u003e\n \u003c!-- fieldLinkLabel (The label of that link) : Label of the link button\n ex: 'Read more here'\n --\u003e\n \u003c!-- mapLinkLabel (The label of the item button) : used to select the item and see it on the map\n ex: 'See on the map'\n --\u003e\n\n \u003c!-- ### MOBILE VIEW SETTINGS ### --\u003e\n \u003c!-- viewListButtonText : when displaying the map, the bottom button to open the list view\n ex: 'See the list'\n --\u003e\n \u003c!-- viewDetailsButtonText : when an item is selected on the map, the bottom button to open the list view with the selected item\n ex: 'See the item details'\n --\u003e\n \u003c!-- backToResultsButtonText : when the list view is opened, to close button to go back to the map\n ex: \"Back to the list'\n --\u003e\n\n \u003c!-- ### MAP SETTINGS ### --\u003e\n \u003c!-- mapNoRefit : true / false refit the map when filtering --\u003e\n\n\n \u003c!-- DO NOT MODIFY --\u003e\n \u003c!-- Technical fields, do not modify please --\u003e\n\n \u003cods-dataset-context context=\"ctx\"\n ctx-domain=\"{{ domain }}\"\n ctx-dataset=\"{{ datasetid }}\"\u003e\n\n \u003cspan ng-repeat=\"field in ctx.dataset.fields\"\u003e\n {{ ctxfields[field.name] = field.label; '' }}\n \u003c/span\u003e\n\n \u003cspan ng-repeat=\"filter in filters\"\u003e\n {{ ctx.parameters['refine.' + filter.id] = activeFilters[filter.id] ; '' }}\n \u003c/span\u003e\n\n \u003caside class=\"cl-modal\"\n ng-class=\"{ 'is-visible' : modal.isVisible}\"\u003e\n \u003cdiv class=\"cl-modal-header\"\u003e\n \u003cbutton class=\"cl-modal-close-mobile\"\n title=\"Close modal\"\n ng-click=\"modal.isVisible = false\"\u003e\n \u003csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\n stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n class=\"feather feather-x\"\u003e\n \u003cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\u003e\u003c/line\u003e\n \u003cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\u003e\u003c/line\u003e\n \u003c/svg\u003e\n \u003c/button\u003e\n \u003ch1 class=\"cl-modal-title\"\u003e\n {{ title }}\n \u003c/h1\u003e\n \u003cdiv class=\"search-module\"\u003e\n \u003ci class=\"fa fa-search search-module-icon\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cinput placeholder=\"Search\"\n ng-model=\"ctx.parameters['q']\"\n ng-model-options=\"{ updateOn: 'keyup', debounce: { 'default': 300, 'blur': 0 }}\"\n class=\"search-module-input\"\n type=\"text\"/\u003e\n \u003cbutton class=\"search-module-clear\"\n ng-if=\"ctx.parameters['q']\"\n ng-click=\"ctx.parameters['q'] = undefined\"\u003e\n \u003ci class=\"fa fa-times-circle\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/button\u003e\n \u003c/div\u003e\n\n \u003c!-- FILTERS --\u003e\n \u003cdiv class=\"filter-list\"\n ng-init=\"dropdown.open = '';\n select = {}\"\u003e\n \u003cdiv ng-repeat=\"filter in filters\"\u003e\n {{ ctx.parameters['disjunctive.' + filter.id] = true; '' }}\n \u003cdiv ods-facet-results=\"categories\"\n ods-facet-results-facet-name=\"{{ filter.id }}\"\n ods-facet-results-context=\"ctx\"\n ods-facet-results-sort=\"alphanum\"\u003e\n \u003cods-select ng-if=\"ctxfields[filter.id]\"\n selected-values=\"activeFilters[filter.id]\"\n multiple=\"filter.multiple\"\n options=\"categories\"\n label-modifier=\"name\"\n value-modifier=\"name\"\n placeholder=\"{{ ctxfields[filter.id] }}\"\u003e\u003c/ods-select\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"clear-filters\"\n ng-show=\"(activeFilters | values).join('')\"\u003e\n \u003cdiv class=\"clear-filters-button\"\n role=\"button\"\n ng-click=\"activeFilters = {}\"\u003e\n {{ resetFiltersButtonLabel }}\n \u003ci class=\"fa fa-times-circle\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"cl-modal-content\"\u003e\n \u003cul class=\"result-list\"\u003e\n \u003cli class=\"result\"\n ng-repeat=\"item in items\"\n ods-results=\"items\"\n ods-results-context=\"ctx\"\n ods-results-max=\"1000\"\u003e\n\n \u003ch2 class=\"result-title\"\u003e\n {{ item.fields[resultTitle] }}\n \u003c/h2\u003e\n \u003cdl class=\"result-info\"\u003e\n \u003cdt ng-repeat-start=\"field in fieldsList\"\u003e\n {{ ctxfields[field] }}\n \u003c/dt\u003e\n \u003cdd ng-repeat-end\u003e{{ item.fields[field] }}\u003c/dd\u003e\n \u003c/dl\u003e\n \u003cdiv class=\"result-footer\"\u003e\n \u003ca href=\"{{ item.fields[fieldLink] }}\"\n ng-if=\"fieldLink \u0026\u0026 item.fields[fieldLink]\"\n target=\"_blank\"\u003e\n {{ fieldLinkLabel }}\n \u003c/a\u003e\n \u003cbutton class=\"result-button\"\n ng-if=\"!ctx.parameters['refine.' + resultTitle]\"\n ng-click=\"modal.isVisible = false;\n ctx.parameters['refine.' + resultTitle] = item.fields[resultTitle];\"\u003e\n {{ mapLinkLabel }}\n \u003c/button\u003e\n \u003cbutton class=\"result-button\"\n ng-if=\"ctx.parameters['refine.' + resultTitle]\"\n ng-click=\"ctx.parameters['refine.' + resultTitle] = undefined\"\u003e\n {{ backToResultsButtonText }}\n \u003csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"\n fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n stroke-linejoin=\"round\" class=\"feather feather-x\"\u003e\n \u003cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\u003e\u003c/line\u003e\n \u003cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\u003e\u003c/line\u003e\n \u003c/svg\u003e\n \u003c/button\u003e\n \u003c/div\u003e\n \u003c/li\u003e\n \u003c/ul\u003e\n \u003c/div\u003e\n \u003c/aside\u003e\n\n\n \u003cods-map no-refit=\"{{ mapNoRefit }}\"\n scroll-wheel-zoom=\"true\"\n display-control=\"false\"\n display-control-single-layer=\"false\"\n toolbar-fullscreen=\"false\"\n toolbar-drawing=\"false\"\u003e\n \u003cods-map-layer-group\u003e\n \u003cods-map-layer context=\"ctx\"\n refine-on-click-context=\"ctx\"\n refine-on-click-map-field=\"{{ resultTitle }}\"\n refine-on-click-context-field=\"{{ resultTitle }}\"\n color=\"#0098c3\"\n picto=\"college\"\n show-marker=\"true\"\n display=\"auto\"\n shape-opacity=\"0.5\"\n point-opacity=\"1\"\n border-color=\"#FFFFFF\"\n border-opacity=\"1\"\n border-size=\"1\"\n border-pattern=\"solid\"\n size=\"4\"\n size-min=\"3\"\n size-max=\"5\"\n size-function=\"linear\"\u003e\u003c/ods-map-layer\u003e\n \u003c/ods-map-layer-group\u003e\n \u003c/ods-map\u003e\n\n \u003cdiv class=\"cl-modal-open-mobile\"\n ng-click=\"modal.isVisible = true\"\u003e\n \u003csvg xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n class=\"feather feather-chevron-up\"\u003e\n \u003cpolyline points=\"18 15 12 9 6 15\"\u003e\u003c/polyline\u003e\n \u003c/svg\u003e\n \u003ch3 class=\"cl-modal-open-mobile-title\"\n ng-if=\"!ctx.parameters['refine.' + resultTitle]\"\u003e\n {{ viewListButtonText }}\n \u003c/h3\u003e\n \u003ch3 class=\"cl-modal-open-mobile-title\"\n ng-if=\"ctx.parameters['refine.' + resultTitle]\"\u003e\n {{ viewDetailsButtonText }}\n \u003c/h3\u003e\n \u003c/div\u003e\n \u003c/ods-dataset-context\u003e\n\u003c/div\u003e\n\u003c/div\u003e", "css": "/* General Layout\n========================================================================== */\n\nbody, .main--page {\n padding: 0;\n margin: 0;\n}\n\n.ods-front-header, .ods-front-footer, .ods-content:after, footer {\n display: none;\n}\n\nods-dataset-context {\n display: block;\n position: relative;\n}\n\n.odswidget.odswidget-map {\n width: 100%;\n height: 100vh;\n}\n\n/* Modal\n ========================================================================== */\n\n.cl-modal {\n display: none;\n flex-direction: column;\n background-color: #FFFFFF;\n box-shadow: 0 1px 5px rgba(0,0,0,0.65);\n width: 100vw;\n height: 100vh;\n position: absolute;\n top: 35%;\n left: 0;\n border-radius: 6px 6px 0 0;\n z-index: 30;\n overflow: hidden; /* Disable horizontal scroll */\n}\n\n@media screen and (min-width: 768px) {\n .cl-modal {\n display: flex;\n width: 400px;\n height: calc(100vh - 55px);\n top: 10px;\n left: 47px;\n border-radius: 6px;\n }\n}\n\n.cl-modal.is-visible {\n display: flex;\n}\n\n.cl-modal-open-mobile {\n position: absolute;\n bottom: 0;\n text-align: center;\n width: 100vw;\n background-color: #FFFFFF;\n padding: 13px;\n z-index: 20;\n border-radius: 6px 6px 0 0;\n box-shadow: 0 0 5px rgba(0,0,0,0.65);\n transition: all .2s;\n}\n\n.cl-modal-open-mobile:hover {\n background-color: #f2f2f2;\n}\n\n@media screen and (min-width: 768px) {\n .cl-modal-open-mobile {\n display: none;\n }\n}\n\n.cl-modal-open-mobile-title {\n margin: 0;\n font-weight: bold;\n}\n\n.cl-modal-close-mobile {\n position: absolute;\n top: 5px;\n right: 5px;\n background-color: transparent;\n border-radius: 10000px;\n border: none;\n font-size: 2.5rem;\n opacity: .6;\n transition: all .2s;\n}\n\n.cl-modal-close-mobile:hover {\n background-color: #f2f2f2;\n opacity: 1;\n}\n\n@media screen and (min-width: 768px) {\n .cl-modal-close-mobile {\n display: none;\n }\n}\n\n.cl-modal-header {\n padding: 26px 26px 0 26px;\n box-shadow: 0 1px 2px rgba(0,0,0,.13);\n}\n\n.cl-modal-title {\n margin-top: 0;\n margin-bottom: 13px;\n text-align: center;\n font-weight: 400;\n font-size: 1.5rem;\n}\n\n.cl-modal-content {\n height: 100%;\n overflow-y: auto;\n}\n\n\n/* Search Module\n ========================================================================== */\n\n.search-module {\n display: flex;\n align-items: stretch;\n border-bottom: 1px solid #dee5ef;\n transition: all .2s;\n}\n.search-module:hover,\n.search-module:focus-within {\n border-bottom-color: var(--links);\n}\n.search-module-icon {\n color: #898d92;\n margin-right: 8px;\n align-self: center;\n}\n.search-module-input {\n background-color: transparent;\n width: 100%;\n outline: none;\n border: none;\n padding: 12px 0;\n transition: all .2s;\n color: var(--text);\n}\n.search-module-input::placeholder {\n transition: all .2s;\n}\n.search-module-clear {\n color: #898d92;\n font-size: 1rem;\n background: transparent;\n border: none;\n margin: 0;\n outline: none;\n padding: 0 0 0 12px;\n transition: all .2s;\n}\n.search-module-clear:hover {\n opacity: .65;\n}\n.search-module:hover .search-module-icon,\n.search-module:focus-within .search-module-icon,\n.search-module:hover .search-module-input::placeholder,\n.search-module:focus-within .search-module-input::placeholder {\n color: var(--links)\n}\n\n/* Dropdown menu with pill styling\n========================================================================== */\n\n.filter-list {\n display: flex;\n flex-wrap: wrap;\n margin-bottom: 20px;\n}\n\n.filter-list \u003e div {\n width: 100%;\n margin-top: 13px;\n}\n\n.clear-filters {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.clear-filters-button:hover {\n opacity: 0.65;\n}\n\n/* Results\n ========================================================================== */\n\n.result-list {\n list-style: none;\n padding-left: 0;\n margin-top: 0;\n overflow-y: auto;\n}\n\n.result {\n padding: 1rem 26px;\n border-top: 1px solid #DEE5EF;\n}\n\n.result:hover {\n background-color: #f5f7fa;\n}\n\n.result-title {\n color: var(--titles);\n font-size: 1rem;\n font-weight: bold;\n margin-top: 0;\n margin-bottom: 5px;\n}\n\n.result-info {\n list-style: none;\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 10px;\n overflow-wrap: break-word;\n}\n\n.result-info dt {\n font-size: .9rem;\n opacity: .9;\n}\n\n.result-info dd {\n margin-left: 0;\n margin-bottom: 5px;\n}\n\n.result-footer {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n}\n\n.result-button {\n display: inline-flex;\n align-items: center;\n background-color: transparent;\n border: 1px solid var(--links);\n color: var(--links);\n line-height: 1.5;\n border-radius: 20px;\n padding: .1rem .8rem;\n margin-right: 4px;\n margin-bottom: 2px;\n transition: all .2s;\n}\n\n.result-button .feather-x {\n height: 15px;\n width: 15px;\n margin-left: 4px;\n}\n\n.result-button:hover {\n opacity: .65;\n text-decoration: none;\n}\n" }'> @@ -651,6 +756,7 @@

        const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -783,7 +889,7 @@

        --> <!-- SETTINGS START HERE --> -<div ng-init="domain = 'mesr.opendatasoft.com'; +<div ng-init="domain = 'mesr.huwise.com'; datasetid = 'fr-esr-principaux-etablissements-enseignement-superieur'; title = 'Établissements près de chez vous'; @@ -818,7 +924,7 @@

        <!-- ### GENERAL SETTINGS ### --> <!-- domain : (Domain URL) : Must contain the ID of the domain where the dataset is published. - ex: 'discovery.opendatasoft.com' + ex: 'discovery.huwise.com' --> <!-- datasetid (Dataset ID) : Must contain the ID of the dataset ex: 'oeuvres-de-johannes-vermeer' @@ -1333,9 +1439,17 @@

        "> -
        - + +

        -
        - -
        +
        + +
        + +

    - - + - © Copyright 2020 + © Copyright 2026
    @@ -2573,7 +2755,7 @@

    diff --git a/public/generators/fullscreen-map/posthtml.inc b/public/generators/fullscreen-map/posthtml.inc index 83de8f3f5..bcc709893 100644 --- a/public/generators/fullscreen-map/posthtml.inc +++ b/public/generators/fullscreen-map/posthtml.inc @@ -8,7 +8,7 @@ {{ kpidatectxn.parameters['refine.' + item.dataset_refine_key] = item.dataset_refine_value ; '' }} - {{ kpidatectxn.parameters = (item.dataset_advanced_refine_parameters.replaceAll('\'','"') | fromjson) ; '' }} + + {{ kpidatectxn.parameters[key] = item.dataset_advanced_refine_parameters[key]; '' }} + {{ kpidatectxnmoinsun.parameters['refine.' + item.valref_dataset_refine_key] = item.valref_dataset_refine_value ; '' }} - {{ kpidatectxnmoinsun.parameters = (item.valref_dataset_advanced_refine_parameters.replaceAll('\'','"') | fromjson) ; '' }} - + + {{ kpidatectxnmoinsun.parameters[key] = item.valref_dataset_advanced_refine_parameters[key]; '' }} + {{ kpidatectxn.parameters['q.date'] = item.date_field_id + ':' + item.values.filtren ; '' }} {{ kpidatectxnmoinsun.parameters['q.date'] = item.date_field_id + ':' + item.values.filtrenmoinsun ; '' }} diff --git a/public/generators/listing-generator/1/config.inc b/public/generators/listing-generator/1/config.inc index 4f3b48dfb..86bab49aa 100644 --- a/public/generators/listing-generator/1/config.inc +++ b/public/generators/listing-generator/1/config.inc @@ -1,37 +1,45 @@ - ng-init="domain = 'discovery.opendatasoft.com'; - datasetid = 'oeuvres-de-johannes-vermeer'; + ng-init="domain = 'userclub.huwise.com'; + datasetid = 'oeuvres-de-johannes-vermeer'; - filters = [ + sort = 'surface'; + + filters = [ {'id':'technique','multiple':true}, {'id':'collection','multiple':true}, {'id':'genre','multiple':true} - ]; - fieldDate = ''; - resetFiltersButton = true; - resetFiltersButtonLabel = 'Supprimer tous les filtres'; - fieldDefaultRangeStartsNow = false; + ]; + fieldDate = ''; + resetFiltersButton = true; + resetFiltersButtonLabel = 'Supprimer tous les filtres'; + fieldDefaultRangeStartsNow = false; + + view = 'cards'; + fieldsList = ['collection','genre','format','date']; + fieldLink = 'wikipedia'; + fieldLinkLabel = 'Lire l\'article'; - view = 'cards'; - fieldsList = ['titre','collection','genre','format','date']; - fieldLink = 'wikipedia'; - fieldLinkLabel = 'Lire l\'article'; + cardTitle = 'titre'; + fieldPhoto = 'image'; + imagePosition = 'left'; + itemsPerRow = '2'; - cardTitle = 'titre'; - fieldPhoto = 'image'; - imagePosition = 'left'; - itemsPerRow = '2'; + mapView = false; + mapPicto = ''; + mapPictoColor = ''; - kpis = [ + kpis = [ { 'title': 'Taille moyenne', - 'function': 'AVG', - 'expression': 'surface', + 'select': 'avg(surface)', 'precision': 2, 'unit': 'm2', 'faicon': 'square-o' }, { 'title': 'Nombre d\'oeuvre référencées', - 'function': 'COUNT' + 'select': 'count(*)' } - ]; + ]; + + sourceLinkLabel = 'Accéder aux données source'; + noResultMsg = 'Aucun résultat'; diff --git a/public/generators/listing-generator/2/config.inc b/public/generators/listing-generator/2/config.inc index ef129f788..cf90c6311 100644 --- a/public/generators/listing-generator/2/config.inc +++ b/public/generators/listing-generator/2/config.inc @@ -1,29 +1,44 @@ - ng-init="domain = 'parisdata.opendatasoft.com'; - datasetid = 'que-faire-a-paris-'; + ng-init="domain = 'parisdata.huwise.com'; + datasetid = 'que-faire-a-paris-'; - filters = [ - {'id':'category','multiple':true}, - {'id':'tags','multiple':true}, - {'id':'access_type','multiple':false}, - {'id':'price_type','multiple':false} - ]; - fieldDate = 'date_start'; - resetFiltersButton = true; - resetFiltersButtonLabel = 'Supprimer tous les filtres'; - fieldDefaultRangeStartsNow = true; + sort = '-date_start'; - view = 'cards'; - fieldsList = ['address_name','address_street','address_city','category']; - fieldLink = 'url'; - fieldLinkLabel = 'Plus d\'informations'; + filters = [ + {'id':'tags','multiple':true}, + {'id':'access_type','multiple':false}, + {'id':'price_type','multiple':false} + ]; + fieldDate = 'date_start'; + resetFiltersButton = true; + resetFiltersButtonLabel = 'Supprimer tous les filtres'; + fieldDefaultRangeStartsNow = false; - cardTitle = 'title'; - fieldPhoto = 'cover'; - imagePosition = 'top'; - itemsPerRow = '2'; + view = 'cards'; + fieldsList = [ + {'field':'address_name'}, + {'field':'address_street'}, + {'field':'address_city'}, + {'field':'conditionversement'}, + {'field':'date_start','format':'date'}, + {'field':'date_end','format':'date'} + ]; + fieldLink = 'url'; + fieldLinkLabel = 'Plus d\'informations'; - kpis = [{ - 'title': 'Nombre d\'activités', - 'function': 'COUNT' - } - ]; + cardTitle = 'title'; + fieldPhoto = 'image_couverture'; + imagePosition = 'top'; + itemsPerRow = '2'; + + mapView = true; + mapPicto = 'circle'; + mapPictoColor = '#EC643C'; + + kpis = [{ + 'title': 'Nombre d\'activités', + 'select': 'count(*)' + } + ]; + + sourceLinkLabel = 'Accéder aux données source'; + noResultMsg = 'Aucun résultat'; diff --git a/public/generators/listing-generator/3/config.inc b/public/generators/listing-generator/3/config.inc index 089d03d5e..a1bbd85a3 100644 --- a/public/generators/listing-generator/3/config.inc +++ b/public/generators/listing-generator/3/config.inc @@ -1,34 +1,42 @@ - ng-init="domain = 'userclub.opendatasoft.com'; - datasetid = 'deliberations-du-conseil-municipal-dissy-les-moulineaux'; + ng-init="domain = 'userclub.huwise.com'; + datasetid = 'deliberations-du-conseil-municipal-dissy-les-moulineaux'; - filters = [ - {'id':'mandature','multiple':true}, - {'id':'matiere','multiple':true}, - {'id':'objet','multiple':false}, - {'id':'vote','multiple':false} - ]; - fieldDate = ''; - resetFiltersButton = true; - resetFiltersButtonLabel = 'Supprimer tous les filtres'; - fieldDefaultRangeStartsNow = false; + sort = ''; - view = 'table'; - fieldsList = ['objet','matiere','vote','ndeg_deliberation']; - fieldLink = 'pdf_dcm'; - fieldLinkLabel = 'Consulter la délibération'; + filters = [ + {'id':'mandature','multiple':true}, + {'id':'matiere','multiple':true}, + {'id':'objet','multiple':false}, + {'id':'vote','multiple':false} + ]; + fieldDate = ''; + resetFiltersButton = true; + resetFiltersButtonLabel = 'Supprimer tous les filtres'; + fieldDefaultRangeStartsNow = false; - kpis = [ - { - 'title': 'Nombre de délibérations référencées', - 'function': 'COUNT', - 'faicon': 'file-pdf-o' - }, - { - 'title': 'Votes adoptés', - 'function': 'SUM', - 'expression': 'vote_adopte', - 'faicon': 'check-square-o' - } - ]; + view = 'table'; + fieldsList = ['objet','matiere','vote','ndeg_deliberation']; + fieldLink = 'pdf_dcm'; + fieldLinkLabel = 'Consulter la délibération'; - itemsPerRow = '3'; + mapView = false; + mapPicto = ''; + mapPictoColor = ''; + + kpis = [ + { + 'title': 'Nombre de délibérations référencées', + 'select': 'count(*)', + 'faicon': 'file-pdf-o' + }, + { + 'title': 'Votes adoptés', + 'select': 'sum(vote_adopte)', + 'faicon': 'check-square-o' + } + ]; + + itemsPerRow = '3'; + + sourceLinkLabel = 'Accéder aux données source'; + noResultMsg = 'Aucun résultat'; diff --git a/public/generators/listing-generator/4_SCDL/config.inc b/public/generators/listing-generator/4_SCDL/config.inc new file mode 100644 index 000000000..e1fda3ca0 --- /dev/null +++ b/public/generators/listing-generator/4_SCDL/config.inc @@ -0,0 +1,36 @@ + ng-init="domain = 'data.haute-garonne.fr'; + datasetid = 'datalocale-deliberation'; + + sort = 'delib_date'; + + filters = [ + {'id':'coll_nom','multiple':true,'label':'Nom de la collectivité'}, + {'id':'delib_matiere_nom','multiple':true,'label':'Nom de la matière de la délibération' }, + ]; + fieldDate = 'delib_date'; + resetFiltersButton = true; + resetFiltersButtonLabel = 'Supprimer tous les filtres'; + fieldDefaultRangeStartsNow = false; + + view = 'cards'; + fieldsList = [ + {'field':'delib_objet', 'label': ''}, + {'field':'budget_nom', 'label': 'Type de budget'}, + {'field':'vote_pour', 'label': 'Nb de vote pour'}, + {'field':'vote_contre', 'label': 'Nb de vote contre'}, + {'field':'delib_date', 'label': 'Date de la délibération', 'format': 'date'} + ]; + fieldLink = 'delib_url'; + fieldLinkLabel = 'Voir la délibération en PDF'; + + cardTitle = 'delib_matiere_nom'; + fieldPhoto = ''; + imagePosition = 'left'; + itemsPerRow = '2'; + + mapView = false; + mapPicto = ''; + mapPictoColor = ''; + + sourceLinkLabel = 'Accéder aux données source'; + noResultMsg = 'Aucun résultat'; diff --git a/public/generators/listing-generator/css.inc b/public/generators/listing-generator/css.inc index 3dbefcf57..044269ac6 100644 --- a/public/generators/listing-generator/css.inc +++ b/public/generators/listing-generator/css.inc @@ -3,25 +3,20 @@ :root { --secondary-color: black; } -main { + +#page- { margin: 6rem 0 3em 0; } -@media screen and (min-width: 992px) { - .row-equal-height { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-bottom: 20px; - } - /* Fix for early content wrapping in Safari*/ - .row-equal-height:before, - .row-equal-height:after { - content: normal; - } -} +/** + * License: MIT License + * Generated on 25 Jun 2021 + * Author: Labs from opendatasoft + * Version: 0.3 + * Description: ODS Layout over-ride to Flexbox system + */ +.row.full-height{height:100%}.row{display:flex;flex-wrap:wrap;justify-content: start;}.row>*{margin-bottom:20px}.order-0{order:0}@media screen and (min-width:750px){.order-sm-0{order:0}}@media screen and (min-width:970px){.order-md-0{order:0}}@media screen and (min-width:1170px){.order-lg-0{order:0}.order-lg-1{order:1}}.order-1{order:1}@media screen and (min-width:750px){.order-sm-1{order:1}}@media screen and (min-width:970px){.order-md-1{order:1}.order-md-2{order:2}}.order-2{order:2}@media screen and (min-width:750px){.order-sm-2{order:2}}@media screen and (min-width:1170px){.order-lg-2{order:2}.order-lg-3{order:3}}.order-3{order:3}@media screen and (min-width:750px){.order-sm-3{order:3}}@media screen and (min-width:970px){.order-md-3{order:3}.order-md-4{order:4}}.order-4{order:4}@media screen and (min-width:750px){.order-sm-4{order:4}}@media screen and (min-width:1170px){.order-lg-4{order:4}.order-lg-5{order:5}}.order-5{order:5}@media screen and (min-width:750px){.order-sm-5{order:5}}@media screen and (min-width:970px){.order-md-5{order:5}.order-md-6{order:6}}.order-6{order:6}@media screen and (min-width:750px){.order-sm-6{order:6}}@media screen and (min-width:1170px){.order-lg-6{order:6}.order-lg-7{order:7}}.order-7{order:7}@media screen and (min-width:750px){.order-sm-7{order:7}}@media screen and (min-width:970px){.order-md-7{order:7}.order-md-8{order:8}}.order-8{order:8}@media screen and (min-width:750px){.order-sm-8{order:8}}@media screen and (min-width:1170px){.order-lg-8{order:8}.order-lg-9{order:9}}.order-9{order:9}@media screen and (min-width:750px){.order-sm-9{order:9}}@media screen and (min-width:970px){.order-md-9{order:9}.order-md-10{order:10}}.order-10{order:10}@media screen and (min-width:750px){.order-sm-10{order:10}}@media screen and (min-width:1170px){.order-lg-10{order:10}.order-lg-11{order:11}}.order-11{order:11}@media screen and (min-width:750px){.order-sm-11{order:11}}@media screen and (min-width:970px){.order-md-11{order:11}.order-md-12{order:12}}.order-12{order:12}@media screen and (min-width:750px){.order-sm-12{order:12}}@media screen and (min-width:1170px){.order-lg-12{order:12}}@media screen and (max-width:1169px){:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-1,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-10,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-11,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-12,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-2,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-3,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-4,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-5,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-6,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-7,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-8,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-9{width:100%}}@media screen and (max-width:969px){:not([class*=col-sm]):not([class*=col-xs]).col-md-1,:not([class*=col-sm]):not([class*=col-xs]).col-md-10,:not([class*=col-sm]):not([class*=col-xs]).col-md-11,:not([class*=col-sm]):not([class*=col-xs]).col-md-12,:not([class*=col-sm]):not([class*=col-xs]).col-md-2,:not([class*=col-sm]):not([class*=col-xs]).col-md-3,:not([class*=col-sm]):not([class*=col-xs]).col-md-4,:not([class*=col-sm]):not([class*=col-xs]).col-md-5,:not([class*=col-sm]):not([class*=col-xs]).col-md-6,:not([class*=col-sm]):not([class*=col-xs]).col-md-7,:not([class*=col-sm]):not([class*=col-xs]).col-md-8,:not([class*=col-sm]):not([class*=col-xs]).col-md-9{width:100%}}@media screen and (max-width:749px){.row{flex-direction:column}:not([class*=col-xs]).col-sm-1,:not([class*=col-xs]).col-sm-10,:not([class*=col-xs]).col-sm-11,:not([class*=col-xs]).col-sm-12,:not([class*=col-xs]).col-sm-2,:not([class*=col-xs]).col-sm-3,:not([class*=col-xs]).col-sm-4,:not([class*=col-xs]).col-sm-5,:not([class*=col-xs]).col-sm-6,:not([class*=col-xs]).col-sm-7,:not([class*=col-xs]).col-sm-8,:not([class*=col-xs]).col-sm-9{width:100%}}.no-margin-bottom,.no-mb{margin-bottom:0!important}.no-margin-x,.no-mx{margin-left:0!important;margin-right:0!important} + .page-title { font-size: 3rem; @@ -47,7 +42,7 @@ main { .search-module-container { padding: 26px; - margin-bottom: 20px; + margin: 20px 0; } .search-module { @@ -126,6 +121,11 @@ main { align-items: center; justify-content: center; } +.clear-filters-button { + background: none; + border: none; + color: var(--text); +} .clear-filters-button:hover { opacity: 0.65; } @@ -143,6 +143,9 @@ main { min-width: 240px; } } +.odswidget-select-button:focus:not(.focus-ring) { + outline: var(--highlight) 2px solid; +} /*********** Filter date ************/ .filter-date { @@ -159,6 +162,9 @@ main { margin-top: 13px; white-space: nowrap; text-decoration: underline; + color: var(--text); + background: none; + border: none; } .filter-date-button:not(.filter-date-button-disabled):hover { opacity: 0.65; @@ -374,11 +380,6 @@ main { /* Table Module Basic ========================================================================== */ -.table-module { - height: 1000px; - overflow-y: auto; -} - .table-basic { display: table; border-collapse: collapse; @@ -438,6 +439,23 @@ main { text-decoration: none; } +.odswidget-pagination { + margin-bottom: 50px; +} + + + +/* Map */ +.odswidget-map__map { + min-height: 550px; +} +.map-active { + height: 550px; + overflow-y: auto; +} + + + /** Specific override for custom views **/ @media screen and (min-width: 1408px) { .ods-dataset-visualization .ods-tabs__pane .container:not(.is-max-desktop):not(.is-max-widescreen) { diff --git a/public/generators/listing-generator/index.html b/public/generators/listing-generator/index.html index 4029ad4e4..77fc0ca60 100644 --- a/public/generators/listing-generator/index.html +++ b/public/generators/listing-generator/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@

    - @@ -170,8 +187,8 @@
  • - - Automated listing visualization - another example with date + + Automated listing visualization - another example with date and map
    • @@ -181,6 +198,24 @@ +
  • + + SCDL Dataset with fields and filters renaming + +
    • + +
  • + + Listing Generator documentation + +
    • + +
  • + + Change log + +
    • +
    @@ -191,7 +226,7 @@
    • + href="https://codelibrary.huwize.com/"> Home
      • @@ -208,6 +243,54 @@ + + + + + + + + + + + + + + + + + + + + + +
    • + + Apps + + +
      • + + + + + + + + + + + + + + + + + + + + @@ -262,6 +345,9 @@ + + +
    • @@ -278,6 +364,16 @@
        +
      • + +
        + Comparison Generator + + +
        +         +
        • +
        • @@ -503,51 +609,67 @@
        - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
        @@ -558,32 +680,34 @@
        -
        -

        Generators - Listing Generator

        -
        - -
        - -
        -

        - Automated listing visualization - - - - - -

        -
        -

        Edit only a few settings to generate a modern looking visulization that uses ODS components and widgets. -See a live editing demo of this template on Youtube

        +
        +

        Generators - Listing Generator

        +
        +
        +

        The code of these resources is not meant to be modified. It requires good development skills and strong knowledge of widgets. Huwise will encourage to develop your own page if it doesn’t suit your needs (and therefor won’t provide support if you still try to modified it)

        +

        Find the complete documentation at the end of this page

        + +
        + +
        +

        + Automated listing visualization + + + + + +

        +
        +

        Edit only a few settings to generate a modern looking visulization that uses ODS components and widgets.

        Try it! Click on “Edit on CodePen” to browse the code and see the configuration. You only need to edit the first bloc of settings to try it on your own data!

        -

        Documentation in the HTML code.

        -
        - -
        - +
        + + +
        + @@ -608,10 +732,10 @@

        name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003c!-- V2.1 :\n - Add ods-select and multiple choice option for filters\n - Add clear all filter button when one filter is applied\n - responsive display for filters and date button\n - KPI default value to 0 when no data/results to display\n --\u003e\n\u003c!-- V2.0 :\n - add a date field that display a date range slider\n - download link knows support files hosted on ODS\n - dynamic title / descriptiton / access source link from the context\n--\u003e\n\n\u003c!-- IMPORTANT ******** MUST READ !\n\n In the following settings declaration :\n\n A common error is forget to escape (protect) apostrophe with a leading backslash\n As apostrophes are used to declare values of variable it will break the settings\n\n Ex:\n wrongVariable = 'I'll be freed from apostrophes'\n correctVariable = 'I\\'ll be freed from apostrophes'\n--\u003e\n\n\u003c!-- SETTINGS START HERE --\u003e\n\u003cdiv class=\"container\"\n\n ng-init=\"domain = 'discovery.opendatasoft.com';\n datasetid = 'oeuvres-de-johannes-vermeer';\n\n filters = [\n {'id':'technique','multiple':true},\n {'id':'collection','multiple':true},\n {'id':'genre','multiple':true}\n ];\n fieldDate = '';\n resetFiltersButton = true;\n resetFiltersButtonLabel = 'Supprimer tous les filtres';\n fieldDefaultRangeStartsNow = false;\n\n view = 'cards';\n fieldsList = ['titre','collection','genre','format','date'];\n fieldLink = 'wikipedia';\n fieldLinkLabel = 'Lire l\\'article';\n\n cardTitle = 'titre';\n fieldPhoto = 'image';\n imagePosition = 'left';\n itemsPerRow = '2';\n\n kpis = [\n {\n 'title': 'Taille moyenne',\n 'function': 'AVG',\n 'expression': 'surface',\n 'precision': 2,\n 'unit': 'm2',\n 'faicon': 'square-o'\n },\n {\n 'title': 'Nombre d\\'oeuvre référencées',\n 'function': 'COUNT'\n }\n ];\n\n DO_NOT_MODIFY_BELOW;\n\n ctxfields = {};\n values = {};\n activeFilters = {};\n \"\u003e\n \u003c!-- ### GENERAL SETTINGS ### --\u003e\n \u003c!-- domain : (Domain URL) : Must contain the URL of the domain where the dataset is published.\n ex: 'discovery.opendatasoft.com'\n --\u003e\n \u003c!-- datasetid (Dataset ID) : Must contain the ID of the dataset\n ex: 'oeuvres-de-johannes-vermeer'\n --\u003e\n\n \u003c!-- ### FILTERS SETTINGS ### --\u003e\n \u003c!-- filters (Filters) : List of object that contains the IDs to generate the filters pannel.\n and multiple true or false to allow the user to select multiple values in the filter.\n NB: the field must be a facet in the dataset\n NB: alphanumerical sort is applied in the filter view\n ex: [\n {'id':'filterid','multiple':true},\n {'id':'filterid2','multiple':false}\n ]\n --\u003e\n \u003c!-- resetFiltersButton (boolean) : add a reset filters button after filters block --\u003e\n \u003c!-- resetFiltersButtonLabel (Label of the button) : test to display when a filter is selected\n ex: 'Clear all filters'\n --\u003e\n\n \u003c!-- ### DATE SETTINGS --\u003e\n \u003c!-- fieldDate : a date type field to display a date-range-slider --\u003e\n \u003c!-- resetFiltersButton : reset date period button true/false --\u003e\n \u003c!-- fieldDefaultRangeStartsNow : false make the default range selection start from the first date, and end to the last date, if set to true, the range starts from now, to the last date --\u003e\n\n \u003c!-- ### LIST VIEW SETTINGS ### --\u003e\n \u003c!-- view (List view type) : Type of the view to list results, can be 'table' or 'cards'\n --\u003e\n \u003c!-- fieldsList (List configuration) : Set the list of field IDs\n ex: ['title','category','genre','date']\n --\u003e\n \u003c!-- fieldLink (Link to an external resource) : If available, the field ID of some external resource as a web URL\n ex: 'link'\n --\u003e\n \u003c!-- fieldLinkLabel (The label of that link) : Label of the link button\n ex: 'Read more here'\n --\u003e\n\n \u003c!-- Specific to the 'cards' view mode, set a title and a background image if any --\u003e\n \u003c!-- cardTitle (Title of the card) : Field id of the card title\n ex: 'title'\n--\u003e\n \u003c!-- fieldPhoto (Field id of the image field if any)\n ex: 'image'\n--\u003e\n \u003c!-- imagePosition (Image position) : Image position in the card, can be 'top' or 'left'\n ex: 'left'\n--\u003e\n \u003c!-- itemsPerRow (Number of columns) : Modify the columns layout. The division by 12 must be a whole number, ie it can be 1, 2, 3, 4, 6 or 12. But 6 and 12 will generaly be two norrow\n ex: '3'\n--\u003e\n\n \u003c!-- ### KPIS SETTINGS ### --\u003e\n \u003c!-- KPIS settings is a list of object that describes each KPI\n List of available keys are :\n - title (Name of the KPI) ex: 'Average # of citizens'\n - function (function of the aggregation) ex: 'SUM'\n - expression (field id that contains numerical values to aggregate) ex: 'population'\n - precision (Decimal precision of the KPI) ex: 2\n - unit (KPI unit) ex: 'citizens'\n - faicon (FontAwesome icon id) ex: 'square-o'\n\n title, function, expression are MANDATORY\n the others are optionnal\n\n Available functions are SUM, AVG, COUNT, STD, MAX, MIN.\n Please see the documentation for more information\n https://help.opendatasoft.com/widgets/#/api/ods-widgets.directive:odsAggregation\n\n Please see all available icons here\n https://fontawesome.com/v4.7.0/icons/\n\n ex:\n kpis = [\n {\n 'title': 'Taille moyenne',\n 'function': 'AVG',\n 'expression': 'surface',\n 'precision': 2,\n 'unit': 'm2',\n 'faicon': 'square-o'\n },\n {\n 'title': 'Nombre d\\'oeuvre référencées',\n 'function': 'COUNT'\n }\n ];\n\n--\u003e\n\n\n \u003c!-- DO NOT MODIFY --\u003e\n \u003c!-- Technical fields, do not modify please --\u003e\n\n\n \u003cods-dataset-context context=\"ctx,ctxdate\"\n ctx-domain=\"{{ domain }}\"\n ctx-dataset=\"{{ datasetid }}\"\n ctxdate-domain=\"{{ domain }}\"\n ctxdate-dataset=\"{{ datasetid }}\"\n ctxdate-parameters=customParameters\u003e\n \u003c!-- Private datasets can be accessed by adding an API Key.\n Add this param to the \u003cods-dataset-context above,\n where XXX is your apikey :\n ctx-apikey=\"XXX\"\n --\u003e\n\n \u003cspan ng-if=\"fieldDefaultRangeStartsNow\"\u003e\n {{ctxdate.parameters={'q.date': fieldDate + '\u0026gt;#now()'};''}}\n \u003c/span\u003e\n\n \u003ch1 class=\"page-title\"\u003e\n {{ ctx.dataset.metas.title }}\n \u003c/h1\u003e\n\n \u003cp class=\"page-subtitle\" ng-bind-html=\"ctx.dataset.metas.description | shortSummary\"\u003e\u003c/p\u003e\n\n \u003cspan ng-repeat=\"field in ctx.dataset.fields\"\u003e\n {{ ctxfields[field.name] = field.label; '' }}\n \u003c/span\u003e\n\n \u003cspan ng-repeat=\"filter in filters\"\u003e\n {{ ctx.parameters['refine.' + filter.id] = activeFilters[filter.id] ; '' }}\n \u003c/span\u003e\n\n \u003cdiv class=\"content-card search-module-container\"\u003e\n \u003c!-- SEARCH --\u003e\n \u003cdiv class=\"search-module\"\u003e\n \u003ci class=\"fa fa-search search-module-icon\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cinput placeholder=\"Rechercher\"\n ng-model=\"ctx.parameters['q']\"\n ng-model-options=\"{ updateOn: 'keyup', debounce: { 'default': 300, 'blur': 0 }}\"\n class=\"search-module-input\"\n type=\"text\"/\u003e\n \u003cbutton class=\"search-module-clear\"\n ng-if=\"ctx.parameters['q']\"\n ng-click=\"ctx.parameters['q'] = undefined\"\u003e\n \u003ci class=\"fa fa-times-circle\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/button\u003e\n \u003c/div\u003e\n\n \u003c!-- FILTERS Search \u0026 Select --\u003e\n \u003cdiv class=\"filter-list\"\n ng-init=\"dropdown.open = '';\n select = {}\"\u003e\n \u003cdiv ng-repeat=\"filter in filters\"\u003e\n {{ ctx.parameters['disjunctive.' + filter.id] = true; '' }}\n \u003cdiv ods-facet-results=\"categories\"\n ods-facet-results-facet-name=\"{{ filter.id }}\"\n ods-facet-results-context=\"ctx\"\n ods-facet-results-sort=\"alphanum\"\u003e\n \u003cods-select ng-if=\"categories\"\n selected-values=\"activeFilters[filter.id]\"\n multiple=\"filter.multiple\"\n options=\"categories\"\n label-modifier=\"name\"\n value-modifier=\"name\"\n placeholder=\"{{ ctxfields[filter.id] }}\"\u003e\u003c/ods-select\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"clear-filters\"\n ng-show=\"(activeFilters | values).join('')\"\u003e\n \u003cdiv class=\"clear-filters-button\"\n role=\"button\"\n ng-click=\"activeFilters = {}\"\u003e\n {{ resetFiltersButtonLabel }}\n \u003ci class=\"fa fa-times-circle\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003c!-- FILTERS date (if any) --\u003e\n \u003cdiv class=\"filter-date\"\n ng-if=\"fieldDate\"\u003e\n \u003c!--\n On récupère la plage de date du jeu de données. On fait une analyse pour récupérer la première et dernière date du champs date_de_restitution\n pour le min: conditionnelle pour ajouter le 0 si le mois ou le jour est inférieur à 10 pour avoir une date iso\n [dateminmax.results.length-1] : permet de récupérer dynamiquement le dernier élément de l'array du results =\u003e donc ici on calcule le nombre d'éléments dans l'array pour la date, donc 2, et 2-1= 1 donc 2019\n Pareil que précédemment, ne pas hésiter à enlever le '' pour voir le comportement\n --\u003e\n \u003cspan ods-analysis=\"dateminmax\"\n ods-analysis-context=\"ctxdate\"\n ods-analysis-x-year=\"{{ fieldDate }}.year\"\n ods-analysis-x-month=\"{{ fieldDate }}.month\"\n ods-analysis-x-day=\"{{ fieldDate }}.day\"\n ods-analysis-serie-c=\"COUNT()\"\n ods-analysis-sort=\"x.{{ fieldDate }}.year,x.{{ fieldDate }}.month,x.{{ fieldDate }}.day\"\u003e\n \u003cspan ng-if=\"dateminmax.results \u0026\u0026 dateminmax.results.length \u003e 0\"\u003e\n {{ values['periode']['min'] = dateminmax.results[0].x.year + '-' + (10 \u003e dateminmax.results[0].x.month?'0':'') + dateminmax.results[0].x.month + '-' + (10 \u003e dateminmax.results[0].x.day?'0':'') + dateminmax.results[0].x.day;\n values['periode']['max'] = dateminmax.results[dateminmax.results.length-1].x.year + '-' + (10 \u003e dateminmax.results[dateminmax.results.length-1].x.month?'0':'') + dateminmax.results[dateminmax.results.length-1].x.month + '-' + (10 \u003e dateminmax.results[dateminmax.results.length-1].x.day?'0':'') + dateminmax.results[dateminmax.results.length-1].x.day;\n ''}}\n \u003c/span\u003e\n \u003c/span\u003e\n\n \u003c!-- Affichage du range slider: les dates récupérées dans l'analyse pour initialiser les bounds\n la sélection période par défaut avec le mois + 1\n le min/maxselection qui correspondent aux bornes choisies par le user --\u003e\n\n \u003cods-date-range-slider ng-if=\"values.periode.min \u0026\u0026 values.periode.max\"\n context=\"ctx\"\n initial-from=\"{{ values.periode.min }}\"\n initial-to=\"{{ values.periode.max }}\"\n start-bound=\"values.periode.min\"\n end-bound=\"values.periode.max\"\n date-field=\"{{ fieldDate }}\"\n precision=\"day\"\n from=\"values.periode.minselection\"\n to=\"values.periode.maxselection\"\u003e\n \u003c/ods-date-range-slider\u003e\n\n \u003c!-- le click sur toute la période resette la période choisie sur la date min et max --\u003e\n \u003cdiv ng-if=\"resetFiltersButton \u0026\u0026 values.periode.min \u0026\u0026 values.periode.max\" class=\"filter-date-button\"\n ng-class=\"{'filter-date-button-disabled':\n values.periode.minselection == values.periode.min \u0026\u0026\n values.periode.maxselection == values.periode.max}\"\n ng-click=\"values.periode.minselection = values.periode.min;\n values.periode.maxselection = values.periode.max\"\u003e\n Toute la période \u003ci class=\"fa fa-arrows-h\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003c!-- KPIs --\u003e\n \u003csection class=\"kpis-container row row-equal-height\"\u003e\n \u003cdiv class=\"{{ 'col-md-' + (12/itemsPerRow) }} margin-bottom-20\"\n ng-repeat=\"kpi in kpis\"\u003e\n \u003c!-- KPI box component --\u003e\n \u003cdiv class=\"kpi-card\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"ctx\"\n ods-aggregation-function=\"{{ kpi.function }}\"\n ods-aggregation-expression=\"{{ kpi.expression }}\"\u003e\n \u003ci class=\"kpi-icon fa fa-{{ kpi.faicon || 'gitlab' }}\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cp class=\"kpi-title\"\u003e\n {{ (agg || 0) | number : (kpi.precision || 0) }}\n \u003cspan ng-if=\"kpi.unit\" class=\"kpi-unit\"\u003e{{ kpi.unit }}\u003c/span\u003e\n \u003c/p\u003e\n \u003cp class=\"kpi-description\"\u003e\n {{ kpi.title }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n\n \u003c!-- TABLE --\u003e\n \u003csection ng-if=\"view == 'table'\"\n class=\"content-card\"\u003e\n \u003cdiv class=\"table-module\"\u003e\n \u003ctable class=\"table-basic\"\n ods-results=\"items\"\n ods-results-context=\"ctx\"\n ods-results-max=\"20\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth ng-repeat=\"field in fieldsList\"\u003e{{ ctxfields[field] }}\u003c/th\u003e\n \u003cth ng-if=\"fieldLink\"\u003e\u003c/th\u003e\n \u003c/tr\u003e\n \u003c/thead\u003e\n \u003ctbody\u003e\n \u003ctr ng-repeat=\"item in items\"\u003e\n \u003ctd ng-repeat=\"field in fieldsList\"\n style=\"max-width: calc(100vw / {{ fieldsList.length }});\"\n title=\"{{ item.fields[field] }}\"\u003e\n {{ item.fields[field] }}\n \u003c/td\u003e\n \u003ctd ng-if=\"fieldLink\"\u003e\n \u003c!-- if fieldLink is a json and contains the 'id' key, it means that the link points to a file hosted on ODS platform and can be downloaded. If it's an external link, the other link tag is used --\u003e\n \u003ca ng-if=\"item.fields[fieldLink].id\"\n href=\"https://{{ domain }}/explore/dataset/{{ datasetid }}/files/{{ item.fields[fieldLink].id }}/download/\"\n target=\"_blank\"\n title=\"{{ fieldLinkLabel }}\"\n class=\"table-dropdown-button\"\u003e\n \u003ci class=\"fa fa-external-link\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n\n \u003c!-- fieldLink is used here\n For more advanced scenario, you can send the user to :\n\n - the dataset table filtered with the fieldLink value, through a text query\n href=\"/explore/dataset/{{ datasetid }}/table?q={{ item.fields[fieldLink] }}\"\n\n - the dataset table filtered with the fieldLink value, through a refine on the field\n href=\"/explore/dataset/{{ datasetid }}/table?refine.{{ fieldLink }}={{ item.fields[fieldLink] }}\"\n\n - a page using url-sync=true setting :\n href=\"/pages/yourpage/?refine.{{ fieldLink }}={{ item.fields[fieldLink] }}\"\n --\u003e\n\n \u003ca ng-if=\"!item.fields[fieldLink].id\"\n href=\"{{ item.fields[fieldLink] }}\"\n target=\"_blank\"\n title=\"{{ fieldLinkLabel }}\"\n class=\"table-dropdown-button\"\u003e\n \u003ci class=\"fa fa-external-link\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/td\u003e\n \u003c/tr\u003e\n \u003c/tbody\u003e\n \u003c/table\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n\n \u003c!-- CARDS --\u003e\n \u003csection ng-if=\"view == 'cards'\"\u003e\n \u003cdiv class=\"row row-equal-height\"\n ods-results=\"items\"\n ods-results-context=\"ctx\"\n ods-results-max=\"{{ 8 * itemsPerRow }}\"\u003e\n \u003cdiv ng-repeat=\"item in items\"\n class=\"{{ 'col-md-' + (12/itemsPerRow) }} margin-bottom-20\"\u003e\n \u003cdiv class=\"content-card\"\n ng-class=\"{'content-card-horizontal': imagePosition === 'left' }\"\u003e\n \u003cdiv class=\"content-card-img\"\n ng-if=\"item.fields[fieldPhoto]\"\n style=\"{{ 'background-image: url(https://' + domain + '/explore/dataset/' + datasetid + '/files/' + item.fields[fieldPhoto].id + '/300/);' }}\"\u003e\n \u003c/div\u003e\n \u003cdiv class=\"content-card-body\"\u003e\n \u003ch2 class=\"content-card-title text-center\"\u003e\n {{ item.fields[cardTitle] }}\n \u003c/h2\u003e\n \u003cdiv class=\"content-card-fields\"\u003e\n \u003cdl\u003e\n \u003cdt ng-repeat-start=\"field in fieldsList\"\u003e{{ ctxfields[field] }}\u003c/dt\u003e\n \u003cdd ng-repeat-end\u003e{{ item.fields[field] }}\u003c/dd\u003e\n \u003c/dl\u003e\n \u003c/div\u003e\n \u003cdiv ng-if=\"fieldLink\" class=\"text-center\"\u003e\n \u003c!-- if fieldLink is a json and contains the 'id' key, it means that the link points to a file hosted on ODS platform and can be downloaded. If it's an external link, the other link tag is used --\u003e\n \u003ca ng-if=\"item.fields[fieldLink].id\"\n href=\"https://{{ domain }}/explore/dataset/{{ datasetid }}/files/{{ item.fields[fieldLink].id }}/download/\"\n target=\"_blank\"\n class=\"content-card-button\"\u003e\n {{ fieldLinkLabel }}\n \u003c/a\u003e\n\n \u003c!-- fieldLink is used here\n For more advanced scenario, you can send the user to :\n\n - the dataset table filtered with the fieldLink value, through a text query\n href=\"/explore/dataset/{{ datasetid }}/table?q={{ item.fields[fieldLink] }}\"\n\n - the dataset table filtered with the fieldLink value, through a refine on the field\n href=\"/explore/dataset/{{ datasetid }}/table?refine.{{ fieldLink }}={{ item.fields[fieldLink] }}\"\n\n - a page using url-sync=true setting :\n href=\"/pages/yourpage/?refine.{{ fieldLink }}={{ item.fields[fieldLink] }}\"\n --\u003e\n \u003ca ng-if=\"!item.fields[fieldLink].id\" href=\"{{ item.fields[fieldLink] }}\"\n target=\"_blank\"\n class=\"content-card-button\"\u003e\n {{ fieldLinkLabel }}\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n\n \u003ca href=\"https://{{ domain }}/explore/dataset/{{ datasetid }}/\"\n target=\"_blank\"\n class=\"margin-bottom-20\"\u003eAccéder aux données source\u003c/a\u003e\n \u003c/ods-dataset-context\u003e\n\u003c/div\u003e\n\u003c/div\u003e", - "css": "/* General Layout\n========================================================================== */\n:root {\n --secondary-color: black;\n}\nmain {\n margin: 6rem 0 3em 0;\n}\n\n@media screen and (min-width: 992px) {\n .row-equal-height {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n margin-bottom: 20px;\n }\n /* Fix for early content wrapping in Safari*/\n .row-equal-height:before,\n .row-equal-height:after {\n content: normal;\n }\n}\n\n.page-title {\n font-size: 3rem;\n font-weight: bold;\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\n.page-subtitle {\n font-size: 1.2rem;\n line-height: 2;\n margin-top: 0;\n margin-bottom: 3rem;\n}\n\n.margin-bottom-20 {\n margin-bottom: 20px;\n}\n\n\n/* Search Module\n========================================================================== */\n\n.search-module-container {\n padding: 26px;\n margin-bottom: 20px;\n}\n\n.search-module {\n display: flex;\n align-items: stretch;\n border-bottom: 1px solid #dee5ef;\n margin-bottom: 13px;\n transition: all .2s;\n}\n\n.search-module:hover,\n.search-module:focus-within {\n border-bottom-color: var(--links);\n}\n\n.search-module-icon {\n color: #898d92;\n margin-right: 8px;\n align-self: center;\n}\n\n.search-module-input {\n background-color: transparent;\n width: 100%;\n outline: none;\n border: none;\n padding: 12px 0;\n transition: all .2s;\n color: var(--text);\n}\n\n.search-module-input::placeholder {\n transition: all .2s;\n}\n\n.search-module-clear {\n color: #898d92;\n font-size: 1rem;\n background: transparent;\n border: none;\n margin: 0;\n outline: none;\n padding: 0 0 0 12px;\n transition: all .2s;\n}\n\n.search-module-clear:hover {\n opacity: .65;\n}\n\n.search-module:hover .search-module-icon,\n.search-module:focus-within .search-module-icon,\n.search-module:hover .search-module-input::placeholder,\n.search-module:focus-within .search-module-input::placeholder {\n color: var(--links)\n}\n\n\n/* Filters\n========================================================================== */\n\n.filter-list {\n display: flex;\n flex-wrap: wrap;\n position: relative;\n}\n.filter-list \u003e * {\n margin: 0 0 10px;\n width: 100%;\n}\n.odswidget-select .odswidget-select-dropdown.open .odswidget-select-dropdown-menu {\n width: 100%\n}\n.clear-filters {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.clear-filters-button:hover {\n opacity: 0.65;\n}\n.odswidget-select,\n.odswidget-select .odswidget-select-dropdown {\n width: 100%;\n}\n@media screen and (min-width: 500px) {\n .filter-list \u003e * {\n margin: 0 10px 10px 0;\n width: inherit;\n }\n .odswidget-select .odswidget-select-dropdown.open .odswidget-select-dropdown-menu {\n width: max-content;\n min-width: 240px;\n }\n}\n\n/*********** Filter date ************/\n.filter-date {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin: 13px 26px 32px 26px;\n}\n.odswidget-date-range-slider {\n width: 100%;\n}\n.filter-date-button {\n margin-left: 0;\n margin-top: 13px;\n white-space: nowrap;\n text-decoration: underline;\n}\n.filter-date-button:not(.filter-date-button-disabled):hover {\n opacity: 0.65;\n}\n.filter-date-button-disabled {\n opacity: 0.5;\n pointer-event: none;\n text-decoration: none;\n}\n\n@media screen and (min-width: 500px) {\n .filter-date {\n flex-direction: row;\n }\n .filter-date-button {\n margin-left: 50px;\n margin-top: 0;\n }\n}\n\n/* date range slider style override */\n.odswidget-date-range-slider .irs--flat .irs-from, .odswidget-date-range-slider .irs--flat .irs-single, .odswidget-date-range-slider .irs--flat .irs-to {\n color: var(--text);\n border: 1px solid #cbd2db;\n border-radius: 2rem;\n background: #FFFFFF;\n}\n.odswidget-date-range-slider .irs--flat .irs-from:before, .odswidget-date-range-slider .irs--flat .irs-single:before, .odswidget-date-range-slider .irs--flat .irs-to:before {\n border-top-color: var(--text);\n}\n.odswidget-date-range-slider .irs--flat .irs-bar {\n background-color: var(--highlight);\n}\n.odswidget-date-range-slider .irs--flat .irs-handle\u003ei:first-child {\n background-color: var(--highlight);\n}\n.odswidget-date-range-slider .irs--flat .irs-handle.state_hover\u003ei:first-child, .odswidget-date-range-slider .irs--flat .irs-handle:hover\u003ei:first-child {\n background-color: var(--text);\n}\n\n\n\n/* Content Card\n========================================================================== */\n\n.content-card {\n background-color: var(--boxes-background);\n border-radius: 4px;\n height: 100%;\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13);\n}\n\n.content-card-horizontal {\n display: flex;\n}\n\n.content-card-horizontal .content-card-img {\n height: auto;\n flex: 0 0 25%;\n width: 25%;\n border-radius: 4px 0 0 4px;\n}\n\n.content-card-img {\n display: block;\n height: 110px;\n background-position: center;\n background-size: cover;\n background-repeat: no-repeat;\n}\n\n.content-card-body {\n padding: 26px;\n flex: 1 1 auto;\n}\n\n.content-card-title {\n color: var(--titles);\n font-size: 1.2rem;\n line-height: 1.5;\n font-weight: normal;\n margin-top: 0;\n margin-bottom: 13px;\n max-width: 100%;\n}\n\n.content-card-description {\n color: var(--text);\n font-size: 1rem;\n line-height: 1.5;\n font-weight: normal;\n margin-top: 0;\n margin-bottom: 26px;\n max-width: 100%;\n}\n\n.content-card-fields dt {\n font-size: 0.8rem;\n opacity: 0.8;\n}\n\n.content-card-fields dd {\n margin-left: 0;\n}\n\n.content-card-icon {\n color: var(--highlight);\n font-size: 2rem;\n margin-bottom: 13px;\n max-width: 100%;\n}\n\n.content-card-link {\n color: var(--links);\n font-weight: bold;\n transition: all .2s;\n opacity: 1;\n max-width: 100%;\n}\n\n.content-card-link:hover {\n opacity: .7;\n text-decoration: none;\n}\n\n.content-card-button {\n color: var(--highlight);\n border: 1px solid var(--highlight);\n background: transparent;\n display: inline-block;\n text-align: center;\n font-size: .867rem;\n border-radius: 4px;\n padding: .5rem 1.15rem;\n text-decoration: none;\n transition: all .2s;\n}\n\n.content-card-button:hover {\n background-color: var(--highlight);\n color: #FFFFFF;\n text-decoration: none;\n}\n\n\n/* KPI Card\n========================================================================== */\n\n@media screen and (min-width: 992px) {\n .kpis-container {\n display: flex;\n justify-content: center;\n }\n}\n\n.kpi-card {\n background-color: var(--boxes-background);\n height: 100%;\n padding: 39px;\n border-radius: 4px;\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n text-align: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n text-align: center;\n}\n\n.kpi-icon {\n color: var(--highlight);\n color: var(--secondary-color);\n font-size: 4rem;\n margin-top: 0;\n margin-bottom: 13px;\n max-width: 100%;\n}\n\n.kpi-title {\n font-weight: normal;\n color: var(--highlight);\n font-size: 3.2rem;\n margin-top: 0;\n margin-bottom: 13px;\n max-width: 100%;\n}\n\n.kpi-unit {\n font-size: 0.8em;\n color: var(--secondary-color);\n}\n\n.kpi-description {\n color: var(--text);\n font-size: 1rem;\n line-height: 1.5;\n font-weight: normal;\n margin-top: 0;\n margin-bottom: 0;\n max-width: 100%;\n}\n\n\n/* Table Module Basic\n========================================================================== */\n\n.table-module {\n height: 1000px;\n overflow-y: auto;\n}\n\n.table-basic {\n display: table;\n border-collapse: collapse;\n width: 100%;\n white-space: nowrap;\n background-color: #FFFFFF;\n margin-bottom: 20px;\n}\n\n.table-basic thead th {\n color: var(--titles);\n background-color: #f6f8fb;\n font-weight: 500;\n padding: 13px 3px;\n position: sticky;\n top: 0;\n z-index: 1;\n}\n\n.table-basic thead th:first-child,\n.table-basic tbody td:first-child {\n padding-left: 13px;\n}\n\n.table-basic tr td,\n.table-basic tbody th {\n font-weight: normal;\n border-top: 1px solid #dee5ef;\n}\n\n.table-basic tr td {\n padding: 13px 3px;\n}\n\n.table-basic td {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.table-dropdown-button {\n width: 28px;\n height: 28px;\n padding: 0;\n line-height: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n background: white;\n border: 1px solid transparent;\n border-radius: 4px;\n margin-left: auto;\n}\n\n.table-basic tr:hover .table-dropdown-button {\n border-color: var(--highlight);\n text-decoration: none;\n}\n\n/** Specific override for custom views **/\n@media screen and (min-width: 1408px) {\n .ods-dataset-visualization .ods-tabs__pane .container:not(.is-max-desktop):not(.is-max-widescreen) {\n max-width: 100%;\n }\n}\n@media screen and (min-width: 1216px) {\n .ods-dataset-visualization .ods-tabs__pane .container:not(.is-max-desktop) {\n max-width: 100%;\n }\n}\n@media screen and (min-width: 1024px) {\n .ods-dataset-visualization .ods-tabs__pane .container {\n max-width: 100%;\n }\n}\n" + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"container\"\n\n ng-init=\"domain = 'userclub.huwise.com';\n datasetid = 'oeuvres-de-johannes-vermeer';\n\n sort = 'surface';\n\n filters = [\n {'id':'technique','multiple':true},\n {'id':'collection','multiple':true},\n {'id':'genre','multiple':true}\n ];\n fieldDate = '';\n resetFiltersButton = true;\n resetFiltersButtonLabel = 'Supprimer tous les filtres';\n fieldDefaultRangeStartsNow = false;\n\n view = 'cards';\n fieldsList = ['collection','genre','format','date'];\n fieldLink = 'wikipedia';\n fieldLinkLabel = 'Lire l\\'article';\n\n cardTitle = 'titre';\n fieldPhoto = 'image';\n imagePosition = 'left';\n itemsPerRow = '2';\n\n mapView = false;\n mapPicto = '';\n mapPictoColor = '';\n\n kpis = [\n {\n 'title': 'Taille moyenne',\n 'select': 'avg(surface)',\n 'precision': 2,\n 'unit': 'm2',\n 'faicon': 'square-o'\n },\n {\n 'title': 'Nombre d\\'oeuvre référencées',\n 'select': 'count(*)'\n }\n ];\n\n sourceLinkLabel = 'Accéder aux données source';\n noResultMsg = 'Aucun résultat';\n\n\n DO_NOT_MODIFY_BELOW;\n\n localctxfields = {};\n values = {};\n activeFilters = {};\n localctx = undefined;\n \"\u003e\n\n \u003cods-dataset-context context=\"localctx\"\n localctx-domain=\"{{ domain || localctx.domain }}\"\n localctx-dataset=\"{{ datasetid || localctx.dataset.datasetid }}\"\u003e\n {{ localctx = ctx || localctx ; '' }}\n\n \u003c!-- Private datasets can be accessed by adding an API Key.\n Add this param to the \u003cods-dataset-context above,\n where XXX is your apikey :\n localctx-apikey=\"XXX\"\n --\u003e\n \u003cods-dataset-context ng-if=\"localctx.dataset.datasetid\"\n context=\"localctxdate\"\n localctxdate-domain=\"{{ localctx.domain }}\"\n localctxdate-dataset=\"{{ localctx.dataset.datasetid }}\"\u003e\n\n \u003cspan ng-if=\"sort\"\u003e\n {{localctx.parameters['sort'] = sort; ''}}\n \u003c/span\u003e\n\n \u003cspan ng-if=\"fieldDefaultRangeStartsNow\"\u003e\n {{localctxdate.parameters={'q.date': fieldDate + '\u0026gt;#now()'}; ''}}\n \u003c/span\u003e\n\n \u003cdiv ng-show=\"!$parent.$parent.$parent.$parent.$parent || blocks\"\u003e\n \u003ch1 class=\"page-title\"\u003e\n {{ localctx.dataset.metas.title }}\n \u003c/h1\u003e\n\n \u003cp class=\"page-subtitle\" ng-bind-html=\"localctx.dataset.metas.description | shortSummary\"\u003e\u003c/p\u003e\n \u003c/div\u003e\n\n \u003cspan ng-repeat=\"field in localctx.dataset.fields\"\u003e\n {{ localctxfields[field.name] = field.label; '' }}\n \u003c/span\u003e\n\n \u003cdiv ng-if=\"!$parent.$parent.$parent.$parent.$parent || blocks\"\u003e\n \u003cspan ng-repeat=\"filter in filters\"\u003e\n {{ localctx.parameters['refine.' + filter.id] = activeFilters[filter.id] ; '' }}\n \u003c/span\u003e\n \u003c/div\u003e\n\n \u003cdiv ng-show=\"!$parent.$parent.$parent.$parent.$parent || blocks\" class=\"content-card search-module-container\"\u003e\n \u003c!-- SEARCH --\u003e\n \u003cdiv class=\"search-module\"\u003e\n \u003ci class=\"fa fa-search search-module-icon\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cinput placeholder=\"Rechercher\"\n ng-model=\"localctx.parameters['q']\"\n ng-model-options=\"{ updateOn: 'keyup', debounce: { 'default': 300, 'blur': 0 }}\"\n ng-change=\"localctx.parameters['start'] = undefined\"\n class=\"search-module-input\"\n type=\"text\"/\u003e\n \u003cbutton class=\"search-module-clear\"\n ng-if=\"localctx.parameters['q']\"\n ng-click=\"localctx.parameters['q'] = undefined;\n localctx.parameters['start'] = undefined\"\u003e\n \u003ci class=\"fa fa-times-circle\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/button\u003e\n \u003c/div\u003e\n\n \u003c!-- FILTERS Search \u0026 Select --\u003e\n \u003cdiv class=\"filter-list\"\n ng-init=\"dropdown.open = '';\n select = {}\"\u003e\n \u003cdiv ng-repeat=\"filter in filters\"\u003e\n {{ localctx.parameters['disjunctive.' + filter.id] = true; '' }}\n \u003cdiv ods-facet-results=\"categories\"\n ods-facet-results-facet-name=\"{{ filter.id }}\"\n ods-facet-results-context=\"localctx\"\n ods-facet-results-sort=\"alphanum\"\u003e\n \u003cods-select ng-if=\"categories\"\n selected-values=\"activeFilters[filter.id]\"\n multiple=\"filter.multiple\"\n options=\"categories\"\n label-modifier=\"name\"\n value-modifier=\"name\"\n on-change=\"localctx.parameters['start'] = undefined\"\n placeholder=\"{{ filter.label || localctxfields[filter.id] }}\"\u003e\u003c/ods-select\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"clear-filters\"\n ng-show=\"(activeFilters | values).join('') || localctx.parameters['geofilter.distance'] || localctx.parameters['geofilter.polygon']\"\u003e\n \u003cbutton class=\"clear-filters-button\"\n ng-click=\"activeFilters = {};\n localctx.parameters['geofilter.distance'] = undefined;\n localctx.parameters['geofilter.polygon'] = undefined;\n localctx.parameters['start'] = undefined\"\u003e\n {{ resetFiltersButtonLabel }}\n \u003ci class=\"fa fa-times-circle\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/button\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003c!-- FILTERS date (if any) --\u003e\n \u003cdiv class=\"filter-date\"\n ng-if=\"fieldDate\"\u003e\n \u003c!--\n On récupère la plage de date du jeu de données. On fait une analyse pour récupérer la première et dernière date du champs date_de_restitution\n pour le min: conditionnelle pour ajouter le 0 si le mois ou le jour est inférieur à 10 pour avoir une date iso\n [dateminmax.results.length-1] : permet de récupérer dynamiquement le dernier élément de l'array du results =\u003e donc ici on calcule le nombre d'éléments dans l'array pour la date, donc 2, et 2-1= 1 donc 2019\n Pareil que précédemment, ne pas hésiter à enlever le '' pour voir le comportement\n --\u003e\n \u003cspan ods-analysis=\"dateminmax\"\n ods-analysis-context=\"localctxdate\"\n ods-analysis-x-year=\"{{ fieldDate }}.year\"\n ods-analysis-x-month=\"{{ fieldDate }}.month\"\n ods-analysis-x-day=\"{{ fieldDate }}.day\"\n ods-analysis-serie-c=\"COUNT()\"\n ods-analysis-sort=\"x.{{ fieldDate }}.year,x.{{ fieldDate }}.month,x.{{ fieldDate }}.day\"\u003e\n \u003cspan ng-if=\"dateminmax.results \u0026\u0026 dateminmax.results.length \u003e 0\"\u003e\n {{ values['periode']['min'] = dateminmax.results[0].x.year + '-' + (10 \u003e dateminmax.results[0].x.month?'0':'') + dateminmax.results[0].x.month + '-' + (10 \u003e dateminmax.results[0].x.day?'0':'') + dateminmax.results[0].x.day;\n values['periode']['max'] = dateminmax.results[dateminmax.results.length-1].x.year + '-' + (10 \u003e dateminmax.results[dateminmax.results.length-1].x.month?'0':'') + dateminmax.results[dateminmax.results.length-1].x.month + '-' + (10 \u003e dateminmax.results[dateminmax.results.length-1].x.day?'0':'') + dateminmax.results[dateminmax.results.length-1].x.day;\n ''}}\n \u003c/span\u003e\n \u003c/span\u003e\n\n \u003c!-- Affichage du range slider: les dates récupérées dans l'analyse pour initialiser les bounds\n la sélection période par défaut avec le mois + 1\n le min/maxselection qui correspondent aux bornes choisies par le user --\u003e\n\n \u003cods-date-range-slider ng-if=\"values.periode.min \u0026\u0026 values.periode.max\"\n context=\"localctx\"\n initial-from=\"{{ values.periode.min }}\"\n initial-to=\"{{ values.periode.max }}\"\n start-bound=\"values.periode.min\"\n end-bound=\"values.periode.max\"\n date-field=\"{{ fieldDate }}\"\n precision=\"day\"\n from=\"values.periode.minselection\"\n to=\"values.periode.maxselection\"\u003e\n \u003c/ods-date-range-slider\u003e\n\n \u003c!-- le click sur toute la période resette la période choisie sur la date min et max --\u003e\n \u003cbutton ng-if=\"resetFiltersButton \u0026\u0026 values.periode.min \u0026\u0026 values.periode.max\"\n ng-disabled=\"values.periode.minselection == values.periode.min \u0026\u0026\n values.periode.maxselection == values.periode.max\"\n class=\"filter-date-button\"\n ng-class=\"{'filter-date-button-disabled':\n values.periode.minselection == values.periode.min \u0026\u0026\n values.periode.maxselection == values.periode.max}\"\n ng-click=\"values.periode.minselection = values.periode.min;\n values.periode.maxselection = values.periode.max;\n localctx.parameters['start'] = undefined\"\u003e\n Toute la période \u003ci class=\"fa fa-arrows-h\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/button\u003e\n\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003c!-- KPIs --\u003e\n \u003csection class=\"kpis-container row row-equal-height\"\u003e\n \u003cdiv class=\"{{ 'col-md-' + (12/itemsPerRow) }} margin-bottom-20\"\n ng-repeat=\"kpi in kpis\"\u003e\n \u003c!-- KPI box component --\u003e\n \u003cdiv class=\"kpi-card\"\n tabindex=\"0\"\n ods-adv-analysis=\"agg\"\n ods-adv-analysis-context=\"localctx\"\n ods-adv-analysis-select=\"{{ kpi.select }} as x\"\u003e\n \u003ci ng-if=\"kpi.faicon\"\n class=\"kpi-icon fa fa-{{ kpi.faicon }}\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cp class=\"kpi-title\"\u003e\n {{ (agg[0].x || 0) | number : (kpi.precision || 0) }}\n \u003cspan ng-if=\"kpi.unit\" class=\"kpi-unit\"\u003e{{ kpi.unit }}\u003c/span\u003e\n \u003c/p\u003e\n \u003cp class=\"kpi-description\"\u003e\n {{ kpi.title }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n\n \u003c!-- Source link --\u003e\n \u003cdiv ng-show=\"!$parent.$parent.$parent.$parent.$parent\"\u003e\n \u003cdiv class=\"margin-bottom-20\" style=\"text-align: right; width: 100%\"\u003e\n \u003ca href=\"https://{{ domain }}/explore/dataset/{{ datasetid }}/\"\n target=\"_blank\"\u003e{{ sourceLinkLabel }}\u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003c!-- TABLE --\u003e\n \u003csection ng-if=\"view == 'table'\"\n class=\"content-card\"\u003e\n \u003cdiv class=\"table-module\"\u003e\n \u003ctable class=\"table-basic\"\n id=\"tableref\"\n ods-results=\"items\"\n ods-results-context=\"localctx\"\n ods-results-max=\"10\"\u003e\n \u003c!-- prevent user selection/filters to display a page that is off limits from results (for example: display page 12 of a list of less than 119 items) --\u003e\n {{ localctx.parameters['start'] =\n (localctx.nhits - localctx.parameters['start']) \u0026lt;= 0 ? undefined : localctx.parameters['start'] ; '' }}\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth ng-if=\"!fieldsList[0].field\"\n ng-repeat=\"field in fieldsList\"\u003e{{ localctxfields[field] }}\u003c/th\u003e\n \u003cth ng-if=\"fieldsList[0].field\"\n ng-repeat=\"fieldconfig in fieldsList\"\u003e{{ fieldconfig.label || localctxfields[fieldconfig.field] }}\u003c/th\u003e\n \u003cth ng-if=\"fieldLink\"\u003e\u003c/th\u003e\n \u003c/tr\u003e\n \u003c/thead\u003e\n \u003ctbody\u003e\n \u003ctr tabindex=\"0\"\n ng-repeat=\"item in items\"\u003e\n \u003ctd ng-if=\"!fieldsList[0].field\"\n ng-repeat=\"field in fieldsList\"\n style=\"max-width: calc(100vw / {{ fieldsList.length }});\"\n title=\"{{ localctxfields[field] }}\"\u003e\n {{ item.fields[field] }}\n \u003c/td\u003e\n \u003ctd ng-if=\"fieldsList[0].field\"\n ng-repeat=\"fieldconfig in fieldsList\"\n style=\"max-width: calc(100vw / {{ fieldsList.length }});\"\n title=\"{{ localctxfields[fieldconfig.field] }}\"\u003e\n \u003cspan ng-switch=\"fieldconfig.format\"\u003e\n \u003cspan ng-switch-when=\"number\"\u003e\n {{ item.fields[fieldconfig.field] | number : (fieldconfig.options.precision || 0) }} {{ fieldconfig.options.unit }}\n \u003c/span\u003e\n \u003cspan ng-switch-when=\"date\"\u003e\n {{ item.fields[fieldconfig.field] | date : (fieldconfig.options.dateFormat || 'mediumDate') }}\n \u003c/span\u003e\n \u003cspan ng-switch-default\u003e\n {{ item.fields[fieldconfig.field] }}\n \u003c/span\u003e\n \u003c/span\u003e\n \u003c/td\u003e\n \u003ctd ng-if=\"fieldLink\"\u003e\n \u003c!-- if fieldLink is a json and contains the 'id' key, it means that the link points to a file hosted on ODS platform and can be downloaded. If it's an external link, the other link tag is used --\u003e\n \u003ca ng-if=\"item.fields[fieldLink].id\"\n href=\"https://{{ domain }}/explore/dataset/{{ datasetid }}/files/{{ item.fields[fieldLink].id }}/download/\"\n target=\"_blank\"\n title=\"{{ fieldLinkLabel }}\"\n class=\"table-dropdown-button\"\u003e\n \u003ci class=\"fa fa-external-link\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n\n \u003c!-- fieldLink is used here\n For more advanced scenario, you can send the user to :\n\n - the dataset table filtered with the fieldLink value, through a text query\n href=\"/explore/dataset/{{ datasetid }}/table?q={{ item.fields[fieldLink] }}\"\n\n - the dataset table filtered with the fieldLink value, through a refine on the field\n href=\"/explore/dataset/{{ datasetid }}/table?refine.{{ fieldLink }}={{ item.fields[fieldLink] }}\"\n\n - a page using url-sync=true setting :\n href=\"/pages/yourpage/?refine.{{ fieldLink }}={{ item.fields[fieldLink] }}\"\n --\u003e\n\n \u003ca ng-if=\"!item.fields[fieldLink].id\"\n href=\"{{ item.fields[fieldLink] }}\"\n target=\"_blank\"\n title=\"{{ fieldLinkLabel }}\"\n class=\"table-dropdown-button\"\u003e\n \u003ci class=\"fa fa-external-link\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/td\u003e\n \u003c/tr\u003e\n \u003c/tbody\u003e\n \u003c/table\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003cods-pagination-block ng-if=\"view == 'table'\"\n context=\"localctx\"\n per-page=\"10\"\n nofollow=\"true\"\n container-identifier=\"tableref\"\u003e\n \u003c/ods-pagination-block\u003e\n\n \u003c!-- CARDS --\u003e\n \u003csection ng-if=\"view == 'cards'\"\n class=\"row\"\u003e\n \u003cdiv class=\"{{ 'col-md-' + (mapView?5:12) }} {{ mapView ? 'map-active':''}}\"\u003e\n \u003cods-infinite-scroll-results context=\"localctx\"\n list-class=\"row row-equal-height listing\"\n result-class=\"{{ 'col-md-' + (12/(mapView?1:itemsPerRow)) }} margin-bottom-20\"\n no-results-message=\"{{ noResultMsg }}\"\u003e\n \u003cdiv class=\"content-card\"\n tabindex=\"0\"\n ng-class=\"{'content-card-horizontal': $parent.$parent.$parent.$parent.$parent.imagePosition === 'left' }\"\u003e\n \u003cdiv class=\"content-card-img\"\n ng-if=\"item.fields[$parent.$parent.$parent.$parent.$parent.fieldPhoto]\"\n style=\"{{ 'background-image: url(https://' + $parent.$parent.$parent.$parent.$parent.domain + '/explore/dataset/' + $parent.$parent.$parent.$parent.$parent.datasetid + '/files/' + item.fields[$parent.$parent.$parent.$parent.$parent.fieldPhoto].id + '/300/);' }}\"\u003e\n \u003c/div\u003e\n \u003cdiv class=\"content-card-body\"\u003e\n \u003ch2 class=\"content-card-title text-center\"\u003e\n {{ item.fields[$parent.$parent.$parent.$parent.$parent.cardTitle] }}\n \u003c/h2\u003e\n \u003cdiv class=\"content-card-fields\"\u003e\n \u003c!-- If fieldsList is an array of fields ID --\u003e\n \u003cdl ng-if=\"!$parent.$parent.$parent.$parent.$parent.fieldsList[0].field\"\u003e\n \u003cdt ng-repeat-start=\"field in $parent.$parent.$parent.$parent.$parent.fieldsList\"\u003e\n {{ $parent.$parent.$parent.$parent.$parent.localctxfields[field] }}\n \u003c/dt\u003e\n \u003cdd ng-repeat-end\u003e\n {{ item.fields[field] }}\n \u003c/dd\u003e\n \u003c/dl\u003e\n \u003c!-- If fieldsList is an object (advanced settings of fields) --\u003e\n \u003cdl ng-if=\"$parent.$parent.$parent.$parent.$parent.fieldsList[0].field\"\u003e\n \u003cdt ng-repeat-start=\"fieldconfig in $parent.$parent.$parent.$parent.$parent.fieldsList\"\n ng-show=\"item.fields[fieldconfig.field]\"\u003e\n {{ (fieldconfig|keys).indexOf('label')\u003e=0?fieldconfig.label : $parent.$parent.$parent.$parent.$parent.localctxfields[fieldconfig.field] }}\n \u003c/dt\u003e\n \u003cdd ng-show=\"item.fields[fieldconfig.field]\"\n ng-switch=\"fieldconfig.format\"\n ng-repeat-end\u003e\n \u003cspan ng-switch-when=\"number\"\u003e\n {{ item.fields[fieldconfig.field] | number : (fieldconfig.options.precision || 0) }} {{ fieldconfig.options.unit }}\n \u003c/span\u003e\n \u003cspan ng-switch-when=\"date\"\u003e\n {{ item.fields[fieldconfig.field] | date : (fieldconfig.options.dateFormat || 'mediumDate') }}\n \u003c/span\u003e\n \u003cspan ng-switch-default\u003e\n {{ item.fields[fieldconfig.field] }}\n \u003c/span\u003e\n \u003c/dd\u003e\n \u003c/dl\u003e\n \u003c/div\u003e\n \u003cdiv ng-if=\"$parent.$parent.$parent.$parent.$parent.fieldLink\" class=\"text-center\"\u003e\n \u003c!-- if fieldLink is a json and contains the 'id' key, it means that the link points to a file hosted on ODS platform and can be downloaded. If it's an external link, the other link tag is used --\u003e\n \u003ca ng-if=\"item.fields[$parent.$parent.$parent.$parent.$parent.fieldLink].id\"\n href=\"https://{{ $parent.$parent.$parent.$parent.$parent.domain }}/explore/dataset/{{ $parent.$parent.$parent.$parent.$parent.datasetid }}/files/{{ item.fields[$parent.$parent.$parent.$parent.$parent.fieldLink].id }}/download/\"\n target=\"_blank\"\n class=\"content-card-button\"\u003e\n {{ $parent.$parent.$parent.$parent.$parent.fieldLinkLabel }}\n \u003c/a\u003e\n\n \u003c!-- fieldLink is used here\n For more advanced scenario, you can send the user to :\n\n - the dataset table filtered with the fieldLink value, through a text query\n href=\"/explore/dataset/{{ $parent.$parent.$parent.$parent.$parent.datasetid }}/table?q={{ item.fields[$parent.$parent.$parent.$parent.$parent.fieldLink] }}\"\n\n - the dataset table filtered with the fieldLink value, through a refine on the field\n href=\"/explore/dataset/{{ $parent.$parent.$parent.$parent.$parent.datasetid }}/table?refine.{{ $parent.$parent.$parent.$parent.$parent.fieldLink }}={{ item.fields[$root.fieldLink] }}\"\n\n - a page using url-sync=true setting :\n href=\"/pages/yourpage/?refine.{{ $parent.$parent.$parent.$parent.$parent.fieldLink }}={{ item.fields[$parent.$parent.$parent.$parent.$parent.fieldLink] }}\"\n --\u003e\n \u003ca ng-if=\"!item.fields[$parent.$parent.$parent.$parent.$parent.fieldLink].id\" href=\"{{ item.fields[$parent.$parent.$parent.$parent.$parent.fieldLink] }}\"\n target=\"_blank\"\n class=\"content-card-button\"\u003e\n {{ $parent.$parent.$parent.$parent.$parent.fieldLinkLabel }}\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/ods-infinite-scroll-results\u003e\n \u003c/div\u003e\n \u003cdiv ng-if=\"mapView\" class=\"col-md-7\"\u003e\n \u003cods-map no-refit=\"false\"\n scroll-wheel-zoom=\"false\"\u003e\n \u003cods-map-layer-group\u003e\n \u003cods-map-layer context=\"localctx\"\n color=\"{{ mapPictoColor }}\"\n picto=\"{{ mapPicto }}\"\n show-marker=\"true\"\n display=\"auto\"\n shape-opacity=\"0.5\"\n point-opacity=\"1\"\n border-color=\"#FFFFFF\"\n border-opacity=\"1\"\n border-size=\"1\"\n border-pattern=\"solid\"\n size=\"4\"\n size-min=\"3\"\n size-max=\"5\"\n size-function=\"linear\"\u003e\u003c/ods-map-layer\u003e\n \u003c/ods-map-layer-group\u003e\n \u003c/ods-map\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n\n\n \u003c/ods-dataset-context\u003e\n \u003c/ods-dataset-context\u003e\n\n\u003c/div\u003e\u003c/div\u003e", + "css": "/* General Layout\n========================================================================== */\n:root {\n --secondary-color: black;\n}\n\n#page- {\n margin: 6rem 0 3em 0;\n}\n\n/**\n * License: MIT License\n * Generated on 25 Jun 2021\n * Author: Labs from opendatasoft\n * Version: 0.3\n * Description: ODS Layout over-ride to Flexbox system\n */\n.row.full-height{height:100%}.row{display:flex;flex-wrap:wrap;justify-content: start;}.row\u003e*{margin-bottom:20px}.order-0{order:0}@media screen and (min-width:750px){.order-sm-0{order:0}}@media screen and (min-width:970px){.order-md-0{order:0}}@media screen and (min-width:1170px){.order-lg-0{order:0}.order-lg-1{order:1}}.order-1{order:1}@media screen and (min-width:750px){.order-sm-1{order:1}}@media screen and (min-width:970px){.order-md-1{order:1}.order-md-2{order:2}}.order-2{order:2}@media screen and (min-width:750px){.order-sm-2{order:2}}@media screen and (min-width:1170px){.order-lg-2{order:2}.order-lg-3{order:3}}.order-3{order:3}@media screen and (min-width:750px){.order-sm-3{order:3}}@media screen and (min-width:970px){.order-md-3{order:3}.order-md-4{order:4}}.order-4{order:4}@media screen and (min-width:750px){.order-sm-4{order:4}}@media screen and (min-width:1170px){.order-lg-4{order:4}.order-lg-5{order:5}}.order-5{order:5}@media screen and (min-width:750px){.order-sm-5{order:5}}@media screen and (min-width:970px){.order-md-5{order:5}.order-md-6{order:6}}.order-6{order:6}@media screen and (min-width:750px){.order-sm-6{order:6}}@media screen and (min-width:1170px){.order-lg-6{order:6}.order-lg-7{order:7}}.order-7{order:7}@media screen and (min-width:750px){.order-sm-7{order:7}}@media screen and (min-width:970px){.order-md-7{order:7}.order-md-8{order:8}}.order-8{order:8}@media screen and (min-width:750px){.order-sm-8{order:8}}@media screen and (min-width:1170px){.order-lg-8{order:8}.order-lg-9{order:9}}.order-9{order:9}@media screen and (min-width:750px){.order-sm-9{order:9}}@media screen and (min-width:970px){.order-md-9{order:9}.order-md-10{order:10}}.order-10{order:10}@media screen and (min-width:750px){.order-sm-10{order:10}}@media screen and (min-width:1170px){.order-lg-10{order:10}.order-lg-11{order:11}}.order-11{order:11}@media screen and (min-width:750px){.order-sm-11{order:11}}@media screen and (min-width:970px){.order-md-11{order:11}.order-md-12{order:12}}.order-12{order:12}@media screen and (min-width:750px){.order-sm-12{order:12}}@media screen and (min-width:1170px){.order-lg-12{order:12}}@media screen and (max-width:1169px){:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-1,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-10,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-11,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-12,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-2,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-3,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-4,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-5,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-6,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-7,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-8,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-9{width:100%}}@media screen and (max-width:969px){:not([class*=col-sm]):not([class*=col-xs]).col-md-1,:not([class*=col-sm]):not([class*=col-xs]).col-md-10,:not([class*=col-sm]):not([class*=col-xs]).col-md-11,:not([class*=col-sm]):not([class*=col-xs]).col-md-12,:not([class*=col-sm]):not([class*=col-xs]).col-md-2,:not([class*=col-sm]):not([class*=col-xs]).col-md-3,:not([class*=col-sm]):not([class*=col-xs]).col-md-4,:not([class*=col-sm]):not([class*=col-xs]).col-md-5,:not([class*=col-sm]):not([class*=col-xs]).col-md-6,:not([class*=col-sm]):not([class*=col-xs]).col-md-7,:not([class*=col-sm]):not([class*=col-xs]).col-md-8,:not([class*=col-sm]):not([class*=col-xs]).col-md-9{width:100%}}@media screen and (max-width:749px){.row{flex-direction:column}:not([class*=col-xs]).col-sm-1,:not([class*=col-xs]).col-sm-10,:not([class*=col-xs]).col-sm-11,:not([class*=col-xs]).col-sm-12,:not([class*=col-xs]).col-sm-2,:not([class*=col-xs]).col-sm-3,:not([class*=col-xs]).col-sm-4,:not([class*=col-xs]).col-sm-5,:not([class*=col-xs]).col-sm-6,:not([class*=col-xs]).col-sm-7,:not([class*=col-xs]).col-sm-8,:not([class*=col-xs]).col-sm-9{width:100%}}.no-margin-bottom,.no-mb{margin-bottom:0!important}.no-margin-x,.no-mx{margin-left:0!important;margin-right:0!important}\n\n\n.page-title {\n font-size: 3rem;\n font-weight: bold;\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\n.page-subtitle {\n font-size: 1.2rem;\n line-height: 2;\n margin-top: 0;\n margin-bottom: 3rem;\n}\n\n.margin-bottom-20 {\n margin-bottom: 20px;\n}\n\n\n/* Search Module\n========================================================================== */\n\n.search-module-container {\n padding: 26px;\n margin: 20px 0;\n}\n\n.search-module {\n display: flex;\n align-items: stretch;\n border-bottom: 1px solid #dee5ef;\n margin-bottom: 13px;\n transition: all .2s;\n}\n\n.search-module:hover,\n.search-module:focus-within {\n border-bottom-color: var(--links);\n}\n\n.search-module-icon {\n color: #898d92;\n margin-right: 8px;\n align-self: center;\n}\n\n.search-module-input {\n background-color: transparent;\n width: 100%;\n outline: none;\n border: none;\n padding: 12px 0;\n transition: all .2s;\n color: var(--text);\n}\n\n.search-module-input::placeholder {\n transition: all .2s;\n}\n\n.search-module-clear {\n color: #898d92;\n font-size: 1rem;\n background: transparent;\n border: none;\n margin: 0;\n outline: none;\n padding: 0 0 0 12px;\n transition: all .2s;\n}\n\n.search-module-clear:hover {\n opacity: .65;\n}\n\n.search-module:hover .search-module-icon,\n.search-module:focus-within .search-module-icon,\n.search-module:hover .search-module-input::placeholder,\n.search-module:focus-within .search-module-input::placeholder {\n color: var(--links)\n}\n\n\n/* Filters\n========================================================================== */\n\n.filter-list {\n display: flex;\n flex-wrap: wrap;\n position: relative;\n}\n.filter-list \u003e * {\n margin: 0 0 10px;\n width: 100%;\n}\n.odswidget-select .odswidget-select-dropdown.open .odswidget-select-dropdown-menu {\n width: 100%\n}\n.clear-filters {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.clear-filters-button {\n background: none;\n border: none;\n color: var(--text);\n}\n.clear-filters-button:hover {\n opacity: 0.65;\n}\n.odswidget-select,\n.odswidget-select .odswidget-select-dropdown {\n width: 100%;\n}\n@media screen and (min-width: 500px) {\n .filter-list \u003e * {\n margin: 0 10px 10px 0;\n width: inherit;\n }\n .odswidget-select .odswidget-select-dropdown.open .odswidget-select-dropdown-menu {\n width: max-content;\n min-width: 240px;\n }\n}\n.odswidget-select-button:focus:not(.focus-ring) {\n outline: var(--highlight) 2px solid;\n}\n\n/*********** Filter date ************/\n.filter-date {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin: 13px 26px 32px 26px;\n}\n.odswidget-date-range-slider {\n width: 100%;\n}\n.filter-date-button {\n margin-left: 0;\n margin-top: 13px;\n white-space: nowrap;\n text-decoration: underline;\n color: var(--text);\n background: none;\n border: none;\n}\n.filter-date-button:not(.filter-date-button-disabled):hover {\n opacity: 0.65;\n}\n.filter-date-button-disabled {\n opacity: 0.5;\n pointer-event: none;\n text-decoration: none;\n}\n\n@media screen and (min-width: 500px) {\n .filter-date {\n flex-direction: row;\n }\n .filter-date-button {\n margin-left: 50px;\n margin-top: 0;\n }\n}\n\n/* date range slider style override */\n.odswidget-date-range-slider .irs--flat .irs-from, .odswidget-date-range-slider .irs--flat .irs-single, .odswidget-date-range-slider .irs--flat .irs-to {\n color: var(--text);\n border: 1px solid #cbd2db;\n border-radius: 2rem;\n background: #FFFFFF;\n}\n.odswidget-date-range-slider .irs--flat .irs-from:before, .odswidget-date-range-slider .irs--flat .irs-single:before, .odswidget-date-range-slider .irs--flat .irs-to:before {\n border-top-color: var(--text);\n}\n.odswidget-date-range-slider .irs--flat .irs-bar {\n background-color: var(--highlight);\n}\n.odswidget-date-range-slider .irs--flat .irs-handle\u003ei:first-child {\n background-color: var(--highlight);\n}\n.odswidget-date-range-slider .irs--flat .irs-handle.state_hover\u003ei:first-child, .odswidget-date-range-slider .irs--flat .irs-handle:hover\u003ei:first-child {\n background-color: var(--text);\n}\n\n\n\n/* Content Card\n========================================================================== */\n\n.content-card {\n background-color: var(--boxes-background);\n border-radius: 4px;\n height: 100%;\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13);\n}\n\n.content-card-horizontal {\n display: flex;\n}\n\n.content-card-horizontal .content-card-img {\n height: auto;\n flex: 0 0 25%;\n width: 25%;\n border-radius: 4px 0 0 4px;\n}\n\n.content-card-img {\n display: block;\n height: 110px;\n background-position: center;\n background-size: cover;\n background-repeat: no-repeat;\n}\n\n.content-card-body {\n padding: 26px;\n flex: 1 1 auto;\n}\n\n.content-card-title {\n color: var(--titles);\n font-size: 1.2rem;\n line-height: 1.5;\n font-weight: normal;\n margin-top: 0;\n margin-bottom: 13px;\n max-width: 100%;\n}\n\n.content-card-description {\n color: var(--text);\n font-size: 1rem;\n line-height: 1.5;\n font-weight: normal;\n margin-top: 0;\n margin-bottom: 26px;\n max-width: 100%;\n}\n\n.content-card-fields dt {\n font-size: 0.8rem;\n opacity: 0.8;\n}\n\n.content-card-fields dd {\n margin-left: 0;\n}\n\n.content-card-icon {\n color: var(--highlight);\n font-size: 2rem;\n margin-bottom: 13px;\n max-width: 100%;\n}\n\n.content-card-link {\n color: var(--links);\n font-weight: bold;\n transition: all .2s;\n opacity: 1;\n max-width: 100%;\n}\n\n.content-card-link:hover {\n opacity: .7;\n text-decoration: none;\n}\n\n.content-card-button {\n color: var(--highlight);\n border: 1px solid var(--highlight);\n background: transparent;\n display: inline-block;\n text-align: center;\n font-size: .867rem;\n border-radius: 4px;\n padding: .5rem 1.15rem;\n text-decoration: none;\n transition: all .2s;\n}\n\n.content-card-button:hover {\n background-color: var(--highlight);\n color: #FFFFFF;\n text-decoration: none;\n}\n\n\n/* KPI Card\n========================================================================== */\n\n@media screen and (min-width: 992px) {\n .kpis-container {\n display: flex;\n justify-content: center;\n }\n}\n\n.kpi-card {\n background-color: var(--boxes-background);\n height: 100%;\n padding: 39px;\n border-radius: 4px;\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n text-align: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n text-align: center;\n}\n\n.kpi-icon {\n color: var(--highlight);\n color: var(--secondary-color);\n font-size: 4rem;\n margin-top: 0;\n margin-bottom: 13px;\n max-width: 100%;\n}\n\n.kpi-title {\n font-weight: normal;\n color: var(--highlight);\n font-size: 3.2rem;\n margin-top: 0;\n margin-bottom: 13px;\n max-width: 100%;\n}\n\n.kpi-unit {\n font-size: 0.8em;\n color: var(--secondary-color);\n}\n\n.kpi-description {\n color: var(--text);\n font-size: 1rem;\n line-height: 1.5;\n font-weight: normal;\n margin-top: 0;\n margin-bottom: 0;\n max-width: 100%;\n}\n\n\n/* Table Module Basic\n========================================================================== */\n\n.table-basic {\n display: table;\n border-collapse: collapse;\n width: 100%;\n white-space: nowrap;\n background-color: #FFFFFF;\n margin-bottom: 20px;\n}\n\n.table-basic thead th {\n color: var(--titles);\n background-color: #f6f8fb;\n font-weight: 500;\n padding: 13px 3px;\n position: sticky;\n top: 0;\n z-index: 1;\n}\n\n.table-basic thead th:first-child,\n.table-basic tbody td:first-child {\n padding-left: 13px;\n}\n\n.table-basic tr td,\n.table-basic tbody th {\n font-weight: normal;\n border-top: 1px solid #dee5ef;\n}\n\n.table-basic tr td {\n padding: 13px 3px;\n}\n\n.table-basic td {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.table-dropdown-button {\n width: 28px;\n height: 28px;\n padding: 0;\n line-height: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n background: white;\n border: 1px solid transparent;\n border-radius: 4px;\n margin-left: auto;\n}\n\n.table-basic tr:hover .table-dropdown-button {\n border-color: var(--highlight);\n text-decoration: none;\n}\n\n.odswidget-pagination {\n margin-bottom: 50px;\n}\n\n\n\n/* Map */\n.odswidget-map__map {\n min-height: 550px;\n}\n.map-active {\n height: 550px;\n overflow-y: auto;\n}\n\n\n\n/** Specific override for custom views **/\n@media screen and (min-width: 1408px) {\n .ods-dataset-visualization .ods-tabs__pane .container:not(.is-max-desktop):not(.is-max-widescreen) {\n max-width: 100%;\n }\n}\n@media screen and (min-width: 1216px) {\n .ods-dataset-visualization .ods-tabs__pane .container:not(.is-max-desktop) {\n max-width: 100%;\n }\n}\n@media screen and (min-width: 1024px) {\n .ods-dataset-visualization .ods-tabs__pane .container {\n max-width: 100%;\n }\n}\n" }'>

        @@ -666,6 +790,7 @@

        const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -779,472 +904,462 @@

        <div ng-app="ods-widgets"> -<!-- V2.1 : - - Add ods-select and multiple choice option for filters - - Add clear all filter button when one filter is applied - - responsive display for filters and date button - - KPI default value to 0 when no data/results to display - --> -<!-- V2.0 : - - add a date field that display a date range slider - - download link knows support files hosted on ODS - - dynamic title / descriptiton / access source link from the context ---> - -<!-- IMPORTANT ******** MUST READ ! - - In the following settings declaration : - - A common error is forget to escape (protect) apostrophe with a leading backslash - As apostrophes are used to declare values of variable it will break the settings - - Ex: - wrongVariable = 'I'll be freed from apostrophes' - correctVariable = 'I\'ll be freed from apostrophes' ---> - -<!-- SETTINGS START HERE --> <div class="container" - ng-init="domain = 'discovery.opendatasoft.com'; - datasetid = 'oeuvres-de-johannes-vermeer'; + ng-init="domain = 'userclub.huwise.com'; + datasetid = 'oeuvres-de-johannes-vermeer'; - filters = [ + sort = 'surface'; + + filters = [ {'id':'technique','multiple':true}, {'id':'collection','multiple':true}, {'id':'genre','multiple':true} - ]; - fieldDate = ''; - resetFiltersButton = true; - resetFiltersButtonLabel = 'Supprimer tous les filtres'; - fieldDefaultRangeStartsNow = false; - - view = 'cards'; - fieldsList = ['titre','collection','genre','format','date']; - fieldLink = 'wikipedia'; - fieldLinkLabel = 'Lire l\'article'; - - cardTitle = 'titre'; - fieldPhoto = 'image'; - imagePosition = 'left'; - itemsPerRow = '2'; - - kpis = [ + ]; + fieldDate = ''; + resetFiltersButton = true; + resetFiltersButtonLabel = 'Supprimer tous les filtres'; + fieldDefaultRangeStartsNow = false; + + view = 'cards'; + fieldsList = ['collection','genre','format','date']; + fieldLink = 'wikipedia'; + fieldLinkLabel = 'Lire l\'article'; + + cardTitle = 'titre'; + fieldPhoto = 'image'; + imagePosition = 'left'; + itemsPerRow = '2'; + + mapView = false; + mapPicto = ''; + mapPictoColor = ''; + + kpis = [ { 'title': 'Taille moyenne', - 'function': 'AVG', - 'expression': 'surface', + 'select': 'avg(surface)', 'precision': 2, 'unit': 'm2', 'faicon': 'square-o' }, { 'title': 'Nombre d\'oeuvre référencées', - 'function': 'COUNT' + 'select': 'count(*)' } - ]; - - DO_NOT_MODIFY_BELOW; - - ctxfields = {}; - values = {}; - activeFilters = {}; - "> - <!-- ### GENERAL SETTINGS ### --> - <!-- domain : (Domain URL) : Must contain the URL of the domain where the dataset is published. - ex: 'discovery.opendatasoft.com' - --> - <!-- datasetid (Dataset ID) : Must contain the ID of the dataset - ex: 'oeuvres-de-johannes-vermeer' - --> - - <!-- ### FILTERS SETTINGS ### --> - <!-- filters (Filters) : List of object that contains the IDs to generate the filters pannel. - and multiple true or false to allow the user to select multiple values in the filter. - NB: the field must be a facet in the dataset - NB: alphanumerical sort is applied in the filter view - ex: [ - {'id':'filterid','multiple':true}, - {'id':'filterid2','multiple':false} - ] - --> - <!-- resetFiltersButton (boolean) : add a reset filters button after filters block --> - <!-- resetFiltersButtonLabel (Label of the button) : test to display when a filter is selected - ex: 'Clear all filters' - --> - - <!-- ### DATE SETTINGS --> - <!-- fieldDate : a date type field to display a date-range-slider --> - <!-- resetFiltersButton : reset date period button true/false --> - <!-- fieldDefaultRangeStartsNow : false make the default range selection start from the first date, and end to the last date, if set to true, the range starts from now, to the last date --> - - <!-- ### LIST VIEW SETTINGS ### --> - <!-- view (List view type) : Type of the view to list results, can be 'table' or 'cards' - --> - <!-- fieldsList (List configuration) : Set the list of field IDs - ex: ['title','category','genre','date'] - --> - <!-- fieldLink (Link to an external resource) : If available, the field ID of some external resource as a web URL - ex: 'link' - --> - <!-- fieldLinkLabel (The label of that link) : Label of the link button - ex: 'Read more here' - --> - - <!-- Specific to the 'cards' view mode, set a title and a background image if any --> - <!-- cardTitle (Title of the card) : Field id of the card title - ex: 'title' ---> - <!-- fieldPhoto (Field id of the image field if any) - ex: 'image' ---> - <!-- imagePosition (Image position) : Image position in the card, can be 'top' or 'left' - ex: 'left' ---> - <!-- itemsPerRow (Number of columns) : Modify the columns layout. The division by 12 must be a whole number, ie it can be 1, 2, 3, 4, 6 or 12. But 6 and 12 will generaly be two norrow - ex: '3' ---> - - <!-- ### KPIS SETTINGS ### --> - <!-- KPIS settings is a list of object that describes each KPI - List of available keys are : - - title (Name of the KPI) ex: 'Average # of citizens' - - function (function of the aggregation) ex: 'SUM' - - expression (field id that contains numerical values to aggregate) ex: 'population' - - precision (Decimal precision of the KPI) ex: 2 - - unit (KPI unit) ex: 'citizens' - - faicon (FontAwesome icon id) ex: 'square-o' - - title, function, expression are MANDATORY - the others are optionnal - - Available functions are SUM, AVG, COUNT, STD, MAX, MIN. - Please see the documentation for more information - https://help.opendatasoft.com/widgets/#/api/ods-widgets.directive:odsAggregation - - Please see all available icons here - https://fontawesome.com/v4.7.0/icons/ - - ex: - kpis = [ - { - 'title': 'Taille moyenne', - 'function': 'AVG', - 'expression': 'surface', - 'precision': 2, - 'unit': 'm2', - 'faicon': 'square-o' - }, - { - 'title': 'Nombre d\'oeuvre référencées', - 'function': 'COUNT' - } - ]; + ]; ---> - - - <!-- DO NOT MODIFY --> - <!-- Technical fields, do not modify please --> - - - <ods-dataset-context context="ctx,ctxdate" - ctx-domain="{{ domain }}" - ctx-dataset="{{ datasetid }}" - ctxdate-domain="{{ domain }}" - ctxdate-dataset="{{ datasetid }}" - ctxdate-parameters=customParameters> - <!-- Private datasets can be accessed by adding an API Key. - Add this param to the <ods-dataset-context above, - where XXX is your apikey : - ctx-apikey="XXX" - --> - - <span ng-if="fieldDefaultRangeStartsNow"> - {{ctxdate.parameters={'q.date': fieldDate + '&gt;#now()'};''}} - </span> - - <h1 class="page-title"> - {{ ctx.dataset.metas.title }} - </h1> - - <p class="page-subtitle" ng-bind-html="ctx.dataset.metas.description | shortSummary"></p> - - <span ng-repeat="field in ctx.dataset.fields"> - {{ ctxfields[field.name] = field.label; '' }} - </span> - - <span ng-repeat="filter in filters"> - {{ ctx.parameters['refine.' + filter.id] = activeFilters[filter.id] ; '' }} - </span> - - <div class="content-card search-module-container"> - <!-- SEARCH --> - <div class="search-module"> - <i class="fa fa-search search-module-icon" aria-hidden="true"></i> - <input placeholder="Rechercher" - ng-model="ctx.parameters['q']" - ng-model-options="{ updateOn: 'keyup', debounce: { 'default': 300, 'blur': 0 }}" - class="search-module-input" - type="text"/> - <button class="search-module-clear" - ng-if="ctx.parameters['q']" - ng-click="ctx.parameters['q'] = undefined"> - <i class="fa fa-times-circle" aria-hidden="true"></i> - </button> - </div> - - <!-- FILTERS Search & Select --> - <div class="filter-list" - ng-init="dropdown.open = ''; - select = {}"> - <div ng-repeat="filter in filters"> - {{ ctx.parameters['disjunctive.' + filter.id] = true; '' }} - <div ods-facet-results="categories" - ods-facet-results-facet-name="{{ filter.id }}" - ods-facet-results-context="ctx" - ods-facet-results-sort="alphanum"> - <ods-select ng-if="categories" - selected-values="activeFilters[filter.id]" - multiple="filter.multiple" - options="categories" - label-modifier="name" - value-modifier="name" - placeholder="{{ ctxfields[filter.id] }}"></ods-select> - </div> - </div> - - <div class="clear-filters" - ng-show="(activeFilters | values).join('')"> - <div class="clear-filters-button" - role="button" - ng-click="activeFilters = {}"> - {{ resetFiltersButtonLabel }} - <i class="fa fa-times-circle" aria-hidden="true"></i> - </div> - </div> - </div> - - <!-- FILTERS date (if any) --> - <div class="filter-date" - ng-if="fieldDate"> - <!-- - On récupère la plage de date du jeu de données. On fait une analyse pour récupérer la première et dernière date du champs date_de_restitution - pour le min: conditionnelle pour ajouter le 0 si le mois ou le jour est inférieur à 10 pour avoir une date iso - [dateminmax.results.length-1] : permet de récupérer dynamiquement le dernier élément de l'array du results => donc ici on calcule le nombre d'éléments dans l'array pour la date, donc 2, et 2-1= 1 donc 2019 - Pareil que précédemment, ne pas hésiter à enlever le '' pour voir le comportement - --> - <span ods-analysis="dateminmax" - ods-analysis-context="ctxdate" - ods-analysis-x-year="{{ fieldDate }}.year" - ods-analysis-x-month="{{ fieldDate }}.month" - ods-analysis-x-day="{{ fieldDate }}.day" - ods-analysis-serie-c="COUNT()" - ods-analysis-sort="x.{{ fieldDate }}.year,x.{{ fieldDate }}.month,x.{{ fieldDate }}.day"> - <span ng-if="dateminmax.results && dateminmax.results.length > 0"> - {{ values['periode']['min'] = dateminmax.results[0].x.year + '-' + (10 > dateminmax.results[0].x.month?'0':'') + dateminmax.results[0].x.month + '-' + (10 > dateminmax.results[0].x.day?'0':'') + dateminmax.results[0].x.day; - values['periode']['max'] = dateminmax.results[dateminmax.results.length-1].x.year + '-' + (10 > dateminmax.results[dateminmax.results.length-1].x.month?'0':'') + dateminmax.results[dateminmax.results.length-1].x.month + '-' + (10 > dateminmax.results[dateminmax.results.length-1].x.day?'0':'') + dateminmax.results[dateminmax.results.length-1].x.day; - ''}} - </span> + sourceLinkLabel = 'Accéder aux données source'; + noResultMsg = 'Aucun résultat'; + + + DO_NOT_MODIFY_BELOW; + + localctxfields = {}; + values = {}; + activeFilters = {}; + localctx = undefined; + "> + + <ods-dataset-context context="localctx" + localctx-domain="{{ domain || localctx.domain }}" + localctx-dataset="{{ datasetid || localctx.dataset.datasetid }}"> + {{ localctx = ctx || localctx ; '' }} + + <!-- Private datasets can be accessed by adding an API Key. + Add this param to the <ods-dataset-context above, + where XXX is your apikey : + localctx-apikey="XXX" + --> + <ods-dataset-context ng-if="localctx.dataset.datasetid" + context="localctxdate" + localctxdate-domain="{{ localctx.domain }}" + localctxdate-dataset="{{ localctx.dataset.datasetid }}"> + + <span ng-if="sort"> + {{localctx.parameters['sort'] = sort; ''}} + </span> + + <span ng-if="fieldDefaultRangeStartsNow"> + {{localctxdate.parameters={'q.date': fieldDate + '&gt;#now()'}; ''}} + </span> + + <div ng-show="!$parent.$parent.$parent.$parent.$parent || blocks"> + <h1 class="page-title"> + {{ localctx.dataset.metas.title }} + </h1> + + <p class="page-subtitle" ng-bind-html="localctx.dataset.metas.description | shortSummary"></p> + </div> + + <span ng-repeat="field in localctx.dataset.fields"> + {{ localctxfields[field.name] = field.label; '' }} </span> - <!-- Affichage du range slider: les dates récupérées dans l'analyse pour initialiser les bounds - la sélection période par défaut avec le mois + 1 - le min/maxselection qui correspondent aux bornes choisies par le user --> - - <ods-date-range-slider ng-if="values.periode.min && values.periode.max" - context="ctx" - initial-from="{{ values.periode.min }}" - initial-to="{{ values.periode.max }}" - start-bound="values.periode.min" - end-bound="values.periode.max" - date-field="{{ fieldDate }}" - precision="day" - from="values.periode.minselection" - to="values.periode.maxselection"> - </ods-date-range-slider> - - <!-- le click sur toute la période resette la période choisie sur la date min et max --> - <div ng-if="resetFiltersButton && values.periode.min && values.periode.max" class="filter-date-button" - ng-class="{'filter-date-button-disabled': - values.periode.minselection == values.periode.min && - values.periode.maxselection == values.periode.max}" - ng-click="values.periode.minselection = values.periode.min; - values.periode.maxselection = values.periode.max"> - Toute la période <i class="fa fa-arrows-h" aria-hidden="true"></i> - </div> - - </div> - </div> - - <!-- KPIs --> - <section class="kpis-container row row-equal-height"> - <div class="{{ 'col-md-' + (12/itemsPerRow) }} margin-bottom-20" - ng-repeat="kpi in kpis"> - <!-- KPI box component --> - <div class="kpi-card" - ods-aggregation="agg" - ods-aggregation-context="ctx" - ods-aggregation-function="{{ kpi.function }}" - ods-aggregation-expression="{{ kpi.expression }}"> - <i class="kpi-icon fa fa-{{ kpi.faicon || 'gitlab' }}" aria-hidden="true"></i> - <p class="kpi-title"> - {{ (agg || 0) | number : (kpi.precision || 0) }} - <span ng-if="kpi.unit" class="kpi-unit">{{ kpi.unit }}</span> - </p> - <p class="kpi-description"> - {{ kpi.title }} - </p> - </div> - </div> - </section> - - <!-- TABLE --> - <section ng-if="view == 'table'" - class="content-card"> - <div class="table-module"> - <table class="table-basic" - ods-results="items" - ods-results-context="ctx" - ods-results-max="20"> - <thead> - <tr> - <th ng-repeat="field in fieldsList">{{ ctxfields[field] }}</th> - <th ng-if="fieldLink"></th> - </tr> - </thead> - <tbody> - <tr ng-repeat="item in items"> - <td ng-repeat="field in fieldsList" - style="max-width: calc(100vw / {{ fieldsList.length }});" - title="{{ item.fields[field] }}"> - {{ item.fields[field] }} - </td> - <td ng-if="fieldLink"> - <!-- if fieldLink is a json and contains the 'id' key, it means that the link points to a file hosted on ODS platform and can be downloaded. If it's an external link, the other link tag is used --> - <a ng-if="item.fields[fieldLink].id" - href="https://{{ domain }}/explore/dataset/{{ datasetid }}/files/{{ item.fields[fieldLink].id }}/download/" - target="_blank" - title="{{ fieldLinkLabel }}" - class="table-dropdown-button"> - <i class="fa fa-external-link"></i> - </a> - - <!-- fieldLink is used here - For more advanced scenario, you can send the user to : - - - the dataset table filtered with the fieldLink value, through a text query - href="/explore/dataset/{{ datasetid }}/table?q={{ item.fields[fieldLink] }}" - - - the dataset table filtered with the fieldLink value, through a refine on the field - href="/explore/dataset/{{ datasetid }}/table?refine.{{ fieldLink }}={{ item.fields[fieldLink] }}" - - - a page using url-sync=true setting : - href="/pages/yourpage/?refine.{{ fieldLink }}={{ item.fields[fieldLink] }}" - --> - - <a ng-if="!item.fields[fieldLink].id" - href="{{ item.fields[fieldLink] }}" - target="_blank" - title="{{ fieldLinkLabel }}" - class="table-dropdown-button"> - <i class="fa fa-external-link"></i> - </a> - </td> - </tr> - </tbody> - </table> - </div> - </section> - - <!-- CARDS --> - <section ng-if="view == 'cards'"> - <div class="row row-equal-height" - ods-results="items" - ods-results-context="ctx" - ods-results-max="{{ 8 * itemsPerRow }}"> - <div ng-repeat="item in items" - class="{{ 'col-md-' + (12/itemsPerRow) }} margin-bottom-20"> - <div class="content-card" - ng-class="{'content-card-horizontal': imagePosition === 'left' }"> - <div class="content-card-img" - ng-if="item.fields[fieldPhoto]" - style="{{ 'background-image: url(https://' + domain + '/explore/dataset/' + datasetid + '/files/' + item.fields[fieldPhoto].id + '/300/);' }}"> - </div> - <div class="content-card-body"> - <h2 class="content-card-title text-center"> - {{ item.fields[cardTitle] }} - </h2> - <div class="content-card-fields"> - <dl> - <dt ng-repeat-start="field in fieldsList">{{ ctxfields[field] }}</dt> - <dd ng-repeat-end>{{ item.fields[field] }}</dd> - </dl> - </div> - <div ng-if="fieldLink" class="text-center"> - <!-- if fieldLink is a json and contains the 'id' key, it means that the link points to a file hosted on ODS platform and can be downloaded. If it's an external link, the other link tag is used --> - <a ng-if="item.fields[fieldLink].id" - href="https://{{ domain }}/explore/dataset/{{ datasetid }}/files/{{ item.fields[fieldLink].id }}/download/" - target="_blank" - class="content-card-button"> - {{ fieldLinkLabel }} - </a> - - <!-- fieldLink is used here - For more advanced scenario, you can send the user to : - - - the dataset table filtered with the fieldLink value, through a text query - href="/explore/dataset/{{ datasetid }}/table?q={{ item.fields[fieldLink] }}" - - - the dataset table filtered with the fieldLink value, through a refine on the field - href="/explore/dataset/{{ datasetid }}/table?refine.{{ fieldLink }}={{ item.fields[fieldLink] }}" - - - a page using url-sync=true setting : - href="/pages/yourpage/?refine.{{ fieldLink }}={{ item.fields[fieldLink] }}" - --> - <a ng-if="!item.fields[fieldLink].id" href="{{ item.fields[fieldLink] }}" - target="_blank" - class="content-card-button"> - {{ fieldLinkLabel }} - </a> - </div> - </div> - </div> - </div> - </div> - </section> - - <a href="https://{{ domain }}/explore/dataset/{{ datasetid }}/" - target="_blank" - class="margin-bottom-20">Accéder aux données source</a> + <div ng-if="!$parent.$parent.$parent.$parent.$parent || blocks"> + <span ng-repeat="filter in filters"> + {{ localctx.parameters['refine.' + filter.id] = activeFilters[filter.id] ; '' }} + </span> + </div> + + <div ng-show="!$parent.$parent.$parent.$parent.$parent || blocks" class="content-card search-module-container"> + <!-- SEARCH --> + <div class="search-module"> + <i class="fa fa-search search-module-icon" aria-hidden="true"></i> + <input placeholder="Rechercher" + ng-model="localctx.parameters['q']" + ng-model-options="{ updateOn: 'keyup', debounce: { 'default': 300, 'blur': 0 }}" + ng-change="localctx.parameters['start'] = undefined" + class="search-module-input" + type="text"/> + <button class="search-module-clear" + ng-if="localctx.parameters['q']" + ng-click="localctx.parameters['q'] = undefined; + localctx.parameters['start'] = undefined"> + <i class="fa fa-times-circle" aria-hidden="true"></i> + </button> + </div> + + <!-- FILTERS Search & Select --> + <div class="filter-list" + ng-init="dropdown.open = ''; + select = {}"> + <div ng-repeat="filter in filters"> + {{ localctx.parameters['disjunctive.' + filter.id] = true; '' }} + <div ods-facet-results="categories" + ods-facet-results-facet-name="{{ filter.id }}" + ods-facet-results-context="localctx" + ods-facet-results-sort="alphanum"> + <ods-select ng-if="categories" + selected-values="activeFilters[filter.id]" + multiple="filter.multiple" + options="categories" + label-modifier="name" + value-modifier="name" + on-change="localctx.parameters['start'] = undefined" + placeholder="{{ filter.label || localctxfields[filter.id] }}"></ods-select> + </div> + </div> + + <div class="clear-filters" + ng-show="(activeFilters | values).join('') || localctx.parameters['geofilter.distance'] || localctx.parameters['geofilter.polygon']"> + <button class="clear-filters-button" + ng-click="activeFilters = {}; + localctx.parameters['geofilter.distance'] = undefined; + localctx.parameters['geofilter.polygon'] = undefined; + localctx.parameters['start'] = undefined"> + {{ resetFiltersButtonLabel }} + <i class="fa fa-times-circle" aria-hidden="true"></i> + </button> + </div> + </div> + + <!-- FILTERS date (if any) --> + <div class="filter-date" + ng-if="fieldDate"> + <!-- + On récupère la plage de date du jeu de données. On fait une analyse pour récupérer la première et dernière date du champs date_de_restitution + pour le min: conditionnelle pour ajouter le 0 si le mois ou le jour est inférieur à 10 pour avoir une date iso + [dateminmax.results.length-1] : permet de récupérer dynamiquement le dernier élément de l'array du results => donc ici on calcule le nombre d'éléments dans l'array pour la date, donc 2, et 2-1= 1 donc 2019 + Pareil que précédemment, ne pas hésiter à enlever le '' pour voir le comportement + --> + <span ods-analysis="dateminmax" + ods-analysis-context="localctxdate" + ods-analysis-x-year="{{ fieldDate }}.year" + ods-analysis-x-month="{{ fieldDate }}.month" + ods-analysis-x-day="{{ fieldDate }}.day" + ods-analysis-serie-c="COUNT()" + ods-analysis-sort="x.{{ fieldDate }}.year,x.{{ fieldDate }}.month,x.{{ fieldDate }}.day"> + <span ng-if="dateminmax.results && dateminmax.results.length > 0"> + {{ values['periode']['min'] = dateminmax.results[0].x.year + '-' + (10 > dateminmax.results[0].x.month?'0':'') + dateminmax.results[0].x.month + '-' + (10 > dateminmax.results[0].x.day?'0':'') + dateminmax.results[0].x.day; + values['periode']['max'] = dateminmax.results[dateminmax.results.length-1].x.year + '-' + (10 > dateminmax.results[dateminmax.results.length-1].x.month?'0':'') + dateminmax.results[dateminmax.results.length-1].x.month + '-' + (10 > dateminmax.results[dateminmax.results.length-1].x.day?'0':'') + dateminmax.results[dateminmax.results.length-1].x.day; + ''}} + </span> + </span> + + <!-- Affichage du range slider: les dates récupérées dans l'analyse pour initialiser les bounds + la sélection période par défaut avec le mois + 1 + le min/maxselection qui correspondent aux bornes choisies par le user --> + + <ods-date-range-slider ng-if="values.periode.min && values.periode.max" + context="localctx" + initial-from="{{ values.periode.min }}" + initial-to="{{ values.periode.max }}" + start-bound="values.periode.min" + end-bound="values.periode.max" + date-field="{{ fieldDate }}" + precision="day" + from="values.periode.minselection" + to="values.periode.maxselection"> + </ods-date-range-slider> + + <!-- le click sur toute la période resette la période choisie sur la date min et max --> + <button ng-if="resetFiltersButton && values.periode.min && values.periode.max" + ng-disabled="values.periode.minselection == values.periode.min && + values.periode.maxselection == values.periode.max" + class="filter-date-button" + ng-class="{'filter-date-button-disabled': + values.periode.minselection == values.periode.min && + values.periode.maxselection == values.periode.max}" + ng-click="values.periode.minselection = values.periode.min; + values.periode.maxselection = values.periode.max; + localctx.parameters['start'] = undefined"> + Toute la période <i class="fa fa-arrows-h" aria-hidden="true"></i> + </button> + + </div> + </div> + + <!-- KPIs --> + <section class="kpis-container row row-equal-height"> + <div class="{{ 'col-md-' + (12/itemsPerRow) }} margin-bottom-20" + ng-repeat="kpi in kpis"> + <!-- KPI box component --> + <div class="kpi-card" + tabindex="0" + ods-adv-analysis="agg" + ods-adv-analysis-context="localctx" + ods-adv-analysis-select="{{ kpi.select }} as x"> + <i ng-if="kpi.faicon" + class="kpi-icon fa fa-{{ kpi.faicon }}" aria-hidden="true"></i> + <p class="kpi-title"> + {{ (agg[0].x || 0) | number : (kpi.precision || 0) }} + <span ng-if="kpi.unit" class="kpi-unit">{{ kpi.unit }}</span> + </p> + <p class="kpi-description"> + {{ kpi.title }} + </p> + </div> + </div> + </section> + + <!-- Source link --> + <div ng-show="!$parent.$parent.$parent.$parent.$parent"> + <div class="margin-bottom-20" style="text-align: right; width: 100%"> + <a href="https://{{ domain }}/explore/dataset/{{ datasetid }}/" + target="_blank">{{ sourceLinkLabel }}</a> + </div> + </div> + + <!-- TABLE --> + <section ng-if="view == 'table'" + class="content-card"> + <div class="table-module"> + <table class="table-basic" + id="tableref" + ods-results="items" + ods-results-context="localctx" + ods-results-max="10"> + <!-- prevent user selection/filters to display a page that is off limits from results (for example: display page 12 of a list of less than 119 items) --> + {{ localctx.parameters['start'] = + (localctx.nhits - localctx.parameters['start']) &lt;= 0 ? undefined : localctx.parameters['start'] ; '' }} + <thead> + <tr> + <th ng-if="!fieldsList[0].field" + ng-repeat="field in fieldsList">{{ localctxfields[field] }}</th> + <th ng-if="fieldsList[0].field" + ng-repeat="fieldconfig in fieldsList">{{ fieldconfig.label || localctxfields[fieldconfig.field] }}</th> + <th ng-if="fieldLink"></th> + </tr> + </thead> + <tbody> + <tr tabindex="0" + ng-repeat="item in items"> + <td ng-if="!fieldsList[0].field" + ng-repeat="field in fieldsList" + style="max-width: calc(100vw / {{ fieldsList.length }});" + title="{{ localctxfields[field] }}"> + {{ item.fields[field] }} + </td> + <td ng-if="fieldsList[0].field" + ng-repeat="fieldconfig in fieldsList" + style="max-width: calc(100vw / {{ fieldsList.length }});" + title="{{ localctxfields[fieldconfig.field] }}"> + <span ng-switch="fieldconfig.format"> + <span ng-switch-when="number"> + {{ item.fields[fieldconfig.field] | number : (fieldconfig.options.precision || 0) }} {{ fieldconfig.options.unit }} + </span> + <span ng-switch-when="date"> + {{ item.fields[fieldconfig.field] | date : (fieldconfig.options.dateFormat || 'mediumDate') }} + </span> + <span ng-switch-default> + {{ item.fields[fieldconfig.field] }} + </span> + </span> + </td> + <td ng-if="fieldLink"> + <!-- if fieldLink is a json and contains the 'id' key, it means that the link points to a file hosted on ODS platform and can be downloaded. If it's an external link, the other link tag is used --> + <a ng-if="item.fields[fieldLink].id" + href="https://{{ domain }}/explore/dataset/{{ datasetid }}/files/{{ item.fields[fieldLink].id }}/download/" + target="_blank" + title="{{ fieldLinkLabel }}" + class="table-dropdown-button"> + <i class="fa fa-external-link"></i> + </a> + + <!-- fieldLink is used here + For more advanced scenario, you can send the user to : + + - the dataset table filtered with the fieldLink value, through a text query + href="/explore/dataset/{{ datasetid }}/table?q={{ item.fields[fieldLink] }}" + + - the dataset table filtered with the fieldLink value, through a refine on the field + href="/explore/dataset/{{ datasetid }}/table?refine.{{ fieldLink }}={{ item.fields[fieldLink] }}" + + - a page using url-sync=true setting : + href="/pages/yourpage/?refine.{{ fieldLink }}={{ item.fields[fieldLink] }}" + --> + + <a ng-if="!item.fields[fieldLink].id" + href="{{ item.fields[fieldLink] }}" + target="_blank" + title="{{ fieldLinkLabel }}" + class="table-dropdown-button"> + <i class="fa fa-external-link"></i> + </a> + </td> + </tr> + </tbody> + </table> + </div> + </section> + <ods-pagination-block ng-if="view == 'table'" + context="localctx" + per-page="10" + nofollow="true" + container-identifier="tableref"> + </ods-pagination-block> + + <!-- CARDS --> + <section ng-if="view == 'cards'" + class="row"> + <div class="{{ 'col-md-' + (mapView?5:12) }} {{ mapView ? 'map-active':''}}"> + <ods-infinite-scroll-results context="localctx" + list-class="row row-equal-height listing" + result-class="{{ 'col-md-' + (12/(mapView?1:itemsPerRow)) }} margin-bottom-20" + no-results-message="{{ noResultMsg }}"> + <div class="content-card" + tabindex="0" + ng-class="{'content-card-horizontal': $parent.$parent.$parent.$parent.$parent.imagePosition === 'left' }"> + <div class="content-card-img" + ng-if="item.fields[$parent.$parent.$parent.$parent.$parent.fieldPhoto]" + style="{{ 'background-image: url(https://' + $parent.$parent.$parent.$parent.$parent.domain + '/explore/dataset/' + $parent.$parent.$parent.$parent.$parent.datasetid + '/files/' + item.fields[$parent.$parent.$parent.$parent.$parent.fieldPhoto].id + '/300/);' }}"> + </div> + <div class="content-card-body"> + <h2 class="content-card-title text-center"> + {{ item.fields[$parent.$parent.$parent.$parent.$parent.cardTitle] }} + </h2> + <div class="content-card-fields"> + <!-- If fieldsList is an array of fields ID --> + <dl ng-if="!$parent.$parent.$parent.$parent.$parent.fieldsList[0].field"> + <dt ng-repeat-start="field in $parent.$parent.$parent.$parent.$parent.fieldsList"> + {{ $parent.$parent.$parent.$parent.$parent.localctxfields[field] }} + </dt> + <dd ng-repeat-end> + {{ item.fields[field] }} + </dd> + </dl> + <!-- If fieldsList is an object (advanced settings of fields) --> + <dl ng-if="$parent.$parent.$parent.$parent.$parent.fieldsList[0].field"> + <dt ng-repeat-start="fieldconfig in $parent.$parent.$parent.$parent.$parent.fieldsList" + ng-show="item.fields[fieldconfig.field]"> + {{ (fieldconfig|keys).indexOf('label')>=0?fieldconfig.label : $parent.$parent.$parent.$parent.$parent.localctxfields[fieldconfig.field] }} + </dt> + <dd ng-show="item.fields[fieldconfig.field]" + ng-switch="fieldconfig.format" + ng-repeat-end> + <span ng-switch-when="number"> + {{ item.fields[fieldconfig.field] | number : (fieldconfig.options.precision || 0) }} {{ fieldconfig.options.unit }} + </span> + <span ng-switch-when="date"> + {{ item.fields[fieldconfig.field] | date : (fieldconfig.options.dateFormat || 'mediumDate') }} + </span> + <span ng-switch-default> + {{ item.fields[fieldconfig.field] }} + </span> + </dd> + </dl> + </div> + <div ng-if="$parent.$parent.$parent.$parent.$parent.fieldLink" class="text-center"> + <!-- if fieldLink is a json and contains the 'id' key, it means that the link points to a file hosted on ODS platform and can be downloaded. If it's an external link, the other link tag is used --> + <a ng-if="item.fields[$parent.$parent.$parent.$parent.$parent.fieldLink].id" + href="https://{{ $parent.$parent.$parent.$parent.$parent.domain }}/explore/dataset/{{ $parent.$parent.$parent.$parent.$parent.datasetid }}/files/{{ item.fields[$parent.$parent.$parent.$parent.$parent.fieldLink].id }}/download/" + target="_blank" + class="content-card-button"> + {{ $parent.$parent.$parent.$parent.$parent.fieldLinkLabel }} + </a> + + <!-- fieldLink is used here + For more advanced scenario, you can send the user to : + + - the dataset table filtered with the fieldLink value, through a text query + href="/explore/dataset/{{ $parent.$parent.$parent.$parent.$parent.datasetid }}/table?q={{ item.fields[$parent.$parent.$parent.$parent.$parent.fieldLink] }}" + + - the dataset table filtered with the fieldLink value, through a refine on the field + href="/explore/dataset/{{ $parent.$parent.$parent.$parent.$parent.datasetid }}/table?refine.{{ $parent.$parent.$parent.$parent.$parent.fieldLink }}={{ item.fields[$root.fieldLink] }}" + + - a page using url-sync=true setting : + href="/pages/yourpage/?refine.{{ $parent.$parent.$parent.$parent.$parent.fieldLink }}={{ item.fields[$parent.$parent.$parent.$parent.$parent.fieldLink] }}" + --> + <a ng-if="!item.fields[$parent.$parent.$parent.$parent.$parent.fieldLink].id" href="{{ item.fields[$parent.$parent.$parent.$parent.$parent.fieldLink] }}" + target="_blank" + class="content-card-button"> + {{ $parent.$parent.$parent.$parent.$parent.fieldLinkLabel }} + </a> + </div> + </div> + </div> + </ods-infinite-scroll-results> + </div> + <div ng-if="mapView" class="col-md-7"> + <ods-map no-refit="false" + scroll-wheel-zoom="false"> + <ods-map-layer-group> + <ods-map-layer context="localctx" + color="{{ mapPictoColor }}" + picto="{{ mapPicto }}" + show-marker="true" + display="auto" + shape-opacity="0.5" + point-opacity="1" + border-color="#FFFFFF" + border-opacity="1" + border-size="1" + border-pattern="solid" + size="4" + size-min="3" + size-max="5" + size-function="linear"></ods-map-layer> + </ods-map-layer-group> + </ods-map> + </div> + </section> + + + </ods-dataset-context> </ods-dataset-context> -</div> -</div>
        + +</div></div>

        + + "> + +
        + + + + + +
        +
        + + + + +
        + +
        + + + +
        +

        + Automated listing visualization - another example with date and map + + + + + +

        +
        +

        Very similar case with a date field that display a date range slider and a map.

        + +
        + + +
        + + + + + + + + + + + + + + + + +
        +
        + +
        +
        +
        +
        + -
        - + +
        -
        - -
        -

        - Automated listing visualization - another example with date - - - - - -

        -
        -

        Very similar case with a date field that display a date range slider.

        - -
        - -
        +
        + +
        +
        +

        + Automated listing visualization - table view + + + + + +

        +
        +

        With the view option set to table you can list your records with a download button at the end of each lines.

        + +
        + + +
        + @@ -3594,7 +6963,7 @@

        -
        @@ -3602,17 +6971,17 @@

        - -
        - + +
        +
        +

        + SCDL Dataset with fields and filters renaming + + + + + +

        +
        +

        This example highlight how filter labels can be overridden, and even field label can be removed in the card view.

        + +
        + + +
        + @@ -6564,7 +10060,7 @@

        -
        @@ -6572,17 +10068,17 @@

        name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003c!-- V2.1 :\n - Add ods-select and multiple choice option for filters\n - Add clear all filter button when one filter is applied\n - responsive display for filters and date button\n - KPI default value to 0 when no data/results to display\n --\u003e\n\u003c!-- V2.0 :\n - add a date field that display a date range slider\n - download link knows support files hosted on ODS\n - dynamic title / descriptiton / access source link from the context\n--\u003e\n\n\u003c!-- IMPORTANT ******** MUST READ !\n\n In the following settings declaration :\n\n A common error is forget to escape (protect) apostrophe with a leading backslash\n As apostrophes are used to declare values of variable it will break the settings\n\n Ex:\n wrongVariable = 'I'll be freed from apostrophes'\n correctVariable = 'I\\'ll be freed from apostrophes'\n--\u003e\n\n\u003c!-- SETTINGS START HERE --\u003e\n\u003cdiv class=\"container\"\n\n ng-init=\"domain = 'userclub.opendatasoft.com';\n datasetid = 'deliberations-du-conseil-municipal-dissy-les-moulineaux';\n\n filters = [\n {'id':'mandature','multiple':true},\n {'id':'matiere','multiple':true},\n {'id':'objet','multiple':false},\n {'id':'vote','multiple':false}\n ];\n fieldDate = '';\n resetFiltersButton = true;\n resetFiltersButtonLabel = 'Supprimer tous les filtres';\n fieldDefaultRangeStartsNow = false;\n\n view = 'table';\n fieldsList = ['objet','matiere','vote','ndeg_deliberation'];\n fieldLink = 'pdf_dcm';\n fieldLinkLabel = 'Consulter la délibération';\n\n kpis = [\n {\n 'title': 'Nombre de délibérations référencées',\n 'function': 'COUNT',\n 'faicon': 'file-pdf-o'\n },\n {\n 'title': 'Votes adoptés',\n 'function': 'SUM',\n 'expression': 'vote_adopte',\n 'faicon': 'check-square-o'\n }\n ];\n\n itemsPerRow = '3';\n\n DO_NOT_MODIFY_BELOW;\n\n ctxfields = {};\n values = {};\n activeFilters = {};\n \"\u003e\n \u003c!-- ### GENERAL SETTINGS ### --\u003e\n \u003c!-- domain : (Domain URL) : Must contain the URL of the domain where the dataset is published.\n ex: 'discovery.opendatasoft.com'\n --\u003e\n \u003c!-- datasetid (Dataset ID) : Must contain the ID of the dataset\n ex: 'oeuvres-de-johannes-vermeer'\n --\u003e\n\n \u003c!-- ### FILTERS SETTINGS ### --\u003e\n \u003c!-- filters (Filters) : List of object that contains the IDs to generate the filters pannel.\n and multiple true or false to allow the user to select multiple values in the filter.\n NB: the field must be a facet in the dataset\n NB: alphanumerical sort is applied in the filter view\n ex: [\n {'id':'filterid','multiple':true},\n {'id':'filterid2','multiple':false}\n ]\n --\u003e\n \u003c!-- resetFiltersButton (boolean) : add a reset filters button after filters block --\u003e\n \u003c!-- resetFiltersButtonLabel (Label of the button) : test to display when a filter is selected\n ex: 'Clear all filters'\n --\u003e\n\n \u003c!-- ### DATE SETTINGS --\u003e\n \u003c!-- fieldDate : a date type field to display a date-range-slider --\u003e\n \u003c!-- resetFiltersButton : reset date period button true/false --\u003e\n \u003c!-- fieldDefaultRangeStartsNow : false make the default range selection start from the first date, and end to the last date, if set to true, the range starts from now, to the last date --\u003e\n\n \u003c!-- ### LIST VIEW SETTINGS ### --\u003e\n \u003c!-- view (List view type) : Type of the view to list results, can be 'table' or 'cards'\n --\u003e\n \u003c!-- fieldsList (List configuration) : Set the list of field IDs\n ex: ['title','category','genre','date']\n --\u003e\n \u003c!-- fieldLink (Link to an external resource) : If available, the field ID of some external resource as a web URL\n ex: 'link'\n --\u003e\n \u003c!-- fieldLinkLabel (The label of that link) : Label of the link button\n ex: 'Read more here'\n --\u003e\n\n \u003c!-- Specific to the 'cards' view mode, set a title and a background image if any --\u003e\n \u003c!-- cardTitle (Title of the card) : Field id of the card title\n ex: 'title'\n--\u003e\n \u003c!-- fieldPhoto (Field id of the image field if any)\n ex: 'image'\n--\u003e\n \u003c!-- imagePosition (Image position) : Image position in the card, can be 'top' or 'left'\n ex: 'left'\n--\u003e\n \u003c!-- itemsPerRow (Number of columns) : Modify the columns layout. The division by 12 must be a whole number, ie it can be 1, 2, 3, 4, 6 or 12. But 6 and 12 will generaly be two norrow\n ex: '3'\n--\u003e\n\n \u003c!-- ### KPIS SETTINGS ### --\u003e\n \u003c!-- KPIS settings is a list of object that describes each KPI\n List of available keys are :\n - title (Name of the KPI) ex: 'Average # of citizens'\n - function (function of the aggregation) ex: 'SUM'\n - expression (field id that contains numerical values to aggregate) ex: 'population'\n - precision (Decimal precision of the KPI) ex: 2\n - unit (KPI unit) ex: 'citizens'\n - faicon (FontAwesome icon id) ex: 'square-o'\n\n title, function, expression are MANDATORY\n the others are optionnal\n\n Available functions are SUM, AVG, COUNT, STD, MAX, MIN.\n Please see the documentation for more information\n https://help.opendatasoft.com/widgets/#/api/ods-widgets.directive:odsAggregation\n\n Please see all available icons here\n https://fontawesome.com/v4.7.0/icons/\n\n ex:\n kpis = [\n {\n 'title': 'Taille moyenne',\n 'function': 'AVG',\n 'expression': 'surface',\n 'precision': 2,\n 'unit': 'm2',\n 'faicon': 'square-o'\n },\n {\n 'title': 'Nombre d\\'oeuvre référencées',\n 'function': 'COUNT'\n }\n ];\n\n--\u003e\n\n\n \u003c!-- DO NOT MODIFY --\u003e\n \u003c!-- Technical fields, do not modify please --\u003e\n\n\n \u003cods-dataset-context context=\"ctx,ctxdate\"\n ctx-domain=\"{{ domain }}\"\n ctx-dataset=\"{{ datasetid }}\"\n ctxdate-domain=\"{{ domain }}\"\n ctxdate-dataset=\"{{ datasetid }}\"\n ctxdate-parameters=customParameters\u003e\n \u003c!-- Private datasets can be accessed by adding an API Key.\n Add this param to the \u003cods-dataset-context above,\n where XXX is your apikey :\n ctx-apikey=\"XXX\"\n --\u003e\n\n \u003cspan ng-if=\"fieldDefaultRangeStartsNow\"\u003e\n {{ctxdate.parameters={'q.date': fieldDate + '\u0026gt;#now()'};''}}\n \u003c/span\u003e\n\n \u003ch1 class=\"page-title\"\u003e\n {{ ctx.dataset.metas.title }}\n \u003c/h1\u003e\n\n \u003cp class=\"page-subtitle\" ng-bind-html=\"ctx.dataset.metas.description | shortSummary\"\u003e\u003c/p\u003e\n\n \u003cspan ng-repeat=\"field in ctx.dataset.fields\"\u003e\n {{ ctxfields[field.name] = field.label; '' }}\n \u003c/span\u003e\n\n \u003cspan ng-repeat=\"filter in filters\"\u003e\n {{ ctx.parameters['refine.' + filter.id] = activeFilters[filter.id] ; '' }}\n \u003c/span\u003e\n\n \u003cdiv class=\"content-card search-module-container\"\u003e\n \u003c!-- SEARCH --\u003e\n \u003cdiv class=\"search-module\"\u003e\n \u003ci class=\"fa fa-search search-module-icon\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cinput placeholder=\"Rechercher\"\n ng-model=\"ctx.parameters['q']\"\n ng-model-options=\"{ updateOn: 'keyup', debounce: { 'default': 300, 'blur': 0 }}\"\n class=\"search-module-input\"\n type=\"text\"/\u003e\n \u003cbutton class=\"search-module-clear\"\n ng-if=\"ctx.parameters['q']\"\n ng-click=\"ctx.parameters['q'] = undefined\"\u003e\n \u003ci class=\"fa fa-times-circle\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/button\u003e\n \u003c/div\u003e\n\n \u003c!-- FILTERS Search \u0026 Select --\u003e\n \u003cdiv class=\"filter-list\"\n ng-init=\"dropdown.open = '';\n select = {}\"\u003e\n \u003cdiv ng-repeat=\"filter in filters\"\u003e\n {{ ctx.parameters['disjunctive.' + filter.id] = true; '' }}\n \u003cdiv ods-facet-results=\"categories\"\n ods-facet-results-facet-name=\"{{ filter.id }}\"\n ods-facet-results-context=\"ctx\"\n ods-facet-results-sort=\"alphanum\"\u003e\n \u003cods-select ng-if=\"categories\"\n selected-values=\"activeFilters[filter.id]\"\n multiple=\"filter.multiple\"\n options=\"categories\"\n label-modifier=\"name\"\n value-modifier=\"name\"\n placeholder=\"{{ ctxfields[filter.id] }}\"\u003e\u003c/ods-select\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"clear-filters\"\n ng-show=\"(activeFilters | values).join('')\"\u003e\n \u003cdiv class=\"clear-filters-button\"\n role=\"button\"\n ng-click=\"activeFilters = {}\"\u003e\n {{ resetFiltersButtonLabel }}\n \u003ci class=\"fa fa-times-circle\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003c!-- FILTERS date (if any) --\u003e\n \u003cdiv class=\"filter-date\"\n ng-if=\"fieldDate\"\u003e\n \u003c!--\n On récupère la plage de date du jeu de données. On fait une analyse pour récupérer la première et dernière date du champs date_de_restitution\n pour le min: conditionnelle pour ajouter le 0 si le mois ou le jour est inférieur à 10 pour avoir une date iso\n [dateminmax.results.length-1] : permet de récupérer dynamiquement le dernier élément de l'array du results =\u003e donc ici on calcule le nombre d'éléments dans l'array pour la date, donc 2, et 2-1= 1 donc 2019\n Pareil que précédemment, ne pas hésiter à enlever le '' pour voir le comportement\n --\u003e\n \u003cspan ods-analysis=\"dateminmax\"\n ods-analysis-context=\"ctxdate\"\n ods-analysis-x-year=\"{{ fieldDate }}.year\"\n ods-analysis-x-month=\"{{ fieldDate }}.month\"\n ods-analysis-x-day=\"{{ fieldDate }}.day\"\n ods-analysis-serie-c=\"COUNT()\"\n ods-analysis-sort=\"x.{{ fieldDate }}.year,x.{{ fieldDate }}.month,x.{{ fieldDate }}.day\"\u003e\n \u003cspan ng-if=\"dateminmax.results \u0026\u0026 dateminmax.results.length \u003e 0\"\u003e\n {{ values['periode']['min'] = dateminmax.results[0].x.year + '-' + (10 \u003e dateminmax.results[0].x.month?'0':'') + dateminmax.results[0].x.month + '-' + (10 \u003e dateminmax.results[0].x.day?'0':'') + dateminmax.results[0].x.day;\n values['periode']['max'] = dateminmax.results[dateminmax.results.length-1].x.year + '-' + (10 \u003e dateminmax.results[dateminmax.results.length-1].x.month?'0':'') + dateminmax.results[dateminmax.results.length-1].x.month + '-' + (10 \u003e dateminmax.results[dateminmax.results.length-1].x.day?'0':'') + dateminmax.results[dateminmax.results.length-1].x.day;\n ''}}\n \u003c/span\u003e\n \u003c/span\u003e\n\n \u003c!-- Affichage du range slider: les dates récupérées dans l'analyse pour initialiser les bounds\n la sélection période par défaut avec le mois + 1\n le min/maxselection qui correspondent aux bornes choisies par le user --\u003e\n\n \u003cods-date-range-slider ng-if=\"values.periode.min \u0026\u0026 values.periode.max\"\n context=\"ctx\"\n initial-from=\"{{ values.periode.min }}\"\n initial-to=\"{{ values.periode.max }}\"\n start-bound=\"values.periode.min\"\n end-bound=\"values.periode.max\"\n date-field=\"{{ fieldDate }}\"\n precision=\"day\"\n from=\"values.periode.minselection\"\n to=\"values.periode.maxselection\"\u003e\n \u003c/ods-date-range-slider\u003e\n\n \u003c!-- le click sur toute la période resette la période choisie sur la date min et max --\u003e\n \u003cdiv ng-if=\"resetFiltersButton \u0026\u0026 values.periode.min \u0026\u0026 values.periode.max\" class=\"filter-date-button\"\n ng-class=\"{'filter-date-button-disabled':\n values.periode.minselection == values.periode.min \u0026\u0026\n values.periode.maxselection == values.periode.max}\"\n ng-click=\"values.periode.minselection = values.periode.min;\n values.periode.maxselection = values.periode.max\"\u003e\n Toute la période \u003ci class=\"fa fa-arrows-h\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003c!-- KPIs --\u003e\n \u003csection class=\"kpis-container row row-equal-height\"\u003e\n \u003cdiv class=\"{{ 'col-md-' + (12/itemsPerRow) }} margin-bottom-20\"\n ng-repeat=\"kpi in kpis\"\u003e\n \u003c!-- KPI box component --\u003e\n \u003cdiv class=\"kpi-card\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"ctx\"\n ods-aggregation-function=\"{{ kpi.function }}\"\n ods-aggregation-expression=\"{{ kpi.expression }}\"\u003e\n \u003ci class=\"kpi-icon fa fa-{{ kpi.faicon || 'gitlab' }}\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cp class=\"kpi-title\"\u003e\n {{ (agg || 0) | number : (kpi.precision || 0) }}\n \u003cspan ng-if=\"kpi.unit\" class=\"kpi-unit\"\u003e{{ kpi.unit }}\u003c/span\u003e\n \u003c/p\u003e\n \u003cp class=\"kpi-description\"\u003e\n {{ kpi.title }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n\n \u003c!-- TABLE --\u003e\n \u003csection ng-if=\"view == 'table'\"\n class=\"content-card\"\u003e\n \u003cdiv class=\"table-module\"\u003e\n \u003ctable class=\"table-basic\"\n ods-results=\"items\"\n ods-results-context=\"ctx\"\n ods-results-max=\"20\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth ng-repeat=\"field in fieldsList\"\u003e{{ ctxfields[field] }}\u003c/th\u003e\n \u003cth ng-if=\"fieldLink\"\u003e\u003c/th\u003e\n \u003c/tr\u003e\n \u003c/thead\u003e\n \u003ctbody\u003e\n \u003ctr ng-repeat=\"item in items\"\u003e\n \u003ctd ng-repeat=\"field in fieldsList\"\n style=\"max-width: calc(100vw / {{ fieldsList.length }});\"\n title=\"{{ item.fields[field] }}\"\u003e\n {{ item.fields[field] }}\n \u003c/td\u003e\n \u003ctd ng-if=\"fieldLink\"\u003e\n \u003c!-- if fieldLink is a json and contains the 'id' key, it means that the link points to a file hosted on ODS platform and can be downloaded. If it's an external link, the other link tag is used --\u003e\n \u003ca ng-if=\"item.fields[fieldLink].id\"\n href=\"https://{{ domain }}/explore/dataset/{{ datasetid }}/files/{{ item.fields[fieldLink].id }}/download/\"\n target=\"_blank\"\n title=\"{{ fieldLinkLabel }}\"\n class=\"table-dropdown-button\"\u003e\n \u003ci class=\"fa fa-external-link\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n\n \u003c!-- fieldLink is used here\n For more advanced scenario, you can send the user to :\n\n - the dataset table filtered with the fieldLink value, through a text query\n href=\"/explore/dataset/{{ datasetid }}/table?q={{ item.fields[fieldLink] }}\"\n\n - the dataset table filtered with the fieldLink value, through a refine on the field\n href=\"/explore/dataset/{{ datasetid }}/table?refine.{{ fieldLink }}={{ item.fields[fieldLink] }}\"\n\n - a page using url-sync=true setting :\n href=\"/pages/yourpage/?refine.{{ fieldLink }}={{ item.fields[fieldLink] }}\"\n --\u003e\n\n \u003ca ng-if=\"!item.fields[fieldLink].id\"\n href=\"{{ item.fields[fieldLink] }}\"\n target=\"_blank\"\n title=\"{{ fieldLinkLabel }}\"\n class=\"table-dropdown-button\"\u003e\n \u003ci class=\"fa fa-external-link\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/td\u003e\n \u003c/tr\u003e\n \u003c/tbody\u003e\n \u003c/table\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n\n \u003c!-- CARDS --\u003e\n \u003csection ng-if=\"view == 'cards'\"\u003e\n \u003cdiv class=\"row row-equal-height\"\n ods-results=\"items\"\n ods-results-context=\"ctx\"\n ods-results-max=\"{{ 8 * itemsPerRow }}\"\u003e\n \u003cdiv ng-repeat=\"item in items\"\n class=\"{{ 'col-md-' + (12/itemsPerRow) }} margin-bottom-20\"\u003e\n \u003cdiv class=\"content-card\"\n ng-class=\"{'content-card-horizontal': imagePosition === 'left' }\"\u003e\n \u003cdiv class=\"content-card-img\"\n ng-if=\"item.fields[fieldPhoto]\"\n style=\"{{ 'background-image: url(https://' + domain + '/explore/dataset/' + datasetid + '/files/' + item.fields[fieldPhoto].id + '/300/);' }}\"\u003e\n \u003c/div\u003e\n \u003cdiv class=\"content-card-body\"\u003e\n \u003ch2 class=\"content-card-title text-center\"\u003e\n {{ item.fields[cardTitle] }}\n \u003c/h2\u003e\n \u003cdiv class=\"content-card-fields\"\u003e\n \u003cdl\u003e\n \u003cdt ng-repeat-start=\"field in fieldsList\"\u003e{{ ctxfields[field] }}\u003c/dt\u003e\n \u003cdd ng-repeat-end\u003e{{ item.fields[field] }}\u003c/dd\u003e\n \u003c/dl\u003e\n \u003c/div\u003e\n \u003cdiv ng-if=\"fieldLink\" class=\"text-center\"\u003e\n \u003c!-- if fieldLink is a json and contains the 'id' key, it means that the link points to a file hosted on ODS platform and can be downloaded. If it's an external link, the other link tag is used --\u003e\n \u003ca ng-if=\"item.fields[fieldLink].id\"\n href=\"https://{{ domain }}/explore/dataset/{{ datasetid }}/files/{{ item.fields[fieldLink].id }}/download/\"\n target=\"_blank\"\n class=\"content-card-button\"\u003e\n {{ fieldLinkLabel }}\n \u003c/a\u003e\n\n \u003c!-- fieldLink is used here\n For more advanced scenario, you can send the user to :\n\n - the dataset table filtered with the fieldLink value, through a text query\n href=\"/explore/dataset/{{ datasetid }}/table?q={{ item.fields[fieldLink] }}\"\n\n - the dataset table filtered with the fieldLink value, through a refine on the field\n href=\"/explore/dataset/{{ datasetid }}/table?refine.{{ fieldLink }}={{ item.fields[fieldLink] }}\"\n\n - a page using url-sync=true setting :\n href=\"/pages/yourpage/?refine.{{ fieldLink }}={{ item.fields[fieldLink] }}\"\n --\u003e\n \u003ca ng-if=\"!item.fields[fieldLink].id\" href=\"{{ item.fields[fieldLink] }}\"\n target=\"_blank\"\n class=\"content-card-button\"\u003e\n {{ fieldLinkLabel }}\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n\n \u003ca href=\"https://{{ domain }}/explore/dataset/{{ datasetid }}/\"\n target=\"_blank\"\n class=\"margin-bottom-20\"\u003eAccéder aux données source\u003c/a\u003e\n \u003c/ods-dataset-context\u003e\n\u003c/div\u003e\n\u003c/div\u003e", - "css": "/* General Layout\n========================================================================== */\n:root {\n --secondary-color: black;\n}\nmain {\n margin: 6rem 0 3em 0;\n}\n\n@media screen and (min-width: 992px) {\n .row-equal-height {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n margin-bottom: 20px;\n }\n /* Fix for early content wrapping in Safari*/\n .row-equal-height:before,\n .row-equal-height:after {\n content: normal;\n }\n}\n\n.page-title {\n font-size: 3rem;\n font-weight: bold;\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\n.page-subtitle {\n font-size: 1.2rem;\n line-height: 2;\n margin-top: 0;\n margin-bottom: 3rem;\n}\n\n.margin-bottom-20 {\n margin-bottom: 20px;\n}\n\n\n/* Search Module\n========================================================================== */\n\n.search-module-container {\n padding: 26px;\n margin-bottom: 20px;\n}\n\n.search-module {\n display: flex;\n align-items: stretch;\n border-bottom: 1px solid #dee5ef;\n margin-bottom: 13px;\n transition: all .2s;\n}\n\n.search-module:hover,\n.search-module:focus-within {\n border-bottom-color: var(--links);\n}\n\n.search-module-icon {\n color: #898d92;\n margin-right: 8px;\n align-self: center;\n}\n\n.search-module-input {\n background-color: transparent;\n width: 100%;\n outline: none;\n border: none;\n padding: 12px 0;\n transition: all .2s;\n color: var(--text);\n}\n\n.search-module-input::placeholder {\n transition: all .2s;\n}\n\n.search-module-clear {\n color: #898d92;\n font-size: 1rem;\n background: transparent;\n border: none;\n margin: 0;\n outline: none;\n padding: 0 0 0 12px;\n transition: all .2s;\n}\n\n.search-module-clear:hover {\n opacity: .65;\n}\n\n.search-module:hover .search-module-icon,\n.search-module:focus-within .search-module-icon,\n.search-module:hover .search-module-input::placeholder,\n.search-module:focus-within .search-module-input::placeholder {\n color: var(--links)\n}\n\n\n/* Filters\n========================================================================== */\n\n.filter-list {\n display: flex;\n flex-wrap: wrap;\n position: relative;\n}\n.filter-list \u003e * {\n margin: 0 0 10px;\n width: 100%;\n}\n.odswidget-select .odswidget-select-dropdown.open .odswidget-select-dropdown-menu {\n width: 100%\n}\n.clear-filters {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.clear-filters-button:hover {\n opacity: 0.65;\n}\n.odswidget-select,\n.odswidget-select .odswidget-select-dropdown {\n width: 100%;\n}\n@media screen and (min-width: 500px) {\n .filter-list \u003e * {\n margin: 0 10px 10px 0;\n width: inherit;\n }\n .odswidget-select .odswidget-select-dropdown.open .odswidget-select-dropdown-menu {\n width: max-content;\n min-width: 240px;\n }\n}\n\n/*********** Filter date ************/\n.filter-date {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin: 13px 26px 32px 26px;\n}\n.odswidget-date-range-slider {\n width: 100%;\n}\n.filter-date-button {\n margin-left: 0;\n margin-top: 13px;\n white-space: nowrap;\n text-decoration: underline;\n}\n.filter-date-button:not(.filter-date-button-disabled):hover {\n opacity: 0.65;\n}\n.filter-date-button-disabled {\n opacity: 0.5;\n pointer-event: none;\n text-decoration: none;\n}\n\n@media screen and (min-width: 500px) {\n .filter-date {\n flex-direction: row;\n }\n .filter-date-button {\n margin-left: 50px;\n margin-top: 0;\n }\n}\n\n/* date range slider style override */\n.odswidget-date-range-slider .irs--flat .irs-from, .odswidget-date-range-slider .irs--flat .irs-single, .odswidget-date-range-slider .irs--flat .irs-to {\n color: var(--text);\n border: 1px solid #cbd2db;\n border-radius: 2rem;\n background: #FFFFFF;\n}\n.odswidget-date-range-slider .irs--flat .irs-from:before, .odswidget-date-range-slider .irs--flat .irs-single:before, .odswidget-date-range-slider .irs--flat .irs-to:before {\n border-top-color: var(--text);\n}\n.odswidget-date-range-slider .irs--flat .irs-bar {\n background-color: var(--highlight);\n}\n.odswidget-date-range-slider .irs--flat .irs-handle\u003ei:first-child {\n background-color: var(--highlight);\n}\n.odswidget-date-range-slider .irs--flat .irs-handle.state_hover\u003ei:first-child, .odswidget-date-range-slider .irs--flat .irs-handle:hover\u003ei:first-child {\n background-color: var(--text);\n}\n\n\n\n/* Content Card\n========================================================================== */\n\n.content-card {\n background-color: var(--boxes-background);\n border-radius: 4px;\n height: 100%;\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13);\n}\n\n.content-card-horizontal {\n display: flex;\n}\n\n.content-card-horizontal .content-card-img {\n height: auto;\n flex: 0 0 25%;\n width: 25%;\n border-radius: 4px 0 0 4px;\n}\n\n.content-card-img {\n display: block;\n height: 110px;\n background-position: center;\n background-size: cover;\n background-repeat: no-repeat;\n}\n\n.content-card-body {\n padding: 26px;\n flex: 1 1 auto;\n}\n\n.content-card-title {\n color: var(--titles);\n font-size: 1.2rem;\n line-height: 1.5;\n font-weight: normal;\n margin-top: 0;\n margin-bottom: 13px;\n max-width: 100%;\n}\n\n.content-card-description {\n color: var(--text);\n font-size: 1rem;\n line-height: 1.5;\n font-weight: normal;\n margin-top: 0;\n margin-bottom: 26px;\n max-width: 100%;\n}\n\n.content-card-fields dt {\n font-size: 0.8rem;\n opacity: 0.8;\n}\n\n.content-card-fields dd {\n margin-left: 0;\n}\n\n.content-card-icon {\n color: var(--highlight);\n font-size: 2rem;\n margin-bottom: 13px;\n max-width: 100%;\n}\n\n.content-card-link {\n color: var(--links);\n font-weight: bold;\n transition: all .2s;\n opacity: 1;\n max-width: 100%;\n}\n\n.content-card-link:hover {\n opacity: .7;\n text-decoration: none;\n}\n\n.content-card-button {\n color: var(--highlight);\n border: 1px solid var(--highlight);\n background: transparent;\n display: inline-block;\n text-align: center;\n font-size: .867rem;\n border-radius: 4px;\n padding: .5rem 1.15rem;\n text-decoration: none;\n transition: all .2s;\n}\n\n.content-card-button:hover {\n background-color: var(--highlight);\n color: #FFFFFF;\n text-decoration: none;\n}\n\n\n/* KPI Card\n========================================================================== */\n\n@media screen and (min-width: 992px) {\n .kpis-container {\n display: flex;\n justify-content: center;\n }\n}\n\n.kpi-card {\n background-color: var(--boxes-background);\n height: 100%;\n padding: 39px;\n border-radius: 4px;\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n text-align: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n text-align: center;\n}\n\n.kpi-icon {\n color: var(--highlight);\n color: var(--secondary-color);\n font-size: 4rem;\n margin-top: 0;\n margin-bottom: 13px;\n max-width: 100%;\n}\n\n.kpi-title {\n font-weight: normal;\n color: var(--highlight);\n font-size: 3.2rem;\n margin-top: 0;\n margin-bottom: 13px;\n max-width: 100%;\n}\n\n.kpi-unit {\n font-size: 0.8em;\n color: var(--secondary-color);\n}\n\n.kpi-description {\n color: var(--text);\n font-size: 1rem;\n line-height: 1.5;\n font-weight: normal;\n margin-top: 0;\n margin-bottom: 0;\n max-width: 100%;\n}\n\n\n/* Table Module Basic\n========================================================================== */\n\n.table-module {\n height: 1000px;\n overflow-y: auto;\n}\n\n.table-basic {\n display: table;\n border-collapse: collapse;\n width: 100%;\n white-space: nowrap;\n background-color: #FFFFFF;\n margin-bottom: 20px;\n}\n\n.table-basic thead th {\n color: var(--titles);\n background-color: #f6f8fb;\n font-weight: 500;\n padding: 13px 3px;\n position: sticky;\n top: 0;\n z-index: 1;\n}\n\n.table-basic thead th:first-child,\n.table-basic tbody td:first-child {\n padding-left: 13px;\n}\n\n.table-basic tr td,\n.table-basic tbody th {\n font-weight: normal;\n border-top: 1px solid #dee5ef;\n}\n\n.table-basic tr td {\n padding: 13px 3px;\n}\n\n.table-basic td {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.table-dropdown-button {\n width: 28px;\n height: 28px;\n padding: 0;\n line-height: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n background: white;\n border: 1px solid transparent;\n border-radius: 4px;\n margin-left: auto;\n}\n\n.table-basic tr:hover .table-dropdown-button {\n border-color: var(--highlight);\n text-decoration: none;\n}\n\n/** Specific override for custom views **/\n@media screen and (min-width: 1408px) {\n .ods-dataset-visualization .ods-tabs__pane .container:not(.is-max-desktop):not(.is-max-widescreen) {\n max-width: 100%;\n }\n}\n@media screen and (min-width: 1216px) {\n .ods-dataset-visualization .ods-tabs__pane .container:not(.is-max-desktop) {\n max-width: 100%;\n }\n}\n@media screen and (min-width: 1024px) {\n .ods-dataset-visualization .ods-tabs__pane .container {\n max-width: 100%;\n }\n}\n" + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"container\"\n\n ng-init=\"domain = 'data.haute-garonne.fr';\n datasetid = 'datalocale-deliberation';\n\n sort = 'delib_date';\n\n filters = [\n {'id':'coll_nom','multiple':true,'label':'Nom de la collectivité'},\n {'id':'delib_matiere_nom','multiple':true,'label':'Nom de la matière de la délibération' },\n ];\n fieldDate = 'delib_date';\n resetFiltersButton = true;\n resetFiltersButtonLabel = 'Supprimer tous les filtres';\n fieldDefaultRangeStartsNow = false;\n\n view = 'cards';\n fieldsList = [\n {'field':'delib_objet', 'label': ''},\n {'field':'budget_nom', 'label': 'Type de budget'},\n {'field':'vote_pour', 'label': 'Nb de vote pour'},\n {'field':'vote_contre', 'label': 'Nb de vote contre'},\n {'field':'delib_date', 'label': 'Date de la délibération', 'format': 'date'}\n ];\n fieldLink = 'delib_url';\n fieldLinkLabel = 'Voir la délibération en PDF';\n\n cardTitle = 'delib_matiere_nom';\n fieldPhoto = '';\n imagePosition = 'left';\n itemsPerRow = '2';\n\n mapView = false;\n mapPicto = '';\n mapPictoColor = '';\n\n sourceLinkLabel = 'Accéder aux données source';\n noResultMsg = 'Aucun résultat';\n\n\n DO_NOT_MODIFY_BELOW;\n\n localctxfields = {};\n values = {};\n activeFilters = {};\n localctx = undefined;\n \"\u003e\n\n \u003cods-dataset-context context=\"localctx\"\n localctx-domain=\"{{ domain || localctx.domain }}\"\n localctx-dataset=\"{{ datasetid || localctx.dataset.datasetid }}\"\u003e\n {{ localctx = ctx || localctx ; '' }}\n\n \u003c!-- Private datasets can be accessed by adding an API Key.\n Add this param to the \u003cods-dataset-context above,\n where XXX is your apikey :\n localctx-apikey=\"XXX\"\n --\u003e\n \u003cods-dataset-context ng-if=\"localctx.dataset.datasetid\"\n context=\"localctxdate\"\n localctxdate-domain=\"{{ localctx.domain }}\"\n localctxdate-dataset=\"{{ localctx.dataset.datasetid }}\"\u003e\n\n \u003cspan ng-if=\"sort\"\u003e\n {{localctx.parameters['sort'] = sort; ''}}\n \u003c/span\u003e\n\n \u003cspan ng-if=\"fieldDefaultRangeStartsNow\"\u003e\n {{localctxdate.parameters={'q.date': fieldDate + '\u0026gt;#now()'}; ''}}\n \u003c/span\u003e\n\n \u003cdiv ng-show=\"!$parent.$parent.$parent.$parent.$parent || blocks\"\u003e\n \u003ch1 class=\"page-title\"\u003e\n {{ localctx.dataset.metas.title }}\n \u003c/h1\u003e\n\n \u003cp class=\"page-subtitle\" ng-bind-html=\"localctx.dataset.metas.description | shortSummary\"\u003e\u003c/p\u003e\n \u003c/div\u003e\n\n \u003cspan ng-repeat=\"field in localctx.dataset.fields\"\u003e\n {{ localctxfields[field.name] = field.label; '' }}\n \u003c/span\u003e\n\n \u003cdiv ng-if=\"!$parent.$parent.$parent.$parent.$parent || blocks\"\u003e\n \u003cspan ng-repeat=\"filter in filters\"\u003e\n {{ localctx.parameters['refine.' + filter.id] = activeFilters[filter.id] ; '' }}\n \u003c/span\u003e\n \u003c/div\u003e\n\n \u003cdiv ng-show=\"!$parent.$parent.$parent.$parent.$parent || blocks\" class=\"content-card search-module-container\"\u003e\n \u003c!-- SEARCH --\u003e\n \u003cdiv class=\"search-module\"\u003e\n \u003ci class=\"fa fa-search search-module-icon\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cinput placeholder=\"Rechercher\"\n ng-model=\"localctx.parameters['q']\"\n ng-model-options=\"{ updateOn: 'keyup', debounce: { 'default': 300, 'blur': 0 }}\"\n ng-change=\"localctx.parameters['start'] = undefined\"\n class=\"search-module-input\"\n type=\"text\"/\u003e\n \u003cbutton class=\"search-module-clear\"\n ng-if=\"localctx.parameters['q']\"\n ng-click=\"localctx.parameters['q'] = undefined;\n localctx.parameters['start'] = undefined\"\u003e\n \u003ci class=\"fa fa-times-circle\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/button\u003e\n \u003c/div\u003e\n\n \u003c!-- FILTERS Search \u0026 Select --\u003e\n \u003cdiv class=\"filter-list\"\n ng-init=\"dropdown.open = '';\n select = {}\"\u003e\n \u003cdiv ng-repeat=\"filter in filters\"\u003e\n {{ localctx.parameters['disjunctive.' + filter.id] = true; '' }}\n \u003cdiv ods-facet-results=\"categories\"\n ods-facet-results-facet-name=\"{{ filter.id }}\"\n ods-facet-results-context=\"localctx\"\n ods-facet-results-sort=\"alphanum\"\u003e\n \u003cods-select ng-if=\"categories\"\n selected-values=\"activeFilters[filter.id]\"\n multiple=\"filter.multiple\"\n options=\"categories\"\n label-modifier=\"name\"\n value-modifier=\"name\"\n on-change=\"localctx.parameters['start'] = undefined\"\n placeholder=\"{{ filter.label || localctxfields[filter.id] }}\"\u003e\u003c/ods-select\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"clear-filters\"\n ng-show=\"(activeFilters | values).join('') || localctx.parameters['geofilter.distance'] || localctx.parameters['geofilter.polygon']\"\u003e\n \u003cbutton class=\"clear-filters-button\"\n ng-click=\"activeFilters = {};\n localctx.parameters['geofilter.distance'] = undefined;\n localctx.parameters['geofilter.polygon'] = undefined;\n localctx.parameters['start'] = undefined\"\u003e\n {{ resetFiltersButtonLabel }}\n \u003ci class=\"fa fa-times-circle\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/button\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003c!-- FILTERS date (if any) --\u003e\n \u003cdiv class=\"filter-date\"\n ng-if=\"fieldDate\"\u003e\n \u003c!--\n On récupère la plage de date du jeu de données. On fait une analyse pour récupérer la première et dernière date du champs date_de_restitution\n pour le min: conditionnelle pour ajouter le 0 si le mois ou le jour est inférieur à 10 pour avoir une date iso\n [dateminmax.results.length-1] : permet de récupérer dynamiquement le dernier élément de l'array du results =\u003e donc ici on calcule le nombre d'éléments dans l'array pour la date, donc 2, et 2-1= 1 donc 2019\n Pareil que précédemment, ne pas hésiter à enlever le '' pour voir le comportement\n --\u003e\n \u003cspan ods-analysis=\"dateminmax\"\n ods-analysis-context=\"localctxdate\"\n ods-analysis-x-year=\"{{ fieldDate }}.year\"\n ods-analysis-x-month=\"{{ fieldDate }}.month\"\n ods-analysis-x-day=\"{{ fieldDate }}.day\"\n ods-analysis-serie-c=\"COUNT()\"\n ods-analysis-sort=\"x.{{ fieldDate }}.year,x.{{ fieldDate }}.month,x.{{ fieldDate }}.day\"\u003e\n \u003cspan ng-if=\"dateminmax.results \u0026\u0026 dateminmax.results.length \u003e 0\"\u003e\n {{ values['periode']['min'] = dateminmax.results[0].x.year + '-' + (10 \u003e dateminmax.results[0].x.month?'0':'') + dateminmax.results[0].x.month + '-' + (10 \u003e dateminmax.results[0].x.day?'0':'') + dateminmax.results[0].x.day;\n values['periode']['max'] = dateminmax.results[dateminmax.results.length-1].x.year + '-' + (10 \u003e dateminmax.results[dateminmax.results.length-1].x.month?'0':'') + dateminmax.results[dateminmax.results.length-1].x.month + '-' + (10 \u003e dateminmax.results[dateminmax.results.length-1].x.day?'0':'') + dateminmax.results[dateminmax.results.length-1].x.day;\n ''}}\n \u003c/span\u003e\n \u003c/span\u003e\n\n \u003c!-- Affichage du range slider: les dates récupérées dans l'analyse pour initialiser les bounds\n la sélection période par défaut avec le mois + 1\n le min/maxselection qui correspondent aux bornes choisies par le user --\u003e\n\n \u003cods-date-range-slider ng-if=\"values.periode.min \u0026\u0026 values.periode.max\"\n context=\"localctx\"\n initial-from=\"{{ values.periode.min }}\"\n initial-to=\"{{ values.periode.max }}\"\n start-bound=\"values.periode.min\"\n end-bound=\"values.periode.max\"\n date-field=\"{{ fieldDate }}\"\n precision=\"day\"\n from=\"values.periode.minselection\"\n to=\"values.periode.maxselection\"\u003e\n \u003c/ods-date-range-slider\u003e\n\n \u003c!-- le click sur toute la période resette la période choisie sur la date min et max --\u003e\n \u003cbutton ng-if=\"resetFiltersButton \u0026\u0026 values.periode.min \u0026\u0026 values.periode.max\"\n ng-disabled=\"values.periode.minselection == values.periode.min \u0026\u0026\n values.periode.maxselection == values.periode.max\"\n class=\"filter-date-button\"\n ng-class=\"{'filter-date-button-disabled':\n values.periode.minselection == values.periode.min \u0026\u0026\n values.periode.maxselection == values.periode.max}\"\n ng-click=\"values.periode.minselection = values.periode.min;\n values.periode.maxselection = values.periode.max;\n localctx.parameters['start'] = undefined\"\u003e\n Toute la période \u003ci class=\"fa fa-arrows-h\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/button\u003e\n\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003c!-- KPIs --\u003e\n \u003csection class=\"kpis-container row row-equal-height\"\u003e\n \u003cdiv class=\"{{ 'col-md-' + (12/itemsPerRow) }} margin-bottom-20\"\n ng-repeat=\"kpi in kpis\"\u003e\n \u003c!-- KPI box component --\u003e\n \u003cdiv class=\"kpi-card\"\n tabindex=\"0\"\n ods-adv-analysis=\"agg\"\n ods-adv-analysis-context=\"localctx\"\n ods-adv-analysis-select=\"{{ kpi.select }} as x\"\u003e\n \u003ci ng-if=\"kpi.faicon\"\n class=\"kpi-icon fa fa-{{ kpi.faicon }}\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cp class=\"kpi-title\"\u003e\n {{ (agg[0].x || 0) | number : (kpi.precision || 0) }}\n \u003cspan ng-if=\"kpi.unit\" class=\"kpi-unit\"\u003e{{ kpi.unit }}\u003c/span\u003e\n \u003c/p\u003e\n \u003cp class=\"kpi-description\"\u003e\n {{ kpi.title }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n\n \u003c!-- Source link --\u003e\n \u003cdiv ng-show=\"!$parent.$parent.$parent.$parent.$parent\"\u003e\n \u003cdiv class=\"margin-bottom-20\" style=\"text-align: right; width: 100%\"\u003e\n \u003ca href=\"https://{{ domain }}/explore/dataset/{{ datasetid }}/\"\n target=\"_blank\"\u003e{{ sourceLinkLabel }}\u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003c!-- TABLE --\u003e\n \u003csection ng-if=\"view == 'table'\"\n class=\"content-card\"\u003e\n \u003cdiv class=\"table-module\"\u003e\n \u003ctable class=\"table-basic\"\n id=\"tableref\"\n ods-results=\"items\"\n ods-results-context=\"localctx\"\n ods-results-max=\"10\"\u003e\n \u003c!-- prevent user selection/filters to display a page that is off limits from results (for example: display page 12 of a list of less than 119 items) --\u003e\n {{ localctx.parameters['start'] =\n (localctx.nhits - localctx.parameters['start']) \u0026lt;= 0 ? undefined : localctx.parameters['start'] ; '' }}\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth ng-if=\"!fieldsList[0].field\"\n ng-repeat=\"field in fieldsList\"\u003e{{ localctxfields[field] }}\u003c/th\u003e\n \u003cth ng-if=\"fieldsList[0].field\"\n ng-repeat=\"fieldconfig in fieldsList\"\u003e{{ fieldconfig.label || localctxfields[fieldconfig.field] }}\u003c/th\u003e\n \u003cth ng-if=\"fieldLink\"\u003e\u003c/th\u003e\n \u003c/tr\u003e\n \u003c/thead\u003e\n \u003ctbody\u003e\n \u003ctr tabindex=\"0\"\n ng-repeat=\"item in items\"\u003e\n \u003ctd ng-if=\"!fieldsList[0].field\"\n ng-repeat=\"field in fieldsList\"\n style=\"max-width: calc(100vw / {{ fieldsList.length }});\"\n title=\"{{ localctxfields[field] }}\"\u003e\n {{ item.fields[field] }}\n \u003c/td\u003e\n \u003ctd ng-if=\"fieldsList[0].field\"\n ng-repeat=\"fieldconfig in fieldsList\"\n style=\"max-width: calc(100vw / {{ fieldsList.length }});\"\n title=\"{{ localctxfields[fieldconfig.field] }}\"\u003e\n \u003cspan ng-switch=\"fieldconfig.format\"\u003e\n \u003cspan ng-switch-when=\"number\"\u003e\n {{ item.fields[fieldconfig.field] | number : (fieldconfig.options.precision || 0) }} {{ fieldconfig.options.unit }}\n \u003c/span\u003e\n \u003cspan ng-switch-when=\"date\"\u003e\n {{ item.fields[fieldconfig.field] | date : (fieldconfig.options.dateFormat || 'mediumDate') }}\n \u003c/span\u003e\n \u003cspan ng-switch-default\u003e\n {{ item.fields[fieldconfig.field] }}\n \u003c/span\u003e\n \u003c/span\u003e\n \u003c/td\u003e\n \u003ctd ng-if=\"fieldLink\"\u003e\n \u003c!-- if fieldLink is a json and contains the 'id' key, it means that the link points to a file hosted on ODS platform and can be downloaded. If it's an external link, the other link tag is used --\u003e\n \u003ca ng-if=\"item.fields[fieldLink].id\"\n href=\"https://{{ domain }}/explore/dataset/{{ datasetid }}/files/{{ item.fields[fieldLink].id }}/download/\"\n target=\"_blank\"\n title=\"{{ fieldLinkLabel }}\"\n class=\"table-dropdown-button\"\u003e\n \u003ci class=\"fa fa-external-link\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n\n \u003c!-- fieldLink is used here\n For more advanced scenario, you can send the user to :\n\n - the dataset table filtered with the fieldLink value, through a text query\n href=\"/explore/dataset/{{ datasetid }}/table?q={{ item.fields[fieldLink] }}\"\n\n - the dataset table filtered with the fieldLink value, through a refine on the field\n href=\"/explore/dataset/{{ datasetid }}/table?refine.{{ fieldLink }}={{ item.fields[fieldLink] }}\"\n\n - a page using url-sync=true setting :\n href=\"/pages/yourpage/?refine.{{ fieldLink }}={{ item.fields[fieldLink] }}\"\n --\u003e\n\n \u003ca ng-if=\"!item.fields[fieldLink].id\"\n href=\"{{ item.fields[fieldLink] }}\"\n target=\"_blank\"\n title=\"{{ fieldLinkLabel }}\"\n class=\"table-dropdown-button\"\u003e\n \u003ci class=\"fa fa-external-link\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/td\u003e\n \u003c/tr\u003e\n \u003c/tbody\u003e\n \u003c/table\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003cods-pagination-block ng-if=\"view == 'table'\"\n context=\"localctx\"\n per-page=\"10\"\n nofollow=\"true\"\n container-identifier=\"tableref\"\u003e\n \u003c/ods-pagination-block\u003e\n\n \u003c!-- CARDS --\u003e\n \u003csection ng-if=\"view == 'cards'\"\n class=\"row\"\u003e\n \u003cdiv class=\"{{ 'col-md-' + (mapView?5:12) }} {{ mapView ? 'map-active':''}}\"\u003e\n \u003cods-infinite-scroll-results context=\"localctx\"\n list-class=\"row row-equal-height listing\"\n result-class=\"{{ 'col-md-' + (12/(mapView?1:itemsPerRow)) }} margin-bottom-20\"\n no-results-message=\"{{ noResultMsg }}\"\u003e\n \u003cdiv class=\"content-card\"\n tabindex=\"0\"\n ng-class=\"{'content-card-horizontal': $parent.$parent.$parent.$parent.$parent.imagePosition === 'left' }\"\u003e\n \u003cdiv class=\"content-card-img\"\n ng-if=\"item.fields[$parent.$parent.$parent.$parent.$parent.fieldPhoto]\"\n style=\"{{ 'background-image: url(https://' + $parent.$parent.$parent.$parent.$parent.domain + '/explore/dataset/' + $parent.$parent.$parent.$parent.$parent.datasetid + '/files/' + item.fields[$parent.$parent.$parent.$parent.$parent.fieldPhoto].id + '/300/);' }}\"\u003e\n \u003c/div\u003e\n \u003cdiv class=\"content-card-body\"\u003e\n \u003ch2 class=\"content-card-title text-center\"\u003e\n {{ item.fields[$parent.$parent.$parent.$parent.$parent.cardTitle] }}\n \u003c/h2\u003e\n \u003cdiv class=\"content-card-fields\"\u003e\n \u003c!-- If fieldsList is an array of fields ID --\u003e\n \u003cdl ng-if=\"!$parent.$parent.$parent.$parent.$parent.fieldsList[0].field\"\u003e\n \u003cdt ng-repeat-start=\"field in $parent.$parent.$parent.$parent.$parent.fieldsList\"\u003e\n {{ $parent.$parent.$parent.$parent.$parent.localctxfields[field] }}\n \u003c/dt\u003e\n \u003cdd ng-repeat-end\u003e\n {{ item.fields[field] }}\n \u003c/dd\u003e\n \u003c/dl\u003e\n \u003c!-- If fieldsList is an object (advanced settings of fields) --\u003e\n \u003cdl ng-if=\"$parent.$parent.$parent.$parent.$parent.fieldsList[0].field\"\u003e\n \u003cdt ng-repeat-start=\"fieldconfig in $parent.$parent.$parent.$parent.$parent.fieldsList\"\n ng-show=\"item.fields[fieldconfig.field]\"\u003e\n {{ (fieldconfig|keys).indexOf('label')\u003e=0?fieldconfig.label : $parent.$parent.$parent.$parent.$parent.localctxfields[fieldconfig.field] }}\n \u003c/dt\u003e\n \u003cdd ng-show=\"item.fields[fieldconfig.field]\"\n ng-switch=\"fieldconfig.format\"\n ng-repeat-end\u003e\n \u003cspan ng-switch-when=\"number\"\u003e\n {{ item.fields[fieldconfig.field] | number : (fieldconfig.options.precision || 0) }} {{ fieldconfig.options.unit }}\n \u003c/span\u003e\n \u003cspan ng-switch-when=\"date\"\u003e\n {{ item.fields[fieldconfig.field] | date : (fieldconfig.options.dateFormat || 'mediumDate') }}\n \u003c/span\u003e\n \u003cspan ng-switch-default\u003e\n {{ item.fields[fieldconfig.field] }}\n \u003c/span\u003e\n \u003c/dd\u003e\n \u003c/dl\u003e\n \u003c/div\u003e\n \u003cdiv ng-if=\"$parent.$parent.$parent.$parent.$parent.fieldLink\" class=\"text-center\"\u003e\n \u003c!-- if fieldLink is a json and contains the 'id' key, it means that the link points to a file hosted on ODS platform and can be downloaded. If it's an external link, the other link tag is used --\u003e\n \u003ca ng-if=\"item.fields[$parent.$parent.$parent.$parent.$parent.fieldLink].id\"\n href=\"https://{{ $parent.$parent.$parent.$parent.$parent.domain }}/explore/dataset/{{ $parent.$parent.$parent.$parent.$parent.datasetid }}/files/{{ item.fields[$parent.$parent.$parent.$parent.$parent.fieldLink].id }}/download/\"\n target=\"_blank\"\n class=\"content-card-button\"\u003e\n {{ $parent.$parent.$parent.$parent.$parent.fieldLinkLabel }}\n \u003c/a\u003e\n\n \u003c!-- fieldLink is used here\n For more advanced scenario, you can send the user to :\n\n - the dataset table filtered with the fieldLink value, through a text query\n href=\"/explore/dataset/{{ $parent.$parent.$parent.$parent.$parent.datasetid }}/table?q={{ item.fields[$parent.$parent.$parent.$parent.$parent.fieldLink] }}\"\n\n - the dataset table filtered with the fieldLink value, through a refine on the field\n href=\"/explore/dataset/{{ $parent.$parent.$parent.$parent.$parent.datasetid }}/table?refine.{{ $parent.$parent.$parent.$parent.$parent.fieldLink }}={{ item.fields[$root.fieldLink] }}\"\n\n - a page using url-sync=true setting :\n href=\"/pages/yourpage/?refine.{{ $parent.$parent.$parent.$parent.$parent.fieldLink }}={{ item.fields[$parent.$parent.$parent.$parent.$parent.fieldLink] }}\"\n --\u003e\n \u003ca ng-if=\"!item.fields[$parent.$parent.$parent.$parent.$parent.fieldLink].id\" href=\"{{ item.fields[$parent.$parent.$parent.$parent.$parent.fieldLink] }}\"\n target=\"_blank\"\n class=\"content-card-button\"\u003e\n {{ $parent.$parent.$parent.$parent.$parent.fieldLinkLabel }}\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/ods-infinite-scroll-results\u003e\n \u003c/div\u003e\n \u003cdiv ng-if=\"mapView\" class=\"col-md-7\"\u003e\n \u003cods-map no-refit=\"false\"\n scroll-wheel-zoom=\"false\"\u003e\n \u003cods-map-layer-group\u003e\n \u003cods-map-layer context=\"localctx\"\n color=\"{{ mapPictoColor }}\"\n picto=\"{{ mapPicto }}\"\n show-marker=\"true\"\n display=\"auto\"\n shape-opacity=\"0.5\"\n point-opacity=\"1\"\n border-color=\"#FFFFFF\"\n border-opacity=\"1\"\n border-size=\"1\"\n border-pattern=\"solid\"\n size=\"4\"\n size-min=\"3\"\n size-max=\"5\"\n size-function=\"linear\"\u003e\u003c/ods-map-layer\u003e\n \u003c/ods-map-layer-group\u003e\n \u003c/ods-map\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n\n\n \u003c/ods-dataset-context\u003e\n \u003c/ods-dataset-context\u003e\n\n\u003c/div\u003e\u003c/div\u003e", + "css": "/* General Layout\n========================================================================== */\n:root {\n --secondary-color: black;\n}\n\n#page- {\n margin: 6rem 0 3em 0;\n}\n\n/**\n * License: MIT License\n * Generated on 25 Jun 2021\n * Author: Labs from opendatasoft\n * Version: 0.3\n * Description: ODS Layout over-ride to Flexbox system\n */\n.row.full-height{height:100%}.row{display:flex;flex-wrap:wrap;justify-content: start;}.row\u003e*{margin-bottom:20px}.order-0{order:0}@media screen and (min-width:750px){.order-sm-0{order:0}}@media screen and (min-width:970px){.order-md-0{order:0}}@media screen and (min-width:1170px){.order-lg-0{order:0}.order-lg-1{order:1}}.order-1{order:1}@media screen and (min-width:750px){.order-sm-1{order:1}}@media screen and (min-width:970px){.order-md-1{order:1}.order-md-2{order:2}}.order-2{order:2}@media screen and (min-width:750px){.order-sm-2{order:2}}@media screen and (min-width:1170px){.order-lg-2{order:2}.order-lg-3{order:3}}.order-3{order:3}@media screen and (min-width:750px){.order-sm-3{order:3}}@media screen and (min-width:970px){.order-md-3{order:3}.order-md-4{order:4}}.order-4{order:4}@media screen and (min-width:750px){.order-sm-4{order:4}}@media screen and (min-width:1170px){.order-lg-4{order:4}.order-lg-5{order:5}}.order-5{order:5}@media screen and (min-width:750px){.order-sm-5{order:5}}@media screen and (min-width:970px){.order-md-5{order:5}.order-md-6{order:6}}.order-6{order:6}@media screen and (min-width:750px){.order-sm-6{order:6}}@media screen and (min-width:1170px){.order-lg-6{order:6}.order-lg-7{order:7}}.order-7{order:7}@media screen and (min-width:750px){.order-sm-7{order:7}}@media screen and (min-width:970px){.order-md-7{order:7}.order-md-8{order:8}}.order-8{order:8}@media screen and (min-width:750px){.order-sm-8{order:8}}@media screen and (min-width:1170px){.order-lg-8{order:8}.order-lg-9{order:9}}.order-9{order:9}@media screen and (min-width:750px){.order-sm-9{order:9}}@media screen and (min-width:970px){.order-md-9{order:9}.order-md-10{order:10}}.order-10{order:10}@media screen and (min-width:750px){.order-sm-10{order:10}}@media screen and (min-width:1170px){.order-lg-10{order:10}.order-lg-11{order:11}}.order-11{order:11}@media screen and (min-width:750px){.order-sm-11{order:11}}@media screen and (min-width:970px){.order-md-11{order:11}.order-md-12{order:12}}.order-12{order:12}@media screen and (min-width:750px){.order-sm-12{order:12}}@media screen and (min-width:1170px){.order-lg-12{order:12}}@media screen and (max-width:1169px){:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-1,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-10,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-11,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-12,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-2,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-3,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-4,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-5,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-6,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-7,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-8,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-9{width:100%}}@media screen and (max-width:969px){:not([class*=col-sm]):not([class*=col-xs]).col-md-1,:not([class*=col-sm]):not([class*=col-xs]).col-md-10,:not([class*=col-sm]):not([class*=col-xs]).col-md-11,:not([class*=col-sm]):not([class*=col-xs]).col-md-12,:not([class*=col-sm]):not([class*=col-xs]).col-md-2,:not([class*=col-sm]):not([class*=col-xs]).col-md-3,:not([class*=col-sm]):not([class*=col-xs]).col-md-4,:not([class*=col-sm]):not([class*=col-xs]).col-md-5,:not([class*=col-sm]):not([class*=col-xs]).col-md-6,:not([class*=col-sm]):not([class*=col-xs]).col-md-7,:not([class*=col-sm]):not([class*=col-xs]).col-md-8,:not([class*=col-sm]):not([class*=col-xs]).col-md-9{width:100%}}@media screen and (max-width:749px){.row{flex-direction:column}:not([class*=col-xs]).col-sm-1,:not([class*=col-xs]).col-sm-10,:not([class*=col-xs]).col-sm-11,:not([class*=col-xs]).col-sm-12,:not([class*=col-xs]).col-sm-2,:not([class*=col-xs]).col-sm-3,:not([class*=col-xs]).col-sm-4,:not([class*=col-xs]).col-sm-5,:not([class*=col-xs]).col-sm-6,:not([class*=col-xs]).col-sm-7,:not([class*=col-xs]).col-sm-8,:not([class*=col-xs]).col-sm-9{width:100%}}.no-margin-bottom,.no-mb{margin-bottom:0!important}.no-margin-x,.no-mx{margin-left:0!important;margin-right:0!important}\n\n\n.page-title {\n font-size: 3rem;\n font-weight: bold;\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\n.page-subtitle {\n font-size: 1.2rem;\n line-height: 2;\n margin-top: 0;\n margin-bottom: 3rem;\n}\n\n.margin-bottom-20 {\n margin-bottom: 20px;\n}\n\n\n/* Search Module\n========================================================================== */\n\n.search-module-container {\n padding: 26px;\n margin: 20px 0;\n}\n\n.search-module {\n display: flex;\n align-items: stretch;\n border-bottom: 1px solid #dee5ef;\n margin-bottom: 13px;\n transition: all .2s;\n}\n\n.search-module:hover,\n.search-module:focus-within {\n border-bottom-color: var(--links);\n}\n\n.search-module-icon {\n color: #898d92;\n margin-right: 8px;\n align-self: center;\n}\n\n.search-module-input {\n background-color: transparent;\n width: 100%;\n outline: none;\n border: none;\n padding: 12px 0;\n transition: all .2s;\n color: var(--text);\n}\n\n.search-module-input::placeholder {\n transition: all .2s;\n}\n\n.search-module-clear {\n color: #898d92;\n font-size: 1rem;\n background: transparent;\n border: none;\n margin: 0;\n outline: none;\n padding: 0 0 0 12px;\n transition: all .2s;\n}\n\n.search-module-clear:hover {\n opacity: .65;\n}\n\n.search-module:hover .search-module-icon,\n.search-module:focus-within .search-module-icon,\n.search-module:hover .search-module-input::placeholder,\n.search-module:focus-within .search-module-input::placeholder {\n color: var(--links)\n}\n\n\n/* Filters\n========================================================================== */\n\n.filter-list {\n display: flex;\n flex-wrap: wrap;\n position: relative;\n}\n.filter-list \u003e * {\n margin: 0 0 10px;\n width: 100%;\n}\n.odswidget-select .odswidget-select-dropdown.open .odswidget-select-dropdown-menu {\n width: 100%\n}\n.clear-filters {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.clear-filters-button {\n background: none;\n border: none;\n color: var(--text);\n}\n.clear-filters-button:hover {\n opacity: 0.65;\n}\n.odswidget-select,\n.odswidget-select .odswidget-select-dropdown {\n width: 100%;\n}\n@media screen and (min-width: 500px) {\n .filter-list \u003e * {\n margin: 0 10px 10px 0;\n width: inherit;\n }\n .odswidget-select .odswidget-select-dropdown.open .odswidget-select-dropdown-menu {\n width: max-content;\n min-width: 240px;\n }\n}\n.odswidget-select-button:focus:not(.focus-ring) {\n outline: var(--highlight) 2px solid;\n}\n\n/*********** Filter date ************/\n.filter-date {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin: 13px 26px 32px 26px;\n}\n.odswidget-date-range-slider {\n width: 100%;\n}\n.filter-date-button {\n margin-left: 0;\n margin-top: 13px;\n white-space: nowrap;\n text-decoration: underline;\n color: var(--text);\n background: none;\n border: none;\n}\n.filter-date-button:not(.filter-date-button-disabled):hover {\n opacity: 0.65;\n}\n.filter-date-button-disabled {\n opacity: 0.5;\n pointer-event: none;\n text-decoration: none;\n}\n\n@media screen and (min-width: 500px) {\n .filter-date {\n flex-direction: row;\n }\n .filter-date-button {\n margin-left: 50px;\n margin-top: 0;\n }\n}\n\n/* date range slider style override */\n.odswidget-date-range-slider .irs--flat .irs-from, .odswidget-date-range-slider .irs--flat .irs-single, .odswidget-date-range-slider .irs--flat .irs-to {\n color: var(--text);\n border: 1px solid #cbd2db;\n border-radius: 2rem;\n background: #FFFFFF;\n}\n.odswidget-date-range-slider .irs--flat .irs-from:before, .odswidget-date-range-slider .irs--flat .irs-single:before, .odswidget-date-range-slider .irs--flat .irs-to:before {\n border-top-color: var(--text);\n}\n.odswidget-date-range-slider .irs--flat .irs-bar {\n background-color: var(--highlight);\n}\n.odswidget-date-range-slider .irs--flat .irs-handle\u003ei:first-child {\n background-color: var(--highlight);\n}\n.odswidget-date-range-slider .irs--flat .irs-handle.state_hover\u003ei:first-child, .odswidget-date-range-slider .irs--flat .irs-handle:hover\u003ei:first-child {\n background-color: var(--text);\n}\n\n\n\n/* Content Card\n========================================================================== */\n\n.content-card {\n background-color: var(--boxes-background);\n border-radius: 4px;\n height: 100%;\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13);\n}\n\n.content-card-horizontal {\n display: flex;\n}\n\n.content-card-horizontal .content-card-img {\n height: auto;\n flex: 0 0 25%;\n width: 25%;\n border-radius: 4px 0 0 4px;\n}\n\n.content-card-img {\n display: block;\n height: 110px;\n background-position: center;\n background-size: cover;\n background-repeat: no-repeat;\n}\n\n.content-card-body {\n padding: 26px;\n flex: 1 1 auto;\n}\n\n.content-card-title {\n color: var(--titles);\n font-size: 1.2rem;\n line-height: 1.5;\n font-weight: normal;\n margin-top: 0;\n margin-bottom: 13px;\n max-width: 100%;\n}\n\n.content-card-description {\n color: var(--text);\n font-size: 1rem;\n line-height: 1.5;\n font-weight: normal;\n margin-top: 0;\n margin-bottom: 26px;\n max-width: 100%;\n}\n\n.content-card-fields dt {\n font-size: 0.8rem;\n opacity: 0.8;\n}\n\n.content-card-fields dd {\n margin-left: 0;\n}\n\n.content-card-icon {\n color: var(--highlight);\n font-size: 2rem;\n margin-bottom: 13px;\n max-width: 100%;\n}\n\n.content-card-link {\n color: var(--links);\n font-weight: bold;\n transition: all .2s;\n opacity: 1;\n max-width: 100%;\n}\n\n.content-card-link:hover {\n opacity: .7;\n text-decoration: none;\n}\n\n.content-card-button {\n color: var(--highlight);\n border: 1px solid var(--highlight);\n background: transparent;\n display: inline-block;\n text-align: center;\n font-size: .867rem;\n border-radius: 4px;\n padding: .5rem 1.15rem;\n text-decoration: none;\n transition: all .2s;\n}\n\n.content-card-button:hover {\n background-color: var(--highlight);\n color: #FFFFFF;\n text-decoration: none;\n}\n\n\n/* KPI Card\n========================================================================== */\n\n@media screen and (min-width: 992px) {\n .kpis-container {\n display: flex;\n justify-content: center;\n }\n}\n\n.kpi-card {\n background-color: var(--boxes-background);\n height: 100%;\n padding: 39px;\n border-radius: 4px;\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n text-align: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n text-align: center;\n}\n\n.kpi-icon {\n color: var(--highlight);\n color: var(--secondary-color);\n font-size: 4rem;\n margin-top: 0;\n margin-bottom: 13px;\n max-width: 100%;\n}\n\n.kpi-title {\n font-weight: normal;\n color: var(--highlight);\n font-size: 3.2rem;\n margin-top: 0;\n margin-bottom: 13px;\n max-width: 100%;\n}\n\n.kpi-unit {\n font-size: 0.8em;\n color: var(--secondary-color);\n}\n\n.kpi-description {\n color: var(--text);\n font-size: 1rem;\n line-height: 1.5;\n font-weight: normal;\n margin-top: 0;\n margin-bottom: 0;\n max-width: 100%;\n}\n\n\n/* Table Module Basic\n========================================================================== */\n\n.table-basic {\n display: table;\n border-collapse: collapse;\n width: 100%;\n white-space: nowrap;\n background-color: #FFFFFF;\n margin-bottom: 20px;\n}\n\n.table-basic thead th {\n color: var(--titles);\n background-color: #f6f8fb;\n font-weight: 500;\n padding: 13px 3px;\n position: sticky;\n top: 0;\n z-index: 1;\n}\n\n.table-basic thead th:first-child,\n.table-basic tbody td:first-child {\n padding-left: 13px;\n}\n\n.table-basic tr td,\n.table-basic tbody th {\n font-weight: normal;\n border-top: 1px solid #dee5ef;\n}\n\n.table-basic tr td {\n padding: 13px 3px;\n}\n\n.table-basic td {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.table-dropdown-button {\n width: 28px;\n height: 28px;\n padding: 0;\n line-height: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n background: white;\n border: 1px solid transparent;\n border-radius: 4px;\n margin-left: auto;\n}\n\n.table-basic tr:hover .table-dropdown-button {\n border-color: var(--highlight);\n text-decoration: none;\n}\n\n.odswidget-pagination {\n margin-bottom: 50px;\n}\n\n\n\n/* Map */\n.odswidget-map__map {\n min-height: 550px;\n}\n.map-active {\n height: 550px;\n overflow-y: auto;\n}\n\n\n\n/** Specific override for custom views **/\n@media screen and (min-width: 1408px) {\n .ods-dataset-visualization .ods-tabs__pane .container:not(.is-max-desktop):not(.is-max-widescreen) {\n max-width: 100%;\n }\n}\n@media screen and (min-width: 1216px) {\n .ods-dataset-visualization .ods-tabs__pane .container:not(.is-max-desktop) {\n max-width: 100%;\n }\n}\n@media screen and (min-width: 1024px) {\n .ods-dataset-visualization .ods-tabs__pane .container {\n max-width: 100%;\n }\n}\n" }'>

        - -
        -
        -

        - -
    +
    + + + +
    +

    + Listing Generator documentation + + + + + +

    +
    +

    Welcome to the Listing Generator documentation ! +Find the code and live examples above.

    +

    + Before start, important read + +

    +

    The listing generator is an HTML template powered by ods-widgets library from Huwise. ods-widgets library relies on AngularJs and therefore propose directives and expressions to operate dynamic behavior into your pages.
    +Settings set within the page. You’ll therefore need to pay attention to the following section to avoid input mistakes.

    +

    + First, a minimalist example + +

    +

    A simple page containing a variable declaration into an ng-init directive:

    +
    <div ng-init="title = 'Any text here...';
+              anotherVar = 'other value';">
+  <h1>
+    {{ title }} <!-- output: Any text here... -->
+  </h1>
+</div> 
+
      +
    • title is a variable, and Any text here... its value
      • +
    +

    The value is then between quotes '.

    +
    +

    A common error is omitting to escape (protect) apostrophes with a leading backslash (ie \').
    +Apostrophes are used to declare keys and values in object, and therefore are reserved characters. This is the reason why they MUST be escaped.

    +
    wrongVariable = 'I'll be freed from apostrophes'; // This leads to an error !!!
+
    correctVariable = 'I\'ll be freed from apostrophes'; // Ok !
+

    + General settings + + + + + +

    +

    + domain + +

    +

    Domain URL (string) : Must contain the URL of the domain where the dataset is published.

    +
    domain = 'userclub.huwise.com';
+

    + datasetid + +

    +

    Dataset ID (string) : Must contain the ID of the dataset

    +
    datasetid = 'oeuvres-de-johannes-vermeer';
+

    + sort + +

    +

    Sort (string) : a sort parameter

    +
    sort = '-date';
+

    Note: The field must be sortable (numeric,date,facet or sortable text field)

    +

    + Filters settings + + + + + +

    +

    + filters + +

    +

    List of filter configurations to generate the filters panel. +Parameters are :

    +
      +
    • id (string) : the ID of the field
      • +
    • multiple (boolean) : true or false, to allow the user to select multiple values in the filter
      • +
    • label (string) : a custom placeholder instead of the field label
      • +
    +

    Note : The field must be a facet in the dataset
    +Note : Alphanumerical sort is applied in the filter view

    +
    filters = [
+              {'id':'filterid','multiple':true},
+              {'id':'filterid2','multiple':false,'label':'ID of the filter'}
+           ];
+

    + resetFiltersButton + +

    +

    resetFiltersButton (boolean) : true or false, add a reset filters button after filters block –>

    +
    resetFiltersButton = true;
+

    + resetFiltersButtonLabel + +

    +

    resetFiltersButtonLabel (string) : label of the reset filters button

    +
    resetFiltersButtonLabel = 'Clear all filters';
+

    + Date settings + + + + + +

    +

    + fieldDate + +

    +

    fieldDate (string) : a date field to display a date-range-slider

    +
    fieldDate = 'date';
+

    + resetFiltersButton + +

    +

    resetFiltersButton (boolean) : true or false, display a button to reset the date period selection

    +
    resetFiltersButton = true;
+

    + fieldDefaultRangeStartsNow + +

    +

    fieldDefaultRangeStartsNow (boolean) :

    +
      +
    • false : set the date range based on the data, ie. start from the first date, and end to the last date
      • +
    • true : the range starts from now (the calendar day), to the last date
      • +
    +
    fieldDefaultRangeStartsNow = false;
+

    + List view settings + + + + + +

    +

    + view + +

    +

    view (string) : Type of the view to list results, can be table or cards

    +
    view = 'cards';
+

    + noResultMsg (only available if view is set to cards) + +

    +

    noResultMsg (string) : the message to display if no results

    +
    noResultMsg = 'No more results.';
+

    + fieldsList + +

    +

    fieldsList (list) : Set the list of fields

    +
    + Simple mode : can be an array of field IDs + +
    +
    fieldsList = ['title','category','genre','date'];
+
    + Advanced mode : can be an array of object. + +
    +

    Each object describes the field format and provide optional options.

    +
      +
    • field (string) : mandatory, the ID of te field
      • +
    • format (string) : optional, can be ‘date’ or ’number’
      • +
    • options (string) : optional, format options +
        +
      • for number format : +
          +
        • precision (string) : set the number of digit for decimals
          • +
        • unit (string) : set an unit after the value
          • +
        +
        • +
      • for date format : + +
        • +
      • label (string) : optional, define your own label for this field. +
          +
        • if not set : use the default label from the dataset
          • +
        • if set to a string, use this string as label
          • +
        • if set to an empty string '', remove the field label (for cards view only).
          • +
        +
        • +
      +
      • +
    +
    fieldsList = [
+                {'field':'address'},
+                {'field':'city'},
+                {'field':'price', 'format':'number', 'options': {'precision':1, 'unit':'$'}},
+                {'field':'date_start','format':'date'},
+                {'field':'date_end','format':'date', 'options': {'dateFormat':'longDate'}}
+              ];
+
    +

    fieldLink (string) : the field ID of external resource as a web URL

    +
    link = 'urlfield';
+

    + fieldLinkLabel + +

    +

    fieldLinkLabel (string) : Label of the external resource link

    +
    fieldLinkLabel = 'Read more here';
+

    + cardTitle (only available if view is set to cards) + +

    +

    cardTitle (string) : id of the field used as a title of the card

    +
    cardTitle = 'title';
+

    + fieldPhoto (only available if view is set to cards) + +

    +

    fieldPhoto (string) : (Field id of the image field if any)

    +
    fieldPhoto = 'image';
+

    + imagePosition (only available if view is set to cards) + +

    +

    imagePosition (string) : (Image position) : Image position in the card, can be ’top’ or ’left'

    +
    imagePosition = 'left';
+

    + itemsPerRow + +

    +

    itemsPerRow (string) : number of columns in the cards and KPI layout, must be a 12 multiple (1, 2, 3, 4, 6 or 12).

    +
    itemsPerRow = '3';
+

    + KPI Settings + + + + + +

    +

    KPI settings is a list of object that describes each KPI.
    +Available options are :

    +
      +
    • title (string) : mandatory, name of the KPI, ex: ‘City population’
      • +
    • select (string) : mandatory, API V2 select, containing the calculation to perform, ex: ‘sum(population)’ or ‘count(*)’
      • +
    • precision (string) : optional, decimal precision of the KPI, ex: 2
      • +
    • unit (string) : optional, KPI unit, ex: ‘citizens’
      • +
    • faicon (stirng) : optional, FontAwesome icon id, ex: ‘square-o’ (omit the fa- prefix)
      • +
    +

    Please see the documentation for more information regarding the select

    +

    Please see all available Fontawesome icons here

    +
    kpis = [
+            {
+                'title': 'Taille moyenne',
+                'select': 'avg(surface),
+                'precision': 2,
+                'unit': 'm2',
+                'faicon': 'square-o'
+            },
+            {
+                'title': 'Nombre d\'oeuvre référencées',
+                'select': 'count(*)'
+            }
+         ];
+

    + sourceLinkLabel + +

    +

    sourceLinkLabel (string) : the label of the ‘access to source’ link

    +
    sourceLinkLabel = 'Direct access to the data';
+
    +
    + + +
    + +
    +

    + Change log + + + + + +

    +
    +

    + V3.0 + +

    +
      +
    • The listing generator is now fully compatible with pages, custom views and embeds: the some code can be copy/pasted from a page to a custom view and vice versa.
      • +
    • Add mapView option to activate a map (in cards view)
      • +
    • Add pagination module for table view
      • +
    • Add infinite scroll for cards view
      • +
    • Set a label parameter for the “access to source” link
      • +
    • Filters can now have a label option, to rename the field label and propose as a placeholder for the select.
      • +
    • Field can now have a label option, to rename the field label in the view. In cards view, the label can be an empty string ''.
      • +
    • A KPI bloc now relies fully on Explore API V2. Therefore, they no longer need a function and expression and will now use a select parameter.
      • +
    +

    + V2.2 + +

    +
      +
    • Add sort param
      • +
    • Add an advanced mode for fieldsList +Fields can now be a list of object, that provides the field id, the format, and some options. +See the documentation for more details.
      • +
    • No icon displayed by default for KPIs
      • +
    +

    + V2.1 + +

    +
      +
    • Add ods-select and multiple choice option for filters
      • +
    • Add clear all filter button when one filter is applied
      • +
    • responsive display for filters and date button
      • +
    • KPI default value to 0 when no data/results to display
      • +
    +

    + V2.0 + +

    +
      +
    • add a date field that display a date range slider
      • +
    • download link knows support files hosted on ODS
      • +
    • dynamic title / description / access source link from the context
      • +
    + +
    + + +
    + +
    - - + - © Copyright 2020 + © Copyright 2026
    @@ -9545,7 +13408,7 @@

    diff --git a/public/generators/listing-generator/posthtml.inc b/public/generators/listing-generator/posthtml.inc index cd4d9bd8d..42925e7b2 100644 --- a/public/generators/listing-generator/posthtml.inc +++ b/public/generators/listing-generator/posthtml.inc @@ -1,375 +1,388 @@ - DO_NOT_MODIFY_BELOW; - - ctxfields = {}; - values = {}; - activeFilters = {}; - "> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - {{ctxdate.parameters={'q.date': fieldDate + '>#now()'};''}} - - -

    - {{ ctx.dataset.metas.title }} -

    - -

    - - - {{ ctxfields[field.name] = field.label; '' }} - - - - {{ ctx.parameters['refine.' + filter.id] = activeFilters[filter.id] ; '' }} - - -
    - -
    - - - -
    - - -
    -
    - {{ ctx.parameters['disjunctive.' + filter.id] = true; '' }} -
    - -
    -
    - -
    -
    - {{ resetFiltersButtonLabel }} - -
    -
    -
    - - -
    - - - - {{ values['periode']['min'] = dateminmax.results[0].x.year + '-' + (10 > dateminmax.results[0].x.month?'0':'') + dateminmax.results[0].x.month + '-' + (10 > dateminmax.results[0].x.day?'0':'') + dateminmax.results[0].x.day; - values['periode']['max'] = dateminmax.results[dateminmax.results.length-1].x.year + '-' + (10 > dateminmax.results[dateminmax.results.length-1].x.month?'0':'') + dateminmax.results[dateminmax.results.length-1].x.month + '-' + (10 > dateminmax.results[dateminmax.results.length-1].x.day?'0':'') + dateminmax.results[dateminmax.results.length-1].x.day; - ''}} - + + DO_NOT_MODIFY_BELOW; + + localctxfields = {}; + values = {}; + activeFilters = {}; + localctx = undefined; + "> + + + {{ localctx = ctx || localctx ; '' }} + + + + + + {{localctx.parameters['sort'] = sort; ''}} + + + + {{localctxdate.parameters={'q.date': fieldDate + '>#now()'}; ''}} + + +
    +

    + {{ localctx.dataset.metas.title }} +

    + +

    +
    + + + {{ localctxfields[field.name] = field.label; '' }} - - - - - - -
    - Toute la période -
    - -
    -
    - - -
    -
    - -
    - -

    - {{ (agg || 0) | number : (kpi.precision || 0) }} - {{ kpi.unit }} -

    -

    - {{ kpi.title }} -

    -
    -
    -
    - - -
    -
    - - - - - - - - - - - - - -
    {{ ctxfields[field] }}
    - {{ item.fields[field] }} - - - - - - - - - - - -
    -
    -
    - - -
    -
    -
    -
    -
    -
    -
    -

    - {{ item.fields[cardTitle] }} -

    -
    -
    -
    {{ ctxfields[field] }}
    -
    {{ item.fields[field] }}
    -
    -
    -
    - - - {{ fieldLinkLabel }} - - - - - {{ fieldLinkLabel }} - -
    -
    -
    -
    -
    -
    - - Accéder aux données source +
    + + {{ localctx.parameters['refine.' + filter.id] = activeFilters[filter.id] ; '' }} + +
    + +
    + +
    + + + +
    + + +
    +
    + {{ localctx.parameters['disjunctive.' + filter.id] = true; '' }} +
    + +
    +
    + +
    + +
    +
    + + +
    + + + + {{ values['periode']['min'] = dateminmax.results[0].x.year + '-' + (10 > dateminmax.results[0].x.month?'0':'') + dateminmax.results[0].x.month + '-' + (10 > dateminmax.results[0].x.day?'0':'') + dateminmax.results[0].x.day; + values['periode']['max'] = dateminmax.results[dateminmax.results.length-1].x.year + '-' + (10 > dateminmax.results[dateminmax.results.length-1].x.month?'0':'') + dateminmax.results[dateminmax.results.length-1].x.month + '-' + (10 > dateminmax.results[dateminmax.results.length-1].x.day?'0':'') + dateminmax.results[dateminmax.results.length-1].x.day; + ''}} + + + + + + + + + + + +
    +
    + + +
    +
    + +
    + +

    + {{ (agg[0].x || 0) | number : (kpi.precision || 0) }} + {{ kpi.unit }} +

    +

    + {{ kpi.title }} +

    +
    +
    +
    + + + + + +
    +
    + + + {{ localctx.parameters['start'] = + (localctx.nhits - localctx.parameters['start']) <= 0 ? undefined : localctx.parameters['start'] ; '' }} + + + + + + + + + + + + + + +
    {{ localctxfields[field] }}{{ fieldconfig.label || localctxfields[fieldconfig.field] }}
    + {{ item.fields[field] }} + + + + {{ item.fields[fieldconfig.field] | number : (fieldconfig.options.precision || 0) }} {{ fieldconfig.options.unit }} + + + {{ item.fields[fieldconfig.field] | date : (fieldconfig.options.dateFormat || 'mediumDate') }} + + + {{ item.fields[fieldconfig.field] }} + + + + + + + + + + + + + +
    +
    +
    + + + + +
    +
    + +
    +
    +
    +
    +

    + {{ item.fields[$parent.$parent.$parent.$parent.$parent.cardTitle] }} +

    +
    + +
    +
    + {{ $parent.$parent.$parent.$parent.$parent.localctxfields[field] }} +
    +
    + {{ item.fields[field] }} +
    +
    + +
    +
    + {{ (fieldconfig|keys).indexOf('label')>=0?fieldconfig.label : $parent.$parent.$parent.$parent.$parent.localctxfields[fieldconfig.field] }} +
    +
    + + {{ item.fields[fieldconfig.field] | number : (fieldconfig.options.precision || 0) }} {{ fieldconfig.options.unit }} + + + {{ item.fields[fieldconfig.field] | date : (fieldconfig.options.dateFormat || 'mediumDate') }} + + + {{ item.fields[fieldconfig.field] }} + +
    +
    +
    +
    + + + {{ $parent.$parent.$parent.$parent.$parent.fieldLinkLabel }} + + + + + {{ $parent.$parent.$parent.$parent.$parent.fieldLinkLabel }} + +
    +
    +
    +     +
    +
    + + + + + +
    +
    + + +     - + + \ No newline at end of file diff --git a/public/generators/listing-generator/prehtml.inc b/public/generators/listing-generator/prehtml.inc index 427b02076..d6f3b3dbc 100644 --- a/public/generators/listing-generator/prehtml.inc +++ b/public/generators/listing-generator/prehtml.inc @@ -1,26 +1 @@ - - - - - -
    - - - + @@ -73,69 +71,88 @@
    - @@ -185,7 +202,7 @@
    • + href="https://codelibrary.huwize.com/"> Home
      • @@ -202,6 +219,54 @@ + + + + + + + + + + + + + + + + + + + + + +
    • + + Apps + + +
      • + + + + + + + + + + + + + + + + + + + + @@ -256,6 +321,9 @@ + + +
    • @@ -272,6 +340,16 @@
        +
      • + +
        + Comparison Generator + + +
        +         +
        • +
        • @@ -497,51 +585,67 @@
        - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
        @@ -552,29 +656,32 @@
        -
        -

        Generators - Map Listing Generator

        -
        -

        Edit only a few settings to generate a modern looking visualization that uses ODS components and widgets.

        - -
        - -
        -

        - Listing with map view - - - - - -

        -
        -

        Page that shows some KPIs and a list of results alongside a map.

        +
        +

        Generators - Map Listing Generator

        +
        +
        +

        Note: The listing generator V3 can now handle maps, pagination and other new features. We then recommend to use the listing generator instead of this resource.

        +

        Edit only a few settings to generate a modern looking visualization that uses ODS components and widgets.

        -
        - -
        +
        +
        +

        + Listing with map view + + + + + +

        +
        +

        Page that shows some KPIs and a list of results alongside a map.

        + +
        + + +
        + @@ -599,9 +706,9 @@

        name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n \u003c!-- V1.2 :\n - Add fieldImage and imagePosition for image datasets\n - Add mapPictoColor and mapPicto to set up map picto\n --\u003e\n\n \u003c!-- V1.1 :\n - Add ods-select and multiple choice option for filters\n - Add clear all filter button when one filter is applied\n - responsive display for filters and date button\n - KPI default value to 0 when no data/results to display\n --\u003e\n\n\u003c!-- IMPORTANT ******** MUST READ !\n\n In the following settings declaration :\n\n A common error is forget to escape (protect) apostrophe with a leading backslash\n As apostrophes are used to declare values of variable it will break the settings\n\n Ex:\n wrongVariable = 'I'll be freed from apostrophes'\n correctVariable = 'I\\'ll be freed from apostrophes'\n--\u003e\n\n\u003c!-- SETTINGS START HERE --\u003e\n\u003cdiv class=\"container\"\n\n\n ng-init=\"domain = 'mesr.opendatasoft.com';\n datasetid = 'fr-esr-principaux-etablissements-enseignement-superieur';\n\n filters = [\n {'id':'type_d_etablissement','multiple':true},\n {'id':'secteur_d_etablissement','multiple':false},\n {'id':'dep_nom','multiple':true}\n ];\n resetFiltersButton = true;\n resetFiltersButtonLabel = 'Supprimer tous les filtres';\n\n fieldsList = ['adresse_uai', 'dep_nom', 'numero_telephone_uai'];\n fieldLink = 'url';\n fieldLinkLabel = 'Visiter le site web';\n\n fieldImage = '';\n imagePosition = 'left';\n\n resultTitle = 'uo_lib';\n itemsPerRow = '2';\n\n kpis = [\n {\n 'title': 'Nombre d\\'établissements',\n 'function': 'COUNT',\n 'faicon': 'graduation-cap'\n }\n ];\n\n headerBackgroundImage = 'https://images.unsplash.com/photo-1541890289-b86df5bafd81?ixlib=rb-1.2.1\u0026auto=format\u0026fit=crop\u0026w=2828\u0026q=80';\n subtitle = 'Établissements près de chez vous';\n\n mapPictoColor = '';\n mapPicto = '';\n\n\n DO_NOT_MODIFY_BELOW;\n\n ctxfields = {};\n values = {};\n activeFilters = {};\n \"\u003e\n\n \u003c!-- ### GENERAL SETTINGS ### --\u003e\n \u003c!-- domain : (Domain URL) : Must contain the ID of the domain where the dataset is published.\n ex: 'discovery.opendatasoft.com'\n --\u003e\n \u003c!-- datasetid (Dataset ID) : Must contain the ID of the dataset\n ex: 'oeuvres-de-johannes-vermeer'\n --\u003e\n \u003c!-- headerBackgroundImage : Use an URL to show a background image in the header.\n --\u003e\n\n \u003c!-- ### FILTERS SETTINGS ### --\u003e\n \u003c!-- filters (Filters) : List of object that contains the IDs to generate the filters pannel.\n and multiple true or false to allow the user to select multiple values in the filter.\n NB: the field must be a facet in the dataset\n NB: alphanumerical sort is applied in the filter view\n ex: [\n {'id':'filterid','multiple':true},\n {'id':'filterid2','multiple':false}\n ]\n --\u003e\n \u003c!-- resetFiltersButton (boolean) : add a reset filters button after filters block --\u003e\n \u003c!-- resetFiltersButtonLabel (Label of the button) : test to display when a filter is selected\n ex: 'Clear all filters'\n --\u003e\n\n\n \u003c!-- ### LIST VIEW SETTINGS ### --\u003e\n \u003c!-- fieldsList (List configuration) : Set the list of field IDs\n ex: ['title','category','genre','date']\n --\u003e\n \u003c!-- fieldLink (Link to an external resource) : If available, the field ID of some external resource as a web URL\n ex: 'link'\n --\u003e\n \u003c!-- fieldLinkLabel (The label of that link) : Label of the link button\n ex: 'Read more here'\n --\u003e\n \u003c!-- fieldImage (Field id of the image field if any)\n ex: 'image'\n --\u003e\n \u003c!-- imagePosition (Image position) : Image position in the card, can be 'top' or 'left'\n ex: 'left'\n --\u003e\n\n\n \u003c!-- ### KPIS SETTINGS ### --\u003e\n \u003c!-- KPIS settings is a list of object that describes each KPI\n List of available keys are :\n - title (Name of the KPI) ex: 'Average # of citizens'\n - function (function of the aggregation) ex: 'SUM'\n - expression (field id that contains numerical values to aggregate) ex: 'population'\n - precision (Decimal precision of the KPI) ex: 2\n - unit (KPI unit) ex: 'citizens'\n - faicon (FontAwesome icon id) ex: 'square-o'\n\n title, function, expression are MANDATORY\n the others are optionnal\n\n Available functions are SUM, AVG, COUNT, STD, MAX, MIN.\n Please see the documentation for more information\n https://help.opendatasoft.com/widgets/#/api/ods-widgets.directive:odsAggregation\n\n Please see all available icons here\n https://fontawesome.com/v4.7.0/icons/\n\n ex:\n kpis = [\n {\n 'title': 'Taille moyenne',\n 'function': 'AVG',\n 'expression': 'surface',\n 'precision': 2,\n 'unit': 'm2',\n 'faicon': 'square-o'\n },\n {\n 'title': 'Nombre d\\'oeuvre référencées',\n 'function': 'COUNT'\n }\n ];\n --\u003e\n\n \u003c!-- ### Subtitle ### --\u003e\n \u003c!-- subtitle : \"Some texte\" --\u003e\n\n\n \u003c!-- mapPictoColor = '#EC643C'\n mapPicto = 'ods-photo'\n Map picto settings to set the color and the picto from this list : https://help.opendatasoft.com/platform/en/other_resources/pictograms_reference/pictograms_reference.html\n --\u003e\n\n \u003c!-- DO NOT MODIFY --\u003e\n \u003c!-- Technical fields, do not modify please --\u003e\n\n \u003cods-dataset-context context=\"ctx\"\n ctx-domain=\"{{ domain }}\"\n ctx-dataset=\"{{ datasetid }}\"\u003e\n \u003c!-- Private datasets can be accessed by adding an API Key.\n Add this param to the \u003cods-dataset-context above,\n where XXX is your apikey :\n ctx-apikey=\"XXX\"\n --\u003e\n\n \u003cdiv class=\"page-header\" style=\"background-image: url({{ headerBackgroundImage }})\"\u003e\n \u003ch1 class=\"page-title\"\u003e\n {{ ctx.dataset.metas.title }}\n \u003c/h1\u003e\n \u003c/div\u003e\n\n \u003c!-- Page subtitle --\u003e\n \u003ch2 class=\"page-subtitle\" ng-bind-html=\"ctx.dataset.metas.description | shortSummary\"\u003e\u003c/h2\u003e\n\n \u003cspan ng-repeat=\"field in ctx.dataset.fields\"\u003e\n {{ ctxfields[field.name] = field.label; '' }}\n \u003c/span\u003e\n\n \u003cspan ng-repeat=\"filter in filters\"\u003e\n {{ ctx.parameters['refine.' + filter.id] = activeFilters[filter.id] ; '' }}\n \u003c/span\u003e\n\n \u003c!-- KPIs --\u003e\n \u003csection class=\"kpis-container row row-equal-height\"\u003e\n \u003cdiv class=\"{{ 'col-md-' + (12/itemsPerRow) }} margin-bottom-20\"\n ng-repeat=\"kpi in kpis\"\u003e\n \u003c!-- KPI box component --\u003e\n \u003cdiv class=\"kpi-card\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"ctx\"\n ods-aggregation-function=\"{{ kpi.function }}\"\n ods-aggregation-expression=\"{{ kpi.expression }}\"\u003e\n \u003ci class=\"kpi-icon fa fa-{{ kpi.faicon || 'gitlab' }}\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cp class=\"kpi-title\"\u003e\n {{ (agg || 0) | number : (kpi.precision || 0) }}\n \u003cspan ng-if=\"kpi.unit\" class=\"kpi-unit\"\u003e{{ kpi.unit }}\u003c/span\u003e\n \u003c/p\u003e\n \u003cp class=\"kpi-description\"\u003e\n {{ kpi.title }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n\n\n\n \u003c!-- Section 1 --\u003e\n \u003csection class=\"page-section\"\u003e\n \u003ch2 class=\"section-title\"\u003e\n {{ subtitle }}\n \u003c/h2\u003e\n\n \u003cdiv class=\"content-card\"\u003e\n \u003cp class=\"content-card-description\"\u003e\n Utilisez les filtres ci-dessus pour affiner votre recherche.\n \u003c/p\u003e\n\n \u003c!-- SEARCH --\u003e\n \u003cdiv class=\"search-module\"\u003e\n \u003ci class=\"fa fa-search search-module-icon\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cinput placeholder=\"Rechercher\"\n ng-model=\"ctx.parameters['q']\"\n ng-model-options=\"{ updateOn: 'keyup', debounce: { 'default': 300, 'blur': 0 }}\"\n class=\"search-module-input\"\n type=\"text\"/\u003e\n \u003cbutton class=\"search-module-clear\"\n ng-if=\"ctx.parameters['q']\"\n ng-click=\"ctx.parameters['q'] = undefined\"\u003e\n \u003ci class=\"fa fa-times-circle\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/button\u003e\n \u003c/div\u003e\n\n\n \u003c!-- FILTERS --\u003e\n \u003cdiv class=\"filter-list\"\n ng-init=\"dropdown.open = '';\n select = {}\"\u003e\n \u003cdiv ng-repeat=\"filter in filters\"\u003e\n {{ ctx.parameters['disjunctive.' + filter.id] = true; '' }}\n \u003cdiv ods-facet-results=\"categories\"\n ods-facet-results-facet-name=\"{{ filter.id }}\"\n ods-facet-results-context=\"ctx\"\n ods-facet-results-sort=\"alphanum\"\u003e\n \u003cods-select ng-if=\"ctxfields[filter.id]\"\n selected-values=\"activeFilters[filter.id]\"\n multiple=\"filter.multiple\"\n options=\"categories\"\n label-modifier=\"name\"\n value-modifier=\"name\"\n placeholder=\"{{ ctxfields[filter.id] }}\"\u003e\u003c/ods-select\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"clear-filters\"\n ng-show=\"(activeFilters | values).join('')\"\u003e\n \u003cdiv class=\"clear-filters-button\"\n role=\"button\"\n ng-click=\"activeFilters = {}\"\u003e\n {{ resetFiltersButtonLabel }}\n \u003ci class=\"fa fa-times-circle\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-5 col-xs-12\"\u003e\n \u003cul class=\"result-list\"\u003e\n \u003cli class=\"result\"\n ng-repeat=\"item in items\"\n ods-results=\"items\"\n ods-results-context=\"ctx\"\n ods-results-max=\"1000\"\n ng-click=\"ctx.parameters['refine.' + resultTitle] = (ctx.parameters['refine.' + resultTitle]?undefined:item.fields[resultTitle])\"\n ng-class=\"{'result-img-horizontal': imagePosition === 'left' }\"\u003e\n \u003cdiv class=\"result-img\"\n ng-if=\"item.fields[fieldImage]\"\n style=\"{{ 'background-image: url(https://' + domain + '/explore/dataset/' + datasetid + '/files/' + item.fields[fieldImage].id + '/300/);' }}\"\u003e\n \u003c/div\u003e\n \u003cdiv class=\"result-content\"\u003e\n \u003ch2 class=\"result-title\"\u003e\n {{ item.fields[resultTitle] }}\n \u003c/h2\u003e\n \u003cdl class=\"result-info\"\u003e\n \u003cdt ng-repeat-start=\"field in fieldsList\"\u003e\n {{ ctxfields[field] }}\n \u003c/dt\u003e\n \u003cdd ng-repeat-end\u003e{{ item.fields[field] }}\u003c/dd\u003e\n \u003c/dl\u003e\n \u003cdiv ng-if=\"fieldLink\"\u003e\n \u003c!-- fieldLink is used here\n For very simple usage, just set the href to the field value :\n - href=\"{{ item.fields[fieldLink] }}\"\n\n For more advanced scenario, you can send the user to :\n - the dataset table filtered with the fieldLink value, through a text query\n href=\"/explore/dataset/{{ datasetid }}/table?q={{ item.fields[fieldLink] }}\"\n - the dataset table filtered with the fieldLink value, through a refine on the field\n href=\"/explore/dataset/{{ datasetid }}/table?refine.{{ fieldLink }}={{ item.fields[fieldLink] }}\"\n - a page using url-sync=true setting :\n href=\"/pages/yourpage/?refine.{{ fieldLink }}={{ item.fields[fieldLink] }}\"\n --\u003e\n\n \u003ca href=\"{{ 'https://' + domain + '/explore/dataset/' + datasetid + '/files/' + item.fields[fieldLink].id + '/300/' }}\"\n target=\"_blank\"\n class=\"content-card-button\"\n ng-if=\"item.fields[fieldLink]\"\u003e\n {{ fieldLinkLabel }}\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/li\u003e\n \u003c/ul\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"col-md-7 col-xs-12\"\u003e\n \u003cods-map no-refit=\"false\"\n scroll-wheel-zoom=\"false\"\u003e\n \u003cods-map-layer-group\u003e\n \u003cods-map-layer context=\"ctx\"\n color=\"{{ mapPictoColor }}\"\n picto=\"{{ mapPicto }}\"\n show-marker=\"true\"\n display=\"auto\"\n shape-opacity=\"0.5\"\n point-opacity=\"1\"\n border-color=\"#FFFFFF\"\n border-opacity=\"1\"\n border-size=\"1\"\n border-pattern=\"solid\"\n size=\"4\"\n size-min=\"3\"\n size-max=\"5\"\n size-function=\"linear\"\u003e\u003c/ods-map-layer\u003e\n \u003c/ods-map-layer-group\u003e\n \u003c/ods-map\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003ca href=\"{{ ctx.domainUrl }}/explore/dataset/{{ datasetid }}\" target=\"_blank\"\u003eAccéder aux données source\u003c/a\u003e\n \u003c/section\u003e\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n \u003c!-- V1.2 :\n - Add fieldImage and imagePosition for image datasets\n - Add mapPictoColor and mapPicto to set up map picto\n --\u003e\n\n \u003c!-- V1.1 :\n - Add ods-select and multiple choice option for filters\n - Add clear all filter button when one filter is applied\n - responsive display for filters and date button\n - KPI default value to 0 when no data/results to display\n --\u003e\n\n\u003c!-- IMPORTANT ******** MUST READ !\n\n In the following settings declaration :\n\n A common error is forget to escape (protect) apostrophe with a leading backslash\n As apostrophes are used to declare values of variable it will break the settings\n\n Ex:\n wrongVariable = 'I'll be freed from apostrophes'\n correctVariable = 'I\\'ll be freed from apostrophes'\n--\u003e\n\n\u003c!-- SETTINGS START HERE --\u003e\n\u003cdiv class=\"container\"\n\n\n ng-init=\"domain = 'mesr.huwise.com';\n datasetid = 'fr-esr-principaux-etablissements-enseignement-superieur';\n\n filters = [\n {'id':'type_d_etablissement','multiple':true},\n {'id':'secteur_d_etablissement','multiple':false},\n {'id':'dep_nom','multiple':true}\n ];\n resetFiltersButton = true;\n resetFiltersButtonLabel = 'Supprimer tous les filtres';\n\n fieldsList = ['adresse_uai', 'dep_nom', 'numero_telephone_uai'];\n fieldLink = 'url';\n fieldLinkLabel = 'Visiter le site web';\n\n fieldImage = '';\n imagePosition = 'left';\n\n resultTitle = 'uo_lib';\n itemsPerRow = '2';\n\n kpis = [\n {\n 'title': 'Nombre d\\'établissements',\n 'function': 'COUNT',\n 'faicon': 'graduation-cap'\n }\n ];\n\n headerBackgroundImage = 'https://images.unsplash.com/photo-1541890289-b86df5bafd81?ixlib=rb-1.2.1\u0026auto=format\u0026fit=crop\u0026w=2828\u0026q=80';\n subtitle = 'Établissements près de chez vous';\n\n mapPictoColor = '';\n mapPicto = '';\n\n\n DO_NOT_MODIFY_BELOW;\n\n ctxfields = {};\n values = {};\n activeFilters = {};\n \"\u003e\n\n \u003c!-- ### GENERAL SETTINGS ### --\u003e\n \u003c!-- domain : (Domain URL) : Must contain the ID of the domain where the dataset is published.\n ex: 'discovery.huwise.com'\n --\u003e\n \u003c!-- datasetid (Dataset ID) : Must contain the ID of the dataset\n ex: 'oeuvres-de-johannes-vermeer'\n --\u003e\n \u003c!-- headerBackgroundImage : Use an URL to show a background image in the header.\n --\u003e\n\n \u003c!-- ### FILTERS SETTINGS ### --\u003e\n \u003c!-- filters (Filters) : List of object that contains the IDs to generate the filters pannel.\n and multiple true or false to allow the user to select multiple values in the filter.\n NB: the field must be a facet in the dataset\n NB: alphanumerical sort is applied in the filter view\n ex: [\n {'id':'filterid','multiple':true},\n {'id':'filterid2','multiple':false}\n ]\n --\u003e\n \u003c!-- resetFiltersButton (boolean) : add a reset filters button after filters block --\u003e\n \u003c!-- resetFiltersButtonLabel (Label of the button) : test to display when a filter is selected\n ex: 'Clear all filters'\n --\u003e\n\n\n \u003c!-- ### LIST VIEW SETTINGS ### --\u003e\n \u003c!-- fieldsList (List configuration) : Set the list of field IDs\n ex: ['title','category','genre','date']\n --\u003e\n \u003c!-- fieldLink (Link to an external resource) : If available, the field ID of some external resource as a web URL\n ex: 'link'\n --\u003e\n \u003c!-- fieldLinkLabel (The label of that link) : Label of the link button\n ex: 'Read more here'\n --\u003e\n \u003c!-- fieldImage (Field id of the image field if any)\n ex: 'image'\n --\u003e\n \u003c!-- imagePosition (Image position) : Image position in the card, can be 'top' or 'left'\n ex: 'left'\n --\u003e\n\n\n \u003c!-- ### KPIS SETTINGS ### --\u003e\n \u003c!-- KPIS settings is a list of object that describes each KPI\n List of available keys are :\n - title (Name of the KPI) ex: 'Average # of citizens'\n - function (function of the aggregation) ex: 'SUM'\n - expression (field id that contains numerical values to aggregate) ex: 'population'\n - precision (Decimal precision of the KPI) ex: 2\n - unit (KPI unit) ex: 'citizens'\n - faicon (FontAwesome icon id) ex: 'square-o'\n\n title, function, expression are MANDATORY\n the others are optionnal\n\n Available functions are SUM, AVG, COUNT, STD, MAX, MIN.\n Please see the documentation for more information\n https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsAggregation\n\n Please see all available icons here\n https://fontawesome.com/v4.7.0/icons/\n\n ex:\n kpis = [\n {\n 'title': 'Taille moyenne',\n 'function': 'AVG',\n 'expression': 'surface',\n 'precision': 2,\n 'unit': 'm2',\n 'faicon': 'square-o'\n },\n {\n 'title': 'Nombre d\\'oeuvre référencées',\n 'function': 'COUNT'\n }\n ];\n --\u003e\n\n \u003c!-- ### Subtitle ### --\u003e\n \u003c!-- subtitle : \"Some texte\" --\u003e\n\n\n \u003c!-- mapPictoColor = '#EC643C'\n mapPicto = 'ods-photo'\n Map picto settings to set the color and the picto from this list : https://help.huwise.com/platform/en/other_resources/pictograms_reference/pictograms_reference.html\n --\u003e\n\n \u003c!-- DO NOT MODIFY --\u003e\n \u003c!-- Technical fields, do not modify please --\u003e\n\n \u003cods-dataset-context context=\"ctx\"\n ctx-domain=\"{{ domain }}\"\n ctx-dataset=\"{{ datasetid }}\"\u003e\n \u003c!-- Private datasets can be accessed by adding an API Key.\n Add this param to the \u003cods-dataset-context above,\n where XXX is your apikey :\n ctx-apikey=\"XXX\"\n --\u003e\n\n \u003cdiv class=\"page-header\" style=\"background-image: url({{ headerBackgroundImage }})\"\u003e\n \u003ch1 class=\"page-title\"\u003e\n {{ ctx.dataset.metas.title }}\n \u003c/h1\u003e\n \u003c/div\u003e\n\n \u003c!-- Page subtitle --\u003e\n \u003ch2 class=\"page-subtitle\" ng-bind-html=\"ctx.dataset.metas.description | shortSummary\"\u003e\u003c/h2\u003e\n\n \u003cspan ng-repeat=\"field in ctx.dataset.fields\"\u003e\n {{ ctxfields[field.name] = field.label; '' }}\n \u003c/span\u003e\n\n \u003cspan ng-repeat=\"filter in filters\"\u003e\n {{ ctx.parameters['refine.' + filter.id] = activeFilters[filter.id] ; '' }}\n \u003c/span\u003e\n\n \u003c!-- KPIs --\u003e\n \u003csection class=\"kpis-container row row-equal-height\"\u003e\n \u003cdiv class=\"{{ 'col-md-' + (12/itemsPerRow) }} margin-bottom-20\"\n ng-repeat=\"kpi in kpis\"\u003e\n \u003c!-- KPI box component --\u003e\n \u003cdiv class=\"kpi-card\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"ctx\"\n ods-aggregation-function=\"{{ kpi.function }}\"\n ods-aggregation-expression=\"{{ kpi.expression }}\"\u003e\n \u003ci class=\"kpi-icon fa fa-{{ kpi.faicon || 'gitlab' }}\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cp class=\"kpi-title\"\u003e\n {{ (agg || 0) | number : (kpi.precision || 0) }}\n \u003cspan ng-if=\"kpi.unit\" class=\"kpi-unit\"\u003e{{ kpi.unit }}\u003c/span\u003e\n \u003c/p\u003e\n \u003cp class=\"kpi-description\"\u003e\n {{ kpi.title }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n\n\n\n \u003c!-- Section 1 --\u003e\n \u003csection class=\"page-section\"\u003e\n \u003ch2 class=\"section-title\"\u003e\n {{ subtitle }}\n \u003c/h2\u003e\n\n \u003cdiv class=\"content-card\"\u003e\n \u003cp class=\"content-card-description\"\u003e\n Utilisez les filtres ci-dessus pour affiner votre recherche.\n \u003c/p\u003e\n\n \u003c!-- SEARCH --\u003e\n \u003cdiv class=\"search-module\"\u003e\n \u003ci class=\"fa fa-search search-module-icon\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cinput placeholder=\"Rechercher\"\n ng-model=\"ctx.parameters['q']\"\n ng-model-options=\"{ updateOn: 'keyup', debounce: { 'default': 300, 'blur': 0 }}\"\n class=\"search-module-input\"\n type=\"text\"/\u003e\n \u003cbutton class=\"search-module-clear\"\n ng-if=\"ctx.parameters['q']\"\n ng-click=\"ctx.parameters['q'] = undefined\"\u003e\n \u003ci class=\"fa fa-times-circle\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/button\u003e\n \u003c/div\u003e\n\n\n \u003c!-- FILTERS --\u003e\n \u003cdiv class=\"filter-list\"\n ng-init=\"dropdown.open = '';\n select = {}\"\u003e\n \u003cdiv ng-repeat=\"filter in filters\"\u003e\n {{ ctx.parameters['disjunctive.' + filter.id] = true; '' }}\n \u003cdiv ods-facet-results=\"categories\"\n ods-facet-results-facet-name=\"{{ filter.id }}\"\n ods-facet-results-context=\"ctx\"\n ods-facet-results-sort=\"alphanum\"\u003e\n \u003cods-select ng-if=\"ctxfields[filter.id]\"\n selected-values=\"activeFilters[filter.id]\"\n multiple=\"filter.multiple\"\n options=\"categories\"\n label-modifier=\"name\"\n value-modifier=\"name\"\n placeholder=\"{{ ctxfields[filter.id] }}\"\u003e\u003c/ods-select\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"clear-filters\"\n ng-show=\"(activeFilters | values).join('')\"\u003e\n \u003cdiv class=\"clear-filters-button\"\n role=\"button\"\n ng-click=\"activeFilters = {}\"\u003e\n {{ resetFiltersButtonLabel }}\n \u003ci class=\"fa fa-times-circle\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-5 col-xs-12\"\u003e\n \u003cul class=\"result-list\"\u003e\n \u003cli class=\"result\"\n ng-repeat=\"item in items\"\n ods-results=\"items\"\n ods-results-context=\"ctx\"\n ods-results-max=\"1000\"\n ng-click=\"ctx.parameters['refine.' + resultTitle] = (ctx.parameters['refine.' + resultTitle]?undefined:item.fields[resultTitle])\"\n ng-class=\"{'result-img-horizontal': imagePosition === 'left' }\"\u003e\n \u003cdiv class=\"result-img\"\n ng-if=\"item.fields[fieldImage]\"\n style=\"{{ 'background-image: url(https://' + domain + '/explore/dataset/' + datasetid + '/files/' + item.fields[fieldImage].id + '/300/);' }}\"\u003e\n \u003c/div\u003e\n \u003cdiv class=\"result-content\"\u003e\n \u003ch2 class=\"result-title\"\u003e\n {{ item.fields[resultTitle] }}\n \u003c/h2\u003e\n \u003cdl class=\"result-info\"\u003e\n \u003cdt ng-repeat-start=\"field in fieldsList\"\u003e\n {{ ctxfields[field] }}\n \u003c/dt\u003e\n \u003cdd ng-repeat-end\u003e{{ item.fields[field] }}\u003c/dd\u003e\n \u003c/dl\u003e\n \u003cdiv ng-if=\"fieldLink\"\u003e\n \u003c!-- fieldLink is used here\n For very simple usage, just set the href to the field value :\n - href=\"{{ item.fields[fieldLink] }}\"\n\n For more advanced scenario, you can send the user to :\n - the dataset table filtered with the fieldLink value, through a text query\n href=\"/explore/dataset/{{ datasetid }}/table?q={{ item.fields[fieldLink] }}\"\n - the dataset table filtered with the fieldLink value, through a refine on the field\n href=\"/explore/dataset/{{ datasetid }}/table?refine.{{ fieldLink }}={{ item.fields[fieldLink] }}\"\n - a page using url-sync=true setting :\n href=\"/pages/yourpage/?refine.{{ fieldLink }}={{ item.fields[fieldLink] }}\"\n --\u003e\n\n \u003ca href=\"{{ 'https://' + domain + '/explore/dataset/' + datasetid + '/files/' + item.fields[fieldLink].id + '/300/' }}\"\n target=\"_blank\"\n class=\"content-card-button\"\n ng-if=\"item.fields[fieldLink]\"\u003e\n {{ fieldLinkLabel }}\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/li\u003e\n \u003c/ul\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"col-md-7 col-xs-12\"\u003e\n \u003cods-map no-refit=\"false\"\n scroll-wheel-zoom=\"false\"\u003e\n \u003cods-map-layer-group\u003e\n \u003cods-map-layer context=\"ctx\"\n color=\"{{ mapPictoColor }}\"\n picto=\"{{ mapPicto }}\"\n show-marker=\"true\"\n display=\"auto\"\n shape-opacity=\"0.5\"\n point-opacity=\"1\"\n border-color=\"#FFFFFF\"\n border-opacity=\"1\"\n border-size=\"1\"\n border-pattern=\"solid\"\n size=\"4\"\n size-min=\"3\"\n size-max=\"5\"\n size-function=\"linear\"\u003e\u003c/ods-map-layer\u003e\n \u003c/ods-map-layer-group\u003e\n \u003c/ods-map\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003ca href=\"{{ ctx.domainUrl }}/explore/dataset/{{ datasetid }}\" target=\"_blank\"\u003eAccéder aux données source\u003c/a\u003e\n \u003c/section\u003e\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e", "css": "/* General Layout\n========================================================================== */\n\nmain.main--page {\n margin: 0;\n}\n\n/* Body text */\np {\n text-align: justify;\n margin-top: 0;\n margin-bottom: 1.5rem;\n}\n\nul {\n list-style: none;\n padding-left: 0;\n}\n\n@media screen and (min-width: 992px) {\n .row-equal-height {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n margin-bottom: 20px;\n }\n /* Fix for early content wrapping in Safari*/\n .row-equal-height:before,\n .row-equal-height:after {\n content: normal;\n }\n}\n\n.margin-bottom-20 {\n margin-bottom: 20px;\n}\n\n.page-section {\n margin-top: 2rem;\n margin-bottom: 6rem;\n}\n\n.section-title {\n font-size: 2.2rem;\n font-weight: 400;\n color: #FFF;\n background-color: var(--highlight);\n text-align: center;\n padding: 10px;\n margin-top: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n/* Header\n========================================================================== */\n\n.page-header {\n background-color: var(--highlight);\n min-height: 180px; /* Change the height of the image here by increasing or decreasing the pixels. */\n /* Properties of the title located within the image banner */\n display: flex;\n justify-content: center;\n align-items: flex-end;\n margin-bottom: 40px;\n background-size: cover;\n background-repeat: no-repeat;\n background-position: center center;\n background-image: url('');\n}\n\n.page-title {\n color: var(--highlight);\n text-align: center;\n background-color: var(--page-background);\n position: relative;\n vertical-align: bottom;\n margin: 0;\n font-weight: 400;\n font-size: 2.5rem;\n padding: 15px 20px 10px 20px;\n border-radius: 7px 7px 0px 0px;\n}\n\n.page-subtitle {\n font-weight: 400;\n margin-top: 0;\n margin-bottom: 20px;\n font-size: 1.14rem;\n}\n\n\n/* Search Module\n========================================================================== */\n\n.search-module {\n display: flex;\n align-items: stretch;\n border-bottom: 1px solid #dee5ef;\n margin-bottom: 13px;\n transition: all .2s;\n}\n\n.search-module:hover,\n.search-module:focus-within {\n border-bottom-color: var(--links);\n}\n\n.search-module-icon {\n color: #898d92;\n margin-right: 8px;\n align-self: center;\n}\n\n.search-module-input {\n background-color: transparent;\n width: 100%;\n outline: none;\n border: none;\n padding: 12px 0;\n transition: all .2s;\n color: var(--text);\n}\n\n.search-module-input::placeholder {\n transition: all .2s;\n}\n\n.search-module-clear {\n color: #898d92;\n font-size: 1rem;\n background: transparent;\n border: none;\n margin: 0;\n outline: none;\n padding: 0 0 0 12px;\n transition: all .2s;\n}\n\n.search-module-clear:hover {\n opacity: .65;\n}\n\n.search-module:hover .search-module-icon,\n.search-module:focus-within .search-module-icon,\n.search-module:hover .search-module-input::placeholder,\n.search-module:focus-within .search-module-input::placeholder {\n color: var(--links)\n}\n\n\n/* Filters\n========================================================================== */\n\n.filter-list {\n display: flex;\n flex-wrap: wrap;\n position: relative;\n}\n.filter-list \u003e * {\n margin: 0 0 10px;\n width: 100%;\n}\n.odswidget-select .odswidget-select-dropdown.open .odswidget-select-dropdown-menu {\n width: 100%\n}\n.clear-filters {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.clear-filters-button:hover {\n opacity: 0.65;\n}\n.odswidget-select,\n.odswidget-select .odswidget-select-dropdown {\n width: 100%;\n}\n@media screen and (min-width: 500px) {\n .filter-list \u003e * {\n margin: 0 10px 10px 0;\n width: inherit;\n }\n .odswidget-select .odswidget-select-dropdown.open .odswidget-select-dropdown-menu {\n width: max-content;\n min-width: 240px;\n }\n}\n\n\n/* Content Card\n========================================================================== */\n\n.content-card {\n background-color: var(--boxes-background);\n border-radius: 4px;\n height: 100%;\n padding: 26px;\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13);\n margin-bottom: 10px;\n}\n\n.content-card-description {\n color: var(--text);\n font-size: 1rem;\n line-height: 1.5;\n font-weight: normal;\n margin-top: 0;\n margin-bottom: 26px;\n max-width: 100%;\n}\n\n.content-card-button {\n color: var(--highlight);\n border: 1px solid var(--highlight);\n background: transparent;\n display: inline-block;\n text-align: center;\n font-size: .867rem;\n border-radius: 4px;\n padding: .5rem 1.15rem;\n text-decoration: none;\n transition: all .2s;\n}\n\n.content-card-button:hover {\n background-color: var(--highlight);\n color: #FFFFFF;\n text-decoration: none;\n}\n\n\n/* KPI Card\n========================================================================== */\n\n@media screen and (min-width: 992px) {\n .kpis-container {\n display: flex;\n justify-content: center;\n }\n}\n\n.kpi-card {\n background-color: var(--boxes-background);\n height: 100%;\n padding: 39px;\n border-radius: 4px;\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n text-align: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n text-align: center;\n}\n\n.kpi-icon {\n color: var(--highlight);\n color: var(--secondary-color);\n font-size: 4rem;\n margin-top: 0;\n margin-bottom: 13px;\n max-width: 100%;\n}\n\n.kpi-title {\n font-weight: normal;\n color: var(--highlight);\n font-size: 3.2rem;\n margin-top: 0;\n margin-bottom: 13px;\n max-width: 100%;\n}\n\n.kpi-unit {\n font-size: 0.8em;\n color: var(--secondary-color);\n}\n\n.kpi-description {\n color: var(--text);\n font-size: 1rem;\n line-height: 1.5;\n font-weight: normal;\n margin-top: 0;\n margin-bottom: 0;\n max-width: 100%;\n}\n\n\n/* Results and Map\n========================================================================== */\n\n.odswidget-map__map {\n min-height: 550px;\n}\n\n@media screen and (min-width: 991px) {\n .col-md-5 {\n padding-right: 0;\n }\n\n .col-md-7 {\n padding-left: 0;\n }\n}\n\n\n.result-list {\n list-style: none;\n padding-left: 0;\n margin-top: 0;\n height: 550px;\n overflow-y: auto;\n}\n\n.result {\n margin-bottom: 10px;\n padding: 0 1rem 1rem 0;\n border-bottom: 1px solid #DEE5EF;\n}\n\n.result.result-img-horizontal {\n display: flex;\n}\n\n.result-img-horizontal .result-img {\n flex: 0 0 35%;\n width: 35%;\n height: auto;\n}\n\n.result-img {\n disaply: block;\n height: 118px;\n\n background-position: center;\n background-size: cover;\n background-repeat: no-repeat;\n}\n\n.result-img-horizontal .result-content {\n margin-left: 0.7rem;\n}\n:not(.result-img-horizontal) .result-content {\n margin-top: 0.7rem;\n}\n\n.result-title {\n color: var(--titles);\n font-size: 1rem;\n font-weight: bold;\n margin-top: 0;\n margin-bottom: 5px;\n}\n\n.result-info {\n list-style: none;\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 10px;\n overflow-wrap: break-word;\n}\n\n.result-info dt {\n font-size: .9rem;\n opacity: .9;\n}\n\n.result-info dd {\n margin-left: 0;\n margin-bottom: 5px;\n}\n" }'> @@ -657,6 +764,7 @@

        const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -798,7 +906,7 @@

        <div class="container" - ng-init="domain = 'mesr.opendatasoft.com'; + ng-init="domain = 'mesr.huwise.com'; datasetid = 'fr-esr-principaux-etablissements-enseignement-superieur'; filters = [ @@ -843,7 +951,7 @@

        <!-- ### GENERAL SETTINGS ### --> <!-- domain : (Domain URL) : Must contain the ID of the domain where the dataset is published. - ex: 'discovery.opendatasoft.com' + ex: 'discovery.huwise.com' --> <!-- datasetid (Dataset ID) : Must contain the ID of the dataset ex: 'oeuvres-de-johannes-vermeer' @@ -900,7 +1008,7 @@

        Available functions are SUM, AVG, COUNT, STD, MAX, MIN. Please see the documentation for more information - https://help.opendatasoft.com/widgets/#/api/ods-widgets.directive:odsAggregation + https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsAggregation Please see all available icons here https://fontawesome.com/v4.7.0/icons/ @@ -928,7 +1036,7 @@

        <!-- mapPictoColor = '#EC643C' mapPicto = 'ods-photo' - Map picto settings to set the color and the picto from this list : https://help.opendatasoft.com/platform/en/other_resources/pictograms_reference/pictograms_reference.html + Map picto settings to set the color and the picto from this list : https://help.huwise.com/platform/en/other_resources/pictograms_reference/pictograms_reference.html --> <!-- DO NOT MODIFY --> @@ -1511,9 +1619,17 @@

        "> -
        - + +

        -
        - -
        -

        - Listing with map view - with image placeholder - - - - - -

        -
        -

        Optionally, images can be displayed in the list view.

        - -
        - -
        +
        + +
        +
        +

        + Listing with map view - with image placeholder + + + + + +

        +
        +

        Optionally, images can be displayed in the list view.

        + +
        + + +
        + @@ -3107,9 +3297,9 @@

        name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n \u003c!-- V1.2 :\n - Add fieldImage and imagePosition for image datasets\n - Add mapPictoColor and mapPicto to set up map picto\n --\u003e\n\n \u003c!-- V1.1 :\n - Add ods-select and multiple choice option for filters\n - Add clear all filter button when one filter is applied\n - responsive display for filters and date button\n - KPI default value to 0 when no data/results to display\n --\u003e\n\n\u003c!-- IMPORTANT ******** MUST READ !\n\n In the following settings declaration :\n\n A common error is forget to escape (protect) apostrophe with a leading backslash\n As apostrophes are used to declare values of variable it will break the settings\n\n Ex:\n wrongVariable = 'I'll be freed from apostrophes'\n correctVariable = 'I\\'ll be freed from apostrophes'\n--\u003e\n\n\u003c!-- SETTINGS START HERE --\u003e\n\u003cdiv class=\"container\"\n\n\n ng-init=\"domain = 'opendata.hauts-de-seine.fr';\n datasetid = 'archives-de-la-planete-paris';\n\n filters = [\n {'id':'operateur','multiple':true},\n {'id':'themes','multiple':true},\n {'id':'lieu_retraite','multiple':true}\n ];\n resetFiltersButton = true;\n resetFiltersButtonLabel = 'Supprimer tous les filtres';\n\n fieldsList = ['sujets', 'procede_technique', 'date_de_prise_de_vue'];\n fieldLink = 'photo';\n fieldLinkLabel = 'Télécharger l\\'image';\n\n fieldImage = 'photo';\n imagePosition = 'left';\n\n resultTitle = 'legende_revisee';\n itemsPerRow = '2';\n\n kpis = [\n {\n 'title': 'Nombre d\\'œuvres référencées',\n 'function': 'COUNT',\n 'faicon': 'camera-retro'\n }\n ];\n\n headerBackgroundImage = 'https://opendata.hauts-de-seine.fr/explore/dataset/archives-de-la-planete/files/ef4d61b0016cb909b5081622a0abecfe/download/';\n subtitle = 'Autochromes dans la capitale, par les opérateurs d\\'Albert Kahn';\n\n mapPictoColor = '#EC643C';\n mapPicto = 'ods-photo';\n\n\n DO_NOT_MODIFY_BELOW;\n\n ctxfields = {};\n values = {};\n activeFilters = {};\n \"\u003e\n\n \u003c!-- ### GENERAL SETTINGS ### --\u003e\n \u003c!-- domain : (Domain URL) : Must contain the ID of the domain where the dataset is published.\n ex: 'discovery.opendatasoft.com'\n --\u003e\n \u003c!-- datasetid (Dataset ID) : Must contain the ID of the dataset\n ex: 'oeuvres-de-johannes-vermeer'\n --\u003e\n \u003c!-- headerBackgroundImage : Use an URL to show a background image in the header.\n --\u003e\n\n \u003c!-- ### FILTERS SETTINGS ### --\u003e\n \u003c!-- filters (Filters) : List of object that contains the IDs to generate the filters pannel.\n and multiple true or false to allow the user to select multiple values in the filter.\n NB: the field must be a facet in the dataset\n NB: alphanumerical sort is applied in the filter view\n ex: [\n {'id':'filterid','multiple':true},\n {'id':'filterid2','multiple':false}\n ]\n --\u003e\n \u003c!-- resetFiltersButton (boolean) : add a reset filters button after filters block --\u003e\n \u003c!-- resetFiltersButtonLabel (Label of the button) : test to display when a filter is selected\n ex: 'Clear all filters'\n --\u003e\n\n\n \u003c!-- ### LIST VIEW SETTINGS ### --\u003e\n \u003c!-- fieldsList (List configuration) : Set the list of field IDs\n ex: ['title','category','genre','date']\n --\u003e\n \u003c!-- fieldLink (Link to an external resource) : If available, the field ID of some external resource as a web URL\n ex: 'link'\n --\u003e\n \u003c!-- fieldLinkLabel (The label of that link) : Label of the link button\n ex: 'Read more here'\n --\u003e\n \u003c!-- fieldImage (Field id of the image field if any)\n ex: 'image'\n --\u003e\n \u003c!-- imagePosition (Image position) : Image position in the card, can be 'top' or 'left'\n ex: 'left'\n --\u003e\n\n\n \u003c!-- ### KPIS SETTINGS ### --\u003e\n \u003c!-- KPIS settings is a list of object that describes each KPI\n List of available keys are :\n - title (Name of the KPI) ex: 'Average # of citizens'\n - function (function of the aggregation) ex: 'SUM'\n - expression (field id that contains numerical values to aggregate) ex: 'population'\n - precision (Decimal precision of the KPI) ex: 2\n - unit (KPI unit) ex: 'citizens'\n - faicon (FontAwesome icon id) ex: 'square-o'\n\n title, function, expression are MANDATORY\n the others are optionnal\n\n Available functions are SUM, AVG, COUNT, STD, MAX, MIN.\n Please see the documentation for more information\n https://help.opendatasoft.com/widgets/#/api/ods-widgets.directive:odsAggregation\n\n Please see all available icons here\n https://fontawesome.com/v4.7.0/icons/\n\n ex:\n kpis = [\n {\n 'title': 'Taille moyenne',\n 'function': 'AVG',\n 'expression': 'surface',\n 'precision': 2,\n 'unit': 'm2',\n 'faicon': 'square-o'\n },\n {\n 'title': 'Nombre d\\'oeuvre référencées',\n 'function': 'COUNT'\n }\n ];\n --\u003e\n\n \u003c!-- ### Subtitle ### --\u003e\n \u003c!-- subtitle : \"Some texte\" --\u003e\n\n\n \u003c!-- mapPictoColor = '#EC643C'\n mapPicto = 'ods-photo'\n Map picto settings to set the color and the picto from this list : https://help.opendatasoft.com/platform/en/other_resources/pictograms_reference/pictograms_reference.html\n --\u003e\n\n \u003c!-- DO NOT MODIFY --\u003e\n \u003c!-- Technical fields, do not modify please --\u003e\n\n \u003cods-dataset-context context=\"ctx\"\n ctx-domain=\"{{ domain }}\"\n ctx-dataset=\"{{ datasetid }}\"\u003e\n \u003c!-- Private datasets can be accessed by adding an API Key.\n Add this param to the \u003cods-dataset-context above,\n where XXX is your apikey :\n ctx-apikey=\"XXX\"\n --\u003e\n\n \u003cdiv class=\"page-header\" style=\"background-image: url({{ headerBackgroundImage }})\"\u003e\n \u003ch1 class=\"page-title\"\u003e\n {{ ctx.dataset.metas.title }}\n \u003c/h1\u003e\n \u003c/div\u003e\n\n \u003c!-- Page subtitle --\u003e\n \u003ch2 class=\"page-subtitle\" ng-bind-html=\"ctx.dataset.metas.description | shortSummary\"\u003e\u003c/h2\u003e\n\n \u003cspan ng-repeat=\"field in ctx.dataset.fields\"\u003e\n {{ ctxfields[field.name] = field.label; '' }}\n \u003c/span\u003e\n\n \u003cspan ng-repeat=\"filter in filters\"\u003e\n {{ ctx.parameters['refine.' + filter.id] = activeFilters[filter.id] ; '' }}\n \u003c/span\u003e\n\n \u003c!-- KPIs --\u003e\n \u003csection class=\"kpis-container row row-equal-height\"\u003e\n \u003cdiv class=\"{{ 'col-md-' + (12/itemsPerRow) }} margin-bottom-20\"\n ng-repeat=\"kpi in kpis\"\u003e\n \u003c!-- KPI box component --\u003e\n \u003cdiv class=\"kpi-card\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"ctx\"\n ods-aggregation-function=\"{{ kpi.function }}\"\n ods-aggregation-expression=\"{{ kpi.expression }}\"\u003e\n \u003ci class=\"kpi-icon fa fa-{{ kpi.faicon || 'gitlab' }}\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cp class=\"kpi-title\"\u003e\n {{ (agg || 0) | number : (kpi.precision || 0) }}\n \u003cspan ng-if=\"kpi.unit\" class=\"kpi-unit\"\u003e{{ kpi.unit }}\u003c/span\u003e\n \u003c/p\u003e\n \u003cp class=\"kpi-description\"\u003e\n {{ kpi.title }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n\n\n\n \u003c!-- Section 1 --\u003e\n \u003csection class=\"page-section\"\u003e\n \u003ch2 class=\"section-title\"\u003e\n {{ subtitle }}\n \u003c/h2\u003e\n\n \u003cdiv class=\"content-card\"\u003e\n \u003cp class=\"content-card-description\"\u003e\n Utilisez les filtres ci-dessus pour affiner votre recherche.\n \u003c/p\u003e\n\n \u003c!-- SEARCH --\u003e\n \u003cdiv class=\"search-module\"\u003e\n \u003ci class=\"fa fa-search search-module-icon\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cinput placeholder=\"Rechercher\"\n ng-model=\"ctx.parameters['q']\"\n ng-model-options=\"{ updateOn: 'keyup', debounce: { 'default': 300, 'blur': 0 }}\"\n class=\"search-module-input\"\n type=\"text\"/\u003e\n \u003cbutton class=\"search-module-clear\"\n ng-if=\"ctx.parameters['q']\"\n ng-click=\"ctx.parameters['q'] = undefined\"\u003e\n \u003ci class=\"fa fa-times-circle\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/button\u003e\n \u003c/div\u003e\n\n\n \u003c!-- FILTERS --\u003e\n \u003cdiv class=\"filter-list\"\n ng-init=\"dropdown.open = '';\n select = {}\"\u003e\n \u003cdiv ng-repeat=\"filter in filters\"\u003e\n {{ ctx.parameters['disjunctive.' + filter.id] = true; '' }}\n \u003cdiv ods-facet-results=\"categories\"\n ods-facet-results-facet-name=\"{{ filter.id }}\"\n ods-facet-results-context=\"ctx\"\n ods-facet-results-sort=\"alphanum\"\u003e\n \u003cods-select ng-if=\"ctxfields[filter.id]\"\n selected-values=\"activeFilters[filter.id]\"\n multiple=\"filter.multiple\"\n options=\"categories\"\n label-modifier=\"name\"\n value-modifier=\"name\"\n placeholder=\"{{ ctxfields[filter.id] }}\"\u003e\u003c/ods-select\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"clear-filters\"\n ng-show=\"(activeFilters | values).join('')\"\u003e\n \u003cdiv class=\"clear-filters-button\"\n role=\"button\"\n ng-click=\"activeFilters = {}\"\u003e\n {{ resetFiltersButtonLabel }}\n \u003ci class=\"fa fa-times-circle\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-5 col-xs-12\"\u003e\n \u003cul class=\"result-list\"\u003e\n \u003cli class=\"result\"\n ng-repeat=\"item in items\"\n ods-results=\"items\"\n ods-results-context=\"ctx\"\n ods-results-max=\"1000\"\n ng-click=\"ctx.parameters['refine.' + resultTitle] = (ctx.parameters['refine.' + resultTitle]?undefined:item.fields[resultTitle])\"\n ng-class=\"{'result-img-horizontal': imagePosition === 'left' }\"\u003e\n \u003cdiv class=\"result-img\"\n ng-if=\"item.fields[fieldImage]\"\n style=\"{{ 'background-image: url(https://' + domain + '/explore/dataset/' + datasetid + '/files/' + item.fields[fieldImage].id + '/300/);' }}\"\u003e\n \u003c/div\u003e\n \u003cdiv class=\"result-content\"\u003e\n \u003ch2 class=\"result-title\"\u003e\n {{ item.fields[resultTitle] }}\n \u003c/h2\u003e\n \u003cdl class=\"result-info\"\u003e\n \u003cdt ng-repeat-start=\"field in fieldsList\"\u003e\n {{ ctxfields[field] }}\n \u003c/dt\u003e\n \u003cdd ng-repeat-end\u003e{{ item.fields[field] }}\u003c/dd\u003e\n \u003c/dl\u003e\n \u003cdiv ng-if=\"fieldLink\"\u003e\n \u003c!-- fieldLink is used here\n For very simple usage, just set the href to the field value :\n - href=\"{{ item.fields[fieldLink] }}\"\n\n For more advanced scenario, you can send the user to :\n - the dataset table filtered with the fieldLink value, through a text query\n href=\"/explore/dataset/{{ datasetid }}/table?q={{ item.fields[fieldLink] }}\"\n - the dataset table filtered with the fieldLink value, through a refine on the field\n href=\"/explore/dataset/{{ datasetid }}/table?refine.{{ fieldLink }}={{ item.fields[fieldLink] }}\"\n - a page using url-sync=true setting :\n href=\"/pages/yourpage/?refine.{{ fieldLink }}={{ item.fields[fieldLink] }}\"\n --\u003e\n\n \u003ca href=\"{{ 'https://' + domain + '/explore/dataset/' + datasetid + '/files/' + item.fields[fieldLink].id + '/300/' }}\"\n target=\"_blank\"\n class=\"content-card-button\"\n ng-if=\"item.fields[fieldLink]\"\u003e\n {{ fieldLinkLabel }}\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/li\u003e\n \u003c/ul\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"col-md-7 col-xs-12\"\u003e\n \u003cods-map no-refit=\"false\"\n scroll-wheel-zoom=\"false\"\u003e\n \u003cods-map-layer-group\u003e\n \u003cods-map-layer context=\"ctx\"\n color=\"{{ mapPictoColor }}\"\n picto=\"{{ mapPicto }}\"\n show-marker=\"true\"\n display=\"auto\"\n shape-opacity=\"0.5\"\n point-opacity=\"1\"\n border-color=\"#FFFFFF\"\n border-opacity=\"1\"\n border-size=\"1\"\n border-pattern=\"solid\"\n size=\"4\"\n size-min=\"3\"\n size-max=\"5\"\n size-function=\"linear\"\u003e\u003c/ods-map-layer\u003e\n \u003c/ods-map-layer-group\u003e\n \u003c/ods-map\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003ca href=\"{{ ctx.domainUrl }}/explore/dataset/{{ datasetid }}\" target=\"_blank\"\u003eAccéder aux données source\u003c/a\u003e\n \u003c/section\u003e\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n \u003c!-- V1.2 :\n - Add fieldImage and imagePosition for image datasets\n - Add mapPictoColor and mapPicto to set up map picto\n --\u003e\n\n \u003c!-- V1.1 :\n - Add ods-select and multiple choice option for filters\n - Add clear all filter button when one filter is applied\n - responsive display for filters and date button\n - KPI default value to 0 when no data/results to display\n --\u003e\n\n\u003c!-- IMPORTANT ******** MUST READ !\n\n In the following settings declaration :\n\n A common error is forget to escape (protect) apostrophe with a leading backslash\n As apostrophes are used to declare values of variable it will break the settings\n\n Ex:\n wrongVariable = 'I'll be freed from apostrophes'\n correctVariable = 'I\\'ll be freed from apostrophes'\n--\u003e\n\n\u003c!-- SETTINGS START HERE --\u003e\n\u003cdiv class=\"container\"\n\n\n ng-init=\"domain = 'opendata.hauts-de-seine.fr';\n datasetid = 'archives-de-la-planete-paris';\n\n filters = [\n {'id':'operateur','multiple':true},\n {'id':'themes','multiple':true},\n {'id':'lieu_retraite','multiple':true}\n ];\n resetFiltersButton = true;\n resetFiltersButtonLabel = 'Supprimer tous les filtres';\n\n fieldsList = ['sujets', 'procede_technique', 'date_de_prise_de_vue'];\n fieldLink = 'photo';\n fieldLinkLabel = 'Télécharger l\\'image';\n\n fieldImage = 'photo';\n imagePosition = 'left';\n\n resultTitle = 'legende_revisee';\n itemsPerRow = '2';\n\n kpis = [\n {\n 'title': 'Nombre d\\'œuvres référencées',\n 'function': 'COUNT',\n 'faicon': 'camera-retro'\n }\n ];\n\n headerBackgroundImage = 'https://opendata.hauts-de-seine.fr/explore/dataset/archives-de-la-planete/files/ef4d61b0016cb909b5081622a0abecfe/download/';\n subtitle = 'Autochromes dans la capitale, par les opérateurs d\\'Albert Kahn';\n\n mapPictoColor = '#EC643C';\n mapPicto = 'ods-photo';\n\n\n DO_NOT_MODIFY_BELOW;\n\n ctxfields = {};\n values = {};\n activeFilters = {};\n \"\u003e\n\n \u003c!-- ### GENERAL SETTINGS ### --\u003e\n \u003c!-- domain : (Domain URL) : Must contain the ID of the domain where the dataset is published.\n ex: 'discovery.huwise.com'\n --\u003e\n \u003c!-- datasetid (Dataset ID) : Must contain the ID of the dataset\n ex: 'oeuvres-de-johannes-vermeer'\n --\u003e\n \u003c!-- headerBackgroundImage : Use an URL to show a background image in the header.\n --\u003e\n\n \u003c!-- ### FILTERS SETTINGS ### --\u003e\n \u003c!-- filters (Filters) : List of object that contains the IDs to generate the filters pannel.\n and multiple true or false to allow the user to select multiple values in the filter.\n NB: the field must be a facet in the dataset\n NB: alphanumerical sort is applied in the filter view\n ex: [\n {'id':'filterid','multiple':true},\n {'id':'filterid2','multiple':false}\n ]\n --\u003e\n \u003c!-- resetFiltersButton (boolean) : add a reset filters button after filters block --\u003e\n \u003c!-- resetFiltersButtonLabel (Label of the button) : test to display when a filter is selected\n ex: 'Clear all filters'\n --\u003e\n\n\n \u003c!-- ### LIST VIEW SETTINGS ### --\u003e\n \u003c!-- fieldsList (List configuration) : Set the list of field IDs\n ex: ['title','category','genre','date']\n --\u003e\n \u003c!-- fieldLink (Link to an external resource) : If available, the field ID of some external resource as a web URL\n ex: 'link'\n --\u003e\n \u003c!-- fieldLinkLabel (The label of that link) : Label of the link button\n ex: 'Read more here'\n --\u003e\n \u003c!-- fieldImage (Field id of the image field if any)\n ex: 'image'\n --\u003e\n \u003c!-- imagePosition (Image position) : Image position in the card, can be 'top' or 'left'\n ex: 'left'\n --\u003e\n\n\n \u003c!-- ### KPIS SETTINGS ### --\u003e\n \u003c!-- KPIS settings is a list of object that describes each KPI\n List of available keys are :\n - title (Name of the KPI) ex: 'Average # of citizens'\n - function (function of the aggregation) ex: 'SUM'\n - expression (field id that contains numerical values to aggregate) ex: 'population'\n - precision (Decimal precision of the KPI) ex: 2\n - unit (KPI unit) ex: 'citizens'\n - faicon (FontAwesome icon id) ex: 'square-o'\n\n title, function, expression are MANDATORY\n the others are optionnal\n\n Available functions are SUM, AVG, COUNT, STD, MAX, MIN.\n Please see the documentation for more information\n https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsAggregation\n\n Please see all available icons here\n https://fontawesome.com/v4.7.0/icons/\n\n ex:\n kpis = [\n {\n 'title': 'Taille moyenne',\n 'function': 'AVG',\n 'expression': 'surface',\n 'precision': 2,\n 'unit': 'm2',\n 'faicon': 'square-o'\n },\n {\n 'title': 'Nombre d\\'oeuvre référencées',\n 'function': 'COUNT'\n }\n ];\n --\u003e\n\n \u003c!-- ### Subtitle ### --\u003e\n \u003c!-- subtitle : \"Some texte\" --\u003e\n\n\n \u003c!-- mapPictoColor = '#EC643C'\n mapPicto = 'ods-photo'\n Map picto settings to set the color and the picto from this list : https://help.huwise.com/platform/en/other_resources/pictograms_reference/pictograms_reference.html\n --\u003e\n\n \u003c!-- DO NOT MODIFY --\u003e\n \u003c!-- Technical fields, do not modify please --\u003e\n\n \u003cods-dataset-context context=\"ctx\"\n ctx-domain=\"{{ domain }}\"\n ctx-dataset=\"{{ datasetid }}\"\u003e\n \u003c!-- Private datasets can be accessed by adding an API Key.\n Add this param to the \u003cods-dataset-context above,\n where XXX is your apikey :\n ctx-apikey=\"XXX\"\n --\u003e\n\n \u003cdiv class=\"page-header\" style=\"background-image: url({{ headerBackgroundImage }})\"\u003e\n \u003ch1 class=\"page-title\"\u003e\n {{ ctx.dataset.metas.title }}\n \u003c/h1\u003e\n \u003c/div\u003e\n\n \u003c!-- Page subtitle --\u003e\n \u003ch2 class=\"page-subtitle\" ng-bind-html=\"ctx.dataset.metas.description | shortSummary\"\u003e\u003c/h2\u003e\n\n \u003cspan ng-repeat=\"field in ctx.dataset.fields\"\u003e\n {{ ctxfields[field.name] = field.label; '' }}\n \u003c/span\u003e\n\n \u003cspan ng-repeat=\"filter in filters\"\u003e\n {{ ctx.parameters['refine.' + filter.id] = activeFilters[filter.id] ; '' }}\n \u003c/span\u003e\n\n \u003c!-- KPIs --\u003e\n \u003csection class=\"kpis-container row row-equal-height\"\u003e\n \u003cdiv class=\"{{ 'col-md-' + (12/itemsPerRow) }} margin-bottom-20\"\n ng-repeat=\"kpi in kpis\"\u003e\n \u003c!-- KPI box component --\u003e\n \u003cdiv class=\"kpi-card\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"ctx\"\n ods-aggregation-function=\"{{ kpi.function }}\"\n ods-aggregation-expression=\"{{ kpi.expression }}\"\u003e\n \u003ci class=\"kpi-icon fa fa-{{ kpi.faicon || 'gitlab' }}\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cp class=\"kpi-title\"\u003e\n {{ (agg || 0) | number : (kpi.precision || 0) }}\n \u003cspan ng-if=\"kpi.unit\" class=\"kpi-unit\"\u003e{{ kpi.unit }}\u003c/span\u003e\n \u003c/p\u003e\n \u003cp class=\"kpi-description\"\u003e\n {{ kpi.title }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n\n\n\n \u003c!-- Section 1 --\u003e\n \u003csection class=\"page-section\"\u003e\n \u003ch2 class=\"section-title\"\u003e\n {{ subtitle }}\n \u003c/h2\u003e\n\n \u003cdiv class=\"content-card\"\u003e\n \u003cp class=\"content-card-description\"\u003e\n Utilisez les filtres ci-dessus pour affiner votre recherche.\n \u003c/p\u003e\n\n \u003c!-- SEARCH --\u003e\n \u003cdiv class=\"search-module\"\u003e\n \u003ci class=\"fa fa-search search-module-icon\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cinput placeholder=\"Rechercher\"\n ng-model=\"ctx.parameters['q']\"\n ng-model-options=\"{ updateOn: 'keyup', debounce: { 'default': 300, 'blur': 0 }}\"\n class=\"search-module-input\"\n type=\"text\"/\u003e\n \u003cbutton class=\"search-module-clear\"\n ng-if=\"ctx.parameters['q']\"\n ng-click=\"ctx.parameters['q'] = undefined\"\u003e\n \u003ci class=\"fa fa-times-circle\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/button\u003e\n \u003c/div\u003e\n\n\n \u003c!-- FILTERS --\u003e\n \u003cdiv class=\"filter-list\"\n ng-init=\"dropdown.open = '';\n select = {}\"\u003e\n \u003cdiv ng-repeat=\"filter in filters\"\u003e\n {{ ctx.parameters['disjunctive.' + filter.id] = true; '' }}\n \u003cdiv ods-facet-results=\"categories\"\n ods-facet-results-facet-name=\"{{ filter.id }}\"\n ods-facet-results-context=\"ctx\"\n ods-facet-results-sort=\"alphanum\"\u003e\n \u003cods-select ng-if=\"ctxfields[filter.id]\"\n selected-values=\"activeFilters[filter.id]\"\n multiple=\"filter.multiple\"\n options=\"categories\"\n label-modifier=\"name\"\n value-modifier=\"name\"\n placeholder=\"{{ ctxfields[filter.id] }}\"\u003e\u003c/ods-select\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"clear-filters\"\n ng-show=\"(activeFilters | values).join('')\"\u003e\n \u003cdiv class=\"clear-filters-button\"\n role=\"button\"\n ng-click=\"activeFilters = {}\"\u003e\n {{ resetFiltersButtonLabel }}\n \u003ci class=\"fa fa-times-circle\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-5 col-xs-12\"\u003e\n \u003cul class=\"result-list\"\u003e\n \u003cli class=\"result\"\n ng-repeat=\"item in items\"\n ods-results=\"items\"\n ods-results-context=\"ctx\"\n ods-results-max=\"1000\"\n ng-click=\"ctx.parameters['refine.' + resultTitle] = (ctx.parameters['refine.' + resultTitle]?undefined:item.fields[resultTitle])\"\n ng-class=\"{'result-img-horizontal': imagePosition === 'left' }\"\u003e\n \u003cdiv class=\"result-img\"\n ng-if=\"item.fields[fieldImage]\"\n style=\"{{ 'background-image: url(https://' + domain + '/explore/dataset/' + datasetid + '/files/' + item.fields[fieldImage].id + '/300/);' }}\"\u003e\n \u003c/div\u003e\n \u003cdiv class=\"result-content\"\u003e\n \u003ch2 class=\"result-title\"\u003e\n {{ item.fields[resultTitle] }}\n \u003c/h2\u003e\n \u003cdl class=\"result-info\"\u003e\n \u003cdt ng-repeat-start=\"field in fieldsList\"\u003e\n {{ ctxfields[field] }}\n \u003c/dt\u003e\n \u003cdd ng-repeat-end\u003e{{ item.fields[field] }}\u003c/dd\u003e\n \u003c/dl\u003e\n \u003cdiv ng-if=\"fieldLink\"\u003e\n \u003c!-- fieldLink is used here\n For very simple usage, just set the href to the field value :\n - href=\"{{ item.fields[fieldLink] }}\"\n\n For more advanced scenario, you can send the user to :\n - the dataset table filtered with the fieldLink value, through a text query\n href=\"/explore/dataset/{{ datasetid }}/table?q={{ item.fields[fieldLink] }}\"\n - the dataset table filtered with the fieldLink value, through a refine on the field\n href=\"/explore/dataset/{{ datasetid }}/table?refine.{{ fieldLink }}={{ item.fields[fieldLink] }}\"\n - a page using url-sync=true setting :\n href=\"/pages/yourpage/?refine.{{ fieldLink }}={{ item.fields[fieldLink] }}\"\n --\u003e\n\n \u003ca href=\"{{ 'https://' + domain + '/explore/dataset/' + datasetid + '/files/' + item.fields[fieldLink].id + '/300/' }}\"\n target=\"_blank\"\n class=\"content-card-button\"\n ng-if=\"item.fields[fieldLink]\"\u003e\n {{ fieldLinkLabel }}\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/li\u003e\n \u003c/ul\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"col-md-7 col-xs-12\"\u003e\n \u003cods-map no-refit=\"false\"\n scroll-wheel-zoom=\"false\"\u003e\n \u003cods-map-layer-group\u003e\n \u003cods-map-layer context=\"ctx\"\n color=\"{{ mapPictoColor }}\"\n picto=\"{{ mapPicto }}\"\n show-marker=\"true\"\n display=\"auto\"\n shape-opacity=\"0.5\"\n point-opacity=\"1\"\n border-color=\"#FFFFFF\"\n border-opacity=\"1\"\n border-size=\"1\"\n border-pattern=\"solid\"\n size=\"4\"\n size-min=\"3\"\n size-max=\"5\"\n size-function=\"linear\"\u003e\u003c/ods-map-layer\u003e\n \u003c/ods-map-layer-group\u003e\n \u003c/ods-map\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003ca href=\"{{ ctx.domainUrl }}/explore/dataset/{{ datasetid }}\" target=\"_blank\"\u003eAccéder aux données source\u003c/a\u003e\n \u003c/section\u003e\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e", "css": "/* General Layout\n========================================================================== */\n\nmain.main--page {\n margin: 0;\n}\n\n/* Body text */\np {\n text-align: justify;\n margin-top: 0;\n margin-bottom: 1.5rem;\n}\n\nul {\n list-style: none;\n padding-left: 0;\n}\n\n@media screen and (min-width: 992px) {\n .row-equal-height {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n margin-bottom: 20px;\n }\n /* Fix for early content wrapping in Safari*/\n .row-equal-height:before,\n .row-equal-height:after {\n content: normal;\n }\n}\n\n.margin-bottom-20 {\n margin-bottom: 20px;\n}\n\n.page-section {\n margin-top: 2rem;\n margin-bottom: 6rem;\n}\n\n.section-title {\n font-size: 2.2rem;\n font-weight: 400;\n color: #FFF;\n background-color: var(--highlight);\n text-align: center;\n padding: 10px;\n margin-top: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n/* Header\n========================================================================== */\n\n.page-header {\n background-color: var(--highlight);\n min-height: 180px; /* Change the height of the image here by increasing or decreasing the pixels. */\n /* Properties of the title located within the image banner */\n display: flex;\n justify-content: center;\n align-items: flex-end;\n margin-bottom: 40px;\n background-size: cover;\n background-repeat: no-repeat;\n background-position: center center;\n background-image: url('');\n}\n\n.page-title {\n color: var(--highlight);\n text-align: center;\n background-color: var(--page-background);\n position: relative;\n vertical-align: bottom;\n margin: 0;\n font-weight: 400;\n font-size: 2.5rem;\n padding: 15px 20px 10px 20px;\n border-radius: 7px 7px 0px 0px;\n}\n\n.page-subtitle {\n font-weight: 400;\n margin-top: 0;\n margin-bottom: 20px;\n font-size: 1.14rem;\n}\n\n\n/* Search Module\n========================================================================== */\n\n.search-module {\n display: flex;\n align-items: stretch;\n border-bottom: 1px solid #dee5ef;\n margin-bottom: 13px;\n transition: all .2s;\n}\n\n.search-module:hover,\n.search-module:focus-within {\n border-bottom-color: var(--links);\n}\n\n.search-module-icon {\n color: #898d92;\n margin-right: 8px;\n align-self: center;\n}\n\n.search-module-input {\n background-color: transparent;\n width: 100%;\n outline: none;\n border: none;\n padding: 12px 0;\n transition: all .2s;\n color: var(--text);\n}\n\n.search-module-input::placeholder {\n transition: all .2s;\n}\n\n.search-module-clear {\n color: #898d92;\n font-size: 1rem;\n background: transparent;\n border: none;\n margin: 0;\n outline: none;\n padding: 0 0 0 12px;\n transition: all .2s;\n}\n\n.search-module-clear:hover {\n opacity: .65;\n}\n\n.search-module:hover .search-module-icon,\n.search-module:focus-within .search-module-icon,\n.search-module:hover .search-module-input::placeholder,\n.search-module:focus-within .search-module-input::placeholder {\n color: var(--links)\n}\n\n\n/* Filters\n========================================================================== */\n\n.filter-list {\n display: flex;\n flex-wrap: wrap;\n position: relative;\n}\n.filter-list \u003e * {\n margin: 0 0 10px;\n width: 100%;\n}\n.odswidget-select .odswidget-select-dropdown.open .odswidget-select-dropdown-menu {\n width: 100%\n}\n.clear-filters {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.clear-filters-button:hover {\n opacity: 0.65;\n}\n.odswidget-select,\n.odswidget-select .odswidget-select-dropdown {\n width: 100%;\n}\n@media screen and (min-width: 500px) {\n .filter-list \u003e * {\n margin: 0 10px 10px 0;\n width: inherit;\n }\n .odswidget-select .odswidget-select-dropdown.open .odswidget-select-dropdown-menu {\n width: max-content;\n min-width: 240px;\n }\n}\n\n\n/* Content Card\n========================================================================== */\n\n.content-card {\n background-color: var(--boxes-background);\n border-radius: 4px;\n height: 100%;\n padding: 26px;\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13);\n margin-bottom: 10px;\n}\n\n.content-card-description {\n color: var(--text);\n font-size: 1rem;\n line-height: 1.5;\n font-weight: normal;\n margin-top: 0;\n margin-bottom: 26px;\n max-width: 100%;\n}\n\n.content-card-button {\n color: var(--highlight);\n border: 1px solid var(--highlight);\n background: transparent;\n display: inline-block;\n text-align: center;\n font-size: .867rem;\n border-radius: 4px;\n padding: .5rem 1.15rem;\n text-decoration: none;\n transition: all .2s;\n}\n\n.content-card-button:hover {\n background-color: var(--highlight);\n color: #FFFFFF;\n text-decoration: none;\n}\n\n\n/* KPI Card\n========================================================================== */\n\n@media screen and (min-width: 992px) {\n .kpis-container {\n display: flex;\n justify-content: center;\n }\n}\n\n.kpi-card {\n background-color: var(--boxes-background);\n height: 100%;\n padding: 39px;\n border-radius: 4px;\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n text-align: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n text-align: center;\n}\n\n.kpi-icon {\n color: var(--highlight);\n color: var(--secondary-color);\n font-size: 4rem;\n margin-top: 0;\n margin-bottom: 13px;\n max-width: 100%;\n}\n\n.kpi-title {\n font-weight: normal;\n color: var(--highlight);\n font-size: 3.2rem;\n margin-top: 0;\n margin-bottom: 13px;\n max-width: 100%;\n}\n\n.kpi-unit {\n font-size: 0.8em;\n color: var(--secondary-color);\n}\n\n.kpi-description {\n color: var(--text);\n font-size: 1rem;\n line-height: 1.5;\n font-weight: normal;\n margin-top: 0;\n margin-bottom: 0;\n max-width: 100%;\n}\n\n\n/* Results and Map\n========================================================================== */\n\n.odswidget-map__map {\n min-height: 550px;\n}\n\n@media screen and (min-width: 991px) {\n .col-md-5 {\n padding-right: 0;\n }\n\n .col-md-7 {\n padding-left: 0;\n }\n}\n\n\n.result-list {\n list-style: none;\n padding-left: 0;\n margin-top: 0;\n height: 550px;\n overflow-y: auto;\n}\n\n.result {\n margin-bottom: 10px;\n padding: 0 1rem 1rem 0;\n border-bottom: 1px solid #DEE5EF;\n}\n\n.result.result-img-horizontal {\n display: flex;\n}\n\n.result-img-horizontal .result-img {\n flex: 0 0 35%;\n width: 35%;\n height: auto;\n}\n\n.result-img {\n disaply: block;\n height: 118px;\n\n background-position: center;\n background-size: cover;\n background-repeat: no-repeat;\n}\n\n.result-img-horizontal .result-content {\n margin-left: 0.7rem;\n}\n:not(.result-img-horizontal) .result-content {\n margin-top: 0.7rem;\n}\n\n.result-title {\n color: var(--titles);\n font-size: 1rem;\n font-weight: bold;\n margin-top: 0;\n margin-bottom: 5px;\n}\n\n.result-info {\n list-style: none;\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 10px;\n overflow-wrap: break-word;\n}\n\n.result-info dt {\n font-size: .9rem;\n opacity: .9;\n}\n\n.result-info dd {\n margin-left: 0;\n margin-bottom: 5px;\n}\n" }'> @@ -3165,6 +3355,7 @@

        const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -3351,7 +3542,7 @@

        <!-- ### GENERAL SETTINGS ### --> <!-- domain : (Domain URL) : Must contain the ID of the domain where the dataset is published. - ex: 'discovery.opendatasoft.com' + ex: 'discovery.huwise.com' --> <!-- datasetid (Dataset ID) : Must contain the ID of the dataset ex: 'oeuvres-de-johannes-vermeer' @@ -3408,7 +3599,7 @@

        Available functions are SUM, AVG, COUNT, STD, MAX, MIN. Please see the documentation for more information - https://help.opendatasoft.com/widgets/#/api/ods-widgets.directive:odsAggregation + https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsAggregation Please see all available icons here https://fontawesome.com/v4.7.0/icons/ @@ -3436,7 +3627,7 @@

        <!-- mapPictoColor = '#EC643C' mapPicto = 'ods-photo' - Map picto settings to set the color and the picto from this list : https://help.opendatasoft.com/platform/en/other_resources/pictograms_reference/pictograms_reference.html + Map picto settings to set the color and the picto from this list : https://help.huwise.com/platform/en/other_resources/pictograms_reference/pictograms_reference.html --> <!-- DO NOT MODIFY --> @@ -4019,9 +4210,17 @@

        "> -
        - + +

        -
        - -
        +
        + +
        + +
        - - + - © Copyright 2020 + © Copyright 2026
        @@ -5603,7 +5875,7 @@

        diff --git a/public/generators/map-listing/posthtml.inc b/public/generators/map-listing/posthtml.inc index 275ae45fd..f0c23f98b 100644 --- a/public/generators/map-listing/posthtml.inc +++ b/public/generators/map-listing/posthtml.inc @@ -8,7 +8,7 @@ diff --git a/public/generators/page/1/index.html b/public/generators/page/1/index.html index 35d04248e..b2cafe417 100644 --- a/public/generators/page/1/index.html +++ b/public/generators/page/1/index.html @@ -1 +1,9 @@ -https://codelibrary.opendatasoft.com/generators/ \ No newline at end of file + + + + https://codelibrary.huwize.com/generators/ + + + + + diff --git a/public/huwise-favicon.ico b/public/huwise-favicon.ico new file mode 100644 index 000000000..8aaa80aad Binary files /dev/null and b/public/huwise-favicon.ico differ diff --git a/public/img/apps-custo.svg b/public/img/apps-custo.svg new file mode 100644 index 000000000..6b1daf7aa --- /dev/null +++ b/public/img/apps-custo.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/public/img/close-line.svg b/public/img/close-line.svg new file mode 100644 index 000000000..2d1ef8fd1 --- /dev/null +++ b/public/img/close-line.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/img/form_icon_success.svg b/public/img/form_icon_success.svg new file mode 100644 index 000000000..7cc60bc22 --- /dev/null +++ b/public/img/form_icon_success.svg @@ -0,0 +1 @@ +ODS_PLUS \ No newline at end of file diff --git a/public/img/huwise.svg b/public/img/huwise.svg new file mode 100644 index 000000000..abb8fdaea --- /dev/null +++ b/public/img/huwise.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/img/huwise_logo.svg b/public/img/huwise_logo.svg new file mode 100644 index 000000000..c5565e0bb --- /dev/null +++ b/public/img/huwise_logo.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/public/img/menu-fill.svg b/public/img/menu-fill.svg new file mode 100644 index 000000000..663661fa4 --- /dev/null +++ b/public/img/menu-fill.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/public/img/ods-codelibrary-logo.svg b/public/img/ods-codelibrary-logo.svg deleted file mode 100644 index 0d6ad450a..000000000 --- a/public/img/ods-codelibrary-logo.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - Artboard - Created with Sketch. - - - - - - - - - \ No newline at end of file diff --git a/public/img/ods-logo-helphub.svg b/public/img/ods-logo-helphub.svg deleted file mode 100644 index 6f1698569..000000000 --- a/public/img/ods-logo-helphub.svg +++ /dev/null @@ -1,22 +0,0 @@ - - - - F7E0AB1D-1355-4A29-8735-44C57A54E468 - Created with sketchtool. - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/public/img/ods-logo.svg b/public/img/ods-logo.svg deleted file mode 100644 index 15f3f3b6e..000000000 --- a/public/img/ods-logo.svg +++ /dev/null @@ -1,44 +0,0 @@ - - - - - - - - - - - - - - - - - - diff --git a/public/img/ods.svg b/public/img/ods.svg deleted file mode 100644 index 8e5e1995b..000000000 --- a/public/img/ods.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - Shape - Created with Sketch. - - - - - - diff --git a/public/index.html b/public/index.html index ac4e4a47c..95a4463e8 100644 --- a/public/index.html +++ b/public/index.html @@ -1,7 +1,7 @@ - + @@ -42,9 +42,7 @@ <link rel="stylesheet" type="text/css" href="/scss/main.css" /> - <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" /> - <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" /> - <link rel="shortcut icon" href="/favicon.ico" /> + <link rel="shortcut icon" href="/huwise-favicon.ico" /> </head> <body> @@ -76,69 +74,88 @@ </div> - <nav class="navbar is-fixed-top" + <nav class="ods-header navbar is-fixed-top" role="navigation" aria-label="Main navigation"> - <div class="navbar-brand"> - <button class="navbar-burger burger" - type="button" - data-target="sidebarNavbar" - aria-controls="sidebarNavbar" - aria-expanded="false" - aria-label="Main menu"> - Menu - </button> - <a class="navbar-item" - href="/" - title="Back to the homepage"> - <img src="/img/ods-logo-helphub.svg" - alt="Helphub Logo"/> + + <button type="button" + class="menu-button navbar-burger burger" + id="nav-button" + data-target="sidebarNavbar" + aria-controls="sidebarNavbar" + aria-expanded="false" + aria-label="Main menu"> + <img class="ods-header__menu-toggle__openlogo" src="/img/menu-fill.svg" alt="Open documentation menu"> + </button> + + <a class="ods-header-logo ods-header-logo-link" + href="https://help.opendatasoft.com/"> + <img src="/img/huwise.svg" alt="Huwise logo"> + <span class="ods-header__brandname"> + Help Center + </span> + </a> + + <div class="ods-header__nav"> + <a class="ods-header__nav-item-link" + href="https://userguide.opendatasoft.com/"> + User guide + </a> + <a class="ods-header__nav-item-link" + href="https://academy.opendatasoft.com/page/homepage"> + Academy + </a> + <a class="ods-header__nav-item-link is-active" + href="https://codelibrary.opendatasoft.com"> + Code Library + </a> + <a class="ods-header__nav-item-link" + href="https://help.opendatasoft.com/widgets/"> + Widgets + </a> + <a class="ods-header__nav-item-link" + href="https://help.opendatasoft.com/en/apis/"> + APIs + </a> + <a class="ods-header__nav-item-link" + href="https://changes.opendatasoft.com/en"> + Release Notes </a> - <button class="navbar-burger burger" - type="button" - data-target="helphubNavbar" - aria-controls="helphubNavbar" - aria-expanded="false" - aria-label="Help Hub Menu"> - Help Hub - </button> </div> - <div class="navbar-menu" - id="helphubNavbar"> - <div class="navbar-start"> - <a class="navbar-item" - href="https://help.opendatasoft.com/"> - Help Hub - </a> - <a class="navbar-item" - href="https://help.opendatasoft.com/platform/en/"> - User guide - </a> - <a class="navbar-item is-active" - href="https://codelibrary.opendatasoft.com"> - Code Library - </a> - <a class="navbar-item" - href="https://help.opendatasoft.com/faq-glossary/en/"> - FAQ - </a> - <a class="navbar-item" - href="https://help.opendatasoft.com/widgets/"> - Widgets - </a> - <a class="navbar-item" - href="https://help.opendatasoft.com/en/apis/"> - APIs - </a> - <a class="navbar-item" - href="https://academy.opendatasoft.com/page/homepage"> - Academy - </a> - <a class="navbar-item" - href="https://documentation-resources.opendatasoft.com/pages/release-notes/?headless=true"> - Release Notes - </a> - </div> + <button type="button" + class="menu-button navbar-burger burger" + id="nav-button" + data-target="helphubNavbar" + aria-controls="helphubNavbar" + aria-expanded="false" + aria-label="Main menu"> + <img class="ods-header__menu-toggle__openlogo" src="/img/apps-custo.svg" alt="Open documentation menu"> + </button> + <div class="navbar-menu" id="helphubNavbar"> + <a class="ods-header__nav-item-link" + href="https://userguide.opendatasoft.com/"> + User guide + </a> + <a class="ods-header__nav-item-link" + href="https://academy.opendatasoft.com/page/homepage"> + Academy + </a> + <a class="ods-header__nav-item-link is-active" + href="https://codelibrary.opendatasoft.com"> + Code Library + </a> + <a class="ods-header__nav-item-link" + href="https://help.opendatasoft.com/widgets/"> + Widgets + </a> + <a class="ods-header__nav-item-link" + href="https://help.opendatasoft.com/en/apis/"> + APIs + </a> + <a class="ods-header__nav-item-link" + href="https://changes.opendatasoft.com/en"> + Release Notes + </a> </div> </nav> @@ -162,7 +179,7 @@ <ul class="menu-list"> <li> <a class="sidebar-subtitle" - href="https://codelibrary.opendatasoft.com"> + href="https://codelibrary.huwize.com/"> Home </a> </li> @@ -179,6 +196,54 @@ + + + + + + + + + + + + + + + + + + + + + + <li> + <a href="/apps/" + class="sidebar-subtitle"> + Apps + + </a> + </li> + + + + + + + + + + + + + + + + + + + + @@ -233,6 +298,9 @@ + + + <li> <a href="/custom-views/" class="sidebar-subtitle"> @@ -257,6 +325,9 @@ + + + @@ -301,6 +372,18 @@ + + + + + + + + + + + + @@ -427,8 +510,6 @@ class="sidebar-subtitle"> Widget tricks - <span class="tag pill is-size-7 is-rounded is-info">6</span> - </a> </li> @@ -440,51 +521,67 @@ <div class="tags"> <a class="tag" href="/tags/aggregation/"> - aggregation + Aggregation + </a> + + <a class="tag" href="/tags/card/"> + Card </a> <a class="tag" href="/tags/chart/"> - chart + Chart </a> <a class="tag" href="/tags/date/"> - date + Date </a> <a class="tag" href="/tags/display/"> - display + Display </a> <a class="tag" href="/tags/filter/"> - filter + Filter </a> <a class="tag" href="/tags/geo/"> - geo + Geo </a> <a class="tag" href="/tags/list/"> - list + List </a> <a class="tag" href="/tags/map/"> - map + Map </a> <a class="tag" href="/tags/navigation/"> - navigation + Navigation + </a> + + <a class="tag" href="/tags/ods-adv-analysis/"> + Ods-Adv-Analysis </a> <a class="tag" href="/tags/ods-aggregation/"> - ods-aggregation + Ods-Aggregation </a> <a class="tag" href="/tags/ods-analysis/"> - ods-analysis + Ods-Analysis </a> <a class="tag" href="/tags/ods-maps/"> - ods-maps + Ods-Maps + </a> + + <a class="tag" href="/tags/ods-subaggregation/"> + Ods-Subaggregation + </a> + + <a class="tag" href="/tags/redirection/"> + Redirection </a> </div> @@ -497,43 +594,43 @@ <section class="container section is-max-desktop"> <h1 class="title is-size-1 "> - Welcome to the Code Library of Opendatasoft! + Welcome to the Code Library of Huwise! </h1> </section> <section class="home-results container"> <a class="card card-home" - href="/widget-tricks/"> + href="/page-templates/"> <div class="card-content"> <h2 class="title is-size-3"> - Widget Tricks + Page Templates </h2> <p class="subtitle"> - Custom made widgets to display certain data and other cool tips to make your portal pop. + Use these templates to easily create new pages that look sleek and you can customize to fit your needs. </p> </div> </a> <a class="card card-home" - href="/portal-themes/"> + href="/components/"> <div class="card-content"> <h2 class="title is-size-3"> - Portal Themes + Components </h2> <p class="subtitle"> - Give your opendatasoft portal a modern look and feel. + Easy to use components that can be added to your pages. </p> </div> </a> <a class="card card-home" - href="/components/"> + href="/widget-tricks/"> <div class="card-content"> <h2 class="title is-size-3"> - Components + Widget Tricks </h2> <p class="subtitle"> - Easy to use components that can be added to your pages. + Custom made widgets to display certain data and other cool tips to make your portal pop. </p> </div> </a> @@ -551,25 +648,37 @@ <h2 class="title is-size-3"> </a> <a class="card card-home" - href="/page-templates/"> + href="/custom-views/"> <div class="card-content"> <h2 class="title is-size-3"> - Page Templates + Custom Views </h2> <p class="subtitle"> - Use these templates to easily create new pages that look sleek and you can customize to fit your needs. + Use these templates to create custom views for your datasets inside your catalog. </p> </div> </a> <a class="card card-home" - href="/custom-views/"> + href="/portal-themes/"> <div class="card-content"> <h2 class="title is-size-3"> - Custom Views + Portal Themes </h2> <p class="subtitle"> - Use these templates to create custom views for your datasets inside your catalog. + Give your opendatasoft portal a modern look and feel. + </p> + </div> + </a> + + <a class="card card-home" + href="/apps/"> + <div class="card-content"> + <h2 class="title is-size-3"> + Apps + </h2> + <p class="subtitle"> + Learn and quickly implement new use cases and applications to build even further value with your own ODS platform! </p> </div> </a> @@ -582,484 +691,6 @@ <h3 class="title is-3 is-flex is-align-items-baseline"> <figure class="image is-16x16 mx-1"><img src="/img/rss.svg" alt="rss"></figure> </a> </h3> - - - <div class="block"> - <h5 class="title is-5 is-flex breadcrumb"> - <ul> - <li class="is-active"> - <a href="/widget-tricks/ods-table-fixed-col/"> - ods-table: Fixed column - </a> - <li> - <a href="/widget-tricks/ods-table-fixed-col/#fix-1-2-or-3-columns"> - Fix 1, 2 or 3 columns - </a> - </li> - </ul> - </h5><p class="subtitle">By adding the CSS class <code>sticky-col-1</code>, <code>sticky-col-2</code> or <code>sticky-col-3</code> to an ods-table, -you can …</p></div> - - - - <div class="block"> - <h5 class="title is-5 is-flex breadcrumb"> - <ul> - <li class="is-active"> - <a href="/widget-tricks/ods-chart-css-hacks/"> - ods-chart: CSS Hacks - </a> - <li> - <a href="/widget-tricks/ods-chart-css-hacks/#lighten-display-values"> - Lighten "display-values" - </a> - </li> - </ul> - </h5><p class="subtitle"><code>display-values=true</code> option displays for each point of a chart the values of the series. -It’s …</p></div> - - - - <div class="block"> - <h5 class="title is-5 is-flex breadcrumb"> - <ul> - <li class="is-active"> - <a href="/portal-themes/dropdown-menu/"> - Dropdown menu for portal headers - </a> - <li> - <a href="/portal-themes/dropdown-menu/#based-on-click---for-default-headers"> - Based on click - for default headers - </a> - </li> - </ul> - </h5>Dropdown menu with click for default headers</div> - - - - <div class="block"> - <h5 class="title is-5 is-flex breadcrumb"> - <ul> - <li class="is-active"> - <a href="/widget-tricks/ods-results/"> - ods-results - </a> - <li> - <a href="/widget-tricks/ods-results/#simple-usage-list-records-"> - Simple usage, list records ! - </a> - </li> - </ul> - </h5><p class="subtitle"><strong>ods-results</strong> returns an array: the list of records. Records are objects, and all the metas are …</p></div> - - - - <div class="block"> - <h5 class="title is-5 is-flex breadcrumb"> - <ul> - <li class="is-active"> - <a href="/widget-tricks/heatmaps-custom/"> - Heatmaps with CSS Grid - </a> - <li> - <a href="/widget-tricks/heatmaps-custom/#heatmap-with-dynamic-color-scale"> - Heatmap with dynamic color scale - </a> - </li> - </ul> - </h5>Custom heatmap with dynamic scale</div> - - <div class="block"> - <h5 class="title is-5 is-flex breadcrumb"> - <ul> - <li class="is-active"> - <a href="/widget-tricks/heatmaps-custom/"> - Heatmaps with CSS Grid - </a> - <li> - <a href="/widget-tricks/heatmaps-custom/#heatmap-with-static-scale"> - Heatmap with static scale - </a> - </li> - </ul> - </h5>Custom heatmap with static scale</div> - - - - <div class="block"> - <h5 class="title is-5 is-flex breadcrumb"> - <ul> - <li class="is-active"> - <a href="/widget-tricks/heatmaps-vegalite/"> - Heatmaps with Vega-Lite - </a> - <li> - <a href="/widget-tricks/heatmaps-vegalite/#bubblemaps"> - Bubblemaps - </a> - </li> - </ul> - </h5>Bubblemaps with Vega-Lite</div> - - <div class="block"> - <h5 class="title is-5 is-flex breadcrumb"> - <ul> - <li class="is-active"> - <a href="/widget-tricks/heatmaps-vegalite/"> - Heatmaps with Vega-Lite - </a> - <li> - <a href="/widget-tricks/heatmaps-vegalite/#heatmap-with-linear-scale"> - Heatmap: with linear scale - </a> - </li> - </ul> - </h5>Heatmaps with Vega-Lite</div> - - - - <div class="block"> - <h5 class="title is-5 is-flex breadcrumb"> - <ul> - <li class="is-active"> - <a href="/components/material-themed-cards/"> - Material themed cards - </a> - <li> - <a href="/components/material-themed-cards/#making-a-full-dashboard"> - Making a full dashboard - </a> - </li> - </ul> - </h5><p class="subtitle">This is a reproduction of the <a href="/page-templates/monitoring-dashboard">monitoring dashboard</a> using the above components. We also use different …</p></div> - - - - <div class="block"> - <h5 class="title is-5 is-flex breadcrumb"> - <ul> - <li class="is-active"> - <a href="/generators/kpi-generator/"> - KPI Generator - </a> - <li> - <a href="/generators/kpi-generator/#numeric-difference-between-2-values"> - Numeric, difference between 2 values - </a> - </li> - </ul> - </h5>Compare 2 numerical values</div> - - - - <div class="block"> - <h5 class="title is-5 is-flex breadcrumb"> - <ul> - <li class="is-active"> - <a href="/page-templates/ods-layout-over-ride/"> - ODS Layout over-ride - </a> - <li> - <a href="/page-templates/ods-layout-over-ride/#ods-layout-example"> - ODS Layout example - </a> - </li> - </ul> - </h5><p class="subtitle">The ODS Layout is based on Bootstrap 3, you can find the <a href="https://getbootstrap.com/docs/3.4/css/#grid">official documentation and examples here</a></p> -</div> - - - - <div class="block"> - <h5 class="title is-5 is-flex breadcrumb"> - <ul> - <li class="is-active"> - <a href="/page-templates/dashboard/"> - Dashboard - </a> - <li> - <a href="/page-templates/dashboard/#dashboard-with-css-grid-layout"> - Dashboard with CSS Grid layout - </a> - </li> - </ul> - </h5><blockquote> -<p class="subtitle">Note: The CSS includes only necessary classes and NOT the entire CSS Grid framework. To change the …</p></blockquote></div> - - <div class="block"> - <h5 class="title is-5 is-flex breadcrumb"> - <ul> - <li class="is-active"> - <a href="/page-templates/dashboard/"> - Dashboard - </a> - <li> - <a href="/page-templates/dashboard/#dashboard-with-ods-layout"> - Dashboard with ODS layout - </a> - </li> - </ul> - </h5></div> - - - - - - <div class="block"> - <h5 class="title is-5 is-flex breadcrumb"> - <ul> - <li class="is-active"> - <a href="/page-templates/css-grid-framework/"> - CSS Grid Framework - </a> - <li> - <a href="/page-templates/css-grid-framework/#set-the-grid"> - Set the grid - </a> - </li> - </ul> - </h5><p class="subtitle">Use <code>grid-cols-{n}</code> class to create grids with <em>n</em> equally sized columns. -<code>grid-{n}</code> can be used as a …</p></div> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - <div class="block"> - <h5 class="title is-5 is-flex breadcrumb"> - <ul> - <li class="is-active"> - <a href="/page-templates/datastory/"> - Data Story - </a> - <li> - <a href="/page-templates/datastory/#css-grid--light-with-header-and-sections---heavy-shadow-box"> - CSS Grid : Light with header and sections - heavy shadow box - </a> - </li> - </ul> - </h5><p class="subtitle">This version is based on the <a href="/page-templates/css-grid-framework">CSS Grid framework available here</a>. Please read the resource description …</p></div> - - <div class="block"> - <h5 class="title is-5 is-flex breadcrumb"> - <ul> - <li class="is-active"> - <a href="/page-templates/datastory/"> - Data Story - </a> - <li> - <a href="/page-templates/datastory/#css-grid--light-with-header-and-sections---regular-box"> - CSS Grid : Light with header and sections - regular box - </a> - </li> - </ul> - </h5><p class="subtitle">This version is based on the <a href="/page-templates/css-grid-framework">CSS Grid framework available here</a>. Please read the resource description …</p></div> - - <div class="block"> - <h5 class="title is-5 is-flex breadcrumb"> - <ul> - <li class="is-active"> - <a href="/page-templates/datastory/"> - Data Story - </a> - <li> - <a href="/page-templates/datastory/#light-with-header-and-sections---heavy-shadow-box"> - Light with header and sections - heavy shadow box - </a> - </li> - </ul> - </h5></div> - - <div class="block"> - <h5 class="title is-5 is-flex breadcrumb"> - <ul> - <li class="is-active"> - <a href="/page-templates/datastory/"> - Data Story - </a> - <li> - <a href="/page-templates/datastory/#light-with-header-and-sections---regular-box"> - Light with header and sections - regular box - </a> - </li> - </ul> - </h5></div> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - <div class="block"> - <h5 class="title is-5 is-flex breadcrumb"> - <ul> - <li class="is-active"> - <a href="/page-templates/observatory/"> - Observatory - </a> - <li> - <a href="/page-templates/observatory/#an-observatory-dashboard-model"> - An observatory dashboard model - </a> - </li> - </ul> - </h5><p class="subtitle">Analytic view with KPIs, charts and filters</p> -</div> - - <div class="block"> - <h5 class="title is-5 is-flex breadcrumb"> - <ul> - <li class="is-active"> - <a href="/page-templates/observatory/"> - Observatory - </a> - <li> - <a href="/page-templates/observatory/#css-grid--observatory-model"> - CSS Grid : Observatory model - </a> - </li> - </ul> - </h5><p class="subtitle">This version is based on the <a href="/page-templates/css-grid-framework">CSS Grid framework available here</a>. Please read the resource description …</p></div> - - - - - - - - <div class="block"> - <h5 class="title is-5 is-flex breadcrumb"> - <ul> - <li class="is-active"> - <a href="/widget-tricks/ods-color-gradient/"> - ods-color-gradient + ods-map : a choropleth alternative - </a> - <li> - <a href="/widget-tricks/ods-color-gradient/#ods-color-gradient-number-of-classes"> - ods-color-gradient: Number of classes - </a> - </li> - </ul> - </h5><p class="subtitle"><code>ods-color-gradient-nb-classes</code> optional parameter defines the number of groups of values. -If not …</p></div> - - <div class="block"> - <h5 class="title is-5 is-flex breadcrumb"> - <ul> - <li class="is-active"> - <a href="/widget-tricks/ods-color-gradient/"> - ods-color-gradient + ods-map : a choropleth alternative - </a> - <li> - <a href="/widget-tricks/ods-color-gradient/#ods-color-gradient-power-exponent"> - ods-color-gradient: Power exponent - </a> - </li> - </ul> - </h5><p class="subtitle">The power exponent is used to create a power based scale. -The transform applied to value is of the …</p></div> - - <div class="block"> - <h5 class="title is-5 is-flex breadcrumb"> - <ul> - <li class="is-active"> - <a href="/widget-tricks/ods-color-gradient/"> - ods-color-gradient + ods-map : a choropleth alternative - </a> - <li> - <a href="/widget-tricks/ods-color-gradient/#ods-legend-css-tricks"> - ods-legend: CSS tricks - </a> - </li> - </ul> - </h5><p class="subtitle">With some CSS, ods-legend can be horizontal. It can also be positioned on top of the map, to save …</p></div> - - <div class="block"> - <h5 class="title is-5 is-flex breadcrumb"> - <ul> - <li class="is-active"> - <a href="/widget-tricks/ods-color-gradient/"> - ods-color-gradient + ods-map : a choropleth alternative - </a> - <li> - <a href="/widget-tricks/ods-color-gradient/#ods-legend-display-mode"> - ods-legend: Display mode - </a> - </li> - </ul> - </h5><p class="subtitle"><code>display</code> optional parameter can be <code>linear</code> or <code>steps</code>.</p> -<blockquote> -<p class="subtitle">Note: <code>ods-color-gradient-nb-classes</code> parameter is …</p></blockquote></div> - - - - - - - - - @@ -1087,16 +718,16 @@ <h5 class="title is-5 is-flex breadcrumb"> </div> <footer class="footer"> - <a href="https://www.opendatasoft.com" + <a href="https://www.huwise.com" class="footer-link" - title="Opendatasoft website"> - <img src="/img/ods-logo.svg" + title="Huwise website"> + <img src="/img/huwise.svg" class="footer-logo" - alt="Opendatasoft logo" + alt="Huwise logo" /> </a> <span class="footer-copyright"> - © Copyright 2020 + © Copyright 2026 </span> </footer> @@ -1108,7 +739,7 @@ <h5 class="title is-5 is-flex breadcrumb"> </script> <script type="text/javascript" - src="/index.min.d986e12cb7cbc909e8709adbae4f4f150c07f0a07b6e439f91f5b639c68888b4.js" + src="/index.min.02e5368ab38ca8a6f26635575b9b6d3c1f19d8d4e80509bf2c12231df80e90fc.js" defer ></script> </body> diff --git a/public/index.min.02e5368ab38ca8a6f26635575b9b6d3c1f19d8d4e80509bf2c12231df80e90fc.js b/public/index.min.02e5368ab38ca8a6f26635575b9b6d3c1f19d8d4e80509bf2c12231df80e90fc.js new file mode 100644 index 000000000..c4bd9ebde --- /dev/null +++ b/public/index.min.02e5368ab38ca8a6f26635575b9b6d3c1f19d8d4e80509bf2c12231df80e90fc.js @@ -0,0 +1,166 @@ +/*! Bundled license information: + +es6-promise/dist/es6-promise.js: + (*! + * @overview es6-promise - a tiny implementation of Promises/A+. + * @copyright Copyright (c) 2014 Yehuda Katz, Tom Dale, Stefan Penner and contributors (Conversion to ES6 API by Jake Archibald) + * @license Licensed under MIT license + * See https://raw.githubusercontent.com/stefanpenner/es6-promise/master/LICENSE + * @version v4.2.8+1e68dce6 + *) + +classnames/index.js: + (*! + Copyright (c) 2017 Jed Watson. + Licensed under the MIT License (MIT), see + http://jedwatson.github.io/classnames + *) + +prismjs/prism.js: + (** + * Prism: Lightweight, robust, elegant syntax highlighting + * + * @license MIT <https://opensource.org/licenses/MIT> + * @author Lea Verou <https://lea.verou.me> + * @namespace + * @public + *) + +clipboard-polyfill/dist/main/clipboard-polyfill.esm.js: + (*! ***************************************************************************** + Copyright (c) Microsoft Corporation. + + Permission to use, copy, modify, and/or distribute this software for any + purpose with or without fee is hereby granted. + + THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH + REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY + AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, + INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM + LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR + OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR + PERFORMANCE OF THIS SOFTWARE. + ***************************************************************************** *) +*/(()=>{var kt,tt,nt,st,ot,it,r,Dr,Lr,na,xe,W,Nr,U,pt,Sr,Ct,Et,Je,At,St,Mt,Ft,Xe,zt,Ge,Ye,Rt,Pt,qe,Bt,$t,Ke,Ue,Jt,tn,sn,Ve,ln,o,a,X,hn,wn,I,Ne,w,Dn,Me,Ln,Pn,Hn,Se,Bn,i,S,es,cs,fs,ps,gs,vs,bs,js,ys,_s,ws,Os,xs,Cs,D,ks,As,_e,g,Ds,Ps,be,C,io,ao,Oe,lo,A,ho,fo,go,bo,Oo,Te,to,Zs,ze,Qs,qs,l,Is,Hs,ie,c,ct,n,xi,H,Ms,lt,Ai,P,G,Ss,ke,oe,R,Sn,kn,En,xn,_n,Be,vn,fn,mn,un,dn,cn,nn,Zt,Qt,qt,u,Vt,Lt,h,Nt,Dt,Tt,xt,Ot,_t,at,ft,mt,ht,ut,ki=Object.create,gt=Object.defineProperty,wr=Object.getOwnPropertyDescriptor,Wt=Object.getOwnPropertyNames,hr=Object.getPrototypeOf,Qa=Object.prototype.hasOwnProperty,Ha=(e=>typeof require!="undefined"?require:typeof Proxy!="undefined"?new Proxy(e,{get:(e,t)=>(typeof require!="undefined"?require:e)[t]}):e)(function(e){if(typeof require!="undefined")return require.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')}),e=(e,t)=>function(){return t||(0,e[Wt(e)[0]])((t={exports:{}}).exports,t),t.exports},Pa=(e,t,n,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Wt(t))!Qa.call(e,o)&&o!==n&>(e,o,{get:()=>t[o],enumerable:!(s=wr(t,o))||s.enumerable});return e},m=(e,t,n)=>(n=e!=null?ki(hr(e)):{},Pa(t||!e||!e.__esModule?gt(n,"default",{value:e,enumerable:!0}):n,e)),bn=e({"node_modules/inherits/inherits_browser.js"(e,t){typeof Object.create=="function"?t.exports=function(t,n){n&&(t.super_=n,t.prototype=Object.create(n.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}))}:t.exports=function(t,n){if(n){t.super_=n;var s=function(){};s.prototype=n.prototype,t.prototype=new s,t.prototype.constructor=t}}}}),y=e({"node_modules/foreach/index.js"(e,t){var n=Object.prototype.hasOwnProperty,s=Object.prototype.toString;t.exports=function(t,o,i){if(s.call(o)!=="[object Function]")throw new TypeError("iterator must be a function");var a,c,r=t.length;if(r===+r)for(a=0;a<r;a++)o.call(i,t[a],a,t);else for(c in t)n.call(t,c)&&o.call(i,t[c],c,t)}}}),Z=e({"node_modules/algoliasearch/src/errors.js"(e,t){"use strict";var o=bn();function s(e,t){var s=y(),n=this;typeof Error.captureStackTrace=="function"?Error.captureStackTrace(this,this.constructor):n.stack=(new Error).stack||"Cannot get a stacktrace, browser is too old",this.name="AlgoliaSearchError",this.message=e||"Unknown error",t&&s(t,function(t,s){n[s]=t})}o(s,Error);function n(e,t){function n(){var n=Array.prototype.slice.call(arguments,0);typeof n[0]!="string"&&n.unshift(t),s.apply(this,n),this.name="AlgoliaSearch"+e+"Error"}return o(n,s),n}t.exports={AlgoliaSearchError:s,UnparsableJSON:n("UnparsableJSON","Could not parse the incoming response as JSON, see err.more for details"),RequestTimeout:n("RequestTimeout","Request timed out before getting a response"),Network:n("Network","Network issue, see err.more for details"),JSONPScriptFail:n("JSONPScriptFail","<script> was loaded but did not call our provided callback"),ValidUntilNotFound:n("ValidUntilNotFound","The SecuredAPIKey does not have a validUntil parameter."),JSONPScriptError:n("JSONPScriptError","<script> unable to load due to an `error` event on it"),ObjectNotFound:n("ObjectNotFound","Object not found"),Unknown:n("Unknown","Unknown error occured")}}}),Na=e({"node_modules/algoliasearch/src/exitPromise.js"(e,t){t.exports=function(t,n){n(t,0)}}}),jn=e({"node_modules/algoliasearch/src/buildSearchMethod.js"(e,t){t.exports=s;var n=Z();function s(e,t){return function(o,i,a){if(typeof o=="function"&&typeof i=="object"||typeof a=="object")throw new n.AlgoliaSearchError("index.search usage is index.search(query, params, cb)");arguments.length===0||typeof o=="function"?(a=o,o=""):(arguments.length===1||typeof i=="function")&&(a=i,i=0[0]),typeof o=="object"&&o!==null?(i=o,o=0[0]):(o==null)&&(o="");var c,r="";return o!==0[0]&&(r+=e+"="+encodeURIComponent(o)),i!==0[0]&&(i.additionalUA&&(c=i.additionalUA,delete i.additionalUA),r=this.as._getSearchParams(i,r)),this._search(r,t,a,c)}}}}),Sa=e({"node_modules/algoliasearch/src/deprecate.js"(e,t){t.exports=function(t,n){var s=!1;function o(){return s||(console.warn(n),s=!0),t.apply(this,arguments)}return o}}}),ba=e({"node_modules/algoliasearch/src/deprecatedMessage.js"(e,t){t.exports=function(t,n){var s=t.toLowerCase().replace(/[.()]/g,"");return"algoliasearch: `"+t+"` was replaced by `"+n+"`. Please see https://github.com/algolia/algoliasearch-client-javascript/wiki/Deprecated#"+s}}}),ga=e({"node_modules/algoliasearch/src/merge.js"(e,t){var n=y();t.exports=function e(t){var s=Array.prototype.slice.call(arguments);return n(s,function(n){for(var s in n)n.hasOwnProperty(s)&&(typeof t[s]=="object"&&typeof n[s]=="object"?t[s]=e({},t[s],n[s]):n[s]!==0[0]&&(t[s]=n[s]))}),t}}}),O=e({"node_modules/algoliasearch/src/clone.js"(e,t){t.exports=function(t){return JSON.parse(JSON.stringify(t))}}}),Rn=e({"node_modules/object-keys/isArguments.js"(e,t){"use strict";var n=Object.prototype.toString;t.exports=function(t){var o=n.call(t),s=o==="[object Arguments]";return s||(s=o!=="[object Array]"&&t!==null&&typeof t=="object"&&typeof t.length=="number"&&t.length>=0&&n.call(t.callee)==="[object Function]"),s}}}),fa=e({"node_modules/object-keys/implementation.js"(e,t){"use strict";var n,s,o,i,a,r,c,l,d,u,h,m;Object.keys||(n=Object.prototype.hasOwnProperty,i=Object.prototype.toString,c=Rn(),a=Object.prototype.propertyIsEnumerable,l=!a.call({toString:null},"toString"),d=a.call(function(){},"prototype"),s=["toString","toLocaleString","valueOf","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","constructor"],o=function(e){var t=e.constructor;return t&&t.prototype===e},u={$applicationCache:!0,$console:!0,$external:!0,$frame:!0,$frameElement:!0,$frames:!0,$innerHeight:!0,$innerWidth:!0,$onmozfullscreenchange:!0,$onmozfullscreenerror:!0,$outerHeight:!0,$outerWidth:!0,$pageXOffset:!0,$pageYOffset:!0,$parent:!0,$scrollLeft:!0,$scrollTop:!0,$scrollX:!0,$scrollY:!0,$self:!0,$webkitIndexedDB:!0,$webkitStorageInfo:!0,$window:!0},h=function(){if(typeof window=="undefined")return!1;for(var e in window)try{if(!u["$"+e]&&n.call(window,e)&&window[e]!==null&&typeof window[e]=="object")try{o(window[e])}catch{return!0}}catch{return!0}return!1}(),m=function(e){if(typeof window=="undefined"||!h)return o(e);try{return o(e)}catch{return!1}},r=function(t){var o,r,u,h,v,b,f=t!==null&&typeof t=="object",p=i.call(t)==="[object Function]",g=c(t),j=f&&i.call(t)==="[object String]",a=[];if(!f&&!p&&!g)throw new TypeError("Object.keys called on a non-object");if(v=d&&p,j&&t.length>0&&!n.call(t,0))for(r=0;r<t.length;++r)a.push(String(r));if(g&&t.length>0)for(u=0;u<t.length;++u)a.push(String(u));else for(h in t)!(v&&h==="prototype")&&n.call(t,h)&&a.push(String(h));if(l)for(b=m(t),o=0;o<s.length;++o)!(b&&s[o]==="constructor")&&n.call(t,s[o])&&a.push(s[o]);return a}),t.exports=r}}),ma=e({"node_modules/object-keys/index.js"(e,t){"use strict";var i=Array.prototype.slice,a=Rn(),s=Object.keys,n=s?function(t){return s(t)}:fa(),o=Object.keys;n.shim=function(){if(Object.keys){var t=function(){var e=Object.keys(arguments);return e&&e.length===arguments.length}(1,2);t||(Object.keys=function(t){return o(a(t)?i.call(t):t)})}else Object.keys=n;return Object.keys||n},t.exports=n}}),In=e({"node_modules/algoliasearch/src/omit.js"(e,t){t.exports=function(t,n){var o=ma(),i=y(),s={};return i(o(t),function(o){n(o)!==!0&&(s[o]=t[o])}),s}}}),le=e({"node_modules/isarray/index.js"(e,t){var n={}.toString;t.exports=Array.isArray||function(e){return n.call(e)=="[object Array]"}}}),de=e({"node_modules/algoliasearch/src/map.js"(e,t){var n=y();t.exports=function(t,s){var o=[];return n(t,function(e,n){o.push(s(e,n,t))}),o}}}),Ri=e({"node_modules/algoliasearch/src/IndexCore.js"(e,t){var s=jn(),o=Sa(),i=ba();t.exports=n;function n(e,t){this.indexName=t,this.as=e,this.typeAheadArgs=null,this.typeAheadValueOption=null,this.cache={}}n.prototype.clearCache=function(){this.cache={}},n.prototype.search=s("query"),n.prototype.similarSearch=o(s("similarQuery"),i("index.similarSearch(query[, callback])","index.search({ similarQuery: query }[, callback])")),n.prototype.browse=function(e,t,n){var s,o,i,a=ga(),r=this;return arguments.length===0||arguments.length===1&&typeof arguments[0]=="function"?(s=0,n=arguments[0],e=0[0]):typeof arguments[0]=="number"?(s=arguments[0],typeof arguments[1]=="number"?o=arguments[1]:typeof arguments[1]=="function"&&(n=arguments[1],o=0[0]),e=0[0],t=0[0]):typeof arguments[0]=="object"?(typeof arguments[1]=="function"&&(n=arguments[1]),t=arguments[0],e=0[0]):typeof arguments[0]=="string"&&typeof arguments[1]=="function"&&(n=arguments[1],t=0[0]),t=a({},t||{},{page:s,hitsPerPage:o,query:e}),i=this.as._getSearchParams(t,""),this.as._jsonRequest({method:"POST",url:"/1/indexes/"+encodeURIComponent(r.indexName)+"/browse",body:{params:i},hostType:"read",callback:n})},n.prototype.browseFrom=function(e,t){return this.as._jsonRequest({method:"POST",url:"/1/indexes/"+encodeURIComponent(this.indexName)+"/browse",body:{cursor:e},hostType:"read",callback:t})},n.prototype.searchForFacetValues=function(e,t){var n,s,o,i=O(),a=In(),r="Usage: index.searchForFacetValues({facetName, facetQuery, ...params}[, callback])";if(e.facetName===0[0]||e.facetQuery===0[0])throw new Error(r);return n=e.facetName,s=a(i(e),function(e){return e==="facetName"}),o=this.as._getSearchParams(s,""),this.as._jsonRequest({method:"POST",url:"/1/indexes/"+encodeURIComponent(this.indexName)+"/facets/"+encodeURIComponent(n)+"/query",hostType:"read",body:{params:o},callback:t})},n.prototype.searchFacet=o(function(e,t){return this.searchForFacetValues(e,t)},i("index.searchFacet(params[, callback])","index.searchForFacetValues(params[, callback])")),n.prototype._search=function(e,t,n,s){return this.as._jsonRequest({cache:this.cache,method:"POST",url:t||"/1/indexes/"+encodeURIComponent(this.indexName)+"/query",body:{params:e},hostType:"read",fallback:{method:"GET",url:"/1/indexes/"+encodeURIComponent(this.indexName),body:{params:e}},callback:n,additionalUA:s})},n.prototype.getObject=function(e,t,n){var s,o,i=this;if((arguments.length===1||typeof t=="function")&&(n=t,t=0[0]),s="",t!==0[0]){s="?attributes=";for(o=0;o<t.length;++o)o!==0&&(s+=","),s+=t[o]}return this.as._jsonRequest({method:"GET",url:"/1/indexes/"+encodeURIComponent(i.indexName)+"/"+encodeURIComponent(e)+s,hostType:"read",callback:n})},n.prototype.getObjects=function(e,t,n){var s,o,i=le(),a=de(),r="Usage: index.getObjects(arrayOfObjectIDs[, callback])";if(!i(e))throw new Error(r);return s=this,(arguments.length===1||typeof t=="function")&&(n=t,t=0[0]),o={requests:a(e,function(n){var o={indexName:s.indexName,objectID:n};return t&&(o.attributesToRetrieve=t.join(",")),o})},this.as._jsonRequest({method:"POST",url:"/1/indexes/*/objects",hostType:"read",body:o,callback:n})},n.prototype.as=null,n.prototype.indexName=null,n.prototype.typeAheadArgs=null,n.prototype.typeAheadValueOption=null}}),ko=e({"node_modules/algoliasearch/node_modules/ms/index.js"(e,t){var n=1e3,s=n*60,o=s*60,i=o*24,r=i*365.25;t.exports=function(e,t){t=t||{};var n=typeof e;if(n==="string"&&e.length>0)return c(e);if(n==="number"&&isNaN(e)===!1)return t.long?d(e):l(e);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(e))};function c(e){if(e=String(e),e.length>100)return;var t,c,a=/^((?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|years?|yrs?|y)?$/i.exec(e);if(!a)return;switch(t=parseFloat(a[1]),c=(a[2]||"ms").toLowerCase(),c){case"years":case"year":case"yrs":case"yr":case"y":return t*r;case"days":case"day":case"d":return t*i;case"hours":case"hour":case"hrs":case"hr":case"h":return t*o;case"minutes":case"minute":case"mins":case"min":case"m":return t*s;case"seconds":case"second":case"secs":case"sec":case"s":return t*n;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return t;default:return 0[0]}}function l(e){return e>=i?Math.round(e/i)+"d":e>=o?Math.round(e/o)+"h":e>=s?Math.round(e/s)+"m":e>=n?Math.round(e/n)+"s":e+"ms"}function d(e){return a(e,i,"day")||a(e,o,"hour")||a(e,s,"minute")||a(e,n,"second")||e+" ms"}function a(e,t,n){if(e<t)return;return e<t*1.5?Math.floor(e/t)+" "+n:Math.ceil(e/t)+" "+n+"s"}}}),Xi=e({"node_modules/algoliasearch/node_modules/debug/src/debug.js"(e,t){e=t.exports=s.debug=s.default=s,e.coerce=c,e.disable=a,e.enable=i,e.enabled=r,e.humanize=ko(),e.names=[],e.skips=[],e.formatters={};var n;function o(t){var s,n=0;for(s in t)n=(n<<5)-n+t.charCodeAt(s),n|=0;return e.colors[(n<0?-n:n)%e.colors.length]}function s(t){function s(){if(!s.enabled)return;var t,i,a,c,o=s,r=+new Date,l=r-(n||r);o.diff=l,o.prev=n,o.curr=r,n=r;for(t=new Array(arguments.length),i=0;i<t.length;i++)t[i]=arguments[i];t[0]=e.coerce(t[0]),"string"!=typeof t[0]&&t.unshift("%O"),a=0,t[0]=t[0].replace(/%([a-zA-Z%])/g,function(n,s){if(n==="%%")return n;a++;var r,i=e.formatters[s];return"function"==typeof i&&(r=t[a],n=i.call(o,r),t.splice(a,1),a--),n}),e.formatArgs.call(o,t),c=s.log||e.log||console.log.bind(console),c.apply(o,t)}return s.namespace=t,s.enabled=e.enabled(t),s.useColors=e.useColors(),s.color=o(t),"function"==typeof e.init&&e.init(s),s}function i(t){e.save(t),e.names=[],e.skips=[];for(var s=(typeof t=="string"?t:"").split(/[\s,]+/),o=s.length,n=0;n<o;n++){if(!s[n])continue;t=s[n].replace(/\*/g,".*?"),t[0]==="-"?e.skips.push(new RegExp("^"+t.substr(1)+"$")):e.names.push(new RegExp("^"+t+"$"))}}function a(){e.enable("")}function r(t){var n,s;for(n=0,s=e.skips.length;n<s;n++)if(e.skips[n].test(t))return!1;for(n=0,s=e.names.length;n<s;n++)if(e.names[n].test(t))return!0;return!1}function c(e){return e instanceof Error?e.stack||e.message:e}}}),ce=e({"node_modules/algoliasearch/node_modules/debug/src/browser.js"(e,t){e=t.exports=Xi(),e.log=i,e.formatArgs=o,e.save=a,e.load=n,e.useColors=s,e.storage="undefined"!=typeof chrome&&"undefined"!=typeof chrome.storage?chrome.storage.local:r(),e.colors=["lightseagreen","forestgreen","goldenrod","dodgerblue","darkorchid","crimson"];function s(){return!!(typeof window!="undefined"&&window.process&&window.process.type==="renderer")||typeof document!="undefined"&&document.documentElement&&document.documentElement.style&&document.documentElement.style.WebkitAppearance||typeof window!="undefined"&&window.console&&(window.console.firebug||window.console.exception&&window.console.table)||typeof navigator!="undefined"&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/)&&parseInt(RegExp.$1,10)>=31||typeof navigator!="undefined"&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/)}e.formatters.j=function(e){try{return JSON.stringify(e)}catch(e){return"[UnexpectedJSONParseError]: "+e.message}};function o(t){var s,o,i,n=this.useColors;if(t[0]=(n?"%c":"")+this.namespace+(n?" %c":" ")+t[0]+(n?"%c ":" ")+"+"+e.humanize(this.diff),!n)return;s="color: "+this.color,t.splice(1,0,s,"color: inherit"),o=0,i=0,t[0].replace(/%[a-zA-Z%]/g,function(e){if("%%"===e)return;o++,"%c"===e&&(i=o)}),t.splice(i,0,s)}function i(){return"object"==typeof console&&console.log&&Function.prototype.apply.call(console.log,console,arguments)}function a(t){try{t==null?e.storage.removeItem("debug"):e.storage.debug=t}catch{}}function n(){var t;try{t=e.storage.debug}catch{}return!t&&typeof process!="undefined"&&"env"in process&&(t=process.env.DEBUG),t}e.enable(n());function r(){try{return window.localStorage}catch{}}}}),ia=e({"node_modules/algoliasearch/src/store.js"(e,t){var s,c=ce()("algoliasearch:src/hostIndexState.js"),n="algoliasearch-client-js",o={state:{},set:function(e,t){return this.state[e]=t,this.state[e]},get:function(e){return this.state[e]||null}},l={set:function(e,t){o.set(e,t);try{var s=JSON.parse(global.localStorage[n]);return s[e]=t,global.localStorage[n]=JSON.stringify(s),s[e]}catch(t){return i(e,t)}},get:function(e){try{return JSON.parse(global.localStorage[n])[e]||null}catch(t){return i(e,t)}}};function i(e,t){return c("localStorage failed with",t),d(),s=o,s.get(e)}s=r()?l:o,t.exports={get:a,set:a,supportsLocalStorage:r};function a(e,t){return arguments.length===1?s.get(e):s.set(e,t)}function r(){try{return"localStorage"in global&&global.localStorage!==null&&(global.localStorage[n]||global.localStorage.setItem(n,JSON.stringify({})),!0)}catch{return!1}}function d(){try{global.localStorage.removeItem(n)}catch{}}}}),Bi=e({"node_modules/algoliasearch/src/AlgoliaSearchCore.js"(e,t){t.exports=n;var s=Z(),i=Na(),l=Ri(),a=ia(),d=500,u=process.env.RESET_APP_DATA_TIMER&&parseInt(process.env.RESET_APP_DATA_TIMER,10)||60*2*1e3;function n(e,t,n){var o,c,d,u=ce()("algoliasearch"),i=O(),h=le(),a=de(),l="Usage: algoliasearch(applicationID, apiKey, opts)";if(n._allowEmptyCredentials!==!0&&!e)throw new s.AlgoliaSearchError("Please provide an application ID. "+l);if(n._allowEmptyCredentials!==!0&&!t)throw new s.AlgoliaSearchError("Please provide an API key. "+l);if(this.applicationID=e,this.apiKey=t,this.hosts={read:[],write:[]},n=n||{},this._timeouts=n.timeouts||{connect:1*1e3,read:2*1e3,write:30*1e3},n.timeout&&(this._timeouts.connect=this._timeouts.read=this._timeouts.write=n.timeout),o=n.protocol||"https:",/:$/.test(o)||(o=o+":"),o!=="http:"&&o!=="https:")throw new s.AlgoliaSearchError("protocol must be `http:` or `https:` (was `"+n.protocol+"`)");this._checkAppIdData(),n.hosts?h(n.hosts)?(this.hosts.read=i(n.hosts),this.hosts.write=i(n.hosts)):(this.hosts.read=i(n.hosts.read),this.hosts.write=i(n.hosts.write)):(c=a(this._shuffleResult,function(t){return e+"-"+t+".algolianet.com"}),d=(n.dsn===!1?"":"-dsn")+".algolia.net",this.hosts.read=[this.applicationID+d].concat(c),this.hosts.write=[this.applicationID+".algolia.net"].concat(c)),this.hosts.read=a(this.hosts.read,r(o)),this.hosts.write=a(this.hosts.write,r(o)),this.extraHeaders={},this.cache=n._cache||{},this._ua=n._ua,this._useCache=!!(n._useCache===0[0]||n._cache)||n._useCache,this._useRequestCache=this._useCache&&n._useRequestCache,this._useFallback=n.useFallback===0[0]||n.useFallback,this._setTimeout=n._setTimeout,u("init done, %j",this)}n.prototype.initIndex=function(e){return new l(this,e)},n.prototype.setExtraHeader=function(e,t){this.extraHeaders[e.toLowerCase()]=t},n.prototype.getExtraHeader=function(e){return this.extraHeaders[e.toLowerCase()]},n.prototype.unsetExtraHeader=function(e){delete this.extraHeaders[e.toLowerCase()]},n.prototype.addAlgoliaAgent=function(e){var t="; "+e;this._ua.indexOf(t)===-1&&(this._ua+=t)},n.prototype._jsonRequest=function(e){this._checkAppIdData();var a,r,u,h,f,j,w,n=ce()("algoliasearch:"+e.url),b=e.additionalUA||"",l=e.cache,t=this,m=0,v=!1,y=t._useFallback&&t._request.fallback&&e.fallback;this.apiKey.length>d&&e.body!==0[0]&&(e.body.params!==0[0]||e.body.requests!==0[0])?(e.body.apiKey=this.apiKey,h=this._computeRequestHeaders({additionalUA:b,withApiKey:!1,headers:e.headers})):h=this._computeRequestHeaders({additionalUA:b,headers:e.headers}),e.body!==0[0]&&(r=o(e.body)),n("request start"),u=[];function p(i,d){t._checkAppIdData();var f,_,w,O,j=new Date;return t._useCache&&!t._useRequestCache&&(a=e.url),t._useCache&&!t._useRequestCache&&r&&(a+="_body_"+d.body),g(!t._useRequestCache,l,a)?(n("serving response from cache"),w=l[a],t._promise.resolve({body:JSON.parse(w),responseText:w})):m>=t.hosts[e.hostType].length?!y||v?(n("could not get any response"),t._promise.reject(new s.AlgoliaSearchError("Cannot connect to the AlgoliaSearch API. Send an email to support@algolia.com to report and resolve the issue. Application id was: "+t.applicationID,{debugData:u}))):(n("switching to fallback"),m=0,d.method=e.fallback.method,d.url=e.fallback.url,d.jsonBody=e.fallback.body,d.jsonBody&&(d.body=o(d.jsonBody)),h=t._computeRequestHeaders({additionalUA:b,headers:e.headers}),d.timeouts=t._getTimeoutsForRequest(e.hostType),t._setHostIndexByType(0,e.hostType),v=!0,p(t._request.fallback,d)):(_=t._getHostByType(e.hostType),O=_+d.url,f={body:d.body,jsonBody:d.jsonBody,method:d.method,headers:h,timeouts:d.timeouts,debug:n,forceAuthHeaders:d.forceAuthHeaders},n("method: %s, url: %s, headers: %j, timeouts: %d",f.method,O,f.headers,f.timeouts),i===t._request.fallback&&n("using fallback"),i.call(t,O,f).then(C,E));function C(e){var i,f,p,g,o=e&&e.body&&e.body.message&&e.body.status||e.statusCode||e&&e.body&&200;return n("received response: statusCode: %s, computed statusCode: %d, headers: %j",e.statusCode,o,e.headers),f=Math.floor(o/100)===2,i=new Date,u.push({currentHost:_,headers:c(h),content:r||null,contentLength:r!==0[0]?r.length:null,method:d.method,timeouts:d.timeouts,url:d.url,startTime:j,endTime:i,duration:i-j,statusCode:o}),f?(t._useCache&&!t._useRequestCache&&l&&(l[a]=e.responseText),{responseText:e.responseText,body:e.body}):(p=Math.floor(o/100)!==4,p?(m+=1,x()):(n("unrecoverable error"),g=new s.AlgoliaSearchError(e.body&&e.body.message,{debugData:u,statusCode:o}),t._promise.reject(g)))}function E(o){n("error: %s, stack: %s",o.message,o.stack);var i=new Date;return u.push({currentHost:_,headers:c(h),content:r||null,contentLength:r!==0[0]?r.length:null,method:d.method,timeouts:d.timeouts,url:d.url,startTime:j,endTime:i,duration:i-j}),o instanceof s.AlgoliaSearchError||(o=new s.Unknown(o&&o.message,o)),m+=1,o instanceof s.Unknown||o instanceof s.UnparsableJSON||m>=t.hosts[e.hostType].length&&(v||!y)?(o.debugData=u,t._promise.reject(o)):o instanceof s.RequestTimeout?k():x()}function x(){return n("retrying request"),t._incrementHostIndex(e.hostType),p(i,d)}function k(){return n("retrying request with higher timeout"),t._incrementHostIndex(e.hostType),t._incrementTimeoutMultipler(),d.timeouts=t._getTimeoutsForRequest(e.hostType),p(i,d)}}function g(e,n,s){return t._useCache&&e&&n&&n[s]!==0[0]}function _(n,s){if(g(t._useRequestCache,l,a)&&n.catch(function(){delete l[a]}),typeof e.callback=="function")n.then(function(o){i(function(){e.callback(null,s(o))},t._setTimeout||setTimeout)},function(s){i(function(){e.callback(s)},t._setTimeout||setTimeout)});else return n.then(s)}return t._useCache&&t._useRequestCache&&(a=e.url),t._useCache&&t._useRequestCache&&r&&(a+="_body_"+r),g(t._useRequestCache,l,a)?(n("serving request from cache"),f=l[a],w=typeof f.then!="function"?t._promise.resolve({responseText:f}):f,_(w,function(e){return JSON.parse(e.responseText)})):(j=p(t._request,{url:e.url,method:e.method,body:r,jsonBody:e.body,timeouts:t._getTimeoutsForRequest(e.hostType),forceAuthHeaders:e.forceAuthHeaders}),t._useCache&&t._useRequestCache&&l&&(l[a]=j),_(j,function(e){return e.body}))},n.prototype._getSearchParams=function(e,t){if(e==null)return t;for(var n in e)n!==null&&e[n]!==0[0]&&e.hasOwnProperty(n)&&(t+=t===""?"":"&",t+=n+"="+encodeURIComponent(Object.prototype.toString.call(e[n])==="[object Array]"?o(e[n]):e[n]));return t},n.prototype._computeRequestHeaders=function(e){var n=y(),s=e.additionalUA?this._ua+"; "+e.additionalUA:this._ua,t={"x-algolia-agent":s,"x-algolia-application-id":this.applicationID};return e.withApiKey!==!1&&(t["x-algolia-api-key"]=this.apiKey),this.userToken&&(t["x-algolia-usertoken"]=this.userToken),this.securityTags&&(t["x-algolia-tagfilters"]=this.securityTags),n(this.extraHeaders,function(n,s){t[s]=n}),e.headers&&n(e.headers,function(n,s){t[s]=n}),t},n.prototype.search=function(e,t,n){var s,i,a,r,c=le(),o=de(),l="Usage: client.search(arrayOfQueries[, callback])";if(!c(e))throw new Error(l);return typeof t=="function"?(n=t,t={}):t===0[0]&&(t={}),i=this,s={requests:o(e,function(t){var n="";return t.query!==0[0]&&(n+="query="+encodeURIComponent(t.query)),{indexName:t.indexName,params:i._getSearchParams(t.params,n)}})},a=o(s.requests,function(t,n){return n+"="+encodeURIComponent("/1/indexes/"+encodeURIComponent(t.indexName)+"?"+t.params)}).join("&"),r="/1/indexes/*/queries",t.strategy!==0[0]&&(s.strategy=t.strategy),this._jsonRequest({cache:this.cache,method:"POST",url:r,body:s,hostType:"read",fallback:{method:"GET",url:"/1/indexes/*",body:{params:a}},callback:n})},n.prototype.searchForFacetValues=function(e){var t,s=le(),o=de(),n="Usage: client.searchForFacetValues([{indexName, params: {facetName, facetQuery, ...params}}, ...queries])";if(!s(e))throw new Error(n);return t=this,t._promise.all(o(e,function(s){if(!s||s.indexName===0[0]||s.params.facetName===0[0]||s.params.facetQuery===0[0])throw new Error(n);var i=O(),a=In(),r=s.indexName,o=s.params,c=o.facetName,l=a(i(o),function(e){return e==="facetName"}),d=t._getSearchParams(l,"");return t._jsonRequest({cache:t.cache,method:"POST",url:"/1/indexes/"+encodeURIComponent(r)+"/facets/"+encodeURIComponent(c)+"/query",hostType:"read",body:{params:d}})}))},n.prototype.setSecurityTags=function(e){if(Object.prototype.toString.call(e)==="[object Array]"){for(var n,o,s=[],t=0;t<e.length;++t)if(Object.prototype.toString.call(e[t])==="[object Array]"){for(o=[],n=0;n<e[t].length;++n)o.push(e[t][n]);s.push("("+o.join(",")+")")}else s.push(e[t]);e=s.join(",")}this.securityTags=e},n.prototype.setUserToken=function(e){this.userToken=e},n.prototype.clearCache=function(){this.cache={}},n.prototype.setRequestTimeout=function(e){e&&(this._timeouts.connect=this._timeouts.read=this._timeouts.write=e)},n.prototype.setTimeouts=function(e){this._timeouts=e},n.prototype.getTimeouts=function(){return this._timeouts},n.prototype._getAppIdData=function(){var e=a.get(this.applicationID);return e!==null&&this._cacheAppIdData(e),e},n.prototype._setAppIdData=function(e){return e.lastChange=(new Date).getTime(),this._cacheAppIdData(e),a.set(this.applicationID,e)},n.prototype._checkAppIdData=function(){var e=this._getAppIdData(),t=(new Date).getTime();return e===null||t-e.lastChange>u?this._resetInitialAppIdData(e):e},n.prototype._resetInitialAppIdData=function(e){var t=e||{};return t.hostIndexes={read:0,write:0},t.timeoutMultiplier=1,t.shuffleResult=t.shuffleResult||h([1,2,3]),this._setAppIdData(t)},n.prototype._cacheAppIdData=function(e){this._hostIndexes=e.hostIndexes,this._timeoutMultiplier=e.timeoutMultiplier,this._shuffleResult=e.shuffleResult},n.prototype._partialAppIdDataUpdate=function(e){var n=y(),t=this._getAppIdData();return n(e,function(e,n){t[n]=e}),this._setAppIdData(t)},n.prototype._getHostByType=function(e){return this.hosts[e][this._getHostIndexByType(e)]},n.prototype._getTimeoutMultiplier=function(){return this._timeoutMultiplier},n.prototype._getHostIndexByType=function(e){return this._hostIndexes[e]},n.prototype._setHostIndexByType=function(e,t){var s=O(),n=s(this._hostIndexes);return n[t]=e,this._partialAppIdDataUpdate({hostIndexes:n}),e},n.prototype._incrementHostIndex=function(e){return this._setHostIndexByType((this._getHostIndexByType(e)+1)%this.hosts[e].length,e)},n.prototype._incrementTimeoutMultipler=function(){var e=Math.max(this._timeoutMultiplier+1,4);return this._partialAppIdDataUpdate({timeoutMultiplier:e})},n.prototype._getTimeoutsForRequest=function(e){return{connect:this._timeouts.connect*this._timeoutMultiplier,complete:this._timeouts[e]*this._timeoutMultiplier}};function r(e){return function(n){return e+"//"+n.toLowerCase()}}function o(e){if(Array.prototype.toJSON===0[0])return JSON.stringify(e);var t,n=Array.prototype.toJSON;return delete Array.prototype.toJSON,t=JSON.stringify(e),Array.prototype.toJSON=n,t}function h(e){for(var n,s,t=e.length;t!==0;)n=Math.floor(Math.random()*t),t-=1,s=e[t],e[t]=e[n],e[n]=s;return e}function c(e){var t,n,s={};for(t in e)Object.prototype.hasOwnProperty.call(e,t)&&(t==="x-algolia-api-key"||t==="x-algolia-application-id"?n="**hidden for security purposes**":n=e[t],s[t]=n);return s}}}),Pi=e({"node_modules/global/window.js"(e,t){var n;typeof window!="undefined"?n=window:typeof global!="undefined"?n=global:typeof self!="undefined"?n=self:n={},t.exports=n}}),Ao=e({"node_modules/es6-promise/dist/es6-promise.js"(e,t){(function(n,s){typeof e=="object"&&typeof t!="undefined"?t.exports=s():typeof define=="function"&&define.amd?define(s):n.ES6Promise=s()})(e,function(){"use strict";function N(e){var t=typeof e;return e!==null&&(t==="object"||t==="function")}function b(e){return typeof e=="function"}var e,s,o,i,a,r,c,d,m,f,p,v,y,O,E,k,M,F,T,w=0[0];Array.isArray?w=Array.isArray:w=function(e){return Object.prototype.toString.call(e)==="[object Array]"},O=w,i=0,p=0[0],f=0[0],s=function(t,n){r[i]=t,r[i+1]=n,i+=2,i===2&&(f?f(u):a())};function R(e){f=e}function G(e){s=e}E=typeof window!="undefined"?window:0[0],v=E||{},k=v.MutationObserver||v.WebKitMutationObserver,F=typeof self=="undefined"&&typeof process!="undefined"&&{}.toString.call(process)==="[object process]",T=typeof Uint8ClampedArray!="undefined"&&typeof importScripts!="undefined"&&typeof MessageChannel!="undefined";function K(){return function(){return process.nextTick(u)}}function V(){return typeof p!="undefined"?function(){p(u)}:j()}function q(){var e=0,n=new k(u),t=document.createTextNode("");return n.observe(t,{characterData:!0}),function(){t.data=e=++e%2}}function te(){var e=new MessageChannel;return e.port1.onmessage=u,function(){return e.port2.postMessage(0)}}function j(){var e=setTimeout;return function(){return e(u,1)}}r=new Array(1e3);function u(){for(var t,n,e=0;e<i;e+=2)t=r[e],n=r[e+1],t(n),r[e]=0[0],r[e+1]=0[0];i=0}function I(){try{var e=Function("return this")().require("vertx");return p=e.runOnLoop||e.runOnContext,V()}catch{return j()}}a=0[0],F?a=K():k?a=q():T?a=te():E===0[0]&&typeof Ha=="function"?a=I():a=j();function x(e,t){var o,a,i=this,n=new this.constructor(l);return n[m]===0[0]&&A(n),o=i._state,o?(a=arguments[o-1],s(function(){return S(o,n,a,i._result)})):_(i,n,e,t),n}function C(e){var t,n=this;return e&&typeof e=="object"&&e.constructor===n?e:(t=new n(l),h(t,e),t)}m=Math.random().toString(36).substring(2);function l(){}c=0[0],d=1,o=2;function $(){return new TypeError("You cannot resolve a promise with itself")}function H(){return new TypeError("A promises callback cannot return that same promise.")}function L(e,t,n,s){try{e.call(t,n,s)}catch(e){return e}}function U(e,o,i){s(function(e){var s=!1,a=L(i,o,function(t){if(s)return;s=!0,o!==t?h(e,t):n(e,t)},function(n){if(s)return;s=!0,t(e,n)},"Settle: "+(e._label||" unknown promise"));!s&&a&&(s=!0,t(e,a))},e)}function W(e,s){s._state===d?n(e,s._result):s._state===o?t(e,s._result):_(s,0[0],function(t){return h(e,t)},function(n){return t(e,n)})}function z(e,t,s){t.constructor===e.constructor&&s===x&&t.constructor.resolve===C?W(e,t):s===0[0]?n(e,t):b(s)?U(e,t,s):n(e,t)}function h(e,s){if(e===s)t(e,$());else if(N(s)){var o=0[0];try{o=s.then}catch(n){t(e,n);return}z(e,s,o)}else n(e,s)}function P(e){e._onerror&&e._onerror(e._result),g(e)}function n(e,t){if(e._state!==c)return;e._result=t,e._state=d,e._subscribers.length!==0&&s(g,e)}function t(e,t){if(e._state!==c)return;e._state=o,e._result=t,s(P,e)}function _(e,t,n,i){var a=e._subscribers,r=a.length;e._onerror=null,a[r]=t,a[r+d]=n,a[r+o]=i,r===0&&e._state&&s(g,e)}function g(e){if(t=e._subscribers,s=e._state,t.length===0)return;for(var t,s,o=0[0],i=0[0],a=e._result,n=0;n<t.length;n+=3)o=t[n],i=t[n+s],o?S(s,o,i,a):i(a);e._subscribers.length=0}function S(e,s,i,a){var u=b(i),r=0[0],m=0[0],l=!0;if(u){{try{r=i(a)}catch(e){l=!1,m=e}if(s===r){t(s,H());return}}}else r=a;s._state!==c||(u&&l?h(s,r):l===!1?t(s,m):e===d?n(s,r):e===o&&t(s,r))}function D(e,n){try{n(function(n){h(e,n)},function(s){t(e,s)})}catch(n){t(e,n)}}y=0;function B(){return y++}function A(e){e[m]=y++,e._state=0[0],e._result=0[0],e._subscribers=[]}function Y(){return new Error("Array Methods must be provided an Array")}M=function(){function s(e,s){this._instanceConstructor=e,this.promise=new e(l),this.promise[m]||A(this.promise),O(s)?(this.length=s.length,this._remaining=s.length,this._result=new Array(this.length),this.length===0?n(this.promise,this._result):(this.length=this.length||0,this._enumerate(s),this._remaining===0&&n(this.promise,this._result))):t(this.promise,Y())}return s.prototype._enumerate=function(t){for(var n=0;this._state===c&&n<t.length;n++)this._eachEntry(t[n],n)},s.prototype._eachEntry=function(s,o){var i,r,d,u,a=this._instanceConstructor,h=a.resolve;if(h===C){i=0[0],d=0[0],u=!1;try{i=s.then}catch(e){u=!0,d=e}i===x&&s._state!==c?this._settledAt(s._state,o,s._result):typeof i!="function"?(this._remaining--,this._result[o]=s):a===e?(r=new a(l),u?t(r,d):z(r,s,i),this._willSettleAt(r,o)):this._willSettleAt(new a(function(e){return e(s)}),o)}else this._willSettleAt(h(s),o)},s.prototype._settledAt=function(s,i,a){var r=this.promise;r._state===c&&(this._remaining--,s===o?t(r,a):this._result[i]=a),this._remaining===0&&n(r,this._result)},s.prototype._willSettleAt=function(t,n){var s=this;_(t,0[0],function(e){return s._settledAt(d,n,e)},function(e){return s._settledAt(o,n,e)})},s}();function X(e){return new M(this,e).promise}function Q(e){var t=this;return O(e)?new t(function(n,s){for(var i=e.length,o=0;o<i;o++)t.resolve(e[o]).then(n,s)}):new t(function(e,t){return t(new TypeError("You must pass an array to race."))})}function Z(e){var s=this,n=new s(l);return t(n,e),n}function J(){throw new TypeError("You must pass a resolver function as the first argument to the promise constructor")}function ee(){throw new TypeError("Failed to construct 'Promise': Please use the 'new' operator, this object constructor cannot be called as a function.")}e=function(){function e(t){this[m]=B(),this._result=this._state=0[0],this._subscribers=[],l!==t&&(typeof t!="function"&&J(),this instanceof e?D(this,t):ee())}return e.prototype.catch=function(t){return this.then(null,t)},e.prototype.finally=function(t){var n=this,s=n.constructor;return b(t)?n.then(function(e){return s.resolve(t()).then(function(){return e})},function(e){return s.resolve(t()).then(function(){throw e})}):n.then(t,t)},e}(),e.prototype.then=x,e.all=X,e.race=Q,e.resolve=C,e.reject=Z,e._setScheduler=R,e._setAsap=G,e._asap=s;function ne(){var n,s,t=0[0];if(typeof global!="undefined")t=global;else if(typeof self!="undefined")t=self;else try{t=Function("return this")()}catch{throw new Error("polyfill failed because global object is unavailable in this environment")}if(n=t.Promise,n){s=null;try{s=Object.prototype.toString.call(n.resolve())}catch{}if(s==="[object Promise]"&&!n.cast)return}t.Promise=e}return e.polyfill=ne,e.Promise=e,e})}}),ms=e({"node_modules/querystring-es3/encode.js"(e,t){"use strict";var s,i,n=function(e){switch(typeof e){case"string":return e;case"boolean":return e?"true":"false";case"number":return isFinite(e)?e:"";default:return""}};t.exports=function(e,t,a,r){return t=t||"&",a=a||"=",e===null&&(e=0[0]),typeof e=="object"?o(i(e),function(i){var r=encodeURIComponent(n(i))+a;return s(e[i])?o(e[i],function(e){return r+encodeURIComponent(n(e))}).join(t):r+encodeURIComponent(n(e[i]))}).join(t):r?encodeURIComponent(n(r))+a+encodeURIComponent(n(e)):""},s=Array.isArray||function(e){return Object.prototype.toString.call(e)==="[object Array]"};function o(e,t){if(e.map)return e.map(t);for(var s=[],n=0;n<e.length;n++)s.push(t(e[n],n));return s}i=Object.keys||function(e){var n,t=[];for(n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.push(n);return t}}}),Ni=e({"node_modules/algoliasearch/src/browser/inline-headers.js"(e,t){"use strict",t.exports=s;var n=ms();function s(e,t){return/\?/.test(e)?e+="&":e+="?",e+n(t)}}}),Di=e({"node_modules/algoliasearch/src/browser/jsonp-request.js"(e,t){"use strict",t.exports=o;var n=Z(),s=0;function o(e,t,o){if(t.method!=="GET"){o(new Error("Method "+t.method+" "+e+" is not supported by JSONP."));return}t.debug("JSONP: start");var i,a,l,d,u,m=!1,c=!1;s+=1,d=document.getElementsByTagName("head")[0],i=document.createElement("script"),a="algoliaJSONP_"+s,l=!1,window[a]=function(e){if(p(),c){t.debug("JSONP: Late answer, ignoring");return}m=!0,r(),o(null,{body:e,responseText:JSON.stringify(e)})},e+="&callback="+a,t.jsonBody&&t.jsonBody.params&&(e+="&"+t.jsonBody.params),u=setTimeout(g,t.timeouts.complete),i.onreadystatechange=f,i.onload=h,i.onerror=v,i.async=!0,i.defer=!0,i.src=e,d.appendChild(i);function h(){if(t.debug("JSONP: success"),l||c)return;l=!0,m||(t.debug("JSONP: Fail. Script loaded but did not call the callback"),r(),o(new n.JSONPScriptFail))}function f(){(this.readyState==="loaded"||this.readyState==="complete")&&h()}function r(){clearTimeout(u),i.onload=null,i.onreadystatechange=null,i.onerror=null,d.removeChild(i)}function p(){try{delete window[a],delete window[a+"_loaded"]}catch{window[a]=window[a+"_loaded"]=0[0]}}function g(){t.debug("JSONP: Script timeout"),c=!0,r(),o(new n.RequestTimeout)}function v(){if(t.debug("JSONP: Script error"),l||c)return;r(),o(new n.JSONPScriptError)}}}}),Ti=e({"node_modules/querystring-es3/decode.js"(e,t){"use strict";function n(e,t){return Object.prototype.hasOwnProperty.call(e,t)}t.exports=function(e,t,o,i){if(t=t||"&",o=o||"=",a={},typeof e!="string"||e.length===0)return a;g=/\+/g,e=e.split(t),c=1e3,i&&typeof i.maxKeys=="number"&&(c=i.maxKeys),l=e.length,c>0&&l>c&&(l=c);for(d=0;d<l;++d){var a,r,c,l,d,h,f,p,g,u=e[d].replace(g,"%20"),m=u.indexOf(o);m>=0?(f=u.substr(0,m),p=u.substr(m+1)):(f=u,p=""),r=decodeURIComponent(f),h=decodeURIComponent(p),n(a,r)?s(a[r])?a[r].push(h):a[r]=[a[r],h]:a[r]=h}return a};var s=Array.isArray||function(e){return Object.prototype.toString.call(e)==="[object Array]"}}}),Mi=e({"node_modules/querystring-es3/index.js"(e){"use strict",e.decode=e.parse=Ti(),e.encode=e.stringify=ms()}}),Si=e({"node_modules/algoliasearch/src/places.js"(e,t){t.exports=o;var n=Mi(),s=jn();function o(e){return function(o,i,a){var r,c,l=O();return a=a&&l(a)||{},a.hosts=a.hosts||["places-dsn.algolia.net","places-1.algolianet.com","places-2.algolianet.com","places-3.algolianet.com"],(arguments.length===0||typeof o=="object"||o===0[0])&&(o="",i="",a._allowEmptyCredentials=!0),c=e(o,i,a),r=c.initIndex("places"),r.search=s("query","/1/places/query"),r.reverse=function(e,t){var s=n.encode(e);return this.as._jsonRequest({method:"GET",url:"/1/places/reverse?"+s,hostType:"read",callback:t})},r.getObject=function(e,t){return this.as._jsonRequest({method:"GET",url:"/1/places/"+encodeURIComponent(e),hostType:"read",callback:t})},r}}}}),Ci=e({"node_modules/algoliasearch/src/version.js"(e,t){"use strict",t.exports="3.35.1"}}),Oi=e({"node_modules/algoliasearch/src/browser/createAlgoliasearch.js"(e,t){"use strict";var s=Pi(),n=s.Promise||Ao().Promise;t.exports=function(t,o){var a,d=bn(),r=Z(),l=Ni(),u=Di(),h=Si();o=o||"",!1&&null.enable("algoliasearch*");function i(e,t,n){var s=O();return n=s(n||{}),n._ua=n._ua||i.ua,new c(e,t,n)}i.version=Ci(),i.ua="Algolia for JavaScript ("+i.version+"); "+o,i.initPlaces=h(i),s.__algolia={debug:ce(),algoliasearch:i},a={hasXMLHttpRequest:"XMLHttpRequest"in s,hasXDomainRequest:"XDomainRequest"in s},a.hasXMLHttpRequest&&(a.cors="withCredentials"in new XMLHttpRequest);function c(){t.apply(this,arguments)}return d(c,t),c.prototype._request=function(t,s){return new n(function(n,o){if(!a.cors&&!a.hasXDomainRequest){o(new r.Network("CORS not supported"));return}t=l(t,s.headers);var u,d=s.body,i=a.cors?new XMLHttpRequest:new XDomainRequest,h=!1,c=setTimeout(m,s.timeouts.connect);i.onprogress=v,"onreadystatechange"in i&&(i.onreadystatechange=b),i.onload=p,i.onerror=g,i instanceof XMLHttpRequest?(i.open(s.method,t,!0),s.forceAuthHeaders&&(i.setRequestHeader("x-algolia-application-id",s.headers["x-algolia-application-id"]),i.setRequestHeader("x-algolia-api-key",s.headers["x-algolia-api-key"]))):i.open(s.method,t),a.cors&&(d&&(s.method==="POST"?i.setRequestHeader("content-type","application/x-www-form-urlencoded"):i.setRequestHeader("content-type","application/json")),i.setRequestHeader("accept","application/json")),d?i.send(d):i.send();function p(){if(u)return;clearTimeout(c);var e;try{e={body:JSON.parse(i.responseText),responseText:i.responseText,statusCode:i.status,headers:i.getAllResponseHeaders&&i.getAllResponseHeaders()||{}}}catch{e=new r.UnparsableJSON({more:i.responseText})}e instanceof r.UnparsableJSON?o(e):n(e)}function g(e){if(u)return;clearTimeout(c),o(new r.Network({more:e}))}function m(){u=!0,i.abort(),o(new r.RequestTimeout)}function f(){h=!0,clearTimeout(c),c=setTimeout(m,s.timeouts.complete)}function v(){h||f()}function b(){!h&&i.readyState>1&&f()}})},c.prototype._request.fallback=function(t,s){return t=l(t,s.headers),new n(function(n,o){u(t,s,function(t,s){if(t){o(t);return}n(s)})})},c.prototype._promise={reject:function(t){return n.reject(t)},resolve:function(t){return n.resolve(t)},delay:function(t){return new n(function(n){setTimeout(n,t)})},all:function(t){return n.all(t)}},i}}}),wi=e({"node_modules/algoliasearch/src/browser/builds/algoliasearchLite.js"(e,t){"use strict";var n=Bi(),s=Oi();t.exports=s(n,"Browser (lite)")}}),Ts=e({"node_modules/@algolia/events/events.js"(e,t){function n(){this._events=this._events||{},this._maxListeners=this._maxListeners||0[0]}t.exports=n,n.prototype._events=0[0],n.prototype._maxListeners=0[0],n.defaultMaxListeners=10,n.prototype.setMaxListeners=function(e){if(!a(e)||e<0||isNaN(e))throw TypeError("n must be a positive number");return this._maxListeners=e,this},n.prototype.emit=function(e){if(this._events||(this._events={}),e==="error"&&(!this._events.error||o(this._events.error)&&!this._events.error.length)){if(n=arguments[1],n instanceof Error)throw n;var t,n,a,r,c,l,d=new Error('Uncaught, unspecified "error" event. ('+n+")");throw d.context=n,d}if(t=this._events[e],i(t))return!1;if(s(t))switch(arguments.length){case 1:t.call(this);break;case 2:t.call(this,arguments[1]);break;case 3:t.call(this,arguments[1],arguments[2]);break;default:a=Array.prototype.slice.call(arguments,1),t.apply(this,a)}else if(o(t)){a=Array.prototype.slice.call(arguments,1),c=t.slice(),l=c.length;for(r=0;r<l;r++)c[r].apply(this,a)}return!0},n.prototype.addListener=function(e,t){var a;if(!s(t))throw TypeError("listener must be a function");return this._events||(this._events={}),this._events.newListener&&this.emit("newListener",e,s(t.listener)?t.listener:t),this._events[e]?o(this._events[e])?this._events[e].push(t):this._events[e]=[this._events[e],t]:this._events[e]=t,o(this._events[e])&&!this._events[e].warned&&(i(this._maxListeners)?a=n.defaultMaxListeners:a=this._maxListeners,a&&a>0&&this._events[e].length>a&&(this._events[e].warned=!0,console.error("(node) warning: possible EventEmitter memory leak detected. %d listeners added. Use emitter.setMaxListeners() to increase limit.",this._events[e].length),typeof console.trace=="function"&&console.trace())),this},n.prototype.on=n.prototype.addListener,n.prototype.once=function(e,t){if(!s(t))throw TypeError("listener must be a function");var o=!1;function n(){this.removeListener(e,n),o||(o=!0,t.apply(this,arguments))}return n.listener=t,this.on(e,n),this},n.prototype.removeListener=function(e,t){var n,i,a,r;if(!s(t))throw TypeError("listener must be a function");if(!this._events||!this._events[e])return this;if(n=this._events[e],r=n.length,a=-1,n===t||s(n.listener)&&n.listener===t)delete this._events[e],this._events.removeListener&&this.emit("removeListener",e,t);else if(o(n)){for(i=r;i-- >0;)if(n[i]===t||n[i].listener&&n[i].listener===t){a=i;break}if(a<0)return this;n.length===1?(n.length=0,delete this._events[e]):n.splice(a,1),this._events.removeListener&&this.emit("removeListener",e,t)}return this},n.prototype.removeAllListeners=function(e){if(!this._events)return this;if(!this._events.removeListener)return arguments.length===0?this._events={}:this._events[e]&&delete this._events[e],this;if(arguments.length===0){for(n in this._events){if(n==="removeListener")continue;this.removeAllListeners(n)}return this.removeAllListeners("removeListener"),this._events={},this}if(t=this._events[e],s(t))this.removeListener(e,t);else if(t)for(var t,n;t.length;)this.removeListener(e,t[t.length-1]);return delete this._events[e],this},n.prototype.listeners=function(e){var t;return!this._events||!this._events[e]?t=[]:s(this._events[e])?t=[this._events[e]]:t=this._events[e].slice(),t},n.prototype.listenerCount=function(e){if(this._events){var t=this._events[e];if(s(t))return 1;if(t)return t.length}return 0},n.listenerCount=function(e,t){return e.listenerCount(t)};function s(e){return typeof e=="function"}function a(e){return typeof e=="number"}function o(e){return typeof e=="object"&&e!==null}function i(e){return e===0[0]}}}),Ls=e({"node_modules/algoliasearch-helper/src/functions/inherits.js"(e,t){"use strict";function n(e,t){e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}})}t.exports=n}}),ui=e({"node_modules/algoliasearch-helper/src/DerivedHelper/index.js"(e,t){"use strict";var s=Ts(),o=Ls();function n(e,t,n){this.main=e,this.fn=t,this.recommendFn=n,this.lastResults=null,this.lastRecommendResults=null}o(n,s),n.prototype.detach=function(){this.removeAllListeners(),this.main.detachDerivedHelper(this)},n.prototype.getModifiedState=function(e){return this.fn(e)},n.prototype.getModifiedRecommendState=function(e){return this.recommendFn(e)},t.exports=n}}),rt=e({"node_modules/algoliasearch-helper/src/functions/escapeFacetValue.js"(e,t){"use strict";function n(e){return typeof e!="string"?e:String(e).replace(/^-/,"\\-")}function s(e){return typeof e!="string"?e:e.replace(/^\\-/,"-")}t.exports={escapeFacetValue:n,unescapeFacetValue:s}}}),K=e({"node_modules/algoliasearch-helper/src/functions/merge.js"(e,t){"use strict";function o(e){return typeof e=="object"&&e!==null?s(Array.isArray(e)?[]:{},e):e}function n(e){return typeof e=="function"||Array.isArray(e)||Object.prototype.toString.call(e)==="[object Object]"}function s(e,t){if(e===t)return e;for(i in t){if(!Object.prototype.hasOwnProperty.call(t,i)||i==="__proto__"||i==="constructor")continue;var i,a=t[i],r=e[i];if(typeof r!="undefined"&&typeof a=="undefined")continue;n(r)&&n(a)?e[i]=s(r,a):e[i]=o(a)}return e}function i(e){n(e)||(e={});for(var o,t=1,i=arguments.length;t<i;t++)o=arguments[t],n(o)&&s(e,o);return e}t.exports=i}}),et=e({"node_modules/algoliasearch-helper/src/functions/objectHasKeys.js"(e,t){"use strict";function n(e){return e&&Object.keys(e).length>0}t.exports=n}}),$e=e({"node_modules/algoliasearch-helper/src/functions/omit.js"(e,t){"use strict";function n(e,t){if(e===null)return{};var n,s,o={},i=Object.keys(e);for(s=0;s<i.length;s++){if(n=i[s],t.indexOf(n)>=0)continue;o[n]=e[n]}return o}t.exports=n}}),Bs=e({"node_modules/algoliasearch-helper/src/RecommendParameters/index.js"(e,t){"use strict";function n(e){e=e||{},this.params=e.params||[]}n.prototype={constructor:n,addParams:function(e){var t=this.params.slice();return t.push(e),new n({params:t})},removeParams:function(e){return new n({params:this.params.filter(function(t){return t.$$id!==e})})},addFrequentlyBoughtTogether:function(e){return this.addParams(Object.assign({},e,{model:"bought-together"}))},addRelatedProducts:function(e){return this.addParams(Object.assign({},e,{model:"related-products"}))},addTrendingItems:function(e){return this.addParams(Object.assign({},e,{model:"trending-items"}))},addTrendingFacets:function(e){return this.addParams(Object.assign({},e,{model:"trending-facets"}))},addLookingSimilar:function(e){return this.addParams(Object.assign({},e,{model:"looking-similar"}))},_buildQueries:function(e,t){return this.params.filter(function(e){return t[e.$$id]===0[0]}).map(function(t){var n=Object.assign({},t,{indexName:e,threshold:t.threshold||0});return delete n.$$id,n})}},t.exports=n}}),Vs=e({"node_modules/algoliasearch-helper/src/RecommendResults/index.js"(e,t){"use strict";function n(e,t){this._state=e,this._rawResults={};var n=this;e.params.forEach(function(e){var s=e.$$id;n[s]=t[s],n._rawResults[s]=t[s]})}n.prototype={constructor:n},t.exports=n}}),ri=e({"node_modules/algoliasearch-helper/src/requestBuilder.js"(e,t){"use strict";var n,s=K();function o(e){return Object.keys(e).sort().reduce(function(t,n){return t[n]=e[n],t},{})}n={_getQueries:function(t,s){var o=[];return o.push({indexName:t,params:n._getHitsSearchParams(s)}),s.getRefinedDisjunctiveFacets().forEach(function(e){o.push({indexName:t,params:n._getDisjunctiveFacetSearchParams(s,e)})}),s.getRefinedHierarchicalFacets().forEach(function(e){var c,i=s.getHierarchicalFacetByName(e),a=s.getHierarchicalRefinement(e),r=s._getHierarchicalFacetSeparator(i);a.length>0&&a[0].split(r).length>1&&(c=a[0].split(r).slice(0,-1).reduce(function(t,n,s){return t.concat({attribute:i.attributes[s],value:s===0?n:[t[t.length-1].value,n].join(r)})},[]),c.forEach(function(e,a){var l,d,r=n._getDisjunctiveFacetSearchParams(s,e.attribute,a===0);function u(e){return i.attributes.some(function(t){return t===e.split(":")[0]})}l=(r.facetFilters||[]).reduce(function(e,t){if(Array.isArray(t)){var n=t.filter(function(e){return!u(e)});n.length>0&&e.push(n)}return typeof t=="string"&&!u(t)&&e.push(t),e},[]),d=c[a-1],a>0?r.facetFilters=l.concat(d.attribute+":"+d.value):l.length>0?r.facetFilters=l:delete r.facetFilters,o.push({indexName:t,params:r})}))}),o},_getHitsSearchParams:function(e){var i=e.facets.concat(e.disjunctiveFacets).concat(n._getHitsHierarchicalFacetsAttributes(e)).sort(),a=n._getFacetFilters(e),r=n._getNumericFilters(e),c=n._getTagFilters(e),t={};return i.length>0&&(t.facets=i.indexOf("*")>-1?["*"]:i),c.length>0&&(t.tagFilters=c),a.length>0&&(t.facetFilters=a),r.length>0&&(t.numericFilters=r),o(s({},e.getQueryParams(),t))},_getDisjunctiveFacetSearchParams:function(e,t,i){var r,c=n._getFacetFilters(e,t,i),l=n._getNumericFilters(e,t),d=n._getTagFilters(e),a={hitsPerPage:0,page:0,analytics:!1,clickAnalytics:!1};return d.length>0&&(a.tagFilters=d),r=e.getHierarchicalFacetByName(t),r?a.facets=n._getDisjunctiveHierarchicalFacetAttribute(e,r,i):a.facets=t,l.length>0&&(a.numericFilters=l),c.length>0&&(a.facetFilters=c),o(s({},e.getQueryParams(),a))},_getNumericFilters:function(e,t){if(e.numericFilters)return e.numericFilters;var n=[];return Object.keys(e.numericRefinements).forEach(function(s){var o=e.numericRefinements[s]||{};Object.keys(o).forEach(function(e){var i=o[e]||[];t!==s&&i.forEach(function(t){if(Array.isArray(t)){var o=t.map(function(t){return s+e+t});n.push(o)}else n.push(s+e+t)})})}),n},_getTagFilters:function(e){return e.tagFilters?e.tagFilters:e.tagRefinements.join(",")},_getFacetFilters:function(e,t,n){var o,i,a,s=[],r=e.facetsRefinements||{};return Object.keys(r).sort().forEach(function(e){var t=r[e]||[];t.slice().sort().forEach(function(t){s.push(e+":"+t)})}),o=e.facetsExcludes||{},Object.keys(o).sort().forEach(function(e){var t=o[e]||[];t.sort().forEach(function(t){s.push(e+":-"+t)})}),i=e.disjunctiveFacetsRefinements||{},Object.keys(i).sort().forEach(function(e){var o,n=i[e]||[];if(e===t||!n||n.length===0)return;o=[],n.slice().sort().forEach(function(t){o.push(e+":"+t)}),s.push(o)}),a=e.hierarchicalFacetsRefinements||{},Object.keys(a).sort().forEach(function(o){var r,c,l,d,u,h=a[o]||[],i=h[0];if(i===0[0])return;if(l=e.getHierarchicalFacetByName(o),r=e._getHierarchicalFacetSeparator(l),c=e._getHierarchicalRootPath(l),t===o){if(i.indexOf(r)===-1||!c&&n===!0||c&&c.split(r).length===i.split(r).length)return;c?(d=c.split(r).length-1,i=c):(d=i.split(r).length-2,i=i.slice(0,i.lastIndexOf(r))),u=l.attributes[d]}else d=i.split(r).length-1,u=l.attributes[d];u&&s.push([u+":"+i])}),s},_getHitsHierarchicalFacetsAttributes:function(e){var t=[];return e.hierarchicalFacets.reduce(function(n,s){var i,a,r,o=e.getHierarchicalRefinement(s.name)[0];return o?(i=e._getHierarchicalFacetSeparator(s),a=o.split(i).length,r=s.attributes.slice(0,a+1),n.concat(r)):(n.push(s.attributes[0]),n)},t)},_getDisjunctiveHierarchicalFacetAttribute:function(e,t,n){var s,o,a,r,i=e._getHierarchicalFacetSeparator(t);return n===!0?(s=e._getHierarchicalRootPath(t),o=0,s&&(o=s.split(i).length),[t.attributes[o]]):(a=e.getHierarchicalRefinement(t.name)[0]||"",r=a.split(i).length-1,t.attributes.slice(0,r+1))},getSearchForFacetQuery:function(e,t,i,a){var c=a.isDisjunctiveFacet(e)?a.clearRefinements(e):a,r={facetQuery:t,facetName:e};return typeof i=="number"&&(r.maxFacetHits=i),o(s({},n._getHitsSearchParams(c),r))}},t.exports=n}}),ge=e({"node_modules/algoliasearch-helper/src/functions/defaultsPure.js"(e,t){"use strict",t.exports=function(){var t=Array.prototype.slice.call(arguments);return t.reduceRight(function(e,t){return Object.keys(Object(t)).forEach(function(n){if(t[n]===0[0])return;e[n]!==0[0]&&delete e[n],e[n]=t[n]}),e},{})}}}),z=e({"node_modules/algoliasearch-helper/src/functions/find.js"(e,t){"use strict",t.exports=function(t,n){if(!Array.isArray(t))return 0[0];for(var s=0;s<t.length;s++)if(n(t[s]))return t[s]}}}),ai=e({"node_modules/algoliasearch-helper/src/functions/intersection.js"(e,t){"use strict";function n(e,t){return e.filter(function(n,s){return t.indexOf(n)>-1&&e.indexOf(n)===s})}t.exports=n}}),ti=e({"node_modules/algoliasearch-helper/src/functions/valToNumber.js"(e,t){"use strict";function n(e){if(typeof e=="number")return e;if(typeof e=="string")return parseFloat(e);if(Array.isArray(e))return e.map(n);throw new Error("The value should be a number, a parsable string or an array of those.")}t.exports=n}}),Uo=e({"node_modules/algoliasearch-helper/src/utils/isValidUserToken.js"(e,t){"use strict",t.exports=function(t){return t!==null&&/^[a-zA-Z0-9_-]{1,64}$/.test(t)}}}),Vo=e({"node_modules/algoliasearch-helper/src/SearchParameters/RefinementList.js"(e,t){"use strict";var s=ge(),o=et(),i=$e(),n={addRefinement:function(t,o,i){if(n.isRefined(t,o,i))return t;var a=""+i,c=t[o]?t[o].concat(a):[a],r={};return r[o]=c,s({},r,t)},removeRefinement:function(t,s,o){if(o===0[0])return n.clearRefinement(t,function(e,t){return s===t});var i=""+o;return n.clearRefinement(t,function(e,t){return s===t&&i===e})},toggleRefinement:function(t,s,o){if(o===0[0])throw new Error("toggleRefinement should be used with a value");return n.isRefined(t,s,o)?n.removeRefinement(t,s,o):n.addRefinement(t,s,o)},clearRefinement:function(t,n,s){if(n===0[0])return o(t)?{}:t;if(typeof n=="string")return i(t,[n]);if(typeof n=="function"){var a=!1,r=Object.keys(t).reduce(function(e,o){var i=t[o]||[],r=i.filter(function(e){return!n(e,o,s)});return r.length!==i.length&&(a=!0),e[o]=r,e},{});return a?r:t}},isRefined:function(t,n,s){var i,o=Boolean(t[n])&&t[n].length>0;return s===0[0]||!o?o:(i=""+s,t[n].indexOf(i)!==-1)}};t.exports=n}}),co=e({"node_modules/algoliasearch-helper/src/SearchParameters/index.js"(e,t){"use strict";var o=ge(),l=z(),d=ai(),i=K(),a=et(),u=$e(),r=ti(),h=Uo(),n=Vo();function c(e,t){return Array.isArray(e)&&Array.isArray(t)?e.length===t.length&&e.every(function(e,n){return c(t[n],e)}):e===t}function m(e,t){return l(e,function(e){return c(e,t)})}function s(e){var n,t=e?s._parseNumbers(e):{};t.userToken!==0[0]&&!h(t.userToken)&&console.warn("[algoliasearch-helper] The `userToken` parameter is invalid. This can lead to wrong analytics.\n - Format: [a-zA-Z0-9_-]{1,64}"),this.facets=t.facets||[],this.disjunctiveFacets=t.disjunctiveFacets||[],this.hierarchicalFacets=t.hierarchicalFacets||[],this.facetsRefinements=t.facetsRefinements||{},this.facetsExcludes=t.facetsExcludes||{},this.disjunctiveFacetsRefinements=t.disjunctiveFacetsRefinements||{},this.numericRefinements=t.numericRefinements||{},this.tagRefinements=t.tagRefinements||[],this.hierarchicalFacetsRefinements=t.hierarchicalFacetsRefinements||{},n=this,Object.keys(t).forEach(function(e){var o=s.PARAMETERS.indexOf(e)!==-1,i=t[e]!==0[0];!o&&i&&(n[e]=t[e])})}s.PARAMETERS=Object.keys(new s),s._parseNumbers=function(e){if(e instanceof s)return e;var n,t={},o=["aroundPrecision","aroundRadius","getRankingInfo","minWordSizefor2Typos","minWordSizefor1Typo","page","maxValuesPerFacet","distinct","minimumAroundRadius","hitsPerPage","minProximity"];return o.forEach(function(n){var o,s=e[n];typeof s=="string"&&(o=parseFloat(s),t[n]=isNaN(o)?s:o)}),Array.isArray(e.insideBoundingBox)&&(t.insideBoundingBox=e.insideBoundingBox.map(function(e){return Array.isArray(e)?e.map(function(e){return parseFloat(e)}):e})),e.numericRefinements&&(n={},Object.keys(e.numericRefinements).forEach(function(t){var s=e.numericRefinements[t]||{};n[t]={},Object.keys(s).forEach(function(e){var o=s[e],i=o.map(function(e){return Array.isArray(e)?e.map(function(e){return typeof e=="string"?parseFloat(e):e}):typeof e=="string"?parseFloat(e):e});n[t][e]=i})}),t.numericRefinements=n),i(e,t)},s.make=function(t){var n=new s(t),o=t.hierarchicalFacets||[];return o.forEach(function(e){if(e.rootPath){var t=n.getHierarchicalRefinement(e.name);t.length>0&&t[0].indexOf(e.rootPath)!==0&&(n=n.clearRefinements(e.name)),t=n.getHierarchicalRefinement(e.name),t.length===0&&(n=n.toggleHierarchicalFacetRefinement(e.name,e.rootPath))}}),n},s.validate=function(e,t){var n=t||{};return e.tagFilters&&n.tagRefinements&&n.tagRefinements.length>0?new Error("[Tags] Cannot switch from the managed tag API to the advanced API. It is probably an error, if it is really what you want, you should first clear the tags with clearTags method."):e.tagRefinements.length>0&&n.tagFilters?new Error("[Tags] Cannot switch from the advanced tag API to the managed API. It is probably an error, if it is not, you should first clear the tags with clearTags method."):e.numericFilters&&n.numericRefinements&&a(n.numericRefinements)?new Error("[Numeric filters] Can't switch from the advanced to the managed API. It is probably an error, if this is really what you want, you have to first clear the numeric filters."):a(e.numericRefinements)&&n.numericFilters?new Error("[Numeric filters] Can't switch from the managed API to the advanced. It is probably an error, if this is really what you want, you have to first clear the numeric filters."):null},s.prototype={constructor:s,clearRefinements:function(t){var s={numericRefinements:this._clearNumericRefinements(t),facetsRefinements:n.clearRefinement(this.facetsRefinements,t,"conjunctiveFacet"),facetsExcludes:n.clearRefinement(this.facetsExcludes,t,"exclude"),disjunctiveFacetsRefinements:n.clearRefinement(this.disjunctiveFacetsRefinements,t,"disjunctiveFacet"),hierarchicalFacetsRefinements:n.clearRefinement(this.hierarchicalFacetsRefinements,t,"hierarchicalFacet")};return s.numericRefinements===this.numericRefinements&&s.facetsRefinements===this.facetsRefinements&&s.facetsExcludes===this.facetsExcludes&&s.disjunctiveFacetsRefinements===this.disjunctiveFacetsRefinements&&s.hierarchicalFacetsRefinements===this.hierarchicalFacetsRefinements?this:this.setQueryParameters(s)},clearTags:function(){return this.tagFilters===0[0]&&this.tagRefinements.length===0?this:this.setQueryParameters({tagFilters:0[0],tagRefinements:[]})},setIndex:function(t){return t===this.index?this:this.setQueryParameters({index:t})},setQuery:function(t){return t===this.query?this:this.setQueryParameters({query:t})},setPage:function(t){return t===this.page?this:this.setQueryParameters({page:t})},setFacets:function(t){return this.setQueryParameters({facets:t})},setDisjunctiveFacets:function(t){return this.setQueryParameters({disjunctiveFacets:t})},setHitsPerPage:function(t){return this.hitsPerPage===t?this:this.setQueryParameters({hitsPerPage:t})},setTypoTolerance:function(t){return this.typoTolerance===t?this:this.setQueryParameters({typoTolerance:t})},addNumericRefinement:function(e,t,n){var s,o=r(n);return this.isNumericRefined(e,t,o)?this:(s=i({},this.numericRefinements),s[e]=i({},s[e]),s[e][t]?(s[e][t]=s[e][t].slice(),s[e][t].push(o)):s[e][t]=[o],this.setQueryParameters({numericRefinements:s}))},getConjunctiveRefinements:function(e){return this.isConjunctiveFacet(e)?this.facetsRefinements[e]||[]:[]},getDisjunctiveRefinements:function(e){return this.isDisjunctiveFacet(e)?this.disjunctiveFacetsRefinements[e]||[]:[]},getHierarchicalRefinement:function(e){return this.hierarchicalFacetsRefinements[e]||[]},getExcludeRefinements:function(e){return this.isConjunctiveFacet(e)?this.facetsExcludes[e]||[]:[]},removeNumericRefinement:function(e,t,n){var s=n;return s!==0[0]?this.isNumericRefined(e,t,s)?this.setQueryParameters({numericRefinements:this._clearNumericRefinements(function(n,o){return o===e&&n.op===t&&c(n.val,r(s))})}):this:t!==0[0]?this.isNumericRefined(e,t)?this.setQueryParameters({numericRefinements:this._clearNumericRefinements(function(n,s){return s===e&&n.op===t})}):this:this.isNumericRefined(e)?this.setQueryParameters({numericRefinements:this._clearNumericRefinements(function(t,n){return n===e})}):this},getNumericRefinements:function(e){return this.numericRefinements[e]||{}},getNumericRefinement:function(e,t){return this.numericRefinements[e]&&this.numericRefinements[e][t]},_clearNumericRefinements:function(t){if(t===0[0])return a(this.numericRefinements)?{}:this.numericRefinements;if(typeof t=="string")return u(this.numericRefinements,[t]);if(typeof t=="function"){var n=!1,s=this.numericRefinements,o=Object.keys(s).reduce(function(e,o){var i=s[o],a={},i=i||{};return Object.keys(i).forEach(function(e){var r=i[e]||[],s=[];r.forEach(function(n){var i=t({val:n,op:e},o,"numeric");i||s.push(n)}),s.length!==r.length&&(n=!0),a[e]=s}),e[o]=a,e},{});return n?o:this.numericRefinements}},addFacet:function(t){return this.isConjunctiveFacet(t)?this:this.setQueryParameters({facets:this.facets.concat([t])})},addDisjunctiveFacet:function(t){return this.isDisjunctiveFacet(t)?this:this.setQueryParameters({disjunctiveFacets:this.disjunctiveFacets.concat([t])})},addHierarchicalFacet:function(t){if(this.isHierarchicalFacet(t.name))throw new Error("Cannot declare two hierarchical facets with the same name: `"+t.name+"`");return this.setQueryParameters({hierarchicalFacets:this.hierarchicalFacets.concat([t])})},addFacetRefinement:function(t,s){if(!this.isConjunctiveFacet(t))throw new Error(t+" is not defined in the facets attribute of the helper configuration");return n.isRefined(this.facetsRefinements,t,s)?this:this.setQueryParameters({facetsRefinements:n.addRefinement(this.facetsRefinements,t,s)})},addExcludeRefinement:function(t,s){if(!this.isConjunctiveFacet(t))throw new Error(t+" is not defined in the facets attribute of the helper configuration");return n.isRefined(this.facetsExcludes,t,s)?this:this.setQueryParameters({facetsExcludes:n.addRefinement(this.facetsExcludes,t,s)})},addDisjunctiveFacetRefinement:function(t,s){if(!this.isDisjunctiveFacet(t))throw new Error(t+" is not defined in the disjunctiveFacets attribute of the helper configuration");return n.isRefined(this.disjunctiveFacetsRefinements,t,s)?this:this.setQueryParameters({disjunctiveFacetsRefinements:n.addRefinement(this.disjunctiveFacetsRefinements,t,s)})},addTagRefinement:function(t){if(this.isTagRefined(t))return this;var n={tagRefinements:this.tagRefinements.concat(t)};return this.setQueryParameters(n)},removeFacet:function(t){return this.isConjunctiveFacet(t)?this.clearRefinements(t).setQueryParameters({facets:this.facets.filter(function(e){return e!==t})}):this},removeDisjunctiveFacet:function(t){return this.isDisjunctiveFacet(t)?this.clearRefinements(t).setQueryParameters({disjunctiveFacets:this.disjunctiveFacets.filter(function(e){return e!==t})}):this},removeHierarchicalFacet:function(t){return this.isHierarchicalFacet(t)?this.clearRefinements(t).setQueryParameters({hierarchicalFacets:this.hierarchicalFacets.filter(function(e){return e.name!==t})}):this},removeFacetRefinement:function(t,s){if(!this.isConjunctiveFacet(t))throw new Error(t+" is not defined in the facets attribute of the helper configuration");return n.isRefined(this.facetsRefinements,t,s)?this.setQueryParameters({facetsRefinements:n.removeRefinement(this.facetsRefinements,t,s)}):this},removeExcludeRefinement:function(t,s){if(!this.isConjunctiveFacet(t))throw new Error(t+" is not defined in the facets attribute of the helper configuration");return n.isRefined(this.facetsExcludes,t,s)?this.setQueryParameters({facetsExcludes:n.removeRefinement(this.facetsExcludes,t,s)}):this},removeDisjunctiveFacetRefinement:function(t,s){if(!this.isDisjunctiveFacet(t))throw new Error(t+" is not defined in the disjunctiveFacets attribute of the helper configuration");return n.isRefined(this.disjunctiveFacetsRefinements,t,s)?this.setQueryParameters({disjunctiveFacetsRefinements:n.removeRefinement(this.disjunctiveFacetsRefinements,t,s)}):this},removeTagRefinement:function(t){if(!this.isTagRefined(t))return this;var n={tagRefinements:this.tagRefinements.filter(function(e){return e!==t})};return this.setQueryParameters(n)},toggleRefinement:function(t,n){return this.toggleFacetRefinement(t,n)},toggleFacetRefinement:function(t,n){if(this.isHierarchicalFacet(t))return this.toggleHierarchicalFacetRefinement(t,n);if(this.isConjunctiveFacet(t))return this.toggleConjunctiveFacetRefinement(t,n);if(this.isDisjunctiveFacet(t))return this.toggleDisjunctiveFacetRefinement(t,n);throw new Error("Cannot refine the undeclared facet "+t+"; it should be added to the helper options facets, disjunctiveFacets or hierarchicalFacets")},toggleConjunctiveFacetRefinement:function(t,s){if(!this.isConjunctiveFacet(t))throw new Error(t+" is not defined in the facets attribute of the helper configuration");return this.setQueryParameters({facetsRefinements:n.toggleRefinement(this.facetsRefinements,t,s)})},toggleExcludeFacetRefinement:function(t,s){if(!this.isConjunctiveFacet(t))throw new Error(t+" is not defined in the facets attribute of the helper configuration");return this.setQueryParameters({facetsExcludes:n.toggleRefinement(this.facetsExcludes,t,s)})},toggleDisjunctiveFacetRefinement:function(t,s){if(!this.isDisjunctiveFacet(t))throw new Error(t+" is not defined in the disjunctiveFacets attribute of the helper configuration");return this.setQueryParameters({disjunctiveFacetsRefinements:n.toggleRefinement(this.disjunctiveFacetsRefinements,t,s)})},toggleHierarchicalFacetRefinement:function(t,n){if(!this.isHierarchicalFacet(t))throw new Error(t+" is not defined in the hierarchicalFacets attribute of the helper configuration");var i=this._getHierarchicalFacetSeparator(this.getHierarchicalFacetByName(t)),s={},a=this.hierarchicalFacetsRefinements[t]!==0[0]&&this.hierarchicalFacetsRefinements[t].length>0&&(this.hierarchicalFacetsRefinements[t][0]===n||this.hierarchicalFacetsRefinements[t][0].indexOf(n+i)===0);return a?n.indexOf(i)===-1?s[t]=[]:s[t]=[n.slice(0,n.lastIndexOf(i))]:s[t]=[n],this.setQueryParameters({hierarchicalFacetsRefinements:o({},s,this.hierarchicalFacetsRefinements)})},addHierarchicalFacetRefinement:function(e,t){if(this.isHierarchicalFacetRefined(e))throw new Error(e+" is already refined.");if(!this.isHierarchicalFacet(e))throw new Error(e+" is not defined in the hierarchicalFacets attribute of the helper configuration.");var n={};return n[e]=[t],this.setQueryParameters({hierarchicalFacetsRefinements:o({},n,this.hierarchicalFacetsRefinements)})},removeHierarchicalFacetRefinement:function(e){if(!this.isHierarchicalFacetRefined(e))return this;var t={};return t[e]=[],this.setQueryParameters({hierarchicalFacetsRefinements:o({},t,this.hierarchicalFacetsRefinements)})},toggleTagRefinement:function(t){return this.isTagRefined(t)?this.removeTagRefinement(t):this.addTagRefinement(t)},isDisjunctiveFacet:function(e){return this.disjunctiveFacets.indexOf(e)>-1},isHierarchicalFacet:function(e){return this.getHierarchicalFacetByName(e)!==0[0]},isConjunctiveFacet:function(e){return this.facets.indexOf(e)>-1},isFacetRefined:function(t,s){return!!this.isConjunctiveFacet(t)&&n.isRefined(this.facetsRefinements,t,s)},isExcludeRefined:function(t,s){return!!this.isConjunctiveFacet(t)&&n.isRefined(this.facetsExcludes,t,s)},isDisjunctiveFacetRefined:function(t,s){return!!this.isDisjunctiveFacet(t)&&n.isRefined(this.disjunctiveFacetsRefinements,t,s)},isHierarchicalFacetRefined:function(t,n){if(!this.isHierarchicalFacet(t))return!1;var s=this.getHierarchicalRefinement(t);return n?s.indexOf(n)!==-1:s.length>0},isNumericRefined:function(t,n,s){if(s===0[0]&&n===0[0])return Boolean(this.numericRefinements[t]);var i,a,o=this.numericRefinements[t]&&this.numericRefinements[t][n]!==0[0];return s===0[0]||!o?o:(i=r(s),a=m(this.numericRefinements[t][n],i)!==0[0],o&&a)},isTagRefined:function(t){return this.tagRefinements.indexOf(t)!==-1},getRefinedDisjunctiveFacets:function(){var t=this,n=d(Object.keys(this.numericRefinements).filter(function(e){return Object.keys(t.numericRefinements[e]).length>0}),this.disjunctiveFacets);return Object.keys(this.disjunctiveFacetsRefinements).filter(function(e){return t.disjunctiveFacetsRefinements[e].length>0}).concat(n).concat(this.getRefinedHierarchicalFacets()).sort()},getRefinedHierarchicalFacets:function(){var t=this;return d(this.hierarchicalFacets.map(function(e){return e.name}),Object.keys(this.hierarchicalFacetsRefinements).filter(function(e){return t.hierarchicalFacetsRefinements[e].length>0})).sort()},getUnrefinedDisjunctiveFacets:function(){var e=this.getRefinedDisjunctiveFacets();return this.disjunctiveFacets.filter(function(t){return e.indexOf(t)===-1})},managedParameters:["index","facets","disjunctiveFacets","facetsRefinements","hierarchicalFacets","facetsExcludes","disjunctiveFacetsRefinements","numericRefinements","tagRefinements","hierarchicalFacetsRefinements"],getQueryParams:function(){var n=this.managedParameters,t={},s=this;return Object.keys(this).forEach(function(e){var o=s[e];n.indexOf(e)===-1&&o!==0[0]&&(t[e]=o)}),t},setQueryParameter:function(t,n){if(this[t]===n)return this;var s={};return s[t]=n,this.setQueryParameters(s)},setQueryParameters:function(t){if(!t)return this;var n,i,a,r,o=s.validate(this,t);if(o)throw o;return i=this,n=s._parseNumbers(t),a=Object.keys(this).reduce(function(e,t){return e[t]=i[t],e},{}),r=Object.keys(n).reduce(function(e,t){var o=e[t]!==0[0],s=n[t]!==0[0];return o&&!s?u(e,[t]):(s&&(e[t]=n[t]),e)},a),new this.constructor(r)},resetPage:function(){return this.page===0[0]?this:this.setPage(0)},_getHierarchicalFacetSortBy:function(e){return e.sortBy||["isRefined:desc","name:asc"]},_getHierarchicalFacetSeparator:function(e){return e.separator||" > "},_getHierarchicalRootPath:function(e){return e.rootPath||null},_getHierarchicalShowParentLevel:function(e){return typeof e.showParentLevel!="boolean"||e.showParentLevel},getHierarchicalFacetByName:function(e){return l(this.hierarchicalFacets,function(t){return t.name===e})},getHierarchicalFacetBreadcrumb:function(e){if(!this.isHierarchicalFacet(e))return[];var n,s,t=this.getHierarchicalRefinement(e)[0];return t?(n=this._getHierarchicalFacetSeparator(this.getHierarchicalFacetByName(e)),s=t.split(n),s.map(function(e){return e.trim()})):[]},toString:function(){return JSON.stringify(this,null,2)}},t.exports=s}}),zo=e({"node_modules/algoliasearch-helper/src/functions/compact.js"(e,t){"use strict",t.exports=function(t){return Array.isArray(t)?t.filter(Boolean):[]}}}),oa=e({"node_modules/algoliasearch-helper/src/functions/findIndex.js"(e,t){"use strict",t.exports=function(t,n){if(!Array.isArray(t))return-1;for(var s=0;s<t.length;s++)if(n(t[s]))return s;return-1}}}),yo=e({"node_modules/algoliasearch-helper/src/functions/formatSort.js"(e,t){"use strict";var n=z();t.exports=function(t,s){var o=(s||[]).map(function(e){return e.split(":")});return t.reduce(function(t,s){var i=s.split(":"),a=n(o,function(e){return e[0]===i[0]});return i.length>1||!a?(t[0].push(i[0]),t[1].push(i[1]),t):(t[0].push(a[0]),t[1].push(a[1]),t)},[[],[]])}}}),uo=e({"node_modules/algoliasearch-helper/src/functions/orderBy.js"(e,t){"use strict";function n(e,t){if(e!==t){var n=e!==0[0],s=e===null,o=t!==0[0],i=t===null;if(!i&&e>t||s&&o||!n)return 1;if(!s&&e<t||i&&n||!o)return-1}return 0}function s(e,t,s){if(!Array.isArray(e))return[];Array.isArray(s)||(s=[]);var o=e.map(function(e,n){return{criteria:t.map(function(t){return e[t]}),index:n,value:e}});return o.sort(function(t,o){for(var a,i=-1;++i<t.criteria.length;)if(a=n(t.criteria[i],o.criteria[i]),a)return i>=s.length?a:s[i]==="desc"?-a:a;return t.index-o.index}),o.map(function(e){return e.value})}t.exports=s}}),Po=e({"node_modules/algoliasearch-helper/src/SearchResults/generate-hierarchical-tree.js"(e,t){"use strict",t.exports=c;var n=rt(),s=z(),o=yo(),i=uo(),a=n.escapeFacetValue,r=n.unescapeFacetValue;function c(e){return function(n,s){var i=e.hierarchicalFacets[s],d=e.hierarchicalFacetsRefinements[i.name]&&e.hierarchicalFacetsRefinements[i.name][0]||"",r=e._getHierarchicalFacetSeparator(i),a=e._getHierarchicalRootPath(i),u=e._getHierarchicalShowParentLevel(i),h=o(e._getHierarchicalFacetSortBy(i)),m=n.every(function(e){return e.exhaustive}),f=l(h,r,a,u,d),c=n;return a&&(c=n.slice(a.split(r).length)),c.reduce(f,{name:e.hierarchicalFacets[s].name,count:null,isRefined:!0,path:null,escapedValue:null,exhaustive:m,data:null})}}function l(e,t,n,o,a){return function(l,h,m){var p,g,v,f=l;if(m>0)for(p=0,f=l;p<m;)g=f&&Array.isArray(f.data)?f.data:[],f=s(g,function(e){return e.isRefined}),p++;return f&&(v=Object.keys(h.data).map(function(e){return[e,h.data[e]]}).filter(function(e){var s=e[0];return d(s,f.path||n,a,t,n,o)}),f.data=i(v.map(function(e){var n=e[0],s=e[1];return u(s,n,t,r(a),h.exhaustive)}),e[0],e[1])),l}}function d(e,t,n,s,o,i){return!(o&&(e.indexOf(o)!==0||o===e))&&(!o&&e.indexOf(s)===-1||o&&e.split(s).length-o.split(s).length===1||e.indexOf(s)===-1&&n.indexOf(s)===-1||n.indexOf(e)===0||e.indexOf(t+s)===0&&(i||e.indexOf(n)===0))}function u(e,t,n,s,o){var i=t.split(n);return{name:i[i.length-1].trim(),path:t,escapedValue:a(t),count:e,isRefined:s===t||s.indexOf(t+n)===0,exhaustive:o,data:null}}}}),ro=e({"node_modules/algoliasearch-helper/src/SearchResults/index.js"(e,t){"use strict";var c=zo(),i=ge(),h=rt(),n=z(),o=oa(),j=yo(),l=K(),f=uo(),v=h.escapeFacetValue,u=h.unescapeFacetValue,x=Po();function m(e){var t={};return e.forEach(function(e,n){t[e]=n}),t}function a(e,t,n){t&&t[n]&&(e.stats=t[n])}function O(e,t){return n(e,function(n){var s=n.attributes||[];return s.indexOf(t)>-1})}function s(e,t,n){var s,d,h,f,p,g,v,r=t[0]||{};this._rawResults=t,s=this,Object.keys(r).forEach(function(e){s[e]=r[e]}),f=l({persistHierarchicalRootCount:!1},n),Object.keys(f).forEach(function(e){s[e]=f[e]}),this.processingTimeMS=t.reduce(function(e,t){return t.processingTimeMS===0[0]?e:e+t.processingTimeMS},0),this.disjunctiveFacets=[],this.hierarchicalFacets=e.hierarchicalFacets.map(function(){return[]}),this.facets=[],v=e.getRefinedDisjunctiveFacets(),p=m(e.facets),g=m(e.disjunctiveFacets),d=1,h=r.facets||{},Object.keys(h).forEach(function(t){var n,l,d,u,m,i=h[t],c=O(e.hierarchicalFacets,t);c?(l=c.attributes.indexOf(t),d=o(e.hierarchicalFacets,function(e){return e.name===c.name}),s.hierarchicalFacets[d][l]={attribute:t,data:i,exhaustive:r.exhaustiveFacetsCount}):(u=e.disjunctiveFacets.indexOf(t)!==-1,m=e.facets.indexOf(t)!==-1,u&&(n=g[t],s.disjunctiveFacets[n]={name:t,data:i,exhaustive:r.exhaustiveFacetsCount},a(s.disjunctiveFacets[n],r.facets_stats,t)),m&&(n=p[t],s.facets[n]={name:t,data:i,exhaustive:r.exhaustiveFacetsCount},a(s.facets[n],r.facets_stats,t)))}),this.hierarchicalFacets=c(this.hierarchicalFacets),v.forEach(function(n){var c=t[d],h=c&&c.facets?c.facets:{},m=e.getHierarchicalFacetByName(n);Object.keys(h).forEach(function(t){var n,d,p,f=h[t];if(m){if(n=o(e.hierarchicalFacets,function(e){return e.name===m.name}),d=o(s.hierarchicalFacets[n],function(e){return e.attribute===t}),d===-1)return;s.hierarchicalFacets[n][d].data=l({},s.hierarchicalFacets[n][d].data,f)}else n=g[t],p=r.facets&&r.facets[t]||{},s.disjunctiveFacets[n]={name:t,data:i({},f,p),exhaustive:c.exhaustiveFacetsCount},a(s.disjunctiveFacets[n],c.facets_stats,t),e.disjunctiveFacetsRefinements[t]&&e.disjunctiveFacetsRefinements[t].forEach(function(o){!s.disjunctiveFacets[n].data[o]&&e.disjunctiveFacetsRefinements[t].indexOf(u(o))>-1&&(s.disjunctiveFacets[n].data[o]=0)})}),d++}),e.getRefinedHierarchicalFacets().forEach(function(n){var r=e.getHierarchicalFacetByName(n),c=e._getHierarchicalFacetSeparator(r),a=e.getHierarchicalRefinement(n);if(a.length===0||a[0].split(c).length<2)return;t.slice(d).forEach(function(t){var n=t&&t.facets?t.facets:{};Object.keys(n).forEach(function(t){var u,h,m=n[t],l=o(e.hierarchicalFacets,function(e){return e.name===r.name}),d=o(s.hierarchicalFacets[l],function(e){return e.attribute===t});if(d===-1)return;u={},a.length>0&&!s.persistHierarchicalRootCount&&(h=a[0].split(c)[0],u[h]=s.hierarchicalFacets[l][d].data[h]),s.hierarchicalFacets[l][d].data=i(u,m,s.hierarchicalFacets[l][d].data)}),d++})}),Object.keys(e.facetsExcludes).forEach(function(t){var o=e.facetsExcludes[t],n=p[t];s.facets[n]={name:t,data:h[t],exhaustive:r.exhaustiveFacetsCount},o.forEach(function(e){s.facets[n]=s.facets[n]||{name:t},s.facets[n].data=s.facets[n].data||{},s.facets[n].data[e]=0})}),this.hierarchicalFacets=this.hierarchicalFacets.map(x(e)),this.facets=c(this.facets),this.disjunctiveFacets=c(this.disjunctiveFacets),this._state=e}s.prototype.getFacetByName=function(e){function t(t){return t.name===e}return n(this.facets,t)||n(this.disjunctiveFacets,t)||n(this.hierarchicalFacets,t)};function b(e,t){function r(e){return e.name===t}if(e._state.isConjunctiveFacet(t)){var s,o,i,a,l,h,c=n(e.facets,r);return c?Object.keys(c.data).map(function(n){var s=v(n);return{name:n,escapedValue:s,count:c.data[n],isRefined:e._state.isFacetRefined(t,s),isExcluded:e._state.isExcludeRefined(t,n)}}):[]}return e._state.isDisjunctiveFacet(t)?(i=n(e.disjunctiveFacets,r),i?Object.keys(i.data).map(function(n){var s=v(n);return{name:n,escapedValue:s,count:i.data[n],isRefined:e._state.isDisjunctiveFacetRefined(t,s)}}):[]):e._state.isHierarchicalFacet(t)?(s=n(e.hierarchicalFacets,r),s&&(a=e._state.getHierarchicalFacetByName(t),l=e._state._getHierarchicalFacetSeparator(a),o=u(e._state.getHierarchicalRefinement(t)[0]||""),o.indexOf(a.rootPath)===0&&(o=o.replace(a.rootPath+l,"")),h=o.split(l),h.unshift(t),d(s,h,0),s)):0[0]}function d(e,t,n){e.isRefined=e.name===(t[n]&&t[n].trim()),e.data&&e.data.forEach(function(e){d(e,t,n+1)})}function g(e,t,n,s){if(s=s||0,Array.isArray(t))return e(t,n[s]);if(!t.data||t.data.length===0)return t;var o=t.data.map(function(t){return g(e,t,n,s+1)}),a=e(o,n[s]),r=i({data:a},t);return r}s.DEFAULT_SORT=["isRefined:desc","count:desc","name:asc"];function y(e,t){return t.sort(e)}function _(e,t){var s,o,n=[],i=[],r=t.hide||[],c=t.order||[],a=c.reduce(function(e,t,n){return e[t]=n,e},{});return e.forEach(function(e){var t=e.path||e.name,s=r.indexOf(t)>-1;!s&&a[t]!==0[0]?n[a[t]]=e:s||i.push(e)}),n=n.filter(function(e){return e}),o=t.sortRemainingBy,o==="hidden"?n:(o==="alpha"?s=[["path","name"],["asc","asc"]]:s=[["count"],["desc"]],n.concat(f(i,s[0],s[1])))}function w(e,t){return e.renderingContent&&e.renderingContent.facetOrdering&&e.renderingContent.facetOrdering.values&&e.renderingContent.facetOrdering.values[t]}s.prototype.getFacetValues=function(e,t){var n,a,r,c,o=b(this,e);return o?(n=i({},t,{sortBy:s.DEFAULT_SORT,facetOrdering:!t||!t.sortBy}),a=this,Array.isArray(o)?r=[e]:(c=a._state.getHierarchicalFacetByName(o.name),r=c.attributes),g(function(e,t){if(n.facetOrdering){var o,i=w(a,t);if(i)return _(e,i)}if(Array.isArray(n.sortBy))return o=j(n.sortBy,s.DEFAULT_SORT),f(e,o[0],o[1]);if(typeof n.sortBy=="function")return y(n.sortBy,e);throw new Error("options.sortBy is optional but if defined it must be either an array of string (predicates) or a sorting function")},o,r)):0[0]},s.prototype.getFacetStats=function(e){return this._state.isConjunctiveFacet(e)?p(this.facets,e):this._state.isDisjunctiveFacet(e)?p(this.disjunctiveFacets,e):0[0]};function p(e,t){var s=n(e,function(e){return e.name===t});return s&&s.stats}s.prototype.getRefinements=function(){var e=this._state,n=this,t=[];return Object.keys(e.facetsRefinements).forEach(function(s){e.facetsRefinements[s].forEach(function(o){t.push(r(e,"facet",s,o,n.facets))})}),Object.keys(e.facetsExcludes).forEach(function(s){e.facetsExcludes[s].forEach(function(o){t.push(r(e,"exclude",s,o,n.facets))})}),Object.keys(e.disjunctiveFacetsRefinements).forEach(function(s){e.disjunctiveFacetsRefinements[s].forEach(function(o){t.push(r(e,"disjunctive",s,o,n.disjunctiveFacets))})}),Object.keys(e.hierarchicalFacetsRefinements).forEach(function(s){e.hierarchicalFacetsRefinements[s].forEach(function(o){t.push(C(e,s,o,n.hierarchicalFacets))})}),Object.keys(e.numericRefinements).forEach(function(n){var s=e.numericRefinements[n];Object.keys(s).forEach(function(e){s[e].forEach(function(s){t.push({type:"numeric",attributeName:n,name:s,numericValue:s,operator:e})})})}),e.tagRefinements.forEach(function(e){t.push({type:"tag",attributeName:"_tags",name:e})}),t};function r(e,t,s,o,i){var a=n(i,function(e){return e.name===s}),r=a&&a.data&&a.data[o]?a.data[o]:0,c=a&&a.exhaustive||!1;return{type:t,attributeName:s,name:o,count:r,exhaustive:c}}function C(e,t,s,o){var a=e.getHierarchicalFacetByName(t),r=e._getHierarchicalFacetSeparator(a),c=s.split(r),l=n(o,function(e){return e.name===t}),i=c.reduce(function(e,t){var s=e&&n(e.data,function(e){return e.name===t});return s!==0[0]?s:e},l),d=i&&i.count||0,u=i&&i.exhaustive||!1,h=i&&i.path||"";return{type:"hierarchical",attributeName:t,name:h,count:d,exhaustive:u}}t.exports=s}}),Io=e({"node_modules/algoliasearch-helper/src/functions/flat.js"(e,t){t.exports=function(t){return t.reduce(function(e,t){return e.concat(t)},[])}}}),$o=e({"node_modules/algoliasearch-helper/src/utils/sortAndMergeRecommendations.js"(e,t){"use strict";var n=z(),s=Io();function o(e,t){var n=[];return Object.keys(e).forEach(function(s){e[s].count<2&&(e[s].indexSum+=100),n.push({objectID:s,avgOfIndices:e[s].indexSum/t})}),n.sort(function(e,t){return e.avgOfIndices>t.avgOfIndices?1:-1})}function i(e){var i,a,t={};return e.forEach(function(e){e.forEach(function(e,n){t[e.objectID]?t[e.objectID]={indexSum:t[e.objectID].indexSum+n,count:t[e.objectID].count+1}:t[e.objectID]={indexSum:n,count:1}})}),i=o(t,e.length),a=i.reduce(function(t,o){var i=n(s(e),function(e){return e.objectID===o.objectID});return i?t.concat(i):t},[]),a}t.exports=i}}),Js=e({"node_modules/algoliasearch-helper/src/version.js"(e,t){"use strict",t.exports="3.22.5"}}),Wo=e({"node_modules/algoliasearch-helper/src/algoliasearch.helper.js"(e,t){"use strict";var u=Ts(),b=ui(),v=rt().escapeFacetValue,g=Ls(),p=K(),m=et(),h=$e(),l=Bs(),d=Vs(),s=ri(),i=co(),o=ro(),f=$o(),c=Js();function n(e,t,n,s){typeof e.addAlgoliaAgent=="function"&&e.addAlgoliaAgent("JS Helper ("+c+")"),this.setClient(e);var o=n||{};o.index=t,this.state=i.make(o),this.recommendState=new l({params:o.recommendState}),this.lastResults=null,this.lastRecommendResults=null,this._queryId=0,this._recommendQueryId=0,this._lastQueryIdReceived=-1,this._lastRecommendQueryIdReceived=-1,this.derivedHelpers=[],this._currentNbQueries=0,this._currentNbRecommendQueries=0,this._searchResultsOptions=s,this._recommendCache={}}g(n,u),n.prototype.search=function(){return this._search({onlyWithDerivedHelpers:!1}),this},n.prototype.searchOnlyWithDerivedHelpers=function(){return this._search({onlyWithDerivedHelpers:!0}),this},n.prototype.recommend=function(){return this._recommend(),this},n.prototype.getQuery=function(){var e=this.state;return s._getHitsSearchParams(e)},n.prototype.searchOnce=function(e,t){var i=e?this.state.setQueryParameters(e):this.state,a=s._getQueries(i.index,i),n=this;return this._currentNbQueries++,this.emit("searchOnce",{state:i}),t?(this.client.search(a).then(function(e){n._currentNbQueries--,n._currentNbQueries===0&&n.emit("searchQueueEmpty"),t(null,new o(i,e.results),i)}).catch(function(e){n._currentNbQueries--,n._currentNbQueries===0&&n.emit("searchQueueEmpty"),t(e,null,i)}),0[0]):this.client.search(a).then(function(e){return n._currentNbQueries--,n._currentNbQueries===0&&n.emit("searchQueueEmpty"),{content:new o(i,e.results),state:i,_originalResponse:e}},function(e){throw n._currentNbQueries--,n._currentNbQueries===0&&n.emit("searchQueueEmpty"),e})},n.prototype.findAnswers=function(e){console.warn("[algoliasearch-helper] answers is no longer supported");var t,n,o,a,r=this.state,i=this.derivedHelpers[0];if(!i)return Promise.resolve([]);if(t=i.getModifiedState(r),a=p({attributesForPrediction:e.attributesForPrediction,nbHits:e.nbHits},{params:h(s._getHitsSearchParams(t),["attributesToSnippet","hitsPerPage","restrictSearchableAttributes","snippetEllipsisText"])}),n="search for answers was called, but this client does not have a function client.initIndex(index).findAnswers",typeof this.client.initIndex!="function")throw new Error(n);if(o=this.client.initIndex(t.index),typeof o.findAnswers!="function")throw new Error(n);return o.findAnswers(t.query,e.queryLanguages,a)},n.prototype.searchForFacetValues=function(e,t,n,o){var i,a,r,c,u,l=typeof this.client.searchForFacetValues=="function"&&typeof this.client.searchForFacets!="function",d=typeof this.client.initIndex=="function";if(!l&&!d&&typeof this.client.search!="function")throw new Error("search for facet values (searchable) was called, but this client does not have a function client.searchForFacetValues or client.initIndex(index).searchForFacetValues");return i=this.state.setQueryParameters(o||{}),u=i.isDisjunctiveFacet(e),r=s.getSearchForFacetQuery(e,t,n,i),this._currentNbQueries++,a=this,l?c=this.client.searchForFacetValues([{indexName:i.index,params:r}]):d?c=this.client.initIndex(i.index).searchForFacetValues(r):(delete r.facetName,c=this.client.search([{type:"facet",facet:e,indexName:i.index,params:r}]).then(function(t){return t.results[0]})),this.emit("searchForFacetValues",{state:i,facet:e,query:t}),c.then(function(n){return a._currentNbQueries--,a._currentNbQueries===0&&a.emit("searchQueueEmpty"),n=Array.isArray(n)?n[0]:n,n.facetHits.forEach(function(t){t.escapedValue=v(t.value),t.isRefined=u?i.isDisjunctiveFacetRefined(e,t.escapedValue):i.isFacetRefined(e,t.escapedValue)}),n},function(e){throw a._currentNbQueries--,a._currentNbQueries===0&&a.emit("searchQueueEmpty"),e})},n.prototype.setQuery=function(e){return this._change({state:this.state.resetPage().setQuery(e),isPageReset:!0}),this},n.prototype.clearRefinements=function(e){return this._change({state:this.state.resetPage().clearRefinements(e),isPageReset:!0}),this},n.prototype.clearTags=function(){return this._change({state:this.state.resetPage().clearTags(),isPageReset:!0}),this},n.prototype.addDisjunctiveFacetRefinement=function(e,t){return this._change({state:this.state.resetPage().addDisjunctiveFacetRefinement(e,t),isPageReset:!0}),this},n.prototype.addDisjunctiveRefine=function(){return this.addDisjunctiveFacetRefinement.apply(this,arguments)},n.prototype.addHierarchicalFacetRefinement=function(e,t){return this._change({state:this.state.resetPage().addHierarchicalFacetRefinement(e,t),isPageReset:!0}),this},n.prototype.addNumericRefinement=function(e,t,n){return this._change({state:this.state.resetPage().addNumericRefinement(e,t,n),isPageReset:!0}),this},n.prototype.addFacetRefinement=function(e,t){return this._change({state:this.state.resetPage().addFacetRefinement(e,t),isPageReset:!0}),this},n.prototype.addRefine=function(){return this.addFacetRefinement.apply(this,arguments)},n.prototype.addFacetExclusion=function(e,t){return this._change({state:this.state.resetPage().addExcludeRefinement(e,t),isPageReset:!0}),this},n.prototype.addExclude=function(){return this.addFacetExclusion.apply(this,arguments)},n.prototype.addTag=function(e){return this._change({state:this.state.resetPage().addTagRefinement(e),isPageReset:!0}),this},n.prototype.addFrequentlyBoughtTogether=function(e){return this._recommendChange({state:this.recommendState.addFrequentlyBoughtTogether(e)}),this},n.prototype.addRelatedProducts=function(e){return this._recommendChange({state:this.recommendState.addRelatedProducts(e)}),this},n.prototype.addTrendingItems=function(e){return this._recommendChange({state:this.recommendState.addTrendingItems(e)}),this},n.prototype.addTrendingFacets=function(e){return this._recommendChange({state:this.recommendState.addTrendingFacets(e)}),this},n.prototype.addLookingSimilar=function(e){return this._recommendChange({state:this.recommendState.addLookingSimilar(e)}),this},n.prototype.removeNumericRefinement=function(e,t,n){return this._change({state:this.state.resetPage().removeNumericRefinement(e,t,n),isPageReset:!0}),this},n.prototype.removeDisjunctiveFacetRefinement=function(e,t){return this._change({state:this.state.resetPage().removeDisjunctiveFacetRefinement(e,t),isPageReset:!0}),this},n.prototype.removeDisjunctiveRefine=function(){return this.removeDisjunctiveFacetRefinement.apply(this,arguments)},n.prototype.removeHierarchicalFacetRefinement=function(e){return this._change({state:this.state.resetPage().removeHierarchicalFacetRefinement(e),isPageReset:!0}),this},n.prototype.removeFacetRefinement=function(e,t){return this._change({state:this.state.resetPage().removeFacetRefinement(e,t),isPageReset:!0}),this},n.prototype.removeRefine=function(){return this.removeFacetRefinement.apply(this,arguments)},n.prototype.removeFacetExclusion=function(e,t){return this._change({state:this.state.resetPage().removeExcludeRefinement(e,t),isPageReset:!0}),this},n.prototype.removeExclude=function(){return this.removeFacetExclusion.apply(this,arguments)},n.prototype.removeTag=function(e){return this._change({state:this.state.resetPage().removeTagRefinement(e),isPageReset:!0}),this},n.prototype.removeFrequentlyBoughtTogether=function(e){return this._recommendChange({state:this.recommendState.removeParams(e)}),this},n.prototype.removeRelatedProducts=function(e){return this._recommendChange({state:this.recommendState.removeParams(e)}),this},n.prototype.removeTrendingItems=function(e){return this._recommendChange({state:this.recommendState.removeParams(e)}),this},n.prototype.removeTrendingFacets=function(e){return this._recommendChange({state:this.recommendState.removeParams(e)}),this},n.prototype.removeLookingSimilar=function(e){return this._recommendChange({state:this.recommendState.removeParams(e)}),this},n.prototype.toggleFacetExclusion=function(e,t){return this._change({state:this.state.resetPage().toggleExcludeFacetRefinement(e,t),isPageReset:!0}),this},n.prototype.toggleExclude=function(){return this.toggleFacetExclusion.apply(this,arguments)},n.prototype.toggleRefinement=function(e,t){return this.toggleFacetRefinement(e,t)},n.prototype.toggleFacetRefinement=function(e,t){return this._change({state:this.state.resetPage().toggleFacetRefinement(e,t),isPageReset:!0}),this},n.prototype.toggleRefine=function(){return this.toggleFacetRefinement.apply(this,arguments)},n.prototype.toggleTag=function(e){return this._change({state:this.state.resetPage().toggleTagRefinement(e),isPageReset:!0}),this},n.prototype.nextPage=function(){var e=this.state.page||0;return this.setPage(e+1)},n.prototype.previousPage=function(){var e=this.state.page||0;return this.setPage(e-1)};function r(e){if(e<0)throw new Error("Page requested below 0.");return this._change({state:this.state.setPage(e),isPageReset:!1}),this}n.prototype.setCurrentPage=r,n.prototype.setPage=r,n.prototype.setIndex=function(e){return this._change({state:this.state.resetPage().setIndex(e),isPageReset:!0}),this},n.prototype.setQueryParameter=function(e,t){return this._change({state:this.state.resetPage().setQueryParameter(e,t),isPageReset:!0}),this},n.prototype.setState=function(e){return this._change({state:i.make(e),isPageReset:!1}),this},n.prototype.overrideStateWithoutTriggeringChangeEvent=function(e){return this.state=new i(e),this},n.prototype.hasRefinements=function(e){return!!m(this.state.getNumericRefinements(e))||(this.state.isConjunctiveFacet(e)?this.state.isFacetRefined(e):this.state.isDisjunctiveFacet(e)?this.state.isDisjunctiveFacetRefined(e):!!this.state.isHierarchicalFacet(e)&&this.state.isHierarchicalFacetRefined(e))},n.prototype.isExcluded=function(e,t){return this.state.isExcludeRefined(e,t)},n.prototype.isDisjunctiveRefined=function(e,t){return this.state.isDisjunctiveFacetRefined(e,t)},n.prototype.hasTag=function(e){return this.state.isTagRefined(e)},n.prototype.isTagRefined=function(){return this.hasTagRefinements.apply(this,arguments)},n.prototype.getIndex=function(){return this.state.index};function a(){return this.state.page}n.prototype.getCurrentPage=a,n.prototype.getPage=a,n.prototype.getTags=function(){return this.state.tagRefinements},n.prototype.getRefinements=function(e){var n,s,o,i,t=[];return this.state.isConjunctiveFacet(e)?(s=this.state.getConjunctiveRefinements(e),s.forEach(function(e){t.push({value:e,type:"conjunctive"})}),o=this.state.getExcludeRefinements(e),o.forEach(function(e){t.push({value:e,type:"exclude"})})):this.state.isDisjunctiveFacet(e)&&(i=this.state.getDisjunctiveRefinements(e),i.forEach(function(e){t.push({value:e,type:"disjunctive"})})),n=this.state.getNumericRefinements(e),Object.keys(n).forEach(function(e){var s=n[e];t.push({value:s,operator:e,type:"numeric"})}),t},n.prototype.getNumericRefinement=function(e,t){return this.state.getNumericRefinement(e,t)},n.prototype.getHierarchicalFacetBreadcrumb=function(e){return this.state.getHierarchicalFacetBreadcrumb(e)},n.prototype._search=function(e){var o,a,r,t=this.state,n=[],i=[];if(e.onlyWithDerivedHelpers||(i=s._getQueries(t.index,t),n.push({state:t,queriesCount:i.length,helper:this}),this.emit("search",{state:t,results:this.lastResults})),r=this.derivedHelpers.map(function(e){var o=e.getModifiedState(t),i=o.index?s._getQueries(o.index,o):[];return n.push({state:o,queriesCount:i.length,helper:e}),e.emit("search",{state:o,results:e.lastResults}),i}),a=Array.prototype.concat.apply(i,r),o=this._queryId++,this._currentNbQueries++,!a.length)return Promise.resolve({results:[]}).then(this._dispatchAlgoliaResponse.bind(this,n,o));try{this.client.search(a).then(this._dispatchAlgoliaResponse.bind(this,n,o)).catch(this._dispatchAlgoliaError.bind(this,o))}catch(e){this.emit("error",{error:e})}},n.prototype._recommend=function(){var e,s,o,r,c=this.state,t=this.recommendState,i=this.getIndex(),a=[{state:t,index:i,helper:this}],n=t.params.map(function(e){return e.$$id});if(this.emit("fetch",{recommend:{state:t,results:this.lastRecommendResults}}),s=this._recommendCache,r=this.derivedHelpers.map(function(e){var t,o=e.getModifiedState(c).index;return o?(t=e.getModifiedRecommendState(new l),a.push({state:t,index:o,helper:e}),n=Array.prototype.concat.apply(n,t.params.map(function(e){return e.$$id})),e.emit("fetch",{recommend:{state:t,results:e.lastRecommendResults}}),t._buildQueries(o,s)):[]}),e=Array.prototype.concat.apply(this.recommendState._buildQueries(i,s),r),e.length===0)return;if(e.length>0&&typeof this.client.getRecommendations=="undefined"){console.warn("Please update algoliasearch/lite to the latest version in order to use recommend widgets.");return}o=this._recommendQueryId++,this._currentNbRecommendQueries++;try{this.client.getRecommendations(e).then(this._dispatchRecommendResponse.bind(this,o,a,n)).catch(this._dispatchRecommendError.bind(this,o))}catch(e){this.emit("error",{error:e})}},n.prototype._dispatchAlgoliaResponse=function(e,t,n){var s,i=this;if(t<this._lastQueryIdReceived)return;this._currentNbQueries-=t-this._lastQueryIdReceived,this._lastQueryIdReceived=t,this._currentNbQueries===0&&this.emit("searchQueueEmpty"),s=n.results.slice(),e.forEach(function(e){var t=e.state,a=e.queriesCount,n=e.helper,r=s.splice(0,a);if(!t.index){n.emit("result",{results:null,state:t});return}n.lastResults=new o(t,r,i._searchResultsOptions),n.emit("result",{results:n.lastResults,state:t})})},n.prototype._dispatchRecommendResponse=function(e,t,n,s){if(e<this._lastRecommendQueryIdReceived)return;this._currentNbRecommendQueries-=e-this._lastRecommendQueryIdReceived,this._lastRecommendQueryIdReceived=e,this._currentNbRecommendQueries===0&&this.emit("recommendQueueEmpty");var a,i=this._recommendCache,o={};n.filter(function(e){return i[e]===0[0]}).forEach(function(e,t){o[e]||(o[e]=[]),o[e].push(t)}),Object.keys(o).forEach(function(e){var t=o[e],n=s.results[t[0]];if(t.length===1){i[e]=n;return}i[e]=Object.assign({},n,{hits:f(t.map(function(e){return s.results[e].hits}))})}),a={},n.forEach(function(e){a[e]=i[e]}),t.forEach(function(e){var n=e.state,t=e.helper;if(!e.index){t.emit("recommend:result",{results:null,state:n});return}t.lastRecommendResults=new d(n,a),t.emit("recommend:result",{recommend:{results:t.lastRecommendResults,state:n}})})},n.prototype._dispatchAlgoliaError=function(e,t){if(e<this._lastQueryIdReceived)return;this._currentNbQueries-=e-this._lastQueryIdReceived,this._lastQueryIdReceived=e,this.emit("error",{error:t}),this._currentNbQueries===0&&this.emit("searchQueueEmpty")},n.prototype._dispatchRecommendError=function(e,t){if(e<this._lastRecommendQueryIdReceived)return;this._currentNbRecommendQueries-=e-this._lastRecommendQueryIdReceived,this._lastRecommendQueryIdReceived=e,this.emit("error",{error:t}),this._currentNbRecommendQueries===0&&this.emit("recommendQueueEmpty")},n.prototype.containsRefinement=function(e,t,n,s){return e||t.length!==0||n.length!==0||s.length!==0},n.prototype._hasDisjunctiveRefinements=function(e){return this.state.disjunctiveRefinements[e]&&this.state.disjunctiveRefinements[e].length>0},n.prototype._change=function(e){var t=e.state,n=e.isPageReset;t!==this.state&&(this.state=t,this.emit("change",{state:this.state,results:this.lastResults,isPageReset:n}))},n.prototype._recommendChange=function(e){var t=e.state;t!==this.recommendState&&(this.recommendState=t,this.emit("recommend:change",{search:{results:this.lastResults,state:this.state},recommend:{results:this.lastRecommendResults,state:this.recommendState}}))},n.prototype.clearCache=function(){return this.client.clearCache&&this.client.clearCache(),this},n.prototype.setClient=function(e){return this.client===e?this:(typeof e.addAlgoliaAgent=="function"&&e.addAlgoliaAgent("JS Helper ("+c+")"),this.client=e,this)},n.prototype.getClient=function(){return this.client},n.prototype.derive=function(e,t){var n=new b(this,e,t);return this.derivedHelpers.push(n),n},n.prototype.detachDerivedHelper=function(e){var t=this.derivedHelpers.indexOf(e);if(t===-1)throw new Error("Derived helper already detached");this.derivedHelpers.splice(t,1)},n.prototype.hasPendingRequests=function(){return this._currentNbQueries>0},t.exports=n}}),Pe=e({"node_modules/algoliasearch-helper/index.js"(e,t){"use strict";var s=Wo(),o=Bs(),i=Vs(),a=co(),r=ro();function n(e,t,n,o){return new s(e,t,n,o)}n.version=Js(),n.AlgoliaSearchHelper=s,n.SearchParameters=a,n.RecommendParameters=o,n.SearchResults=r,n.RecommendResults=i,t.exports=n}}),Zo=e({"node_modules/events/events.js"(e,t){function n(){this._events=this._events||{},this._maxListeners=this._maxListeners||0[0]}t.exports=n,n.EventEmitter=n,n.prototype._events=0[0],n.prototype._maxListeners=0[0],n.defaultMaxListeners=10,n.prototype.setMaxListeners=function(e){if(!a(e)||e<0||isNaN(e))throw TypeError("n must be a positive number");return this._maxListeners=e,this},n.prototype.emit=function(e){if(this._events||(this._events={}),e==="error"&&(!this._events.error||o(this._events.error)&&!this._events.error.length)){if(n=arguments[1],n instanceof Error)throw n;var t,n,a,r,c,l,d=new Error('Uncaught, unspecified "error" event. ('+n+")");throw d.context=n,d}if(t=this._events[e],i(t))return!1;if(s(t))switch(arguments.length){case 1:t.call(this);break;case 2:t.call(this,arguments[1]);break;case 3:t.call(this,arguments[1],arguments[2]);break;default:a=Array.prototype.slice.call(arguments,1),t.apply(this,a)}else if(o(t)){a=Array.prototype.slice.call(arguments,1),c=t.slice(),l=c.length;for(r=0;r<l;r++)c[r].apply(this,a)}return!0},n.prototype.addListener=function(e,t){var a;if(!s(t))throw TypeError("listener must be a function");return this._events||(this._events={}),this._events.newListener&&this.emit("newListener",e,s(t.listener)?t.listener:t),this._events[e]?o(this._events[e])?this._events[e].push(t):this._events[e]=[this._events[e],t]:this._events[e]=t,o(this._events[e])&&!this._events[e].warned&&(i(this._maxListeners)?a=n.defaultMaxListeners:a=this._maxListeners,a&&a>0&&this._events[e].length>a&&(this._events[e].warned=!0,console.error("(node) warning: possible EventEmitter memory leak detected. %d listeners added. Use emitter.setMaxListeners() to increase limit.",this._events[e].length),typeof console.trace=="function"&&console.trace())),this},n.prototype.on=n.prototype.addListener,n.prototype.once=function(e,t){if(!s(t))throw TypeError("listener must be a function");var o=!1;function n(){this.removeListener(e,n),o||(o=!0,t.apply(this,arguments))}return n.listener=t,this.on(e,n),this},n.prototype.removeListener=function(e,t){var n,i,a,r;if(!s(t))throw TypeError("listener must be a function");if(!this._events||!this._events[e])return this;if(n=this._events[e],r=n.length,a=-1,n===t||s(n.listener)&&n.listener===t)delete this._events[e],this._events.removeListener&&this.emit("removeListener",e,t);else if(o(n)){for(i=r;i-- >0;)if(n[i]===t||n[i].listener&&n[i].listener===t){a=i;break}if(a<0)return this;n.length===1?(n.length=0,delete this._events[e]):n.splice(a,1),this._events.removeListener&&this.emit("removeListener",e,t)}return this},n.prototype.removeAllListeners=function(e){if(!this._events)return this;if(!this._events.removeListener)return arguments.length===0?this._events={}:this._events[e]&&delete this._events[e],this;if(arguments.length===0){for(n in this._events){if(n==="removeListener")continue;this.removeAllListeners(n)}return this.removeAllListeners("removeListener"),this._events={},this}if(t=this._events[e],s(t))this.removeListener(e,t);else if(t)for(var t,n;t.length;)this.removeListener(e,t[t.length-1]);return delete this._events[e],this},n.prototype.listeners=function(e){var t;return!this._events||!this._events[e]?t=[]:s(this._events[e])?t=[this._events[e]]:t=this._events[e].slice(),t},n.prototype.listenerCount=function(e){if(this._events){var t=this._events[e];if(s(t))return 1;if(t)return t.length}return 0},n.listenerCount=function(e,t){return e.listenerCount(t)};function s(e){return typeof e=="function"}function a(e){return typeof e=="number"}function o(e){return typeof e=="object"&&e!==null}function i(e){return e===0[0]}}}),si=e({"node_modules/hogan.js/lib/compiler.js"(e){(function(e){var s,u,g=/\S/,j=/"/g,b=/\n/g,v=/\r/g,m=/\\/g,w=/\u2028/,_=/\u2029/;e.tags={"#":1,"^":2,"<":3,$:4,"/":5,"!":6,">":7,"=":8,_v:9,"{":10,"&":11,_t:12},e.scan=function(n,s){var O=n.length,f=0,j=1,w=2,c=f,h=null,v=null,r="",i=[],m=!1,o=0,p=0,u="{{",a="}}";function b(){r.length>0&&(i.push({tag:"_t",text:new String(r)}),r="")}function x(){for(var n=!0,t=p;t<i.length;t++)if(n=e.tags[i[t].tag]<e.tags._v||i[t].tag=="_t"&&i[t].text.match(g)===null,!n)return!1;return n}function _(e,t){if(b(),e&&x())for(var s,n=p;n<i.length;n++)i[n].text&&((s=i[n+1])&&s.tag==">"&&(s.indent=i[n].text.toString()),i.splice(n,1));else t||i.push({tag:` +`});m=!1,p=i.length}function C(e,t){var s="="+a,o=e.indexOf(s,t),n=l(e.substring(e.indexOf("=",t)+1,o)).split(" ");return u=n[0],a=n[n.length-1],o+s.length-1}s&&(s=s.split(" "),u=s[0],a=s[1]);for(o=0;o<O;o++)c==f?d(u,n,o)?(--o,b(),c=j):n.charAt(o)==` +`?_(m):r+=n.charAt(o):c==j?(o+=u.length-1,v=e.tags[n.charAt(o+1)],h=v?n.charAt(o+1):"_v",h=="="?(o=C(n,o),c=f):(v&&o++,c=w),m=o):d(a,n,o)?(i.push({tag:h,n:l(r),otag:u,ctag:a,i:h=="/"?m-u.length:o+a.length}),r="",o+=a.length-1,c=f,h=="{"&&(a=="}}"?o++:y(i[i.length-1]))):r+=n.charAt(o);return _(m,!0),i};function y(e){e.n.substr(e.n.length-1)==="}"&&(e.n=e.n.substring(0,e.n.length-1))}function l(e){return e.trim?e.trim():e.replace(/^\s*|\s*$/g,"")}function d(e,t,n){if(t.charAt(n)!=e.charAt(0))return!1;for(var s=1,o=e.length;s<o;s++)if(t.charAt(n+s)!=e.charAt(s))return!1;return!0}u={_t:!0,"\n":!0,$:!0,"/":!0};function i(t,n,s,o){for(var c=[],r=null,l=null,a=null,l=s[s.length-1];t.length>0;){if(a=t.shift(),l&&l.tag=="<"&&!(a.tag in u))throw new Error("Illegal content in < super tag.");if(e.tags[a.tag]<=e.tags.$||h(a,o))s.push(a),a.nodes=i(t,a.tag,s,o);else if(a.tag=="/"){if(s.length===0)throw new Error("Closing tag without opener: /"+a.n);if(r=s.pop(),a.n!=r.n&&!f(a.n,r.n,o))throw new Error("Nesting error: "+r.n+" vs. "+a.n);return r.end=a.i,c}else a.tag==` +`&&(a.last=t.length==0||t[0].tag==` +`);c.push(a)}if(s.length>0)throw new Error("missing closing tag: "+s.pop().n);return c}function h(e,t){for(var n=0,s=t.length;n<s;n++)if(t[n].o==e.n)return e.tag="#",!0}function f(e,t,n){for(var s=0,o=n.length;s<o;s++)if(n[s].c==e&&n[s].o==t)return!0}function p(e){var s,n=[];for(s in e)n.push('"'+t(s)+'": function(c,p,t,i) {'+e[s]+"}");return"{ "+n.join(",")+" }"}function o(e){var n,s=[];for(n in e.partials)s.push('"'+t(n)+'":{name:"'+t(e.partials[n].name)+'", '+o(e.partials[n])+"}");return"partials: {"+s.join(",")+"}, subs: "+p(e.subs)}e.stringify=function(t){return"{code: function (c,p,i) { "+e.wrapMain(t.code)+" },"+o(t)+"}"},s=0,e.generate=function(t,n,o){s=0;var i={code:"",subs:{},partials:{}};return e.walk(t,i),o.asString?this.stringify(i,n,o):this.makeTemplate(i,n,o)},e.wrapMain=function(e){return'var t=this;t.b(i=i||"");'+e+"return t.fl();"},e.template=e.Template,e.makeTemplate=function(e,t,n){var s=this.makePartials(e);return s.code=new Function("c","p","i",this.wrapMain(e.code)),new this.template(s,t,this,n)},e.makePartials=function(e){var t,n={subs:{},partials:e.partials,name:e.name};for(t in n.partials)n.partials[t]=this.makePartials(n.partials[t]);for(t in e.subs)n.subs[t]=new Function("c","p","t","i",e.subs[t]);return n};function t(e){return e.replace(m,"\\\\").replace(j,'\\"').replace(b,`\\n`).replace(v,"\\r").replace(w,"\\u2028").replace(_,"\\u2029")}function n(e){return~e.indexOf(".")?"d":"f"}function c(e,n){var i="<"+(n.prefix||""),o=i+e.n+s++;return n.partials[o]={name:e.n,partials:{}},n.code+='t.b(t.rp("'+t(o)+'",c,p,"'+(e.indent||"")+'"));',o}e.codegen={"#":function(s,o){o.code+="if(t.s(t."+n(s.n)+'("'+t(s.n)+'",c,p,1),c,p,0,'+s.i+","+s.end+',"'+s.otag+" "+s.ctag+'")){t.rs(c,p,function(c,p,t){',e.walk(s.nodes,o),o.code+="});c.pop();}"},"^":function(s,o){o.code+="if(!t.s(t."+n(s.n)+'("'+t(s.n)+'",c,p,1),c,p,1,0,0,"")){',e.walk(s.nodes,o),o.code+="};"},">":c,"<":function(t,n){var o,s={partials:{},code:"",subs:{},inPartial:!0};e.walk(t.nodes,s),o=n.partials[c(t,n)],o.subs=s.subs,o.partials=s.partials},$:function(n,s){var o={subs:{},code:"",partials:s.partials,prefix:n.n};e.walk(n.nodes,o),s.subs[n.n]=o.code,s.inPartial||(s.code+='t.sub("'+t(n.n)+'",c,p,i);')},"\n":function(e,t){t.code+=a(`"\\n"`+(e.last?"":" + i"))},_v:function(e,s){s.code+="t.b(t.v(t."+n(e.n)+'("'+t(e.n)+'",c,p,0)));'},_t:function(e,n){n.code+=a('"'+t(e.text)+'"')},"{":r,"&":r};function r(e,s){s.code+="t.b(t.t(t."+n(e.n)+'("'+t(e.n)+'",c,p,0)));'}function a(e){return"t.b("+e+");"}e.walk=function(t,n){for(var o,s=0,i=t.length;s<i;s++)o=e.codegen[t[s].tag],o&&o(t[s],n);return n},e.parse=function(e,t,n){return n=n||{},i(e,"",[],n.sectionTags||[])},e.cache={},e.cacheKey=function(e,t){return[e,!!t.asString,!!t.disableLambda,t.delimiters,!!t.modelGet].join("||")},e.compile=function(t,n){n=n||{};var o,a,i=e.cacheKey(t,n),s=this.cache[i];if(s){o=s.partials;for(a in o)delete o[a].instance;return s}return s=this.generate(this.parse(this.scan(t,n.delimiters),t,n),t,n),this.cache[i]=s}})(typeof e!="undefined"?e:Hogan)}}),mi=e({"node_modules/hogan.js/lib/template.js"(e){var t={};(function(e){e.Template=function(e,t,n,s){e=e||{},this.r=e.code||this.r,this.c=n,this.options=s||{},this.text=t||"",this.partials=e.partials||{},this.subs=e.subs||{},this.buf=""},e.Template.prototype={r:function(){return""},v:u,t,render:function(t,n,s){return this.ri([t],n||{},s)},ri:function(e,t,n){return this.r(e,t,n)},ep:function(e,t){var s=this.partials[e],n=t[s.name];if(s.instance&&s.base==n)return s.instance;if(typeof n=="string"){if(!this.c)throw new Error("No compiler available.");n=this.c.compile(n,this.options)}if(!n)return null;if(this.partials[e].base=n,s.subs){t.stackText||(t.stackText={});for(key in s.subs)t.stackText[key]||(t.stackText[key]=this.activeSub!==0[0]&&t.stackText[this.activeSub]?t.stackText[this.activeSub]:this.text);n=o(n,s.subs,s.partials,this.stackSubs,this.stackPartials,t.stackText)}return this.partials[e].instance=n,n},rp:function(e,t,n,s){var o=this.ep(e,n);return o?o.ri(t,n,s):""},rs:function(e,t,s){var o,i=e[e.length-1];if(!n(i)){s(e,t,this);return}for(o=0;o<i.length;o++)e.push(i[o]),s(e,t,this),e.pop()},s:function(e,t,s,o,i,a,r){var c;return!(n(e)&&e.length===0)&&(typeof e=="function"&&(e=this.ms(e,t,s,o,i,a,r)),c=!!e,!o&&c&&t&&t.push(typeof e=="object"?e:t[t.length-1]),c)},d:function(e,t,o,i){var r,c,l=e.split("."),a=this.f(l[0],t,o,i),u=this.options.modelGet,d=null;if(e==="."&&n(t[t.length-2]))a=t[t.length-1];else for(r=1;r<l.length;r++)c=s(l[r],a,u),c!==0[0]?(d=a,a=c):a="";return!(i&&!a)&&(!i&&typeof a=="function"&&(t.push(d),a=this.mv(a,t,o),t.pop()),a)},f:function(e,t,n,o){for(var i=!1,r=null,c=!1,l=this.options.modelGet,a=t.length-1;a>=0;a--)if(r=t[a],i=s(e,r,l),i!==0[0]){c=!0;break}return c?(!o&&typeof i=="function"&&(i=this.mv(i,t,n)),i):!o&&""},ls:function(e,n,s,o,i){var a=this.options.delimiters;return this.options.delimiters=i,this.b(this.ct(t(e.call(n,o)),n,s)),this.options.delimiters=a,!1},ct:function(e,t,n){if(this.options.disableLambda)throw new Error("Lambda features disabled.");return this.c.compile(e,this.options).render(t,n)},b:function(e){this.buf+=e},fl:function(){var e=this.buf;return this.buf="",e},ms:function(e,t,n,s,o,i,a){var c,l=t[t.length-1],r=e.call(l);return typeof r=="function"?!!s||(c=this.activeSub&&this.subsText&&this.subsText[this.activeSub]?this.subsText[this.activeSub]:this.text,this.ls(r,l,n,c.substring(o,i),a)):r},mv:function(e,n,s){var o=n[n.length-1],i=e.call(o);return typeof i=="function"?this.ct(t(i.call(o)),o,s):i},sub:function(e,t,n,s){var o=this.subs[e];o&&(this.activeSub=e,o(t,n,this,s),this.activeSub=!1)}};function s(e,t,n){var s;return t&&typeof t=="object"&&(t[e]!==0[0]?s=t[e]:n&&t.get&&typeof t.get=="function"&&(s=t.get(e))),s}function o(e,t,n,s,o,i){function c(){}c.prototype=e;function l(){}l.prototype=e.subs;var a,r=new c;r.subs=new l,r.subsText={},r.buf="",s=s||{},r.stackSubs=s,r.subsText=i;for(a in t)s[a]||(s[a]=t[a]);for(a in s)r.subs[a]=s[a];o=o||{},r.stackPartials=o;for(a in n)o[a]||(o[a]=n[a]);for(a in o)r.partials[a]=o[a];return r}var n,i=/&/g,a=/</g,r=/>/g,c=/'/g,l=/"/g,d=/[&<>"']/;function t(e){return String(e??"")}function u(e){return e=t(e),d.test(e)?e.replace(i,"&").replace(a,"<").replace(r,">").replace(c,"'").replace(l,"""):e}n=Array.isArray||function(e){return Object.prototype.toString.call(e)==="[object Array]"}})(typeof e!="undefined"?e:t)}}),fi=e({"node_modules/hogan.js/lib/hogan.js"(e,t){var n=si();n.Template=mi().Template,n.template=n.Template,t.exports=n}}),Ei=e({"node_modules/es-errors/index.js"(e,t){"use strict",t.exports=Error}}),Fi=e({"node_modules/es-errors/eval.js"(e,t){"use strict",t.exports=EvalError}}),zi=e({"node_modules/es-errors/range.js"(e,t){"use strict",t.exports=RangeError}}),Vi=e({"node_modules/es-errors/ref.js"(e,t){"use strict",t.exports=ReferenceError}}),Xn=e({"node_modules/es-errors/syntax.js"(e,t){"use strict",t.exports=SyntaxError}}),L=e({"node_modules/es-errors/type.js"(e,t){"use strict",t.exports=TypeError}}),Qi=e({"node_modules/es-errors/uri.js"(e,t){"use strict",t.exports=URIError}}),Ji=e({"node_modules/has-symbols/shams.js"(e,t){"use strict",t.exports=function(){if(typeof Symbol!="function"||typeof Object.getOwnPropertySymbols!="function")return!1;if(typeof Symbol.iterator=="symbol")return!0;var s,o,i,n={},t=Symbol("test"),a=Object(t);if(typeof t=="string")return!1;if(Object.prototype.toString.call(t)!=="[object Symbol]")return!1;if(Object.prototype.toString.call(a)!=="[object Symbol]")return!1;s=42,n[t]=s;for(t in n)return!1;return(typeof Object.keys!="function"||Object.keys(n).length===0)&&(typeof Object.getOwnPropertyNames!="function"||Object.getOwnPropertyNames(n).length===0)&&(o=Object.getOwnPropertySymbols(n),o.length===1&&o[0]===t&&!!Object.prototype.propertyIsEnumerable.call(n,t)&&(typeof Object.getOwnPropertyDescriptor!="function"||!(i=Object.getOwnPropertyDescriptor(n,t),i.value!==s||i.enumerable!==!0)))}}}),ea=e({"node_modules/has-symbols/index.js"(e,t){"use strict";var n=typeof Symbol!="undefined"&&Symbol,s=Ji();t.exports=function(){return typeof n=="function"&&typeof Symbol=="function"&&typeof n("foo")=="symbol"&&typeof Symbol("bar")=="symbol"&&s()}}}),ua=e({"node_modules/has-proto/index.js"(e,t){"use strict";var n={__proto__:null,foo:{}},s=Object;t.exports=function(){return{__proto__:n}.foo===n.foo&&!(n instanceof s)}}}),va=e({"node_modules/function-bind/implementation.js"(e,t){"use strict";var s="Function.prototype.bind called on incompatible ",o=Object.prototype.toString,i=Math.max,a="[object Function]",n=function(t,n){for(var s,i=[],o=0;o<t.length;o+=1)i[o]=t[o];for(s=0;s<n.length;s+=1)i[s+t.length]=n[s];return i},r=function(t,n){for(var o=[],s=n||0,i=0;s<t.length;s+=1,i+=1)o[i]=t[s];return o},c=function(e,t){for(var s="",n=0;n<e.length;n+=1)s+=e[n],n+1<e.length&&(s+=t);return s};t.exports=function(t){var d,u,h,m,f,p,g,l=this;if(typeof l!="function"||o.apply(l)!==a)throw new TypeError(s+l);for(u=r(arguments,1),p=function(){if(this instanceof h){var e=l.apply(this,n(u,arguments));return Object(e)===e?e:this}return l.apply(t,n(u,arguments))},g=i(0,l.length-u.length),f=[],d=0;d<g;d++)f[d]="$"+d;return h=Function("binder","return function ("+c(f,",")+"){ return binder.apply(this,arguments); }")(p),l.prototype&&(m=function(){},m.prototype=l.prototype,h.prototype=new m,m.prototype=null),h}}}),Fe=e({"node_modules/function-bind/index.js"(e,t){"use strict";var n=va();t.exports=Function.prototype.bind||n}}),ja=e({"node_modules/hasown/index.js"(e,t){"use strict";var n=Function.prototype.call,s=Object.prototype.hasOwnProperty,o=Fe();t.exports=o.call(n,s)}}),E=e({"node_modules/get-intrinsic/index.js"(e,t){"use strict";var n,s,o,a,r,c,u,h,m,p,g,b,j,y,_,w,O,x,C,E,k,A,S,M=Ei(),F=Fi(),T=zi(),z=Vi(),l=Xn(),d=L(),D=Qi(),v=Function,f=function(e){try{return v('"use strict"; return ('+e+").constructor;")()}catch{}},i=Object.getOwnPropertyDescriptor;if(i)try{i({},"")}catch{i=null}if(m=function(){throw new d},y=i?function(){try{return arguments.callee,m}catch{try{return i(arguments,"callee").get}catch{return m}}}():m,r=ea()(),E=ua()(),s=Object.getPrototypeOf||(E?function(e){return e.__proto__}:null),a={},j=typeof Uint8Array=="undefined"||!s?n:s(Uint8Array),o={__proto__:null,"%AggregateError%":typeof AggregateError=="undefined"?n:AggregateError,"%Array%":Array,"%ArrayBuffer%":typeof ArrayBuffer=="undefined"?n:ArrayBuffer,"%ArrayIteratorPrototype%":r&&s?s([][Symbol.iterator]()):n,"%AsyncFromSyncIteratorPrototype%":n,"%AsyncFunction%":a,"%AsyncGenerator%":a,"%AsyncGeneratorFunction%":a,"%AsyncIteratorPrototype%":a,"%Atomics%":typeof Atomics=="undefined"?n:Atomics,"%BigInt%":typeof BigInt=="undefined"?n:BigInt,"%BigInt64Array%":typeof BigInt64Array=="undefined"?n:BigInt64Array,"%BigUint64Array%":typeof BigUint64Array=="undefined"?n:BigUint64Array,"%Boolean%":Boolean,"%DataView%":typeof DataView=="undefined"?n:DataView,"%Date%":Date,"%decodeURI%":decodeURI,"%decodeURIComponent%":decodeURIComponent,"%encodeURI%":encodeURI,"%encodeURIComponent%":encodeURIComponent,"%Error%":M,"%eval%":eval,"%EvalError%":F,"%Float32Array%":typeof Float32Array=="undefined"?n:Float32Array,"%Float64Array%":typeof Float64Array=="undefined"?n:Float64Array,"%FinalizationRegistry%":typeof FinalizationRegistry=="undefined"?n:FinalizationRegistry,"%Function%":v,"%GeneratorFunction%":a,"%Int8Array%":typeof Int8Array=="undefined"?n:Int8Array,"%Int16Array%":typeof Int16Array=="undefined"?n:Int16Array,"%Int32Array%":typeof Int32Array=="undefined"?n:Int32Array,"%isFinite%":isFinite,"%isNaN%":isNaN,"%IteratorPrototype%":r&&s?s(s([][Symbol.iterator]())):n,"%JSON%":typeof JSON=="object"?JSON:n,"%Map%":typeof Map=="undefined"?n:Map,"%MapIteratorPrototype%":typeof Map=="undefined"||!r||!s?n:s((new Map)[Symbol.iterator]()),"%Math%":Math,"%Number%":Number,"%Object%":Object,"%parseFloat%":parseFloat,"%parseInt%":parseInt,"%Promise%":typeof Promise=="undefined"?n:Promise,"%Proxy%":typeof Proxy=="undefined"?n:Proxy,"%RangeError%":T,"%ReferenceError%":z,"%Reflect%":typeof Reflect=="undefined"?n:Reflect,"%RegExp%":RegExp,"%Set%":typeof Set=="undefined"?n:Set,"%SetIteratorPrototype%":typeof Set=="undefined"||!r||!s?n:s((new Set)[Symbol.iterator]()),"%SharedArrayBuffer%":typeof SharedArrayBuffer=="undefined"?n:SharedArrayBuffer,"%String%":String,"%StringIteratorPrototype%":r&&s?s(""[Symbol.iterator]()):n,"%Symbol%":r?Symbol:n,"%SyntaxError%":l,"%ThrowTypeError%":y,"%TypedArray%":j,"%TypeError%":d,"%Uint8Array%":typeof Uint8Array=="undefined"?n:Uint8Array,"%Uint8ClampedArray%":typeof Uint8ClampedArray=="undefined"?n:Uint8ClampedArray,"%Uint16Array%":typeof Uint16Array=="undefined"?n:Uint16Array,"%Uint32Array%":typeof Uint32Array=="undefined"?n:Uint32Array,"%URIError%":D,"%WeakMap%":typeof WeakMap=="undefined"?n:WeakMap,"%WeakRef%":typeof WeakRef=="undefined"?n:WeakRef,"%WeakSet%":typeof WeakSet=="undefined"?n:WeakSet},s)try{null.error}catch(e){_=s(s(e)),o["%Error.prototype%"]=_}w=function e(t){if(t==="%AsyncFunction%")n=f("async function () {}");else if(t==="%GeneratorFunction%")n=f("function* () {}");else if(t==="%AsyncGeneratorFunction%")n=f("async function* () {}");else if(t==="%AsyncGenerator%"){var n,i,a=e("%AsyncGeneratorFunction%");a&&(n=a.prototype)}else t==="%AsyncIteratorPrototype%"&&(i=e("%AsyncGenerator%"),i&&s&&(n=s(i.prototype)));return o[t]=n,n},p={__proto__:null,"%ArrayBufferPrototype%":["ArrayBuffer","prototype"],"%ArrayPrototype%":["Array","prototype"],"%ArrayProto_entries%":["Array","prototype","entries"],"%ArrayProto_forEach%":["Array","prototype","forEach"],"%ArrayProto_keys%":["Array","prototype","keys"],"%ArrayProto_values%":["Array","prototype","values"],"%AsyncFunctionPrototype%":["AsyncFunction","prototype"],"%AsyncGenerator%":["AsyncGeneratorFunction","prototype"],"%AsyncGeneratorPrototype%":["AsyncGeneratorFunction","prototype","prototype"],"%BooleanPrototype%":["Boolean","prototype"],"%DataViewPrototype%":["DataView","prototype"],"%DatePrototype%":["Date","prototype"],"%ErrorPrototype%":["Error","prototype"],"%EvalErrorPrototype%":["EvalError","prototype"],"%Float32ArrayPrototype%":["Float32Array","prototype"],"%Float64ArrayPrototype%":["Float64Array","prototype"],"%FunctionPrototype%":["Function","prototype"],"%Generator%":["GeneratorFunction","prototype"],"%GeneratorPrototype%":["GeneratorFunction","prototype","prototype"],"%Int8ArrayPrototype%":["Int8Array","prototype"],"%Int16ArrayPrototype%":["Int16Array","prototype"],"%Int32ArrayPrototype%":["Int32Array","prototype"],"%JSONParse%":["JSON","parse"],"%JSONStringify%":["JSON","stringify"],"%MapPrototype%":["Map","prototype"],"%NumberPrototype%":["Number","prototype"],"%ObjectPrototype%":["Object","prototype"],"%ObjProto_toString%":["Object","prototype","toString"],"%ObjProto_valueOf%":["Object","prototype","valueOf"],"%PromisePrototype%":["Promise","prototype"],"%PromiseProto_then%":["Promise","prototype","then"],"%Promise_all%":["Promise","all"],"%Promise_reject%":["Promise","reject"],"%Promise_resolve%":["Promise","resolve"],"%RangeErrorPrototype%":["RangeError","prototype"],"%ReferenceErrorPrototype%":["ReferenceError","prototype"],"%RegExpPrototype%":["RegExp","prototype"],"%SetPrototype%":["Set","prototype"],"%SharedArrayBufferPrototype%":["SharedArrayBuffer","prototype"],"%StringPrototype%":["String","prototype"],"%SymbolPrototype%":["Symbol","prototype"],"%SyntaxErrorPrototype%":["SyntaxError","prototype"],"%TypedArrayPrototype%":["TypedArray","prototype"],"%TypeErrorPrototype%":["TypeError","prototype"],"%Uint8ArrayPrototype%":["Uint8Array","prototype"],"%Uint8ClampedArrayPrototype%":["Uint8ClampedArray","prototype"],"%Uint16ArrayPrototype%":["Uint16Array","prototype"],"%Uint32ArrayPrototype%":["Uint32Array","prototype"],"%URIErrorPrototype%":["URIError","prototype"],"%WeakMapPrototype%":["WeakMap","prototype"],"%WeakSetPrototype%":["WeakSet","prototype"]},c=Fe(),u=ja(),b=c.call(Function.call,Array.prototype.concat),k=c.call(Function.apply,Array.prototype.splice),g=c.call(Function.call,String.prototype.replace),h=c.call(Function.call,String.prototype.slice),S=c.call(Function.call,RegExp.prototype.exec),A=/[^%.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|%$))/g,C=/\\(\\)?/g,x=function(t){var n,s=h(t,0,1),o=h(t,-1);if(s==="%"&&o!=="%")throw new l("invalid intrinsic syntax, expected closing `%`");if(o==="%"&&s!=="%")throw new l("invalid intrinsic syntax, expected opening `%`");return n=[],g(t,A,function(e,t,s,o){n[n.length]=s?g(o,C,"$1"):t||e}),n},O=function(t,n){var i,r,s=t;if(u(p,s)&&(r=p[s],s="%"+r[0]+"%"),u(o,s)){if(i=o[s],i===a&&(i=w(s)),typeof i=="undefined"&&!n)throw new d("intrinsic "+t+" exists, but is not available. Please file an issue!");return{alias:r,name:s,value:i}}throw new l("intrinsic "+t+" does not exist!")},t.exports=function(t,s){if(typeof t!="string"||t.length===0)throw new d("intrinsic name must be a non-empty string");if(arguments.length>1&&typeof s!="boolean")throw new d('"allowMissing" argument must be a boolean');if(S(/^%?[^%]*%?$/,t)===null)throw new l("`%` may not be present anywhere but at the beginning and end of the intrinsic name");c=x(t),p=c.length>0?c[0]:"",y=O("%"+p+"%",s),m=y.name,a=y.value,C=!1,_=y.alias,_&&(p=_[0],k(c,b([0,1],_)));for(var a,r,c,m,p,g,v,j,y,_,C,w=1,f=!0;w<c.length;w+=1){if(r=c[w],g=h(r,0,1),v=h(r,-1),(g==='"'||g==="'"||g==="`"||v==='"'||v==="'"||v==="`")&&g!==v)throw new l("property names with quotes must have matching quotes");if((r==="constructor"||!f)&&(C=!0),p+="."+r,m="%"+p+"%",u(o,m))a=o[m];else if(a!=null){if(!(r in a)){if(!s)throw new d("base intrinsic for "+t+" exists, but the property is not available.");return void n}i&&w+1>=c.length?(j=i(a,r),f=!!j,f&&"get"in j&&!("originalValue"in j.get)?a=j.get:a=a[r]):(f=u(a,r),a=a[r]),f&&!C&&(o[m]=a)}}return a}}}),De=e({"node_modules/es-define-property/index.js"(e,t){"use strict";var s=E(),n=s("%Object.defineProperty%",!0)||!1;if(n)try{n({},"a",{value:1})}catch{n=!1}t.exports=n}}),Mn=e({"node_modules/gopd/index.js"(e,t){"use strict";var s=E(),n=s("%Object.getOwnPropertyDescriptor%",!0);if(n)try{n([],"length")}catch{n=null}t.exports=n}}),Oa=e({"node_modules/define-data-property/index.js"(e,t){"use strict";var s=De(),i=Xn(),n=L(),o=Mn();t.exports=function(t,a,r){if(!t||typeof t!="object"&&typeof t!="function")throw new n("`obj` must be an object or a function`");if(typeof a!="string"&&typeof a!="symbol")throw new n("`property` must be a string or a symbol`");if(arguments.length>3&&typeof arguments[3]!="boolean"&&arguments[3]!==null)throw new n("`nonEnumerable`, if provided, must be a boolean or null");if(arguments.length>4&&typeof arguments[4]!="boolean"&&arguments[4]!==null)throw new n("`nonWritable`, if provided, must be a boolean or null");if(arguments.length>5&&typeof arguments[5]!="boolean"&&arguments[5]!==null)throw new n("`nonConfigurable`, if provided, must be a boolean or null");if(arguments.length>6&&typeof arguments[6]!="boolean")throw new n("`loose`, if provided, must be a boolean");var l=arguments.length>3?arguments[3]:null,d=arguments.length>4?arguments[4]:null,u=arguments.length>5?arguments[5]:null,h=arguments.length>6&&arguments[6],c=!!o&&o(t,a);if(s)s(t,a,{configurable:u===null&&c?c.configurable:!u,enumerable:l===null&&c?c.enumerable:!l,value:r,writable:d===null&&c?c.writable:!d});else if(h||!l&&!d&&!u)t[a]=r;else throw new i("This environment does not support defining a property as non-configurable, non-writable, or non-enumerable.")}}}),xa=e({"node_modules/has-property-descriptors/index.js"(e,t){"use strict";var n=De(),s=function(){return!!n};s.hasArrayLengthDefineBug=function(){if(!n)return null;try{return n([],"length",{value:1}).length!==1}catch{return!0}},t.exports=s}}),Ia=e({"node_modules/set-function-length/index.js"(e,t){"use strict";var i=E(),n=Oa(),a=xa()(),s=Mn(),o=L(),r=i("%Math.floor%");t.exports=function(t,i){if(typeof t!="function")throw new o("`fn` is not a function");if(typeof i!="number"||i<0||i>4294967295||r(i)!==i)throw new o("`length` must be a positive 32-bit integer");var c,u=arguments.length>2&&!!arguments[2],l=!0,d=!0;return"length"in t&&s&&(c=s(t,"length"),c&&!c.configurable&&(l=!1),c&&!c.writable&&(d=!1)),(l||d||!u)&&(a?n(t,"length",i,!0,!0):n(t,"length",i)),t}}}),Ka=e({"node_modules/call-bind/index.js"(e,t){"use strict";var o,s=Fe(),n=E(),l=Ia(),d=L(),i=n("%Function.prototype.apply%"),a=n("%Function.prototype.call%"),r=n("%Reflect.apply%",!0)||s.call(a,i),c=De(),u=n("%Math.max%");t.exports=function(t){if(typeof t!="function")throw new d("a function is required");var n=r(s,a,arguments);return l(n,1+u(0,t.length-(arguments.length-1)),!0)},o=function(){return r(s,i,arguments)},c?c(t.exports,"apply",{value:o}):t.exports.apply=o}}),qa=e({"node_modules/call-bind/callBound.js"(e,t){"use strict";var n=E(),s=Ka(),o=s(n("String.prototype.indexOf"));t.exports=function(t,i){var a=n(t,!!i);return typeof a=="function"&&o(t,".prototype.")>-1?s(a):a}}}),Ya=e({"(disabled):node_modules/object-inspect/util.inspect"(){}}),Za=e({"node_modules/object-inspect/index.js"(e,t){var h,g,b,j,S,B,p=typeof Map=="function"&&Map.prototype,E=Object.getOwnPropertyDescriptor&&p?Object.getOwnPropertyDescriptor(Map.prototype,"size"):null,m=p&&E&&typeof E.get=="function"?E.get:null,F=p&&Map.prototype.forEach,_=typeof Set=="function"&&Set.prototype,O=Object.getOwnPropertyDescriptor&&_?Object.getOwnPropertyDescriptor(Set.prototype,"size"):null,u=_&&O&&typeof O.get=="function"?O.get:null,P=_&&Set.prototype.forEach,me=typeof WeakMap=="function"&&WeakMap.prototype,c=me?WeakMap.prototype.has:null,he=typeof WeakSet=="function"&&WeakSet.prototype,l=he?WeakSet.prototype.has:null,te=typeof WeakRef=="function"&&WeakRef.prototype,W=te?WeakRef.prototype.deref:null,J=Boolean.prototype.valueOf,ee=Object.prototype.toString,de=Function.prototype.toString,fe=String.prototype.match,y=String.prototype.slice,i=String.prototype.replace,ve=String.prototype.toUpperCase,R=String.prototype.toLowerCase,z=RegExp.prototype.test,T=Array.prototype.concat,s=Array.prototype.join,be=Array.prototype.slice,M=Math.floor,x=typeof BigInt=="function"?BigInt.prototype.valueOf:null,A=Object.getOwnPropertySymbols,k=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?Symbol.prototype.toString:null,r=typeof Symbol=="function"&&typeof Symbol.iterator=="object",n=typeof Symbol=="function"&&Symbol.toStringTag&&(typeof Symbol.toStringTag===r?"object":"symbol")?Symbol.toStringTag:null,D=Object.prototype.propertyIsEnumerable,N=(typeof Reflect=="function"?Reflect.getPrototypeOf:Object.getPrototypeOf)||([].__proto__===Array.prototype?function(e){return e.__proto__}:null);function L(e,t){if(e===1/0||e===-(1/0)||e!==e||e&&e>-1e3&&e<1e3||z.call(/e/,t))return t;var n,s,a,o=/[0-9](?=(?:[0-9]{3})+(?![0-9]))/g;return typeof e=="number"&&(n=e<0?-M(-e):M(e),n!==e)?(s=String(n),a=y.call(t,s.length+1),i.call(s,o,"$&_")+"."+i.call(i.call(a,/([0-9]{3})/g,"$&_"),/_$/,"")):i.call(t,o,"$&_")}h=Ya(),g=h.custom,j=U(g)?g:null,b={__proto__:null,double:'"',single:"'"},B={__proto__:null,double:/(["\\])/g,single:/(['\\])/g},t.exports=function e(t,c,l,p){var A,he,me,ue,te,O,Oe,_e,je,E,S,M,z,de,fe,ve,ee,ye,W,we,xe,B,g=c||{};if(o(g,"quoteStyle")&&!o(b,g.quoteStyle))throw new TypeError('option "quoteStyle" must be "single" or "double"');if(o(g,"maxStringLength")&&(typeof g.maxStringLength=="number"?g.maxStringLength<0&&g.maxStringLength!==1/0:g.maxStringLength!==null))throw new TypeError('option "maxStringLength", if provided, must be a positive integer, Infinity, or `null`');if(A=!o(g,"customInspect")||g.customInspect,typeof A!="boolean"&&A!=="symbol")throw new TypeError("option \"customInspect\", if provided, must be `true`, `false`, or `'symbol'`");if(o(g,"indent")&&g.indent!==null&&g.indent!==" "&&!(parseInt(g.indent,10)===g.indent&&g.indent>0))throw new TypeError('option "indent" must be "\\t", an integer > 0, or `null`');if(o(g,"numericSeparator")&&typeof g.numericSeparator!="boolean")throw new TypeError('option "numericSeparator", if provided, must be `true` or `false`');if(he=g.numericSeparator,typeof t=="undefined")return"undefined";if(t===null)return"null";if(typeof t=="boolean")return t?"true":"false";if(typeof t=="string")return I(t,g);if(typeof t=="number")return t===0?1/0/t>0?"0":"-0":(me=String(t),he?L(t,me):me);if(typeof t=="bigint")return ue=String(t)+"n",he?L(t,ue):ue;if(te=typeof g.depth=="undefined"?5:g.depth,typeof l=="undefined"&&(l=0),l>=te&&te>0&&typeof t=="object")return v(t)?"[Array]":"[Object]";if(O=ge(g,l),typeof p=="undefined")p=[];else if($(p,t)>=0)return"[Circular]";function _(t,n,s){if(n&&(p=be.call(p),p.push(n)),s){var i={depth:g.depth};return o(g,"quoteStyle")&&(i.quoteStyle=g.quoteStyle),e(t,i,l+1,p)}return e(t,g,l+1,p)}if(typeof t=="function"&&!K(t))return Oe=ne(t),_e=f(t,_),"[Function"+(Oe?": "+Oe:" (anonymous)")+"]"+(_e.length>0?" { "+s.call(_e,", ")+" }":"");if(U(t))return je=r?i.call(String(t),/^(Symbol\(.*\))_[^)]*$/,"$1"):k.call(t),typeof t=="object"&&!r?d(je):je;if(le(t)){for(E="<"+R.call(String(t.nodeName)),M=t.attributes||[],S=0;S<M.length;S++)E+=" "+M[S].name+"="+V(se(M[S].value),"double",g);return E+=">",t.childNodes&&t.childNodes.length&&(E+="..."),E+="</"+R.call(String(t.nodeName))+">",E}if(v(t))return t.length===0?"[]":(z=f(t,_),O&&!pe(z)?"["+C(z,O)+"]":"[ "+s.call(z,", ")+" ]");if(X(t))return de=f(t,_),!("cause"in Error.prototype)&&"cause"in t&&!D.call(t,"cause")?"{ ["+String(t)+"] "+s.call(T.call("[cause]: "+_(t.cause),de),", ")+" }":de.length===0?"["+String(t)+"]":"{ ["+String(t)+"] "+s.call(de,", ")+" }";if(typeof t=="object"&&A){if(j&&typeof t[j]=="function"&&h)return h(t,{depth:te-l});if(A!=="symbol"&&typeof t.inspect=="function")return t.inspect()}return oe(t)?(fe=[],F&&F.call(t,function(e,n){fe.push(_(n,t,!0)+" => "+_(e,t))}),H("Map",m.call(t),fe,O)):re(t)?(ve=[],P&&P.call(t,function(e){ve.push(_(e,t))}),H("Set",u.call(t),ve,O)):ie(t)?w("WeakMap"):ce(t)?w("WeakSet"):Y(t)?w("WeakRef"):G(t)?d(_(Number(t))):Z(t)?d(_(x.call(t))):q(t)?d(J.call(t)):ae(t)?d(_(String(t))):typeof window!="undefined"&&t===window?"{ [object Window] }":typeof globalThis!="undefined"&&t===globalThis||typeof global!="undefined"&&t===global?"{ [object globalThis] }":!Q(t)&&!K(t)?(ee=f(t,_),ye=N?N(t)===Object.prototype:t instanceof Object||t.constructor===Object,W=t instanceof Object?"":"null prototype",we=!ye&&n&&Object(t)===t&&n in t?y.call(a(t),8,-1):W?"Object":"",xe=ye||typeof t.constructor!="function"?"":t.constructor.name?t.constructor.name+" ":"",B=xe+(we||W?"["+s.call(T.call([],we||[],W||[]),": ")+"] ":""),ee.length===0?B+"{}":O?B+"{"+C(ee,O)+"}":B+"{ "+s.call(ee,", ")+" }"):String(t)};function V(e,t,n){var o=n.quoteStyle||t,s=b[o];return s+e+s}function se(e){return i.call(String(e),/"/g,""")}function v(e){return a(e)==="[object Array]"&&(!n||!(typeof e=="object"&&n in e))}function Q(e){return a(e)==="[object Date]"&&(!n||!(typeof e=="object"&&n in e))}function K(e){return a(e)==="[object RegExp]"&&(!n||!(typeof e=="object"&&n in e))}function X(e){return a(e)==="[object Error]"&&(!n||!(typeof e=="object"&&n in e))}function ae(e){return a(e)==="[object String]"&&(!n||!(typeof e=="object"&&n in e))}function G(e){return a(e)==="[object Number]"&&(!n||!(typeof e=="object"&&n in e))}function q(e){return a(e)==="[object Boolean]"&&(!n||!(typeof e=="object"&&n in e))}function U(e){if(r)return e&&typeof e=="object"&&e instanceof Symbol;if(typeof e=="symbol")return!0;if(!e||typeof e!="object"||!k)return!1;try{return k.call(e),!0}catch{}return!1}function Z(e){if(!e||typeof e!="object"||!x)return!1;try{return x.call(e),!0}catch{}return!1}S=Object.prototype.hasOwnProperty||function(e){return e in this};function o(e,t){return S.call(e,t)}function a(e){return ee.call(e)}function ne(e){if(e.name)return e.name;var t=fe.call(de.call(e),/^function\s*([\w$]+)/);return t?t[1]:null}function $(e,t){if(e.indexOf)return e.indexOf(t);for(var n=0,s=e.length;n<s;n++)if(e[n]===t)return n;return-1}function oe(e){if(!m||!e||typeof e!="object")return!1;try{m.call(e);try{u.call(e)}catch{return!0}return e instanceof Map}catch{}return!1}function ie(e){if(!c||!e||typeof e!="object")return!1;try{c.call(e,c);try{l.call(e,l)}catch{return!0}return e instanceof WeakMap}catch{}return!1}function Y(e){if(!W||!e||typeof e!="object")return!1;try{return W.call(e),!0}catch{}return!1}function re(e){if(!u||!e||typeof e!="object")return!1;try{u.call(e);try{m.call(e)}catch{return!0}return e instanceof Set}catch{}return!1}function ce(e){if(!l||!e||typeof e!="object")return!1;try{l.call(e,l);try{c.call(e,c)}catch{return!0}return e instanceof WeakSet}catch{}return!1}function le(e){return!!e&&typeof e=="object"&&(typeof HTMLElement!="undefined"&&e instanceof HTMLElement||typeof e.nodeName=="string"&&typeof e.getAttribute=="function")}function I(e,t){if(e.length>t.maxStringLength){var n,o,s=e.length-t.maxStringLength,a="... "+s+" more character"+(s>1?"s":"");return I(y.call(e,0,t.maxStringLength),t)+a}return n=B[t.quoteStyle||"single"],n.lastIndex=0,o=i.call(i.call(e,n,"\\$1"),/[\x00-\x1f]/g,ue),V(o,"single",t)}function ue(e){var t=e.charCodeAt(0),n={8:"b",9:"t",10:"n",12:"f",13:"r"}[t];return n?"\\"+n:"\\x"+(t<16?"0":"")+ve.call(t.toString(16))}function d(e){return"Object("+e+")"}function w(e){return e+" { ? }"}function H(e,t,n,o){var i=o?C(n,o):s.call(n,", ");return e+" ("+t+") {"+i+"}"}function pe(e){for(var t=0;t<e.length;t++)if($(e[t],` +`)>=0)return!1;return!0}function ge(e,t){var n;if(e.indent===" ")n=" ";else if(typeof e.indent=="number"&&e.indent>0)n=s.call(Array(e.indent+1)," ");else return null;return{base:n,prev:s.call(Array(t+1),n)}}function C(e,t){if(e.length===0)return"";var n=` +`+t.prev+t.base;return n+s.call(e,","+n)+` +`+t.prev}function f(e,t){var n,s,a,c,l,d,u=v(e),i=[];if(u){i.length=e.length;for(a=0;a<e.length;a++)i[a]=o(e,a)?t(e[a],e):""}if(s=typeof A=="function"?A(e):[],r){d={};for(l=0;l<s.length;l++)d["$"+s[l]]=s[l]}for(n in e){if(!o(e,n))continue;if(u&&String(Number(n))===n&&n<e.length)continue;if(r&&d["$"+n]instanceof Symbol)continue;z.call(/[^\w$]/,n)?i.push(t(n,e)+": "+t(e[n],e)):i.push(n+": "+t(e[n],e))}if(typeof A=="function")for(c=0;c<s.length;c++)D.call(e,s[c])&&i.push("["+t(s[c])+"]: "+t(e[s[c]],e));return i}}}),ur=e({"node_modules/side-channel/index.js"(e,t){"use strict";var a=E(),n=qa(),c=Za(),r=L(),s=a("%WeakMap%",!0),o=a("%Map%",!0),l=n("WeakMap.prototype.get",!0),d=n("WeakMap.prototype.set",!0),u=n("WeakMap.prototype.has",!0),h=n("Map.prototype.get",!0),m=n("Map.prototype.set",!0),f=n("Map.prototype.has",!0),i=function(e,t){for(var n,s=e;(n=s.next)!==null;s=n)if(n.key===t)return s.next=n.next,n.next=e.next,e.next=n,n},p=function(e,t){var n=i(e,t);return n&&n.value},g=function(e,t,n){var s=i(e,t);s?s.value=n:e.next={key:t,next:e.next,value:n}},v=function(e,t){return!!i(e,t)};t.exports=function(){var t,n,i,a={assert:function(e){if(!a.has(e))throw new r("Side channel does not contain "+c(e))},get:function(e){if(s&&e&&(typeof e=="object"||typeof e=="function")){if(t)return l(t,e)}else if(o){if(n)return h(n,e)}else if(i)return p(i,e)},has:function(e){if(s&&e&&(typeof e=="object"||typeof e=="function")){if(t)return u(t,e)}else if(o){if(n)return f(n,e)}else if(i)return v(i,e);return!1},set:function(e,a){s&&e&&(typeof e=="object"||typeof e=="function")?(t||(t=new s),d(t,e,a)):o?(n||(n=new o),m(n,e,a)):(i||(i={key:{},next:null}),g(i,e,a))}};return a}}}),We=e({"node_modules/qs/lib/formats.js"(e,t){"use strict";var s=String.prototype.replace,o=/%20/g,n={RFC1738:"RFC1738",RFC3986:"RFC3986"};t.exports={default:n.RFC3986,formatters:{RFC1738:function(e){return s.call(e,o,"+")},RFC3986:function(e){return String(e)}},RFC1738:n.RFC1738,RFC3986:n.RFC3986}}}),Kt=e({"node_modules/qs/lib/utils.js"(e,t){"use strict";var d=We(),o=Object.prototype.hasOwnProperty,s=Array.isArray,n=function(){for(var t=[],e=0;e<256;++e)t.push("%"+((e<16?"0":"")+e.toString(16)).toUpperCase());return t}(),u=function(t){for(;t.length>1;){var o,a,i=t.pop(),n=i.obj[i.prop];if(s(n)){for(a=[],o=0;o<n.length;++o)typeof n[o]!="undefined"&&a.push(n[o]);i.obj[i.prop]=a}}},a=function(t,n){for(var o=n&&n.plainObjects?{__proto__:null}:{},s=0;s<t.length;++s)typeof t[s]!="undefined"&&(o[s]=t[s]);return o},c=function e(t,n,i){if(!n)return t;if(typeof n!="object"&&typeof n!="function"){if(s(t))t.push(n);else if(t&&typeof t=="object")(i&&(i.plainObjects||i.allowPrototypes)||!o.call(Object.prototype,n))&&(t[n]=!0);else return[t,n];return t}if(!t||typeof t!="object")return[t].concat(n);var r=t;return s(t)&&!s(n)&&(r=a(t,i)),s(t)&&s(n)?(n.forEach(function(n,s){if(o.call(t,s)){var a=t[s];a&&typeof a=="object"&&n&&typeof n=="object"?t[s]=e(a,n,i):t.push(n)}else t[s]=n}),t):Object.keys(n).reduce(function(t,s){var a=n[s];return o.call(t,s)?t[s]=e(t[s],a,i):t[s]=a,t},r)},l=function(t,n){return Object.keys(n).reduce(function(e,t){return e[t]=n[t],e},t)},r=function(e,t,n){var s=e.replace(/\+/g," ");if(n==="iso-8859-1")return s.replace(/%[0-9a-f]{2}/gi,unescape);try{return decodeURIComponent(s)}catch{return s}},i=1024,h=function(t,s,o,a,r){if(t.length===0)return t;var c,l,h,m,f,p,u=t;if(typeof t=="symbol"?u=Symbol.prototype.toString.call(t):typeof t!="string"&&(u=String(t)),o==="iso-8859-1")return escape(u).replace(/%u[0-9a-f]{4}/gi,function(e){return"%26%23"+parseInt(e.slice(2),16)+"%3B"});for(p="",m=0;m<u.length;m+=i){for(f=u.length>=i?u.slice(m,m+i):u,l=[],h=0;h<f.length;++h){if(c=f.charCodeAt(h),c===45||c===46||c===95||c===126||c>=48&&c<=57||c>=65&&c<=90||c>=97&&c<=122||r===d.RFC1738&&(c===40||c===41)){l[l.length]=f.charAt(h);continue}if(c<128){l[l.length]=n[c];continue}if(c<2048){l[l.length]=n[192|c>>6]+n[128|c&63];continue}if(c<55296||c>=57344){l[l.length]=n[224|c>>12]+n[128|c>>6&63]+n[128|c&63];continue}h+=1,c=65536+((c&1023)<<10|f.charCodeAt(h)&1023),l[l.length]=n[240|c>>18]+n[128|c>>12&63]+n[128|c>>6&63]+n[128|c&63]}p+=l.join("")}return p},m=function(t){for(var n,o,i,r,c,l,s=[{obj:{o:t},prop:"o"}],d=[],a=0;a<s.length;++a)for(r=s[a],o=r.obj[r.prop],c=Object.keys(o),i=0;i<c.length;++i)l=c[i],n=o[l],typeof n=="object"&&n!==null&&d.indexOf(n)===-1&&(s.push({obj:o,prop:l}),d.push(n));return u(s),t},f=function(t){return Object.prototype.toString.call(t)==="[object RegExp]"},p=function(t){return!!t&&typeof t=="object"&&!!(t.constructor&&t.constructor.isBuffer&&t.constructor.isBuffer(t))},g=function(t,n){return[].concat(t,n)},v=function(t,n){if(s(t)){for(var i=[],o=0;o<t.length;o+=1)i.push(n(t[o]));return i}return n(t)};t.exports={arrayToObject:a,assign:l,combine:g,compact:m,decode:r,encode:h,isBuffer:p,isRegExp:f,maybeMap:v,merge:c}}}),mr=e({"node_modules/qs/lib/stringify.js"(e,t){"use strict";var c=ur(),i=Kt(),o=We(),u=Object.prototype.hasOwnProperty,l={brackets:function(t){return t+"[]"},comma:"comma",indices:function(t,n){return t+"["+n+"]"},repeat:function(t){return t}},s=Array.isArray,f=Array.prototype.push,d=function(e,t){f.apply(e,s(t)?t:[t])},h=Date.prototype.toISOString,r=o.default,n={addQueryPrefix:!1,allowDots:!1,allowEmptyArrays:!1,arrayFormat:"indices",charset:"utf-8",charsetSentinel:!1,commaRoundTrip:!1,delimiter:"&",encode:!0,encodeDotInKeys:!1,encoder:i.encode,encodeValuesOnly:!1,filter:0[0],format:r,formatter:o.formatters[r],indices:!1,serializeDate:function(t){return h.call(t)},skipNulls:!1,strictNullHandling:!1},m=function(t){return typeof t=="string"||typeof t=="number"||typeof t=="boolean"||typeof t=="symbol"||typeof t=="bigint"},a={},p=function e(t,o,r,l,u,h,f,p,g,v,b,j,y,_,w,O,x,C){for(var k,A,S,T,z,D,N,L,R,P,H,I,V,E=t,M=C,F=0,B=!1;(M=M.get(a))!==0[0]&&!B;){if(N=M.get(t),F+=1,typeof N!="undefined"){if(N===F)throw new RangeError("Cyclic object value");B=!0}typeof M.get(a)=="undefined"&&(F=0)}if(typeof v=="function"?E=v(o,E):E instanceof Date?E=y(E):r==="comma"&&s(E)&&(E=i.maybeMap(E,function(e){return e instanceof Date?y(e):e})),E===null){if(h)return g&&!O?g(o,n.encoder,x,"key",_):o;E=""}if(m(E)||i.isBuffer(E))return g?(I=O?o:g(o,n.encoder,x,"key",_),[w(I)+"="+w(g(E,n.encoder,x,"value",_))]):[w(o)+"="+w(String(E))];if(z=[],typeof E=="undefined")return z;if(r==="comma"&&s(E)?(O&&g&&(E=i.maybeMap(E,g)),S=[{value:E.length>0?E.join(",")||null:0[0]}]):s(v)?S=v:(R=Object.keys(E),S=b?R.sort(b):R),L=p?String(o).replace(/\./g,"%2E"):String(o),A=l&&s(E)&&E.length===1?L+"[]":L,u&&s(E)&&E.length===0)return A+"[]";for(D=0;D<S.length;++D){if(k=S[D],P=typeof k=="object"&&k&&typeof k.value!="undefined"?k.value:E[k],f&&P===null)continue;T=j&&p?String(k).replace(/\./g,"%2E"):String(k),V=s(E)?typeof r=="function"?r(A,T):A:A+(j?"."+T:"["+T+"]"),C.set(t,F),H=c(),H.set(a,C),d(z,e(P,V,r,l,u,h,f,p,r==="comma"&&O&&s(E)?null:g,v,b,j,y,_,w,O,x,H))}return z},g=function(t){if(!t)return n;if(typeof t.allowEmptyArrays!="undefined"&&typeof t.allowEmptyArrays!="boolean")throw new TypeError("`allowEmptyArrays` option can only be `true` or `false`, when provided");if(typeof t.encodeDotInKeys!="undefined"&&typeof t.encodeDotInKeys!="boolean")throw new TypeError("`encodeDotInKeys` option can only be `true` or `false`, when provided");if(t.encoder!==null&&typeof t.encoder!="undefined"&&typeof t.encoder!="function")throw new TypeError("Encoder has to be a function.");var i,a,r,c,d,h=t.charset||n.charset;if(typeof t.charset!="undefined"&&t.charset!=="utf-8"&&t.charset!=="iso-8859-1")throw new TypeError("The charset option must be either utf-8, iso-8859-1, or undefined");if(i=o.default,typeof t.format!="undefined"){if(!u.call(o.formatters,t.format))throw new TypeError("Unknown format option provided.");i=t.format}if(c=o.formatters[i],r=n.filter,(typeof t.filter=="function"||s(t.filter))&&(r=t.filter),t.arrayFormat in l?a=t.arrayFormat:"indices"in t?a=t.indices?"indices":"repeat":a=n.arrayFormat,"commaRoundTrip"in t&&typeof t.commaRoundTrip!="boolean")throw new TypeError("`commaRoundTrip` must be a boolean, or absent");return d=typeof t.allowDots=="undefined"?t.encodeDotInKeys===!0||n.allowDots:!!t.allowDots,{addQueryPrefix:typeof t.addQueryPrefix=="boolean"?t.addQueryPrefix:n.addQueryPrefix,allowDots:d,allowEmptyArrays:typeof t.allowEmptyArrays=="boolean"?!!t.allowEmptyArrays:n.allowEmptyArrays,arrayFormat:a,charset:h,charsetSentinel:typeof t.charsetSentinel=="boolean"?t.charsetSentinel:n.charsetSentinel,commaRoundTrip:!!t.commaRoundTrip,delimiter:typeof t.delimiter=="undefined"?n.delimiter:t.delimiter,encode:typeof t.encode=="boolean"?t.encode:n.encode,encodeDotInKeys:typeof t.encodeDotInKeys=="boolean"?t.encodeDotInKeys:n.encodeDotInKeys,encoder:typeof t.encoder=="function"?t.encoder:n.encoder,encodeValuesOnly:typeof t.encodeValuesOnly=="boolean"?t.encodeValuesOnly:n.encodeValuesOnly,filter:r,format:i,formatter:c,serializeDate:typeof t.serializeDate=="function"?t.serializeDate:n.serializeDate,skipNulls:typeof t.skipNulls=="boolean"?t.skipNulls:n.skipNulls,sort:typeof t.sort=="function"?t.sort:null,strictNullHandling:typeof t.strictNullHandling=="boolean"?t.strictNullHandling:n.strictNullHandling}};t.exports=function(e,t){var o,a,r,u,h,m,f,v,b,j,y,i=e,n=g(t);if(typeof n.filter=="function"?(r=n.filter,i=r("",i)):s(n.filter)&&(r=n.filter,o=r),b=[],typeof i!="object"||i===null)return"";m=l[n.arrayFormat],y=m==="comma"&&n.commaRoundTrip,o||(o=Object.keys(i)),n.sort&&o.sort(n.sort);for(j=c(),a=0;a<o.length;++a){if(h=o[a],f=i[h],n.skipNulls&&f===null)continue;d(b,p(f,h,m,y,n.allowEmptyArrays,n.strictNullHandling,n.skipNulls,n.encodeDotInKeys,n.encode?n.encoder:null,n.filter,n.sort,n.allowDots,n.serializeDate,n.format,n.formatter,n.encodeValuesOnly,n.charset,j))}return v=b.join(n.delimiter),u=n.addQueryPrefix===!0?"?":"",n.charsetSentinel&&(n.charset==="iso-8859-1"?u+="utf8=%26%2310003%3B&":u+="utf8=%E2%9C%93&"),v.length>0?u+v:""}}}),jr=e({"node_modules/qs/lib/parse.js"(e,t){"use strict";var s=Kt(),o=Object.prototype.hasOwnProperty,a=Array.isArray,n={allowDots:!1,allowEmptyArrays:!1,allowPrototypes:!1,allowSparse:!1,arrayLimit:20,charset:"utf-8",charsetSentinel:!1,comma:!1,decodeDotInKeys:!1,decoder:s.decode,delimiter:"&",depth:5,duplicates:"combine",ignoreQueryPrefix:!1,interpretNumericEntities:!1,parameterLimit:1e3,parseArrays:!0,plainObjects:!1,strictDepth:!1,strictNullHandling:!1},r=function(e){return e.replace(/&#(\d+);/g,function(e,t){return String.fromCharCode(parseInt(t,10))})},i=function(e,t){return e&&typeof e=="string"&&t.comma&&e.indexOf(",")>-1?e.split(","):e},c="utf8=%26%2310003%3B",l="utf8=%E2%9C%93",d=function(t,d){var u,h,m,g,b,j,_,v={__proto__:null},y=d.ignoreQueryPrefix?t.replace(/^\?/,""):t,y=y.replace(/%5B/gi,"[").replace(/%5D/gi,"]"),O=d.parameterLimit===1/0?0[0]:d.parameterLimit,f=y.split(d.delimiter,O),w=-1,p=d.charset;if(d.charsetSentinel)for(u=0;u<f.length;++u)f[u].indexOf("utf8=")===0&&(f[u]===l?p="utf-8":f[u]===c&&(p="iso-8859-1"),w=u,u=f.length);for(u=0;u<f.length;++u){if(u===w)continue;m=f[u],j=m.indexOf("]="),b=j===-1?m.indexOf("="):j+1,b===-1?(g=d.decoder(m,n.decoder,p,"key"),h=d.strictNullHandling?null:""):(g=d.decoder(m.slice(0,b),n.decoder,p,"key"),h=s.maybeMap(i(m.slice(b+1),d),function(e){return d.decoder(e,n.decoder,p,"value")})),h&&d.interpretNumericEntities&&p==="iso-8859-1"&&(h=r(String(h))),m.indexOf("[]=")>-1&&(h=a(h)?[h]:h),_=o.call(v,g),_&&d.duplicates==="combine"?v[g]=s.combine(v[g],h):(!_||d.duplicates==="last")&&(v[g]=h)}return v},u=function(e,t,n,s){for(var a,r,c,l,u,o=s?t:i(t,n),d=e.length-1;d>=0;--d)a=e[d],a==="[]"&&n.parseArrays?r=n.allowEmptyArrays&&(o===""||n.strictNullHandling&&o===null)?[]:[].concat(o):(r=n.plainObjects?{__proto__:null}:{},u=a.charAt(0)==="["&&a.charAt(a.length-1)==="]"?a.slice(1,-1):a,c=n.decodeDotInKeys?u.replace(/%2E/g,"."):u,l=parseInt(c,10),!n.parseArrays&&c===""?r={0:o}:!isNaN(l)&&a!==c&&String(l)===c&&l>=0&&n.parseArrays&&l<=n.arrayLimit?(r=[],r[l]=o):c!=="__proto__"&&(r[c]=o)),o=r;return o},h=function(t,n,s,i){if(!t)return;var d,r=s.allowDots?t.replace(/\.([^.[]+)/g,"[$1]"):t,h=/(\[[^[\]]*])/,m=/(\[[^[\]]*])/g,a=s.depth>0&&h.exec(r),l=a?r.slice(0,a.index):r,c=[];if(l){if(!s.plainObjects&&o.call(Object.prototype,l)&&!s.allowPrototypes)return;c.push(l)}for(d=0;s.depth>0&&(a=m.exec(r))!==null&&d<s.depth;){if(d+=1,!s.plainObjects&&o.call(Object.prototype,a[1].slice(1,-1))&&!s.allowPrototypes)return;c.push(a[1])}if(a){if(s.strictDepth===!0)throw new RangeError("Input depth exceeded depth option of "+s.depth+" and strictDepth is true");c.push("["+r.slice(a.index)+"]")}return u(c,n,s,i)},m=function(t){if(!t)return n;if(typeof t.allowEmptyArrays!="undefined"&&typeof t.allowEmptyArrays!="boolean")throw new TypeError("`allowEmptyArrays` option can only be `true` or `false`, when provided");if(typeof t.decodeDotInKeys!="undefined"&&typeof t.decodeDotInKeys!="boolean")throw new TypeError("`decodeDotInKeys` option can only be `true` or `false`, when provided");if(t.decoder!==null&&typeof t.decoder!="undefined"&&typeof t.decoder!="function")throw new TypeError("Decoder has to be a function.");if(typeof t.charset!="undefined"&&t.charset!=="utf-8"&&t.charset!=="iso-8859-1")throw new TypeError("The charset option must be either utf-8, iso-8859-1, or undefined");var i,a=typeof t.charset=="undefined"?n.charset:t.charset,o=typeof t.duplicates=="undefined"?n.duplicates:t.duplicates;if(o!=="combine"&&o!=="first"&&o!=="last")throw new TypeError("The duplicates option must be either combine, first, or last");return i=typeof t.allowDots=="undefined"?t.decodeDotInKeys===!0||n.allowDots:!!t.allowDots,{allowDots:i,allowEmptyArrays:typeof t.allowEmptyArrays=="boolean"?!!t.allowEmptyArrays:n.allowEmptyArrays,allowPrototypes:typeof t.allowPrototypes=="boolean"?t.allowPrototypes:n.allowPrototypes,allowSparse:typeof t.allowSparse=="boolean"?t.allowSparse:n.allowSparse,arrayLimit:typeof t.arrayLimit=="number"?t.arrayLimit:n.arrayLimit,charset:a,charsetSentinel:typeof t.charsetSentinel=="boolean"?t.charsetSentinel:n.charsetSentinel,comma:typeof t.comma=="boolean"?t.comma:n.comma,decodeDotInKeys:typeof t.decodeDotInKeys=="boolean"?t.decodeDotInKeys:n.decodeDotInKeys,decoder:typeof t.decoder=="function"?t.decoder:n.decoder,delimiter:typeof t.delimiter=="string"||s.isRegExp(t.delimiter)?t.delimiter:n.delimiter,depth:typeof t.depth=="number"||t.depth===!1?+t.depth:n.depth,duplicates:o,ignoreQueryPrefix:t.ignoreQueryPrefix===!0,interpretNumericEntities:typeof t.interpretNumericEntities=="boolean"?t.interpretNumericEntities:n.interpretNumericEntities,parameterLimit:typeof t.parameterLimit=="number"?t.parameterLimit:n.parameterLimit,parseArrays:t.parseArrays!==!1,plainObjects:typeof t.plainObjects=="boolean"?t.plainObjects:n.plainObjects,strictDepth:typeof t.strictDepth=="boolean"?!!t.strictDepth:n.strictDepth,strictNullHandling:typeof t.strictNullHandling=="boolean"?t.strictNullHandling:n.strictNullHandling}};t.exports=function(e,t){var o,i,a,r,c,l,n=m(t);if(e===""||e===null||typeof e=="undefined")return n.plainObjects?{__proto__:null}:{};for(a=typeof e=="string"?d(e,n):e,o=n.plainObjects?{__proto__:null}:{},r=Object.keys(a),i=0;i<r.length;++i)c=r[i],l=h(c,a[c],n,typeof e=="string"),o=s.merge(o,l,n);return n.allowSparse===!0?o:s.compact(o)}}}),_r=e({"node_modules/qs/lib/index.js"(e,t){"use strict";var n=mr(),s=jr(),o=We();t.exports={formats:o,parse:s,stringify:n}}}),Cr=e({"node_modules/classnames/index.js"(e,t){(function(){"use strict";var n={}.hasOwnProperty;function e(){for(var t,o,a,r,s=[],i=0;i<arguments.length;i++){if(t=arguments[i],!t)continue;if(o=typeof t,o==="string"||o==="number")s.push(t);else if(Array.isArray(t)&&t.length)a=e.apply(null,t),a&&s.push(a);else if(o==="object")for(r in t)n.call(t,r)&&t[r]&&s.push(r)}return s.join(" ")}typeof t!="undefined"&&t.exports?(e.default=e,t.exports=e):typeof define=="function"&&typeof define.amd=="object"&&define.amd?define("classnames",[],function(){return e}):window.classNames=e})()}}),Er=e({"node_modules/prismjs/prism.js"(e,t){var s=typeof window!="undefined"?window:typeof WorkerGlobalScope!="undefined"&&self instanceof WorkerGlobalScope?self:{},n=function(e){var s,a,l=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,f=0,i={},t={manual:e.Prism&&e.Prism.manual,disableWorkerMessageHandler:e.Prism&&e.Prism.disableWorkerMessageHandler,util:{encode:function e(t){return t instanceof n?new n(t.type,e(t.content),t.alias):Array.isArray(t)?t.map(e):t.replace(/&/g,"&").replace(/</g,"<").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++f}),e.__id},clone:function e(n,s){s=s||{};var o,i,a;switch(t.util.type(n)){case"Object":if(i=t.util.objId(n),s[i])return s[i];o={},s[i]=o;for(a in n)n.hasOwnProperty(a)&&(o[a]=e(n[a],s));return o;case"Array":return i=t.util.objId(n),s[i]?s[i]:(o=[],s[i]=o,n.forEach(function(t,n){o[n]=e(t,s)}),o);default:return n}},getLanguage:function(e){for(;e;){var t=l.exec(e.className);if(t)return t[1].toLowerCase();e=e.parentElement}return"none"},setLanguage:function(e,t){e.className=e.className.replace(RegExp(l,"gi"),""),e.classList.add("language-"+t)},currentScript:function(){if(typeof document=="undefined")return null;if("currentScript"in document&&1<2)return document.currentScript;try{throw new Error}catch(s){var e,n,t=(/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(s.stack)||[])[1];if(t){e=document.getElementsByTagName("script");for(n in e)if(e[n].src==t)return e[n]}return null}},isActive:function(e,t,n){for(var s,o="no-"+t;e;){if(s=e.classList,s.contains(t))return!0;if(s.contains(o))return!1;e=e.parentElement}return!!n}},languages:{plain:i,plaintext:i,text:i,txt:i,extend:function(e,n){var o,s=t.util.clone(t.languages[e]);for(o in n)s[o]=n[o];return s},insertBefore:function(e,n,s,o){o=o||t.languages;var a,c,l,r=o[e],i={};for(a in r)if(r.hasOwnProperty(a)){if(a==n)for(c in s)s.hasOwnProperty(c)&&(i[c]=s[c]);s.hasOwnProperty(a)||(i[a]=r[a])}return l=o[e],o[e]=i,t.languages.DFS(t.languages,function(t,n){n===l&&t!=e&&(this[t]=i)}),i},DFS:function e(n,s,o,i){i=i||{};var a,r,l,c=t.util.objId;for(r in n)n.hasOwnProperty(r)&&(s.call(n,r,n[r],o||r),a=n[r],l=t.util.type(a),l==="Object"&&!i[c(a)]?(i[c(a)]=!0,e(a,s,null,i)):l==="Array"&&!i[c(a)]&&(i[c(a)]=!0,e(a,s,r,i)))}},plugins:{},highlightAll:function(e,n){t.highlightAllUnder(document,e,n)},highlightAllUnder:function(e,n,s){var i,a,o={callback:s,container:e,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};t.hooks.run("before-highlightall",o),o.elements=Array.prototype.slice.apply(o.container.querySelectorAll(o.selector)),t.hooks.run("before-all-elements-highlight",o);for(i=0;a=o.elements[i++];)t.highlightElement(a,n===!0,o.callback)},highlightElement:function(n,s,o){var i,a,l,d,r=t.util.getLanguage(n),u=t.languages[r];t.util.setLanguage(n,r),a=n.parentElement,a&&a.nodeName.toLowerCase()==="pre"&&t.util.setLanguage(a,r),d=n.textContent,i={element:n,language:r,grammar:u,code:d};function c(e){i.highlightedCode=e,t.hooks.run("before-insert",i),i.element.innerHTML=i.highlightedCode,t.hooks.run("after-highlight",i),t.hooks.run("complete",i),o&&o.call(i.element)}if(t.hooks.run("before-sanity-check",i),a=i.element.parentElement,a&&a.nodeName.toLowerCase()==="pre"&&!a.hasAttribute("tabindex")&&a.setAttribute("tabindex","0"),!i.code){t.hooks.run("complete",i),o&&o.call(i.element);return}if(t.hooks.run("before-highlight",i),!i.grammar){c(t.util.encode(i.code));return}s&&e.Worker?(l=new Worker(t.filename),l.onmessage=function(e){c(e.data)},l.postMessage(JSON.stringify({language:i.language,code:i.code,immediateClose:!0}))):c(t.highlight(i.code,i.grammar,i.language))},highlight:function(e,s,o){var i={code:e,grammar:s,language:o};if(t.hooks.run("before-tokenize",i),!i.grammar)throw new Error('The language "'+i.language+'" has no grammar.');return i.tokens=t.tokenize(i.code,i.grammar),t.hooks.run("after-tokenize",i),n.stringify(t.util.encode(i.tokens),i.language)},tokenize:function(e,t){var n,i,s=t.rest;if(s){for(i in s)t[i]=s[i];delete t.rest}return n=new u,o(n,n.head,e),c(e,n,t,n.head,0),m(n)},hooks:{all:{},add:function(e,n){var s=t.hooks.all;s[e]=s[e]||[],s[e].push(n)},run:function(e,n){var o,i,s=t.hooks.all[e];if(!s||!s.length)return;for(o=0;i=s[o++];)i(n)}},Token:n};e.Prism=t;function n(e,t,n,s){this.type=e,this.content=t,this.alias=n,this.length=(s||"").length|0}n.stringify=function e(n,s){if(typeof n=="string")return n;if(Array.isArray(n)){var o,i,a,c,r="";return n.forEach(function(t){r+=e(t,s)}),r}o={type:n.type,content:e(n.content,s),tag:"span",classes:["token",n.type],attributes:{},language:s},i=n.alias,i&&(Array.isArray(i)?Array.prototype.push.apply(o.classes,i):o.classes.push(i)),t.hooks.run("wrap",o),a="";for(c in o.attributes)a+=" "+c+'="'+(o.attributes[c]||"").replace(/"/g,""")+'"';return"<"+o.tag+' class="'+o.classes.join(" ")+'"'+a+">"+o.content+"</"+o.tag+">"};function d(e,t,n,s){e.lastIndex=t;var i,o=e.exec(n);return o&&s&&o[1]&&(i=o[1].length,o.index+=i,o[0]=o[0].slice(i)),o}function c(e,s,i,a,r,l){for(_ in i){if(!i.hasOwnProperty(_)||!i[_])continue;for(v=i[_],v=Array.isArray(v)?v:[v],y=0;y<v.length;++y){if(l&&l.cause==_+","+y)return;m=v[y],M=m.inside,S=!!m.lookbehind,T=!!m.greedy,L=m.alias,T&&!m.pattern.global&&(N=m.pattern.toString().match(/[imsuy]*$/)[0],m.pattern=RegExp(m.pattern.source,N+"g"));for(var m,f,g,v,b,j,y,_,w,O,x,C,E,k,A,S,M,F,T,D,N,L,R,z=m.pattern||m,u=a.next,p=r;u!==s.tail;p+=u.value.length,u=u.next){if(l&&p>=l.reach)break;if(b=u.value,s.length>e.length)return;if(b instanceof n)continue;if(O=1,T){if(f=d(z,p,e,S),!f||f.index>=e.length)break;for(C=f.index,D=f.index+f[0].length,g=p,g+=u.value.length;C>=g;)u=u.next,g+=u.value.length;if(g-=u.value.length,p=g,u.value instanceof n)continue;for(j=u;j!==s.tail&&(g<D||typeof j.value=="string");j=j.next)O++,g+=j.value.length;O--,b=e.slice(p,g),f.index-=p}else if(f=d(z,0,b,S),!f)continue;C=f.index,x=f[0],A=b.slice(0,C),F=b.slice(C+x.length),k=p+b.length,l&&k>l.reach&&(l.reach=k),w=u.prev,A&&(w=o(s,w,A),p+=A.length),h(s,w,O),R=new n(_,M?t.tokenize(x,M):x,L,x),u=o(s,w,R),F&&o(s,u,F),O>1&&(E={cause:_+","+y,reach:k},c(e,s,i,u.prev,p,E),l&&E.reach>l.reach&&(l.reach=E.reach))}}}}function u(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function o(e,t,n){var o=t.next,s={value:n,prev:t,next:o};return t.next=s,o.prev=s,e.length++,s}function h(e,t,n){for(var s=t.next,o=0;o<n&&s!==e.tail;o++)s=s.next;t.next=s,s.prev=t,e.length-=o}function m(e){for(var n=[],t=e.head.next;t!==e.tail;)n.push(t.value),t=t.next;return n}if(!e.document)return e.addEventListener?(t.disableWorkerMessageHandler||e.addEventListener("message",function(n){var s=JSON.parse(n.data),o=s.language,i=s.code,a=s.immediateClose;e.postMessage(t.highlight(i,t.languages[o],o)),a&&e.close()},!1),t):t;s=t.util.currentScript(),s&&(t.filename=s.src,s.hasAttribute("data-manual")&&(t.manual=!0));function r(){t.manual||t.highlightAll()}return t.manual||(a=document.readyState,a==="loading"||a==="interactive"&&s&&s.defer?document.addEventListener("DOMContentLoaded",r):window.requestAnimationFrame?window.requestAnimationFrame(r):window.setTimeout(r,16)),t}(s);typeof t!="undefined"&&t.exports&&(t.exports=n),typeof global!="undefined"&&(global.Prism=n),n.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>/=$<%]+(?:\s(?:\s*[^\s>/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>/]+/,inside:{namespace:/^[^\s>/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},n.languages.markup.tag.inside["attr-value"].inside.entity=n.languages.markup.entity,n.languages.markup.doctype.inside["internal-subset"].inside=n.languages.markup,n.hooks.add("wrap",function(e){e.type==="entity"&&(e.attributes.title=e.content.replace(/&/,"&"))}),Object.defineProperty(n.languages.markup.tag,"addInlined",{value:function(t,s){var i,a,o={};o["language-"+s]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:n.languages[s]},o.cdata=/^<!\[CDATA\[|\]\]>$/i,i={"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:o}},i["language-"+s]={pattern:/[\s\S]+/,inside:n.languages[s]},a={},a[t]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,function(){return t}),"i"),lookbehind:!0,greedy:!0,inside:i},n.languages.insertBefore("markup","cdata",a)}}),Object.defineProperty(n.languages.markup.tag,"addAttribute",{value:function(e,t){n.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+e+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[t,"language-"+t],inside:n.languages[t]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),n.languages.html=n.languages.markup,n.languages.mathml=n.languages.markup,n.languages.svg=n.languages.markup,n.languages.xml=n.languages.extend("markup",{}),n.languages.ssml=n.languages.xml,n.languages.atom=n.languages.xml,n.languages.rss=n.languages.xml,function(e){var n,t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+t.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp(`(^|[{}\\s])[^{}\\s](?:[^{};"'\\s]|\\s+(?![\\s{])|`+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css,n=e.languages.markup,n&&(n.tag.addInlined("style","css"),n.tag.addAttribute("style","css"))}(n),n.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},n.languages.javascript=n.languages.extend("clike",{"class-name":[n.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+(/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source)+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),n.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,n.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:n.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:n.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:n.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:n.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:n.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),n.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:n.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),n.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),n.languages.markup&&(n.languages.markup.tag.addInlined("script","javascript"),n.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),n.languages.js=n.languages.javascript,function(){if(typeof n=="undefined"||typeof document=="undefined")return;Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector);var s,a="Loading…",r=function(e,t){return"✖ Error "+e+" while fetching file: "+t},c="✖ Error: File does not exist or is empty",l={js:"javascript",py:"python",rb:"ruby",ps1:"powershell",psm1:"powershell",sh:"bash",bat:"batch",h:"c",tex:"latex"},e="data-src-status",o="loading",i="loaded",d="failed",t="pre[data-src]:not(["+e+'="'+i+'"]):not(['+e+'="'+o+'"])';function u(e,t,n){var s=new XMLHttpRequest;s.open("GET",e,!0),s.onreadystatechange=function(){s.readyState==4&&(s.status<400&&s.responseText?t(s.responseText):n(s.status>=400?r(s.status,s.statusText):c))},s.send(null)}function h(e){var t,s,o,n=/^\s*(\d+)\s*(?:(,)\s*(?:(\d+)\s*)?)?$/.exec(e||"");return n?(t=Number(n[1]),o=n[2],s=n[3],o?s?[t,Number(s)]:[t,0[0]]:[t,t]):0[0]}n.hooks.add("before-highlightall",function(e){e.selector+=", "+t}),n.hooks.add("before-sanity-check",function(s){var c,m,f,p,g,r=s.element;r.matches(t)&&(s.code="",r.setAttribute(e,o),c=r.appendChild(document.createElement("CODE")),c.textContent=a,f=r.getAttribute("data-src"),m=s.language,m==="none"&&(p=(/\.(\w+)$/.exec(f)||[,"none"])[1],m=l[p]||p),n.util.setLanguage(c,m),n.util.setLanguage(r,m),g=n.plugins.autoloader,g&&g.loadLanguages(m),u(f,function(t){r.setAttribute(e,i);var s,o,a,l=h(r.getAttribute("data-range"));l&&(s=t.split(/\r\n?|\n/g),o=l[0],a=l[1]==null?s.length:l[1],o<0&&(o+=s.length),o=Math.max(0,Math.min(o-1,s.length)),a<0&&(a+=s.length),a=Math.max(0,Math.min(a,s.length)),t=s.slice(o,a).join(` +`),r.hasAttribute("data-start")||r.setAttribute("data-start",String(o+1))),c.textContent=t,n.highlightElement(c)},function(t){r.setAttribute(e,d),c.textContent=t}))}),n.plugins.fileHighlight={highlight:function(s){for(var a,o=(s||document).querySelectorAll(t),i=0;a=o[i++];)n.highlightElement(a)}},s=!1,n.fileHighlight=function(){s||(console.warn("Prism.fileHighlight is deprecated. Use `Prism.plugins.fileHighlight.highlight` instead."),s=!0),n.plugins.fileHighlight.highlight.apply(this,arguments)}}()}});function Qe(e,t,n,s){return new(n||(n=Promise))(function(o,i){function r(e){try{a(s.next(e))}catch(e){i(e)}}function c(e){try{a(s.throw(e))}catch(e){i(e)}}function a(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n(function(e){e(t)})).then(r,c)}a((s=s.apply(e,t||[])).next())})}function Ze(e,t){var n,o,i,a,s={label:0,sent:function(){if(1&n[0])throw n[1];return n[1]},trys:[],ops:[]};return a={next:r(0),throw:r(1),return:r(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function r(a){return function(r){return function(a){if(i)throw new TypeError("Generator is already executing.");for(;s;)try{if(i=1,o&&(n=2&a[0]?o.return:a[0]?o.throw||((n=o.return)&&n.call(o),0):o.next)&&!(n=n.call(o,a[1])).done)return n;switch(o=0,n&&(a=[2&a[0],n.value]),a[0]){case 0:case 1:n=a;break;case 4:return s.label++,{value:a[1],done:!1};case 5:s.label++,o=a[1],a=[0];continue;case 7:a=s.ops.pop(),s.trys.pop();continue;default:if(!(n=s.trys,(n=n.length>0&&n[n.length-1])||6!==a[0]&&2!==a[0])){s=0;continue}if(3===a[0]&&(!n||a[1]>n[0]&&a[1]<n[3])){s.label=a[1];break}if(6===a[0]&&s.label<n[1]){s.label=n[1],n=a;break}if(n&&s.label<n[2]){s.label=n[2],s.ops.push(a);break}n[2]&&s.ops.pop(),s.trys.pop();continue}a=t.call(e,s)}catch(e){a=[6,e],o=0}finally{i=n=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:0[0],done:!0}}([a,r])}}}kt=function(){};function d(e){kt(e)}(function(){(console.warn||console.log).apply(console,arguments)}).bind("[clipboard-polyfill]"),it="undefined"==typeof navigator?0[0]:navigator,r=it?.clipboard,Dr=null===(tt=r?.read)||0[0]===tt?0[0]:tt.bind(r),Lr=null===(nt=r?.readText)||0[0]===nt?0[0]:nt.bind(r),na=null===(st=r?.write)||0[0]===st?0[0]:st.bind(r),xe=null===(ot=r?.writeText)||0[0]===ot?0[0]:ot.bind(r),W="undefined"==typeof window?0[0]:window,Nr=W?.ClipboardItem,U=W;function zr(){return"undefined"==typeof ClipboardEvent&&0[0]!==U.clipboardData&&0[0]!==U.clipboardData.setData}pt=function(){this.success=!1};function Tr(e,t,n){for(s in d("listener called"),e.success=!0,t){var s,o=t[s],i=n.clipboardData;i.setData(s,o),"text/plain"===s&&i.getData(s)!==o&&(d("setting text/plain failed"),e.success=!1)}n.preventDefault()}function vt(e){var t=new pt,n=Tr.bind(this,t,e);document.addEventListener("copy",n);try{document.execCommand("copy")}finally{document.removeEventListener("copy",n)}return t.success}function bt(e,t){jt(e);var n=vt(t);return yt(),n}function jt(e){var n,t=document.getSelection();t&&(n=document.createRange(),n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n))}function yt(){var e=document.getSelection();e&&e.removeAllRanges()}function Mr(e){return Qe(this,0[0],0[0],function(){var t;return Ze(this,function(){if(t="text/plain"in e,zr()){if(!t)throw new Error("No `text/plain` value was specified.");if(s=e["text/plain"],U.clipboardData.setData("Text",s))return[2,!0];throw new Error("Copying failed, possibly because the user rejected it.")}var s;return vt(e)?(d("regular execCopy worked"),[2,!0]):navigator.userAgent.indexOf("Edge")>-1?(d('UA "Edge" => assuming success'),[2,!0]):bt(document.body,e)?(d("copyUsingTempSelection worked"),[2,!0]):function(e){var n,t=document.createElement("div");return t.setAttribute("style","-webkit-user-select: text !important"),t.textContent="temporary element",document.body.appendChild(t),n=bt(t,e),document.body.removeChild(t),n}(e)?(d("copyUsingTempElem worked"),[2,!0]):function(e){d("copyTextUsingDOM");var n,s,o,t=document.createElement("div");return t.setAttribute("style","-webkit-user-select: text !important"),s=t,t.attachShadow&&(d("Using shadow DOM."),s=t.attachShadow({mode:"open"})),n=document.createElement("span"),n.innerText=e,s.appendChild(n),document.body.appendChild(t),jt(n),o=document.execCommand("copy"),yt(),document.body.removeChild(t),o}(e["text/plain"])?(d("copyTextUsingDOM worked"),[2,!0]):[2,!1]})})}function wt(e){return Qe(this,0[0],0[0],function(){return Ze(this,function(){if(xe)return d("Using `navigator.clipboard.writeText()`."),[2,xe(e)];if(!Mr(function(e){var t={};return t["text/plain"]=e,t}(e)))throw new Error("writeText() failed");return[2]})})}Sr=function(){function e(e,t){for(s in 0[0]===t&&(t={}),this.types=Object.keys(e),this._items={},e){var n,s,o=e[s];this._items[s]="string"==typeof o?kr(s,o):o}this.presentationStyle=null!==(n=t?.presentationStyle)&&0[0]!==n?n:"unspecified"}return e.prototype.getType=function(e){return Qe(this,0[0],0[0],function(){return Ze(this,function(){return[2,this._items[e]]})})},e}();function kr(e,t){return new Blob([t],{type:e})}Ct=e=>{const t=e.querySelector("code").innerText;e.addEventListener("click",async n=>{await wt(t),e.classList.add("is-success"),e.dataset.tooltip="Copied!"}),e.addEventListener("mouseleave",t=>{e.classList.remove("is-success"),e.dataset.tooltip="Copy color to clipboard"})},Et=(e,t,n)=>{t.addEventListener("click",async s=>{const i=e.querySelector(".js-tabcontent.is-active"),o=i.dataset.clipboard;o&&(await wt(o),t.blur(),Je([t,n]))}),n.addEventListener("mouseleave",e=>{setTimeout(()=>Je([t,n]),200)})},Je=e=>{e.forEach(e=>e.classList.toggle("is-hidden"))},At=(e,t)=>{const n=new MutationObserver(n=>{t.classList.contains("is-active")?e.classList.add("is-hidden"):e.classList.remove("is-hidden")});n.observe(t,{attributeFilter:["class"]})},St=e=>{const n=e.querySelector(".copy-to-cc"),s=e.querySelector(".copied-to-cc"),t=e.querySelector(".theme-colors");if(t){At(n,t);const e=t.querySelectorAll(".color");e.forEach(Ct)}Et(e,n,s)},Mt=()=>{const e=document.querySelectorAll(".box-code");e.forEach(e=>St(e))},Ft=m(wi()),Xe=m(Pe()),zt=m(Zo()),Ge=m(Pe());function Or(e){return e.toString().charAt(0).toUpperCase()+e.toString().slice(1)}Ye=Or,Rt=Promise.resolve(),Pt=function(t){var n=null,s=!1,o=function(){for(var i=arguments.length,a=new Array(i),o=0;o<i;o++)a[o]=arguments[o];if(n!==null)return;n=Rt.then(function(){if(n=null,s){s=!1;return}t.apply(0[0],a)})};return o.wait=function(){if(n===null)throw new Error("The deferred function should be called before calling `wait()`");return n},o.cancel=function(){if(n===null)return;s=!0},o},qe=Pt;function br(e){return e instanceof HTMLElement||Boolean(e)&&e.nodeType>0}Bt=br;function gr(e){var t,n=typeof e=="string",s=n?document.querySelector(e):e;if(!Bt(s))throw t="Container must be `string` or `HTMLElement`.",n&&(t+=" Unable to find ".concat(e)),new Error(t);return s}$t=gr;function fr(e){return e.filter(function(e,t,n){return n.indexOf(e)===t})}Ke=fr,Ue=m(fi());function Y(e){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?Y=function(t){return typeof t}:Y=function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Y(e)}function Yt(e,t){var n,s=Object.keys(e);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(e),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,n)),s}function Gt(e){for(var t,n=1;n<arguments.length;n++)t=arguments[n]!=null?arguments[n]:{},n%2?Yt(Object(t),!0).forEach(function(n){Xt(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Yt(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))});return e}function Xt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function dr(){var e=arguments.length>0&&arguments[0]!==0[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:0[0],n=arguments.length>2?arguments[2]:0[0];return Object.keys(e).reduce(function(s,o){return Gt({},s,Xt({},o,function(){var s=this;return function(i){var a=function(n){return Ue.default.compile(n,t).render(s)};return e[o].call(n,i,a)}}))},{})}function lr(e){var r,c=e.templates,o=e.templateKey,i=e.compileOptions,l=e.helpers,t=e.data,d=e.bindEvent,n=c[o],s=Y(n),u=s==="string",a=s==="function";if(!u&&!a)throw new Error("Template must be 'string' or 'function', was '".concat(s,"' (key: ").concat(o,")"));return a?n(t,d):(r=dr(l,i,t),Ue.default.compile(n,i).render(Gt({},t,{helpers:r})).replace(/[ \n\r\t\f\xA0]+/g,function(e){return e.replace(/(^|\xA0+)[^\xA0]+/g,"$1 ")}).trim())}Jt=lr;function ar(e,t){for(var s,n=0;n<e.length;n++)if(s=e[n],t(s,n,e))return s}tn=ar;function ir(e){return Object.prototype.toString.call(e).slice(8,-1)}sn=ir;function Ja(e,t){if(e===0[0]||typeof e!="function")throw new Error("The render function is not valid (received type ".concat(sn(e),`). + +`).concat(t))}Ve=Ja;function Xa(){}a=Xa,ln=function(t){return t},X=a,o=a,!0&&(X=function(t){console.warn("[InstantSearch.js]: ".concat(t.trim()))},ln=function(t,n){var s=!1;return function(){return s||(s=!0,X(n)),t.apply(0[0],arguments)}},o=function(t,n){if(t)return;var s=o.cache[n];s||(o.cache[n]=!0,X(n))},o.cache={}),hn=Object.keys;function Ua(e){return Ba(e)||Va(e)||Wa()}function Wa(){throw new TypeError("Invalid attempt to spread non-iterable instance")}function Va(e){if(Symbol.iterator in Object(e)||Object.prototype.toString.call(e)==="[object Arguments]")return Array.from(e)}function Ba(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}function B(e,t){return Fa(e)||Da(e,t)||Ra()}function Ra(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}function Da(e,t){if(!(Symbol.iterator in Object(e)||Object.prototype.toString.call(e)==="[object Arguments]"))return;var n,r,s=[],o=!0,i=!1,a=0[0];try{for(n=e[Symbol.iterator]();!(o=(r=n.next()).done);o=!0)if(s.push(r.value),t&&s.length===t)break}catch(e){i=!0,a=e}finally{try{!o&&n.return!=null&&n.return()}finally{if(i)throw a}}return s}function Fa(e){if(Array.isArray(e))return e}function Aa(e){switch(e){case"range":return[];case"menu":return["menu","menuSelect"];default:return[e]}}wn={query:{connectors:["connectSearchBox"],widgets:["ais.searchBox","ais.autocomplete","ais.voiceSearch"]},refinementList:{connectors:["connectRefinementList"],widgets:["ais.refinementList"]},menu:{connectors:["connectMenu"],widgets:["ais.menu"]},hierarchicalMenu:{connectors:["connectHierarchicalMenu"],widgets:["ais.hierarchicalMenu"]},numericMenu:{connectors:["connectNumericMenu"],widgets:["ais.numericMenu"]},ratingMenu:{connectors:["connectRatingMenu"],widgets:["ais.ratingMenu"]},range:{connectors:["connectRange"],widgets:["ais.rangeInput","ais.rangeSlider","ais.range"]},toggle:{connectors:["connectToggleRefinement"],widgets:["ais.toggleRefinement"]},geoSearch:{connectors:["connectGeoSearch"],widgets:["ais.geoSearch"]},sortBy:{connectors:["connectSortBy"],widgets:["ais.sortBy"]},page:{connectors:["connectPagination"],widgets:["ais.pagination","ais.infiniteHits"]},hitsPerPage:{connectors:["connectHitsPerPage"],widgets:["ais.hitsPerPage"]},configure:{connectors:["connectConfigure"],widgets:["ais.configure"]},places:{connectors:[],widgets:["ais.places"]}};function On(e){var n=e.index,s=e.indexUiState,i=n.getWidgets().map(function(e){return e.$$type}).filter(Boolean),t=hn(s).reduce(function(e,t){var s,n=wn[t];return n?(s=n.widgets,s&&!s.some(function(e){return i.includes(e)})&&e.push([t,{connectors:n.connectors,widgets:n.widgets.map(function(e){return e.split("ais.")[1]})}]),e):e},[]);o(t.length===0,'The UI state for the index "'.concat(n.getIndexId(),'" is not consistent with the widgets mounted.\n\nThis can happen when the UI state is specified via `initialUiState`, `routing` or `setUiState` but that the widgets responsible for this state were not added. This results in those query parameters not being sent to the API.\n\nTo fully reflect the state, some widgets need to be added to the index "').concat(n.getIndexId(),`": + +`).concat(t.map(function(e){var t,n=B(e,2),s=n[0],o=n[1].widgets;return"- `".concat(s,"` needs one of these widgets: ").concat((t=[]).concat.apply(t,Ua(o.map(function(e){return Aa(e)}))).map(function(e){return'"'.concat(e,'"')}).join(", "))}).join(` +`),` + +If you do not wish to display widgets but still want to support their search parameters, you can mount "virtual widgets" that don't render anything: + +\`\`\` +`).concat(t.filter(function(e){var t=B(e,2),s=t[0],n=t[1].connectors;return n.length>0}).map(function(e){var t=B(e,2),r=t[0],n=t[1],s=n.connectors,o=n.widgets,i=Ye(o[0]),a=s[0];return"const virtual".concat(i," = ").concat(a,"(() => null);")}).join(` +`),` + +search.addWidgets([ + `).concat(t.filter(function(e){var t=B(e,2),s=t[0],n=t[1].connectors;return n.length>0}).map(function(e){var t=B(e,2),o=t[0],n=t[1].widgets,s=Ye(n[0]);return"virtual".concat(s,"({ /* ... */ })")}).join(`, + `),` +]); +\`\`\` + +If you're using custom widgets that do set these query parameters, we recommend using connectors instead. + +See https://www.algolia.com/doc/guides/building-search-ui/widgets/customize-an-existing-widget/js/#customize-the-complete-ui-of-the-widgets`))}function ka(e,t){var n=Array.isArray(t)?t:t.split(".");return n.reduce(function(e,t){return e&&e[t]},e)}I=ka;function ee(e){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?ee=function(t){return typeof t}:ee=function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},ee(e)}function wa(e){return e===null?e===0[0]?"[object Undefined]":"[object Null]":Object.prototype.toString.call(e)}function _a(e){return ee(e)==="object"&&e!==null}function ya(e){if(!_a(e)||wa(e)!=="[object Object]")return!1;if(Object.getPrototypeOf(e)===null)return!0;for(var t=e;Object.getPrototypeOf(t)!==null;)t=Object.getPrototypeOf(t);return Object.getPrototypeOf(e)===t}Ne=ya;function Fn(e){return e!==Object(e)}function Tn(e,t){if(e===t)return!0;if(Fn(e)||Fn(t)||typeof e=="function"||typeof t=="function")return e===t;if(Object.keys(e).length!==Object.keys(t).length)return!1;for(var n,s=0,o=Object.keys(e);s<o.length;s++){if(n=o[s],!(n in t))return!1;if(!Tn(e[n],t[n]))return!1}return!0}w=Tn,Dn={"&":"&","<":"<",">":">",'"':""","'":"'"},Me=/[&<>"']/g,Ln=RegExp(Me.source);function pa(e){return e&&Ln.test(e)?e.replace(Me,function(e){return Dn[e]}):e}Pn=pa,Hn={"&":"&","<":"<",">":">",""":'"',"'":"'"},Se=/&(amp|quot|lt|gt|#39);/g,Bn=RegExp(Se.source);function ra(e){return e&&Bn.test(e)?e.replace(Se,function(e){return Hn[e]}):e}function Ae(){return Ae=Object.assign||function(e){for(var t,s,n=1;n<arguments.length;n++){t=arguments[n];for(s in t)Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s])}return e},Ae.apply(this,arguments)}function Wn(e,t){var n,s=Object.keys(e);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(e),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,n)),s}function Un(e){for(var t,n=1;n<arguments.length;n++)t=arguments[n]!=null?arguments[n]:{},n%2?Wn(Object(t),!0).forEach(function(n){Kn(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Wn(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))});return e}function Kn(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}S={highlightPreTag:"__ais-highlight__",highlightPostTag:"__/ais-highlight__"},i={highlightPreTag:"<mark>",highlightPostTag:"</mark>"};function Gi(e){return Pn(e).replace(new RegExp(S.highlightPreTag,"g"),i.highlightPreTag).replace(new RegExp(S.highlightPostTag,"g"),i.highlightPostTag)}function ae(e){return Ne(e)&&typeof e.value!="string"?Object.keys(e).reduce(function(t,n){return Un({},t,Kn({},n,ae(e[n])))},{}):Array.isArray(e)?e.map(ae):Un({},e,{value:Gi(e.value)})}function Yi(e){return e.__escaped===0[0]&&(e=e.map(function(e){var t=Ae({},e);return t._highlightResult&&(t._highlightResult=ae(t._highlightResult)),t._snippetResult&&(t._snippetResult=ae(t._snippetResult)),t}),e.__escaped=!0),e}function Zn(e){var t=i.highlightPreTag,n=i.highlightPostTag;return e.map(function(e){return e.isHighlighted?t+e.value+n:e.value}).join("")}function Jn(e){var o=i.highlightPostTag,a=i.highlightPreTag,n=e.split(a),s=n.shift(),t=s?[{value:s,isHighlighted:!1}]:[];return n.forEach(function(e){var n=e.split(o);t.push({value:n[0],isHighlighted:!0}),n[1]!==""&&t.push({value:n[1],isHighlighted:!1})}),t}es=new RegExp(/\w/i);function Ki(e,t){var n,s,o=e[t],a=((n=e[t+1])===null||n===0[0]?0[0]:n.isHighlighted)||!0,i=((s=e[t-1])===null||s===0[0]?0[0]:s.isHighlighted)||!0;return!es.test(ra(o.value))&&i===a?i:o.isHighlighted}function ns(e,t){var n,s=Object.keys(e);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(e),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,n)),s}function ss(e){for(var t,n=1;n<arguments.length;n++)t=arguments[n]!=null?arguments[n]:{},n%2?ns(Object(t),!0).forEach(function(n){Wi(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ns(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))});return e}function Wi(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function is(e){return e.some(function(e){return e.isHighlighted})?e.map(function(t,n){return ss({},t,{isHighlighted:!Ki(e,n)})}):e.map(function(e){return ss({},e,{isHighlighted:!1})})}function $i(e,t){if(!Array.isArray(e))return-1;for(var n=0;n<e.length;n++)if(t(e[n]))return n;return-1}cs=$i;function ls(e,t){var n,s=Object.keys(e);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(e),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,n)),s}function N(e){for(var t,n=1;n<arguments.length;n++)t=arguments[n]!=null?arguments[n]:{},n%2?ls(Object(t),!0).forEach(function(n){Ii(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ls(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))});return e}function Ii(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Hi(e,t){if(e==null)return{};var n,s,o,i=Li(e,t);if(Object.getOwnPropertySymbols){o=Object.getOwnPropertySymbols(e);for(s=0;s<o.length;s++){if(n=o[s],t.indexOf(n)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(e,n))continue;i[n]=e[n]}}return i}function Li(e,t){if(e==null)return{};var n,s,o={},i=Object.keys(e);for(s=0;s<i.length;s++){if(n=i[s],t.indexOf(n)>=0)continue;o[n]=e[n]}return o}fs=function(t,n){var o=n.facets,i=n.disjunctiveFacets,a=n.facetsRefinements,r=n.facetsExcludes,c=n.disjunctiveFacetsRefinements,l=n.numericRefinements,d=n.tagRefinements,u=n.hierarchicalFacets,h=n.hierarchicalFacetsRefinements,m=n.ruleContexts,s=Hi(n,["facets","disjunctiveFacets","facetsRefinements","facetsExcludes","disjunctiveFacetsRefinements","numericRefinements","tagRefinements","hierarchicalFacets","hierarchicalFacetsRefinements","ruleContexts"]);return t.setQueryParameters(s)},ps=function(t,n){return n.facets.reduce(function(e,t){return e.addFacet(t)},t)},gs=function(t,n){return n.disjunctiveFacets.reduce(function(e,t){return e.addDisjunctiveFacet(t)},t)},vs=function(t,n){return t.setQueryParameters({hierarchicalFacets:n.hierarchicalFacets.reduce(function(e,t){var n,s=cs(e,function(e){return e.name===t.name});return s===-1?e.concat(t):(n=e.slice(),n.splice(s,1,t),n)},t.hierarchicalFacets)})},bs=function(t,n){return n.tagRefinements.reduce(function(e,t){return e.addTagRefinement(t)},t)},js=function(t,n){return t.setQueryParameters({facetsRefinements:N({},t.facetsRefinements,{},n.facetsRefinements)})},ys=function(t,n){return t.setQueryParameters({facetsExcludes:N({},t.facetsExcludes,{},n.facetsExcludes)})},_s=function(t,n){return t.setQueryParameters({disjunctiveFacetsRefinements:N({},t.disjunctiveFacetsRefinements,{},n.disjunctiveFacetsRefinements)})},ws=function(t,n){return t.setQueryParameters({numericRefinements:N({},t.numericRefinements,{},n.numericRefinements)})},Os=function(t,n){return t.setQueryParameters({hierarchicalFacetsRefinements:N({},t.hierarchicalFacetsRefinements,{},n.hierarchicalFacetsRefinements)})},xs=function(t,n){var s=Ke([].concat(t.ruleContexts).concat(n.ruleContexts).filter(Boolean));return s.length>0?t.setQueryParameters({ruleContexts:s}):t},Cs=function(){for(var n=arguments.length,s=new Array(n),t=0;t<n;t++)s[t]=arguments[t];return s.reduce(function(e,t){var n=Os(e,t),s=vs(n,t),o=bs(s,t),i=ws(o,t),a=_s(i,t),r=ys(a,t),c=js(r,t),l=gs(c,t),d=xs(l,t),u=ps(d,t);return fs(u,t)})},D=Cs,ks=function(t){for(var n=t.getParent(),s=[t.getHelper().state];n!==null;)s=[n.getHelper().state].concat(s),n=n.getParent();return s},As=ks,_e=function(t){var s=t.name,n=t.connector,o=n!==0[0]&&n;return["https://www.algolia.com/doc/api-reference/widgets/",s,"/js/",o?"#connector":""].join("")},g=function(){for(var o,n=arguments.length,s=new Array(n),t=0;t<n;t++)s[t]=arguments[t];return o=s.map(function(e){return _e(e)}).join(", "),function(e){return[e,"See documentation: ".concat(o)].filter(Boolean).join(` + +`)}};function Fs(e,t){var n,s=Object.keys(e);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(e),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,n)),s}function _i(e){for(var t,n=1;n<arguments.length;n++)t=arguments[n]!=null?arguments[n]:{},n%2?Fs(Object(t),!0).forEach(function(n){ji(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Fs(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))});return e}function ji(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}Ds=function(t,n,s){return t.map(function(e,t){return _i({},e,{__position:s*n+t+1})})};function Ns(e,t){var n,s=Object.keys(e);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(e),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,n)),s}function bi(e){for(var t,n=1;n<arguments.length;n++)t=arguments[n]!=null?arguments[n]:{},n%2?Ns(Object(t),!0).forEach(function(n){sa(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Ns(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))});return e}function sa(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}Ps=function(t,n){return n?t.map(function(e){return bi({},e,{__queryID:n})}):t};function me(e){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?me=function(t){return typeof t}:me=function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},me(e)}be=function(t){var n,o,i,a,r,u,h,c=t.index,l=t.widgetType,d=t.methodName,s=t.args;if(s.length===1&&me(s[0])==="object")return s[0];if(n=s[0],o=s[1],i=s[2],!o){if(!0)throw new Error(`You need to pass hit or hits as the second argument like: + `.concat(d,`(eventType, hit); + `));return null}if((n==="click"||n==="conversion")&&!i){if(!0)throw new Error(`You need to pass eventName as the third argument for 'click' or 'conversion' events like: + `.concat(d,`('click', hit, 'Product Purchased'); + + To learn more about event naming: https://www.algolia.com/doc/guides/getting-insights-and-analytics/search-analytics/click-through-and-conversions/in-depth/clicks-conversions-best-practices/ + `));return null}if(a=Array.isArray(o)?o:[o],a.length===0)return null;if(u=a[0].__queryID,r=a.map(function(e){return e.objectID}),h=a.map(function(e){return e.__position}),n==="view")return{insightsMethod:"viewedObjectIDs",widgetType:l,eventType:n,payload:{eventName:i||"Hits Viewed",index:c,objectIDs:r}};if(n==="click")return{insightsMethod:"clickedObjectIDsAfterSearch",widgetType:l,eventType:n,payload:{eventName:i,index:c,queryID:u,objectIDs:r,positions:h}};if(n==="conversion")return{insightsMethod:"convertedObjectIDsAfterSearch",widgetType:l,eventType:n,payload:{eventName:i,index:c,queryID:u,objectIDs:r}};if(!0)throw new Error('eventType("'.concat(n,`") is not supported. + If you want to send a custom payload, you can pass one object: `).concat(d,`(customPayload); + `));return null};function di(e){var t=e.instantSearchInstance,n=e.index,s=e.widgetType,o=function(){for(var i,a=arguments.length,r=new Array(a),o=0;o<a;o++)r[o]=arguments[o];i=be({widgetType:s,index:n,methodName:"sendEvent",args:r}),i&&t.sendEventToInsights(i)};return o}function li(e){var t=e.index,n=e.widgetType,s=function(){for(var o,i=arguments.length,a=new Array(i),s=0;s<i;s++)a[s]=arguments[s];return o=be({widgetType:n,index:t,methodName:"bindEvent",args:a}),o?"data-insights-event=".concat(btoa(JSON.stringify(o))):""};return s}function $s(e,t){var n,s=Object.keys(e);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(e),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,n)),s}function ve(e){for(var t,n=1;n<arguments.length;n++)t=arguments[n]!=null?arguments[n]:{},n%2?$s(Object(t),!0).forEach(function(n){$(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):$s(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))});return e}function $(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Ks(e){return Go(e)||Xo(e)||Qo()}function Qo(){throw new TypeError("Invalid attempt to spread non-iterable instance")}function Xo(e){if(Symbol.iterator in Object(e)||Object.prototype.toString.call(e)==="[object Arguments]")return Array.from(e)}function Go(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}function Yo(e,t){if(e==null)return{};var n,s,o,i=Ko(e,t);if(Object.getOwnPropertySymbols){o=Object.getOwnPropertySymbols(e);for(s=0;s<o.length;s++){if(n=o[s],t.indexOf(n)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(e,n))continue;i[n]=e[n]}}return i}function Ko(e,t){if(e==null)return{};var n,s,o={},i=Object.keys(e);for(s=0;s<i.length;s++){if(n=i[s],t.indexOf(n)>=0)continue;o[n]=e[n]}return o}C=g({name:"index-widget"});function k(e){return e.$$type==="ais.index"}function eo(e,t){var n=t.state,s=t.isPageReset,o=t._uiState;n!==e.state&&(e.state=n,e.emit("change",{state:e.state,results:e.lastResults,isPageReset:s,_uiState:o}))}function he(e,t){var n=arguments.length>2&&arguments[2]!==0[0]?arguments[2]:{};return e.filter(function(e){return!k(e)}).reduce(function(e,n){return!n.getWidgetUiState&&!n.getWidgetState?e:n.getWidgetUiState?n.getWidgetUiState(e,t):n.getWidgetState(e,t)},n)}function ue(e,t){var n=t.initialSearchParameters,s=Yo(t,["initialSearchParameters"]);return e.filter(function(e){return!k(e)}).reduce(function(e,t){return t.getWidgetSearchParameters?t.getWidgetSearchParameters(e,s):e},n)}function so(e){var t=e.filter(k);if(t.length===0)return;t.forEach(function(e){var t=e.getHelper();eo(t,{state:t.state.resetPage(),isPageReset:!0}),so(e.getWidgets())})}function oo(e){var t=e.filter(k);return t.reduce(function(e,t){return e.concat.apply(e,[{indexId:t.getIndexId(),results:t.getResults(),helper:t.getHelper()}].concat(Ks(oo(t.getWidgets()))))},[])}io=function(t){if(t===0[0]||t.indexName===0[0])throw new Error(C("The `indexName` option is required."));var c=t.indexName,u=t.indexId,l=u===0[0]?c:u,s=[],a={},i=null,d=null,n=null,r=null;return{$$type:"ais.index",$$widgetType:"ais.index",getIndexName:function(){return c},getIndexId:function(){return l},getHelper:function(){return n},getResults:function(){return r&&r.lastResults},getScopedResults:function(){var t=this.getParent(),n=t?t.getWidgets():[this];return oo(n)},getParent:function(){return d},createURL:function(t){return i._createURL($({},l,he(s,{searchParameters:t,helper:n})))},getWidgets:function(){return s},addWidgets:function(t){var o=this;if(!Array.isArray(t))throw new Error(C("The `addWidgets` method expects an array of widgets."));if(t.some(function(e){return typeof e.init!="function"&&typeof e.render!="function"}))throw new Error(C("The widget definition expects a `render` and/or an `init` method."));return s=s.concat(t),i&&Boolean(t.length)&&(eo(n,{state:ue(s,{uiState:a,initialSearchParameters:n.state}),_uiState:a}),t.forEach(function(e){if(e.getRenderState){var t=e.getRenderState(i.renderState[o.getIndexId()]||{},{uiState:i._initialUiState,helper:o.getHelper(),parent:o,instantSearchInstance:i,state:n.state,renderState:i.renderState,templatesConfig:i.templatesConfig,createURL:o.createURL,scopedResults:[],searchMetadata:{isSearchStalled:i._isSearchStalled}});we({renderState:t,instantSearchInstance:i,parent:o})}}),t.forEach(function(e){e.init&&e.init({helper:n,parent:o,uiState:i._initialUiState,instantSearchInstance:i,state:n.state,renderState:i.renderState,templatesConfig:i.templatesConfig,createURL:o.createURL,scopedResults:[],searchMetadata:{isSearchStalled:i._isSearchStalled}})}),i.scheduleSearch()),this},removeWidgets:function(t){if(!Array.isArray(t))throw new Error(C("The `removeWidgets` method expects an array of widgets."));if(t.some(function(e){return typeof e.dispose!="function"}))throw new Error(C("The widget definition expects a `dispose` method."));if(s=s.filter(function(e){return t.indexOf(e)===-1}),i&&Boolean(t.length)){var o=t.reduce(function(e,t){var s=t.dispose({helper:n,state:e});return s||e},n.state);a=he(s,{searchParameters:o,helper:n}),n.setState(ue(s,{uiState:a,initialSearchParameters:o})),s.length&&i.scheduleSearch()}return this},init:function(t){var m,p,h=this,u=t.instantSearchInstance,g=t.parent,f=t.uiState;if(n!==null)return;i=u,d=g,a=f[l]||{},m=u.mainHelper,p=ue(s,{uiState:a,initialSearchParameters:new Ge.default.SearchParameters({index:c})}),n=(0,Ge.default)({},p.index,p),n.search=function(){return u.onStateChange?(u.onStateChange({uiState:u.mainIndex.getWidgetUiState({}),setUiState:u.setUiState.bind(u)}),m):m.search()},n.searchWithoutTriggeringOnStateChange=function(){return m.search()},n.searchForFacetValues=function(e,t,s,o){var i=n.state.setQueryParameters(o);return m.searchForFacetValues(e,t,s,i)},r=m.derive(function(){return D.apply(0[0],Ks(As(h)))}),n.on("change",function(e){var t=e.isPageReset;t&&so(s)}),r.on("search",function(){u.scheduleStalledRender(),!0&&On({index:h,indexUiState:a})}),r.on("result",function(e){var t=e.results;u.scheduleRender(),n.lastResults=t}),s.forEach(function(e){if(e.getRenderState){var t=e.getRenderState(u.renderState[h.getIndexId()]||{},{uiState:f,helper:n,parent:h,instantSearchInstance:u,state:n.state,renderState:u.renderState,templatesConfig:u.templatesConfig,createURL:h.createURL,scopedResults:[],searchMetadata:{isSearchStalled:u._isSearchStalled}});we({renderState:t,instantSearchInstance:u,parent:h})}}),s.forEach(function(e){o(!e.getWidgetState||Boolean(e.getWidgetUiState),"The `getWidgetState` method is renamed `getWidgetUiState` and will no longer exist under that name in InstantSearch.js 5.x. Please use `getWidgetUiState` instead."),e.init&&e.init({uiState:f,helper:n,parent:h,instantSearchInstance:u,state:n.state,renderState:u.renderState,templatesConfig:u.templatesConfig,createURL:h.createURL,scopedResults:[],searchMetadata:{isSearchStalled:u._isSearchStalled}})}),n.on("change",function(e){var t=e.state,o=e._uiState;a=he(s,{searchParameters:t,helper:n},o||{}),u.onStateChange||u.onInternalStateChange()})},render:function(t){var o=this,i=t.instantSearchInstance;if(!this.getResults())return;s.forEach(function(e){if(e.getRenderState){var t=e.getRenderState(i.renderState[o.getIndexId()]||{},{helper:o.getHelper(),parent:o,instantSearchInstance:i,results:o.getResults(),scopedResults:o.getScopedResults(),state:o.getResults()._state,renderState:i.renderState,templatesConfig:i.templatesConfig,createURL:o.createURL,searchMetadata:{isSearchStalled:i._isSearchStalled}});we({renderState:t,instantSearchInstance:i,parent:o})}}),s.forEach(function(e){e.render&&e.render({helper:n,parent:o,instantSearchInstance:i,results:o.getResults(),scopedResults:o.getScopedResults(),state:o.getResults()._state,renderState:i.renderState,templatesConfig:i.templatesConfig,createURL:o.createURL,searchMetadata:{isSearchStalled:i._isSearchStalled}})})},dispose:function(){s.forEach(function(e){e.dispose&&e.dispose({helper:n,state:n.state})}),i=null,d=null,n.removeAllListeners(),n=null,r.detach(),r=null},getWidgetUiState:function(t){return s.filter(k).reduce(function(e,t){return t.getWidgetUiState(e)},ve({},t,$({},this.getIndexId(),a)))},getWidgetState:function(t){return o(!1,"The `getWidgetState` method is renamed `getWidgetUiState` and will no longer exist under that name in InstantSearch.js 5.x. Please use `getWidgetUiState` instead."),this.getWidgetUiState(t)},getWidgetSearchParameters:function(t,n){var o=n.uiState;return ue(s,{uiState:o,initialSearchParameters:t})},refreshUiState:function(){a=he(s,{searchParameters:this.getHelper().state,helper:this.getHelper()})}}},ao=io;function we(e){var o=e.renderState,t=e.instantSearchInstance,n=e.parent,s=n?n.getIndexId():t.mainIndex.getIndexId();t.renderState=ve({},t.renderState,$({},s,ve({},t.renderState[s],{},o)))}Oe="4.13.2",lo="ais",A=function(t){return function(){var e=arguments.length>0&&arguments[0]!==0[0]?arguments[0]:{},n=e.descendantName,s=e.modifierName,o=n?"-".concat(n):"",i=s?"--".concat(s):"";return"".concat(lo,"-").concat(t).concat(o).concat(i)}},ho=A("Highlight");function mo(e){var r=e.attribute,t=e.highlightedTagName,n=t===0[0]?"mark":t,c=e.hit,s=e.cssClasses,o=s===0[0]?{}:s,l=I(c._highlightResult,r)||{},a=l.value,d=a===0[0]?"":a,u=ho({descendantName:"highlighted"})+(o.highlighted?" ".concat(o.highlighted):"");return d.replace(new RegExp(i.highlightPreTag,"g"),"<".concat(n,' class="').concat(u,'">')).replace(new RegExp(i.highlightPostTag,"g"),"</".concat(n,">"))}fo=A("ReverseHighlight");function po(e){var r=e.attribute,t=e.highlightedTagName,n=t===0[0]?"mark":t,c=e.hit,s=e.cssClasses,o=s===0[0]?{}:s,l=I(c._highlightResult,r)||{},a=l.value,d=a===0[0]?"":a,u=fo({descendantName:"highlighted"})+(o.highlighted?" ".concat(o.highlighted):""),h=Zn(is(Jn(d)));return h.replace(new RegExp(i.highlightPreTag,"g"),"<".concat(n,' class="').concat(u,'">')).replace(new RegExp(i.highlightPostTag,"g"),"</".concat(n,">"))}go=A("Snippet");function vo(e){var r=e.attribute,t=e.highlightedTagName,n=t===0[0]?"mark":t,c=e.hit,s=e.cssClasses,o=s===0[0]?{}:s,l=I(c._snippetResult,r)||{},a=l.value,d=a===0[0]?"":a,u=go({descendantName:"highlighted"})+(o.highlighted?" ".concat(o.highlighted):"");return d.replace(new RegExp(i.highlightPreTag,"g"),"<".concat(n,' class="').concat(u,'">')).replace(new RegExp(i.highlightPostTag,"g"),"</".concat(n,">"))}bo=A("ReverseSnippet");function jo(e){var r=e.attribute,t=e.highlightedTagName,n=t===0[0]?"mark":t,c=e.hit,s=e.cssClasses,o=s===0[0]?{}:s,l=I(c._snippetResult,r)||{},a=l.value,d=a===0[0]?"":a,u=bo({descendantName:"highlighted"})+(o.highlighted?" ".concat(o.highlighted):""),h=Zn(is(Jn(d)));return h.replace(new RegExp(i.highlightPreTag,"g"),"<".concat(n,' class="').concat(u,'">')).replace(new RegExp(i.highlightPostTag,"g"),"</".concat(n,">"))}function re(e){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?re=function(t){return typeof t}:re=function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},re(e)}function Lo(e){var n,s=e.method,t=e.payload;if(re(t)!=="object")throw new Error("The insights helper expects the payload to be an object.");try{n=btoa(JSON.stringify(t))}catch{throw new Error("Could not JSON serialize the payload object.")}return'data-insights-method="'.concat(s,'" data-insights-payload="').concat(n,'"')}function wo(e,t){return o(!1,"`insights` function has been deprecated. It is still supported in 4.x releases, but not further. It is replaced by the `insights` middleware.\n\nFor more information, visit https://www.algolia.com/doc/guides/getting-insights-and-analytics/search-analytics/click-through-and-conversions/how-to/send-click-and-conversion-events-with-instantsearch/js/"),Lo({method:e,payload:t})}Oo="_ALGOLIA";function To(e){for(var t,s="".concat(e,"="),o=document.cookie.split(";"),n=0;n<o.length;n++){for(t=o[n];t.charAt(0)===" ";)t=t.substring(1);if(t.indexOf(s)===0)return t.substring(s.length,t.length)}}function Fo(){return To(Oo)}function vi(){return o(!1,"`getInsightsAnonymousUserToken` function has been deprecated. It is still supported in 4.x releases, but not further. It is replaced by the `insights` middleware.\n\nFor more information, visit https://www.algolia.com/doc/guides/getting-insights-and-analytics/search-analytics/click-through-and-conversions/how-to/send-click-and-conversion-events-with-instantsearch/js/"),Fo()}function Eo(e,t){var n,s=Object.keys(e);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(e),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,n)),s}function T(e){for(var t,n=1;n<arguments.length;n++)t=arguments[n]!=null?arguments[n]:{},n%2?Eo(Object(t),!0).forEach(function(n){So(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Eo(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))});return e}function So(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Mo(e){var t=e.numberLocale;return{formatNumber:function(n,s){return Number(s(n)).toLocaleString(t)},highlight:function(t,n){try{var s=JSON.parse(t);return n(mo(T({},s,{hit:this})))}catch{throw new Error(` +The highlight helper expects a JSON object of the format: +{ "attribute": "name", "highlightedTagName": "mark" }`)}},reverseHighlight:function(t,n){try{var s=JSON.parse(t);return n(po(T({},s,{hit:this})))}catch{throw new Error(` + The reverseHighlight helper expects a JSON object of the format: + { "attribute": "name", "highlightedTagName": "mark" }`)}},snippet:function(t,n){try{var s=JSON.parse(t);return n(vo(T({},s,{hit:this})))}catch{throw new Error(` +The snippet helper expects a JSON object of the format: +{ "attribute": "name", "highlightedTagName": "mark" }`)}},reverseSnippet:function(t,n){try{var s=JSON.parse(t);return n(jo(T({},s,{hit:this})))}catch{throw new Error(` + The reverseSnippet helper expects a JSON object of the format: + { "attribute": "name", "highlightedTagName": "mark" }`)}},insights:function(t,n){try{var s=JSON.parse(t),o=s.method,i=s.payload;return n(wo(o,T({objectIDs:[this.objectID]},i)))}catch{throw new Error(` +The insights helper expects a JSON object of the format: +{ "method": "method-name", "payload": { "eventName": "name of the event" } }`)}}}}function Co(e,t){var n,s=Object.keys(e);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(e),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,n)),s}function xo(e){for(var t,n=1;n<arguments.length;n++)t=arguments[n]!=null?arguments[n]:{},n%2?Co(Object(t),!0).forEach(function(n){Ce(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Co(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))});return e}function Ce(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Do(e,t){if(e==null)return{};var n,s,o,i=No(e,t);if(Object.getOwnPropertySymbols){o=Object.getOwnPropertySymbols(e);for(s=0;s<o.length;s++){if(n=o[s],t.indexOf(n)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(e,n))continue;i[n]=e[n]}}return i}function No(e,t){if(e==null)return{};var n,s,o={},i=Object.keys(e);for(s=0;s<i.length;s++){if(n=i[s],t.indexOf(n)>=0)continue;o[n]=e[n]}return o}function _o(e){var n=e.configure,t=Do(e,["configure"]);return t}function Ro(){return{stateToRoute:function(t){return Object.keys(t).reduce(function(e,n){return xo({},e,Ce({},n,_o(t[n])))},{})},routeToState:function(){var t=arguments.length>0&&arguments[0]!==0[0]?arguments[0]:{};return Object.keys(t).reduce(function(e,n){return xo({},e,Ce({},n,_o(t[n])))},{})}}}Te=m(_r());function Ho(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function no(e,t){for(var n,s=0;s<t.length;s++)n=t[s],n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}function Bo(e,t,n){return t&&no(e.prototype,t),n&&no(e,n),e}function M(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}to=function(t){var u=t.qsModule,h=t.routeState,n=t.location,s=n.protocol,o=n.hostname,i=n.port,a=i===0[0]?"":i,r=n.pathname,c=n.hash,l=u.stringify(h),d=a===""?"":":".concat(a);return l?"".concat(s,"//").concat(o).concat(d).concat(r,"?").concat(l).concat(c):"".concat(s,"//").concat(o).concat(d).concat(r).concat(c)},Zs=function(t){var n=t.qsModule,s=t.location;return n.parse(s.search.slice(1),{arrayLimit:99})},ze=function(t){t&&(window.document.title=t)},Qs=function(){function e(){var i,t=arguments.length>0&&arguments[0]!==0[0]?arguments[0]:{},a=t.windowTitle,n=t.writeDelay,r=n===0[0]?400:n,s=t.createURL,c=s===0[0]?to:s,o=t.parseURL,l=o===0[0]?Zs:o;Ho(this,e),M(this,"windowTitle",0[0]),M(this,"writeDelay",0[0]),M(this,"_createURL",0[0]),M(this,"parseURL",0[0]),M(this,"writeTimer",0[0]),this.windowTitle=a,this.writeTimer=0[0],this.writeDelay=r,this._createURL=c,this.parseURL=l,i=this.windowTitle&&this.windowTitle(this.read()),ze(i)}return Bo(e,[{key:"read",value:function(){return this.parseURL({qsModule:Te.default,location:window.location})}},{key:"write",value:function(t){var s=this,o=this.createURL(t),n=this.windowTitle&&this.windowTitle(t);this.writeTimer&&window.clearTimeout(this.writeTimer),this.writeTimer=window.setTimeout(function(){ze(n),window.history.pushState(t,n||"",o),s.writeTimer=0[0]},this.writeDelay)}},{key:"onUpdate",value:function(t){var n=this;this._onPopState=function(e){n.writeTimer&&(window.clearTimeout(n.writeTimer),n.writeTimer=0[0]);var s=e.state;t(s||n.read())},window.addEventListener("popstate",this._onPopState)}},{key:"createURL",value:function(t){return this._createURL({qsModule:Te.default,routeState:t,location:window.location})}},{key:"dispose",value:function(){this._onPopState&&window.removeEventListener("popstate",this._onPopState),this.writeTimer&&window.clearTimeout(this.writeTimer),this.write({})}}]),e}();function qo(e){return new Qs(e)}function Xs(e,t){var n,s=Object.keys(e);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(e),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,n)),s}function Gs(e){for(var t,n=1;n<arguments.length;n++)t=arguments[n]!=null?arguments[n]:{},n%2?Xs(Object(t),!0).forEach(function(n){Ys(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Xs(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))});return e}function Ys(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}qs=function(){var s=arguments.length>0&&arguments[0]!==0[0]?arguments[0]:{},o=s.router,t=o===0[0]?qo():o,i=s.stateMapping,n=i===0[0]?Ro():i;return function(e){var o,s=e.instantSearchInstance;function i(e){var o=Object.keys(e).reduce(function(t,n){return Gs({},t,Ys({},n,e[n]))},s.mainIndex.getWidgetUiState({})),i=n.stateToRoute(o);return t.createURL(i)}return s._createURL=i,s._initialUiState=Gs({},s._initialUiState,{},n.routeToState(t.read())),o=0[0],{onStateChange:function(s){var a=s.uiState,i=n.stateToRoute(a);(o===0[0]||!w(o,i))&&(t.write(i),o=i)},subscribe:function(){t.onUpdate(function(e){s.setUiState(n.routeToState(e))})},unsubscribe:function(){t.dispose()}}}};function Us(e,t,n){var s=t.mainIndex,o={instantSearchInstance:t,parent:s,scopedResults:[],state:s.getHelper().state,helper:s.getHelper(),createURL:s.createURL,uiState:t._initialUiState,renderState:t.renderState,templatesConfig:t.templatesConfig,searchMetadata:{isSearchStalled:t._isSearchStalled}};e.forEach(function(e){var s,a,i={};e.getWidgetRenderState&&(s=e.getWidgetRenderState(o),s&&s.widgetParams&&(i=s.widgetParams)),a=Object.keys(i).filter(function(e){return i[e]!==0[0]}),n.widgets.push({type:e.$$type,widgetType:e.$$widgetType,params:a}),e.$$type==="ais.index"&&Us(e.getWidgets(),t,n)})}function Jo(){return typeof window!="undefined"&&window.navigator.userAgent.indexOf("Algolia Crawler")>-1}function ei(){return function(e){var n=e.instantSearchInstance,s={widgets:[]},t=document.createElement("meta"),o=document.querySelector("head");return t.name="instantsearch:widgets",{onStateChange:function(){},subscribe:function(){setTimeout(function(){Us(n.mainIndex.getWidgets(),n,s),t.content=JSON.stringify(s),o.appendChild(t)},0)},unsubscribe:function(){var n;(n=t.parentNode)===null||n===0[0]?0[0]:n.removeChild(t)}}}}function te(e){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?te=function(t){return typeof t}:te=function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},te(e)}function ni(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function Ws(e,t){for(var n,s=0;s<t.length;s++)n=t[s],n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}function oi(e,t,n){return t&&Ws(e.prototype,t),n&&Ws(e,n),e}function ii(e,n){return n&&(te(n)==="object"||typeof n=="function")?n:t(e)}function Le(e){return Le=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},Le(e)}function t(e){if(e===0[0])throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function ci(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&Ie(e,t)}function Ie(e,t){return Ie=Object.setPrototypeOf||function(t,n){return t.__proto__=n,t},Ie(e,t)}function s(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}l=g({name:"instantsearch"});function hi(){return"#"}Is=function(e){ci(n,e);function n(e){ni(this,n),i=ii(this,Le(n).call(this)),s(t(i),"client",0[0]),s(t(i),"indexName",0[0]),s(t(i),"insightsClient",0[0]),s(t(i),"onStateChange",null),s(t(i),"helper",0[0]),s(t(i),"mainHelper",0[0]),s(t(i),"mainIndex",0[0]),s(t(i),"started",0[0]),s(t(i),"templatesConfig",0[0]),s(t(i),"renderState",{}),s(t(i),"_stalledSearchDelay",0[0]),s(t(i),"_searchStalledTimer",0[0]),s(t(i),"_isSearchStalled",0[0]),s(t(i),"_initialUiState",0[0]),s(t(i),"_createURL",0[0]),s(t(i),"_searchFunction",0[0]),s(t(i),"_mainHelperSearch",0[0]),s(t(i),"middleware",[]),s(t(i),"sendEventToInsights",0[0]),s(t(i),"scheduleSearch",qe(function(){i.started&&i.mainHelper.search()})),s(t(i),"scheduleRender",qe(function(){i.mainHelper.hasPendingRequests()||(clearTimeout(i._searchStalledTimer),i._searchStalledTimer=null,i._isSearchStalled=!1),i.mainIndex.render({instantSearchInstance:t(i)}),i.emit("render")})),s(t(i),"onInternalStateChange",function(){var e=i.mainIndex.getWidgetUiState({});i.middleware.forEach(function(t){t.onStateChange({uiState:e})})});var i,y,b=e.indexName,u=b===0[0]?null:b,O=e.numberLocale,h=e.initialUiState,_=h===0[0]?{}:h,m=e.routing,d=m===0[0]?null:m,f=e.searchFunction,p=e.stalledSearchDelay,w=p===0[0]?200:p,g=e.searchClient,r=g===0[0]?null:g,v=e.insightsClient,c=v===0[0]?null:v,j=e.onStateChange,x=j===0[0]?null:j;if(u===null)throw new Error(l("The `indexName` option is required."));if(r===null)throw new Error(l("The `searchClient` option is required."));if(typeof r.search!="function")throw new Error("The `searchClient` must implement a `search` method.\n\nSee: https://www.algolia.com/doc/guides/building-search-ui/going-further/backend-search/in-depth/backend-instantsearch/js/");if(typeof r.addAlgoliaAgent=="function"&&r.addAlgoliaAgent("instantsearch.js (".concat(Oe,")")),o(c===null,"`insightsClient` property has been deprecated. It is still supported in 4.x releases, but not further. It is replaced by the `insights` middleware.\n\nFor more information, visit https://www.algolia.com/doc/guides/getting-insights-and-analytics/search-analytics/click-through-and-conversions/how-to/send-click-and-conversion-events-with-instantsearch/js/"),c&&typeof c!="function")throw new Error(l("The `insightsClient` option should be a function."));return o(!e.searchParameters,"The `searchParameters` option is deprecated and will not be supported in InstantSearch.js 4.x.\n\nYou can replace it with the `configure` widget:\n\n```\nsearch.addWidgets([\n configure(".concat(JSON.stringify(e.searchParameters,null,2),`) +]); +\`\`\` + +See `).concat(_e({name:"configure"}))),i.client=r,i.insightsClient=c,i.indexName=u,i.helper=null,i.mainHelper=null,i.mainIndex=ao({indexName:u}),i.onStateChange=x,i.started=!1,i.templatesConfig={helpers:Mo({numberLocale:O}),compileOptions:{}},i._stalledSearchDelay=w,i._searchStalledTimer=null,i._isSearchStalled=!1,i._createURL=hi,i._initialUiState=_,f&&(i._searchFunction=f),i.sendEventToInsights=a,d&&(y=typeof d=="boolean"?0[0]:d,i.use(qs(y))),Jo()&&i.use(ei()),i}return oi(n,[{key:"use",value:function(){for(var i,n=this,s=arguments.length,o=new Array(s),t=0;t<s;t++)o[t]=arguments[t];return i=o.map(function(e){var t=e({instantSearchInstance:n});return n.middleware.push(t),t}),this.started&&i.forEach(function(e){e.subscribe()}),this}},{key:"EXPERIMENTAL_use",value:function(){return o(!1,"The middleware API is now considered stable, so we recommend replacing `EXPERIMENTAL_use` with `use` before upgrading to the next major version."),this.use.apply(this,arguments)}},{key:"addWidget",value:function(t){return o(!1,"addWidget will still be supported in 4.x releases, but not further. It is replaced by `addWidgets([widget])`"),this.addWidgets([t])}},{key:"addWidgets",value:function(t){if(!Array.isArray(t))throw new Error(l("The `addWidgets` method expects an array of widgets. Please use `addWidget`."));if(t.some(function(e){return typeof e.init!="function"&&typeof e.render!="function"}))throw new Error(l("The widget definition expects a `render` and/or an `init` method."));return this.mainIndex.addWidgets(t),this}},{key:"removeWidget",value:function(t){return o(!1,"removeWidget will still be supported in 4.x releases, but not further. It is replaced by `removeWidgets([widget])`"),this.removeWidgets([t])}},{key:"removeWidgets",value:function(t){if(!Array.isArray(t))throw new Error(l("The `removeWidgets` method expects an array of widgets. Please use `removeWidget`."));if(t.some(function(e){return typeof e.dispose!="function"}))throw new Error(l("The widget definition expects a `dispose` method."));return this.mainIndex.removeWidgets(t),this}},{key:"start",value:function(){var t,s,n=this;if(this.started)throw new Error(l("The `start` method has already been called once."));t=(0,Xe.default)(this.client,this.indexName),t.search=function(){return t.searchOnlyWithDerivedHelpers()},this._searchFunction&&(s={search:function(){return new Promise(a)}},this._mainHelperSearch=t.search.bind(t),t.search=function(){var e=n.mainIndex.getHelper(),o=(0,Xe.default)(s,e.state.index,e.state);return o.once("search",function(t){var s=t.state;e.overrideStateWithoutTriggeringChangeEvent(s),n._mainHelperSearch()}),o.on("change",function(t){var n=t.state;e.setState(n)}),n._searchFunction(o),t}),t.on("error",function(e){var t=e.error;n.emit("error",{error:t})}),this.mainHelper=t,this.mainIndex.init({instantSearchInstance:this,parent:null,uiState:this._initialUiState}),this.middleware.forEach(function(e){e.subscribe()}),t.search(),this.helper=this.mainIndex.getHelper(),this.started=!0}},{key:"dispose",value:function(){this.scheduleSearch.cancel(),this.scheduleRender.cancel(),clearTimeout(this._searchStalledTimer),this.removeWidgets(this.mainIndex.getWidgets()),this.mainIndex.dispose(),this.started=!1,this.removeAllListeners(),this.mainHelper.removeAllListeners(),this.mainHelper=null,this.helper=null,this.middleware.forEach(function(e){e.unsubscribe()})}},{key:"scheduleStalledRender",value:function(){var t=this;this._searchStalledTimer||(this._searchStalledTimer=setTimeout(function(){t._isSearchStalled=!0,t.scheduleRender()},this._stalledSearchDelay))}},{key:"setUiState",value:function(t){if(!this.mainHelper)throw new Error(l("The `start` method needs to be called before `setUiState`."));this.mainIndex.refreshUiState();var n=typeof t=="function"?t(this.mainIndex.getWidgetUiState({})):t,s=function e(t){!0&&On({index:t,indexUiState:n[t.getIndexId()]}),t.getHelper().overrideStateWithoutTriggeringChangeEvent(t.getWidgetSearchParameters(t.getHelper().state,{uiState:n[t.getIndexId()]})),t.getWidgets().filter(k).forEach(e)};s(this.mainIndex),this.scheduleSearch(),this.onInternalStateChange()}},{key:"createURL",value:function(){var t=arguments.length>0&&arguments[0]!==0[0]?arguments[0]:{};if(!this.started)throw new Error(l("The `start` method needs to be called before `createURL`."));return this._createURL(t)}},{key:"refresh",value:function(){if(!this.mainHelper)throw new Error(l("The `start` method needs to be called before `refresh`."));this.mainHelper.clearCache().search()}}]),n}(zt.default),Hs=Is;function pi(e,t){if(e==null)return{};var n,s,o,i=gi(e,t);if(Object.getOwnPropertySymbols){o=Object.getOwnPropertySymbols(e);for(s=0;s<o.length;s++){if(n=o[s],t.indexOf(n)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(e,n))continue;i[n]=e[n]}}return i}function gi(e,t){if(e==null)return{};var n,s,o={},i=Object.keys(e);for(s=0;s<i.length;s++){if(n=i[s],t.indexOf(n)>=0)continue;o[n]=e[n]}return o}function Rs(e){var t=e||{},s=t.page,n=pi(t,["page"]);return n}ie="ais.infiniteHits";function zs(){return typeof window!="undefined"&&typeof window.sessionStorage!="undefined"}function yi(){return{read:function(t){var n,s=t.state;if(!zs())return null;try{return n=JSON.parse(window.sessionStorage.getItem(ie)),n&&w(n.state,Rs(s))?n.hits:null}catch(e){if(e instanceof SyntaxError)try{window.sessionStorage.removeItem(ie)}catch{}return null}},write:function(t){var n=t.state,s=t.hits;if(!zs())return;try{window.sessionStorage.setItem(ie,JSON.stringify({state:Rs(n),hits:s}))}catch{}}}}c=function(t){return new Hs(t)},c.version=Oe,c.snippet=vo,c.reverseSnippet=jo,c.highlight=mo,c.reverseHighlight=po,c.insights=wo,c.getInsightsAnonymousUserToken=vi,c.createInfiniteHitsSessionStorageCache=yi,Object.defineProperty(c,"widgets",{get:function(){throw new ReferenceError(`"instantsearch.widgets" are not available from the ES build. + +To import the widgets: + +import { searchBox } from 'instantsearch.js/es/widgets'`)}}),Object.defineProperty(c,"connectors",{get:function(){throw new ReferenceError(`"instantsearch.connectors" are not available from the ES build. + +To import the connectors: + +import { connectSearchBox } from 'instantsearch.js/es/connectors'`)}}),ct=c,P={},G=[],Ss=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function v(e,t){for(var n in t)e[n]=t[n];return e}function Es(e){var t=e.parentNode;t&&t.removeChild(e)}function p(e,t,n){var s,i,a,r=arguments,o={};for(s in t)"key"==s?i=t[s]:"ref"==s?a=t[s]:o[s]=t[s];if(arguments.length>3)for(n=[n],s=3;s<arguments.length;s++)n.push(r[s]);if(n!=null&&(o.children=n),"function"==typeof e&&null!=e.defaultProps)for(s in e.defaultProps)0[0]===o[s]&&(o[s]=e.defaultProps[s]);return Q(e,o,i,a,null)}function Q(e,t,s,o,i){var a={type:e,props:t,key:s,ref:o,__k:null,__:null,__b:0,__e:null,__d:0[0],__c:null,__h:null,constructor:0[0],__v:i??++n.__v};return null!=n.vnode&&n.vnode(a),a}function J(e){return e.children}function _(e,t){this.props=e,this.context=t}function F(e,t){if(t==null)return e.__?F(e.__,e.__.__k.indexOf(e)+1):null;for(var n;t<e.__k.length;t++)if(null!=(n=e.__k[t])&&null!=n.__e)return n.__e;return"function"==typeof e.type?F(e):null}function hs(e){var t,n;if(null!=(e=e.__)&&null!=e.__c){for(e.__e=e.__c.base=null,t=0;t<e.__k.length;t++)if(null!=(n=e.__k[t])&&null!=n.__e){e.__e=e.__c.base=n.__e;break}return hs(e)}}function us(e){(!e.__d&&(e.__d=!0)&&H.push(e)&&!se.__r++||lt!==n.debounceRendering)&&((lt=n.debounceRendering)||Ms)(se)}function se(){for(var e;se.__r=H.length;)e=H.sort(function(e,t){return e.__v.__b-t.__v.__b}),H=[],e.some(function(e){var t,n,s,o,i,a;e.__d&&(n=(t=(s=e).__v).__e,(i=s.__P)&&(o=[],(a=v({},t)).__v=t.__v+1,je(i,t,a,s.__n,0[0]!==i.ownerSVGElement,null!=t.__h?[n]:null,o,n??F(t),t.__h),Yn(o,t),t.__e!=n&&hs(t)))})}function ds(e,t,n,s,o,i,a,r,c,l){var d,u,h,f,p,g,v,m=s&&s.__k||G,b=m.length;for(n.__k=[],u=0;u<t.length;u++)if(null!=(d=n.__k[u]=null==(d=t[u])||"boolean"==typeof d?null:"string"==typeof d||"number"==typeof d?Q(null,d,null,null,d):Array.isArray(d)?Q(J,{children:d},null,null,null):d.__b>0?Q(d.type,d.props,d.key,null,d.__v):d)){if(d.__=n,d.__b=n.__b+1,null===(h=m[u])||h&&d.key==h.key&&d.type===h.type)m[u]=0[0];else for(p=0;p<b;p++){if((h=m[p])&&d.key==h.key&&d.type===h.type){m[p]=0[0];break}h=null}je(e,d,h=h||P,o,i,a,r,c,l),g=d.__e,(p=d.ref)&&h.ref!=p&&(f||(f=[]),h.ref&&f.push(h.ref,null,d),f.push(p,d.__c||g,d)),g!=null?(v==null&&(v=g),"function"==typeof d.type&&null!=d.__k&&d.__k===h.__k?d.__d=c=rs(d,c,e):c=os(e,d,h,m,g,c),l||"option"!==n.type?"function"==typeof n.type&&(n.__d=c):e.value=""):c&&h.__e==c&&c.parentNode!=e&&(c=F(h))}for(n.__e=v,u=b;u--;)null!=m[u]&&("function"==typeof n.type&&null!=m[u].__e&&m[u].__e==n.__d&&(n.__d=F(s,u+1)),$n(m[u],m[u]));if(f)for(u=0;u<f.length;u++)qn(f[u],f[++u],f[++u])}function rs(e,t,n){var s,o;for(o=0;o<e.__k.length;o++)(s=e.__k[o])&&(s.__=e,t="function"==typeof s.type?rs(s,t,n):os(n,s,s,e.__k,s.__e,t));return t}function os(e,t,n,s,o,i){var a,r,c;if(0[0]!==t.__d)a=t.__d,t.__d=0[0];else if(n==null||o!=i||null==o.parentNode)n:if(i==null||i.parentNode!==e)e.appendChild(o),a=null;else{for(r=i,c=0;(r=r.nextSibling)&&c<s.length;c+=2)if(r==o)break n;e.insertBefore(o,i),a=i}return 0[0]!==a?a:o.nextSibling}function Ui(e,t,n,s,o){var i;for(i in n)"children"===i||"key"===i||i in t||V(e,i,null,n[i],s);for(i in t)o&&"function"!=typeof t[i]||"children"===i||"key"===i||"value"===i||"checked"===i||n[i]===t[i]||V(e,i,t[i],n[i],s)}function ts(e,t,n){"-"===t[0]?e.setProperty(t,n):e[t]=n==null?"":"number"!=typeof n||Ss.test(t)?n:n+"px"}function V(e,t,n,s,o){var i;n:if("style"===t){if("string"==typeof n)e.style.cssText=n;else{if("string"==typeof s&&(e.style.cssText=s=""),s)for(t in s)n&&t in n||ts(e.style,t,"");if(n)for(t in n)s&&n[t]===s[t]||ts(e.style,t,n[t])}}else if("o"===t[0]&&"n"===t[1])i=t!==(t=t.replace(/Capture$/,"")),t=t.toLowerCase()in e?t.toLowerCase().slice(2):t.slice(2),e.l||(e.l={}),e.l[t+i]=n,n?s||e.addEventListener(t,i?Gn:Qn,i):e.removeEventListener(t,i?Gn:Qn,i);else if("dangerouslySetInnerHTML"!==t){if(o)t=t.replace(/xlink[H:h]/,"h").replace(/sName$/,"s");else if("href"!==t&&"list"!==t&&"form"!==t&&"download"!==t&&t in e)try{e[t]=n??"";break n}catch{}"function"==typeof n||(n!=null&&(!1!==n||"a"===t[0]&&"r"===t[1])?e.setAttribute(t,n):e.removeAttribute(t))}}function Qn(e){this.l[e.type+!1](n.event?n.event(e):e)}function Gn(e){this.l[e.type+!0](n.event?n.event(e):e)}function je(e,t,s,o,i,a,r,c,l){var d,u,h,f,p,g,b,j,y,w,O,m=t.type;if(0[0]!==t.constructor)return null;null!=s.__h&&(l=s.__h,c=t.__e=s.__e,t.__h=null,a=[c]),(u=n.__b)&&u(t);try{n:if("function"==typeof m){if(h=t.props,p=(u=m.contextType)&&o[u.__c],f=u?p?p.props.value:u.__:o,s.__c?O=(d=t.__c=s.__c).__=d.__E:("prototype"in m&&m.prototype.render?t.__c=d=new m(h,f):(t.__c=d=new _(h,f),d.constructor=m,d.render=ta),p&&p.sub(d),d.props=h,d.state||(d.state={}),d.context=f,d.__n=o,j=d.__d=!0,d.__h=[]),null==d.__s&&(d.__s=d.state),null!=m.getDerivedStateFromProps&&(d.__s==d.state&&(d.__s=v({},d.__s)),v(d.__s,m.getDerivedStateFromProps(h,d.__s))),g=d.props,y=d.state,j)null==m.getDerivedStateFromProps&&null!=d.componentWillMount&&d.componentWillMount(),null!=d.componentDidMount&&d.__h.push(d.componentDidMount);else{if(null==m.getDerivedStateFromProps&&h!==g&&null!=d.componentWillReceiveProps&&d.componentWillReceiveProps(h,f),!d.__e&&null!=d.shouldComponentUpdate&&!1===d.shouldComponentUpdate(h,d.__s,f)||t.__v===s.__v){d.props=h,d.state=d.__s,t.__v!==s.__v&&(d.__d=!1),d.__v=t,t.__e=s.__e,t.__k=s.__k,d.__h.length&&r.push(d);break n}null!=d.componentWillUpdate&&d.componentWillUpdate(h,d.__s,f),null!=d.componentDidUpdate&&d.__h.push(function(){d.componentDidUpdate(g,y,w)})}d.context=f,d.props=h,d.state=d.__s,(u=n.__r)&&u(t),d.__d=!1,d.__v=t,d.__P=e,u=d.render(d.props,d.state,d.context),d.state=d.__s,null!=d.getChildContext&&(o=v(v({},o),d.getChildContext())),j||null==d.getSnapshotBeforeUpdate||(w=d.getSnapshotBeforeUpdate(g,y)),b=u!=null&&u.type===J&&null==u.key?u.props.children:u,ds(e,Array.isArray(b)?b:[b],t,s,o,i,a,r,c,l),d.base=t.__e,t.__h=null,d.__h.length&&r.push(d),O&&(d.__E=d.__=null),d.__e=!1}else a==null&&t.__v===s.__v?(t.__k=s.__k,t.__e=s.__e):t.__e=Zi(s.__e,t,s,o,i,a,r,l);(u=n.diffed)&&u(t)}catch(e){t.__v=null,(l||a!=null)&&(t.__e=c,t.__h=!!l,a[a.indexOf(c)]=null),n.__e(e,t,s)}}function Yn(e,t){n.__c&&n.__c(t,e),e.some(function(t){try{e=t.__h,t.__h=[],e.some(function(e){e.call(t)})}catch(e){n.__e(e,t.__v)}})}function Zi(e,t,n,s,o,i,a,r){var u,m,f,p,h=n.props,l=t.props,d=t.type,c=0;if("svg"===d&&(o=!0),i!=null)for(;c<i.length;c++)if((m=i[c])&&(m===e||(d?m.localName==d:3==m.nodeType))){e=m,i[c]=null;break}if(e==null){if(null===d)return document.createTextNode(l);e=o?document.createElementNS("http://www.w3.org/2000/svg",d):document.createElement(d,l.is&&l),i=null,r=!1}if(null===d)h===l||r&&e.data===l||(e.data=l);else{if(i=i&&G.slice.call(e.childNodes),p=(h=n.props||P).dangerouslySetInnerHTML,u=l.dangerouslySetInnerHTML,!r){if(i!=null)for(h={},f=0;f<e.attributes.length;f++)h[e.attributes[f].name]=e.attributes[f].value;(u||p)&&(u&&(p&&u.__html==p.__html||u.__html===e.innerHTML)||(e.innerHTML=u&&u.__html||""))}if(Ui(e,l,h,o,r),u)t.__k=[];else if(c=t.props.children,ds(e,Array.isArray(c)?c:[c],t,n,s,o&&"foreignObject"!==d,i,a,e.firstChild,r),i!=null)for(c=i.length;c--;)null!=i[c]&&Es(i[c]);r||("value"in l&&0[0]!==(c=l.value)&&(c!==e.value||"progress"===d&&!c)&&V(e,"value",c,h.value,!1),"checked"in l&&0[0]!==(c=l.checked)&&c!==e.checked&&V(e,"checked",c,h.checked,!1))}return e}function qn(e,t,s){try{"function"==typeof e?e(t):e.current=t}catch(e){n.__e(e,s)}}function $n(e,t,s){var o,i,a;if(n.unmount&&n.unmount(e),(o=e.ref)&&(o.current&&o.current!==e.__e||qn(o,null,t)),s||"function"==typeof e.type||(s=null!=(a=e.__e)),e.__e=e.__d=0[0],null!=(o=e.__c)){if(o.componentWillUnmount)try{o.componentWillUnmount()}catch(e){n.__e(e,t)}o.base=o.__P=null}if(o=e.__k)for(i=0;i<o.length;i++)o[i]&&$n(o[i],t,s);a!=null&&Es(a)}function ta(e,t,n){return this.constructor(e,n)}function dt(e,t,s){var o,i,a;n.__&&n.__(e,t),i=(o="function"==typeof s)?null:s&&s.__k||t.__k,a=[],je(t,e=(!o&&s||t).__k=p(J,null,[e]),i||P,P,0[0]!==t.ownerSVGElement,!o&&s?[s]:i?null:t.firstChild?G.slice.call(t.childNodes):null,a,!o&&s?s:i?i.__e:t.firstChild,o),Yn(a,e)}n={__e:function(e,t){for(var n,s,o;t=t.__;)if((n=t.__c)&&!n.__)try{if((s=n.constructor)&&null!=s.getDerivedStateFromError&&(n.setState(s.getDerivedStateFromError(e)),o=n.__d),null!=n.componentDidCatch&&(n.componentDidCatch(e),o=n.__d),o)return n.__E=n}catch(t){e=t}throw e},__v:0},xi=function(e){return e!=null&&0[0]===e.constructor},_.prototype.setState=function(e,t){var n=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=v({},this.state);"function"==typeof e&&(e=e(v({},n),this.props)),e&&v(n,e),e!=null&&this.__v&&(t&&this.__h.push(t),us(this))},_.prototype.forceUpdate=function(e){this.__v&&(this.__e=!0,e&&this.__h.push(e),us(this))},_.prototype.render=J,H=[],Ms="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,se.__r=0,Ai=0;function fe(e){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?fe=function(t){return typeof t}:fe=function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},fe(e)}function ye(){return ye=Object.assign||function(e){for(var t,s,n=1;n<arguments.length;n++){t=arguments[n];for(s in t)Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s])}return e},ye.apply(this,arguments)}function qi(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function Vn(e,t){for(var n,s=0;s<t.length;s++)n=t[s],n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}function ca(e,t,n){return t&&Vn(e.prototype,t),n&&Vn(e,n),e}function la(e,t){return t&&(fe(t)==="object"||typeof t=="function")?t:da(e)}function da(e){if(e===0[0])throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function pe(e){return pe=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},pe(e)}function ha(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&Ee(e,t)}function Ee(e,t){return Ee=Object.setPrototypeOf||function(t,n){return t.__proto__=n,t},Ee(e,t)}ke=function(e){ha(t,e);function t(){return qi(this,t),la(this,pe(t).apply(this,arguments))}return ca(t,[{key:"shouldComponentUpdate",value:function(t){return!w(this.props.data,t.data)||this.props.templateKey!==t.templateKey||!w(this.props.rootProps,t.rootProps)}},{key:"render",value:function(){var n=this.props.rootTagName,s=this.props.useCustomCompileOptions[this.props.templateKey],o=s?this.props.templatesConfig.compileOptions:{},t=Jt({templates:this.props.templates,templateKey:this.props.templateKey,compileOptions:o,helpers:this.props.templatesConfig.helpers,data:this.props.data,bindEvent:this.props.bindEvent});return t===null?null:p(n,ye({},this.props.rootProps,{dangerouslySetInnerHTML:{__html:t}}))}}]),t}(_),ke.defaultProps={data:{},rootTagName:"div",useCustomCompileOptions:{},templates:{},templatesConfig:{}},oe=ke,R=m(Pe());function Nn(e,t){var n,s=Object.keys(e);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(e),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,n)),s}function f(e){for(var t,n=1;n<arguments.length;n++)t=arguments[n]!=null?arguments[n]:{},n%2?Nn(Object(t),!0).forEach(function(n){zn(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Nn(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))});return e}function zn(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}Sn=g({name:"configure",connector:!0});function An(e,t){return e.setQueryParameters(Object.keys(t.searchParameters).reduce(function(e,t){return f({},e,zn({},t,0[0]))},{}))}kn=function(){var t=arguments.length>0&&arguments[0]!==0[0]?arguments[0]:a,n=arguments.length>1&&arguments[1]!==0[0]?arguments[1]:a;return function(e){if(!e||!Ne(e.searchParameters))throw new Error(Sn("The `searchParameters` option expects an object."));var s={};function o(t){return function(n){var s=An(t.state,e),o=D(s,new R.default.SearchParameters(n));e.searchParameters=n,t.setState(o).search()}}return{$$type:"ais.configure",init:function(n){var s=n.instantSearchInstance;t(f({},this.getWidgetRenderState(n),{instantSearchInstance:s}),!0)},render:function(n){var s=n.instantSearchInstance;t(f({},this.getWidgetRenderState(n),{instantSearchInstance:s}),!1)},dispose:function(s){var o=s.state;return n(),An(o,e)},getRenderState:function(t,n){var s,o=this.getWidgetRenderState(n);return f({},t,{configure:f({},o,{widgetParams:f({},o.widgetParams,{searchParameters:D(new R.default.SearchParameters((s=t.configure)===null||s===0[0]?0[0]:s.widgetParams.searchParameters),new R.default.SearchParameters(o.widgetParams.searchParameters)).getQueryParams()})})})},getWidgetRenderState:function(n){var i=n.helper;return s.refine||(s.refine=o(i)),{refine:s.refine,widgetParams:e}},getWidgetSearchParameters:function(n,s){var o=s.uiState;return D(n,new R.default.SearchParameters(f({},o.configure,{},e.searchParameters)))},getWidgetUiState:function(n){return f({},n,{configure:f({},n.configure,{},e.searchParameters)})}}}},En=kn;function Cn(e,t){var n,s=Object.keys(e);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(e),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,n)),s}function Ca(e){for(var t,n=1;n<arguments.length;n++)t=arguments[n]!=null?arguments[n]:{},n%2?Cn(Object(t),!0).forEach(function(n){Ea(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Cn(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))});return e}function Ea(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}xn=function(t){var n=En(a);return Ca({},n({searchParameters:t}),{$$widgetType:"ais.configure"})},_n=xn;function ne(e){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?ne=function(t){return typeof t}:ne=function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},ne(e)}function Ma(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function yn(e,t){for(var n,s=0;s<t.length;s++)n=t[s],n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}function Ta(e,t,n){return t&&yn(e.prototype,t),n&&yn(e,n),e}function za(e,t){return t&&(ne(t)==="object"||typeof t=="function")?t:j(e)}function Re(e){return Re=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},Re(e)}function j(e){if(e===0[0])throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function La(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&He(e,t)}function He(e,t){return He=Object.setPrototypeOf||function(t,n){return t.__proto__=n,t},He(e,t)}function b(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}Be=function(e){La(t,e);function t(){Ma(this,t);for(var e,s,o=arguments.length,i=new Array(o),n=0;n<o;n++)i[n]=arguments[n];return e=za(this,(s=Re(t)).call.apply(s,[this].concat(i))),b(j(e),"state",{query:e.props.query,focused:!1}),b(j(e),"onInput",function(t){var n=e.props,o=n.searchAsYouType,i=n.refine,a=n.onChange,s=t.target.value;o&&i(s),e.setState({query:s}),a(t)}),b(j(e),"onSubmit",function(t){var n=e.props,s=n.searchAsYouType,o=n.refine,i=n.onSubmit;return t.preventDefault(),t.stopPropagation(),e.input.blur(),s||o(e.state.query),i(t),!1}),b(j(e),"onReset",function(t){var n=e.props,o=n.refine,i=n.onReset,s="";e.input.focus(),o(s),e.setState({query:s}),i(t)}),b(j(e),"onBlur",function(){e.setState({focused:!1})}),b(j(e),"onFocus",function(){e.setState({focused:!0})}),e}return Ta(t,[{key:"resetInput",value:function(){this.setState({query:""})}},{key:"componentWillReceiveProps",value:function(t){!this.state.focused&&t.query!==this.state.query&&this.setState({query:t.query})}},{key:"render",value:function(){var i=this,n=this.props,t=n.cssClasses,a=n.placeholder,r=n.autofocus,c=n.showSubmit,l=n.showReset,d=n.showLoadingIndicator,s=n.templates,o=n.isSearchStalled;return p("div",{className:t.root},p("form",{action:"",role:"search",className:t.form,noValidate:!0,onSubmit:this.onSubmit,onReset:this.onReset},p("input",{ref:function(t){return i.input=t},value:this.state.query,disabled:this.props.disabled,className:t.input,type:"search",placeholder:a,autoFocus:r,autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",spellCheck:"false",maxLength:512,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus}),p(oe,{templateKey:"submit",rootTagName:"button",rootProps:{className:t.submit,type:"submit",title:"Submit the search query.",hidden:!c},templates:s,data:{cssClasses:t}}),p(oe,{templateKey:"reset",rootTagName:"button",rootProps:{className:t.reset,type:"reset",title:"Clear the search query.",hidden:!(l&&this.state.query.trim()&&!o)},templates:s,data:{cssClasses:t}}),d&&p(oe,{templateKey:"loadingIndicator",rootTagName:"span",rootProps:{className:t.loadingIndicator,hidden:!o},templates:s,data:{cssClasses:t}})))}}]),t}(_),b(Be,"defaultProps",{query:"",showSubmit:!0,showReset:!0,showLoadingIndicator:!0,autofocus:!1,searchAsYouType:!0,isSearchStalled:!1,disabled:!1,onChange:a,onSubmit:a,onReset:a,refine:a}),vn=Be;function gn(e,t){var n,s=Object.keys(e);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(e),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,n)),s}function pn(e){for(var t,n=1;n<arguments.length;n++)t=arguments[n]!=null?arguments[n]:{},n%2?gn(Object(t),!0).forEach(function(n){$a(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):gn(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))});return e}function $a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}fn=function(t,n){return n.map(function(e){var n=tn(t,function(t){return t.objectID===e});if(typeof n=="undefined")throw new Error('Could not find objectID "'.concat(e,'" passed to `clickedObjectIDsAfterSearch` in the returned hits. This is necessary to infer the absolute position and the query ID.'));return n})},mn=function(t){var n,s=Ke(t.map(function(e){return e.__queryID}));if(s.length>1)throw new Error("Insights currently allows a single `queryID`. The `objectIDs` provided map to multiple `queryID`s.");if(n=s[0],typeof n!="string")throw new Error("Could not infer `queryID`. Ensure InstantSearch `clickAnalytics: true` was added with the Configure widget.\n\nSee: https://alg.li/lNiZZ7");return n},un=function(t){return t.map(function(e){return e.__position})},dn=function(t){var r,s=t.method,c=t.results,l=t.hits,n=t.objectIDs,o=c.index,i=fn(l,n),a=mn(i);switch(s){case"clickedObjectIDsAfterSearch":return r=un(i),{index:o,queryID:a,objectIDs:n,positions:r};case"convertedObjectIDsAfterSearch":return{index:o,queryID:a,objectIDs:n};default:throw new Error('Unsupported method passed to insights: "'.concat(s,'".'))}},cn=function(t,n,s){return function(e,i){if(o(!1,"`insights` function has been deprecated. It is still supported in 4.x releases, but not further. It is replaced by the `insights` middleware.\n\nFor more information, visit https://www.algolia.com/doc/guides/getting-insights-and-analytics/search-analytics/click-through-and-conversions/how-to/send-click-and-conversion-events-with-instantsearch/js/"),!t){var a,r=g({name:"instantsearch"});throw new Error(r("The `insightsClient` option has not been provided to `instantsearch`."))}if(!Array.isArray(i.objectIDs))throw new TypeError("Expected `objectIDs` to be an array.");a=dn({method:e,results:n,hits:s,objectIDs:i.objectIDs}),t(e,pn({},a,{},i))}};function Ga(e){var t=function(t){return function(e,n){var a,s=e.results,o=e.hits,i=e.instantSearchInstance;return s&&o&&i?(a=cn(i.insightsClient,s,o),t(pn({},e,{insights:a}),n)):t(e,n)}};return function(n,s){return e(t(n),s)}}function rn(e,t){var n,s=Object.keys(e);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(e),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,n)),s}function x(e){for(var t,n=1;n<arguments.length;n++)t=arguments[n]!=null?arguments[n]:{},n%2?rn(Object(t),!0).forEach(function(n){an(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):rn(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))});return e}function an(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function on(e){return nr(e)||tr(e)||er()}function er(){throw new TypeError("Invalid attempt to spread non-iterable instance")}function tr(e){if(Symbol.iterator in Object(e)||Object.prototype.toString.call(e)==="[object Arguments]")return Array.from(e)}function nr(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}function sr(e,t){if(e==null)return{};var n,s,o,i=or(e,t);if(Object.getOwnPropertySymbols){o=Object.getOwnPropertySymbols(e);for(s=0;s<o.length;s++){if(n=o[s],t.indexOf(n)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(e,n))continue;i[n]=e[n]}}return i}function or(e,t){if(e==null)return{};var n,s,o={},i=Object.keys(e);for(s=0;s<i.length;s++){if(n=i[s],t.indexOf(n)>=0)continue;o[n]=e[n]}return o}nn=g({name:"infinite-hits",connector:!0});function en(e){var t=e||{},s=t.page,n=sr(t,["page"]);return n}function rr(){var e=null,t=0[0];return{read:function(s){var o=s.state;return w(t,en(o))?e:null},write:function(s){var o=s.state,i=s.hits;t=en(o),e=i}}}function cr(e){return Object.keys(e).map(Number).sort(function(e,t){return e-t}).reduce(function(t,n){return t.concat(e[n])},[])}Zt=function(t){var n=arguments.length>1&&arguments[1]!==0[0]?arguments[1]:a;return Ve(t,nn()),function(e){var s,d,u,h,a=e||{},m=a.escapeHTML,i=m===0[0]||m,r=a.transformItems,p=r===0[0]?function(e){return e}:r,c=a.cache,l=c===0[0]?rr():c,o=function(t,n){var s=t.page,o=s===0[0]?0:s,i=Object.keys(n).map(Number);return i.length===0?o:Math.min.apply(Math,[o].concat(on(i)))},f=function(t,n){var s=t.page,o=s===0[0]?0:s,i=Object.keys(n).map(Number);return i.length===0?o:Math.max.apply(Math,[o].concat(on(i)))},g=function(t,n){return function(){t.overrideStateWithoutTriggeringChangeEvent(x({},t.state,{page:o(t.state,n)-1})).searchWithoutTriggeringOnStateChange()}},v=function(t,n){return function(){t.setPage(f(t.state,n)+1).search()}};return{$$type:"ais.infiniteHits",init:function(n){t(x({},this.getWidgetRenderState(n),{instantSearchInstance:n.instantSearchInstance}),!0)},render:function(n){var i=n.instantSearchInstance,o=this.getWidgetRenderState(n);s("view",o.currentPageHits),t(x({},o,{instantSearchInstance:i}),!1)},getRenderState:function(t,n){return x({},t,{infiniteHits:this.getWidgetRenderState(n)})},getWidgetRenderState:function(n){var b,j,y,w,O,x,a=n.results,c=n.helper,m=n.state,C=n.instantSearchInstance,_=[],r=l.read({state:m})||{};return a?(j=m.page,y=j===0[0]?0:j,i&&a.hits.length>0&&(a.hits=Yi(a.hits)),w=a.hits.__escaped,a.hits=Ds(a.hits,a.page,a.hitsPerPage),a.hits=Ps(a.hits,a.queryID),a.hits=p(a.hits),a.hits.__escaped=w,r[y]===0[0]&&(r[y]=a.hits,l.write({state:m,hits:r})),_=a.hits,b=o(m,r)===0):(d=g(c,r),u=v(c,r),s=di({instantSearchInstance:C,index:c.getIndex(),widgetType:this.$$type}),h=li({index:c.getIndex(),widgetType:this.$$type}),b=c.state.page===0[0]||o(c.state,r)===0),O=cr(r),x=!a||a.nbPages<=f(m,r)+1,{hits:O,currentPageHits:_,sendEvent:s,bindEvent:h,results:a,showPrevious:d,showMore:u,isFirstPage:b,isLastPage:x,widgetParams:e}},dispose:function(t){var s,o=t.state;return n(),s=o.setQueryParameter("page",0[0]),i?s.setQueryParameters(Object.keys(S).reduce(function(e,t){return x({},e,an({},t,0[0]))},{})):s},getWidgetUiState:function(t,n){var o=n.searchParameters,s=o.page||0;return s?x({},t,{page:s+1}):t},getWidgetSearchParameters:function(t,n){var a,s=n.uiState,o=t;return i&&(o=t.setQueryParameters(S)),a=s.page?s.page-1:0,o.setQueryParameter("page",a)}}}},Qt=Zt,qt={reset:` +<svg class="{{cssClasses.resetIcon}}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="10" height="10"> + <path d="M8.114 10L.944 2.83 0 1.885 1.886 0l.943.943L10 8.113l7.17-7.17.944-.943L20 1.886l-.943.943-7.17 7.17 7.17 7.17.943.944L18.114 20l-.943-.943-7.17-7.17-7.17 7.17-.944.943L0 18.114l.943-.943L8.113 10z"></path> +</svg> + `,submit:` +<svg class="{{cssClasses.submitIcon}}" xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 40 40"> + <path d="M26.804 29.01c-2.832 2.34-6.465 3.746-10.426 3.746C7.333 32.756 0 25.424 0 16.378 0 7.333 7.333 0 16.378 0c9.046 0 16.378 7.333 16.378 16.378 0 3.96-1.406 7.594-3.746 10.426l10.534 10.534c.607.607.61 1.59-.004 2.202-.61.61-1.597.61-2.202.004L26.804 29.01zm-10.426.627c7.323 0 13.26-5.936 13.26-13.26 0-7.32-5.937-13.257-13.26-13.257C9.056 3.12 3.12 9.056 3.12 16.378c0 7.323 5.936 13.26 13.258 13.26z"></path> +</svg> + `,loadingIndicator:` +<svg class="{{cssClasses.loadingIcon}}" width="16" height="16" viewBox="0 0 38 38" xmlns="http://www.w3.org/2000/svg" stroke="#444"> + <g fill="none" fillRule="evenodd"> + <g transform="translate(1 1)" strokeWidth="2"> + <circle strokeOpacity=".5" cx="18" cy="18" r="18" /> + <path d="M36 18c0-9.94-8.06-18-18-18"> + <animateTransform + attributeName="transform" + type="rotate" + from="0 18 18" + to="360 18 18" + dur="1s" + repeatCount="indefinite" + /> + </path> + </g> + </g> +</svg> + `},u=m(Cr());function Ut(e,t){var n,s=Object.keys(e);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(e),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,n)),s}function q(e){for(var t,n=1;n<arguments.length;n++)t=arguments[n]!=null?arguments[n]:{},n%2?Ut(Object(t),!0).forEach(function(n){pr(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Ut(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))});return e}function pr(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}Vt=g({name:"search-box",connector:!0});function vr(e){var t=arguments.length>1&&arguments[1]!==0[0]?arguments[1]:a;return Ve(e,Vt()),function(){var n,s=arguments.length>0&&arguments[0]!==0[0]?arguments[0]:{},o=s.queryHook;function i(e){return function(){e.setQuery("").search()}}n=function(){};function a(){n()}return{$$type:"ais.searchBox",init:function(n){var s=n.instantSearchInstance;e(q({},this.getWidgetRenderState(n),{instantSearchInstance:s}),!0)},render:function(n){var s=n.instantSearchInstance;e(q({},this.getWidgetRenderState(n),{instantSearchInstance:s}),!1)},dispose:function(n){var s=n.state;return t(),s.setQueryParameter("query",0[0])},getRenderState:function(t,n){return q({},t,{searchBox:this.getWidgetRenderState(n)})},getWidgetRenderState:function(t){var c,r=t.helper,l=t.searchMetadata;return this._refine||(c=function(t){t!==r.state.query&&r.setQuery(t).search()},this._refine=function(e){if(o){o(e,c);return}c(e)}),n=i(r),{query:r.state.query||"",refine:this._refine,clear:a,widgetParams:s,isSearchStalled:l.isSearchStalled}},getWidgetUiState:function(t,n){var o=n.searchParameters,s=o.query||"";return s===""||t&&t.query===s?t:q({},t,{query:s})},getWidgetSearchParameters:function(t,n){var s=n.uiState;return t.setQueryParameter("query",s.query||"")}}}}function It(e,t){var n,s=Object.keys(e);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(e),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,n)),s}function Ht(e){for(var t,n=1;n<arguments.length;n++)t=arguments[n]!=null?arguments[n]:{},n%2?It(Object(t),!0).forEach(function(n){yr(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):It(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))});return e}function yr(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}Lt=g({name:"search-box"}),h=A("SearchBox"),Nt=function(t){var n=t.containerNode,s=t.cssClasses,o=t.placeholder,i=t.templates,a=t.autofocus,r=t.searchAsYouType,c=t.showReset,l=t.showSubmit,d=t.showLoadingIndicator;return function(e){var t=e.refine,u=e.query,h=e.isSearchStalled;dt(p(vn,{query:u,placeholder:o,autofocus:a,refine:t,searchAsYouType:r,templates:i,showSubmit:l,showReset:c,showLoadingIndicator:d,isSearchStalled:h,cssClasses:s}),n)}};function xr(e){var s,a,c,d,t=e||{},f=t.container,m=t.placeholder,x=m===0[0]?"":m,p=t.cssClasses,n=p===0[0]?{}:p,r=t.autofocus,O=r!==0[0]&&r,l=t.searchAsYouType,w=l===0[0]||l,o=t.showReset,_=o===0[0]||o,i=t.showSubmit,v=i===0[0]||i,g=t.showLoadingIndicator,b=g===0[0]||g,j=t.queryHook,y=t.templates;if(!f)throw new Error(Lt("The `container` option is required."));return s=$t(f),d={root:(0,u.default)(h(),n.root),form:(0,u.default)(h({descendantName:"form"}),n.form),input:(0,u.default)(h({descendantName:"input"}),n.input),submit:(0,u.default)(h({descendantName:"submit"}),n.submit),submitIcon:(0,u.default)(h({descendantName:"submitIcon"}),n.submitIcon),reset:(0,u.default)(h({descendantName:"reset"}),n.reset),resetIcon:(0,u.default)(h({descendantName:"resetIcon"}),n.resetIcon),loadingIndicator:(0,u.default)(h({descendantName:"loadingIndicator"}),n.loadingIndicator),loadingIcon:(0,u.default)(h({descendantName:"loadingIcon"}),n.loadingIcon)},c=Nt({containerNode:s,cssClasses:d,placeholder:x,templates:Ht({},qt,{},y),autofocus:O,searchAsYouType:w,showReset:_,showSubmit:v,showLoadingIndicator:b}),a=vr(c,function(){return dt(null,s)}),Ht({},a({queryHook:j}),{$$widgetType:"ais.searchBox"})}Dt=Ga(Qt),Tt=Dt,xt="https://cdn.jsdelivr.net/npm/search-insights@1.3.1",!function(e,t,n,s,o,i,a){e.AlgoliaAnalyticsObject=o,e[o]=e[o]||function(){(e[o].queue=e[o].queue||[]).push(arguments)},i=t.createElement(n),a=t.getElementsByTagName(n)[0],i.async=1,i.src=s,a.parentNode.insertBefore(i,a)}(window,document,"script",xt,"aa"),aa("init",{appId:"LE77SHMNUX",apiKey:"63933f0420a85da698f715b54c639bed"});function Ar(){const e=ct({indexName:"prod_codelibrary",searchClient:(0,Ft.default)("LE77SHMNUX","63933f0420a85da698f715b54c639bed"),hitsPerPage:5,routing:!0,searchFunction(e){const t=document.querySelector("#algolia-results");t.style.display=e.state.query===""?"none":"block",t.style.position="fixed",e.search()},insightsClient:window.aa});e.addWidgets([xr({container:"#algolia-box",autofocus:!1,placeholder:"Search for content"})]);const t=(e)=>{const{hits:n,widgetParams:s,insights:o}=e;if(e.results==0[0])return;s.container.innerHTML=` + ${n.length>0?` + <div class="ais-Hits-list"> + ${n.map(e=>` + <a class="ais-Hits-item" data-rel-path="${e.relpermalink}" data-object-id="${e.objectID}" href="${e.relpermalink}"> + <div class="hit-head"> + <div class="level"> + <div class="level-left"> + <span class="hit-section">${e._highlightResult.section.value}</span> + <span class="hit-separator">/</span> + <span class="hit-title">${ct.highlight({attribute:"title",hit:e})}</span> + </div> + </div> + </div> + <div class="hit-content"> + <p class="hit-summary"> + ${e.print} + </p> + ${e._highlightResult.tags?` + <span class="hit-tags"> + Tags: ${e._highlightResult.tags.map(e=>`${e.value}`).join(", ")} + </span> + `:``} + </div> + </a> + `).join("")} + </div> + `:` + <div id="no-results-message"> + <p>We didn't find any results for the search <em>"${e.results.query}"</em>.</p> + </div> + `} + <div class="algolia-docsearch-footer"> + Search by <a class="algolia-docsearch-footer--logo" href="https://www.algolia.com/docsearch">Algolia</a> + </div> + `;const i=s.container.querySelectorAll(".ais-Hits-item");i.forEach(e=>{e.addEventListener("click",t=>{const n=e.getAttribute("data-object-id"),s=e.getAttribute("data-rel-path");o("clickedObjectIDsAfterSearch",{eventName:s,objectIDs:[n]})})})},n=Tt(t);e.addWidgets([n({container:document.querySelector("#algolia-results"),transformItems:e=>(e.forEach(e=>{e._snippetResult.description.matchLevel!="none"?e.print=e._snippetResult.description.value:e._snippetResult.content.matchLevel!="none"?e.print=e._snippetResult.content.value:e._snippetResult.description.value==""?e.print=e._snippetResult.content.value:e.print=e._snippetResult.description.value}),e)}),_n({clickAnalytics:!0})]),e.start()}Ot=m(Er()),_t=()=>{"use strict";const m="js-tabs",B="js-tablist",w="js-tablist__item",t="js-tablist__link",c="js-tabcontent",O="js-link-to-tab",S="data-tabs-prefix-class",x="data-hx",C="data-tabs-generated-hx-class",z="data-existing-hx",N="data-selected",f="label_",M="van11ytabs",k="van11ytabs__list",F="van11ytabs__item",L="van11ytabs__link",I="van11ytabs__content",g="is-active",H="invisible",P="tablist",D="tab",R="tabpanel",W="presentation",y="role",_="aria-labelledby",d="aria-hidden",j="aria-controls",s="aria-selected",$=1e3;let b=window.location.hash.replace("#","");const e=e=>document.getElementById(e),n=(e,t)=>{e.classList?e.classList.add(t):e.className+=" "+t},T=(e,t)=>{e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp("(^|\\b)"+t.split(" ").join("|")+"(\\b|$)","gi")," ")},h=e=>{n(e,g),n(e.parentNode,g)},v=e=>{T(e,g),T(e.parentNode,g)},u=(e,t)=>e.classList?e.classList.contains(t):new RegExp("(^| )"+t+"( |$)","gi").test(e.className),a=(e,t)=>{Object.keys(t).forEach(n=>{e.setAttribute(n,t[n])})},o=e=>{e.forEach(e=>{a(e,{[s]:"false",tabindex:"-1"}),v(e)})},i=e=>{e.forEach(e=>{e.setAttribute(d,!0),v(e)})},r=t=>{let o=e(t.getAttribute(j));a(t,{[s]:"true",tabindex:"0"}),n(t,"is-active"),n(t.parentNode,"is-active"),o.removeAttribute(d),n(o,"is-active"),n(o.parentNode,"is-active"),setTimeout(function(){t.focus()},0),setTimeout(function(){history.pushState(null,null,location.pathname+location.search+"#"+t.getAttribute(j))},$)},p=(e,n,a,c)=>{let l;e.forEach((e,n)=>{e.querySelector("."+t).getAttribute(s)==="true"&&(l=n)}),o(n),i(a),c==="next"&&(r(n[l+1]),setTimeout(function(){n[l+1].focus()},0)),c==="prev"&&(r(n[l-1]),setTimeout(function(){n[l-1].focus()},0))};let l=(e,t)=>{let s=!1,n=e.parentNode;for(;n&&s===!1;)u(n,t)===!0?s=!0:n=n.parentNode;return s===!0?n.getAttribute("id"):""};const V=(e=document)=>[].slice.call(e.querySelectorAll("."+m)),A=r=>{V(r).forEach(r=>{let O=Math.random().toString(32).slice(2,12),p=r.hasAttribute(S)===!0?r.getAttribute(S)+"-":"",E=r.hasAttribute(x)===!0?r.getAttribute(x):"",V=r.hasAttribute(C)===!0?r.getAttribute(C):H,A=r.hasAttribute(z)===!0?r.getAttribute(z):"",$=[].slice.call(r.querySelectorAll("."+B)),U=[].slice.call(r.querySelectorAll("."+w)),m=[].slice.call(r.querySelectorAll("."+t)),T=[].slice.call(r.querySelectorAll("."+c)),g=!0;if(n(r,p+M),r.setAttribute("id",M+O),$.forEach(e=>{n(e,p+k),a(e,{[y]:P,id:k+O})}),U.forEach((e,t)=>{n(e,p+F),a(e,{[y]:W,id:F+O+"-"+(t+1)})}),m.forEach(t=>{let i=t.getAttribute("href").replace("#",""),o=e(i),r=t.innerText,c=t.hasAttribute(N)===!0;if(n(t,p+L),a(t,{id:f+i,[y]:D,[j]:i,tabindex:"-1",[s]:"false"}),v(t),a(o,{[d]:"true",[y]:R,[_]:f+i}),n(o,p+I),v(o),c&&g&&(g=!1,a(t,{tabindex:"0",[s]:"true"}),n(t,"is-active"),a(o,{[d]:"false"}),n(o,"is-active")),E!==""){let e=document.createElement(E);e.setAttribute("class",V),e.setAttribute("tabindex","0"),e.innerHTML=r,o.insertBefore(e,o.firstChild)}if(A!==""){let e=[].slice.call(o.querySelectorAll(A+":first-child"));e.forEach(e=>{e.setAttribute("tabindex","0")})}t.removeAttribute("href")}),b!==""){let t=e(b);if(t!==null&&r.querySelector("#"+b)!==null)if(u(t,c)===!0){o(m),i(T),t.removeAttribute(d),h(t);let n=e(f+b);a(n,{tabindex:"0",[s]:"true"}),h(n),g=!1}else{let n=l(t,c);if(n!==""){o(m),i(T);let t=e(n);t.removeAttribute(d),h(t);let r=e(f+n);a(r,{tabindex:"0",[s]:"true"}),h(r),g=!1}}}if(g===!0){a(m[0],{tabindex:"0",[s]:"true"}),h(m[0]);let t=e(m[0].getAttribute(j));t.removeAttribute(d),h(t)}})};["click","keydown"].forEach(n=>{document.body.addEventListener(n,a=>{let d=l(a.target,t);if((u(a.target,t)===!0||d!=="")&&n==="click"){let s=u(a.target,t)===!0?a.target:e(d),h=l(a.target,m),n=e(h),f=[].slice.call(n.querySelectorAll("."+t)),p=[].slice.call(n.querySelectorAll("."+c));o(f),i(p),r(s),a.preventDefault()}if((u(a.target,t)===!0||d!=="")&&n==="keydown"){let v=l(a.target,m),h=e(v),u=[].slice.call(h.querySelectorAll("."+w)),n=[].slice.call(h.querySelectorAll("."+t)),d=[].slice.call(h.querySelectorAll("."+c)),f=u[0].querySelector("."+t),g=u[u.length-1].querySelector("."+t);a.keyCode===36?(o(n),i(d),r(f),a.preventDefault()):a.keyCode===35?(o(n),i(d),r(g),a.preventDefault()):(a.keyCode===37||a.keyCode===38)&&!a.ctrlKey?f.getAttribute(s)==="true"?(o(n),i(d),r(g),a.preventDefault()):(p(u,n,d,"prev"),a.preventDefault()):(a.keyCode===40||a.keyCode===39)&&!a.ctrlKey&&(g.getAttribute(s)==="true"?(o(n),i(d),r(f),a.preventDefault()):(p(u,n,d,"next"),a.preventDefault()))}let h=l(a.target,c);if(h!==""&&n==="keydown"){let f=e(e(h).getAttribute(_)),j=l(a.target,m),g=e(j),n=[].slice.call(g.querySelectorAll("."+w)),d=[].slice.call(g.querySelectorAll("."+t)),u=[].slice.call(g.querySelectorAll("."+c)),v=n[0].querySelector("."+t),b=n[n.length-1].querySelector("."+t);a.keyCode===38&&a.ctrlKey&&(setTimeout(function(){f.focus()},0),a.preventDefault()),a.keyCode===33&&a.ctrlKey&&(f.focus(),a.preventDefault(),v.getAttribute(s)==="true"?(o(d),i(u),r(b)):p(n,d,u,"prev")),a.keyCode===34&&a.ctrlKey&&(f.focus(),a.preventDefault(),b.getAttribute(s)==="true"?(o(d),i(u),r(v)):p(n,d,u,"next"))}let f=l(a.target,O);if((u(a.target,O)===!0||f!=="")&&n==="click"){let s=u(a.target,O)===!0?a.target.getAttribute("href").replace("#",""):e(f).replace("#",""),d=e(s),h=e(d.getAttribute(_)),p=l(a.target,m),n=e(p),g=[].slice.call(n.querySelectorAll("."+t)),v=[].slice.call(n.querySelectorAll("."+c));o(g),i(v),r(h),a.preventDefault()}},!0)});const E=()=>{A(),document.removeEventListener("DOMContentLoaded",E)};document.addEventListener("DOMContentLoaded",E),window.van11yAccessibleTabPanelAria=A};function Fr(){document.addEventListener("DOMContentLoaded",()=>{const e=document.querySelectorAll(".navbar-burger");e.length>0&&e.forEach(e=>{e.addEventListener("click",()=>{const t=e.dataset.target,n=document.getElementById(t);if(e.classList.toggle("is-active"),n.classList.toggle("is-active"),t==="sidebarNavbar"){const e=document.querySelector(".sidebar-search");e.classList.toggle("is-hidden-touch")}})})})}at=(e,t)=>{const n=e.querySelector(`button.show-${t}`),s=e.querySelector(`div.box-${t}`);if(!n||!s)return;n.addEventListener("click",()=>{s.classList.toggle("is-hidden"),s.toggleAttribute("aria-hidden"),n.classList.toggle("is-active"),n.toggleAttribute("aria-selected")})},ft=()=>{const e=document.querySelectorAll(".box");[...e].forEach(e=>{at(e,"code"),at(e,"schema")})},mt=e=>{e.forEach(e=>{e.addEventListener("click",e=>e.preventDefault())})},ht=e=>{const t=new MutationObserver(t=>{const n=e.contentDocument.querySelectorAll('[href="#"]');n.length>0&&mt(n)});t.observe(e.contentDocument,{childList:!0,subtree:!0})},ut=()=>{const e=document.querySelectorAll("iframe");e.forEach(ht)},Mt(),Ar(),Ot.default.highlightAll(),Fr(),_t(),ft(),ut()})() \ No newline at end of file diff --git a/public/index.min.6510c7ce98efac53fdde446743709595f2a2855fc9c9ec3746938bc39066e306.js b/public/index.min.6510c7ce98efac53fdde446743709595f2a2855fc9c9ec3746938bc39066e306.js new file mode 100644 index 000000000..14afb3802 --- /dev/null +++ b/public/index.min.6510c7ce98efac53fdde446743709595f2a2855fc9c9ec3746938bc39066e306.js @@ -0,0 +1,166 @@ +/*! Bundled license information: + +es6-promise/dist/es6-promise.js: + (*! + * @overview es6-promise - a tiny implementation of Promises/A+. + * @copyright Copyright (c) 2014 Yehuda Katz, Tom Dale, Stefan Penner and contributors (Conversion to ES6 API by Jake Archibald) + * @license Licensed under MIT license + * See https://raw.githubusercontent.com/stefanpenner/es6-promise/master/LICENSE + * @version v4.2.8+1e68dce6 + *) + +classnames/index.js: + (*! + Copyright (c) 2017 Jed Watson. + Licensed under the MIT License (MIT), see + http://jedwatson.github.io/classnames + *) + +prismjs/prism.js: + (** + * Prism: Lightweight, robust, elegant syntax highlighting + * + * @license MIT <https://opensource.org/licenses/MIT> + * @author Lea Verou <https://lea.verou.me> + * @namespace + * @public + *) + +clipboard-polyfill/dist/main/clipboard-polyfill.esm.js: + (*! ***************************************************************************** + Copyright (c) Microsoft Corporation. + + Permission to use, copy, modify, and/or distribute this software for any + purpose with or without fee is hereby granted. + + THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH + REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY + AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, + INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM + LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR + OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR + PERFORMANCE OF THIS SOFTWARE. + ***************************************************************************** *) +*/(()=>{var kt,tt,nt,st,ot,it,r,Dr,Lr,na,xe,W,Nr,U,pt,Sr,Ct,Et,Je,At,St,Mt,Ft,Xe,zt,Ge,Ye,Rt,Pt,qe,Bt,$t,Ke,Ue,Jt,tn,sn,Ve,ln,o,a,X,hn,wn,I,Ne,w,Dn,Me,Ln,Pn,Hn,Se,Bn,i,S,es,cs,fs,ps,gs,vs,bs,js,ys,_s,ws,Os,xs,Cs,D,ks,As,_e,g,Ds,Ps,be,C,io,ao,Oe,lo,A,ho,fo,go,bo,Oo,Te,to,Zs,ze,Qs,qs,l,Is,Hs,ie,c,ct,n,xi,H,Ms,lt,Ai,P,G,Ss,ke,oe,R,Sn,kn,En,xn,_n,Be,vn,fn,mn,un,dn,cn,nn,Zt,Qt,qt,u,Vt,Lt,h,Nt,Dt,Tt,xt,Ot,_t,at,ft,mt,ht,ut,ki=Object.create,gt=Object.defineProperty,wr=Object.getOwnPropertyDescriptor,Wt=Object.getOwnPropertyNames,hr=Object.getPrototypeOf,Qa=Object.prototype.hasOwnProperty,Ha=(e=>typeof require!="undefined"?require:typeof Proxy!="undefined"?new Proxy(e,{get:(e,t)=>(typeof require!="undefined"?require:e)[t]}):e)(function(e){if(typeof require!="undefined")return require.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')}),e=(e,t)=>function(){return t||(0,e[Wt(e)[0]])((t={exports:{}}).exports,t),t.exports},Pa=(e,t,n,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Wt(t))!Qa.call(e,o)&&o!==n&>(e,o,{get:()=>t[o],enumerable:!(s=wr(t,o))||s.enumerable});return e},m=(e,t,n)=>(n=e!=null?ki(hr(e)):{},Pa(t||!e||!e.__esModule?gt(n,"default",{value:e,enumerable:!0}):n,e)),bn=e({"node_modules/inherits/inherits_browser.js"(e,t){typeof Object.create=="function"?t.exports=function(t,n){n&&(t.super_=n,t.prototype=Object.create(n.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}))}:t.exports=function(t,n){if(n){t.super_=n;var s=function(){};s.prototype=n.prototype,t.prototype=new s,t.prototype.constructor=t}}}}),y=e({"node_modules/foreach/index.js"(e,t){var n=Object.prototype.hasOwnProperty,s=Object.prototype.toString;t.exports=function(t,o,i){if(s.call(o)!=="[object Function]")throw new TypeError("iterator must be a function");var a,c,r=t.length;if(r===+r)for(a=0;a<r;a++)o.call(i,t[a],a,t);else for(c in t)n.call(t,c)&&o.call(i,t[c],c,t)}}}),Z=e({"node_modules/algoliasearch/src/errors.js"(e,t){"use strict";var o=bn();function s(e,t){var s=y(),n=this;typeof Error.captureStackTrace=="function"?Error.captureStackTrace(this,this.constructor):n.stack=(new Error).stack||"Cannot get a stacktrace, browser is too old",this.name="AlgoliaSearchError",this.message=e||"Unknown error",t&&s(t,function(t,s){n[s]=t})}o(s,Error);function n(e,t){function n(){var n=Array.prototype.slice.call(arguments,0);typeof n[0]!="string"&&n.unshift(t),s.apply(this,n),this.name="AlgoliaSearch"+e+"Error"}return o(n,s),n}t.exports={AlgoliaSearchError:s,UnparsableJSON:n("UnparsableJSON","Could not parse the incoming response as JSON, see err.more for details"),RequestTimeout:n("RequestTimeout","Request timed out before getting a response"),Network:n("Network","Network issue, see err.more for details"),JSONPScriptFail:n("JSONPScriptFail","<script> was loaded but did not call our provided callback"),ValidUntilNotFound:n("ValidUntilNotFound","The SecuredAPIKey does not have a validUntil parameter."),JSONPScriptError:n("JSONPScriptError","<script> unable to load due to an `error` event on it"),ObjectNotFound:n("ObjectNotFound","Object not found"),Unknown:n("Unknown","Unknown error occured")}}}),Na=e({"node_modules/algoliasearch/src/exitPromise.js"(e,t){t.exports=function(t,n){n(t,0)}}}),jn=e({"node_modules/algoliasearch/src/buildSearchMethod.js"(e,t){t.exports=s;var n=Z();function s(e,t){return function(o,i,a){if(typeof o=="function"&&typeof i=="object"||typeof a=="object")throw new n.AlgoliaSearchError("index.search usage is index.search(query, params, cb)");arguments.length===0||typeof o=="function"?(a=o,o=""):(arguments.length===1||typeof i=="function")&&(a=i,i=0[0]),typeof o=="object"&&o!==null?(i=o,o=0[0]):(o==null)&&(o="");var c,r="";return o!==0[0]&&(r+=e+"="+encodeURIComponent(o)),i!==0[0]&&(i.additionalUA&&(c=i.additionalUA,delete i.additionalUA),r=this.as._getSearchParams(i,r)),this._search(r,t,a,c)}}}}),Sa=e({"node_modules/algoliasearch/src/deprecate.js"(e,t){t.exports=function(t,n){var s=!1;function o(){return s||(console.warn(n),s=!0),t.apply(this,arguments)}return o}}}),ba=e({"node_modules/algoliasearch/src/deprecatedMessage.js"(e,t){t.exports=function(t,n){var s=t.toLowerCase().replace(/[.()]/g,"");return"algoliasearch: `"+t+"` was replaced by `"+n+"`. Please see https://github.com/algolia/algoliasearch-client-javascript/wiki/Deprecated#"+s}}}),ga=e({"node_modules/algoliasearch/src/merge.js"(e,t){var n=y();t.exports=function e(t){var s=Array.prototype.slice.call(arguments);return n(s,function(n){for(var s in n)n.hasOwnProperty(s)&&(typeof t[s]=="object"&&typeof n[s]=="object"?t[s]=e({},t[s],n[s]):n[s]!==0[0]&&(t[s]=n[s]))}),t}}}),O=e({"node_modules/algoliasearch/src/clone.js"(e,t){t.exports=function(t){return JSON.parse(JSON.stringify(t))}}}),Rn=e({"node_modules/object-keys/isArguments.js"(e,t){"use strict";var n=Object.prototype.toString;t.exports=function(t){var o=n.call(t),s=o==="[object Arguments]";return s||(s=o!=="[object Array]"&&t!==null&&typeof t=="object"&&typeof t.length=="number"&&t.length>=0&&n.call(t.callee)==="[object Function]"),s}}}),fa=e({"node_modules/object-keys/implementation.js"(e,t){"use strict";var n,s,o,i,a,r,c,l,d,u,h,m;Object.keys||(n=Object.prototype.hasOwnProperty,i=Object.prototype.toString,c=Rn(),a=Object.prototype.propertyIsEnumerable,l=!a.call({toString:null},"toString"),d=a.call(function(){},"prototype"),s=["toString","toLocaleString","valueOf","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","constructor"],o=function(e){var t=e.constructor;return t&&t.prototype===e},u={$applicationCache:!0,$console:!0,$external:!0,$frame:!0,$frameElement:!0,$frames:!0,$innerHeight:!0,$innerWidth:!0,$onmozfullscreenchange:!0,$onmozfullscreenerror:!0,$outerHeight:!0,$outerWidth:!0,$pageXOffset:!0,$pageYOffset:!0,$parent:!0,$scrollLeft:!0,$scrollTop:!0,$scrollX:!0,$scrollY:!0,$self:!0,$webkitIndexedDB:!0,$webkitStorageInfo:!0,$window:!0},h=function(){if(typeof window=="undefined")return!1;for(var e in window)try{if(!u["$"+e]&&n.call(window,e)&&window[e]!==null&&typeof window[e]=="object")try{o(window[e])}catch{return!0}}catch{return!0}return!1}(),m=function(e){if(typeof window=="undefined"||!h)return o(e);try{return o(e)}catch{return!1}},r=function(t){var o,r,u,h,v,b,f=t!==null&&typeof t=="object",p=i.call(t)==="[object Function]",g=c(t),j=f&&i.call(t)==="[object String]",a=[];if(!f&&!p&&!g)throw new TypeError("Object.keys called on a non-object");if(v=d&&p,j&&t.length>0&&!n.call(t,0))for(r=0;r<t.length;++r)a.push(String(r));if(g&&t.length>0)for(u=0;u<t.length;++u)a.push(String(u));else for(h in t)!(v&&h==="prototype")&&n.call(t,h)&&a.push(String(h));if(l)for(b=m(t),o=0;o<s.length;++o)!(b&&s[o]==="constructor")&&n.call(t,s[o])&&a.push(s[o]);return a}),t.exports=r}}),ma=e({"node_modules/object-keys/index.js"(e,t){"use strict";var i=Array.prototype.slice,a=Rn(),s=Object.keys,n=s?function(t){return s(t)}:fa(),o=Object.keys;n.shim=function(){if(Object.keys){var t=function(){var e=Object.keys(arguments);return e&&e.length===arguments.length}(1,2);t||(Object.keys=function(t){return o(a(t)?i.call(t):t)})}else Object.keys=n;return Object.keys||n},t.exports=n}}),In=e({"node_modules/algoliasearch/src/omit.js"(e,t){t.exports=function(t,n){var o=ma(),i=y(),s={};return i(o(t),function(o){n(o)!==!0&&(s[o]=t[o])}),s}}}),le=e({"node_modules/isarray/index.js"(e,t){var n={}.toString;t.exports=Array.isArray||function(e){return n.call(e)=="[object Array]"}}}),de=e({"node_modules/algoliasearch/src/map.js"(e,t){var n=y();t.exports=function(t,s){var o=[];return n(t,function(e,n){o.push(s(e,n,t))}),o}}}),Ri=e({"node_modules/algoliasearch/src/IndexCore.js"(e,t){var s=jn(),o=Sa(),i=ba();t.exports=n;function n(e,t){this.indexName=t,this.as=e,this.typeAheadArgs=null,this.typeAheadValueOption=null,this.cache={}}n.prototype.clearCache=function(){this.cache={}},n.prototype.search=s("query"),n.prototype.similarSearch=o(s("similarQuery"),i("index.similarSearch(query[, callback])","index.search({ similarQuery: query }[, callback])")),n.prototype.browse=function(e,t,n){var s,o,i,a=ga(),r=this;return arguments.length===0||arguments.length===1&&typeof arguments[0]=="function"?(s=0,n=arguments[0],e=0[0]):typeof arguments[0]=="number"?(s=arguments[0],typeof arguments[1]=="number"?o=arguments[1]:typeof arguments[1]=="function"&&(n=arguments[1],o=0[0]),e=0[0],t=0[0]):typeof arguments[0]=="object"?(typeof arguments[1]=="function"&&(n=arguments[1]),t=arguments[0],e=0[0]):typeof arguments[0]=="string"&&typeof arguments[1]=="function"&&(n=arguments[1],t=0[0]),t=a({},t||{},{page:s,hitsPerPage:o,query:e}),i=this.as._getSearchParams(t,""),this.as._jsonRequest({method:"POST",url:"/1/indexes/"+encodeURIComponent(r.indexName)+"/browse",body:{params:i},hostType:"read",callback:n})},n.prototype.browseFrom=function(e,t){return this.as._jsonRequest({method:"POST",url:"/1/indexes/"+encodeURIComponent(this.indexName)+"/browse",body:{cursor:e},hostType:"read",callback:t})},n.prototype.searchForFacetValues=function(e,t){var n,s,o,i=O(),a=In(),r="Usage: index.searchForFacetValues({facetName, facetQuery, ...params}[, callback])";if(e.facetName===0[0]||e.facetQuery===0[0])throw new Error(r);return n=e.facetName,s=a(i(e),function(e){return e==="facetName"}),o=this.as._getSearchParams(s,""),this.as._jsonRequest({method:"POST",url:"/1/indexes/"+encodeURIComponent(this.indexName)+"/facets/"+encodeURIComponent(n)+"/query",hostType:"read",body:{params:o},callback:t})},n.prototype.searchFacet=o(function(e,t){return this.searchForFacetValues(e,t)},i("index.searchFacet(params[, callback])","index.searchForFacetValues(params[, callback])")),n.prototype._search=function(e,t,n,s){return this.as._jsonRequest({cache:this.cache,method:"POST",url:t||"/1/indexes/"+encodeURIComponent(this.indexName)+"/query",body:{params:e},hostType:"read",fallback:{method:"GET",url:"/1/indexes/"+encodeURIComponent(this.indexName),body:{params:e}},callback:n,additionalUA:s})},n.prototype.getObject=function(e,t,n){var s,o,i=this;if((arguments.length===1||typeof t=="function")&&(n=t,t=0[0]),s="",t!==0[0]){s="?attributes=";for(o=0;o<t.length;++o)o!==0&&(s+=","),s+=t[o]}return this.as._jsonRequest({method:"GET",url:"/1/indexes/"+encodeURIComponent(i.indexName)+"/"+encodeURIComponent(e)+s,hostType:"read",callback:n})},n.prototype.getObjects=function(e,t,n){var s,o,i=le(),a=de(),r="Usage: index.getObjects(arrayOfObjectIDs[, callback])";if(!i(e))throw new Error(r);return s=this,(arguments.length===1||typeof t=="function")&&(n=t,t=0[0]),o={requests:a(e,function(n){var o={indexName:s.indexName,objectID:n};return t&&(o.attributesToRetrieve=t.join(",")),o})},this.as._jsonRequest({method:"POST",url:"/1/indexes/*/objects",hostType:"read",body:o,callback:n})},n.prototype.as=null,n.prototype.indexName=null,n.prototype.typeAheadArgs=null,n.prototype.typeAheadValueOption=null}}),ko=e({"node_modules/algoliasearch/node_modules/ms/index.js"(e,t){var n=1e3,s=n*60,o=s*60,i=o*24,r=i*365.25;t.exports=function(e,t){t=t||{};var n=typeof e;if(n==="string"&&e.length>0)return c(e);if(n==="number"&&e!=e===!1)return t.long?d(e):l(e);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(e))};function c(e){if(e=String(e),e.length>100)return;var t,c,a=/^((?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|years?|yrs?|y)?$/i.exec(e);if(!a)return;switch(t=parseFloat(a[1]),c=(a[2]||"ms").toLowerCase(),c){case"years":case"year":case"yrs":case"yr":case"y":return t*r;case"days":case"day":case"d":return t*i;case"hours":case"hour":case"hrs":case"hr":case"h":return t*o;case"minutes":case"minute":case"mins":case"min":case"m":return t*s;case"seconds":case"second":case"secs":case"sec":case"s":return t*n;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return t;default:return 0[0]}}function l(e){return e>=i?Math.round(e/i)+"d":e>=o?Math.round(e/o)+"h":e>=s?Math.round(e/s)+"m":e>=n?Math.round(e/n)+"s":e+"ms"}function d(e){return a(e,i,"day")||a(e,o,"hour")||a(e,s,"minute")||a(e,n,"second")||e+" ms"}function a(e,t,n){if(e<t)return;return e<t*1.5?Math.floor(e/t)+" "+n:Math.ceil(e/t)+" "+n+"s"}}}),Xi=e({"node_modules/algoliasearch/node_modules/debug/src/debug.js"(e,t){e=t.exports=s.debug=s.default=s,e.coerce=c,e.disable=a,e.enable=i,e.enabled=r,e.humanize=ko(),e.names=[],e.skips=[],e.formatters={};var n;function o(t){var s,n=0;for(s in t)n=(n<<5)-n+t.charCodeAt(s),n|=0;return e.colors[(n<0?-n:n)%e.colors.length]}function s(t){function s(){if(!s.enabled)return;var t,i,a,c,o=s,r=+new Date,l=r-(n||r);o.diff=l,o.prev=n,o.curr=r,n=r;for(t=new Array(arguments.length),i=0;i<t.length;i++)t[i]=arguments[i];t[0]=e.coerce(t[0]),"string"!=typeof t[0]&&t.unshift("%O"),a=0,t[0]=t[0].replace(/%([a-zA-Z%])/g,function(n,s){if(n==="%%")return n;a++;var r,i=e.formatters[s];return"function"==typeof i&&(r=t[a],n=i.call(o,r),t.splice(a,1),a--),n}),e.formatArgs.call(o,t),c=s.log||e.log||console.log.bind(console),c.apply(o,t)}return s.namespace=t,s.enabled=e.enabled(t),s.useColors=e.useColors(),s.color=o(t),"function"==typeof e.init&&e.init(s),s}function i(t){e.save(t),e.names=[],e.skips=[];for(var s=(typeof t=="string"?t:"").split(/[\s,]+/),o=s.length,n=0;n<o;n++){if(!s[n])continue;t=s[n].replace(/\*/g,".*?"),t[0]==="-"?e.skips.push(new RegExp("^"+t.substr(1)+"$")):e.names.push(new RegExp("^"+t+"$"))}}function a(){e.enable("")}function r(t){var n,s;for(n=0,s=e.skips.length;n<s;n++)if(e.skips[n].test(t))return!1;for(n=0,s=e.names.length;n<s;n++)if(e.names[n].test(t))return!0;return!1}function c(e){return e instanceof Error?e.stack||e.message:e}}}),ce=e({"node_modules/algoliasearch/node_modules/debug/src/browser.js"(e,t){e=t.exports=Xi(),e.log=i,e.formatArgs=o,e.save=a,e.load=n,e.useColors=s,e.storage="undefined"!=typeof chrome&&"undefined"!=typeof chrome.storage?chrome.storage.local:r(),e.colors=["lightseagreen","forestgreen","goldenrod","dodgerblue","darkorchid","crimson"];function s(){return!!(typeof window!="undefined"&&window.process&&window.process.type==="renderer")||typeof document!="undefined"&&document.documentElement&&document.documentElement.style&&document.documentElement.style.WebkitAppearance||typeof window!="undefined"&&window.console&&(window.console.firebug||window.console.exception&&window.console.table)||typeof navigator!="undefined"&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/)&&parseInt(RegExp.$1,10)>=31||typeof navigator!="undefined"&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/)}e.formatters.j=function(e){try{return JSON.stringify(e)}catch(e){return"[UnexpectedJSONParseError]: "+e.message}};function o(t){var s,o,i,n=this.useColors;if(t[0]=(n?"%c":"")+this.namespace+(n?" %c":" ")+t[0]+(n?"%c ":" ")+"+"+e.humanize(this.diff),!n)return;s="color: "+this.color,t.splice(1,0,s,"color: inherit"),o=0,i=0,t[0].replace(/%[a-zA-Z%]/g,function(e){if("%%"===e)return;o++,"%c"===e&&(i=o)}),t.splice(i,0,s)}function i(){return"object"==typeof console&&console.log&&Function.prototype.apply.call(console.log,console,arguments)}function a(t){try{t==null?e.storage.removeItem("debug"):e.storage.debug=t}catch{}}function n(){var t;try{t=e.storage.debug}catch{}return!t&&typeof process!="undefined"&&"env"in process&&(t=process.env.DEBUG),t}e.enable(n());function r(){try{return window.localStorage}catch{}}}}),ia=e({"node_modules/algoliasearch/src/store.js"(e,t){var s,c=ce()("algoliasearch:src/hostIndexState.js"),n="algoliasearch-client-js",o={state:{},set:function(e,t){return this.state[e]=t,this.state[e]},get:function(e){return this.state[e]||null}},l={set:function(e,t){o.set(e,t);try{var s=JSON.parse(global.localStorage[n]);return s[e]=t,global.localStorage[n]=JSON.stringify(s),s[e]}catch(t){return i(e,t)}},get:function(e){try{return JSON.parse(global.localStorage[n])[e]||null}catch(t){return i(e,t)}}};function i(e,t){return c("localStorage failed with",t),d(),s=o,s.get(e)}s=r()?l:o,t.exports={get:a,set:a,supportsLocalStorage:r};function a(e,t){return arguments.length===1?s.get(e):s.set(e,t)}function r(){try{return"localStorage"in global&&global.localStorage!==null&&(global.localStorage[n]||global.localStorage.setItem(n,JSON.stringify({})),!0)}catch{return!1}}function d(){try{global.localStorage.removeItem(n)}catch{}}}}),Bi=e({"node_modules/algoliasearch/src/AlgoliaSearchCore.js"(e,t){t.exports=n;var s=Z(),i=Na(),l=Ri(),a=ia(),d=500,u=process.env.RESET_APP_DATA_TIMER&&parseInt(process.env.RESET_APP_DATA_TIMER,10)||60*2*1e3;function n(e,t,n){var o,c,d,u=ce()("algoliasearch"),i=O(),h=le(),a=de(),l="Usage: algoliasearch(applicationID, apiKey, opts)";if(n._allowEmptyCredentials!==!0&&!e)throw new s.AlgoliaSearchError("Please provide an application ID. "+l);if(n._allowEmptyCredentials!==!0&&!t)throw new s.AlgoliaSearchError("Please provide an API key. "+l);if(this.applicationID=e,this.apiKey=t,this.hosts={read:[],write:[]},n=n||{},this._timeouts=n.timeouts||{connect:1*1e3,read:2*1e3,write:30*1e3},n.timeout&&(this._timeouts.connect=this._timeouts.read=this._timeouts.write=n.timeout),o=n.protocol||"https:",/:$/.test(o)||(o=o+":"),o!=="http:"&&o!=="https:")throw new s.AlgoliaSearchError("protocol must be `http:` or `https:` (was `"+n.protocol+"`)");this._checkAppIdData(),n.hosts?h(n.hosts)?(this.hosts.read=i(n.hosts),this.hosts.write=i(n.hosts)):(this.hosts.read=i(n.hosts.read),this.hosts.write=i(n.hosts.write)):(c=a(this._shuffleResult,function(t){return e+"-"+t+".algolianet.com"}),d=(n.dsn===!1?"":"-dsn")+".algolia.net",this.hosts.read=[this.applicationID+d].concat(c),this.hosts.write=[this.applicationID+".algolia.net"].concat(c)),this.hosts.read=a(this.hosts.read,r(o)),this.hosts.write=a(this.hosts.write,r(o)),this.extraHeaders={},this.cache=n._cache||{},this._ua=n._ua,this._useCache=!!(n._useCache===0[0]||n._cache)||n._useCache,this._useRequestCache=this._useCache&&n._useRequestCache,this._useFallback=n.useFallback===0[0]||n.useFallback,this._setTimeout=n._setTimeout,u("init done, %j",this)}n.prototype.initIndex=function(e){return new l(this,e)},n.prototype.setExtraHeader=function(e,t){this.extraHeaders[e.toLowerCase()]=t},n.prototype.getExtraHeader=function(e){return this.extraHeaders[e.toLowerCase()]},n.prototype.unsetExtraHeader=function(e){delete this.extraHeaders[e.toLowerCase()]},n.prototype.addAlgoliaAgent=function(e){var t="; "+e;this._ua.indexOf(t)===-1&&(this._ua+=t)},n.prototype._jsonRequest=function(e){this._checkAppIdData();var a,r,u,h,f,j,w,n=ce()("algoliasearch:"+e.url),b=e.additionalUA||"",l=e.cache,t=this,m=0,v=!1,y=t._useFallback&&t._request.fallback&&e.fallback;this.apiKey.length>d&&e.body!==0[0]&&(e.body.params!==0[0]||e.body.requests!==0[0])?(e.body.apiKey=this.apiKey,h=this._computeRequestHeaders({additionalUA:b,withApiKey:!1,headers:e.headers})):h=this._computeRequestHeaders({additionalUA:b,headers:e.headers}),e.body!==0[0]&&(r=o(e.body)),n("request start"),u=[];function p(i,d){t._checkAppIdData();var f,_,w,O,j=new Date;return t._useCache&&!t._useRequestCache&&(a=e.url),t._useCache&&!t._useRequestCache&&r&&(a+="_body_"+d.body),g(!t._useRequestCache,l,a)?(n("serving response from cache"),w=l[a],t._promise.resolve({body:JSON.parse(w),responseText:w})):m>=t.hosts[e.hostType].length?!y||v?(n("could not get any response"),t._promise.reject(new s.AlgoliaSearchError("Cannot connect to the AlgoliaSearch API. Send an email to support@algolia.com to report and resolve the issue. Application id was: "+t.applicationID,{debugData:u}))):(n("switching to fallback"),m=0,d.method=e.fallback.method,d.url=e.fallback.url,d.jsonBody=e.fallback.body,d.jsonBody&&(d.body=o(d.jsonBody)),h=t._computeRequestHeaders({additionalUA:b,headers:e.headers}),d.timeouts=t._getTimeoutsForRequest(e.hostType),t._setHostIndexByType(0,e.hostType),v=!0,p(t._request.fallback,d)):(_=t._getHostByType(e.hostType),O=_+d.url,f={body:d.body,jsonBody:d.jsonBody,method:d.method,headers:h,timeouts:d.timeouts,debug:n,forceAuthHeaders:d.forceAuthHeaders},n("method: %s, url: %s, headers: %j, timeouts: %d",f.method,O,f.headers,f.timeouts),i===t._request.fallback&&n("using fallback"),i.call(t,O,f).then(C,E));function C(e){var i,f,p,g,o=e&&e.body&&e.body.message&&e.body.status||e.statusCode||e&&e.body&&200;return n("received response: statusCode: %s, computed statusCode: %d, headers: %j",e.statusCode,o,e.headers),f=Math.floor(o/100)===2,i=new Date,u.push({currentHost:_,headers:c(h),content:r||null,contentLength:r!==0[0]?r.length:null,method:d.method,timeouts:d.timeouts,url:d.url,startTime:j,endTime:i,duration:i-j,statusCode:o}),f?(t._useCache&&!t._useRequestCache&&l&&(l[a]=e.responseText),{responseText:e.responseText,body:e.body}):(p=Math.floor(o/100)!==4,p?(m+=1,x()):(n("unrecoverable error"),g=new s.AlgoliaSearchError(e.body&&e.body.message,{debugData:u,statusCode:o}),t._promise.reject(g)))}function E(o){n("error: %s, stack: %s",o.message,o.stack);var i=new Date;return u.push({currentHost:_,headers:c(h),content:r||null,contentLength:r!==0[0]?r.length:null,method:d.method,timeouts:d.timeouts,url:d.url,startTime:j,endTime:i,duration:i-j}),o instanceof s.AlgoliaSearchError||(o=new s.Unknown(o&&o.message,o)),m+=1,o instanceof s.Unknown||o instanceof s.UnparsableJSON||m>=t.hosts[e.hostType].length&&(v||!y)?(o.debugData=u,t._promise.reject(o)):o instanceof s.RequestTimeout?k():x()}function x(){return n("retrying request"),t._incrementHostIndex(e.hostType),p(i,d)}function k(){return n("retrying request with higher timeout"),t._incrementHostIndex(e.hostType),t._incrementTimeoutMultipler(),d.timeouts=t._getTimeoutsForRequest(e.hostType),p(i,d)}}function g(e,n,s){return t._useCache&&e&&n&&n[s]!==0[0]}function _(n,s){if(g(t._useRequestCache,l,a)&&n.catch(function(){delete l[a]}),typeof e.callback=="function")n.then(function(o){i(function(){e.callback(null,s(o))},t._setTimeout||setTimeout)},function(s){i(function(){e.callback(s)},t._setTimeout||setTimeout)});else return n.then(s)}return t._useCache&&t._useRequestCache&&(a=e.url),t._useCache&&t._useRequestCache&&r&&(a+="_body_"+r),g(t._useRequestCache,l,a)?(n("serving request from cache"),f=l[a],w=typeof f.then!="function"?t._promise.resolve({responseText:f}):f,_(w,function(e){return JSON.parse(e.responseText)})):(j=p(t._request,{url:e.url,method:e.method,body:r,jsonBody:e.body,timeouts:t._getTimeoutsForRequest(e.hostType),forceAuthHeaders:e.forceAuthHeaders}),t._useCache&&t._useRequestCache&&l&&(l[a]=j),_(j,function(e){return e.body}))},n.prototype._getSearchParams=function(e,t){if(e==null)return t;for(var n in e)n!==null&&e[n]!==0[0]&&e.hasOwnProperty(n)&&(t+=t===""?"":"&",t+=n+"="+encodeURIComponent(Object.prototype.toString.call(e[n])==="[object Array]"?o(e[n]):e[n]));return t},n.prototype._computeRequestHeaders=function(e){var n=y(),s=e.additionalUA?this._ua+"; "+e.additionalUA:this._ua,t={"x-algolia-agent":s,"x-algolia-application-id":this.applicationID};return e.withApiKey!==!1&&(t["x-algolia-api-key"]=this.apiKey),this.userToken&&(t["x-algolia-usertoken"]=this.userToken),this.securityTags&&(t["x-algolia-tagfilters"]=this.securityTags),n(this.extraHeaders,function(n,s){t[s]=n}),e.headers&&n(e.headers,function(n,s){t[s]=n}),t},n.prototype.search=function(e,t,n){var s,i,a,r,c=le(),o=de(),l="Usage: client.search(arrayOfQueries[, callback])";if(!c(e))throw new Error(l);return typeof t=="function"?(n=t,t={}):t===0[0]&&(t={}),i=this,s={requests:o(e,function(t){var n="";return t.query!==0[0]&&(n+="query="+encodeURIComponent(t.query)),{indexName:t.indexName,params:i._getSearchParams(t.params,n)}})},a=o(s.requests,function(t,n){return n+"="+encodeURIComponent("/1/indexes/"+encodeURIComponent(t.indexName)+"?"+t.params)}).join("&"),r="/1/indexes/*/queries",t.strategy!==0[0]&&(s.strategy=t.strategy),this._jsonRequest({cache:this.cache,method:"POST",url:r,body:s,hostType:"read",fallback:{method:"GET",url:"/1/indexes/*",body:{params:a}},callback:n})},n.prototype.searchForFacetValues=function(e){var t,s=le(),o=de(),n="Usage: client.searchForFacetValues([{indexName, params: {facetName, facetQuery, ...params}}, ...queries])";if(!s(e))throw new Error(n);return t=this,t._promise.all(o(e,function(s){if(!s||s.indexName===0[0]||s.params.facetName===0[0]||s.params.facetQuery===0[0])throw new Error(n);var i=O(),a=In(),r=s.indexName,o=s.params,c=o.facetName,l=a(i(o),function(e){return e==="facetName"}),d=t._getSearchParams(l,"");return t._jsonRequest({cache:t.cache,method:"POST",url:"/1/indexes/"+encodeURIComponent(r)+"/facets/"+encodeURIComponent(c)+"/query",hostType:"read",body:{params:d}})}))},n.prototype.setSecurityTags=function(e){if(Object.prototype.toString.call(e)==="[object Array]"){for(var n,o,s=[],t=0;t<e.length;++t)if(Object.prototype.toString.call(e[t])==="[object Array]"){for(o=[],n=0;n<e[t].length;++n)o.push(e[t][n]);s.push("("+o.join(",")+")")}else s.push(e[t]);e=s.join(",")}this.securityTags=e},n.prototype.setUserToken=function(e){this.userToken=e},n.prototype.clearCache=function(){this.cache={}},n.prototype.setRequestTimeout=function(e){e&&(this._timeouts.connect=this._timeouts.read=this._timeouts.write=e)},n.prototype.setTimeouts=function(e){this._timeouts=e},n.prototype.getTimeouts=function(){return this._timeouts},n.prototype._getAppIdData=function(){var e=a.get(this.applicationID);return e!==null&&this._cacheAppIdData(e),e},n.prototype._setAppIdData=function(e){return e.lastChange=(new Date).getTime(),this._cacheAppIdData(e),a.set(this.applicationID,e)},n.prototype._checkAppIdData=function(){var e=this._getAppIdData(),t=(new Date).getTime();return e===null||t-e.lastChange>u?this._resetInitialAppIdData(e):e},n.prototype._resetInitialAppIdData=function(e){var t=e||{};return t.hostIndexes={read:0,write:0},t.timeoutMultiplier=1,t.shuffleResult=t.shuffleResult||h([1,2,3]),this._setAppIdData(t)},n.prototype._cacheAppIdData=function(e){this._hostIndexes=e.hostIndexes,this._timeoutMultiplier=e.timeoutMultiplier,this._shuffleResult=e.shuffleResult},n.prototype._partialAppIdDataUpdate=function(e){var n=y(),t=this._getAppIdData();return n(e,function(e,n){t[n]=e}),this._setAppIdData(t)},n.prototype._getHostByType=function(e){return this.hosts[e][this._getHostIndexByType(e)]},n.prototype._getTimeoutMultiplier=function(){return this._timeoutMultiplier},n.prototype._getHostIndexByType=function(e){return this._hostIndexes[e]},n.prototype._setHostIndexByType=function(e,t){var s=O(),n=s(this._hostIndexes);return n[t]=e,this._partialAppIdDataUpdate({hostIndexes:n}),e},n.prototype._incrementHostIndex=function(e){return this._setHostIndexByType((this._getHostIndexByType(e)+1)%this.hosts[e].length,e)},n.prototype._incrementTimeoutMultipler=function(){var e=Math.max(this._timeoutMultiplier+1,4);return this._partialAppIdDataUpdate({timeoutMultiplier:e})},n.prototype._getTimeoutsForRequest=function(e){return{connect:this._timeouts.connect*this._timeoutMultiplier,complete:this._timeouts[e]*this._timeoutMultiplier}};function r(e){return function(n){return e+"//"+n.toLowerCase()}}function o(e){if(Array.prototype.toJSON===0[0])return JSON.stringify(e);var t,n=Array.prototype.toJSON;return delete Array.prototype.toJSON,t=JSON.stringify(e),Array.prototype.toJSON=n,t}function h(e){for(var n,s,t=e.length;t!==0;)n=Math.floor(Math.random()*t),t-=1,s=e[t],e[t]=e[n],e[n]=s;return e}function c(e){var t,n,s={};for(t in e)Object.prototype.hasOwnProperty.call(e,t)&&(t==="x-algolia-api-key"||t==="x-algolia-application-id"?n="**hidden for security purposes**":n=e[t],s[t]=n);return s}}}),Pi=e({"node_modules/global/window.js"(e,t){var n;typeof window!="undefined"?n=window:typeof global!="undefined"?n=global:typeof self!="undefined"?n=self:n={},t.exports=n}}),Ao=e({"node_modules/es6-promise/dist/es6-promise.js"(e,t){(function(n,s){typeof e=="object"&&typeof t!="undefined"?t.exports=s():typeof define=="function"&&define.amd?define(s):n.ES6Promise=s()})(e,function(){"use strict";function N(e){var t=typeof e;return e!==null&&(t==="object"||t==="function")}function b(e){return typeof e=="function"}var e,s,o,i,a,r,c,d,m,f,p,v,y,O,E,k,M,F,T,w=0[0];Array.isArray?w=Array.isArray:w=function(e){return Object.prototype.toString.call(e)==="[object Array]"},O=w,i=0,p=0[0],f=0[0],s=function(t,n){r[i]=t,r[i+1]=n,i+=2,i===2&&(f?f(u):a())};function R(e){f=e}function G(e){s=e}E=typeof window!="undefined"?window:0[0],v=E||{},k=v.MutationObserver||v.WebKitMutationObserver,F=typeof self=="undefined"&&typeof process!="undefined"&&{}.toString.call(process)==="[object process]",T=typeof Uint8ClampedArray!="undefined"&&typeof importScripts!="undefined"&&typeof MessageChannel!="undefined";function K(){return function(){return process.nextTick(u)}}function V(){return typeof p!="undefined"?function(){p(u)}:j()}function q(){var e=0,n=new k(u),t=document.createTextNode("");return n.observe(t,{characterData:!0}),function(){t.data=e=++e%2}}function te(){var e=new MessageChannel;return e.port1.onmessage=u,function(){return e.port2.postMessage(0)}}function j(){var e=setTimeout;return function(){return e(u,1)}}r=new Array(1e3);function u(){for(var t,n,e=0;e<i;e+=2)t=r[e],n=r[e+1],t(n),r[e]=0[0],r[e+1]=0[0];i=0}function I(){try{var e=Function("return this")().require("vertx");return p=e.runOnLoop||e.runOnContext,V()}catch{return j()}}a=0[0],F?a=K():k?a=q():T?a=te():E===0[0]&&typeof Ha=="function"?a=I():a=j();function x(e,t){var o,a,i=this,n=new this.constructor(l);return n[m]===0[0]&&A(n),o=i._state,o?(a=arguments[o-1],s(function(){return S(o,n,a,i._result)})):_(i,n,e,t),n}function C(e){var t,n=this;return e&&typeof e=="object"&&e.constructor===n?e:(t=new n(l),h(t,e),t)}m=Math.random().toString(36).substring(2);function l(){}c=0[0],d=1,o=2;function $(){return new TypeError("You cannot resolve a promise with itself")}function H(){return new TypeError("A promises callback cannot return that same promise.")}function L(e,t,n,s){try{e.call(t,n,s)}catch(e){return e}}function U(e,o,i){s(function(e){var s=!1,a=L(i,o,function(t){if(s)return;s=!0,o!==t?h(e,t):n(e,t)},function(n){if(s)return;s=!0,t(e,n)},"Settle: "+(e._label||" unknown promise"));!s&&a&&(s=!0,t(e,a))},e)}function W(e,s){s._state===d?n(e,s._result):s._state===o?t(e,s._result):_(s,0[0],function(t){return h(e,t)},function(n){return t(e,n)})}function z(e,t,s){t.constructor===e.constructor&&s===x&&t.constructor.resolve===C?W(e,t):s===0[0]?n(e,t):b(s)?U(e,t,s):n(e,t)}function h(e,s){if(e===s)t(e,$());else if(N(s)){var o=0[0];try{o=s.then}catch(n){t(e,n);return}z(e,s,o)}else n(e,s)}function P(e){e._onerror&&e._onerror(e._result),g(e)}function n(e,t){if(e._state!==c)return;e._result=t,e._state=d,e._subscribers.length!==0&&s(g,e)}function t(e,t){if(e._state!==c)return;e._state=o,e._result=t,s(P,e)}function _(e,t,n,i){var a=e._subscribers,r=a.length;e._onerror=null,a[r]=t,a[r+d]=n,a[r+o]=i,r===0&&e._state&&s(g,e)}function g(e){if(t=e._subscribers,s=e._state,t.length===0)return;for(var t,s,o=0[0],i=0[0],a=e._result,n=0;n<t.length;n+=3)o=t[n],i=t[n+s],o?S(s,o,i,a):i(a);e._subscribers.length=0}function S(e,s,i,a){var u=b(i),r=0[0],m=0[0],l=!0;if(u){{try{r=i(a)}catch(e){l=!1,m=e}if(s===r){t(s,H());return}}}else r=a;s._state!==c||(u&&l?h(s,r):l===!1?t(s,m):e===d?n(s,r):e===o&&t(s,r))}function D(e,n){try{n(function(n){h(e,n)},function(s){t(e,s)})}catch(n){t(e,n)}}y=0;function B(){return y++}function A(e){e[m]=y++,e._state=0[0],e._result=0[0],e._subscribers=[]}function Y(){return new Error("Array Methods must be provided an Array")}M=function(){function s(e,s){this._instanceConstructor=e,this.promise=new e(l),this.promise[m]||A(this.promise),O(s)?(this.length=s.length,this._remaining=s.length,this._result=new Array(this.length),this.length===0?n(this.promise,this._result):(this.length=this.length||0,this._enumerate(s),this._remaining===0&&n(this.promise,this._result))):t(this.promise,Y())}return s.prototype._enumerate=function(t){for(var n=0;this._state===c&&n<t.length;n++)this._eachEntry(t[n],n)},s.prototype._eachEntry=function(s,o){var i,r,d,u,a=this._instanceConstructor,h=a.resolve;if(h===C){i=0[0],d=0[0],u=!1;try{i=s.then}catch(e){u=!0,d=e}i===x&&s._state!==c?this._settledAt(s._state,o,s._result):typeof i!="function"?(this._remaining--,this._result[o]=s):a===e?(r=new a(l),u?t(r,d):z(r,s,i),this._willSettleAt(r,o)):this._willSettleAt(new a(function(e){return e(s)}),o)}else this._willSettleAt(h(s),o)},s.prototype._settledAt=function(s,i,a){var r=this.promise;r._state===c&&(this._remaining--,s===o?t(r,a):this._result[i]=a),this._remaining===0&&n(r,this._result)},s.prototype._willSettleAt=function(t,n){var s=this;_(t,0[0],function(e){return s._settledAt(d,n,e)},function(e){return s._settledAt(o,n,e)})},s}();function X(e){return new M(this,e).promise}function Q(e){var t=this;return O(e)?new t(function(n,s){for(var i=e.length,o=0;o<i;o++)t.resolve(e[o]).then(n,s)}):new t(function(e,t){return t(new TypeError("You must pass an array to race."))})}function Z(e){var s=this,n=new s(l);return t(n,e),n}function J(){throw new TypeError("You must pass a resolver function as the first argument to the promise constructor")}function ee(){throw new TypeError("Failed to construct 'Promise': Please use the 'new' operator, this object constructor cannot be called as a function.")}e=function(){function e(t){this[m]=B(),this._result=this._state=0[0],this._subscribers=[],l!==t&&(typeof t!="function"&&J(),this instanceof e?D(this,t):ee())}return e.prototype.catch=function(t){return this.then(null,t)},e.prototype.finally=function(t){var n=this,s=n.constructor;return b(t)?n.then(function(e){return s.resolve(t()).then(function(){return e})},function(e){return s.resolve(t()).then(function(){throw e})}):n.then(t,t)},e}(),e.prototype.then=x,e.all=X,e.race=Q,e.resolve=C,e.reject=Z,e._setScheduler=R,e._setAsap=G,e._asap=s;function ne(){var n,s,t=0[0];if(typeof global!="undefined")t=global;else if(typeof self!="undefined")t=self;else try{t=Function("return this")()}catch{throw new Error("polyfill failed because global object is unavailable in this environment")}if(n=t.Promise,n){s=null;try{s=Object.prototype.toString.call(n.resolve())}catch{}if(s==="[object Promise]"&&!n.cast)return}t.Promise=e}return e.polyfill=ne,e.Promise=e,e})}}),ms=e({"node_modules/querystring-es3/encode.js"(e,t){"use strict";var s,i,n=function(e){switch(typeof e){case"string":return e;case"boolean":return e?"true":"false";case"number":return isFinite(e)?e:"";default:return""}};t.exports=function(e,t,a,r){return t=t||"&",a=a||"=",e===null&&(e=0[0]),typeof e=="object"?o(i(e),function(i){var r=encodeURIComponent(n(i))+a;return s(e[i])?o(e[i],function(e){return r+encodeURIComponent(n(e))}).join(t):r+encodeURIComponent(n(e[i]))}).join(t):r?encodeURIComponent(n(r))+a+encodeURIComponent(n(e)):""},s=Array.isArray||function(e){return Object.prototype.toString.call(e)==="[object Array]"};function o(e,t){if(e.map)return e.map(t);for(var s=[],n=0;n<e.length;n++)s.push(t(e[n],n));return s}i=Object.keys||function(e){var n,t=[];for(n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.push(n);return t}}}),Ni=e({"node_modules/algoliasearch/src/browser/inline-headers.js"(e,t){"use strict",t.exports=s;var n=ms();function s(e,t){return/\?/.test(e)?e+="&":e+="?",e+n(t)}}}),Di=e({"node_modules/algoliasearch/src/browser/jsonp-request.js"(e,t){"use strict",t.exports=o;var n=Z(),s=0;function o(e,t,o){if(t.method!=="GET"){o(new Error("Method "+t.method+" "+e+" is not supported by JSONP."));return}t.debug("JSONP: start");var i,a,l,d,u,m=!1,c=!1;s+=1,d=document.getElementsByTagName("head")[0],i=document.createElement("script"),a="algoliaJSONP_"+s,l=!1,window[a]=function(e){if(p(),c){t.debug("JSONP: Late answer, ignoring");return}m=!0,r(),o(null,{body:e,responseText:JSON.stringify(e)})},e+="&callback="+a,t.jsonBody&&t.jsonBody.params&&(e+="&"+t.jsonBody.params),u=setTimeout(g,t.timeouts.complete),i.onreadystatechange=f,i.onload=h,i.onerror=v,i.async=!0,i.defer=!0,i.src=e,d.appendChild(i);function h(){if(t.debug("JSONP: success"),l||c)return;l=!0,m||(t.debug("JSONP: Fail. Script loaded but did not call the callback"),r(),o(new n.JSONPScriptFail))}function f(){(this.readyState==="loaded"||this.readyState==="complete")&&h()}function r(){clearTimeout(u),i.onload=null,i.onreadystatechange=null,i.onerror=null,d.removeChild(i)}function p(){try{delete window[a],delete window[a+"_loaded"]}catch{window[a]=window[a+"_loaded"]=0[0]}}function g(){t.debug("JSONP: Script timeout"),c=!0,r(),o(new n.RequestTimeout)}function v(){if(t.debug("JSONP: Script error"),l||c)return;r(),o(new n.JSONPScriptError)}}}}),Ti=e({"node_modules/querystring-es3/decode.js"(e,t){"use strict";function n(e,t){return Object.prototype.hasOwnProperty.call(e,t)}t.exports=function(e,t,o,i){if(t=t||"&",o=o||"=",a={},typeof e!="string"||e.length===0)return a;g=/\+/g,e=e.split(t),c=1e3,i&&typeof i.maxKeys=="number"&&(c=i.maxKeys),l=e.length,c>0&&l>c&&(l=c);for(d=0;d<l;++d){var a,r,c,l,d,h,f,p,g,u=e[d].replace(g,"%20"),m=u.indexOf(o);m>=0?(f=u.substr(0,m),p=u.substr(m+1)):(f=u,p=""),r=decodeURIComponent(f),h=decodeURIComponent(p),n(a,r)?s(a[r])?a[r].push(h):a[r]=[a[r],h]:a[r]=h}return a};var s=Array.isArray||function(e){return Object.prototype.toString.call(e)==="[object Array]"}}}),Mi=e({"node_modules/querystring-es3/index.js"(e){"use strict",e.decode=e.parse=Ti(),e.encode=e.stringify=ms()}}),Si=e({"node_modules/algoliasearch/src/places.js"(e,t){t.exports=o;var n=Mi(),s=jn();function o(e){return function(o,i,a){var r,c,l=O();return a=a&&l(a)||{},a.hosts=a.hosts||["places-dsn.algolia.net","places-1.algolianet.com","places-2.algolianet.com","places-3.algolianet.com"],(arguments.length===0||typeof o=="object"||o===0[0])&&(o="",i="",a._allowEmptyCredentials=!0),c=e(o,i,a),r=c.initIndex("places"),r.search=s("query","/1/places/query"),r.reverse=function(e,t){var s=n.encode(e);return this.as._jsonRequest({method:"GET",url:"/1/places/reverse?"+s,hostType:"read",callback:t})},r.getObject=function(e,t){return this.as._jsonRequest({method:"GET",url:"/1/places/"+encodeURIComponent(e),hostType:"read",callback:t})},r}}}}),Ci=e({"node_modules/algoliasearch/src/version.js"(e,t){"use strict",t.exports="3.35.1"}}),Oi=e({"node_modules/algoliasearch/src/browser/createAlgoliasearch.js"(e,t){"use strict";var s=Pi(),n=s.Promise||Ao().Promise;t.exports=function(t,o){var a,d=bn(),r=Z(),l=Ni(),u=Di(),h=Si();o=o||"",!1&&null.enable("algoliasearch*");function i(e,t,n){var s=O();return n=s(n||{}),n._ua=n._ua||i.ua,new c(e,t,n)}i.version=Ci(),i.ua="Algolia for JavaScript ("+i.version+"); "+o,i.initPlaces=h(i),s.__algolia={debug:ce(),algoliasearch:i},a={hasXMLHttpRequest:"XMLHttpRequest"in s,hasXDomainRequest:"XDomainRequest"in s},a.hasXMLHttpRequest&&(a.cors="withCredentials"in new XMLHttpRequest);function c(){t.apply(this,arguments)}return d(c,t),c.prototype._request=function(t,s){return new n(function(n,o){if(!a.cors&&!a.hasXDomainRequest){o(new r.Network("CORS not supported"));return}t=l(t,s.headers);var u,d=s.body,i=a.cors?new XMLHttpRequest:new XDomainRequest,h=!1,c=setTimeout(m,s.timeouts.connect);i.onprogress=v,"onreadystatechange"in i&&(i.onreadystatechange=b),i.onload=p,i.onerror=g,i instanceof XMLHttpRequest?(i.open(s.method,t,!0),s.forceAuthHeaders&&(i.setRequestHeader("x-algolia-application-id",s.headers["x-algolia-application-id"]),i.setRequestHeader("x-algolia-api-key",s.headers["x-algolia-api-key"]))):i.open(s.method,t),a.cors&&(d&&(s.method==="POST"?i.setRequestHeader("content-type","application/x-www-form-urlencoded"):i.setRequestHeader("content-type","application/json")),i.setRequestHeader("accept","application/json")),d?i.send(d):i.send();function p(){if(u)return;clearTimeout(c);var e;try{e={body:JSON.parse(i.responseText),responseText:i.responseText,statusCode:i.status,headers:i.getAllResponseHeaders&&i.getAllResponseHeaders()||{}}}catch{e=new r.UnparsableJSON({more:i.responseText})}e instanceof r.UnparsableJSON?o(e):n(e)}function g(e){if(u)return;clearTimeout(c),o(new r.Network({more:e}))}function m(){u=!0,i.abort(),o(new r.RequestTimeout)}function f(){h=!0,clearTimeout(c),c=setTimeout(m,s.timeouts.complete)}function v(){h||f()}function b(){!h&&i.readyState>1&&f()}})},c.prototype._request.fallback=function(t,s){return t=l(t,s.headers),new n(function(n,o){u(t,s,function(t,s){if(t){o(t);return}n(s)})})},c.prototype._promise={reject:function(t){return n.reject(t)},resolve:function(t){return n.resolve(t)},delay:function(t){return new n(function(n){setTimeout(n,t)})},all:function(t){return n.all(t)}},i}}}),wi=e({"node_modules/algoliasearch/src/browser/builds/algoliasearchLite.js"(e,t){"use strict";var n=Bi(),s=Oi();t.exports=s(n,"Browser (lite)")}}),Ts=e({"node_modules/@algolia/events/events.js"(e,t){function n(){this._events=this._events||{},this._maxListeners=this._maxListeners||0[0]}t.exports=n,n.prototype._events=0[0],n.prototype._maxListeners=0[0],n.defaultMaxListeners=10,n.prototype.setMaxListeners=function(e){if(!a(e)||e<0||e!=e)throw TypeError("n must be a positive number");return this._maxListeners=e,this},n.prototype.emit=function(e){if(this._events||(this._events={}),e==="error"&&(!this._events.error||o(this._events.error)&&!this._events.error.length)){if(n=arguments[1],n instanceof Error)throw n;var t,n,a,r,c,l,d=new Error('Uncaught, unspecified "error" event. ('+n+")");throw d.context=n,d}if(t=this._events[e],i(t))return!1;if(s(t))switch(arguments.length){case 1:t.call(this);break;case 2:t.call(this,arguments[1]);break;case 3:t.call(this,arguments[1],arguments[2]);break;default:a=Array.prototype.slice.call(arguments,1),t.apply(this,a)}else if(o(t)){a=Array.prototype.slice.call(arguments,1),c=t.slice(),l=c.length;for(r=0;r<l;r++)c[r].apply(this,a)}return!0},n.prototype.addListener=function(e,t){var a;if(!s(t))throw TypeError("listener must be a function");return this._events||(this._events={}),this._events.newListener&&this.emit("newListener",e,s(t.listener)?t.listener:t),this._events[e]?o(this._events[e])?this._events[e].push(t):this._events[e]=[this._events[e],t]:this._events[e]=t,o(this._events[e])&&!this._events[e].warned&&(i(this._maxListeners)?a=n.defaultMaxListeners:a=this._maxListeners,a&&a>0&&this._events[e].length>a&&(this._events[e].warned=!0,console.error("(node) warning: possible EventEmitter memory leak detected. %d listeners added. Use emitter.setMaxListeners() to increase limit.",this._events[e].length),typeof console.trace=="function"&&console.trace())),this},n.prototype.on=n.prototype.addListener,n.prototype.once=function(e,t){if(!s(t))throw TypeError("listener must be a function");var o=!1;function n(){this.removeListener(e,n),o||(o=!0,t.apply(this,arguments))}return n.listener=t,this.on(e,n),this},n.prototype.removeListener=function(e,t){var n,i,a,r;if(!s(t))throw TypeError("listener must be a function");if(!this._events||!this._events[e])return this;if(n=this._events[e],r=n.length,a=-1,n===t||s(n.listener)&&n.listener===t)delete this._events[e],this._events.removeListener&&this.emit("removeListener",e,t);else if(o(n)){for(i=r;i-- >0;)if(n[i]===t||n[i].listener&&n[i].listener===t){a=i;break}if(a<0)return this;n.length===1?(n.length=0,delete this._events[e]):n.splice(a,1),this._events.removeListener&&this.emit("removeListener",e,t)}return this},n.prototype.removeAllListeners=function(e){if(!this._events)return this;if(!this._events.removeListener)return arguments.length===0?this._events={}:this._events[e]&&delete this._events[e],this;if(arguments.length===0){for(n in this._events){if(n==="removeListener")continue;this.removeAllListeners(n)}return this.removeAllListeners("removeListener"),this._events={},this}if(t=this._events[e],s(t))this.removeListener(e,t);else if(t)for(var t,n;t.length;)this.removeListener(e,t[t.length-1]);return delete this._events[e],this},n.prototype.listeners=function(e){var t;return!this._events||!this._events[e]?t=[]:s(this._events[e])?t=[this._events[e]]:t=this._events[e].slice(),t},n.prototype.listenerCount=function(e){if(this._events){var t=this._events[e];if(s(t))return 1;if(t)return t.length}return 0},n.listenerCount=function(e,t){return e.listenerCount(t)};function s(e){return typeof e=="function"}function a(e){return typeof e=="number"}function o(e){return typeof e=="object"&&e!==null}function i(e){return e===0[0]}}}),Ls=e({"node_modules/algoliasearch-helper/src/functions/inherits.js"(e,t){"use strict";function n(e,t){e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}})}t.exports=n}}),ui=e({"node_modules/algoliasearch-helper/src/DerivedHelper/index.js"(e,t){"use strict";var s=Ts(),o=Ls();function n(e,t,n){this.main=e,this.fn=t,this.recommendFn=n,this.lastResults=null,this.lastRecommendResults=null}o(n,s),n.prototype.detach=function(){this.removeAllListeners(),this.main.detachDerivedHelper(this)},n.prototype.getModifiedState=function(e){return this.fn(e)},n.prototype.getModifiedRecommendState=function(e){return this.recommendFn(e)},t.exports=n}}),rt=e({"node_modules/algoliasearch-helper/src/functions/escapeFacetValue.js"(e,t){"use strict";function n(e){return typeof e!="string"?e:String(e).replace(/^-/,"\\-")}function s(e){return typeof e!="string"?e:e.replace(/^\\-/,"-")}t.exports={escapeFacetValue:n,unescapeFacetValue:s}}}),K=e({"node_modules/algoliasearch-helper/src/functions/merge.js"(e,t){"use strict";function o(e){return typeof e=="object"&&e!==null?s(Array.isArray(e)?[]:{},e):e}function n(e){return typeof e=="function"||Array.isArray(e)||Object.prototype.toString.call(e)==="[object Object]"}function s(e,t){if(e===t)return e;for(i in t){if(!Object.prototype.hasOwnProperty.call(t,i)||i==="__proto__"||i==="constructor")continue;var i,a=t[i],r=e[i];if(typeof r!="undefined"&&typeof a=="undefined")continue;n(r)&&n(a)?e[i]=s(r,a):e[i]=o(a)}return e}function i(e){n(e)||(e={});for(var o,t=1,i=arguments.length;t<i;t++)o=arguments[t],n(o)&&s(e,o);return e}t.exports=i}}),et=e({"node_modules/algoliasearch-helper/src/functions/objectHasKeys.js"(e,t){"use strict";function n(e){return e&&Object.keys(e).length>0}t.exports=n}}),$e=e({"node_modules/algoliasearch-helper/src/functions/omit.js"(e,t){"use strict";function n(e,t){if(e===null)return{};var n,s,o={},i=Object.keys(e);for(s=0;s<i.length;s++){if(n=i[s],t.indexOf(n)>=0)continue;o[n]=e[n]}return o}t.exports=n}}),Bs=e({"node_modules/algoliasearch-helper/src/RecommendParameters/index.js"(e,t){"use strict";function n(e){e=e||{},this.params=e.params||[]}n.prototype={constructor:n,addParams:function(e){var t=this.params.slice();return t.push(e),new n({params:t})},removeParams:function(e){return new n({params:this.params.filter(function(t){return t.$$id!==e})})},addFrequentlyBoughtTogether:function(e){return this.addParams(Object.assign({},e,{model:"bought-together"}))},addRelatedProducts:function(e){return this.addParams(Object.assign({},e,{model:"related-products"}))},addTrendingItems:function(e){return this.addParams(Object.assign({},e,{model:"trending-items"}))},addTrendingFacets:function(e){return this.addParams(Object.assign({},e,{model:"trending-facets"}))},addLookingSimilar:function(e){return this.addParams(Object.assign({},e,{model:"looking-similar"}))},_buildQueries:function(e,t){return this.params.filter(function(e){return t[e.$$id]===0[0]}).map(function(t){var n=Object.assign({},t,{indexName:e,threshold:t.threshold||0});return delete n.$$id,n})}},t.exports=n}}),Vs=e({"node_modules/algoliasearch-helper/src/RecommendResults/index.js"(e,t){"use strict";function n(e,t){this._state=e,this._rawResults={};var n=this;e.params.forEach(function(e){var s=e.$$id;n[s]=t[s],n._rawResults[s]=t[s]})}n.prototype={constructor:n},t.exports=n}}),ri=e({"node_modules/algoliasearch-helper/src/requestBuilder.js"(e,t){"use strict";var n,s=K();function o(e){return Object.keys(e).sort().reduce(function(t,n){return t[n]=e[n],t},{})}n={_getQueries:function(t,s){var o=[];return o.push({indexName:t,params:n._getHitsSearchParams(s)}),s.getRefinedDisjunctiveFacets().forEach(function(e){o.push({indexName:t,params:n._getDisjunctiveFacetSearchParams(s,e)})}),s.getRefinedHierarchicalFacets().forEach(function(e){var c,i=s.getHierarchicalFacetByName(e),a=s.getHierarchicalRefinement(e),r=s._getHierarchicalFacetSeparator(i);a.length>0&&a[0].split(r).length>1&&(c=a[0].split(r).slice(0,-1).reduce(function(t,n,s){return t.concat({attribute:i.attributes[s],value:s===0?n:[t[t.length-1].value,n].join(r)})},[]),c.forEach(function(e,a){var l,d,r=n._getDisjunctiveFacetSearchParams(s,e.attribute,a===0);function u(e){return i.attributes.some(function(t){return t===e.split(":")[0]})}l=(r.facetFilters||[]).reduce(function(e,t){if(Array.isArray(t)){var n=t.filter(function(e){return!u(e)});n.length>0&&e.push(n)}return typeof t=="string"&&!u(t)&&e.push(t),e},[]),d=c[a-1],a>0?r.facetFilters=l.concat(d.attribute+":"+d.value):l.length>0?r.facetFilters=l:delete r.facetFilters,o.push({indexName:t,params:r})}))}),o},_getHitsSearchParams:function(e){var i=e.facets.concat(e.disjunctiveFacets).concat(n._getHitsHierarchicalFacetsAttributes(e)).sort(),a=n._getFacetFilters(e),r=n._getNumericFilters(e),c=n._getTagFilters(e),t={};return i.length>0&&(t.facets=i.indexOf("*")>-1?["*"]:i),c.length>0&&(t.tagFilters=c),a.length>0&&(t.facetFilters=a),r.length>0&&(t.numericFilters=r),o(s({},e.getQueryParams(),t))},_getDisjunctiveFacetSearchParams:function(e,t,i){var r,c=n._getFacetFilters(e,t,i),l=n._getNumericFilters(e,t),d=n._getTagFilters(e),a={hitsPerPage:0,page:0,analytics:!1,clickAnalytics:!1};return d.length>0&&(a.tagFilters=d),r=e.getHierarchicalFacetByName(t),r?a.facets=n._getDisjunctiveHierarchicalFacetAttribute(e,r,i):a.facets=t,l.length>0&&(a.numericFilters=l),c.length>0&&(a.facetFilters=c),o(s({},e.getQueryParams(),a))},_getNumericFilters:function(e,t){if(e.numericFilters)return e.numericFilters;var n=[];return Object.keys(e.numericRefinements).forEach(function(s){var o=e.numericRefinements[s]||{};Object.keys(o).forEach(function(e){var i=o[e]||[];t!==s&&i.forEach(function(t){if(Array.isArray(t)){var o=t.map(function(t){return s+e+t});n.push(o)}else n.push(s+e+t)})})}),n},_getTagFilters:function(e){return e.tagFilters?e.tagFilters:e.tagRefinements.join(",")},_getFacetFilters:function(e,t,n){var o,i,a,s=[],r=e.facetsRefinements||{};return Object.keys(r).sort().forEach(function(e){var t=r[e]||[];t.slice().sort().forEach(function(t){s.push(e+":"+t)})}),o=e.facetsExcludes||{},Object.keys(o).sort().forEach(function(e){var t=o[e]||[];t.sort().forEach(function(t){s.push(e+":-"+t)})}),i=e.disjunctiveFacetsRefinements||{},Object.keys(i).sort().forEach(function(e){var o,n=i[e]||[];if(e===t||!n||n.length===0)return;o=[],n.slice().sort().forEach(function(t){o.push(e+":"+t)}),s.push(o)}),a=e.hierarchicalFacetsRefinements||{},Object.keys(a).sort().forEach(function(o){var r,c,l,d,u,h=a[o]||[],i=h[0];if(i===0[0])return;if(l=e.getHierarchicalFacetByName(o),r=e._getHierarchicalFacetSeparator(l),c=e._getHierarchicalRootPath(l),t===o){if(i.indexOf(r)===-1||!c&&n===!0||c&&c.split(r).length===i.split(r).length)return;c?(d=c.split(r).length-1,i=c):(d=i.split(r).length-2,i=i.slice(0,i.lastIndexOf(r))),u=l.attributes[d]}else d=i.split(r).length-1,u=l.attributes[d];u&&s.push([u+":"+i])}),s},_getHitsHierarchicalFacetsAttributes:function(e){var t=[];return e.hierarchicalFacets.reduce(function(n,s){var i,a,r,o=e.getHierarchicalRefinement(s.name)[0];return o?(i=e._getHierarchicalFacetSeparator(s),a=o.split(i).length,r=s.attributes.slice(0,a+1),n.concat(r)):(n.push(s.attributes[0]),n)},t)},_getDisjunctiveHierarchicalFacetAttribute:function(e,t,n){var s,o,a,r,i=e._getHierarchicalFacetSeparator(t);return n===!0?(s=e._getHierarchicalRootPath(t),o=0,s&&(o=s.split(i).length),[t.attributes[o]]):(a=e.getHierarchicalRefinement(t.name)[0]||"",r=a.split(i).length-1,t.attributes.slice(0,r+1))},getSearchForFacetQuery:function(e,t,i,a){var c=a.isDisjunctiveFacet(e)?a.clearRefinements(e):a,r={facetQuery:t,facetName:e};return typeof i=="number"&&(r.maxFacetHits=i),o(s({},n._getHitsSearchParams(c),r))}},t.exports=n}}),ge=e({"node_modules/algoliasearch-helper/src/functions/defaultsPure.js"(e,t){"use strict",t.exports=function(){var t=Array.prototype.slice.call(arguments);return t.reduceRight(function(e,t){return Object.keys(Object(t)).forEach(function(n){if(t[n]===0[0])return;e[n]!==0[0]&&delete e[n],e[n]=t[n]}),e},{})}}}),z=e({"node_modules/algoliasearch-helper/src/functions/find.js"(e,t){"use strict",t.exports=function(t,n){if(!Array.isArray(t))return 0[0];for(var s=0;s<t.length;s++)if(n(t[s]))return t[s]}}}),ai=e({"node_modules/algoliasearch-helper/src/functions/intersection.js"(e,t){"use strict";function n(e,t){return e.filter(function(n,s){return t.indexOf(n)>-1&&e.indexOf(n)===s})}t.exports=n}}),ti=e({"node_modules/algoliasearch-helper/src/functions/valToNumber.js"(e,t){"use strict";function n(e){if(typeof e=="number")return e;if(typeof e=="string")return parseFloat(e);if(Array.isArray(e))return e.map(n);throw new Error("The value should be a number, a parsable string or an array of those.")}t.exports=n}}),Uo=e({"node_modules/algoliasearch-helper/src/utils/isValidUserToken.js"(e,t){"use strict",t.exports=function(t){return t!==null&&/^[a-zA-Z0-9_-]{1,64}$/.test(t)}}}),Vo=e({"node_modules/algoliasearch-helper/src/SearchParameters/RefinementList.js"(e,t){"use strict";var s=ge(),o=et(),i=$e(),n={addRefinement:function(t,o,i){if(n.isRefined(t,o,i))return t;var a=""+i,c=t[o]?t[o].concat(a):[a],r={};return r[o]=c,s({},r,t)},removeRefinement:function(t,s,o){if(o===0[0])return n.clearRefinement(t,function(e,t){return s===t});var i=""+o;return n.clearRefinement(t,function(e,t){return s===t&&i===e})},toggleRefinement:function(t,s,o){if(o===0[0])throw new Error("toggleRefinement should be used with a value");return n.isRefined(t,s,o)?n.removeRefinement(t,s,o):n.addRefinement(t,s,o)},clearRefinement:function(t,n,s){if(n===0[0])return o(t)?{}:t;if(typeof n=="string")return i(t,[n]);if(typeof n=="function"){var a=!1,r=Object.keys(t).reduce(function(e,o){var i=t[o]||[],r=i.filter(function(e){return!n(e,o,s)});return r.length!==i.length&&(a=!0),e[o]=r,e},{});return a?r:t}},isRefined:function(t,n,s){var i,o=Boolean(t[n])&&t[n].length>0;return s===0[0]||!o?o:(i=""+s,t[n].indexOf(i)!==-1)}};t.exports=n}}),co=e({"node_modules/algoliasearch-helper/src/SearchParameters/index.js"(e,t){"use strict";var o=ge(),l=z(),d=ai(),i=K(),a=et(),u=$e(),r=ti(),h=Uo(),n=Vo();function c(e,t){return Array.isArray(e)&&Array.isArray(t)?e.length===t.length&&e.every(function(e,n){return c(t[n],e)}):e===t}function m(e,t){return l(e,function(e){return c(e,t)})}function s(e){var n,t=e?s._parseNumbers(e):{};t.userToken!==0[0]&&!h(t.userToken)&&console.warn("[algoliasearch-helper] The `userToken` parameter is invalid. This can lead to wrong analytics.\n - Format: [a-zA-Z0-9_-]{1,64}"),this.facets=t.facets||[],this.disjunctiveFacets=t.disjunctiveFacets||[],this.hierarchicalFacets=t.hierarchicalFacets||[],this.facetsRefinements=t.facetsRefinements||{},this.facetsExcludes=t.facetsExcludes||{},this.disjunctiveFacetsRefinements=t.disjunctiveFacetsRefinements||{},this.numericRefinements=t.numericRefinements||{},this.tagRefinements=t.tagRefinements||[],this.hierarchicalFacetsRefinements=t.hierarchicalFacetsRefinements||{},n=this,Object.keys(t).forEach(function(e){var o=s.PARAMETERS.indexOf(e)!==-1,i=t[e]!==0[0];!o&&i&&(n[e]=t[e])})}s.PARAMETERS=Object.keys(new s),s._parseNumbers=function(e){if(e instanceof s)return e;var n,t={},o=["aroundPrecision","aroundRadius","getRankingInfo","minWordSizefor2Typos","minWordSizefor1Typo","page","maxValuesPerFacet","distinct","minimumAroundRadius","hitsPerPage","minProximity"];return o.forEach(function(n){var o,s=e[n];typeof s=="string"&&(o=parseFloat(s),t[n]=o!=o?s:o)}),Array.isArray(e.insideBoundingBox)&&(t.insideBoundingBox=e.insideBoundingBox.map(function(e){return Array.isArray(e)?e.map(function(e){return parseFloat(e)}):e})),e.numericRefinements&&(n={},Object.keys(e.numericRefinements).forEach(function(t){var s=e.numericRefinements[t]||{};n[t]={},Object.keys(s).forEach(function(e){var o=s[e],i=o.map(function(e){return Array.isArray(e)?e.map(function(e){return typeof e=="string"?parseFloat(e):e}):typeof e=="string"?parseFloat(e):e});n[t][e]=i})}),t.numericRefinements=n),i(e,t)},s.make=function(t){var n=new s(t),o=t.hierarchicalFacets||[];return o.forEach(function(e){if(e.rootPath){var t=n.getHierarchicalRefinement(e.name);t.length>0&&t[0].indexOf(e.rootPath)!==0&&(n=n.clearRefinements(e.name)),t=n.getHierarchicalRefinement(e.name),t.length===0&&(n=n.toggleHierarchicalFacetRefinement(e.name,e.rootPath))}}),n},s.validate=function(e,t){var n=t||{};return e.tagFilters&&n.tagRefinements&&n.tagRefinements.length>0?new Error("[Tags] Cannot switch from the managed tag API to the advanced API. It is probably an error, if it is really what you want, you should first clear the tags with clearTags method."):e.tagRefinements.length>0&&n.tagFilters?new Error("[Tags] Cannot switch from the advanced tag API to the managed API. It is probably an error, if it is not, you should first clear the tags with clearTags method."):e.numericFilters&&n.numericRefinements&&a(n.numericRefinements)?new Error("[Numeric filters] Can't switch from the advanced to the managed API. It is probably an error, if this is really what you want, you have to first clear the numeric filters."):a(e.numericRefinements)&&n.numericFilters?new Error("[Numeric filters] Can't switch from the managed API to the advanced. It is probably an error, if this is really what you want, you have to first clear the numeric filters."):null},s.prototype={constructor:s,clearRefinements:function(t){var s={numericRefinements:this._clearNumericRefinements(t),facetsRefinements:n.clearRefinement(this.facetsRefinements,t,"conjunctiveFacet"),facetsExcludes:n.clearRefinement(this.facetsExcludes,t,"exclude"),disjunctiveFacetsRefinements:n.clearRefinement(this.disjunctiveFacetsRefinements,t,"disjunctiveFacet"),hierarchicalFacetsRefinements:n.clearRefinement(this.hierarchicalFacetsRefinements,t,"hierarchicalFacet")};return s.numericRefinements===this.numericRefinements&&s.facetsRefinements===this.facetsRefinements&&s.facetsExcludes===this.facetsExcludes&&s.disjunctiveFacetsRefinements===this.disjunctiveFacetsRefinements&&s.hierarchicalFacetsRefinements===this.hierarchicalFacetsRefinements?this:this.setQueryParameters(s)},clearTags:function(){return this.tagFilters===0[0]&&this.tagRefinements.length===0?this:this.setQueryParameters({tagFilters:0[0],tagRefinements:[]})},setIndex:function(t){return t===this.index?this:this.setQueryParameters({index:t})},setQuery:function(t){return t===this.query?this:this.setQueryParameters({query:t})},setPage:function(t){return t===this.page?this:this.setQueryParameters({page:t})},setFacets:function(t){return this.setQueryParameters({facets:t})},setDisjunctiveFacets:function(t){return this.setQueryParameters({disjunctiveFacets:t})},setHitsPerPage:function(t){return this.hitsPerPage===t?this:this.setQueryParameters({hitsPerPage:t})},setTypoTolerance:function(t){return this.typoTolerance===t?this:this.setQueryParameters({typoTolerance:t})},addNumericRefinement:function(e,t,n){var s,o=r(n);return this.isNumericRefined(e,t,o)?this:(s=i({},this.numericRefinements),s[e]=i({},s[e]),s[e][t]?(s[e][t]=s[e][t].slice(),s[e][t].push(o)):s[e][t]=[o],this.setQueryParameters({numericRefinements:s}))},getConjunctiveRefinements:function(e){return this.isConjunctiveFacet(e)?this.facetsRefinements[e]||[]:[]},getDisjunctiveRefinements:function(e){return this.isDisjunctiveFacet(e)?this.disjunctiveFacetsRefinements[e]||[]:[]},getHierarchicalRefinement:function(e){return this.hierarchicalFacetsRefinements[e]||[]},getExcludeRefinements:function(e){return this.isConjunctiveFacet(e)?this.facetsExcludes[e]||[]:[]},removeNumericRefinement:function(e,t,n){var s=n;return s!==0[0]?this.isNumericRefined(e,t,s)?this.setQueryParameters({numericRefinements:this._clearNumericRefinements(function(n,o){return o===e&&n.op===t&&c(n.val,r(s))})}):this:t!==0[0]?this.isNumericRefined(e,t)?this.setQueryParameters({numericRefinements:this._clearNumericRefinements(function(n,s){return s===e&&n.op===t})}):this:this.isNumericRefined(e)?this.setQueryParameters({numericRefinements:this._clearNumericRefinements(function(t,n){return n===e})}):this},getNumericRefinements:function(e){return this.numericRefinements[e]||{}},getNumericRefinement:function(e,t){return this.numericRefinements[e]&&this.numericRefinements[e][t]},_clearNumericRefinements:function(t){if(t===0[0])return a(this.numericRefinements)?{}:this.numericRefinements;if(typeof t=="string")return u(this.numericRefinements,[t]);if(typeof t=="function"){var n=!1,s=this.numericRefinements,o=Object.keys(s).reduce(function(e,o){var i=s[o],a={},i=i||{};return Object.keys(i).forEach(function(e){var r=i[e]||[],s=[];r.forEach(function(n){var i=t({val:n,op:e},o,"numeric");i||s.push(n)}),s.length!==r.length&&(n=!0),a[e]=s}),e[o]=a,e},{});return n?o:this.numericRefinements}},addFacet:function(t){return this.isConjunctiveFacet(t)?this:this.setQueryParameters({facets:this.facets.concat([t])})},addDisjunctiveFacet:function(t){return this.isDisjunctiveFacet(t)?this:this.setQueryParameters({disjunctiveFacets:this.disjunctiveFacets.concat([t])})},addHierarchicalFacet:function(t){if(this.isHierarchicalFacet(t.name))throw new Error("Cannot declare two hierarchical facets with the same name: `"+t.name+"`");return this.setQueryParameters({hierarchicalFacets:this.hierarchicalFacets.concat([t])})},addFacetRefinement:function(t,s){if(!this.isConjunctiveFacet(t))throw new Error(t+" is not defined in the facets attribute of the helper configuration");return n.isRefined(this.facetsRefinements,t,s)?this:this.setQueryParameters({facetsRefinements:n.addRefinement(this.facetsRefinements,t,s)})},addExcludeRefinement:function(t,s){if(!this.isConjunctiveFacet(t))throw new Error(t+" is not defined in the facets attribute of the helper configuration");return n.isRefined(this.facetsExcludes,t,s)?this:this.setQueryParameters({facetsExcludes:n.addRefinement(this.facetsExcludes,t,s)})},addDisjunctiveFacetRefinement:function(t,s){if(!this.isDisjunctiveFacet(t))throw new Error(t+" is not defined in the disjunctiveFacets attribute of the helper configuration");return n.isRefined(this.disjunctiveFacetsRefinements,t,s)?this:this.setQueryParameters({disjunctiveFacetsRefinements:n.addRefinement(this.disjunctiveFacetsRefinements,t,s)})},addTagRefinement:function(t){if(this.isTagRefined(t))return this;var n={tagRefinements:this.tagRefinements.concat(t)};return this.setQueryParameters(n)},removeFacet:function(t){return this.isConjunctiveFacet(t)?this.clearRefinements(t).setQueryParameters({facets:this.facets.filter(function(e){return e!==t})}):this},removeDisjunctiveFacet:function(t){return this.isDisjunctiveFacet(t)?this.clearRefinements(t).setQueryParameters({disjunctiveFacets:this.disjunctiveFacets.filter(function(e){return e!==t})}):this},removeHierarchicalFacet:function(t){return this.isHierarchicalFacet(t)?this.clearRefinements(t).setQueryParameters({hierarchicalFacets:this.hierarchicalFacets.filter(function(e){return e.name!==t})}):this},removeFacetRefinement:function(t,s){if(!this.isConjunctiveFacet(t))throw new Error(t+" is not defined in the facets attribute of the helper configuration");return n.isRefined(this.facetsRefinements,t,s)?this.setQueryParameters({facetsRefinements:n.removeRefinement(this.facetsRefinements,t,s)}):this},removeExcludeRefinement:function(t,s){if(!this.isConjunctiveFacet(t))throw new Error(t+" is not defined in the facets attribute of the helper configuration");return n.isRefined(this.facetsExcludes,t,s)?this.setQueryParameters({facetsExcludes:n.removeRefinement(this.facetsExcludes,t,s)}):this},removeDisjunctiveFacetRefinement:function(t,s){if(!this.isDisjunctiveFacet(t))throw new Error(t+" is not defined in the disjunctiveFacets attribute of the helper configuration");return n.isRefined(this.disjunctiveFacetsRefinements,t,s)?this.setQueryParameters({disjunctiveFacetsRefinements:n.removeRefinement(this.disjunctiveFacetsRefinements,t,s)}):this},removeTagRefinement:function(t){if(!this.isTagRefined(t))return this;var n={tagRefinements:this.tagRefinements.filter(function(e){return e!==t})};return this.setQueryParameters(n)},toggleRefinement:function(t,n){return this.toggleFacetRefinement(t,n)},toggleFacetRefinement:function(t,n){if(this.isHierarchicalFacet(t))return this.toggleHierarchicalFacetRefinement(t,n);if(this.isConjunctiveFacet(t))return this.toggleConjunctiveFacetRefinement(t,n);if(this.isDisjunctiveFacet(t))return this.toggleDisjunctiveFacetRefinement(t,n);throw new Error("Cannot refine the undeclared facet "+t+"; it should be added to the helper options facets, disjunctiveFacets or hierarchicalFacets")},toggleConjunctiveFacetRefinement:function(t,s){if(!this.isConjunctiveFacet(t))throw new Error(t+" is not defined in the facets attribute of the helper configuration");return this.setQueryParameters({facetsRefinements:n.toggleRefinement(this.facetsRefinements,t,s)})},toggleExcludeFacetRefinement:function(t,s){if(!this.isConjunctiveFacet(t))throw new Error(t+" is not defined in the facets attribute of the helper configuration");return this.setQueryParameters({facetsExcludes:n.toggleRefinement(this.facetsExcludes,t,s)})},toggleDisjunctiveFacetRefinement:function(t,s){if(!this.isDisjunctiveFacet(t))throw new Error(t+" is not defined in the disjunctiveFacets attribute of the helper configuration");return this.setQueryParameters({disjunctiveFacetsRefinements:n.toggleRefinement(this.disjunctiveFacetsRefinements,t,s)})},toggleHierarchicalFacetRefinement:function(t,n){if(!this.isHierarchicalFacet(t))throw new Error(t+" is not defined in the hierarchicalFacets attribute of the helper configuration");var i=this._getHierarchicalFacetSeparator(this.getHierarchicalFacetByName(t)),s={},a=this.hierarchicalFacetsRefinements[t]!==0[0]&&this.hierarchicalFacetsRefinements[t].length>0&&(this.hierarchicalFacetsRefinements[t][0]===n||this.hierarchicalFacetsRefinements[t][0].indexOf(n+i)===0);return a?n.indexOf(i)===-1?s[t]=[]:s[t]=[n.slice(0,n.lastIndexOf(i))]:s[t]=[n],this.setQueryParameters({hierarchicalFacetsRefinements:o({},s,this.hierarchicalFacetsRefinements)})},addHierarchicalFacetRefinement:function(e,t){if(this.isHierarchicalFacetRefined(e))throw new Error(e+" is already refined.");if(!this.isHierarchicalFacet(e))throw new Error(e+" is not defined in the hierarchicalFacets attribute of the helper configuration.");var n={};return n[e]=[t],this.setQueryParameters({hierarchicalFacetsRefinements:o({},n,this.hierarchicalFacetsRefinements)})},removeHierarchicalFacetRefinement:function(e){if(!this.isHierarchicalFacetRefined(e))return this;var t={};return t[e]=[],this.setQueryParameters({hierarchicalFacetsRefinements:o({},t,this.hierarchicalFacetsRefinements)})},toggleTagRefinement:function(t){return this.isTagRefined(t)?this.removeTagRefinement(t):this.addTagRefinement(t)},isDisjunctiveFacet:function(e){return this.disjunctiveFacets.indexOf(e)>-1},isHierarchicalFacet:function(e){return this.getHierarchicalFacetByName(e)!==0[0]},isConjunctiveFacet:function(e){return this.facets.indexOf(e)>-1},isFacetRefined:function(t,s){return!!this.isConjunctiveFacet(t)&&n.isRefined(this.facetsRefinements,t,s)},isExcludeRefined:function(t,s){return!!this.isConjunctiveFacet(t)&&n.isRefined(this.facetsExcludes,t,s)},isDisjunctiveFacetRefined:function(t,s){return!!this.isDisjunctiveFacet(t)&&n.isRefined(this.disjunctiveFacetsRefinements,t,s)},isHierarchicalFacetRefined:function(t,n){if(!this.isHierarchicalFacet(t))return!1;var s=this.getHierarchicalRefinement(t);return n?s.indexOf(n)!==-1:s.length>0},isNumericRefined:function(t,n,s){if(s===0[0]&&n===0[0])return Boolean(this.numericRefinements[t]);var i,a,o=this.numericRefinements[t]&&this.numericRefinements[t][n]!==0[0];return s===0[0]||!o?o:(i=r(s),a=m(this.numericRefinements[t][n],i)!==0[0],o&&a)},isTagRefined:function(t){return this.tagRefinements.indexOf(t)!==-1},getRefinedDisjunctiveFacets:function(){var t=this,n=d(Object.keys(this.numericRefinements).filter(function(e){return Object.keys(t.numericRefinements[e]).length>0}),this.disjunctiveFacets);return Object.keys(this.disjunctiveFacetsRefinements).filter(function(e){return t.disjunctiveFacetsRefinements[e].length>0}).concat(n).concat(this.getRefinedHierarchicalFacets()).sort()},getRefinedHierarchicalFacets:function(){var t=this;return d(this.hierarchicalFacets.map(function(e){return e.name}),Object.keys(this.hierarchicalFacetsRefinements).filter(function(e){return t.hierarchicalFacetsRefinements[e].length>0})).sort()},getUnrefinedDisjunctiveFacets:function(){var e=this.getRefinedDisjunctiveFacets();return this.disjunctiveFacets.filter(function(t){return e.indexOf(t)===-1})},managedParameters:["index","facets","disjunctiveFacets","facetsRefinements","hierarchicalFacets","facetsExcludes","disjunctiveFacetsRefinements","numericRefinements","tagRefinements","hierarchicalFacetsRefinements"],getQueryParams:function(){var n=this.managedParameters,t={},s=this;return Object.keys(this).forEach(function(e){var o=s[e];n.indexOf(e)===-1&&o!==0[0]&&(t[e]=o)}),t},setQueryParameter:function(t,n){if(this[t]===n)return this;var s={};return s[t]=n,this.setQueryParameters(s)},setQueryParameters:function(t){if(!t)return this;var n,i,a,r,o=s.validate(this,t);if(o)throw o;return i=this,n=s._parseNumbers(t),a=Object.keys(this).reduce(function(e,t){return e[t]=i[t],e},{}),r=Object.keys(n).reduce(function(e,t){var o=e[t]!==0[0],s=n[t]!==0[0];return o&&!s?u(e,[t]):(s&&(e[t]=n[t]),e)},a),new this.constructor(r)},resetPage:function(){return this.page===0[0]?this:this.setPage(0)},_getHierarchicalFacetSortBy:function(e){return e.sortBy||["isRefined:desc","name:asc"]},_getHierarchicalFacetSeparator:function(e){return e.separator||" > "},_getHierarchicalRootPath:function(e){return e.rootPath||null},_getHierarchicalShowParentLevel:function(e){return typeof e.showParentLevel!="boolean"||e.showParentLevel},getHierarchicalFacetByName:function(e){return l(this.hierarchicalFacets,function(t){return t.name===e})},getHierarchicalFacetBreadcrumb:function(e){if(!this.isHierarchicalFacet(e))return[];var n,s,t=this.getHierarchicalRefinement(e)[0];return t?(n=this._getHierarchicalFacetSeparator(this.getHierarchicalFacetByName(e)),s=t.split(n),s.map(function(e){return e.trim()})):[]},toString:function(){return JSON.stringify(this,null,2)}},t.exports=s}}),zo=e({"node_modules/algoliasearch-helper/src/functions/compact.js"(e,t){"use strict",t.exports=function(t){return Array.isArray(t)?t.filter(Boolean):[]}}}),oa=e({"node_modules/algoliasearch-helper/src/functions/findIndex.js"(e,t){"use strict",t.exports=function(t,n){if(!Array.isArray(t))return-1;for(var s=0;s<t.length;s++)if(n(t[s]))return s;return-1}}}),yo=e({"node_modules/algoliasearch-helper/src/functions/formatSort.js"(e,t){"use strict";var n=z();t.exports=function(t,s){var o=(s||[]).map(function(e){return e.split(":")});return t.reduce(function(t,s){var i=s.split(":"),a=n(o,function(e){return e[0]===i[0]});return i.length>1||!a?(t[0].push(i[0]),t[1].push(i[1]),t):(t[0].push(a[0]),t[1].push(a[1]),t)},[[],[]])}}}),uo=e({"node_modules/algoliasearch-helper/src/functions/orderBy.js"(e,t){"use strict";function n(e,t){if(e!==t){var n=e!==0[0],s=e===null,o=t!==0[0],i=t===null;if(!i&&e>t||s&&o||!n)return 1;if(!s&&e<t||i&&n||!o)return-1}return 0}function s(e,t,s){if(!Array.isArray(e))return[];Array.isArray(s)||(s=[]);var o=e.map(function(e,n){return{criteria:t.map(function(t){return e[t]}),index:n,value:e}});return o.sort(function(t,o){for(var a,i=-1;++i<t.criteria.length;)if(a=n(t.criteria[i],o.criteria[i]),a)return i>=s.length?a:s[i]==="desc"?-a:a;return t.index-o.index}),o.map(function(e){return e.value})}t.exports=s}}),Po=e({"node_modules/algoliasearch-helper/src/SearchResults/generate-hierarchical-tree.js"(e,t){"use strict",t.exports=c;var n=rt(),s=z(),o=yo(),i=uo(),a=n.escapeFacetValue,r=n.unescapeFacetValue;function c(e){return function(n,s){var i=e.hierarchicalFacets[s],d=e.hierarchicalFacetsRefinements[i.name]&&e.hierarchicalFacetsRefinements[i.name][0]||"",r=e._getHierarchicalFacetSeparator(i),a=e._getHierarchicalRootPath(i),u=e._getHierarchicalShowParentLevel(i),h=o(e._getHierarchicalFacetSortBy(i)),m=n.every(function(e){return e.exhaustive}),f=l(h,r,a,u,d),c=n;return a&&(c=n.slice(a.split(r).length)),c.reduce(f,{name:e.hierarchicalFacets[s].name,count:null,isRefined:!0,path:null,escapedValue:null,exhaustive:m,data:null})}}function l(e,t,n,o,a){return function(l,h,m){var p,g,v,f=l;if(m>0)for(p=0,f=l;p<m;)g=f&&Array.isArray(f.data)?f.data:[],f=s(g,function(e){return e.isRefined}),p++;return f&&(v=Object.keys(h.data).map(function(e){return[e,h.data[e]]}).filter(function(e){var s=e[0];return d(s,f.path||n,a,t,n,o)}),f.data=i(v.map(function(e){var n=e[0],s=e[1];return u(s,n,t,r(a),h.exhaustive)}),e[0],e[1])),l}}function d(e,t,n,s,o,i){return!(o&&(e.indexOf(o)!==0||o===e))&&(!o&&e.indexOf(s)===-1||o&&e.split(s).length-o.split(s).length===1||e.indexOf(s)===-1&&n.indexOf(s)===-1||n.indexOf(e)===0||e.indexOf(t+s)===0&&(i||e.indexOf(n)===0))}function u(e,t,n,s,o){var i=t.split(n);return{name:i[i.length-1].trim(),path:t,escapedValue:a(t),count:e,isRefined:s===t||s.indexOf(t+n)===0,exhaustive:o,data:null}}}}),ro=e({"node_modules/algoliasearch-helper/src/SearchResults/index.js"(e,t){"use strict";var c=zo(),i=ge(),h=rt(),n=z(),o=oa(),j=yo(),l=K(),f=uo(),v=h.escapeFacetValue,u=h.unescapeFacetValue,x=Po();function m(e){var t={};return e.forEach(function(e,n){t[e]=n}),t}function a(e,t,n){t&&t[n]&&(e.stats=t[n])}function O(e,t){return n(e,function(n){var s=n.attributes||[];return s.indexOf(t)>-1})}function s(e,t,n){var s,d,h,f,p,g,v,r=t[0]||{};this._rawResults=t,s=this,Object.keys(r).forEach(function(e){s[e]=r[e]}),f=l({persistHierarchicalRootCount:!1},n),Object.keys(f).forEach(function(e){s[e]=f[e]}),this.processingTimeMS=t.reduce(function(e,t){return t.processingTimeMS===0[0]?e:e+t.processingTimeMS},0),this.disjunctiveFacets=[],this.hierarchicalFacets=e.hierarchicalFacets.map(function(){return[]}),this.facets=[],v=e.getRefinedDisjunctiveFacets(),p=m(e.facets),g=m(e.disjunctiveFacets),d=1,h=r.facets||{},Object.keys(h).forEach(function(t){var n,l,d,u,m,i=h[t],c=O(e.hierarchicalFacets,t);c?(l=c.attributes.indexOf(t),d=o(e.hierarchicalFacets,function(e){return e.name===c.name}),s.hierarchicalFacets[d][l]={attribute:t,data:i,exhaustive:r.exhaustiveFacetsCount}):(u=e.disjunctiveFacets.indexOf(t)!==-1,m=e.facets.indexOf(t)!==-1,u&&(n=g[t],s.disjunctiveFacets[n]={name:t,data:i,exhaustive:r.exhaustiveFacetsCount},a(s.disjunctiveFacets[n],r.facets_stats,t)),m&&(n=p[t],s.facets[n]={name:t,data:i,exhaustive:r.exhaustiveFacetsCount},a(s.facets[n],r.facets_stats,t)))}),this.hierarchicalFacets=c(this.hierarchicalFacets),v.forEach(function(n){var c=t[d],h=c&&c.facets?c.facets:{},m=e.getHierarchicalFacetByName(n);Object.keys(h).forEach(function(t){var n,d,p,f=h[t];if(m){if(n=o(e.hierarchicalFacets,function(e){return e.name===m.name}),d=o(s.hierarchicalFacets[n],function(e){return e.attribute===t}),d===-1)return;s.hierarchicalFacets[n][d].data=l({},s.hierarchicalFacets[n][d].data,f)}else n=g[t],p=r.facets&&r.facets[t]||{},s.disjunctiveFacets[n]={name:t,data:i({},f,p),exhaustive:c.exhaustiveFacetsCount},a(s.disjunctiveFacets[n],c.facets_stats,t),e.disjunctiveFacetsRefinements[t]&&e.disjunctiveFacetsRefinements[t].forEach(function(o){!s.disjunctiveFacets[n].data[o]&&e.disjunctiveFacetsRefinements[t].indexOf(u(o))>-1&&(s.disjunctiveFacets[n].data[o]=0)})}),d++}),e.getRefinedHierarchicalFacets().forEach(function(n){var r=e.getHierarchicalFacetByName(n),c=e._getHierarchicalFacetSeparator(r),a=e.getHierarchicalRefinement(n);if(a.length===0||a[0].split(c).length<2)return;t.slice(d).forEach(function(t){var n=t&&t.facets?t.facets:{};Object.keys(n).forEach(function(t){var u,h,m=n[t],l=o(e.hierarchicalFacets,function(e){return e.name===r.name}),d=o(s.hierarchicalFacets[l],function(e){return e.attribute===t});if(d===-1)return;u={},a.length>0&&!s.persistHierarchicalRootCount&&(h=a[0].split(c)[0],u[h]=s.hierarchicalFacets[l][d].data[h]),s.hierarchicalFacets[l][d].data=i(u,m,s.hierarchicalFacets[l][d].data)}),d++})}),Object.keys(e.facetsExcludes).forEach(function(t){var o=e.facetsExcludes[t],n=p[t];s.facets[n]={name:t,data:h[t],exhaustive:r.exhaustiveFacetsCount},o.forEach(function(e){s.facets[n]=s.facets[n]||{name:t},s.facets[n].data=s.facets[n].data||{},s.facets[n].data[e]=0})}),this.hierarchicalFacets=this.hierarchicalFacets.map(x(e)),this.facets=c(this.facets),this.disjunctiveFacets=c(this.disjunctiveFacets),this._state=e}s.prototype.getFacetByName=function(e){function t(t){return t.name===e}return n(this.facets,t)||n(this.disjunctiveFacets,t)||n(this.hierarchicalFacets,t)};function b(e,t){function r(e){return e.name===t}if(e._state.isConjunctiveFacet(t)){var s,o,i,a,l,h,c=n(e.facets,r);return c?Object.keys(c.data).map(function(n){var s=v(n);return{name:n,escapedValue:s,count:c.data[n],isRefined:e._state.isFacetRefined(t,s),isExcluded:e._state.isExcludeRefined(t,n)}}):[]}return e._state.isDisjunctiveFacet(t)?(i=n(e.disjunctiveFacets,r),i?Object.keys(i.data).map(function(n){var s=v(n);return{name:n,escapedValue:s,count:i.data[n],isRefined:e._state.isDisjunctiveFacetRefined(t,s)}}):[]):e._state.isHierarchicalFacet(t)?(s=n(e.hierarchicalFacets,r),s&&(a=e._state.getHierarchicalFacetByName(t),l=e._state._getHierarchicalFacetSeparator(a),o=u(e._state.getHierarchicalRefinement(t)[0]||""),o.indexOf(a.rootPath)===0&&(o=o.replace(a.rootPath+l,"")),h=o.split(l),h.unshift(t),d(s,h,0),s)):0[0]}function d(e,t,n){e.isRefined=e.name===(t[n]&&t[n].trim()),e.data&&e.data.forEach(function(e){d(e,t,n+1)})}function g(e,t,n,s){if(s=s||0,Array.isArray(t))return e(t,n[s]);if(!t.data||t.data.length===0)return t;var o=t.data.map(function(t){return g(e,t,n,s+1)}),a=e(o,n[s]),r=i({data:a},t);return r}s.DEFAULT_SORT=["isRefined:desc","count:desc","name:asc"];function y(e,t){return t.sort(e)}function _(e,t){var s,o,n=[],i=[],r=t.hide||[],c=t.order||[],a=c.reduce(function(e,t,n){return e[t]=n,e},{});return e.forEach(function(e){var t=e.path||e.name,s=r.indexOf(t)>-1;!s&&a[t]!==0[0]?n[a[t]]=e:s||i.push(e)}),n=n.filter(function(e){return e}),o=t.sortRemainingBy,o==="hidden"?n:(o==="alpha"?s=[["path","name"],["asc","asc"]]:s=[["count"],["desc"]],n.concat(f(i,s[0],s[1])))}function w(e,t){return e.renderingContent&&e.renderingContent.facetOrdering&&e.renderingContent.facetOrdering.values&&e.renderingContent.facetOrdering.values[t]}s.prototype.getFacetValues=function(e,t){var n,a,r,c,o=b(this,e);return o?(n=i({},t,{sortBy:s.DEFAULT_SORT,facetOrdering:!t||!t.sortBy}),a=this,Array.isArray(o)?r=[e]:(c=a._state.getHierarchicalFacetByName(o.name),r=c.attributes),g(function(e,t){if(n.facetOrdering){var o,i=w(a,t);if(i)return _(e,i)}if(Array.isArray(n.sortBy))return o=j(n.sortBy,s.DEFAULT_SORT),f(e,o[0],o[1]);if(typeof n.sortBy=="function")return y(n.sortBy,e);throw new Error("options.sortBy is optional but if defined it must be either an array of string (predicates) or a sorting function")},o,r)):0[0]},s.prototype.getFacetStats=function(e){return this._state.isConjunctiveFacet(e)?p(this.facets,e):this._state.isDisjunctiveFacet(e)?p(this.disjunctiveFacets,e):0[0]};function p(e,t){var s=n(e,function(e){return e.name===t});return s&&s.stats}s.prototype.getRefinements=function(){var e=this._state,n=this,t=[];return Object.keys(e.facetsRefinements).forEach(function(s){e.facetsRefinements[s].forEach(function(o){t.push(r(e,"facet",s,o,n.facets))})}),Object.keys(e.facetsExcludes).forEach(function(s){e.facetsExcludes[s].forEach(function(o){t.push(r(e,"exclude",s,o,n.facets))})}),Object.keys(e.disjunctiveFacetsRefinements).forEach(function(s){e.disjunctiveFacetsRefinements[s].forEach(function(o){t.push(r(e,"disjunctive",s,o,n.disjunctiveFacets))})}),Object.keys(e.hierarchicalFacetsRefinements).forEach(function(s){e.hierarchicalFacetsRefinements[s].forEach(function(o){t.push(C(e,s,o,n.hierarchicalFacets))})}),Object.keys(e.numericRefinements).forEach(function(n){var s=e.numericRefinements[n];Object.keys(s).forEach(function(e){s[e].forEach(function(s){t.push({type:"numeric",attributeName:n,name:s,numericValue:s,operator:e})})})}),e.tagRefinements.forEach(function(e){t.push({type:"tag",attributeName:"_tags",name:e})}),t};function r(e,t,s,o,i){var a=n(i,function(e){return e.name===s}),r=a&&a.data&&a.data[o]?a.data[o]:0,c=a&&a.exhaustive||!1;return{type:t,attributeName:s,name:o,count:r,exhaustive:c}}function C(e,t,s,o){var a=e.getHierarchicalFacetByName(t),r=e._getHierarchicalFacetSeparator(a),c=s.split(r),l=n(o,function(e){return e.name===t}),i=c.reduce(function(e,t){var s=e&&n(e.data,function(e){return e.name===t});return s!==0[0]?s:e},l),d=i&&i.count||0,u=i&&i.exhaustive||!1,h=i&&i.path||"";return{type:"hierarchical",attributeName:t,name:h,count:d,exhaustive:u}}t.exports=s}}),Io=e({"node_modules/algoliasearch-helper/src/functions/flat.js"(e,t){t.exports=function(t){return t.reduce(function(e,t){return e.concat(t)},[])}}}),$o=e({"node_modules/algoliasearch-helper/src/utils/sortAndMergeRecommendations.js"(e,t){"use strict";var n=z(),s=Io();function o(e,t){var n=[];return Object.keys(e).forEach(function(s){e[s].count<2&&(e[s].indexSum+=100),n.push({objectID:s,avgOfIndices:e[s].indexSum/t})}),n.sort(function(e,t){return e.avgOfIndices>t.avgOfIndices?1:-1})}function i(e){var i,a,t={};return e.forEach(function(e){e.forEach(function(e,n){t[e.objectID]?t[e.objectID]={indexSum:t[e.objectID].indexSum+n,count:t[e.objectID].count+1}:t[e.objectID]={indexSum:n,count:1}})}),i=o(t,e.length),a=i.reduce(function(t,o){var i=n(s(e),function(e){return e.objectID===o.objectID});return i?t.concat(i):t},[]),a}t.exports=i}}),Js=e({"node_modules/algoliasearch-helper/src/version.js"(e,t){"use strict",t.exports="3.22.5"}}),Wo=e({"node_modules/algoliasearch-helper/src/algoliasearch.helper.js"(e,t){"use strict";var u=Ts(),b=ui(),v=rt().escapeFacetValue,g=Ls(),p=K(),m=et(),h=$e(),l=Bs(),d=Vs(),s=ri(),i=co(),o=ro(),f=$o(),c=Js();function n(e,t,n,s){typeof e.addAlgoliaAgent=="function"&&e.addAlgoliaAgent("JS Helper ("+c+")"),this.setClient(e);var o=n||{};o.index=t,this.state=i.make(o),this.recommendState=new l({params:o.recommendState}),this.lastResults=null,this.lastRecommendResults=null,this._queryId=0,this._recommendQueryId=0,this._lastQueryIdReceived=-1,this._lastRecommendQueryIdReceived=-1,this.derivedHelpers=[],this._currentNbQueries=0,this._currentNbRecommendQueries=0,this._searchResultsOptions=s,this._recommendCache={}}g(n,u),n.prototype.search=function(){return this._search({onlyWithDerivedHelpers:!1}),this},n.prototype.searchOnlyWithDerivedHelpers=function(){return this._search({onlyWithDerivedHelpers:!0}),this},n.prototype.recommend=function(){return this._recommend(),this},n.prototype.getQuery=function(){var e=this.state;return s._getHitsSearchParams(e)},n.prototype.searchOnce=function(e,t){var i=e?this.state.setQueryParameters(e):this.state,a=s._getQueries(i.index,i),n=this;return this._currentNbQueries++,this.emit("searchOnce",{state:i}),t?(this.client.search(a).then(function(e){n._currentNbQueries--,n._currentNbQueries===0&&n.emit("searchQueueEmpty"),t(null,new o(i,e.results),i)}).catch(function(e){n._currentNbQueries--,n._currentNbQueries===0&&n.emit("searchQueueEmpty"),t(e,null,i)}),0[0]):this.client.search(a).then(function(e){return n._currentNbQueries--,n._currentNbQueries===0&&n.emit("searchQueueEmpty"),{content:new o(i,e.results),state:i,_originalResponse:e}},function(e){throw n._currentNbQueries--,n._currentNbQueries===0&&n.emit("searchQueueEmpty"),e})},n.prototype.findAnswers=function(e){console.warn("[algoliasearch-helper] answers is no longer supported");var t,n,o,a,r=this.state,i=this.derivedHelpers[0];if(!i)return Promise.resolve([]);if(t=i.getModifiedState(r),a=p({attributesForPrediction:e.attributesForPrediction,nbHits:e.nbHits},{params:h(s._getHitsSearchParams(t),["attributesToSnippet","hitsPerPage","restrictSearchableAttributes","snippetEllipsisText"])}),n="search for answers was called, but this client does not have a function client.initIndex(index).findAnswers",typeof this.client.initIndex!="function")throw new Error(n);if(o=this.client.initIndex(t.index),typeof o.findAnswers!="function")throw new Error(n);return o.findAnswers(t.query,e.queryLanguages,a)},n.prototype.searchForFacetValues=function(e,t,n,o){var i,a,r,c,u,l=typeof this.client.searchForFacetValues=="function"&&typeof this.client.searchForFacets!="function",d=typeof this.client.initIndex=="function";if(!l&&!d&&typeof this.client.search!="function")throw new Error("search for facet values (searchable) was called, but this client does not have a function client.searchForFacetValues or client.initIndex(index).searchForFacetValues");return i=this.state.setQueryParameters(o||{}),u=i.isDisjunctiveFacet(e),r=s.getSearchForFacetQuery(e,t,n,i),this._currentNbQueries++,a=this,l?c=this.client.searchForFacetValues([{indexName:i.index,params:r}]):d?c=this.client.initIndex(i.index).searchForFacetValues(r):(delete r.facetName,c=this.client.search([{type:"facet",facet:e,indexName:i.index,params:r}]).then(function(t){return t.results[0]})),this.emit("searchForFacetValues",{state:i,facet:e,query:t}),c.then(function(n){return a._currentNbQueries--,a._currentNbQueries===0&&a.emit("searchQueueEmpty"),n=Array.isArray(n)?n[0]:n,n.facetHits.forEach(function(t){t.escapedValue=v(t.value),t.isRefined=u?i.isDisjunctiveFacetRefined(e,t.escapedValue):i.isFacetRefined(e,t.escapedValue)}),n},function(e){throw a._currentNbQueries--,a._currentNbQueries===0&&a.emit("searchQueueEmpty"),e})},n.prototype.setQuery=function(e){return this._change({state:this.state.resetPage().setQuery(e),isPageReset:!0}),this},n.prototype.clearRefinements=function(e){return this._change({state:this.state.resetPage().clearRefinements(e),isPageReset:!0}),this},n.prototype.clearTags=function(){return this._change({state:this.state.resetPage().clearTags(),isPageReset:!0}),this},n.prototype.addDisjunctiveFacetRefinement=function(e,t){return this._change({state:this.state.resetPage().addDisjunctiveFacetRefinement(e,t),isPageReset:!0}),this},n.prototype.addDisjunctiveRefine=function(){return this.addDisjunctiveFacetRefinement.apply(this,arguments)},n.prototype.addHierarchicalFacetRefinement=function(e,t){return this._change({state:this.state.resetPage().addHierarchicalFacetRefinement(e,t),isPageReset:!0}),this},n.prototype.addNumericRefinement=function(e,t,n){return this._change({state:this.state.resetPage().addNumericRefinement(e,t,n),isPageReset:!0}),this},n.prototype.addFacetRefinement=function(e,t){return this._change({state:this.state.resetPage().addFacetRefinement(e,t),isPageReset:!0}),this},n.prototype.addRefine=function(){return this.addFacetRefinement.apply(this,arguments)},n.prototype.addFacetExclusion=function(e,t){return this._change({state:this.state.resetPage().addExcludeRefinement(e,t),isPageReset:!0}),this},n.prototype.addExclude=function(){return this.addFacetExclusion.apply(this,arguments)},n.prototype.addTag=function(e){return this._change({state:this.state.resetPage().addTagRefinement(e),isPageReset:!0}),this},n.prototype.addFrequentlyBoughtTogether=function(e){return this._recommendChange({state:this.recommendState.addFrequentlyBoughtTogether(e)}),this},n.prototype.addRelatedProducts=function(e){return this._recommendChange({state:this.recommendState.addRelatedProducts(e)}),this},n.prototype.addTrendingItems=function(e){return this._recommendChange({state:this.recommendState.addTrendingItems(e)}),this},n.prototype.addTrendingFacets=function(e){return this._recommendChange({state:this.recommendState.addTrendingFacets(e)}),this},n.prototype.addLookingSimilar=function(e){return this._recommendChange({state:this.recommendState.addLookingSimilar(e)}),this},n.prototype.removeNumericRefinement=function(e,t,n){return this._change({state:this.state.resetPage().removeNumericRefinement(e,t,n),isPageReset:!0}),this},n.prototype.removeDisjunctiveFacetRefinement=function(e,t){return this._change({state:this.state.resetPage().removeDisjunctiveFacetRefinement(e,t),isPageReset:!0}),this},n.prototype.removeDisjunctiveRefine=function(){return this.removeDisjunctiveFacetRefinement.apply(this,arguments)},n.prototype.removeHierarchicalFacetRefinement=function(e){return this._change({state:this.state.resetPage().removeHierarchicalFacetRefinement(e),isPageReset:!0}),this},n.prototype.removeFacetRefinement=function(e,t){return this._change({state:this.state.resetPage().removeFacetRefinement(e,t),isPageReset:!0}),this},n.prototype.removeRefine=function(){return this.removeFacetRefinement.apply(this,arguments)},n.prototype.removeFacetExclusion=function(e,t){return this._change({state:this.state.resetPage().removeExcludeRefinement(e,t),isPageReset:!0}),this},n.prototype.removeExclude=function(){return this.removeFacetExclusion.apply(this,arguments)},n.prototype.removeTag=function(e){return this._change({state:this.state.resetPage().removeTagRefinement(e),isPageReset:!0}),this},n.prototype.removeFrequentlyBoughtTogether=function(e){return this._recommendChange({state:this.recommendState.removeParams(e)}),this},n.prototype.removeRelatedProducts=function(e){return this._recommendChange({state:this.recommendState.removeParams(e)}),this},n.prototype.removeTrendingItems=function(e){return this._recommendChange({state:this.recommendState.removeParams(e)}),this},n.prototype.removeTrendingFacets=function(e){return this._recommendChange({state:this.recommendState.removeParams(e)}),this},n.prototype.removeLookingSimilar=function(e){return this._recommendChange({state:this.recommendState.removeParams(e)}),this},n.prototype.toggleFacetExclusion=function(e,t){return this._change({state:this.state.resetPage().toggleExcludeFacetRefinement(e,t),isPageReset:!0}),this},n.prototype.toggleExclude=function(){return this.toggleFacetExclusion.apply(this,arguments)},n.prototype.toggleRefinement=function(e,t){return this.toggleFacetRefinement(e,t)},n.prototype.toggleFacetRefinement=function(e,t){return this._change({state:this.state.resetPage().toggleFacetRefinement(e,t),isPageReset:!0}),this},n.prototype.toggleRefine=function(){return this.toggleFacetRefinement.apply(this,arguments)},n.prototype.toggleTag=function(e){return this._change({state:this.state.resetPage().toggleTagRefinement(e),isPageReset:!0}),this},n.prototype.nextPage=function(){var e=this.state.page||0;return this.setPage(e+1)},n.prototype.previousPage=function(){var e=this.state.page||0;return this.setPage(e-1)};function r(e){if(e<0)throw new Error("Page requested below 0.");return this._change({state:this.state.setPage(e),isPageReset:!1}),this}n.prototype.setCurrentPage=r,n.prototype.setPage=r,n.prototype.setIndex=function(e){return this._change({state:this.state.resetPage().setIndex(e),isPageReset:!0}),this},n.prototype.setQueryParameter=function(e,t){return this._change({state:this.state.resetPage().setQueryParameter(e,t),isPageReset:!0}),this},n.prototype.setState=function(e){return this._change({state:i.make(e),isPageReset:!1}),this},n.prototype.overrideStateWithoutTriggeringChangeEvent=function(e){return this.state=new i(e),this},n.prototype.hasRefinements=function(e){return!!m(this.state.getNumericRefinements(e))||(this.state.isConjunctiveFacet(e)?this.state.isFacetRefined(e):this.state.isDisjunctiveFacet(e)?this.state.isDisjunctiveFacetRefined(e):!!this.state.isHierarchicalFacet(e)&&this.state.isHierarchicalFacetRefined(e))},n.prototype.isExcluded=function(e,t){return this.state.isExcludeRefined(e,t)},n.prototype.isDisjunctiveRefined=function(e,t){return this.state.isDisjunctiveFacetRefined(e,t)},n.prototype.hasTag=function(e){return this.state.isTagRefined(e)},n.prototype.isTagRefined=function(){return this.hasTagRefinements.apply(this,arguments)},n.prototype.getIndex=function(){return this.state.index};function a(){return this.state.page}n.prototype.getCurrentPage=a,n.prototype.getPage=a,n.prototype.getTags=function(){return this.state.tagRefinements},n.prototype.getRefinements=function(e){var n,s,o,i,t=[];return this.state.isConjunctiveFacet(e)?(s=this.state.getConjunctiveRefinements(e),s.forEach(function(e){t.push({value:e,type:"conjunctive"})}),o=this.state.getExcludeRefinements(e),o.forEach(function(e){t.push({value:e,type:"exclude"})})):this.state.isDisjunctiveFacet(e)&&(i=this.state.getDisjunctiveRefinements(e),i.forEach(function(e){t.push({value:e,type:"disjunctive"})})),n=this.state.getNumericRefinements(e),Object.keys(n).forEach(function(e){var s=n[e];t.push({value:s,operator:e,type:"numeric"})}),t},n.prototype.getNumericRefinement=function(e,t){return this.state.getNumericRefinement(e,t)},n.prototype.getHierarchicalFacetBreadcrumb=function(e){return this.state.getHierarchicalFacetBreadcrumb(e)},n.prototype._search=function(e){var o,a,r,t=this.state,n=[],i=[];if(e.onlyWithDerivedHelpers||(i=s._getQueries(t.index,t),n.push({state:t,queriesCount:i.length,helper:this}),this.emit("search",{state:t,results:this.lastResults})),r=this.derivedHelpers.map(function(e){var o=e.getModifiedState(t),i=o.index?s._getQueries(o.index,o):[];return n.push({state:o,queriesCount:i.length,helper:e}),e.emit("search",{state:o,results:e.lastResults}),i}),a=Array.prototype.concat.apply(i,r),o=this._queryId++,this._currentNbQueries++,!a.length)return Promise.resolve({results:[]}).then(this._dispatchAlgoliaResponse.bind(this,n,o));try{this.client.search(a).then(this._dispatchAlgoliaResponse.bind(this,n,o)).catch(this._dispatchAlgoliaError.bind(this,o))}catch(e){this.emit("error",{error:e})}},n.prototype._recommend=function(){var e,s,o,r,c=this.state,t=this.recommendState,i=this.getIndex(),a=[{state:t,index:i,helper:this}],n=t.params.map(function(e){return e.$$id});if(this.emit("fetch",{recommend:{state:t,results:this.lastRecommendResults}}),s=this._recommendCache,r=this.derivedHelpers.map(function(e){var t,o=e.getModifiedState(c).index;return o?(t=e.getModifiedRecommendState(new l),a.push({state:t,index:o,helper:e}),n=Array.prototype.concat.apply(n,t.params.map(function(e){return e.$$id})),e.emit("fetch",{recommend:{state:t,results:e.lastRecommendResults}}),t._buildQueries(o,s)):[]}),e=Array.prototype.concat.apply(this.recommendState._buildQueries(i,s),r),e.length===0)return;if(e.length>0&&typeof this.client.getRecommendations=="undefined"){console.warn("Please update algoliasearch/lite to the latest version in order to use recommend widgets.");return}o=this._recommendQueryId++,this._currentNbRecommendQueries++;try{this.client.getRecommendations(e).then(this._dispatchRecommendResponse.bind(this,o,a,n)).catch(this._dispatchRecommendError.bind(this,o))}catch(e){this.emit("error",{error:e})}},n.prototype._dispatchAlgoliaResponse=function(e,t,n){var s,i=this;if(t<this._lastQueryIdReceived)return;this._currentNbQueries-=t-this._lastQueryIdReceived,this._lastQueryIdReceived=t,this._currentNbQueries===0&&this.emit("searchQueueEmpty"),s=n.results.slice(),e.forEach(function(e){var t=e.state,a=e.queriesCount,n=e.helper,r=s.splice(0,a);if(!t.index){n.emit("result",{results:null,state:t});return}n.lastResults=new o(t,r,i._searchResultsOptions),n.emit("result",{results:n.lastResults,state:t})})},n.prototype._dispatchRecommendResponse=function(e,t,n,s){if(e<this._lastRecommendQueryIdReceived)return;this._currentNbRecommendQueries-=e-this._lastRecommendQueryIdReceived,this._lastRecommendQueryIdReceived=e,this._currentNbRecommendQueries===0&&this.emit("recommendQueueEmpty");var a,i=this._recommendCache,o={};n.filter(function(e){return i[e]===0[0]}).forEach(function(e,t){o[e]||(o[e]=[]),o[e].push(t)}),Object.keys(o).forEach(function(e){var t=o[e],n=s.results[t[0]];if(t.length===1){i[e]=n;return}i[e]=Object.assign({},n,{hits:f(t.map(function(e){return s.results[e].hits}))})}),a={},n.forEach(function(e){a[e]=i[e]}),t.forEach(function(e){var n=e.state,t=e.helper;if(!e.index){t.emit("recommend:result",{results:null,state:n});return}t.lastRecommendResults=new d(n,a),t.emit("recommend:result",{recommend:{results:t.lastRecommendResults,state:n}})})},n.prototype._dispatchAlgoliaError=function(e,t){if(e<this._lastQueryIdReceived)return;this._currentNbQueries-=e-this._lastQueryIdReceived,this._lastQueryIdReceived=e,this.emit("error",{error:t}),this._currentNbQueries===0&&this.emit("searchQueueEmpty")},n.prototype._dispatchRecommendError=function(e,t){if(e<this._lastRecommendQueryIdReceived)return;this._currentNbRecommendQueries-=e-this._lastRecommendQueryIdReceived,this._lastRecommendQueryIdReceived=e,this.emit("error",{error:t}),this._currentNbRecommendQueries===0&&this.emit("recommendQueueEmpty")},n.prototype.containsRefinement=function(e,t,n,s){return e||t.length!==0||n.length!==0||s.length!==0},n.prototype._hasDisjunctiveRefinements=function(e){return this.state.disjunctiveRefinements[e]&&this.state.disjunctiveRefinements[e].length>0},n.prototype._change=function(e){var t=e.state,n=e.isPageReset;t!==this.state&&(this.state=t,this.emit("change",{state:this.state,results:this.lastResults,isPageReset:n}))},n.prototype._recommendChange=function(e){var t=e.state;t!==this.recommendState&&(this.recommendState=t,this.emit("recommend:change",{search:{results:this.lastResults,state:this.state},recommend:{results:this.lastRecommendResults,state:this.recommendState}}))},n.prototype.clearCache=function(){return this.client.clearCache&&this.client.clearCache(),this},n.prototype.setClient=function(e){return this.client===e?this:(typeof e.addAlgoliaAgent=="function"&&e.addAlgoliaAgent("JS Helper ("+c+")"),this.client=e,this)},n.prototype.getClient=function(){return this.client},n.prototype.derive=function(e,t){var n=new b(this,e,t);return this.derivedHelpers.push(n),n},n.prototype.detachDerivedHelper=function(e){var t=this.derivedHelpers.indexOf(e);if(t===-1)throw new Error("Derived helper already detached");this.derivedHelpers.splice(t,1)},n.prototype.hasPendingRequests=function(){return this._currentNbQueries>0},t.exports=n}}),Pe=e({"node_modules/algoliasearch-helper/index.js"(e,t){"use strict";var s=Wo(),o=Bs(),i=Vs(),a=co(),r=ro();function n(e,t,n,o){return new s(e,t,n,o)}n.version=Js(),n.AlgoliaSearchHelper=s,n.SearchParameters=a,n.RecommendParameters=o,n.SearchResults=r,n.RecommendResults=i,t.exports=n}}),Zo=e({"node_modules/events/events.js"(e,t){function n(){this._events=this._events||{},this._maxListeners=this._maxListeners||0[0]}t.exports=n,n.EventEmitter=n,n.prototype._events=0[0],n.prototype._maxListeners=0[0],n.defaultMaxListeners=10,n.prototype.setMaxListeners=function(e){if(!a(e)||e<0||e!=e)throw TypeError("n must be a positive number");return this._maxListeners=e,this},n.prototype.emit=function(e){if(this._events||(this._events={}),e==="error"&&(!this._events.error||o(this._events.error)&&!this._events.error.length)){if(n=arguments[1],n instanceof Error)throw n;var t,n,a,r,c,l,d=new Error('Uncaught, unspecified "error" event. ('+n+")");throw d.context=n,d}if(t=this._events[e],i(t))return!1;if(s(t))switch(arguments.length){case 1:t.call(this);break;case 2:t.call(this,arguments[1]);break;case 3:t.call(this,arguments[1],arguments[2]);break;default:a=Array.prototype.slice.call(arguments,1),t.apply(this,a)}else if(o(t)){a=Array.prototype.slice.call(arguments,1),c=t.slice(),l=c.length;for(r=0;r<l;r++)c[r].apply(this,a)}return!0},n.prototype.addListener=function(e,t){var a;if(!s(t))throw TypeError("listener must be a function");return this._events||(this._events={}),this._events.newListener&&this.emit("newListener",e,s(t.listener)?t.listener:t),this._events[e]?o(this._events[e])?this._events[e].push(t):this._events[e]=[this._events[e],t]:this._events[e]=t,o(this._events[e])&&!this._events[e].warned&&(i(this._maxListeners)?a=n.defaultMaxListeners:a=this._maxListeners,a&&a>0&&this._events[e].length>a&&(this._events[e].warned=!0,console.error("(node) warning: possible EventEmitter memory leak detected. %d listeners added. Use emitter.setMaxListeners() to increase limit.",this._events[e].length),typeof console.trace=="function"&&console.trace())),this},n.prototype.on=n.prototype.addListener,n.prototype.once=function(e,t){if(!s(t))throw TypeError("listener must be a function");var o=!1;function n(){this.removeListener(e,n),o||(o=!0,t.apply(this,arguments))}return n.listener=t,this.on(e,n),this},n.prototype.removeListener=function(e,t){var n,i,a,r;if(!s(t))throw TypeError("listener must be a function");if(!this._events||!this._events[e])return this;if(n=this._events[e],r=n.length,a=-1,n===t||s(n.listener)&&n.listener===t)delete this._events[e],this._events.removeListener&&this.emit("removeListener",e,t);else if(o(n)){for(i=r;i-- >0;)if(n[i]===t||n[i].listener&&n[i].listener===t){a=i;break}if(a<0)return this;n.length===1?(n.length=0,delete this._events[e]):n.splice(a,1),this._events.removeListener&&this.emit("removeListener",e,t)}return this},n.prototype.removeAllListeners=function(e){if(!this._events)return this;if(!this._events.removeListener)return arguments.length===0?this._events={}:this._events[e]&&delete this._events[e],this;if(arguments.length===0){for(n in this._events){if(n==="removeListener")continue;this.removeAllListeners(n)}return this.removeAllListeners("removeListener"),this._events={},this}if(t=this._events[e],s(t))this.removeListener(e,t);else if(t)for(var t,n;t.length;)this.removeListener(e,t[t.length-1]);return delete this._events[e],this},n.prototype.listeners=function(e){var t;return!this._events||!this._events[e]?t=[]:s(this._events[e])?t=[this._events[e]]:t=this._events[e].slice(),t},n.prototype.listenerCount=function(e){if(this._events){var t=this._events[e];if(s(t))return 1;if(t)return t.length}return 0},n.listenerCount=function(e,t){return e.listenerCount(t)};function s(e){return typeof e=="function"}function a(e){return typeof e=="number"}function o(e){return typeof e=="object"&&e!==null}function i(e){return e===0[0]}}}),si=e({"node_modules/hogan.js/lib/compiler.js"(e){(function(e){var s,u,g=/\S/,j=/"/g,b=/\n/g,v=/\r/g,m=/\\/g,w=/\u2028/,_=/\u2029/;e.tags={"#":1,"^":2,"<":3,$:4,"/":5,"!":6,">":7,"=":8,_v:9,"{":10,"&":11,_t:12},e.scan=function(n,s){var O=n.length,f=0,j=1,w=2,c=f,h=null,v=null,r="",i=[],m=!1,o=0,p=0,u="{{",a="}}";function b(){r.length>0&&(i.push({tag:"_t",text:new String(r)}),r="")}function x(){for(var n=!0,t=p;t<i.length;t++)if(n=e.tags[i[t].tag]<e.tags._v||i[t].tag=="_t"&&i[t].text.match(g)===null,!n)return!1;return n}function _(e,t){if(b(),e&&x())for(var s,n=p;n<i.length;n++)i[n].text&&((s=i[n+1])&&s.tag==">"&&(s.indent=i[n].text.toString()),i.splice(n,1));else t||i.push({tag:` +`});m=!1,p=i.length}function C(e,t){var s="="+a,o=e.indexOf(s,t),n=l(e.substring(e.indexOf("=",t)+1,o)).split(" ");return u=n[0],a=n[n.length-1],o+s.length-1}s&&(s=s.split(" "),u=s[0],a=s[1]);for(o=0;o<O;o++)c==f?d(u,n,o)?(--o,b(),c=j):n.charAt(o)==` +`?_(m):r+=n.charAt(o):c==j?(o+=u.length-1,v=e.tags[n.charAt(o+1)],h=v?n.charAt(o+1):"_v",h=="="?(o=C(n,o),c=f):(v&&o++,c=w),m=o):d(a,n,o)?(i.push({tag:h,n:l(r),otag:u,ctag:a,i:h=="/"?m-u.length:o+a.length}),r="",o+=a.length-1,c=f,h=="{"&&(a=="}}"?o++:y(i[i.length-1]))):r+=n.charAt(o);return _(m,!0),i};function y(e){e.n.substr(e.n.length-1)==="}"&&(e.n=e.n.substring(0,e.n.length-1))}function l(e){return e.trim?e.trim():e.replace(/^\s*|\s*$/g,"")}function d(e,t,n){if(t.charAt(n)!=e.charAt(0))return!1;for(var s=1,o=e.length;s<o;s++)if(t.charAt(n+s)!=e.charAt(s))return!1;return!0}u={_t:!0,"\n":!0,$:!0,"/":!0};function i(t,n,s,o){for(var c=[],r=null,l=null,a=null,l=s[s.length-1];t.length>0;){if(a=t.shift(),l&&l.tag=="<"&&!(a.tag in u))throw new Error("Illegal content in < super tag.");if(e.tags[a.tag]<=e.tags.$||h(a,o))s.push(a),a.nodes=i(t,a.tag,s,o);else if(a.tag=="/"){if(s.length===0)throw new Error("Closing tag without opener: /"+a.n);if(r=s.pop(),a.n!=r.n&&!f(a.n,r.n,o))throw new Error("Nesting error: "+r.n+" vs. "+a.n);return r.end=a.i,c}else a.tag==` +`&&(a.last=t.length==0||t[0].tag==` +`);c.push(a)}if(s.length>0)throw new Error("missing closing tag: "+s.pop().n);return c}function h(e,t){for(var n=0,s=t.length;n<s;n++)if(t[n].o==e.n)return e.tag="#",!0}function f(e,t,n){for(var s=0,o=n.length;s<o;s++)if(n[s].c==e&&n[s].o==t)return!0}function p(e){var s,n=[];for(s in e)n.push('"'+t(s)+'": function(c,p,t,i) {'+e[s]+"}");return"{ "+n.join(",")+" }"}function o(e){var n,s=[];for(n in e.partials)s.push('"'+t(n)+'":{name:"'+t(e.partials[n].name)+'", '+o(e.partials[n])+"}");return"partials: {"+s.join(",")+"}, subs: "+p(e.subs)}e.stringify=function(t){return"{code: function (c,p,i) { "+e.wrapMain(t.code)+" },"+o(t)+"}"},s=0,e.generate=function(t,n,o){s=0;var i={code:"",subs:{},partials:{}};return e.walk(t,i),o.asString?this.stringify(i,n,o):this.makeTemplate(i,n,o)},e.wrapMain=function(e){return'var t=this;t.b(i=i||"");'+e+"return t.fl();"},e.template=e.Template,e.makeTemplate=function(e,t,n){var s=this.makePartials(e);return s.code=new Function("c","p","i",this.wrapMain(e.code)),new this.template(s,t,this,n)},e.makePartials=function(e){var t,n={subs:{},partials:e.partials,name:e.name};for(t in n.partials)n.partials[t]=this.makePartials(n.partials[t]);for(t in e.subs)n.subs[t]=new Function("c","p","t","i",e.subs[t]);return n};function t(e){return e.replace(m,"\\\\").replace(j,'\\"').replace(b,`\\n`).replace(v,"\\r").replace(w,"\\u2028").replace(_,"\\u2029")}function n(e){return~e.indexOf(".")?"d":"f"}function c(e,n){var i="<"+(n.prefix||""),o=i+e.n+s++;return n.partials[o]={name:e.n,partials:{}},n.code+='t.b(t.rp("'+t(o)+'",c,p,"'+(e.indent||"")+'"));',o}e.codegen={"#":function(s,o){o.code+="if(t.s(t."+n(s.n)+'("'+t(s.n)+'",c,p,1),c,p,0,'+s.i+","+s.end+',"'+s.otag+" "+s.ctag+'")){t.rs(c,p,function(c,p,t){',e.walk(s.nodes,o),o.code+="});c.pop();}"},"^":function(s,o){o.code+="if(!t.s(t."+n(s.n)+'("'+t(s.n)+'",c,p,1),c,p,1,0,0,"")){',e.walk(s.nodes,o),o.code+="};"},">":c,"<":function(t,n){var o,s={partials:{},code:"",subs:{},inPartial:!0};e.walk(t.nodes,s),o=n.partials[c(t,n)],o.subs=s.subs,o.partials=s.partials},$:function(n,s){var o={subs:{},code:"",partials:s.partials,prefix:n.n};e.walk(n.nodes,o),s.subs[n.n]=o.code,s.inPartial||(s.code+='t.sub("'+t(n.n)+'",c,p,i);')},"\n":function(e,t){t.code+=a(`"\\n"`+(e.last?"":" + i"))},_v:function(e,s){s.code+="t.b(t.v(t."+n(e.n)+'("'+t(e.n)+'",c,p,0)));'},_t:function(e,n){n.code+=a('"'+t(e.text)+'"')},"{":r,"&":r};function r(e,s){s.code+="t.b(t.t(t."+n(e.n)+'("'+t(e.n)+'",c,p,0)));'}function a(e){return"t.b("+e+");"}e.walk=function(t,n){for(var o,s=0,i=t.length;s<i;s++)o=e.codegen[t[s].tag],o&&o(t[s],n);return n},e.parse=function(e,t,n){return n=n||{},i(e,"",[],n.sectionTags||[])},e.cache={},e.cacheKey=function(e,t){return[e,!!t.asString,!!t.disableLambda,t.delimiters,!!t.modelGet].join("||")},e.compile=function(t,n){n=n||{};var o,a,i=e.cacheKey(t,n),s=this.cache[i];if(s){o=s.partials;for(a in o)delete o[a].instance;return s}return s=this.generate(this.parse(this.scan(t,n.delimiters),t,n),t,n),this.cache[i]=s}})(typeof e!="undefined"?e:Hogan)}}),mi=e({"node_modules/hogan.js/lib/template.js"(e){var t={};(function(e){e.Template=function(e,t,n,s){e=e||{},this.r=e.code||this.r,this.c=n,this.options=s||{},this.text=t||"",this.partials=e.partials||{},this.subs=e.subs||{},this.buf=""},e.Template.prototype={r:function(){return""},v:u,t,render:function(t,n,s){return this.ri([t],n||{},s)},ri:function(e,t,n){return this.r(e,t,n)},ep:function(e,t){var s=this.partials[e],n=t[s.name];if(s.instance&&s.base==n)return s.instance;if(typeof n=="string"){if(!this.c)throw new Error("No compiler available.");n=this.c.compile(n,this.options)}if(!n)return null;if(this.partials[e].base=n,s.subs){t.stackText||(t.stackText={});for(key in s.subs)t.stackText[key]||(t.stackText[key]=this.activeSub!==0[0]&&t.stackText[this.activeSub]?t.stackText[this.activeSub]:this.text);n=o(n,s.subs,s.partials,this.stackSubs,this.stackPartials,t.stackText)}return this.partials[e].instance=n,n},rp:function(e,t,n,s){var o=this.ep(e,n);return o?o.ri(t,n,s):""},rs:function(e,t,s){var o,i=e[e.length-1];if(!n(i)){s(e,t,this);return}for(o=0;o<i.length;o++)e.push(i[o]),s(e,t,this),e.pop()},s:function(e,t,s,o,i,a,r){var c;return!(n(e)&&e.length===0)&&(typeof e=="function"&&(e=this.ms(e,t,s,o,i,a,r)),c=!!e,!o&&c&&t&&t.push(typeof e=="object"?e:t[t.length-1]),c)},d:function(e,t,o,i){var r,c,l=e.split("."),a=this.f(l[0],t,o,i),u=this.options.modelGet,d=null;if(e==="."&&n(t[t.length-2]))a=t[t.length-1];else for(r=1;r<l.length;r++)c=s(l[r],a,u),c!==0[0]?(d=a,a=c):a="";return!(i&&!a)&&(!i&&typeof a=="function"&&(t.push(d),a=this.mv(a,t,o),t.pop()),a)},f:function(e,t,n,o){for(var i=!1,r=null,c=!1,l=this.options.modelGet,a=t.length-1;a>=0;a--)if(r=t[a],i=s(e,r,l),i!==0[0]){c=!0;break}return c?(!o&&typeof i=="function"&&(i=this.mv(i,t,n)),i):!o&&""},ls:function(e,n,s,o,i){var a=this.options.delimiters;return this.options.delimiters=i,this.b(this.ct(t(e.call(n,o)),n,s)),this.options.delimiters=a,!1},ct:function(e,t,n){if(this.options.disableLambda)throw new Error("Lambda features disabled.");return this.c.compile(e,this.options).render(t,n)},b:function(e){this.buf+=e},fl:function(){var e=this.buf;return this.buf="",e},ms:function(e,t,n,s,o,i,a){var c,l=t[t.length-1],r=e.call(l);return typeof r=="function"?!!s||(c=this.activeSub&&this.subsText&&this.subsText[this.activeSub]?this.subsText[this.activeSub]:this.text,this.ls(r,l,n,c.substring(o,i),a)):r},mv:function(e,n,s){var o=n[n.length-1],i=e.call(o);return typeof i=="function"?this.ct(t(i.call(o)),o,s):i},sub:function(e,t,n,s){var o=this.subs[e];o&&(this.activeSub=e,o(t,n,this,s),this.activeSub=!1)}};function s(e,t,n){var s;return t&&typeof t=="object"&&(t[e]!==0[0]?s=t[e]:n&&t.get&&typeof t.get=="function"&&(s=t.get(e))),s}function o(e,t,n,s,o,i){function c(){}c.prototype=e;function l(){}l.prototype=e.subs;var a,r=new c;r.subs=new l,r.subsText={},r.buf="",s=s||{},r.stackSubs=s,r.subsText=i;for(a in t)s[a]||(s[a]=t[a]);for(a in s)r.subs[a]=s[a];o=o||{},r.stackPartials=o;for(a in n)o[a]||(o[a]=n[a]);for(a in o)r.partials[a]=o[a];return r}var n,i=/&/g,a=/</g,r=/>/g,c=/'/g,l=/"/g,d=/[&<>"']/;function t(e){return String(e??"")}function u(e){return e=t(e),d.test(e)?e.replace(i,"&").replace(a,"<").replace(r,">").replace(c,"'").replace(l,"""):e}n=Array.isArray||function(e){return Object.prototype.toString.call(e)==="[object Array]"}})(typeof e!="undefined"?e:t)}}),fi=e({"node_modules/hogan.js/lib/hogan.js"(e,t){var n=si();n.Template=mi().Template,n.template=n.Template,t.exports=n}}),Ei=e({"node_modules/es-errors/index.js"(e,t){"use strict",t.exports=Error}}),Fi=e({"node_modules/es-errors/eval.js"(e,t){"use strict",t.exports=EvalError}}),zi=e({"node_modules/es-errors/range.js"(e,t){"use strict",t.exports=RangeError}}),Vi=e({"node_modules/es-errors/ref.js"(e,t){"use strict",t.exports=ReferenceError}}),Xn=e({"node_modules/es-errors/syntax.js"(e,t){"use strict",t.exports=SyntaxError}}),L=e({"node_modules/es-errors/type.js"(e,t){"use strict",t.exports=TypeError}}),Qi=e({"node_modules/es-errors/uri.js"(e,t){"use strict",t.exports=URIError}}),Ji=e({"node_modules/has-symbols/shams.js"(e,t){"use strict",t.exports=function(){if(typeof Symbol!="function"||typeof Object.getOwnPropertySymbols!="function")return!1;if(typeof Symbol.iterator=="symbol")return!0;var s,o,i,n={},t=Symbol("test"),a=Object(t);if(typeof t=="string")return!1;if(Object.prototype.toString.call(t)!=="[object Symbol]")return!1;if(Object.prototype.toString.call(a)!=="[object Symbol]")return!1;s=42,n[t]=s;for(t in n)return!1;return(typeof Object.keys!="function"||Object.keys(n).length===0)&&(typeof Object.getOwnPropertyNames!="function"||Object.getOwnPropertyNames(n).length===0)&&(o=Object.getOwnPropertySymbols(n),o.length===1&&o[0]===t&&!!Object.prototype.propertyIsEnumerable.call(n,t)&&(typeof Object.getOwnPropertyDescriptor!="function"||!(i=Object.getOwnPropertyDescriptor(n,t),i.value!==s||i.enumerable!==!0)))}}}),ea=e({"node_modules/has-symbols/index.js"(e,t){"use strict";var n=typeof Symbol!="undefined"&&Symbol,s=Ji();t.exports=function(){return typeof n=="function"&&typeof Symbol=="function"&&typeof n("foo")=="symbol"&&typeof Symbol("bar")=="symbol"&&s()}}}),ua=e({"node_modules/has-proto/index.js"(e,t){"use strict";var n={__proto__:null,foo:{}},s=Object;t.exports=function(){return{__proto__:n}.foo===n.foo&&!(n instanceof s)}}}),va=e({"node_modules/function-bind/implementation.js"(e,t){"use strict";var s="Function.prototype.bind called on incompatible ",o=Object.prototype.toString,i=Math.max,a="[object Function]",n=function(t,n){for(var s,i=[],o=0;o<t.length;o+=1)i[o]=t[o];for(s=0;s<n.length;s+=1)i[s+t.length]=n[s];return i},r=function(t,n){for(var o=[],s=n||0,i=0;s<t.length;s+=1,i+=1)o[i]=t[s];return o},c=function(e,t){for(var s="",n=0;n<e.length;n+=1)s+=e[n],n+1<e.length&&(s+=t);return s};t.exports=function(t){var d,u,h,m,f,p,g,l=this;if(typeof l!="function"||o.apply(l)!==a)throw new TypeError(s+l);for(u=r(arguments,1),p=function(){if(this instanceof h){var e=l.apply(this,n(u,arguments));return Object(e)===e?e:this}return l.apply(t,n(u,arguments))},g=i(0,l.length-u.length),f=[],d=0;d<g;d++)f[d]="$"+d;return h=Function("binder","return function ("+c(f,",")+"){ return binder.apply(this,arguments); }")(p),l.prototype&&(m=function(){},m.prototype=l.prototype,h.prototype=new m,m.prototype=null),h}}}),Fe=e({"node_modules/function-bind/index.js"(e,t){"use strict";var n=va();t.exports=Function.prototype.bind||n}}),ja=e({"node_modules/hasown/index.js"(e,t){"use strict";var n=Function.prototype.call,s=Object.prototype.hasOwnProperty,o=Fe();t.exports=o.call(n,s)}}),E=e({"node_modules/get-intrinsic/index.js"(e,t){"use strict";var n,s,o,a,r,c,u,h,m,p,g,b,j,y,_,w,O,x,C,E,k,A,S,M=Ei(),F=Fi(),T=zi(),z=Vi(),l=Xn(),d=L(),D=Qi(),v=Function,f=function(e){try{return v('"use strict"; return ('+e+").constructor;")()}catch{}},i=Object.getOwnPropertyDescriptor;if(i)try{i({},"")}catch{i=null}if(m=function(){throw new d},y=i?function(){try{return arguments.callee,m}catch{try{return i(arguments,"callee").get}catch{return m}}}():m,r=ea()(),E=ua()(),s=Object.getPrototypeOf||(E?function(e){return e.__proto__}:null),a={},j=typeof Uint8Array=="undefined"||!s?n:s(Uint8Array),o={__proto__:null,"%AggregateError%":typeof AggregateError=="undefined"?n:AggregateError,"%Array%":Array,"%ArrayBuffer%":typeof ArrayBuffer=="undefined"?n:ArrayBuffer,"%ArrayIteratorPrototype%":r&&s?s([][Symbol.iterator]()):n,"%AsyncFromSyncIteratorPrototype%":n,"%AsyncFunction%":a,"%AsyncGenerator%":a,"%AsyncGeneratorFunction%":a,"%AsyncIteratorPrototype%":a,"%Atomics%":typeof Atomics=="undefined"?n:Atomics,"%BigInt%":typeof BigInt=="undefined"?n:BigInt,"%BigInt64Array%":typeof BigInt64Array=="undefined"?n:BigInt64Array,"%BigUint64Array%":typeof BigUint64Array=="undefined"?n:BigUint64Array,"%Boolean%":Boolean,"%DataView%":typeof DataView=="undefined"?n:DataView,"%Date%":Date,"%decodeURI%":decodeURI,"%decodeURIComponent%":decodeURIComponent,"%encodeURI%":encodeURI,"%encodeURIComponent%":encodeURIComponent,"%Error%":M,"%eval%":eval,"%EvalError%":F,"%Float32Array%":typeof Float32Array=="undefined"?n:Float32Array,"%Float64Array%":typeof Float64Array=="undefined"?n:Float64Array,"%FinalizationRegistry%":typeof FinalizationRegistry=="undefined"?n:FinalizationRegistry,"%Function%":v,"%GeneratorFunction%":a,"%Int8Array%":typeof Int8Array=="undefined"?n:Int8Array,"%Int16Array%":typeof Int16Array=="undefined"?n:Int16Array,"%Int32Array%":typeof Int32Array=="undefined"?n:Int32Array,"%isFinite%":isFinite,"%isNaN%":isNaN,"%IteratorPrototype%":r&&s?s(s([][Symbol.iterator]())):n,"%JSON%":typeof JSON=="object"?JSON:n,"%Map%":typeof Map=="undefined"?n:Map,"%MapIteratorPrototype%":typeof Map=="undefined"||!r||!s?n:s((new Map)[Symbol.iterator]()),"%Math%":Math,"%Number%":Number,"%Object%":Object,"%parseFloat%":parseFloat,"%parseInt%":parseInt,"%Promise%":typeof Promise=="undefined"?n:Promise,"%Proxy%":typeof Proxy=="undefined"?n:Proxy,"%RangeError%":T,"%ReferenceError%":z,"%Reflect%":typeof Reflect=="undefined"?n:Reflect,"%RegExp%":RegExp,"%Set%":typeof Set=="undefined"?n:Set,"%SetIteratorPrototype%":typeof Set=="undefined"||!r||!s?n:s((new Set)[Symbol.iterator]()),"%SharedArrayBuffer%":typeof SharedArrayBuffer=="undefined"?n:SharedArrayBuffer,"%String%":String,"%StringIteratorPrototype%":r&&s?s(""[Symbol.iterator]()):n,"%Symbol%":r?Symbol:n,"%SyntaxError%":l,"%ThrowTypeError%":y,"%TypedArray%":j,"%TypeError%":d,"%Uint8Array%":typeof Uint8Array=="undefined"?n:Uint8Array,"%Uint8ClampedArray%":typeof Uint8ClampedArray=="undefined"?n:Uint8ClampedArray,"%Uint16Array%":typeof Uint16Array=="undefined"?n:Uint16Array,"%Uint32Array%":typeof Uint32Array=="undefined"?n:Uint32Array,"%URIError%":D,"%WeakMap%":typeof WeakMap=="undefined"?n:WeakMap,"%WeakRef%":typeof WeakRef=="undefined"?n:WeakRef,"%WeakSet%":typeof WeakSet=="undefined"?n:WeakSet},s)try{null.error}catch(e){_=s(s(e)),o["%Error.prototype%"]=_}w=function e(t){if(t==="%AsyncFunction%")n=f("async function () {}");else if(t==="%GeneratorFunction%")n=f("function* () {}");else if(t==="%AsyncGeneratorFunction%")n=f("async function* () {}");else if(t==="%AsyncGenerator%"){var n,i,a=e("%AsyncGeneratorFunction%");a&&(n=a.prototype)}else t==="%AsyncIteratorPrototype%"&&(i=e("%AsyncGenerator%"),i&&s&&(n=s(i.prototype)));return o[t]=n,n},p={__proto__:null,"%ArrayBufferPrototype%":["ArrayBuffer","prototype"],"%ArrayPrototype%":["Array","prototype"],"%ArrayProto_entries%":["Array","prototype","entries"],"%ArrayProto_forEach%":["Array","prototype","forEach"],"%ArrayProto_keys%":["Array","prototype","keys"],"%ArrayProto_values%":["Array","prototype","values"],"%AsyncFunctionPrototype%":["AsyncFunction","prototype"],"%AsyncGenerator%":["AsyncGeneratorFunction","prototype"],"%AsyncGeneratorPrototype%":["AsyncGeneratorFunction","prototype","prototype"],"%BooleanPrototype%":["Boolean","prototype"],"%DataViewPrototype%":["DataView","prototype"],"%DatePrototype%":["Date","prototype"],"%ErrorPrototype%":["Error","prototype"],"%EvalErrorPrototype%":["EvalError","prototype"],"%Float32ArrayPrototype%":["Float32Array","prototype"],"%Float64ArrayPrototype%":["Float64Array","prototype"],"%FunctionPrototype%":["Function","prototype"],"%Generator%":["GeneratorFunction","prototype"],"%GeneratorPrototype%":["GeneratorFunction","prototype","prototype"],"%Int8ArrayPrototype%":["Int8Array","prototype"],"%Int16ArrayPrototype%":["Int16Array","prototype"],"%Int32ArrayPrototype%":["Int32Array","prototype"],"%JSONParse%":["JSON","parse"],"%JSONStringify%":["JSON","stringify"],"%MapPrototype%":["Map","prototype"],"%NumberPrototype%":["Number","prototype"],"%ObjectPrototype%":["Object","prototype"],"%ObjProto_toString%":["Object","prototype","toString"],"%ObjProto_valueOf%":["Object","prototype","valueOf"],"%PromisePrototype%":["Promise","prototype"],"%PromiseProto_then%":["Promise","prototype","then"],"%Promise_all%":["Promise","all"],"%Promise_reject%":["Promise","reject"],"%Promise_resolve%":["Promise","resolve"],"%RangeErrorPrototype%":["RangeError","prototype"],"%ReferenceErrorPrototype%":["ReferenceError","prototype"],"%RegExpPrototype%":["RegExp","prototype"],"%SetPrototype%":["Set","prototype"],"%SharedArrayBufferPrototype%":["SharedArrayBuffer","prototype"],"%StringPrototype%":["String","prototype"],"%SymbolPrototype%":["Symbol","prototype"],"%SyntaxErrorPrototype%":["SyntaxError","prototype"],"%TypedArrayPrototype%":["TypedArray","prototype"],"%TypeErrorPrototype%":["TypeError","prototype"],"%Uint8ArrayPrototype%":["Uint8Array","prototype"],"%Uint8ClampedArrayPrototype%":["Uint8ClampedArray","prototype"],"%Uint16ArrayPrototype%":["Uint16Array","prototype"],"%Uint32ArrayPrototype%":["Uint32Array","prototype"],"%URIErrorPrototype%":["URIError","prototype"],"%WeakMapPrototype%":["WeakMap","prototype"],"%WeakSetPrototype%":["WeakSet","prototype"]},c=Fe(),u=ja(),b=c.call(Function.call,Array.prototype.concat),k=c.call(Function.apply,Array.prototype.splice),g=c.call(Function.call,String.prototype.replace),h=c.call(Function.call,String.prototype.slice),S=c.call(Function.call,RegExp.prototype.exec),A=/[^%.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|%$))/g,C=/\\(\\)?/g,x=function(t){var n,s=h(t,0,1),o=h(t,-1);if(s==="%"&&o!=="%")throw new l("invalid intrinsic syntax, expected closing `%`");if(o==="%"&&s!=="%")throw new l("invalid intrinsic syntax, expected opening `%`");return n=[],g(t,A,function(e,t,s,o){n[n.length]=s?g(o,C,"$1"):t||e}),n},O=function(t,n){var i,r,s=t;if(u(p,s)&&(r=p[s],s="%"+r[0]+"%"),u(o,s)){if(i=o[s],i===a&&(i=w(s)),typeof i=="undefined"&&!n)throw new d("intrinsic "+t+" exists, but is not available. Please file an issue!");return{alias:r,name:s,value:i}}throw new l("intrinsic "+t+" does not exist!")},t.exports=function(t,s){if(typeof t!="string"||t.length===0)throw new d("intrinsic name must be a non-empty string");if(arguments.length>1&&typeof s!="boolean")throw new d('"allowMissing" argument must be a boolean');if(S(/^%?[^%]*%?$/,t)===null)throw new l("`%` may not be present anywhere but at the beginning and end of the intrinsic name");c=x(t),p=c.length>0?c[0]:"",y=O("%"+p+"%",s),m=y.name,a=y.value,C=!1,_=y.alias,_&&(p=_[0],k(c,b([0,1],_)));for(var a,r,c,m,p,g,v,j,y,_,C,w=1,f=!0;w<c.length;w+=1){if(r=c[w],g=h(r,0,1),v=h(r,-1),(g==='"'||g==="'"||g==="`"||v==='"'||v==="'"||v==="`")&&g!==v)throw new l("property names with quotes must have matching quotes");if((r==="constructor"||!f)&&(C=!0),p+="."+r,m="%"+p+"%",u(o,m))a=o[m];else if(a!=null){if(!(r in a)){if(!s)throw new d("base intrinsic for "+t+" exists, but the property is not available.");return void n}i&&w+1>=c.length?(j=i(a,r),f=!!j,f&&"get"in j&&!("originalValue"in j.get)?a=j.get:a=a[r]):(f=u(a,r),a=a[r]),f&&!C&&(o[m]=a)}}return a}}}),De=e({"node_modules/es-define-property/index.js"(e,t){"use strict";var s=E(),n=s("%Object.defineProperty%",!0)||!1;if(n)try{n({},"a",{value:1})}catch{n=!1}t.exports=n}}),Mn=e({"node_modules/gopd/index.js"(e,t){"use strict";var s=E(),n=s("%Object.getOwnPropertyDescriptor%",!0);if(n)try{n([],"length")}catch{n=null}t.exports=n}}),Oa=e({"node_modules/define-data-property/index.js"(e,t){"use strict";var s=De(),i=Xn(),n=L(),o=Mn();t.exports=function(t,a,r){if(!t||typeof t!="object"&&typeof t!="function")throw new n("`obj` must be an object or a function`");if(typeof a!="string"&&typeof a!="symbol")throw new n("`property` must be a string or a symbol`");if(arguments.length>3&&typeof arguments[3]!="boolean"&&arguments[3]!==null)throw new n("`nonEnumerable`, if provided, must be a boolean or null");if(arguments.length>4&&typeof arguments[4]!="boolean"&&arguments[4]!==null)throw new n("`nonWritable`, if provided, must be a boolean or null");if(arguments.length>5&&typeof arguments[5]!="boolean"&&arguments[5]!==null)throw new n("`nonConfigurable`, if provided, must be a boolean or null");if(arguments.length>6&&typeof arguments[6]!="boolean")throw new n("`loose`, if provided, must be a boolean");var l=arguments.length>3?arguments[3]:null,d=arguments.length>4?arguments[4]:null,u=arguments.length>5?arguments[5]:null,h=arguments.length>6&&arguments[6],c=!!o&&o(t,a);if(s)s(t,a,{configurable:u===null&&c?c.configurable:!u,enumerable:l===null&&c?c.enumerable:!l,value:r,writable:d===null&&c?c.writable:!d});else if(h||!l&&!d&&!u)t[a]=r;else throw new i("This environment does not support defining a property as non-configurable, non-writable, or non-enumerable.")}}}),xa=e({"node_modules/has-property-descriptors/index.js"(e,t){"use strict";var n=De(),s=function(){return!!n};s.hasArrayLengthDefineBug=function(){if(!n)return null;try{return n([],"length",{value:1}).length!==1}catch{return!0}},t.exports=s}}),Ia=e({"node_modules/set-function-length/index.js"(e,t){"use strict";var i=E(),n=Oa(),a=xa()(),s=Mn(),o=L(),r=i("%Math.floor%");t.exports=function(t,i){if(typeof t!="function")throw new o("`fn` is not a function");if(typeof i!="number"||i<0||i>4294967295||r(i)!==i)throw new o("`length` must be a positive 32-bit integer");var c,u=arguments.length>2&&!!arguments[2],l=!0,d=!0;return"length"in t&&s&&(c=s(t,"length"),c&&!c.configurable&&(l=!1),c&&!c.writable&&(d=!1)),(l||d||!u)&&(a?n(t,"length",i,!0,!0):n(t,"length",i)),t}}}),Ka=e({"node_modules/call-bind/index.js"(e,t){"use strict";var o,s=Fe(),n=E(),l=Ia(),d=L(),i=n("%Function.prototype.apply%"),a=n("%Function.prototype.call%"),r=n("%Reflect.apply%",!0)||s.call(a,i),c=De(),u=n("%Math.max%");t.exports=function(t){if(typeof t!="function")throw new d("a function is required");var n=r(s,a,arguments);return l(n,1+u(0,t.length-(arguments.length-1)),!0)},o=function(){return r(s,i,arguments)},c?c(t.exports,"apply",{value:o}):t.exports.apply=o}}),qa=e({"node_modules/call-bind/callBound.js"(e,t){"use strict";var n=E(),s=Ka(),o=s(n("String.prototype.indexOf"));t.exports=function(t,i){var a=n(t,!!i);return typeof a=="function"&&o(t,".prototype.")>-1?s(a):a}}}),Ya=e({"(disabled):node_modules/object-inspect/util.inspect"(){}}),Za=e({"node_modules/object-inspect/index.js"(e,t){var h,g,b,j,S,B,p=typeof Map=="function"&&Map.prototype,E=Object.getOwnPropertyDescriptor&&p?Object.getOwnPropertyDescriptor(Map.prototype,"size"):null,m=p&&E&&typeof E.get=="function"?E.get:null,F=p&&Map.prototype.forEach,_=typeof Set=="function"&&Set.prototype,O=Object.getOwnPropertyDescriptor&&_?Object.getOwnPropertyDescriptor(Set.prototype,"size"):null,u=_&&O&&typeof O.get=="function"?O.get:null,P=_&&Set.prototype.forEach,me=typeof WeakMap=="function"&&WeakMap.prototype,c=me?WeakMap.prototype.has:null,he=typeof WeakSet=="function"&&WeakSet.prototype,l=he?WeakSet.prototype.has:null,te=typeof WeakRef=="function"&&WeakRef.prototype,W=te?WeakRef.prototype.deref:null,J=Boolean.prototype.valueOf,ee=Object.prototype.toString,de=Function.prototype.toString,fe=String.prototype.match,y=String.prototype.slice,i=String.prototype.replace,ve=String.prototype.toUpperCase,R=String.prototype.toLowerCase,z=RegExp.prototype.test,T=Array.prototype.concat,s=Array.prototype.join,be=Array.prototype.slice,M=Math.floor,x=typeof BigInt=="function"?BigInt.prototype.valueOf:null,A=Object.getOwnPropertySymbols,k=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?Symbol.prototype.toString:null,r=typeof Symbol=="function"&&typeof Symbol.iterator=="object",n=typeof Symbol=="function"&&Symbol.toStringTag&&(typeof Symbol.toStringTag===r?"object":"symbol")?Symbol.toStringTag:null,D=Object.prototype.propertyIsEnumerable,N=(typeof Reflect=="function"?Reflect.getPrototypeOf:Object.getPrototypeOf)||([].__proto__===Array.prototype?function(e){return e.__proto__}:null);function L(e,t){if(e===1/0||e===-(1/0)||e!==e||e&&e>-1e3&&e<1e3||z.call(/e/,t))return t;var n,s,a,o=/[0-9](?=(?:[0-9]{3})+(?![0-9]))/g;return typeof e=="number"&&(n=e<0?-M(-e):M(e),n!==e)?(s=String(n),a=y.call(t,s.length+1),i.call(s,o,"$&_")+"."+i.call(i.call(a,/([0-9]{3})/g,"$&_"),/_$/,"")):i.call(t,o,"$&_")}h=Ya(),g=h.custom,j=U(g)?g:null,b={__proto__:null,double:'"',single:"'"},B={__proto__:null,double:/(["\\])/g,single:/(['\\])/g},t.exports=function e(t,c,l,p){var A,he,me,ue,te,O,Oe,_e,je,E,S,M,z,de,fe,ve,ee,ye,W,we,xe,B,g=c||{};if(o(g,"quoteStyle")&&!o(b,g.quoteStyle))throw new TypeError('option "quoteStyle" must be "single" or "double"');if(o(g,"maxStringLength")&&(typeof g.maxStringLength=="number"?g.maxStringLength<0&&g.maxStringLength!==1/0:g.maxStringLength!==null))throw new TypeError('option "maxStringLength", if provided, must be a positive integer, Infinity, or `null`');if(A=!o(g,"customInspect")||g.customInspect,typeof A!="boolean"&&A!=="symbol")throw new TypeError("option \"customInspect\", if provided, must be `true`, `false`, or `'symbol'`");if(o(g,"indent")&&g.indent!==null&&g.indent!==" "&&!(parseInt(g.indent,10)===g.indent&&g.indent>0))throw new TypeError('option "indent" must be "\\t", an integer > 0, or `null`');if(o(g,"numericSeparator")&&typeof g.numericSeparator!="boolean")throw new TypeError('option "numericSeparator", if provided, must be `true` or `false`');if(he=g.numericSeparator,typeof t=="undefined")return"undefined";if(t===null)return"null";if(typeof t=="boolean")return t?"true":"false";if(typeof t=="string")return I(t,g);if(typeof t=="number")return t===0?1/0/t>0?"0":"-0":(me=String(t),he?L(t,me):me);if(typeof t=="bigint")return ue=String(t)+"n",he?L(t,ue):ue;if(te=typeof g.depth=="undefined"?5:g.depth,typeof l=="undefined"&&(l=0),l>=te&&te>0&&typeof t=="object")return v(t)?"[Array]":"[Object]";if(O=ge(g,l),typeof p=="undefined")p=[];else if($(p,t)>=0)return"[Circular]";function _(t,n,s){if(n&&(p=be.call(p),p.push(n)),s){var i={depth:g.depth};return o(g,"quoteStyle")&&(i.quoteStyle=g.quoteStyle),e(t,i,l+1,p)}return e(t,g,l+1,p)}if(typeof t=="function"&&!K(t))return Oe=ne(t),_e=f(t,_),"[Function"+(Oe?": "+Oe:" (anonymous)")+"]"+(_e.length>0?" { "+s.call(_e,", ")+" }":"");if(U(t))return je=r?i.call(String(t),/^(Symbol\(.*\))_[^)]*$/,"$1"):k.call(t),typeof t=="object"&&!r?d(je):je;if(le(t)){for(E="<"+R.call(String(t.nodeName)),M=t.attributes||[],S=0;S<M.length;S++)E+=" "+M[S].name+"="+V(se(M[S].value),"double",g);return E+=">",t.childNodes&&t.childNodes.length&&(E+="..."),E+="</"+R.call(String(t.nodeName))+">",E}if(v(t))return t.length===0?"[]":(z=f(t,_),O&&!pe(z)?"["+C(z,O)+"]":"[ "+s.call(z,", ")+" ]");if(X(t))return de=f(t,_),!("cause"in Error.prototype)&&"cause"in t&&!D.call(t,"cause")?"{ ["+String(t)+"] "+s.call(T.call("[cause]: "+_(t.cause),de),", ")+" }":de.length===0?"["+String(t)+"]":"{ ["+String(t)+"] "+s.call(de,", ")+" }";if(typeof t=="object"&&A){if(j&&typeof t[j]=="function"&&h)return h(t,{depth:te-l});if(A!=="symbol"&&typeof t.inspect=="function")return t.inspect()}return oe(t)?(fe=[],F&&F.call(t,function(e,n){fe.push(_(n,t,!0)+" => "+_(e,t))}),H("Map",m.call(t),fe,O)):re(t)?(ve=[],P&&P.call(t,function(e){ve.push(_(e,t))}),H("Set",u.call(t),ve,O)):ie(t)?w("WeakMap"):ce(t)?w("WeakSet"):Y(t)?w("WeakRef"):G(t)?d(_(Number(t))):Z(t)?d(_(x.call(t))):q(t)?d(J.call(t)):ae(t)?d(_(String(t))):typeof window!="undefined"&&t===window?"{ [object Window] }":typeof globalThis!="undefined"&&t===globalThis||typeof global!="undefined"&&t===global?"{ [object globalThis] }":!Q(t)&&!K(t)?(ee=f(t,_),ye=N?N(t)===Object.prototype:t instanceof Object||t.constructor===Object,W=t instanceof Object?"":"null prototype",we=!ye&&n&&Object(t)===t&&n in t?y.call(a(t),8,-1):W?"Object":"",xe=ye||typeof t.constructor!="function"?"":t.constructor.name?t.constructor.name+" ":"",B=xe+(we||W?"["+s.call(T.call([],we||[],W||[]),": ")+"] ":""),ee.length===0?B+"{}":O?B+"{"+C(ee,O)+"}":B+"{ "+s.call(ee,", ")+" }"):String(t)};function V(e,t,n){var o=n.quoteStyle||t,s=b[o];return s+e+s}function se(e){return i.call(String(e),/"/g,""")}function v(e){return a(e)==="[object Array]"&&(!n||!(typeof e=="object"&&n in e))}function Q(e){return a(e)==="[object Date]"&&(!n||!(typeof e=="object"&&n in e))}function K(e){return a(e)==="[object RegExp]"&&(!n||!(typeof e=="object"&&n in e))}function X(e){return a(e)==="[object Error]"&&(!n||!(typeof e=="object"&&n in e))}function ae(e){return a(e)==="[object String]"&&(!n||!(typeof e=="object"&&n in e))}function G(e){return a(e)==="[object Number]"&&(!n||!(typeof e=="object"&&n in e))}function q(e){return a(e)==="[object Boolean]"&&(!n||!(typeof e=="object"&&n in e))}function U(e){if(r)return e&&typeof e=="object"&&e instanceof Symbol;if(typeof e=="symbol")return!0;if(!e||typeof e!="object"||!k)return!1;try{return k.call(e),!0}catch{}return!1}function Z(e){if(!e||typeof e!="object"||!x)return!1;try{return x.call(e),!0}catch{}return!1}S=Object.prototype.hasOwnProperty||function(e){return e in this};function o(e,t){return S.call(e,t)}function a(e){return ee.call(e)}function ne(e){if(e.name)return e.name;var t=fe.call(de.call(e),/^function\s*([\w$]+)/);return t?t[1]:null}function $(e,t){if(e.indexOf)return e.indexOf(t);for(var n=0,s=e.length;n<s;n++)if(e[n]===t)return n;return-1}function oe(e){if(!m||!e||typeof e!="object")return!1;try{m.call(e);try{u.call(e)}catch{return!0}return e instanceof Map}catch{}return!1}function ie(e){if(!c||!e||typeof e!="object")return!1;try{c.call(e,c);try{l.call(e,l)}catch{return!0}return e instanceof WeakMap}catch{}return!1}function Y(e){if(!W||!e||typeof e!="object")return!1;try{return W.call(e),!0}catch{}return!1}function re(e){if(!u||!e||typeof e!="object")return!1;try{u.call(e);try{m.call(e)}catch{return!0}return e instanceof Set}catch{}return!1}function ce(e){if(!l||!e||typeof e!="object")return!1;try{l.call(e,l);try{c.call(e,c)}catch{return!0}return e instanceof WeakSet}catch{}return!1}function le(e){return!!e&&typeof e=="object"&&(typeof HTMLElement!="undefined"&&e instanceof HTMLElement||typeof e.nodeName=="string"&&typeof e.getAttribute=="function")}function I(e,t){if(e.length>t.maxStringLength){var n,o,s=e.length-t.maxStringLength,a="... "+s+" more character"+(s>1?"s":"");return I(y.call(e,0,t.maxStringLength),t)+a}return n=B[t.quoteStyle||"single"],n.lastIndex=0,o=i.call(i.call(e,n,"\\$1"),/[\x00-\x1f]/g,ue),V(o,"single",t)}function ue(e){var t=e.charCodeAt(0),n={8:"b",9:"t",10:"n",12:"f",13:"r"}[t];return n?"\\"+n:"\\x"+(t<16?"0":"")+ve.call(t.toString(16))}function d(e){return"Object("+e+")"}function w(e){return e+" { ? }"}function H(e,t,n,o){var i=o?C(n,o):s.call(n,", ");return e+" ("+t+") {"+i+"}"}function pe(e){for(var t=0;t<e.length;t++)if($(e[t],` +`)>=0)return!1;return!0}function ge(e,t){var n;if(e.indent===" ")n=" ";else if(typeof e.indent=="number"&&e.indent>0)n=s.call(Array(e.indent+1)," ");else return null;return{base:n,prev:s.call(Array(t+1),n)}}function C(e,t){if(e.length===0)return"";var n=` +`+t.prev+t.base;return n+s.call(e,","+n)+` +`+t.prev}function f(e,t){var n,s,a,c,l,d,u=v(e),i=[];if(u){i.length=e.length;for(a=0;a<e.length;a++)i[a]=o(e,a)?t(e[a],e):""}if(s=typeof A=="function"?A(e):[],r){d={};for(l=0;l<s.length;l++)d["$"+s[l]]=s[l]}for(n in e){if(!o(e,n))continue;if(u&&String(Number(n))===n&&n<e.length)continue;if(r&&d["$"+n]instanceof Symbol)continue;z.call(/[^\w$]/,n)?i.push(t(n,e)+": "+t(e[n],e)):i.push(n+": "+t(e[n],e))}if(typeof A=="function")for(c=0;c<s.length;c++)D.call(e,s[c])&&i.push("["+t(s[c])+"]: "+t(e[s[c]],e));return i}}}),ur=e({"node_modules/side-channel/index.js"(e,t){"use strict";var a=E(),n=qa(),c=Za(),r=L(),s=a("%WeakMap%",!0),o=a("%Map%",!0),l=n("WeakMap.prototype.get",!0),d=n("WeakMap.prototype.set",!0),u=n("WeakMap.prototype.has",!0),h=n("Map.prototype.get",!0),m=n("Map.prototype.set",!0),f=n("Map.prototype.has",!0),i=function(e,t){for(var n,s=e;(n=s.next)!==null;s=n)if(n.key===t)return s.next=n.next,n.next=e.next,e.next=n,n},p=function(e,t){var n=i(e,t);return n&&n.value},g=function(e,t,n){var s=i(e,t);s?s.value=n:e.next={key:t,next:e.next,value:n}},v=function(e,t){return!!i(e,t)};t.exports=function(){var t,n,i,a={assert:function(e){if(!a.has(e))throw new r("Side channel does not contain "+c(e))},get:function(e){if(s&&e&&(typeof e=="object"||typeof e=="function")){if(t)return l(t,e)}else if(o){if(n)return h(n,e)}else if(i)return p(i,e)},has:function(e){if(s&&e&&(typeof e=="object"||typeof e=="function")){if(t)return u(t,e)}else if(o){if(n)return f(n,e)}else if(i)return v(i,e);return!1},set:function(e,a){s&&e&&(typeof e=="object"||typeof e=="function")?(t||(t=new s),d(t,e,a)):o?(n||(n=new o),m(n,e,a)):(i||(i={key:{},next:null}),g(i,e,a))}};return a}}}),We=e({"node_modules/qs/lib/formats.js"(e,t){"use strict";var s=String.prototype.replace,o=/%20/g,n={RFC1738:"RFC1738",RFC3986:"RFC3986"};t.exports={default:n.RFC3986,formatters:{RFC1738:function(e){return s.call(e,o,"+")},RFC3986:function(e){return String(e)}},RFC1738:n.RFC1738,RFC3986:n.RFC3986}}}),Kt=e({"node_modules/qs/lib/utils.js"(e,t){"use strict";var d=We(),o=Object.prototype.hasOwnProperty,s=Array.isArray,n=function(){for(var t=[],e=0;e<256;++e)t.push("%"+((e<16?"0":"")+e.toString(16)).toUpperCase());return t}(),u=function(t){for(;t.length>1;){var o,a,i=t.pop(),n=i.obj[i.prop];if(s(n)){for(a=[],o=0;o<n.length;++o)typeof n[o]!="undefined"&&a.push(n[o]);i.obj[i.prop]=a}}},a=function(t,n){for(var o=n&&n.plainObjects?{__proto__:null}:{},s=0;s<t.length;++s)typeof t[s]!="undefined"&&(o[s]=t[s]);return o},c=function e(t,n,i){if(!n)return t;if(typeof n!="object"&&typeof n!="function"){if(s(t))t.push(n);else if(t&&typeof t=="object")(i&&(i.plainObjects||i.allowPrototypes)||!o.call(Object.prototype,n))&&(t[n]=!0);else return[t,n];return t}if(!t||typeof t!="object")return[t].concat(n);var r=t;return s(t)&&!s(n)&&(r=a(t,i)),s(t)&&s(n)?(n.forEach(function(n,s){if(o.call(t,s)){var a=t[s];a&&typeof a=="object"&&n&&typeof n=="object"?t[s]=e(a,n,i):t.push(n)}else t[s]=n}),t):Object.keys(n).reduce(function(t,s){var a=n[s];return o.call(t,s)?t[s]=e(t[s],a,i):t[s]=a,t},r)},l=function(t,n){return Object.keys(n).reduce(function(e,t){return e[t]=n[t],e},t)},r=function(e,t,n){var s=e.replace(/\+/g," ");if(n==="iso-8859-1")return s.replace(/%[0-9a-f]{2}/gi,unescape);try{return decodeURIComponent(s)}catch{return s}},i=1024,h=function(t,s,o,a,r){if(t.length===0)return t;var c,l,h,m,f,p,u=t;if(typeof t=="symbol"?u=Symbol.prototype.toString.call(t):typeof t!="string"&&(u=String(t)),o==="iso-8859-1")return escape(u).replace(/%u[0-9a-f]{4}/gi,function(e){return"%26%23"+parseInt(e.slice(2),16)+"%3B"});for(p="",m=0;m<u.length;m+=i){for(f=u.length>=i?u.slice(m,m+i):u,l=[],h=0;h<f.length;++h){if(c=f.charCodeAt(h),c===45||c===46||c===95||c===126||c>=48&&c<=57||c>=65&&c<=90||c>=97&&c<=122||r===d.RFC1738&&(c===40||c===41)){l[l.length]=f.charAt(h);continue}if(c<128){l[l.length]=n[c];continue}if(c<2048){l[l.length]=n[192|c>>6]+n[128|c&63];continue}if(c<55296||c>=57344){l[l.length]=n[224|c>>12]+n[128|c>>6&63]+n[128|c&63];continue}h+=1,c=65536+((c&1023)<<10|f.charCodeAt(h)&1023),l[l.length]=n[240|c>>18]+n[128|c>>12&63]+n[128|c>>6&63]+n[128|c&63]}p+=l.join("")}return p},m=function(t){for(var n,o,i,r,c,l,s=[{obj:{o:t},prop:"o"}],d=[],a=0;a<s.length;++a)for(r=s[a],o=r.obj[r.prop],c=Object.keys(o),i=0;i<c.length;++i)l=c[i],n=o[l],typeof n=="object"&&n!==null&&d.indexOf(n)===-1&&(s.push({obj:o,prop:l}),d.push(n));return u(s),t},f=function(t){return Object.prototype.toString.call(t)==="[object RegExp]"},p=function(t){return!!t&&typeof t=="object"&&!!(t.constructor&&t.constructor.isBuffer&&t.constructor.isBuffer(t))},g=function(t,n){return[].concat(t,n)},v=function(t,n){if(s(t)){for(var i=[],o=0;o<t.length;o+=1)i.push(n(t[o]));return i}return n(t)};t.exports={arrayToObject:a,assign:l,combine:g,compact:m,decode:r,encode:h,isBuffer:p,isRegExp:f,maybeMap:v,merge:c}}}),mr=e({"node_modules/qs/lib/stringify.js"(e,t){"use strict";var c=ur(),i=Kt(),o=We(),u=Object.prototype.hasOwnProperty,l={brackets:function(t){return t+"[]"},comma:"comma",indices:function(t,n){return t+"["+n+"]"},repeat:function(t){return t}},s=Array.isArray,f=Array.prototype.push,d=function(e,t){f.apply(e,s(t)?t:[t])},h=Date.prototype.toISOString,r=o.default,n={addQueryPrefix:!1,allowDots:!1,allowEmptyArrays:!1,arrayFormat:"indices",charset:"utf-8",charsetSentinel:!1,commaRoundTrip:!1,delimiter:"&",encode:!0,encodeDotInKeys:!1,encoder:i.encode,encodeValuesOnly:!1,filter:0[0],format:r,formatter:o.formatters[r],indices:!1,serializeDate:function(t){return h.call(t)},skipNulls:!1,strictNullHandling:!1},m=function(t){return typeof t=="string"||typeof t=="number"||typeof t=="boolean"||typeof t=="symbol"||typeof t=="bigint"},a={},p=function e(t,o,r,l,u,h,f,p,g,v,b,j,y,_,w,O,x,C){for(var k,A,S,T,z,D,N,L,R,P,H,I,V,E=t,M=C,F=0,B=!1;(M=M.get(a))!==0[0]&&!B;){if(N=M.get(t),F+=1,typeof N!="undefined"){if(N===F)throw new RangeError("Cyclic object value");B=!0}typeof M.get(a)=="undefined"&&(F=0)}if(typeof v=="function"?E=v(o,E):E instanceof Date?E=y(E):r==="comma"&&s(E)&&(E=i.maybeMap(E,function(e){return e instanceof Date?y(e):e})),E===null){if(h)return g&&!O?g(o,n.encoder,x,"key",_):o;E=""}if(m(E)||i.isBuffer(E))return g?(I=O?o:g(o,n.encoder,x,"key",_),[w(I)+"="+w(g(E,n.encoder,x,"value",_))]):[w(o)+"="+w(String(E))];if(z=[],typeof E=="undefined")return z;if(r==="comma"&&s(E)?(O&&g&&(E=i.maybeMap(E,g)),S=[{value:E.length>0?E.join(",")||null:0[0]}]):s(v)?S=v:(R=Object.keys(E),S=b?R.sort(b):R),L=p?String(o).replace(/\./g,"%2E"):String(o),A=l&&s(E)&&E.length===1?L+"[]":L,u&&s(E)&&E.length===0)return A+"[]";for(D=0;D<S.length;++D){if(k=S[D],P=typeof k=="object"&&k&&typeof k.value!="undefined"?k.value:E[k],f&&P===null)continue;T=j&&p?String(k).replace(/\./g,"%2E"):String(k),V=s(E)?typeof r=="function"?r(A,T):A:A+(j?"."+T:"["+T+"]"),C.set(t,F),H=c(),H.set(a,C),d(z,e(P,V,r,l,u,h,f,p,r==="comma"&&O&&s(E)?null:g,v,b,j,y,_,w,O,x,H))}return z},g=function(t){if(!t)return n;if(typeof t.allowEmptyArrays!="undefined"&&typeof t.allowEmptyArrays!="boolean")throw new TypeError("`allowEmptyArrays` option can only be `true` or `false`, when provided");if(typeof t.encodeDotInKeys!="undefined"&&typeof t.encodeDotInKeys!="boolean")throw new TypeError("`encodeDotInKeys` option can only be `true` or `false`, when provided");if(t.encoder!==null&&typeof t.encoder!="undefined"&&typeof t.encoder!="function")throw new TypeError("Encoder has to be a function.");var i,a,r,c,d,h=t.charset||n.charset;if(typeof t.charset!="undefined"&&t.charset!=="utf-8"&&t.charset!=="iso-8859-1")throw new TypeError("The charset option must be either utf-8, iso-8859-1, or undefined");if(i=o.default,typeof t.format!="undefined"){if(!u.call(o.formatters,t.format))throw new TypeError("Unknown format option provided.");i=t.format}if(c=o.formatters[i],r=n.filter,(typeof t.filter=="function"||s(t.filter))&&(r=t.filter),t.arrayFormat in l?a=t.arrayFormat:"indices"in t?a=t.indices?"indices":"repeat":a=n.arrayFormat,"commaRoundTrip"in t&&typeof t.commaRoundTrip!="boolean")throw new TypeError("`commaRoundTrip` must be a boolean, or absent");return d=typeof t.allowDots=="undefined"?t.encodeDotInKeys===!0||n.allowDots:!!t.allowDots,{addQueryPrefix:typeof t.addQueryPrefix=="boolean"?t.addQueryPrefix:n.addQueryPrefix,allowDots:d,allowEmptyArrays:typeof t.allowEmptyArrays=="boolean"?!!t.allowEmptyArrays:n.allowEmptyArrays,arrayFormat:a,charset:h,charsetSentinel:typeof t.charsetSentinel=="boolean"?t.charsetSentinel:n.charsetSentinel,commaRoundTrip:!!t.commaRoundTrip,delimiter:typeof t.delimiter=="undefined"?n.delimiter:t.delimiter,encode:typeof t.encode=="boolean"?t.encode:n.encode,encodeDotInKeys:typeof t.encodeDotInKeys=="boolean"?t.encodeDotInKeys:n.encodeDotInKeys,encoder:typeof t.encoder=="function"?t.encoder:n.encoder,encodeValuesOnly:typeof t.encodeValuesOnly=="boolean"?t.encodeValuesOnly:n.encodeValuesOnly,filter:r,format:i,formatter:c,serializeDate:typeof t.serializeDate=="function"?t.serializeDate:n.serializeDate,skipNulls:typeof t.skipNulls=="boolean"?t.skipNulls:n.skipNulls,sort:typeof t.sort=="function"?t.sort:null,strictNullHandling:typeof t.strictNullHandling=="boolean"?t.strictNullHandling:n.strictNullHandling}};t.exports=function(e,t){var o,a,r,u,h,m,f,v,b,j,y,i=e,n=g(t);if(typeof n.filter=="function"?(r=n.filter,i=r("",i)):s(n.filter)&&(r=n.filter,o=r),b=[],typeof i!="object"||i===null)return"";m=l[n.arrayFormat],y=m==="comma"&&n.commaRoundTrip,o||(o=Object.keys(i)),n.sort&&o.sort(n.sort);for(j=c(),a=0;a<o.length;++a){if(h=o[a],f=i[h],n.skipNulls&&f===null)continue;d(b,p(f,h,m,y,n.allowEmptyArrays,n.strictNullHandling,n.skipNulls,n.encodeDotInKeys,n.encode?n.encoder:null,n.filter,n.sort,n.allowDots,n.serializeDate,n.format,n.formatter,n.encodeValuesOnly,n.charset,j))}return v=b.join(n.delimiter),u=n.addQueryPrefix===!0?"?":"",n.charsetSentinel&&(n.charset==="iso-8859-1"?u+="utf8=%26%2310003%3B&":u+="utf8=%E2%9C%93&"),v.length>0?u+v:""}}}),jr=e({"node_modules/qs/lib/parse.js"(e,t){"use strict";var s=Kt(),o=Object.prototype.hasOwnProperty,a=Array.isArray,n={allowDots:!1,allowEmptyArrays:!1,allowPrototypes:!1,allowSparse:!1,arrayLimit:20,charset:"utf-8",charsetSentinel:!1,comma:!1,decodeDotInKeys:!1,decoder:s.decode,delimiter:"&",depth:5,duplicates:"combine",ignoreQueryPrefix:!1,interpretNumericEntities:!1,parameterLimit:1e3,parseArrays:!0,plainObjects:!1,strictDepth:!1,strictNullHandling:!1},r=function(e){return e.replace(/&#(\d+);/g,function(e,t){return String.fromCharCode(parseInt(t,10))})},i=function(e,t){return e&&typeof e=="string"&&t.comma&&e.indexOf(",")>-1?e.split(","):e},c="utf8=%26%2310003%3B",l="utf8=%E2%9C%93",d=function(t,d){var u,h,m,g,b,j,_,v={__proto__:null},y=d.ignoreQueryPrefix?t.replace(/^\?/,""):t,y=y.replace(/%5B/gi,"[").replace(/%5D/gi,"]"),O=d.parameterLimit===1/0?0[0]:d.parameterLimit,f=y.split(d.delimiter,O),w=-1,p=d.charset;if(d.charsetSentinel)for(u=0;u<f.length;++u)f[u].indexOf("utf8=")===0&&(f[u]===l?p="utf-8":f[u]===c&&(p="iso-8859-1"),w=u,u=f.length);for(u=0;u<f.length;++u){if(u===w)continue;m=f[u],j=m.indexOf("]="),b=j===-1?m.indexOf("="):j+1,b===-1?(g=d.decoder(m,n.decoder,p,"key"),h=d.strictNullHandling?null:""):(g=d.decoder(m.slice(0,b),n.decoder,p,"key"),h=s.maybeMap(i(m.slice(b+1),d),function(e){return d.decoder(e,n.decoder,p,"value")})),h&&d.interpretNumericEntities&&p==="iso-8859-1"&&(h=r(String(h))),m.indexOf("[]=")>-1&&(h=a(h)?[h]:h),_=o.call(v,g),_&&d.duplicates==="combine"?v[g]=s.combine(v[g],h):(!_||d.duplicates==="last")&&(v[g]=h)}return v},u=function(e,t,n,s){for(var a,r,c,l,u,o=s?t:i(t,n),d=e.length-1;d>=0;--d)a=e[d],a==="[]"&&n.parseArrays?r=n.allowEmptyArrays&&(o===""||n.strictNullHandling&&o===null)?[]:[].concat(o):(r=n.plainObjects?{__proto__:null}:{},u=a.charAt(0)==="["&&a.charAt(a.length-1)==="]"?a.slice(1,-1):a,c=n.decodeDotInKeys?u.replace(/%2E/g,"."):u,l=parseInt(c,10),!n.parseArrays&&c===""?r={0:o}:!(l!=l)&&a!==c&&String(l)===c&&l>=0&&n.parseArrays&&l<=n.arrayLimit?(r=[],r[l]=o):c!=="__proto__"&&(r[c]=o)),o=r;return o},h=function(t,n,s,i){if(!t)return;var d,r=s.allowDots?t.replace(/\.([^.[]+)/g,"[$1]"):t,h=/(\[[^[\]]*])/,m=/(\[[^[\]]*])/g,a=s.depth>0&&h.exec(r),l=a?r.slice(0,a.index):r,c=[];if(l){if(!s.plainObjects&&o.call(Object.prototype,l)&&!s.allowPrototypes)return;c.push(l)}for(d=0;s.depth>0&&(a=m.exec(r))!==null&&d<s.depth;){if(d+=1,!s.plainObjects&&o.call(Object.prototype,a[1].slice(1,-1))&&!s.allowPrototypes)return;c.push(a[1])}if(a){if(s.strictDepth===!0)throw new RangeError("Input depth exceeded depth option of "+s.depth+" and strictDepth is true");c.push("["+r.slice(a.index)+"]")}return u(c,n,s,i)},m=function(t){if(!t)return n;if(typeof t.allowEmptyArrays!="undefined"&&typeof t.allowEmptyArrays!="boolean")throw new TypeError("`allowEmptyArrays` option can only be `true` or `false`, when provided");if(typeof t.decodeDotInKeys!="undefined"&&typeof t.decodeDotInKeys!="boolean")throw new TypeError("`decodeDotInKeys` option can only be `true` or `false`, when provided");if(t.decoder!==null&&typeof t.decoder!="undefined"&&typeof t.decoder!="function")throw new TypeError("Decoder has to be a function.");if(typeof t.charset!="undefined"&&t.charset!=="utf-8"&&t.charset!=="iso-8859-1")throw new TypeError("The charset option must be either utf-8, iso-8859-1, or undefined");var i,a=typeof t.charset=="undefined"?n.charset:t.charset,o=typeof t.duplicates=="undefined"?n.duplicates:t.duplicates;if(o!=="combine"&&o!=="first"&&o!=="last")throw new TypeError("The duplicates option must be either combine, first, or last");return i=typeof t.allowDots=="undefined"?t.decodeDotInKeys===!0||n.allowDots:!!t.allowDots,{allowDots:i,allowEmptyArrays:typeof t.allowEmptyArrays=="boolean"?!!t.allowEmptyArrays:n.allowEmptyArrays,allowPrototypes:typeof t.allowPrototypes=="boolean"?t.allowPrototypes:n.allowPrototypes,allowSparse:typeof t.allowSparse=="boolean"?t.allowSparse:n.allowSparse,arrayLimit:typeof t.arrayLimit=="number"?t.arrayLimit:n.arrayLimit,charset:a,charsetSentinel:typeof t.charsetSentinel=="boolean"?t.charsetSentinel:n.charsetSentinel,comma:typeof t.comma=="boolean"?t.comma:n.comma,decodeDotInKeys:typeof t.decodeDotInKeys=="boolean"?t.decodeDotInKeys:n.decodeDotInKeys,decoder:typeof t.decoder=="function"?t.decoder:n.decoder,delimiter:typeof t.delimiter=="string"||s.isRegExp(t.delimiter)?t.delimiter:n.delimiter,depth:typeof t.depth=="number"||t.depth===!1?+t.depth:n.depth,duplicates:o,ignoreQueryPrefix:t.ignoreQueryPrefix===!0,interpretNumericEntities:typeof t.interpretNumericEntities=="boolean"?t.interpretNumericEntities:n.interpretNumericEntities,parameterLimit:typeof t.parameterLimit=="number"?t.parameterLimit:n.parameterLimit,parseArrays:t.parseArrays!==!1,plainObjects:typeof t.plainObjects=="boolean"?t.plainObjects:n.plainObjects,strictDepth:typeof t.strictDepth=="boolean"?!!t.strictDepth:n.strictDepth,strictNullHandling:typeof t.strictNullHandling=="boolean"?t.strictNullHandling:n.strictNullHandling}};t.exports=function(e,t){var o,i,a,r,c,l,n=m(t);if(e===""||e===null||typeof e=="undefined")return n.plainObjects?{__proto__:null}:{};for(a=typeof e=="string"?d(e,n):e,o=n.plainObjects?{__proto__:null}:{},r=Object.keys(a),i=0;i<r.length;++i)c=r[i],l=h(c,a[c],n,typeof e=="string"),o=s.merge(o,l,n);return n.allowSparse===!0?o:s.compact(o)}}}),_r=e({"node_modules/qs/lib/index.js"(e,t){"use strict";var n=mr(),s=jr(),o=We();t.exports={formats:o,parse:s,stringify:n}}}),Cr=e({"node_modules/classnames/index.js"(e,t){(function(){"use strict";var n={}.hasOwnProperty;function e(){for(var t,o,a,r,s=[],i=0;i<arguments.length;i++){if(t=arguments[i],!t)continue;if(o=typeof t,o==="string"||o==="number")s.push(t);else if(Array.isArray(t)&&t.length)a=e.apply(null,t),a&&s.push(a);else if(o==="object")for(r in t)n.call(t,r)&&t[r]&&s.push(r)}return s.join(" ")}typeof t!="undefined"&&t.exports?(e.default=e,t.exports=e):typeof define=="function"&&typeof define.amd=="object"&&define.amd?define("classnames",[],function(){return e}):window.classNames=e})()}}),Er=e({"node_modules/prismjs/prism.js"(e,t){var s=typeof window!="undefined"?window:typeof WorkerGlobalScope!="undefined"&&self instanceof WorkerGlobalScope?self:{},n=function(e){var s,a,l=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,f=0,i={},t={manual:e.Prism&&e.Prism.manual,disableWorkerMessageHandler:e.Prism&&e.Prism.disableWorkerMessageHandler,util:{encode:function e(t){return t instanceof n?new n(t.type,e(t.content),t.alias):Array.isArray(t)?t.map(e):t.replace(/&/g,"&").replace(/</g,"<").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++f}),e.__id},clone:function e(n,s){s=s||{};var o,i,a;switch(t.util.type(n)){case"Object":if(i=t.util.objId(n),s[i])return s[i];o={},s[i]=o;for(a in n)n.hasOwnProperty(a)&&(o[a]=e(n[a],s));return o;case"Array":return i=t.util.objId(n),s[i]?s[i]:(o=[],s[i]=o,n.forEach(function(t,n){o[n]=e(t,s)}),o);default:return n}},getLanguage:function(e){for(;e;){var t=l.exec(e.className);if(t)return t[1].toLowerCase();e=e.parentElement}return"none"},setLanguage:function(e,t){e.className=e.className.replace(RegExp(l,"gi"),""),e.classList.add("language-"+t)},currentScript:function(){if(typeof document=="undefined")return null;if("currentScript"in document&&1<2)return document.currentScript;try{throw new Error}catch(s){var e,n,t=(/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(s.stack)||[])[1];if(t){e=document.getElementsByTagName("script");for(n in e)if(e[n].src==t)return e[n]}return null}},isActive:function(e,t,n){for(var s,o="no-"+t;e;){if(s=e.classList,s.contains(t))return!0;if(s.contains(o))return!1;e=e.parentElement}return!!n}},languages:{plain:i,plaintext:i,text:i,txt:i,extend:function(e,n){var o,s=t.util.clone(t.languages[e]);for(o in n)s[o]=n[o];return s},insertBefore:function(e,n,s,o){o=o||t.languages;var a,c,l,r=o[e],i={};for(a in r)if(r.hasOwnProperty(a)){if(a==n)for(c in s)s.hasOwnProperty(c)&&(i[c]=s[c]);s.hasOwnProperty(a)||(i[a]=r[a])}return l=o[e],o[e]=i,t.languages.DFS(t.languages,function(t,n){n===l&&t!=e&&(this[t]=i)}),i},DFS:function e(n,s,o,i){i=i||{};var a,r,l,c=t.util.objId;for(r in n)n.hasOwnProperty(r)&&(s.call(n,r,n[r],o||r),a=n[r],l=t.util.type(a),l==="Object"&&!i[c(a)]?(i[c(a)]=!0,e(a,s,null,i)):l==="Array"&&!i[c(a)]&&(i[c(a)]=!0,e(a,s,r,i)))}},plugins:{},highlightAll:function(e,n){t.highlightAllUnder(document,e,n)},highlightAllUnder:function(e,n,s){var i,a,o={callback:s,container:e,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};t.hooks.run("before-highlightall",o),o.elements=Array.prototype.slice.apply(o.container.querySelectorAll(o.selector)),t.hooks.run("before-all-elements-highlight",o);for(i=0;a=o.elements[i++];)t.highlightElement(a,n===!0,o.callback)},highlightElement:function(n,s,o){var i,a,l,d,r=t.util.getLanguage(n),u=t.languages[r];t.util.setLanguage(n,r),a=n.parentElement,a&&a.nodeName.toLowerCase()==="pre"&&t.util.setLanguage(a,r),d=n.textContent,i={element:n,language:r,grammar:u,code:d};function c(e){i.highlightedCode=e,t.hooks.run("before-insert",i),i.element.innerHTML=i.highlightedCode,t.hooks.run("after-highlight",i),t.hooks.run("complete",i),o&&o.call(i.element)}if(t.hooks.run("before-sanity-check",i),a=i.element.parentElement,a&&a.nodeName.toLowerCase()==="pre"&&!a.hasAttribute("tabindex")&&a.setAttribute("tabindex","0"),!i.code){t.hooks.run("complete",i),o&&o.call(i.element);return}if(t.hooks.run("before-highlight",i),!i.grammar){c(t.util.encode(i.code));return}s&&e.Worker?(l=new Worker(t.filename),l.onmessage=function(e){c(e.data)},l.postMessage(JSON.stringify({language:i.language,code:i.code,immediateClose:!0}))):c(t.highlight(i.code,i.grammar,i.language))},highlight:function(e,s,o){var i={code:e,grammar:s,language:o};if(t.hooks.run("before-tokenize",i),!i.grammar)throw new Error('The language "'+i.language+'" has no grammar.');return i.tokens=t.tokenize(i.code,i.grammar),t.hooks.run("after-tokenize",i),n.stringify(t.util.encode(i.tokens),i.language)},tokenize:function(e,t){var n,i,s=t.rest;if(s){for(i in s)t[i]=s[i];delete t.rest}return n=new u,o(n,n.head,e),c(e,n,t,n.head,0),m(n)},hooks:{all:{},add:function(e,n){var s=t.hooks.all;s[e]=s[e]||[],s[e].push(n)},run:function(e,n){var o,i,s=t.hooks.all[e];if(!s||!s.length)return;for(o=0;i=s[o++];)i(n)}},Token:n};e.Prism=t;function n(e,t,n,s){this.type=e,this.content=t,this.alias=n,this.length=(s||"").length|0}n.stringify=function e(n,s){if(typeof n=="string")return n;if(Array.isArray(n)){var o,i,a,c,r="";return n.forEach(function(t){r+=e(t,s)}),r}o={type:n.type,content:e(n.content,s),tag:"span",classes:["token",n.type],attributes:{},language:s},i=n.alias,i&&(Array.isArray(i)?Array.prototype.push.apply(o.classes,i):o.classes.push(i)),t.hooks.run("wrap",o),a="";for(c in o.attributes)a+=" "+c+'="'+(o.attributes[c]||"").replace(/"/g,""")+'"';return"<"+o.tag+' class="'+o.classes.join(" ")+'"'+a+">"+o.content+"</"+o.tag+">"};function d(e,t,n,s){e.lastIndex=t;var i,o=e.exec(n);return o&&s&&o[1]&&(i=o[1].length,o.index+=i,o[0]=o[0].slice(i)),o}function c(e,s,i,a,r,l){for(_ in i){if(!i.hasOwnProperty(_)||!i[_])continue;for(v=i[_],v=Array.isArray(v)?v:[v],y=0;y<v.length;++y){if(l&&l.cause==_+","+y)return;m=v[y],M=m.inside,S=!!m.lookbehind,T=!!m.greedy,L=m.alias,T&&!m.pattern.global&&(N=m.pattern.toString().match(/[imsuy]*$/)[0],m.pattern=RegExp(m.pattern.source,N+"g"));for(var m,f,g,v,b,j,y,_,w,O,x,C,E,k,A,S,M,F,T,D,N,L,R,z=m.pattern||m,u=a.next,p=r;u!==s.tail;p+=u.value.length,u=u.next){if(l&&p>=l.reach)break;if(b=u.value,s.length>e.length)return;if(b instanceof n)continue;if(O=1,T){if(f=d(z,p,e,S),!f||f.index>=e.length)break;for(C=f.index,D=f.index+f[0].length,g=p,g+=u.value.length;C>=g;)u=u.next,g+=u.value.length;if(g-=u.value.length,p=g,u.value instanceof n)continue;for(j=u;j!==s.tail&&(g<D||typeof j.value=="string");j=j.next)O++,g+=j.value.length;O--,b=e.slice(p,g),f.index-=p}else if(f=d(z,0,b,S),!f)continue;C=f.index,x=f[0],A=b.slice(0,C),F=b.slice(C+x.length),k=p+b.length,l&&k>l.reach&&(l.reach=k),w=u.prev,A&&(w=o(s,w,A),p+=A.length),h(s,w,O),R=new n(_,M?t.tokenize(x,M):x,L,x),u=o(s,w,R),F&&o(s,u,F),O>1&&(E={cause:_+","+y,reach:k},c(e,s,i,u.prev,p,E),l&&E.reach>l.reach&&(l.reach=E.reach))}}}}function u(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function o(e,t,n){var o=t.next,s={value:n,prev:t,next:o};return t.next=s,o.prev=s,e.length++,s}function h(e,t,n){for(var s=t.next,o=0;o<n&&s!==e.tail;o++)s=s.next;t.next=s,s.prev=t,e.length-=o}function m(e){for(var n=[],t=e.head.next;t!==e.tail;)n.push(t.value),t=t.next;return n}if(!e.document)return e.addEventListener?(t.disableWorkerMessageHandler||e.addEventListener("message",function(n){var s=JSON.parse(n.data),o=s.language,i=s.code,a=s.immediateClose;e.postMessage(t.highlight(i,t.languages[o],o)),a&&e.close()},!1),t):t;s=t.util.currentScript(),s&&(t.filename=s.src,s.hasAttribute("data-manual")&&(t.manual=!0));function r(){t.manual||t.highlightAll()}return t.manual||(a=document.readyState,a==="loading"||a==="interactive"&&s&&s.defer?document.addEventListener("DOMContentLoaded",r):window.requestAnimationFrame?window.requestAnimationFrame(r):window.setTimeout(r,16)),t}(s);typeof t!="undefined"&&t.exports&&(t.exports=n),typeof global!="undefined"&&(global.Prism=n),n.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>/=$<%]+(?:\s(?:\s*[^\s>/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>/]+/,inside:{namespace:/^[^\s>/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},n.languages.markup.tag.inside["attr-value"].inside.entity=n.languages.markup.entity,n.languages.markup.doctype.inside["internal-subset"].inside=n.languages.markup,n.hooks.add("wrap",function(e){e.type==="entity"&&(e.attributes.title=e.content.replace(/&/,"&"))}),Object.defineProperty(n.languages.markup.tag,"addInlined",{value:function(t,s){var i,a,o={};o["language-"+s]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:n.languages[s]},o.cdata=/^<!\[CDATA\[|\]\]>$/i,i={"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:o}},i["language-"+s]={pattern:/[\s\S]+/,inside:n.languages[s]},a={},a[t]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,function(){return t}),"i"),lookbehind:!0,greedy:!0,inside:i},n.languages.insertBefore("markup","cdata",a)}}),Object.defineProperty(n.languages.markup.tag,"addAttribute",{value:function(e,t){n.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+e+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[t,"language-"+t],inside:n.languages[t]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),n.languages.html=n.languages.markup,n.languages.mathml=n.languages.markup,n.languages.svg=n.languages.markup,n.languages.xml=n.languages.extend("markup",{}),n.languages.ssml=n.languages.xml,n.languages.atom=n.languages.xml,n.languages.rss=n.languages.xml,function(e){var n,t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+t.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp(`(^|[{}\\s])[^{}\\s](?:[^{};"'\\s]|\\s+(?![\\s{])|`+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css,n=e.languages.markup,n&&(n.tag.addInlined("style","css"),n.tag.addAttribute("style","css"))}(n),n.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},n.languages.javascript=n.languages.extend("clike",{"class-name":[n.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+(/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source)+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),n.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,n.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:n.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:n.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:n.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:n.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:n.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),n.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:n.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),n.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),n.languages.markup&&(n.languages.markup.tag.addInlined("script","javascript"),n.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),n.languages.js=n.languages.javascript,function(){if(typeof n=="undefined"||typeof document=="undefined")return;Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector);var s,a="Loading…",r=function(e,t){return"✖ Error "+e+" while fetching file: "+t},c="✖ Error: File does not exist or is empty",l={js:"javascript",py:"python",rb:"ruby",ps1:"powershell",psm1:"powershell",sh:"bash",bat:"batch",h:"c",tex:"latex"},e="data-src-status",o="loading",i="loaded",d="failed",t="pre[data-src]:not(["+e+'="'+i+'"]):not(['+e+'="'+o+'"])';function u(e,t,n){var s=new XMLHttpRequest;s.open("GET",e,!0),s.onreadystatechange=function(){s.readyState==4&&(s.status<400&&s.responseText?t(s.responseText):n(s.status>=400?r(s.status,s.statusText):c))},s.send(null)}function h(e){var t,s,o,n=/^\s*(\d+)\s*(?:(,)\s*(?:(\d+)\s*)?)?$/.exec(e||"");return n?(t=Number(n[1]),o=n[2],s=n[3],o?s?[t,Number(s)]:[t,0[0]]:[t,t]):0[0]}n.hooks.add("before-highlightall",function(e){e.selector+=", "+t}),n.hooks.add("before-sanity-check",function(s){var c,m,f,p,g,r=s.element;r.matches(t)&&(s.code="",r.setAttribute(e,o),c=r.appendChild(document.createElement("CODE")),c.textContent=a,f=r.getAttribute("data-src"),m=s.language,m==="none"&&(p=(/\.(\w+)$/.exec(f)||[,"none"])[1],m=l[p]||p),n.util.setLanguage(c,m),n.util.setLanguage(r,m),g=n.plugins.autoloader,g&&g.loadLanguages(m),u(f,function(t){r.setAttribute(e,i);var s,o,a,l=h(r.getAttribute("data-range"));l&&(s=t.split(/\r\n?|\n/g),o=l[0],a=l[1]==null?s.length:l[1],o<0&&(o+=s.length),o=Math.max(0,Math.min(o-1,s.length)),a<0&&(a+=s.length),a=Math.max(0,Math.min(a,s.length)),t=s.slice(o,a).join(` +`),r.hasAttribute("data-start")||r.setAttribute("data-start",String(o+1))),c.textContent=t,n.highlightElement(c)},function(t){r.setAttribute(e,d),c.textContent=t}))}),n.plugins.fileHighlight={highlight:function(s){for(var a,o=(s||document).querySelectorAll(t),i=0;a=o[i++];)n.highlightElement(a)}},s=!1,n.fileHighlight=function(){s||(console.warn("Prism.fileHighlight is deprecated. Use `Prism.plugins.fileHighlight.highlight` instead."),s=!0),n.plugins.fileHighlight.highlight.apply(this,arguments)}}()}});function Qe(e,t,n,s){return new(n||(n=Promise))(function(o,i){function r(e){try{a(s.next(e))}catch(e){i(e)}}function c(e){try{a(s.throw(e))}catch(e){i(e)}}function a(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n(function(e){e(t)})).then(r,c)}a((s=s.apply(e,t||[])).next())})}function Ze(e,t){var n,o,i,a,s={label:0,sent:function(){if(1&n[0])throw n[1];return n[1]},trys:[],ops:[]};return a={next:r(0),throw:r(1),return:r(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function r(a){return function(r){return function(a){if(i)throw new TypeError("Generator is already executing.");for(;s;)try{if(i=1,o&&(n=2&a[0]?o.return:a[0]?o.throw||((n=o.return)&&n.call(o),0):o.next)&&!(n=n.call(o,a[1])).done)return n;switch(o=0,n&&(a=[2&a[0],n.value]),a[0]){case 0:case 1:n=a;break;case 4:return s.label++,{value:a[1],done:!1};case 5:s.label++,o=a[1],a=[0];continue;case 7:a=s.ops.pop(),s.trys.pop();continue;default:if(!(n=s.trys,(n=n.length>0&&n[n.length-1])||6!==a[0]&&2!==a[0])){s=0;continue}if(3===a[0]&&(!n||a[1]>n[0]&&a[1]<n[3])){s.label=a[1];break}if(6===a[0]&&s.label<n[1]){s.label=n[1],n=a;break}if(n&&s.label<n[2]){s.label=n[2],s.ops.push(a);break}n[2]&&s.ops.pop(),s.trys.pop();continue}a=t.call(e,s)}catch(e){a=[6,e],o=0}finally{i=n=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:0[0],done:!0}}([a,r])}}}kt=function(){};function d(e){kt(e)}(function(){(console.warn||console.log).apply(console,arguments)}).bind("[clipboard-polyfill]"),it="undefined"==typeof navigator?0[0]:navigator,r=it?.clipboard,Dr=null===(tt=r?.read)||0[0]===tt?0[0]:tt.bind(r),Lr=null===(nt=r?.readText)||0[0]===nt?0[0]:nt.bind(r),na=null===(st=r?.write)||0[0]===st?0[0]:st.bind(r),xe=null===(ot=r?.writeText)||0[0]===ot?0[0]:ot.bind(r),W="undefined"==typeof window?0[0]:window,Nr=W?.ClipboardItem,U=W;function zr(){return"undefined"==typeof ClipboardEvent&&0[0]!==U.clipboardData&&0[0]!==U.clipboardData.setData}pt=function(){this.success=!1};function Tr(e,t,n){for(s in d("listener called"),e.success=!0,t){var s,o=t[s],i=n.clipboardData;i.setData(s,o),"text/plain"===s&&i.getData(s)!==o&&(d("setting text/plain failed"),e.success=!1)}n.preventDefault()}function vt(e){var t=new pt,n=Tr.bind(this,t,e);document.addEventListener("copy",n);try{document.execCommand("copy")}finally{document.removeEventListener("copy",n)}return t.success}function bt(e,t){jt(e);var n=vt(t);return yt(),n}function jt(e){var n,t=document.getSelection();t&&(n=document.createRange(),n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n))}function yt(){var e=document.getSelection();e&&e.removeAllRanges()}function Mr(e){return Qe(this,0[0],0[0],function(){var t;return Ze(this,function(){if(t="text/plain"in e,zr()){if(!t)throw new Error("No `text/plain` value was specified.");if(s=e["text/plain"],U.clipboardData.setData("Text",s))return[2,!0];throw new Error("Copying failed, possibly because the user rejected it.")}var s;return vt(e)?(d("regular execCopy worked"),[2,!0]):navigator.userAgent.indexOf("Edge")>-1?(d('UA "Edge" => assuming success'),[2,!0]):bt(document.body,e)?(d("copyUsingTempSelection worked"),[2,!0]):function(e){var n,t=document.createElement("div");return t.setAttribute("style","-webkit-user-select: text !important"),t.textContent="temporary element",document.body.appendChild(t),n=bt(t,e),document.body.removeChild(t),n}(e)?(d("copyUsingTempElem worked"),[2,!0]):function(e){d("copyTextUsingDOM");var n,s,o,t=document.createElement("div");return t.setAttribute("style","-webkit-user-select: text !important"),s=t,t.attachShadow&&(d("Using shadow DOM."),s=t.attachShadow({mode:"open"})),n=document.createElement("span"),n.innerText=e,s.appendChild(n),document.body.appendChild(t),jt(n),o=document.execCommand("copy"),yt(),document.body.removeChild(t),o}(e["text/plain"])?(d("copyTextUsingDOM worked"),[2,!0]):[2,!1]})})}function wt(e){return Qe(this,0[0],0[0],function(){return Ze(this,function(){if(xe)return d("Using `navigator.clipboard.writeText()`."),[2,xe(e)];if(!Mr(function(e){var t={};return t["text/plain"]=e,t}(e)))throw new Error("writeText() failed");return[2]})})}Sr=function(){function e(e,t){for(s in 0[0]===t&&(t={}),this.types=Object.keys(e),this._items={},e){var n,s,o=e[s];this._items[s]="string"==typeof o?kr(s,o):o}this.presentationStyle=null!==(n=t?.presentationStyle)&&0[0]!==n?n:"unspecified"}return e.prototype.getType=function(e){return Qe(this,0[0],0[0],function(){return Ze(this,function(){return[2,this._items[e]]})})},e}();function kr(e,t){return new Blob([t],{type:e})}Ct=e=>{const t=e.querySelector("code").innerText;e.addEventListener("click",async n=>{await wt(t),e.classList.add("is-success"),e.dataset.tooltip="Copied!"}),e.addEventListener("mouseleave",t=>{e.classList.remove("is-success"),e.dataset.tooltip="Copy color to clipboard"})},Et=(e,t,n)=>{t.addEventListener("click",async s=>{const i=e.querySelector(".js-tabcontent.is-active"),o=i.dataset.clipboard;o&&(await wt(o),t.blur(),Je([t,n]))}),n.addEventListener("mouseleave",e=>{setTimeout(()=>Je([t,n]),200)})},Je=e=>{e.forEach(e=>e.classList.toggle("is-hidden"))},At=(e,t)=>{const n=new MutationObserver(n=>{t.classList.contains("is-active")?e.classList.add("is-hidden"):e.classList.remove("is-hidden")});n.observe(t,{attributeFilter:["class"]})},St=e=>{const n=e.querySelector(".copy-to-cc"),s=e.querySelector(".copied-to-cc"),t=e.querySelector(".theme-colors");if(t){At(n,t);const e=t.querySelectorAll(".color");e.forEach(Ct)}Et(e,n,s)},Mt=()=>{const e=document.querySelectorAll(".box-code");e.forEach(e=>St(e))},Ft=m(wi()),Xe=m(Pe()),zt=m(Zo()),Ge=m(Pe());function Or(e){return e.toString().charAt(0).toUpperCase()+e.toString().slice(1)}Ye=Or,Rt=Promise.resolve(),Pt=function(t){var n=null,s=!1,o=function(){for(var i=arguments.length,a=new Array(i),o=0;o<i;o++)a[o]=arguments[o];if(n!==null)return;n=Rt.then(function(){if(n=null,s){s=!1;return}t.apply(0[0],a)})};return o.wait=function(){if(n===null)throw new Error("The deferred function should be called before calling `wait()`");return n},o.cancel=function(){if(n===null)return;s=!0},o},qe=Pt;function br(e){return e instanceof HTMLElement||Boolean(e)&&e.nodeType>0}Bt=br;function gr(e){var t,n=typeof e=="string",s=n?document.querySelector(e):e;if(!Bt(s))throw t="Container must be `string` or `HTMLElement`.",n&&(t+=" Unable to find ".concat(e)),new Error(t);return s}$t=gr;function fr(e){return e.filter(function(e,t,n){return n.indexOf(e)===t})}Ke=fr,Ue=m(fi());function Y(e){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?Y=function(t){return typeof t}:Y=function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Y(e)}function Yt(e,t){var n,s=Object.keys(e);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(e),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,n)),s}function Gt(e){for(var t,n=1;n<arguments.length;n++)t=arguments[n]!=null?arguments[n]:{},n%2?Yt(Object(t),!0).forEach(function(n){Xt(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Yt(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))});return e}function Xt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function dr(){var e=arguments.length>0&&arguments[0]!==0[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:0[0],n=arguments.length>2?arguments[2]:0[0];return Object.keys(e).reduce(function(s,o){return Gt({},s,Xt({},o,function(){var s=this;return function(i){var a=function(n){return Ue.default.compile(n,t).render(s)};return e[o].call(n,i,a)}}))},{})}function lr(e){var r,c=e.templates,o=e.templateKey,i=e.compileOptions,l=e.helpers,t=e.data,d=e.bindEvent,n=c[o],s=Y(n),u=s==="string",a=s==="function";if(!u&&!a)throw new Error("Template must be 'string' or 'function', was '".concat(s,"' (key: ").concat(o,")"));return a?n(t,d):(r=dr(l,i,t),Ue.default.compile(n,i).render(Gt({},t,{helpers:r})).replace(/[ \n\r\t\f\xA0]+/g,function(e){return e.replace(/(^|\xA0+)[^\xA0]+/g,"$1 ")}).trim())}Jt=lr;function ar(e,t){for(var s,n=0;n<e.length;n++)if(s=e[n],t(s,n,e))return s}tn=ar;function ir(e){return Object.prototype.toString.call(e).slice(8,-1)}sn=ir;function Ja(e,t){if(e===0[0]||typeof e!="function")throw new Error("The render function is not valid (received type ".concat(sn(e),`). + +`).concat(t))}Ve=Ja;function Xa(){}a=Xa,ln=function(t){return t},X=a,o=a,!0&&(X=function(t){console.warn("[InstantSearch.js]: ".concat(t.trim()))},ln=function(t,n){var s=!1;return function(){return s||(s=!0,X(n)),t.apply(0[0],arguments)}},o=function(t,n){if(t)return;var s=o.cache[n];s||(o.cache[n]=!0,X(n))},o.cache={}),hn=Object.keys;function Ua(e){return Ba(e)||Va(e)||Wa()}function Wa(){throw new TypeError("Invalid attempt to spread non-iterable instance")}function Va(e){if(Symbol.iterator in Object(e)||Object.prototype.toString.call(e)==="[object Arguments]")return Array.from(e)}function Ba(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}function B(e,t){return Fa(e)||Da(e,t)||Ra()}function Ra(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}function Da(e,t){if(!(Symbol.iterator in Object(e)||Object.prototype.toString.call(e)==="[object Arguments]"))return;var n,r,s=[],o=!0,i=!1,a=0[0];try{for(n=e[Symbol.iterator]();!(o=(r=n.next()).done);o=!0)if(s.push(r.value),t&&s.length===t)break}catch(e){i=!0,a=e}finally{try{!o&&n.return!=null&&n.return()}finally{if(i)throw a}}return s}function Fa(e){if(Array.isArray(e))return e}function Aa(e){switch(e){case"range":return[];case"menu":return["menu","menuSelect"];default:return[e]}}wn={query:{connectors:["connectSearchBox"],widgets:["ais.searchBox","ais.autocomplete","ais.voiceSearch"]},refinementList:{connectors:["connectRefinementList"],widgets:["ais.refinementList"]},menu:{connectors:["connectMenu"],widgets:["ais.menu"]},hierarchicalMenu:{connectors:["connectHierarchicalMenu"],widgets:["ais.hierarchicalMenu"]},numericMenu:{connectors:["connectNumericMenu"],widgets:["ais.numericMenu"]},ratingMenu:{connectors:["connectRatingMenu"],widgets:["ais.ratingMenu"]},range:{connectors:["connectRange"],widgets:["ais.rangeInput","ais.rangeSlider","ais.range"]},toggle:{connectors:["connectToggleRefinement"],widgets:["ais.toggleRefinement"]},geoSearch:{connectors:["connectGeoSearch"],widgets:["ais.geoSearch"]},sortBy:{connectors:["connectSortBy"],widgets:["ais.sortBy"]},page:{connectors:["connectPagination"],widgets:["ais.pagination","ais.infiniteHits"]},hitsPerPage:{connectors:["connectHitsPerPage"],widgets:["ais.hitsPerPage"]},configure:{connectors:["connectConfigure"],widgets:["ais.configure"]},places:{connectors:[],widgets:["ais.places"]}};function On(e){var n=e.index,s=e.indexUiState,i=n.getWidgets().map(function(e){return e.$$type}).filter(Boolean),t=hn(s).reduce(function(e,t){var s,n=wn[t];return n?(s=n.widgets,s&&!s.some(function(e){return i.includes(e)})&&e.push([t,{connectors:n.connectors,widgets:n.widgets.map(function(e){return e.split("ais.")[1]})}]),e):e},[]);o(t.length===0,'The UI state for the index "'.concat(n.getIndexId(),'" is not consistent with the widgets mounted.\n\nThis can happen when the UI state is specified via `initialUiState`, `routing` or `setUiState` but that the widgets responsible for this state were not added. This results in those query parameters not being sent to the API.\n\nTo fully reflect the state, some widgets need to be added to the index "').concat(n.getIndexId(),`": + +`).concat(t.map(function(e){var t,n=B(e,2),s=n[0],o=n[1].widgets;return"- `".concat(s,"` needs one of these widgets: ").concat((t=[]).concat.apply(t,Ua(o.map(function(e){return Aa(e)}))).map(function(e){return'"'.concat(e,'"')}).join(", "))}).join(` +`),` + +If you do not wish to display widgets but still want to support their search parameters, you can mount "virtual widgets" that don't render anything: + +\`\`\` +`).concat(t.filter(function(e){var t=B(e,2),s=t[0],n=t[1].connectors;return n.length>0}).map(function(e){var t=B(e,2),r=t[0],n=t[1],s=n.connectors,o=n.widgets,i=Ye(o[0]),a=s[0];return"const virtual".concat(i," = ").concat(a,"(() => null);")}).join(` +`),` + +search.addWidgets([ + `).concat(t.filter(function(e){var t=B(e,2),s=t[0],n=t[1].connectors;return n.length>0}).map(function(e){var t=B(e,2),o=t[0],n=t[1].widgets,s=Ye(n[0]);return"virtual".concat(s,"({ /* ... */ })")}).join(`, + `),` +]); +\`\`\` + +If you're using custom widgets that do set these query parameters, we recommend using connectors instead. + +See https://www.algolia.com/doc/guides/building-search-ui/widgets/customize-an-existing-widget/js/#customize-the-complete-ui-of-the-widgets`))}function ka(e,t){var n=Array.isArray(t)?t:t.split(".");return n.reduce(function(e,t){return e&&e[t]},e)}I=ka;function ee(e){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?ee=function(t){return typeof t}:ee=function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},ee(e)}function wa(e){return e===null?e===0[0]?"[object Undefined]":"[object Null]":Object.prototype.toString.call(e)}function _a(e){return ee(e)==="object"&&e!==null}function ya(e){if(!_a(e)||wa(e)!=="[object Object]")return!1;if(Object.getPrototypeOf(e)===null)return!0;for(var t=e;Object.getPrototypeOf(t)!==null;)t=Object.getPrototypeOf(t);return Object.getPrototypeOf(e)===t}Ne=ya;function Fn(e){return e!==Object(e)}function Tn(e,t){if(e===t)return!0;if(Fn(e)||Fn(t)||typeof e=="function"||typeof t=="function")return e===t;if(Object.keys(e).length!==Object.keys(t).length)return!1;for(var n,s=0,o=Object.keys(e);s<o.length;s++){if(n=o[s],!(n in t))return!1;if(!Tn(e[n],t[n]))return!1}return!0}w=Tn,Dn={"&":"&","<":"<",">":">",'"':""","'":"'"},Me=/[&<>"']/g,Ln=RegExp(Me.source);function pa(e){return e&&Ln.test(e)?e.replace(Me,function(e){return Dn[e]}):e}Pn=pa,Hn={"&":"&","<":"<",">":">",""":'"',"'":"'"},Se=/&(amp|quot|lt|gt|#39);/g,Bn=RegExp(Se.source);function ra(e){return e&&Bn.test(e)?e.replace(Se,function(e){return Hn[e]}):e}function Ae(){return Ae=Object.assign||function(e){for(var t,s,n=1;n<arguments.length;n++){t=arguments[n];for(s in t)Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s])}return e},Ae.apply(this,arguments)}function Wn(e,t){var n,s=Object.keys(e);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(e),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,n)),s}function Un(e){for(var t,n=1;n<arguments.length;n++)t=arguments[n]!=null?arguments[n]:{},n%2?Wn(Object(t),!0).forEach(function(n){Kn(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Wn(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))});return e}function Kn(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}S={highlightPreTag:"__ais-highlight__",highlightPostTag:"__/ais-highlight__"},i={highlightPreTag:"<mark>",highlightPostTag:"</mark>"};function Gi(e){return Pn(e).replace(new RegExp(S.highlightPreTag,"g"),i.highlightPreTag).replace(new RegExp(S.highlightPostTag,"g"),i.highlightPostTag)}function ae(e){return Ne(e)&&typeof e.value!="string"?Object.keys(e).reduce(function(t,n){return Un({},t,Kn({},n,ae(e[n])))},{}):Array.isArray(e)?e.map(ae):Un({},e,{value:Gi(e.value)})}function Yi(e){return e.__escaped===0[0]&&(e=e.map(function(e){var t=Ae({},e);return t._highlightResult&&(t._highlightResult=ae(t._highlightResult)),t._snippetResult&&(t._snippetResult=ae(t._snippetResult)),t}),e.__escaped=!0),e}function Zn(e){var t=i.highlightPreTag,n=i.highlightPostTag;return e.map(function(e){return e.isHighlighted?t+e.value+n:e.value}).join("")}function Jn(e){var o=i.highlightPostTag,a=i.highlightPreTag,n=e.split(a),s=n.shift(),t=s?[{value:s,isHighlighted:!1}]:[];return n.forEach(function(e){var n=e.split(o);t.push({value:n[0],isHighlighted:!0}),n[1]!==""&&t.push({value:n[1],isHighlighted:!1})}),t}es=new RegExp(/\w/i);function Ki(e,t){var n,s,o=e[t],a=((n=e[t+1])===null||n===0[0]?0[0]:n.isHighlighted)||!0,i=((s=e[t-1])===null||s===0[0]?0[0]:s.isHighlighted)||!0;return!es.test(ra(o.value))&&i===a?i:o.isHighlighted}function ns(e,t){var n,s=Object.keys(e);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(e),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,n)),s}function ss(e){for(var t,n=1;n<arguments.length;n++)t=arguments[n]!=null?arguments[n]:{},n%2?ns(Object(t),!0).forEach(function(n){Wi(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ns(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))});return e}function Wi(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function is(e){return e.some(function(e){return e.isHighlighted})?e.map(function(t,n){return ss({},t,{isHighlighted:!Ki(e,n)})}):e.map(function(e){return ss({},e,{isHighlighted:!1})})}function $i(e,t){if(!Array.isArray(e))return-1;for(var n=0;n<e.length;n++)if(t(e[n]))return n;return-1}cs=$i;function ls(e,t){var n,s=Object.keys(e);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(e),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,n)),s}function N(e){for(var t,n=1;n<arguments.length;n++)t=arguments[n]!=null?arguments[n]:{},n%2?ls(Object(t),!0).forEach(function(n){Ii(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ls(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))});return e}function Ii(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Hi(e,t){if(e==null)return{};var n,s,o,i=Li(e,t);if(Object.getOwnPropertySymbols){o=Object.getOwnPropertySymbols(e);for(s=0;s<o.length;s++){if(n=o[s],t.indexOf(n)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(e,n))continue;i[n]=e[n]}}return i}function Li(e,t){if(e==null)return{};var n,s,o={},i=Object.keys(e);for(s=0;s<i.length;s++){if(n=i[s],t.indexOf(n)>=0)continue;o[n]=e[n]}return o}fs=function(t,n){var o=n.facets,i=n.disjunctiveFacets,a=n.facetsRefinements,r=n.facetsExcludes,c=n.disjunctiveFacetsRefinements,l=n.numericRefinements,d=n.tagRefinements,u=n.hierarchicalFacets,h=n.hierarchicalFacetsRefinements,m=n.ruleContexts,s=Hi(n,["facets","disjunctiveFacets","facetsRefinements","facetsExcludes","disjunctiveFacetsRefinements","numericRefinements","tagRefinements","hierarchicalFacets","hierarchicalFacetsRefinements","ruleContexts"]);return t.setQueryParameters(s)},ps=function(t,n){return n.facets.reduce(function(e,t){return e.addFacet(t)},t)},gs=function(t,n){return n.disjunctiveFacets.reduce(function(e,t){return e.addDisjunctiveFacet(t)},t)},vs=function(t,n){return t.setQueryParameters({hierarchicalFacets:n.hierarchicalFacets.reduce(function(e,t){var n,s=cs(e,function(e){return e.name===t.name});return s===-1?e.concat(t):(n=e.slice(),n.splice(s,1,t),n)},t.hierarchicalFacets)})},bs=function(t,n){return n.tagRefinements.reduce(function(e,t){return e.addTagRefinement(t)},t)},js=function(t,n){return t.setQueryParameters({facetsRefinements:N({},t.facetsRefinements,{},n.facetsRefinements)})},ys=function(t,n){return t.setQueryParameters({facetsExcludes:N({},t.facetsExcludes,{},n.facetsExcludes)})},_s=function(t,n){return t.setQueryParameters({disjunctiveFacetsRefinements:N({},t.disjunctiveFacetsRefinements,{},n.disjunctiveFacetsRefinements)})},ws=function(t,n){return t.setQueryParameters({numericRefinements:N({},t.numericRefinements,{},n.numericRefinements)})},Os=function(t,n){return t.setQueryParameters({hierarchicalFacetsRefinements:N({},t.hierarchicalFacetsRefinements,{},n.hierarchicalFacetsRefinements)})},xs=function(t,n){var s=Ke([].concat(t.ruleContexts).concat(n.ruleContexts).filter(Boolean));return s.length>0?t.setQueryParameters({ruleContexts:s}):t},Cs=function(){for(var n=arguments.length,s=new Array(n),t=0;t<n;t++)s[t]=arguments[t];return s.reduce(function(e,t){var n=Os(e,t),s=vs(n,t),o=bs(s,t),i=ws(o,t),a=_s(i,t),r=ys(a,t),c=js(r,t),l=gs(c,t),d=xs(l,t),u=ps(d,t);return fs(u,t)})},D=Cs,ks=function(t){for(var n=t.getParent(),s=[t.getHelper().state];n!==null;)s=[n.getHelper().state].concat(s),n=n.getParent();return s},As=ks,_e=function(t){var s=t.name,n=t.connector,o=n!==0[0]&&n;return["https://www.algolia.com/doc/api-reference/widgets/",s,"/js/",o?"#connector":""].join("")},g=function(){for(var o,n=arguments.length,s=new Array(n),t=0;t<n;t++)s[t]=arguments[t];return o=s.map(function(e){return _e(e)}).join(", "),function(e){return[e,"See documentation: ".concat(o)].filter(Boolean).join(` + +`)}};function Fs(e,t){var n,s=Object.keys(e);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(e),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,n)),s}function _i(e){for(var t,n=1;n<arguments.length;n++)t=arguments[n]!=null?arguments[n]:{},n%2?Fs(Object(t),!0).forEach(function(n){ji(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Fs(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))});return e}function ji(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}Ds=function(t,n,s){return t.map(function(e,t){return _i({},e,{__position:s*n+t+1})})};function Ns(e,t){var n,s=Object.keys(e);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(e),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,n)),s}function bi(e){for(var t,n=1;n<arguments.length;n++)t=arguments[n]!=null?arguments[n]:{},n%2?Ns(Object(t),!0).forEach(function(n){sa(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Ns(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))});return e}function sa(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}Ps=function(t,n){return n?t.map(function(e){return bi({},e,{__queryID:n})}):t};function me(e){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?me=function(t){return typeof t}:me=function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},me(e)}be=function(t){var n,o,i,a,r,u,h,c=t.index,l=t.widgetType,d=t.methodName,s=t.args;if(s.length===1&&me(s[0])==="object")return s[0];if(n=s[0],o=s[1],i=s[2],!o){if(!0)throw new Error(`You need to pass hit or hits as the second argument like: + `.concat(d,`(eventType, hit); + `));return null}if((n==="click"||n==="conversion")&&!i){if(!0)throw new Error(`You need to pass eventName as the third argument for 'click' or 'conversion' events like: + `.concat(d,`('click', hit, 'Product Purchased'); + + To learn more about event naming: https://www.algolia.com/doc/guides/getting-insights-and-analytics/search-analytics/click-through-and-conversions/in-depth/clicks-conversions-best-practices/ + `));return null}if(a=Array.isArray(o)?o:[o],a.length===0)return null;if(u=a[0].__queryID,r=a.map(function(e){return e.objectID}),h=a.map(function(e){return e.__position}),n==="view")return{insightsMethod:"viewedObjectIDs",widgetType:l,eventType:n,payload:{eventName:i||"Hits Viewed",index:c,objectIDs:r}};if(n==="click")return{insightsMethod:"clickedObjectIDsAfterSearch",widgetType:l,eventType:n,payload:{eventName:i,index:c,queryID:u,objectIDs:r,positions:h}};if(n==="conversion")return{insightsMethod:"convertedObjectIDsAfterSearch",widgetType:l,eventType:n,payload:{eventName:i,index:c,queryID:u,objectIDs:r}};if(!0)throw new Error('eventType("'.concat(n,`") is not supported. + If you want to send a custom payload, you can pass one object: `).concat(d,`(customPayload); + `));return null};function di(e){var t=e.instantSearchInstance,n=e.index,s=e.widgetType,o=function(){for(var i,a=arguments.length,r=new Array(a),o=0;o<a;o++)r[o]=arguments[o];i=be({widgetType:s,index:n,methodName:"sendEvent",args:r}),i&&t.sendEventToInsights(i)};return o}function li(e){var t=e.index,n=e.widgetType,s=function(){for(var o,i=arguments.length,a=new Array(i),s=0;s<i;s++)a[s]=arguments[s];return o=be({widgetType:n,index:t,methodName:"bindEvent",args:a}),o?"data-insights-event=".concat(btoa(JSON.stringify(o))):""};return s}function $s(e,t){var n,s=Object.keys(e);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(e),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,n)),s}function ve(e){for(var t,n=1;n<arguments.length;n++)t=arguments[n]!=null?arguments[n]:{},n%2?$s(Object(t),!0).forEach(function(n){$(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):$s(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))});return e}function $(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Ks(e){return Go(e)||Xo(e)||Qo()}function Qo(){throw new TypeError("Invalid attempt to spread non-iterable instance")}function Xo(e){if(Symbol.iterator in Object(e)||Object.prototype.toString.call(e)==="[object Arguments]")return Array.from(e)}function Go(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}function Yo(e,t){if(e==null)return{};var n,s,o,i=Ko(e,t);if(Object.getOwnPropertySymbols){o=Object.getOwnPropertySymbols(e);for(s=0;s<o.length;s++){if(n=o[s],t.indexOf(n)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(e,n))continue;i[n]=e[n]}}return i}function Ko(e,t){if(e==null)return{};var n,s,o={},i=Object.keys(e);for(s=0;s<i.length;s++){if(n=i[s],t.indexOf(n)>=0)continue;o[n]=e[n]}return o}C=g({name:"index-widget"});function k(e){return e.$$type==="ais.index"}function eo(e,t){var n=t.state,s=t.isPageReset,o=t._uiState;n!==e.state&&(e.state=n,e.emit("change",{state:e.state,results:e.lastResults,isPageReset:s,_uiState:o}))}function he(e,t){var n=arguments.length>2&&arguments[2]!==0[0]?arguments[2]:{};return e.filter(function(e){return!k(e)}).reduce(function(e,n){return!n.getWidgetUiState&&!n.getWidgetState?e:n.getWidgetUiState?n.getWidgetUiState(e,t):n.getWidgetState(e,t)},n)}function ue(e,t){var n=t.initialSearchParameters,s=Yo(t,["initialSearchParameters"]);return e.filter(function(e){return!k(e)}).reduce(function(e,t){return t.getWidgetSearchParameters?t.getWidgetSearchParameters(e,s):e},n)}function so(e){var t=e.filter(k);if(t.length===0)return;t.forEach(function(e){var t=e.getHelper();eo(t,{state:t.state.resetPage(),isPageReset:!0}),so(e.getWidgets())})}function oo(e){var t=e.filter(k);return t.reduce(function(e,t){return e.concat.apply(e,[{indexId:t.getIndexId(),results:t.getResults(),helper:t.getHelper()}].concat(Ks(oo(t.getWidgets()))))},[])}io=function(t){if(t===0[0]||t.indexName===0[0])throw new Error(C("The `indexName` option is required."));var c=t.indexName,u=t.indexId,l=u===0[0]?c:u,s=[],a={},i=null,d=null,n=null,r=null;return{$$type:"ais.index",$$widgetType:"ais.index",getIndexName:function(){return c},getIndexId:function(){return l},getHelper:function(){return n},getResults:function(){return r&&r.lastResults},getScopedResults:function(){var t=this.getParent(),n=t?t.getWidgets():[this];return oo(n)},getParent:function(){return d},createURL:function(t){return i._createURL($({},l,he(s,{searchParameters:t,helper:n})))},getWidgets:function(){return s},addWidgets:function(t){var o=this;if(!Array.isArray(t))throw new Error(C("The `addWidgets` method expects an array of widgets."));if(t.some(function(e){return typeof e.init!="function"&&typeof e.render!="function"}))throw new Error(C("The widget definition expects a `render` and/or an `init` method."));return s=s.concat(t),i&&Boolean(t.length)&&(eo(n,{state:ue(s,{uiState:a,initialSearchParameters:n.state}),_uiState:a}),t.forEach(function(e){if(e.getRenderState){var t=e.getRenderState(i.renderState[o.getIndexId()]||{},{uiState:i._initialUiState,helper:o.getHelper(),parent:o,instantSearchInstance:i,state:n.state,renderState:i.renderState,templatesConfig:i.templatesConfig,createURL:o.createURL,scopedResults:[],searchMetadata:{isSearchStalled:i._isSearchStalled}});we({renderState:t,instantSearchInstance:i,parent:o})}}),t.forEach(function(e){e.init&&e.init({helper:n,parent:o,uiState:i._initialUiState,instantSearchInstance:i,state:n.state,renderState:i.renderState,templatesConfig:i.templatesConfig,createURL:o.createURL,scopedResults:[],searchMetadata:{isSearchStalled:i._isSearchStalled}})}),i.scheduleSearch()),this},removeWidgets:function(t){if(!Array.isArray(t))throw new Error(C("The `removeWidgets` method expects an array of widgets."));if(t.some(function(e){return typeof e.dispose!="function"}))throw new Error(C("The widget definition expects a `dispose` method."));if(s=s.filter(function(e){return t.indexOf(e)===-1}),i&&Boolean(t.length)){var o=t.reduce(function(e,t){var s=t.dispose({helper:n,state:e});return s||e},n.state);a=he(s,{searchParameters:o,helper:n}),n.setState(ue(s,{uiState:a,initialSearchParameters:o})),s.length&&i.scheduleSearch()}return this},init:function(t){var m,p,h=this,u=t.instantSearchInstance,g=t.parent,f=t.uiState;if(n!==null)return;i=u,d=g,a=f[l]||{},m=u.mainHelper,p=ue(s,{uiState:a,initialSearchParameters:new Ge.default.SearchParameters({index:c})}),n=(0,Ge.default)({},p.index,p),n.search=function(){return u.onStateChange?(u.onStateChange({uiState:u.mainIndex.getWidgetUiState({}),setUiState:u.setUiState.bind(u)}),m):m.search()},n.searchWithoutTriggeringOnStateChange=function(){return m.search()},n.searchForFacetValues=function(e,t,s,o){var i=n.state.setQueryParameters(o);return m.searchForFacetValues(e,t,s,i)},r=m.derive(function(){return D.apply(0[0],Ks(As(h)))}),n.on("change",function(e){var t=e.isPageReset;t&&so(s)}),r.on("search",function(){u.scheduleStalledRender(),!0&&On({index:h,indexUiState:a})}),r.on("result",function(e){var t=e.results;u.scheduleRender(),n.lastResults=t}),s.forEach(function(e){if(e.getRenderState){var t=e.getRenderState(u.renderState[h.getIndexId()]||{},{uiState:f,helper:n,parent:h,instantSearchInstance:u,state:n.state,renderState:u.renderState,templatesConfig:u.templatesConfig,createURL:h.createURL,scopedResults:[],searchMetadata:{isSearchStalled:u._isSearchStalled}});we({renderState:t,instantSearchInstance:u,parent:h})}}),s.forEach(function(e){o(!e.getWidgetState||Boolean(e.getWidgetUiState),"The `getWidgetState` method is renamed `getWidgetUiState` and will no longer exist under that name in InstantSearch.js 5.x. Please use `getWidgetUiState` instead."),e.init&&e.init({uiState:f,helper:n,parent:h,instantSearchInstance:u,state:n.state,renderState:u.renderState,templatesConfig:u.templatesConfig,createURL:h.createURL,scopedResults:[],searchMetadata:{isSearchStalled:u._isSearchStalled}})}),n.on("change",function(e){var t=e.state,o=e._uiState;a=he(s,{searchParameters:t,helper:n},o||{}),u.onStateChange||u.onInternalStateChange()})},render:function(t){var o=this,i=t.instantSearchInstance;if(!this.getResults())return;s.forEach(function(e){if(e.getRenderState){var t=e.getRenderState(i.renderState[o.getIndexId()]||{},{helper:o.getHelper(),parent:o,instantSearchInstance:i,results:o.getResults(),scopedResults:o.getScopedResults(),state:o.getResults()._state,renderState:i.renderState,templatesConfig:i.templatesConfig,createURL:o.createURL,searchMetadata:{isSearchStalled:i._isSearchStalled}});we({renderState:t,instantSearchInstance:i,parent:o})}}),s.forEach(function(e){e.render&&e.render({helper:n,parent:o,instantSearchInstance:i,results:o.getResults(),scopedResults:o.getScopedResults(),state:o.getResults()._state,renderState:i.renderState,templatesConfig:i.templatesConfig,createURL:o.createURL,searchMetadata:{isSearchStalled:i._isSearchStalled}})})},dispose:function(){s.forEach(function(e){e.dispose&&e.dispose({helper:n,state:n.state})}),i=null,d=null,n.removeAllListeners(),n=null,r.detach(),r=null},getWidgetUiState:function(t){return s.filter(k).reduce(function(e,t){return t.getWidgetUiState(e)},ve({},t,$({},this.getIndexId(),a)))},getWidgetState:function(t){return o(!1,"The `getWidgetState` method is renamed `getWidgetUiState` and will no longer exist under that name in InstantSearch.js 5.x. Please use `getWidgetUiState` instead."),this.getWidgetUiState(t)},getWidgetSearchParameters:function(t,n){var o=n.uiState;return ue(s,{uiState:o,initialSearchParameters:t})},refreshUiState:function(){a=he(s,{searchParameters:this.getHelper().state,helper:this.getHelper()})}}},ao=io;function we(e){var o=e.renderState,t=e.instantSearchInstance,n=e.parent,s=n?n.getIndexId():t.mainIndex.getIndexId();t.renderState=ve({},t.renderState,$({},s,ve({},t.renderState[s],{},o)))}Oe="4.13.2",lo="ais",A=function(t){return function(){var e=arguments.length>0&&arguments[0]!==0[0]?arguments[0]:{},n=e.descendantName,s=e.modifierName,o=n?"-".concat(n):"",i=s?"--".concat(s):"";return"".concat(lo,"-").concat(t).concat(o).concat(i)}},ho=A("Highlight");function mo(e){var r=e.attribute,t=e.highlightedTagName,n=t===0[0]?"mark":t,c=e.hit,s=e.cssClasses,o=s===0[0]?{}:s,l=I(c._highlightResult,r)||{},a=l.value,d=a===0[0]?"":a,u=ho({descendantName:"highlighted"})+(o.highlighted?" ".concat(o.highlighted):"");return d.replace(new RegExp(i.highlightPreTag,"g"),"<".concat(n,' class="').concat(u,'">')).replace(new RegExp(i.highlightPostTag,"g"),"</".concat(n,">"))}fo=A("ReverseHighlight");function po(e){var r=e.attribute,t=e.highlightedTagName,n=t===0[0]?"mark":t,c=e.hit,s=e.cssClasses,o=s===0[0]?{}:s,l=I(c._highlightResult,r)||{},a=l.value,d=a===0[0]?"":a,u=fo({descendantName:"highlighted"})+(o.highlighted?" ".concat(o.highlighted):""),h=Zn(is(Jn(d)));return h.replace(new RegExp(i.highlightPreTag,"g"),"<".concat(n,' class="').concat(u,'">')).replace(new RegExp(i.highlightPostTag,"g"),"</".concat(n,">"))}go=A("Snippet");function vo(e){var r=e.attribute,t=e.highlightedTagName,n=t===0[0]?"mark":t,c=e.hit,s=e.cssClasses,o=s===0[0]?{}:s,l=I(c._snippetResult,r)||{},a=l.value,d=a===0[0]?"":a,u=go({descendantName:"highlighted"})+(o.highlighted?" ".concat(o.highlighted):"");return d.replace(new RegExp(i.highlightPreTag,"g"),"<".concat(n,' class="').concat(u,'">')).replace(new RegExp(i.highlightPostTag,"g"),"</".concat(n,">"))}bo=A("ReverseSnippet");function jo(e){var r=e.attribute,t=e.highlightedTagName,n=t===0[0]?"mark":t,c=e.hit,s=e.cssClasses,o=s===0[0]?{}:s,l=I(c._snippetResult,r)||{},a=l.value,d=a===0[0]?"":a,u=bo({descendantName:"highlighted"})+(o.highlighted?" ".concat(o.highlighted):""),h=Zn(is(Jn(d)));return h.replace(new RegExp(i.highlightPreTag,"g"),"<".concat(n,' class="').concat(u,'">')).replace(new RegExp(i.highlightPostTag,"g"),"</".concat(n,">"))}function re(e){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?re=function(t){return typeof t}:re=function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},re(e)}function Lo(e){var n,s=e.method,t=e.payload;if(re(t)!=="object")throw new Error("The insights helper expects the payload to be an object.");try{n=btoa(JSON.stringify(t))}catch{throw new Error("Could not JSON serialize the payload object.")}return'data-insights-method="'.concat(s,'" data-insights-payload="').concat(n,'"')}function wo(e,t){return o(!1,"`insights` function has been deprecated. It is still supported in 4.x releases, but not further. It is replaced by the `insights` middleware.\n\nFor more information, visit https://www.algolia.com/doc/guides/getting-insights-and-analytics/search-analytics/click-through-and-conversions/how-to/send-click-and-conversion-events-with-instantsearch/js/"),Lo({method:e,payload:t})}Oo="_ALGOLIA";function To(e){for(var t,s="".concat(e,"="),o=document.cookie.split(";"),n=0;n<o.length;n++){for(t=o[n];t.charAt(0)===" ";)t=t.substring(1);if(t.indexOf(s)===0)return t.substring(s.length,t.length)}}function Fo(){return To(Oo)}function vi(){return o(!1,"`getInsightsAnonymousUserToken` function has been deprecated. It is still supported in 4.x releases, but not further. It is replaced by the `insights` middleware.\n\nFor more information, visit https://www.algolia.com/doc/guides/getting-insights-and-analytics/search-analytics/click-through-and-conversions/how-to/send-click-and-conversion-events-with-instantsearch/js/"),Fo()}function Eo(e,t){var n,s=Object.keys(e);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(e),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,n)),s}function T(e){for(var t,n=1;n<arguments.length;n++)t=arguments[n]!=null?arguments[n]:{},n%2?Eo(Object(t),!0).forEach(function(n){So(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Eo(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))});return e}function So(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Mo(e){var t=e.numberLocale;return{formatNumber:function(n,s){return Number(s(n)).toLocaleString(t)},highlight:function(t,n){try{var s=JSON.parse(t);return n(mo(T({},s,{hit:this})))}catch{throw new Error(` +The highlight helper expects a JSON object of the format: +{ "attribute": "name", "highlightedTagName": "mark" }`)}},reverseHighlight:function(t,n){try{var s=JSON.parse(t);return n(po(T({},s,{hit:this})))}catch{throw new Error(` + The reverseHighlight helper expects a JSON object of the format: + { "attribute": "name", "highlightedTagName": "mark" }`)}},snippet:function(t,n){try{var s=JSON.parse(t);return n(vo(T({},s,{hit:this})))}catch{throw new Error(` +The snippet helper expects a JSON object of the format: +{ "attribute": "name", "highlightedTagName": "mark" }`)}},reverseSnippet:function(t,n){try{var s=JSON.parse(t);return n(jo(T({},s,{hit:this})))}catch{throw new Error(` + The reverseSnippet helper expects a JSON object of the format: + { "attribute": "name", "highlightedTagName": "mark" }`)}},insights:function(t,n){try{var s=JSON.parse(t),o=s.method,i=s.payload;return n(wo(o,T({objectIDs:[this.objectID]},i)))}catch{throw new Error(` +The insights helper expects a JSON object of the format: +{ "method": "method-name", "payload": { "eventName": "name of the event" } }`)}}}}function Co(e,t){var n,s=Object.keys(e);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(e),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,n)),s}function xo(e){for(var t,n=1;n<arguments.length;n++)t=arguments[n]!=null?arguments[n]:{},n%2?Co(Object(t),!0).forEach(function(n){Ce(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Co(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))});return e}function Ce(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Do(e,t){if(e==null)return{};var n,s,o,i=No(e,t);if(Object.getOwnPropertySymbols){o=Object.getOwnPropertySymbols(e);for(s=0;s<o.length;s++){if(n=o[s],t.indexOf(n)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(e,n))continue;i[n]=e[n]}}return i}function No(e,t){if(e==null)return{};var n,s,o={},i=Object.keys(e);for(s=0;s<i.length;s++){if(n=i[s],t.indexOf(n)>=0)continue;o[n]=e[n]}return o}function _o(e){var n=e.configure,t=Do(e,["configure"]);return t}function Ro(){return{stateToRoute:function(t){return Object.keys(t).reduce(function(e,n){return xo({},e,Ce({},n,_o(t[n])))},{})},routeToState:function(){var t=arguments.length>0&&arguments[0]!==0[0]?arguments[0]:{};return Object.keys(t).reduce(function(e,n){return xo({},e,Ce({},n,_o(t[n])))},{})}}}Te=m(_r());function Ho(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function no(e,t){for(var n,s=0;s<t.length;s++)n=t[s],n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}function Bo(e,t,n){return t&&no(e.prototype,t),n&&no(e,n),e}function M(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}to=function(t){var u=t.qsModule,h=t.routeState,n=t.location,s=n.protocol,o=n.hostname,i=n.port,a=i===0[0]?"":i,r=n.pathname,c=n.hash,l=u.stringify(h),d=a===""?"":":".concat(a);return l?"".concat(s,"//").concat(o).concat(d).concat(r,"?").concat(l).concat(c):"".concat(s,"//").concat(o).concat(d).concat(r).concat(c)},Zs=function(t){var n=t.qsModule,s=t.location;return n.parse(s.search.slice(1),{arrayLimit:99})},ze=function(t){t&&(window.document.title=t)},Qs=function(){function e(){var i,t=arguments.length>0&&arguments[0]!==0[0]?arguments[0]:{},a=t.windowTitle,n=t.writeDelay,r=n===0[0]?400:n,s=t.createURL,c=s===0[0]?to:s,o=t.parseURL,l=o===0[0]?Zs:o;Ho(this,e),M(this,"windowTitle",0[0]),M(this,"writeDelay",0[0]),M(this,"_createURL",0[0]),M(this,"parseURL",0[0]),M(this,"writeTimer",0[0]),this.windowTitle=a,this.writeTimer=0[0],this.writeDelay=r,this._createURL=c,this.parseURL=l,i=this.windowTitle&&this.windowTitle(this.read()),ze(i)}return Bo(e,[{key:"read",value:function(){return this.parseURL({qsModule:Te.default,location:window.location})}},{key:"write",value:function(t){var s=this,o=this.createURL(t),n=this.windowTitle&&this.windowTitle(t);this.writeTimer&&window.clearTimeout(this.writeTimer),this.writeTimer=window.setTimeout(function(){ze(n),window.history.pushState(t,n||"",o),s.writeTimer=0[0]},this.writeDelay)}},{key:"onUpdate",value:function(t){var n=this;this._onPopState=function(e){n.writeTimer&&(window.clearTimeout(n.writeTimer),n.writeTimer=0[0]);var s=e.state;t(s||n.read())},window.addEventListener("popstate",this._onPopState)}},{key:"createURL",value:function(t){return this._createURL({qsModule:Te.default,routeState:t,location:window.location})}},{key:"dispose",value:function(){this._onPopState&&window.removeEventListener("popstate",this._onPopState),this.writeTimer&&window.clearTimeout(this.writeTimer),this.write({})}}]),e}();function qo(e){return new Qs(e)}function Xs(e,t){var n,s=Object.keys(e);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(e),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,n)),s}function Gs(e){for(var t,n=1;n<arguments.length;n++)t=arguments[n]!=null?arguments[n]:{},n%2?Xs(Object(t),!0).forEach(function(n){Ys(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Xs(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))});return e}function Ys(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}qs=function(){var s=arguments.length>0&&arguments[0]!==0[0]?arguments[0]:{},o=s.router,t=o===0[0]?qo():o,i=s.stateMapping,n=i===0[0]?Ro():i;return function(e){var o,s=e.instantSearchInstance;function i(e){var o=Object.keys(e).reduce(function(t,n){return Gs({},t,Ys({},n,e[n]))},s.mainIndex.getWidgetUiState({})),i=n.stateToRoute(o);return t.createURL(i)}return s._createURL=i,s._initialUiState=Gs({},s._initialUiState,{},n.routeToState(t.read())),o=0[0],{onStateChange:function(s){var a=s.uiState,i=n.stateToRoute(a);(o===0[0]||!w(o,i))&&(t.write(i),o=i)},subscribe:function(){t.onUpdate(function(e){s.setUiState(n.routeToState(e))})},unsubscribe:function(){t.dispose()}}}};function Us(e,t,n){var s=t.mainIndex,o={instantSearchInstance:t,parent:s,scopedResults:[],state:s.getHelper().state,helper:s.getHelper(),createURL:s.createURL,uiState:t._initialUiState,renderState:t.renderState,templatesConfig:t.templatesConfig,searchMetadata:{isSearchStalled:t._isSearchStalled}};e.forEach(function(e){var s,a,i={};e.getWidgetRenderState&&(s=e.getWidgetRenderState(o),s&&s.widgetParams&&(i=s.widgetParams)),a=Object.keys(i).filter(function(e){return i[e]!==0[0]}),n.widgets.push({type:e.$$type,widgetType:e.$$widgetType,params:a}),e.$$type==="ais.index"&&Us(e.getWidgets(),t,n)})}function Jo(){return typeof window!="undefined"&&window.navigator.userAgent.indexOf("Algolia Crawler")>-1}function ei(){return function(e){var n=e.instantSearchInstance,s={widgets:[]},t=document.createElement("meta"),o=document.querySelector("head");return t.name="instantsearch:widgets",{onStateChange:function(){},subscribe:function(){setTimeout(function(){Us(n.mainIndex.getWidgets(),n,s),t.content=JSON.stringify(s),o.appendChild(t)},0)},unsubscribe:function(){var n;(n=t.parentNode)===null||n===0[0]?0[0]:n.removeChild(t)}}}}function te(e){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?te=function(t){return typeof t}:te=function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},te(e)}function ni(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function Ws(e,t){for(var n,s=0;s<t.length;s++)n=t[s],n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}function oi(e,t,n){return t&&Ws(e.prototype,t),n&&Ws(e,n),e}function ii(e,n){return n&&(te(n)==="object"||typeof n=="function")?n:t(e)}function Le(e){return Le=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},Le(e)}function t(e){if(e===0[0])throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function ci(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&Ie(e,t)}function Ie(e,t){return Ie=Object.setPrototypeOf||function(t,n){return t.__proto__=n,t},Ie(e,t)}function s(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}l=g({name:"instantsearch"});function hi(){return"#"}Is=function(e){ci(n,e);function n(e){ni(this,n),i=ii(this,Le(n).call(this)),s(t(i),"client",0[0]),s(t(i),"indexName",0[0]),s(t(i),"insightsClient",0[0]),s(t(i),"onStateChange",null),s(t(i),"helper",0[0]),s(t(i),"mainHelper",0[0]),s(t(i),"mainIndex",0[0]),s(t(i),"started",0[0]),s(t(i),"templatesConfig",0[0]),s(t(i),"renderState",{}),s(t(i),"_stalledSearchDelay",0[0]),s(t(i),"_searchStalledTimer",0[0]),s(t(i),"_isSearchStalled",0[0]),s(t(i),"_initialUiState",0[0]),s(t(i),"_createURL",0[0]),s(t(i),"_searchFunction",0[0]),s(t(i),"_mainHelperSearch",0[0]),s(t(i),"middleware",[]),s(t(i),"sendEventToInsights",0[0]),s(t(i),"scheduleSearch",qe(function(){i.started&&i.mainHelper.search()})),s(t(i),"scheduleRender",qe(function(){i.mainHelper.hasPendingRequests()||(clearTimeout(i._searchStalledTimer),i._searchStalledTimer=null,i._isSearchStalled=!1),i.mainIndex.render({instantSearchInstance:t(i)}),i.emit("render")})),s(t(i),"onInternalStateChange",function(){var e=i.mainIndex.getWidgetUiState({});i.middleware.forEach(function(t){t.onStateChange({uiState:e})})});var i,y,b=e.indexName,u=b===0[0]?null:b,O=e.numberLocale,h=e.initialUiState,_=h===0[0]?{}:h,m=e.routing,d=m===0[0]?null:m,f=e.searchFunction,p=e.stalledSearchDelay,w=p===0[0]?200:p,g=e.searchClient,r=g===0[0]?null:g,v=e.insightsClient,c=v===0[0]?null:v,j=e.onStateChange,x=j===0[0]?null:j;if(u===null)throw new Error(l("The `indexName` option is required."));if(r===null)throw new Error(l("The `searchClient` option is required."));if(typeof r.search!="function")throw new Error("The `searchClient` must implement a `search` method.\n\nSee: https://www.algolia.com/doc/guides/building-search-ui/going-further/backend-search/in-depth/backend-instantsearch/js/");if(typeof r.addAlgoliaAgent=="function"&&r.addAlgoliaAgent("instantsearch.js (".concat(Oe,")")),o(c===null,"`insightsClient` property has been deprecated. It is still supported in 4.x releases, but not further. It is replaced by the `insights` middleware.\n\nFor more information, visit https://www.algolia.com/doc/guides/getting-insights-and-analytics/search-analytics/click-through-and-conversions/how-to/send-click-and-conversion-events-with-instantsearch/js/"),c&&typeof c!="function")throw new Error(l("The `insightsClient` option should be a function."));return o(!e.searchParameters,"The `searchParameters` option is deprecated and will not be supported in InstantSearch.js 4.x.\n\nYou can replace it with the `configure` widget:\n\n```\nsearch.addWidgets([\n configure(".concat(JSON.stringify(e.searchParameters,null,2),`) +]); +\`\`\` + +See `).concat(_e({name:"configure"}))),i.client=r,i.insightsClient=c,i.indexName=u,i.helper=null,i.mainHelper=null,i.mainIndex=ao({indexName:u}),i.onStateChange=x,i.started=!1,i.templatesConfig={helpers:Mo({numberLocale:O}),compileOptions:{}},i._stalledSearchDelay=w,i._searchStalledTimer=null,i._isSearchStalled=!1,i._createURL=hi,i._initialUiState=_,f&&(i._searchFunction=f),i.sendEventToInsights=a,d&&(y=typeof d=="boolean"?0[0]:d,i.use(qs(y))),Jo()&&i.use(ei()),i}return oi(n,[{key:"use",value:function(){for(var i,n=this,s=arguments.length,o=new Array(s),t=0;t<s;t++)o[t]=arguments[t];return i=o.map(function(e){var t=e({instantSearchInstance:n});return n.middleware.push(t),t}),this.started&&i.forEach(function(e){e.subscribe()}),this}},{key:"EXPERIMENTAL_use",value:function(){return o(!1,"The middleware API is now considered stable, so we recommend replacing `EXPERIMENTAL_use` with `use` before upgrading to the next major version."),this.use.apply(this,arguments)}},{key:"addWidget",value:function(t){return o(!1,"addWidget will still be supported in 4.x releases, but not further. It is replaced by `addWidgets([widget])`"),this.addWidgets([t])}},{key:"addWidgets",value:function(t){if(!Array.isArray(t))throw new Error(l("The `addWidgets` method expects an array of widgets. Please use `addWidget`."));if(t.some(function(e){return typeof e.init!="function"&&typeof e.render!="function"}))throw new Error(l("The widget definition expects a `render` and/or an `init` method."));return this.mainIndex.addWidgets(t),this}},{key:"removeWidget",value:function(t){return o(!1,"removeWidget will still be supported in 4.x releases, but not further. It is replaced by `removeWidgets([widget])`"),this.removeWidgets([t])}},{key:"removeWidgets",value:function(t){if(!Array.isArray(t))throw new Error(l("The `removeWidgets` method expects an array of widgets. Please use `removeWidget`."));if(t.some(function(e){return typeof e.dispose!="function"}))throw new Error(l("The widget definition expects a `dispose` method."));return this.mainIndex.removeWidgets(t),this}},{key:"start",value:function(){var t,s,n=this;if(this.started)throw new Error(l("The `start` method has already been called once."));t=(0,Xe.default)(this.client,this.indexName),t.search=function(){return t.searchOnlyWithDerivedHelpers()},this._searchFunction&&(s={search:function(){return new Promise(a)}},this._mainHelperSearch=t.search.bind(t),t.search=function(){var e=n.mainIndex.getHelper(),o=(0,Xe.default)(s,e.state.index,e.state);return o.once("search",function(t){var s=t.state;e.overrideStateWithoutTriggeringChangeEvent(s),n._mainHelperSearch()}),o.on("change",function(t){var n=t.state;e.setState(n)}),n._searchFunction(o),t}),t.on("error",function(e){var t=e.error;n.emit("error",{error:t})}),this.mainHelper=t,this.mainIndex.init({instantSearchInstance:this,parent:null,uiState:this._initialUiState}),this.middleware.forEach(function(e){e.subscribe()}),t.search(),this.helper=this.mainIndex.getHelper(),this.started=!0}},{key:"dispose",value:function(){this.scheduleSearch.cancel(),this.scheduleRender.cancel(),clearTimeout(this._searchStalledTimer),this.removeWidgets(this.mainIndex.getWidgets()),this.mainIndex.dispose(),this.started=!1,this.removeAllListeners(),this.mainHelper.removeAllListeners(),this.mainHelper=null,this.helper=null,this.middleware.forEach(function(e){e.unsubscribe()})}},{key:"scheduleStalledRender",value:function(){var t=this;this._searchStalledTimer||(this._searchStalledTimer=setTimeout(function(){t._isSearchStalled=!0,t.scheduleRender()},this._stalledSearchDelay))}},{key:"setUiState",value:function(t){if(!this.mainHelper)throw new Error(l("The `start` method needs to be called before `setUiState`."));this.mainIndex.refreshUiState();var n=typeof t=="function"?t(this.mainIndex.getWidgetUiState({})):t,s=function e(t){!0&&On({index:t,indexUiState:n[t.getIndexId()]}),t.getHelper().overrideStateWithoutTriggeringChangeEvent(t.getWidgetSearchParameters(t.getHelper().state,{uiState:n[t.getIndexId()]})),t.getWidgets().filter(k).forEach(e)};s(this.mainIndex),this.scheduleSearch(),this.onInternalStateChange()}},{key:"createURL",value:function(){var t=arguments.length>0&&arguments[0]!==0[0]?arguments[0]:{};if(!this.started)throw new Error(l("The `start` method needs to be called before `createURL`."));return this._createURL(t)}},{key:"refresh",value:function(){if(!this.mainHelper)throw new Error(l("The `start` method needs to be called before `refresh`."));this.mainHelper.clearCache().search()}}]),n}(zt.default),Hs=Is;function pi(e,t){if(e==null)return{};var n,s,o,i=gi(e,t);if(Object.getOwnPropertySymbols){o=Object.getOwnPropertySymbols(e);for(s=0;s<o.length;s++){if(n=o[s],t.indexOf(n)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(e,n))continue;i[n]=e[n]}}return i}function gi(e,t){if(e==null)return{};var n,s,o={},i=Object.keys(e);for(s=0;s<i.length;s++){if(n=i[s],t.indexOf(n)>=0)continue;o[n]=e[n]}return o}function Rs(e){var t=e||{},s=t.page,n=pi(t,["page"]);return n}ie="ais.infiniteHits";function zs(){return typeof window!="undefined"&&typeof window.sessionStorage!="undefined"}function yi(){return{read:function(t){var n,s=t.state;if(!zs())return null;try{return n=JSON.parse(window.sessionStorage.getItem(ie)),n&&w(n.state,Rs(s))?n.hits:null}catch(e){if(e instanceof SyntaxError)try{window.sessionStorage.removeItem(ie)}catch{}return null}},write:function(t){var n=t.state,s=t.hits;if(!zs())return;try{window.sessionStorage.setItem(ie,JSON.stringify({state:Rs(n),hits:s}))}catch{}}}}c=function(t){return new Hs(t)},c.version=Oe,c.snippet=vo,c.reverseSnippet=jo,c.highlight=mo,c.reverseHighlight=po,c.insights=wo,c.getInsightsAnonymousUserToken=vi,c.createInfiniteHitsSessionStorageCache=yi,Object.defineProperty(c,"widgets",{get:function(){throw new ReferenceError(`"instantsearch.widgets" are not available from the ES build. + +To import the widgets: + +import { searchBox } from 'instantsearch.js/es/widgets'`)}}),Object.defineProperty(c,"connectors",{get:function(){throw new ReferenceError(`"instantsearch.connectors" are not available from the ES build. + +To import the connectors: + +import { connectSearchBox } from 'instantsearch.js/es/connectors'`)}}),ct=c,P={},G=[],Ss=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function v(e,t){for(var n in t)e[n]=t[n];return e}function Es(e){var t=e.parentNode;t&&t.removeChild(e)}function p(e,t,n){var s,i,a,r=arguments,o={};for(s in t)"key"==s?i=t[s]:"ref"==s?a=t[s]:o[s]=t[s];if(arguments.length>3)for(n=[n],s=3;s<arguments.length;s++)n.push(r[s]);if(n!=null&&(o.children=n),"function"==typeof e&&null!=e.defaultProps)for(s in e.defaultProps)0[0]===o[s]&&(o[s]=e.defaultProps[s]);return Q(e,o,i,a,null)}function Q(e,t,s,o,i){var a={type:e,props:t,key:s,ref:o,__k:null,__:null,__b:0,__e:null,__d:0[0],__c:null,__h:null,constructor:0[0],__v:i??++n.__v};return null!=n.vnode&&n.vnode(a),a}function J(e){return e.children}function _(e,t){this.props=e,this.context=t}function F(e,t){if(t==null)return e.__?F(e.__,e.__.__k.indexOf(e)+1):null;for(var n;t<e.__k.length;t++)if(null!=(n=e.__k[t])&&null!=n.__e)return n.__e;return"function"==typeof e.type?F(e):null}function hs(e){var t,n;if(null!=(e=e.__)&&null!=e.__c){for(e.__e=e.__c.base=null,t=0;t<e.__k.length;t++)if(null!=(n=e.__k[t])&&null!=n.__e){e.__e=e.__c.base=n.__e;break}return hs(e)}}function us(e){(!e.__d&&(e.__d=!0)&&H.push(e)&&!se.__r++||lt!==n.debounceRendering)&&((lt=n.debounceRendering)||Ms)(se)}function se(){for(var e;se.__r=H.length;)e=H.sort(function(e,t){return e.__v.__b-t.__v.__b}),H=[],e.some(function(e){var t,n,s,o,i,a;e.__d&&(n=(t=(s=e).__v).__e,(i=s.__P)&&(o=[],(a=v({},t)).__v=t.__v+1,je(i,t,a,s.__n,0[0]!==i.ownerSVGElement,null!=t.__h?[n]:null,o,n??F(t),t.__h),Yn(o,t),t.__e!=n&&hs(t)))})}function ds(e,t,n,s,o,i,a,r,c,l){var d,u,h,f,p,g,v,m=s&&s.__k||G,b=m.length;for(n.__k=[],u=0;u<t.length;u++)if(null!=(d=n.__k[u]=null==(d=t[u])||"boolean"==typeof d?null:"string"==typeof d||"number"==typeof d?Q(null,d,null,null,d):Array.isArray(d)?Q(J,{children:d},null,null,null):d.__b>0?Q(d.type,d.props,d.key,null,d.__v):d)){if(d.__=n,d.__b=n.__b+1,null===(h=m[u])||h&&d.key==h.key&&d.type===h.type)m[u]=0[0];else for(p=0;p<b;p++){if((h=m[p])&&d.key==h.key&&d.type===h.type){m[p]=0[0];break}h=null}je(e,d,h=h||P,o,i,a,r,c,l),g=d.__e,(p=d.ref)&&h.ref!=p&&(f||(f=[]),h.ref&&f.push(h.ref,null,d),f.push(p,d.__c||g,d)),g!=null?(v==null&&(v=g),"function"==typeof d.type&&null!=d.__k&&d.__k===h.__k?d.__d=c=rs(d,c,e):c=os(e,d,h,m,g,c),l||"option"!==n.type?"function"==typeof n.type&&(n.__d=c):e.value=""):c&&h.__e==c&&c.parentNode!=e&&(c=F(h))}for(n.__e=v,u=b;u--;)null!=m[u]&&("function"==typeof n.type&&null!=m[u].__e&&m[u].__e==n.__d&&(n.__d=F(s,u+1)),$n(m[u],m[u]));if(f)for(u=0;u<f.length;u++)qn(f[u],f[++u],f[++u])}function rs(e,t,n){var s,o;for(o=0;o<e.__k.length;o++)(s=e.__k[o])&&(s.__=e,t="function"==typeof s.type?rs(s,t,n):os(n,s,s,e.__k,s.__e,t));return t}function os(e,t,n,s,o,i){var a,r,c;if(0[0]!==t.__d)a=t.__d,t.__d=0[0];else if(n==null||o!=i||null==o.parentNode)n:if(i==null||i.parentNode!==e)e.appendChild(o),a=null;else{for(r=i,c=0;(r=r.nextSibling)&&c<s.length;c+=2)if(r==o)break n;e.insertBefore(o,i),a=i}return 0[0]!==a?a:o.nextSibling}function Ui(e,t,n,s,o){var i;for(i in n)"children"===i||"key"===i||i in t||V(e,i,null,n[i],s);for(i in t)o&&"function"!=typeof t[i]||"children"===i||"key"===i||"value"===i||"checked"===i||n[i]===t[i]||V(e,i,t[i],n[i],s)}function ts(e,t,n){"-"===t[0]?e.setProperty(t,n):e[t]=n==null?"":"number"!=typeof n||Ss.test(t)?n:n+"px"}function V(e,t,n,s,o){var i;n:if("style"===t){if("string"==typeof n)e.style.cssText=n;else{if("string"==typeof s&&(e.style.cssText=s=""),s)for(t in s)n&&t in n||ts(e.style,t,"");if(n)for(t in n)s&&n[t]===s[t]||ts(e.style,t,n[t])}}else if("o"===t[0]&&"n"===t[1])i=t!==(t=t.replace(/Capture$/,"")),t=t.toLowerCase()in e?t.toLowerCase().slice(2):t.slice(2),e.l||(e.l={}),e.l[t+i]=n,n?s||e.addEventListener(t,i?Gn:Qn,i):e.removeEventListener(t,i?Gn:Qn,i);else if("dangerouslySetInnerHTML"!==t){if(o)t=t.replace(/xlink[H:h]/,"h").replace(/sName$/,"s");else if("href"!==t&&"list"!==t&&"form"!==t&&"download"!==t&&t in e)try{e[t]=n??"";break n}catch{}"function"==typeof n||(n!=null&&(!1!==n||"a"===t[0]&&"r"===t[1])?e.setAttribute(t,n):e.removeAttribute(t))}}function Qn(e){this.l[e.type+!1](n.event?n.event(e):e)}function Gn(e){this.l[e.type+!0](n.event?n.event(e):e)}function je(e,t,s,o,i,a,r,c,l){var d,u,h,f,p,g,b,j,y,w,O,m=t.type;if(0[0]!==t.constructor)return null;null!=s.__h&&(l=s.__h,c=t.__e=s.__e,t.__h=null,a=[c]),(u=n.__b)&&u(t);try{n:if("function"==typeof m){if(h=t.props,p=(u=m.contextType)&&o[u.__c],f=u?p?p.props.value:u.__:o,s.__c?O=(d=t.__c=s.__c).__=d.__E:("prototype"in m&&m.prototype.render?t.__c=d=new m(h,f):(t.__c=d=new _(h,f),d.constructor=m,d.render=ta),p&&p.sub(d),d.props=h,d.state||(d.state={}),d.context=f,d.__n=o,j=d.__d=!0,d.__h=[]),null==d.__s&&(d.__s=d.state),null!=m.getDerivedStateFromProps&&(d.__s==d.state&&(d.__s=v({},d.__s)),v(d.__s,m.getDerivedStateFromProps(h,d.__s))),g=d.props,y=d.state,j)null==m.getDerivedStateFromProps&&null!=d.componentWillMount&&d.componentWillMount(),null!=d.componentDidMount&&d.__h.push(d.componentDidMount);else{if(null==m.getDerivedStateFromProps&&h!==g&&null!=d.componentWillReceiveProps&&d.componentWillReceiveProps(h,f),!d.__e&&null!=d.shouldComponentUpdate&&!1===d.shouldComponentUpdate(h,d.__s,f)||t.__v===s.__v){d.props=h,d.state=d.__s,t.__v!==s.__v&&(d.__d=!1),d.__v=t,t.__e=s.__e,t.__k=s.__k,d.__h.length&&r.push(d);break n}null!=d.componentWillUpdate&&d.componentWillUpdate(h,d.__s,f),null!=d.componentDidUpdate&&d.__h.push(function(){d.componentDidUpdate(g,y,w)})}d.context=f,d.props=h,d.state=d.__s,(u=n.__r)&&u(t),d.__d=!1,d.__v=t,d.__P=e,u=d.render(d.props,d.state,d.context),d.state=d.__s,null!=d.getChildContext&&(o=v(v({},o),d.getChildContext())),j||null==d.getSnapshotBeforeUpdate||(w=d.getSnapshotBeforeUpdate(g,y)),b=u!=null&&u.type===J&&null==u.key?u.props.children:u,ds(e,Array.isArray(b)?b:[b],t,s,o,i,a,r,c,l),d.base=t.__e,t.__h=null,d.__h.length&&r.push(d),O&&(d.__E=d.__=null),d.__e=!1}else a==null&&t.__v===s.__v?(t.__k=s.__k,t.__e=s.__e):t.__e=Zi(s.__e,t,s,o,i,a,r,l);(u=n.diffed)&&u(t)}catch(e){t.__v=null,(l||a!=null)&&(t.__e=c,t.__h=!!l,a[a.indexOf(c)]=null),n.__e(e,t,s)}}function Yn(e,t){n.__c&&n.__c(t,e),e.some(function(t){try{e=t.__h,t.__h=[],e.some(function(e){e.call(t)})}catch(e){n.__e(e,t.__v)}})}function Zi(e,t,n,s,o,i,a,r){var u,m,f,p,h=n.props,l=t.props,d=t.type,c=0;if("svg"===d&&(o=!0),i!=null)for(;c<i.length;c++)if((m=i[c])&&(m===e||(d?m.localName==d:3==m.nodeType))){e=m,i[c]=null;break}if(e==null){if(null===d)return document.createTextNode(l);e=o?document.createElementNS("http://www.w3.org/2000/svg",d):document.createElement(d,l.is&&l),i=null,r=!1}if(null===d)h===l||r&&e.data===l||(e.data=l);else{if(i=i&&G.slice.call(e.childNodes),p=(h=n.props||P).dangerouslySetInnerHTML,u=l.dangerouslySetInnerHTML,!r){if(i!=null)for(h={},f=0;f<e.attributes.length;f++)h[e.attributes[f].name]=e.attributes[f].value;(u||p)&&(u&&(p&&u.__html==p.__html||u.__html===e.innerHTML)||(e.innerHTML=u&&u.__html||""))}if(Ui(e,l,h,o,r),u)t.__k=[];else if(c=t.props.children,ds(e,Array.isArray(c)?c:[c],t,n,s,o&&"foreignObject"!==d,i,a,e.firstChild,r),i!=null)for(c=i.length;c--;)null!=i[c]&&Es(i[c]);r||("value"in l&&0[0]!==(c=l.value)&&(c!==e.value||"progress"===d&&!c)&&V(e,"value",c,h.value,!1),"checked"in l&&0[0]!==(c=l.checked)&&c!==e.checked&&V(e,"checked",c,h.checked,!1))}return e}function qn(e,t,s){try{"function"==typeof e?e(t):e.current=t}catch(e){n.__e(e,s)}}function $n(e,t,s){var o,i,a;if(n.unmount&&n.unmount(e),(o=e.ref)&&(o.current&&o.current!==e.__e||qn(o,null,t)),s||"function"==typeof e.type||(s=null!=(a=e.__e)),e.__e=e.__d=0[0],null!=(o=e.__c)){if(o.componentWillUnmount)try{o.componentWillUnmount()}catch(e){n.__e(e,t)}o.base=o.__P=null}if(o=e.__k)for(i=0;i<o.length;i++)o[i]&&$n(o[i],t,s);a!=null&&Es(a)}function ta(e,t,n){return this.constructor(e,n)}function dt(e,t,s){var o,i,a;n.__&&n.__(e,t),i=(o="function"==typeof s)?null:s&&s.__k||t.__k,a=[],je(t,e=(!o&&s||t).__k=p(J,null,[e]),i||P,P,0[0]!==t.ownerSVGElement,!o&&s?[s]:i?null:t.firstChild?G.slice.call(t.childNodes):null,a,!o&&s?s:i?i.__e:t.firstChild,o),Yn(a,e)}n={__e:function(e,t){for(var n,s,o;t=t.__;)if((n=t.__c)&&!n.__)try{if((s=n.constructor)&&null!=s.getDerivedStateFromError&&(n.setState(s.getDerivedStateFromError(e)),o=n.__d),null!=n.componentDidCatch&&(n.componentDidCatch(e),o=n.__d),o)return n.__E=n}catch(t){e=t}throw e},__v:0},xi=function(e){return e!=null&&0[0]===e.constructor},_.prototype.setState=function(e,t){var n=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=v({},this.state);"function"==typeof e&&(e=e(v({},n),this.props)),e&&v(n,e),e!=null&&this.__v&&(t&&this.__h.push(t),us(this))},_.prototype.forceUpdate=function(e){this.__v&&(this.__e=!0,e&&this.__h.push(e),us(this))},_.prototype.render=J,H=[],Ms="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,se.__r=0,Ai=0;function fe(e){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?fe=function(t){return typeof t}:fe=function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},fe(e)}function ye(){return ye=Object.assign||function(e){for(var t,s,n=1;n<arguments.length;n++){t=arguments[n];for(s in t)Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s])}return e},ye.apply(this,arguments)}function qi(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function Vn(e,t){for(var n,s=0;s<t.length;s++)n=t[s],n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}function ca(e,t,n){return t&&Vn(e.prototype,t),n&&Vn(e,n),e}function la(e,t){return t&&(fe(t)==="object"||typeof t=="function")?t:da(e)}function da(e){if(e===0[0])throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function pe(e){return pe=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},pe(e)}function ha(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&Ee(e,t)}function Ee(e,t){return Ee=Object.setPrototypeOf||function(t,n){return t.__proto__=n,t},Ee(e,t)}ke=function(e){ha(t,e);function t(){return qi(this,t),la(this,pe(t).apply(this,arguments))}return ca(t,[{key:"shouldComponentUpdate",value:function(t){return!w(this.props.data,t.data)||this.props.templateKey!==t.templateKey||!w(this.props.rootProps,t.rootProps)}},{key:"render",value:function(){var n=this.props.rootTagName,s=this.props.useCustomCompileOptions[this.props.templateKey],o=s?this.props.templatesConfig.compileOptions:{},t=Jt({templates:this.props.templates,templateKey:this.props.templateKey,compileOptions:o,helpers:this.props.templatesConfig.helpers,data:this.props.data,bindEvent:this.props.bindEvent});return t===null?null:p(n,ye({},this.props.rootProps,{dangerouslySetInnerHTML:{__html:t}}))}}]),t}(_),ke.defaultProps={data:{},rootTagName:"div",useCustomCompileOptions:{},templates:{},templatesConfig:{}},oe=ke,R=m(Pe());function Nn(e,t){var n,s=Object.keys(e);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(e),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,n)),s}function f(e){for(var t,n=1;n<arguments.length;n++)t=arguments[n]!=null?arguments[n]:{},n%2?Nn(Object(t),!0).forEach(function(n){zn(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Nn(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))});return e}function zn(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}Sn=g({name:"configure",connector:!0});function An(e,t){return e.setQueryParameters(Object.keys(t.searchParameters).reduce(function(e,t){return f({},e,zn({},t,0[0]))},{}))}kn=function(){var t=arguments.length>0&&arguments[0]!==0[0]?arguments[0]:a,n=arguments.length>1&&arguments[1]!==0[0]?arguments[1]:a;return function(e){if(!e||!Ne(e.searchParameters))throw new Error(Sn("The `searchParameters` option expects an object."));var s={};function o(t){return function(n){var s=An(t.state,e),o=D(s,new R.default.SearchParameters(n));e.searchParameters=n,t.setState(o).search()}}return{$$type:"ais.configure",init:function(n){var s=n.instantSearchInstance;t(f({},this.getWidgetRenderState(n),{instantSearchInstance:s}),!0)},render:function(n){var s=n.instantSearchInstance;t(f({},this.getWidgetRenderState(n),{instantSearchInstance:s}),!1)},dispose:function(s){var o=s.state;return n(),An(o,e)},getRenderState:function(t,n){var s,o=this.getWidgetRenderState(n);return f({},t,{configure:f({},o,{widgetParams:f({},o.widgetParams,{searchParameters:D(new R.default.SearchParameters((s=t.configure)===null||s===0[0]?0[0]:s.widgetParams.searchParameters),new R.default.SearchParameters(o.widgetParams.searchParameters)).getQueryParams()})})})},getWidgetRenderState:function(n){var i=n.helper;return s.refine||(s.refine=o(i)),{refine:s.refine,widgetParams:e}},getWidgetSearchParameters:function(n,s){var o=s.uiState;return D(n,new R.default.SearchParameters(f({},o.configure,{},e.searchParameters)))},getWidgetUiState:function(n){return f({},n,{configure:f({},n.configure,{},e.searchParameters)})}}}},En=kn;function Cn(e,t){var n,s=Object.keys(e);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(e),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,n)),s}function Ca(e){for(var t,n=1;n<arguments.length;n++)t=arguments[n]!=null?arguments[n]:{},n%2?Cn(Object(t),!0).forEach(function(n){Ea(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Cn(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))});return e}function Ea(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}xn=function(t){var n=En(a);return Ca({},n({searchParameters:t}),{$$widgetType:"ais.configure"})},_n=xn;function ne(e){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?ne=function(t){return typeof t}:ne=function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},ne(e)}function Ma(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function yn(e,t){for(var n,s=0;s<t.length;s++)n=t[s],n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}function Ta(e,t,n){return t&&yn(e.prototype,t),n&&yn(e,n),e}function za(e,t){return t&&(ne(t)==="object"||typeof t=="function")?t:j(e)}function Re(e){return Re=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},Re(e)}function j(e){if(e===0[0])throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function La(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&He(e,t)}function He(e,t){return He=Object.setPrototypeOf||function(t,n){return t.__proto__=n,t},He(e,t)}function b(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}Be=function(e){La(t,e);function t(){Ma(this,t);for(var e,s,o=arguments.length,i=new Array(o),n=0;n<o;n++)i[n]=arguments[n];return e=za(this,(s=Re(t)).call.apply(s,[this].concat(i))),b(j(e),"state",{query:e.props.query,focused:!1}),b(j(e),"onInput",function(t){var n=e.props,o=n.searchAsYouType,i=n.refine,a=n.onChange,s=t.target.value;o&&i(s),e.setState({query:s}),a(t)}),b(j(e),"onSubmit",function(t){var n=e.props,s=n.searchAsYouType,o=n.refine,i=n.onSubmit;return t.preventDefault(),t.stopPropagation(),e.input.blur(),s||o(e.state.query),i(t),!1}),b(j(e),"onReset",function(t){var n=e.props,o=n.refine,i=n.onReset,s="";e.input.focus(),o(s),e.setState({query:s}),i(t)}),b(j(e),"onBlur",function(){e.setState({focused:!1})}),b(j(e),"onFocus",function(){e.setState({focused:!0})}),e}return Ta(t,[{key:"resetInput",value:function(){this.setState({query:""})}},{key:"componentWillReceiveProps",value:function(t){!this.state.focused&&t.query!==this.state.query&&this.setState({query:t.query})}},{key:"render",value:function(){var i=this,n=this.props,t=n.cssClasses,a=n.placeholder,r=n.autofocus,c=n.showSubmit,l=n.showReset,d=n.showLoadingIndicator,s=n.templates,o=n.isSearchStalled;return p("div",{className:t.root},p("form",{action:"",role:"search",className:t.form,noValidate:!0,onSubmit:this.onSubmit,onReset:this.onReset},p("input",{ref:function(t){return i.input=t},value:this.state.query,disabled:this.props.disabled,className:t.input,type:"search",placeholder:a,autoFocus:r,autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",spellCheck:"false",maxLength:512,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus}),p(oe,{templateKey:"submit",rootTagName:"button",rootProps:{className:t.submit,type:"submit",title:"Submit the search query.",hidden:!c},templates:s,data:{cssClasses:t}}),p(oe,{templateKey:"reset",rootTagName:"button",rootProps:{className:t.reset,type:"reset",title:"Clear the search query.",hidden:!(l&&this.state.query.trim()&&!o)},templates:s,data:{cssClasses:t}}),d&&p(oe,{templateKey:"loadingIndicator",rootTagName:"span",rootProps:{className:t.loadingIndicator,hidden:!o},templates:s,data:{cssClasses:t}})))}}]),t}(_),b(Be,"defaultProps",{query:"",showSubmit:!0,showReset:!0,showLoadingIndicator:!0,autofocus:!1,searchAsYouType:!0,isSearchStalled:!1,disabled:!1,onChange:a,onSubmit:a,onReset:a,refine:a}),vn=Be;function gn(e,t){var n,s=Object.keys(e);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(e),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,n)),s}function pn(e){for(var t,n=1;n<arguments.length;n++)t=arguments[n]!=null?arguments[n]:{},n%2?gn(Object(t),!0).forEach(function(n){$a(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):gn(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))});return e}function $a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}fn=function(t,n){return n.map(function(e){var n=tn(t,function(t){return t.objectID===e});if(typeof n=="undefined")throw new Error('Could not find objectID "'.concat(e,'" passed to `clickedObjectIDsAfterSearch` in the returned hits. This is necessary to infer the absolute position and the query ID.'));return n})},mn=function(t){var n,s=Ke(t.map(function(e){return e.__queryID}));if(s.length>1)throw new Error("Insights currently allows a single `queryID`. The `objectIDs` provided map to multiple `queryID`s.");if(n=s[0],typeof n!="string")throw new Error("Could not infer `queryID`. Ensure InstantSearch `clickAnalytics: true` was added with the Configure widget.\n\nSee: https://alg.li/lNiZZ7");return n},un=function(t){return t.map(function(e){return e.__position})},dn=function(t){var r,s=t.method,c=t.results,l=t.hits,n=t.objectIDs,o=c.index,i=fn(l,n),a=mn(i);switch(s){case"clickedObjectIDsAfterSearch":return r=un(i),{index:o,queryID:a,objectIDs:n,positions:r};case"convertedObjectIDsAfterSearch":return{index:o,queryID:a,objectIDs:n};default:throw new Error('Unsupported method passed to insights: "'.concat(s,'".'))}},cn=function(t,n,s){return function(e,i){if(o(!1,"`insights` function has been deprecated. It is still supported in 4.x releases, but not further. It is replaced by the `insights` middleware.\n\nFor more information, visit https://www.algolia.com/doc/guides/getting-insights-and-analytics/search-analytics/click-through-and-conversions/how-to/send-click-and-conversion-events-with-instantsearch/js/"),!t){var a,r=g({name:"instantsearch"});throw new Error(r("The `insightsClient` option has not been provided to `instantsearch`."))}if(!Array.isArray(i.objectIDs))throw new TypeError("Expected `objectIDs` to be an array.");a=dn({method:e,results:n,hits:s,objectIDs:i.objectIDs}),t(e,pn({},a,{},i))}};function Ga(e){var t=function(t){return function(e,n){var a,s=e.results,o=e.hits,i=e.instantSearchInstance;return s&&o&&i?(a=cn(i.insightsClient,s,o),t(pn({},e,{insights:a}),n)):t(e,n)}};return function(n,s){return e(t(n),s)}}function rn(e,t){var n,s=Object.keys(e);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(e),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,n)),s}function x(e){for(var t,n=1;n<arguments.length;n++)t=arguments[n]!=null?arguments[n]:{},n%2?rn(Object(t),!0).forEach(function(n){an(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):rn(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))});return e}function an(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function on(e){return nr(e)||tr(e)||er()}function er(){throw new TypeError("Invalid attempt to spread non-iterable instance")}function tr(e){if(Symbol.iterator in Object(e)||Object.prototype.toString.call(e)==="[object Arguments]")return Array.from(e)}function nr(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}function sr(e,t){if(e==null)return{};var n,s,o,i=or(e,t);if(Object.getOwnPropertySymbols){o=Object.getOwnPropertySymbols(e);for(s=0;s<o.length;s++){if(n=o[s],t.indexOf(n)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(e,n))continue;i[n]=e[n]}}return i}function or(e,t){if(e==null)return{};var n,s,o={},i=Object.keys(e);for(s=0;s<i.length;s++){if(n=i[s],t.indexOf(n)>=0)continue;o[n]=e[n]}return o}nn=g({name:"infinite-hits",connector:!0});function en(e){var t=e||{},s=t.page,n=sr(t,["page"]);return n}function rr(){var e=null,t=0[0];return{read:function(s){var o=s.state;return w(t,en(o))?e:null},write:function(s){var o=s.state,i=s.hits;t=en(o),e=i}}}function cr(e){return Object.keys(e).map(Number).sort(function(e,t){return e-t}).reduce(function(t,n){return t.concat(e[n])},[])}Zt=function(t){var n=arguments.length>1&&arguments[1]!==0[0]?arguments[1]:a;return Ve(t,nn()),function(e){var s,d,u,h,a=e||{},m=a.escapeHTML,i=m===0[0]||m,r=a.transformItems,p=r===0[0]?function(e){return e}:r,c=a.cache,l=c===0[0]?rr():c,o=function(t,n){var s=t.page,o=s===0[0]?0:s,i=Object.keys(n).map(Number);return i.length===0?o:Math.min.apply(Math,[o].concat(on(i)))},f=function(t,n){var s=t.page,o=s===0[0]?0:s,i=Object.keys(n).map(Number);return i.length===0?o:Math.max.apply(Math,[o].concat(on(i)))},g=function(t,n){return function(){t.overrideStateWithoutTriggeringChangeEvent(x({},t.state,{page:o(t.state,n)-1})).searchWithoutTriggeringOnStateChange()}},v=function(t,n){return function(){t.setPage(f(t.state,n)+1).search()}};return{$$type:"ais.infiniteHits",init:function(n){t(x({},this.getWidgetRenderState(n),{instantSearchInstance:n.instantSearchInstance}),!0)},render:function(n){var i=n.instantSearchInstance,o=this.getWidgetRenderState(n);s("view",o.currentPageHits),t(x({},o,{instantSearchInstance:i}),!1)},getRenderState:function(t,n){return x({},t,{infiniteHits:this.getWidgetRenderState(n)})},getWidgetRenderState:function(n){var b,j,y,w,O,x,a=n.results,c=n.helper,m=n.state,C=n.instantSearchInstance,_=[],r=l.read({state:m})||{};return a?(j=m.page,y=j===0[0]?0:j,i&&a.hits.length>0&&(a.hits=Yi(a.hits)),w=a.hits.__escaped,a.hits=Ds(a.hits,a.page,a.hitsPerPage),a.hits=Ps(a.hits,a.queryID),a.hits=p(a.hits),a.hits.__escaped=w,r[y]===0[0]&&(r[y]=a.hits,l.write({state:m,hits:r})),_=a.hits,b=o(m,r)===0):(d=g(c,r),u=v(c,r),s=di({instantSearchInstance:C,index:c.getIndex(),widgetType:this.$$type}),h=li({index:c.getIndex(),widgetType:this.$$type}),b=c.state.page===0[0]||o(c.state,r)===0),O=cr(r),x=!a||a.nbPages<=f(m,r)+1,{hits:O,currentPageHits:_,sendEvent:s,bindEvent:h,results:a,showPrevious:d,showMore:u,isFirstPage:b,isLastPage:x,widgetParams:e}},dispose:function(t){var s,o=t.state;return n(),s=o.setQueryParameter("page",0[0]),i?s.setQueryParameters(Object.keys(S).reduce(function(e,t){return x({},e,an({},t,0[0]))},{})):s},getWidgetUiState:function(t,n){var o=n.searchParameters,s=o.page||0;return s?x({},t,{page:s+1}):t},getWidgetSearchParameters:function(t,n){var a,s=n.uiState,o=t;return i&&(o=t.setQueryParameters(S)),a=s.page?s.page-1:0,o.setQueryParameter("page",a)}}}},Qt=Zt,qt={reset:` +<svg class="{{cssClasses.resetIcon}}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="10" height="10"> + <path d="M8.114 10L.944 2.83 0 1.885 1.886 0l.943.943L10 8.113l7.17-7.17.944-.943L20 1.886l-.943.943-7.17 7.17 7.17 7.17.943.944L18.114 20l-.943-.943-7.17-7.17-7.17 7.17-.944.943L0 18.114l.943-.943L8.113 10z"></path> +</svg> + `,submit:` +<svg class="{{cssClasses.submitIcon}}" xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 40 40"> + <path d="M26.804 29.01c-2.832 2.34-6.465 3.746-10.426 3.746C7.333 32.756 0 25.424 0 16.378 0 7.333 7.333 0 16.378 0c9.046 0 16.378 7.333 16.378 16.378 0 3.96-1.406 7.594-3.746 10.426l10.534 10.534c.607.607.61 1.59-.004 2.202-.61.61-1.597.61-2.202.004L26.804 29.01zm-10.426.627c7.323 0 13.26-5.936 13.26-13.26 0-7.32-5.937-13.257-13.26-13.257C9.056 3.12 3.12 9.056 3.12 16.378c0 7.323 5.936 13.26 13.258 13.26z"></path> +</svg> + `,loadingIndicator:` +<svg class="{{cssClasses.loadingIcon}}" width="16" height="16" viewBox="0 0 38 38" xmlns="http://www.w3.org/2000/svg" stroke="#444"> + <g fill="none" fillRule="evenodd"> + <g transform="translate(1 1)" strokeWidth="2"> + <circle strokeOpacity=".5" cx="18" cy="18" r="18" /> + <path d="M36 18c0-9.94-8.06-18-18-18"> + <animateTransform + attributeName="transform" + type="rotate" + from="0 18 18" + to="360 18 18" + dur="1s" + repeatCount="indefinite" + /> + </path> + </g> + </g> +</svg> + `},u=m(Cr());function Ut(e,t){var n,s=Object.keys(e);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(e),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,n)),s}function q(e){for(var t,n=1;n<arguments.length;n++)t=arguments[n]!=null?arguments[n]:{},n%2?Ut(Object(t),!0).forEach(function(n){pr(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Ut(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))});return e}function pr(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}Vt=g({name:"search-box",connector:!0});function vr(e){var t=arguments.length>1&&arguments[1]!==0[0]?arguments[1]:a;return Ve(e,Vt()),function(){var n,s=arguments.length>0&&arguments[0]!==0[0]?arguments[0]:{},o=s.queryHook;function i(e){return function(){e.setQuery("").search()}}n=function(){};function a(){n()}return{$$type:"ais.searchBox",init:function(n){var s=n.instantSearchInstance;e(q({},this.getWidgetRenderState(n),{instantSearchInstance:s}),!0)},render:function(n){var s=n.instantSearchInstance;e(q({},this.getWidgetRenderState(n),{instantSearchInstance:s}),!1)},dispose:function(n){var s=n.state;return t(),s.setQueryParameter("query",0[0])},getRenderState:function(t,n){return q({},t,{searchBox:this.getWidgetRenderState(n)})},getWidgetRenderState:function(t){var c,r=t.helper,l=t.searchMetadata;return this._refine||(c=function(t){t!==r.state.query&&r.setQuery(t).search()},this._refine=function(e){if(o){o(e,c);return}c(e)}),n=i(r),{query:r.state.query||"",refine:this._refine,clear:a,widgetParams:s,isSearchStalled:l.isSearchStalled}},getWidgetUiState:function(t,n){var o=n.searchParameters,s=o.query||"";return s===""||t&&t.query===s?t:q({},t,{query:s})},getWidgetSearchParameters:function(t,n){var s=n.uiState;return t.setQueryParameter("query",s.query||"")}}}}function It(e,t){var n,s=Object.keys(e);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(e),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),s.push.apply(s,n)),s}function Ht(e){for(var t,n=1;n<arguments.length;n++)t=arguments[n]!=null?arguments[n]:{},n%2?It(Object(t),!0).forEach(function(n){yr(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):It(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))});return e}function yr(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}Lt=g({name:"search-box"}),h=A("SearchBox"),Nt=function(t){var n=t.containerNode,s=t.cssClasses,o=t.placeholder,i=t.templates,a=t.autofocus,r=t.searchAsYouType,c=t.showReset,l=t.showSubmit,d=t.showLoadingIndicator;return function(e){var t=e.refine,u=e.query,h=e.isSearchStalled;dt(p(vn,{query:u,placeholder:o,autofocus:a,refine:t,searchAsYouType:r,templates:i,showSubmit:l,showReset:c,showLoadingIndicator:d,isSearchStalled:h,cssClasses:s}),n)}};function xr(e){var s,a,c,d,t=e||{},f=t.container,m=t.placeholder,x=m===0[0]?"":m,p=t.cssClasses,n=p===0[0]?{}:p,r=t.autofocus,O=r!==0[0]&&r,l=t.searchAsYouType,w=l===0[0]||l,o=t.showReset,_=o===0[0]||o,i=t.showSubmit,v=i===0[0]||i,g=t.showLoadingIndicator,b=g===0[0]||g,j=t.queryHook,y=t.templates;if(!f)throw new Error(Lt("The `container` option is required."));return s=$t(f),d={root:(0,u.default)(h(),n.root),form:(0,u.default)(h({descendantName:"form"}),n.form),input:(0,u.default)(h({descendantName:"input"}),n.input),submit:(0,u.default)(h({descendantName:"submit"}),n.submit),submitIcon:(0,u.default)(h({descendantName:"submitIcon"}),n.submitIcon),reset:(0,u.default)(h({descendantName:"reset"}),n.reset),resetIcon:(0,u.default)(h({descendantName:"resetIcon"}),n.resetIcon),loadingIndicator:(0,u.default)(h({descendantName:"loadingIndicator"}),n.loadingIndicator),loadingIcon:(0,u.default)(h({descendantName:"loadingIcon"}),n.loadingIcon)},c=Nt({containerNode:s,cssClasses:d,placeholder:x,templates:Ht({},qt,{},y),autofocus:O,searchAsYouType:w,showReset:_,showSubmit:v,showLoadingIndicator:b}),a=vr(c,function(){return dt(null,s)}),Ht({},a({queryHook:j}),{$$widgetType:"ais.searchBox"})}Dt=Ga(Qt),Tt=Dt,xt="https://cdn.jsdelivr.net/npm/search-insights@1.3.1",!function(e,t,n,s,o,i,a){e.AlgoliaAnalyticsObject=o,e[o]=e[o]||function(){(e[o].queue=e[o].queue||[]).push(arguments)},i=t.createElement(n),a=t.getElementsByTagName(n)[0],i.async=1,i.src=s,a.parentNode.insertBefore(i,a)}(window,document,"script",xt,"aa"),aa("init",{appId:"LE77SHMNUX",apiKey:"63933f0420a85da698f715b54c639bed"});function Ar(){const e=ct({indexName:"prod_codelibrary",searchClient:(0,Ft.default)("LE77SHMNUX","63933f0420a85da698f715b54c639bed"),hitsPerPage:5,routing:!0,searchFunction(e){const t=document.querySelector("#algolia-results");t.style.display=e.state.query===""?"none":"block",t.style.position="fixed",e.search()},insightsClient:window.aa});e.addWidgets([xr({container:"#algolia-box",autofocus:!1,placeholder:"Search for content"})]);const t=(e)=>{const{hits:n,widgetParams:s,insights:o}=e;if(e.results==0[0])return;s.container.innerHTML=` + ${n.length>0?` + <div class="ais-Hits-list"> + ${n.map(e=>` + <a class="ais-Hits-item" data-rel-path="${e.relpermalink}" data-object-id="${e.objectID}" href="${e.relpermalink}"> + <div class="hit-head"> + <div class="level"> + <div class="level-left"> + <span class="hit-section">${e._highlightResult.section.value}</span> + <span class="hit-separator">/</span> + <span class="hit-title">${ct.highlight({attribute:"title",hit:e})}</span> + </div> + </div> + </div> + <div class="hit-content"> + <p class="hit-summary"> + ${e.print} + </p> + ${e._highlightResult.tags?` + <span class="hit-tags"> + Tags: ${e._highlightResult.tags.map(e=>`${e.value}`).join(", ")} + </span> + `:``} + </div> + </a> + `).join("")} + </div> + `:` + <div id="no-results-message"> + <p>We didn't find any results for the search <em>"${e.results.query}"</em>.</p> + </div> + `} + <div class="algolia-docsearch-footer"> + Search by <a class="algolia-docsearch-footer--logo" href="https://www.algolia.com/docsearch">Algolia</a> + </div> + `;const i=s.container.querySelectorAll(".ais-Hits-item");i.forEach(e=>{e.addEventListener("click",t=>{const n=e.getAttribute("data-object-id"),s=e.getAttribute("data-rel-path");o("clickedObjectIDsAfterSearch",{eventName:s,objectIDs:[n]})})})},n=Tt(t);e.addWidgets([n({container:document.querySelector("#algolia-results"),transformItems:e=>(e.forEach(e=>{e._snippetResult.description.matchLevel!="none"?e.print=e._snippetResult.description.value:e._snippetResult.content.matchLevel!="none"?e.print=e._snippetResult.content.value:e._snippetResult.description.value==""?e.print=e._snippetResult.content.value:e.print=e._snippetResult.description.value}),e)}),_n({clickAnalytics:!0})]),e.start()}Ot=m(Er()),_t=()=>{"use strict";const m="js-tabs",B="js-tablist",w="js-tablist__item",t="js-tablist__link",c="js-tabcontent",O="js-link-to-tab",S="data-tabs-prefix-class",x="data-hx",C="data-tabs-generated-hx-class",z="data-existing-hx",N="data-selected",f="label_",M="van11ytabs",k="van11ytabs__list",F="van11ytabs__item",L="van11ytabs__link",I="van11ytabs__content",g="is-active",H="invisible",P="tablist",D="tab",R="tabpanel",W="presentation",y="role",_="aria-labelledby",d="aria-hidden",j="aria-controls",s="aria-selected",$=1e3;let b=window.location.hash.replace("#","");const e=e=>document.getElementById(e),n=(e,t)=>{e.classList?e.classList.add(t):e.className+=" "+t},T=(e,t)=>{e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp("(^|\\b)"+t.split(" ").join("|")+"(\\b|$)","gi")," ")},h=e=>{n(e,g),n(e.parentNode,g)},v=e=>{T(e,g),T(e.parentNode,g)},u=(e,t)=>e.classList?e.classList.contains(t):new RegExp("(^| )"+t+"( |$)","gi").test(e.className),a=(e,t)=>{Object.keys(t).forEach(n=>{e.setAttribute(n,t[n])})},o=e=>{e.forEach(e=>{a(e,{[s]:"false",tabindex:"-1"}),v(e)})},i=e=>{e.forEach(e=>{e.setAttribute(d,!0),v(e)})},r=t=>{let o=e(t.getAttribute(j));a(t,{[s]:"true",tabindex:"0"}),n(t,"is-active"),n(t.parentNode,"is-active"),o.removeAttribute(d),n(o,"is-active"),n(o.parentNode,"is-active"),setTimeout(function(){t.focus()},0),setTimeout(function(){history.pushState(null,null,location.pathname+location.search+"#"+t.getAttribute(j))},$)},p=(e,n,a,c)=>{let l;e.forEach((e,n)=>{e.querySelector("."+t).getAttribute(s)==="true"&&(l=n)}),o(n),i(a),c==="next"&&(r(n[l+1]),setTimeout(function(){n[l+1].focus()},0)),c==="prev"&&(r(n[l-1]),setTimeout(function(){n[l-1].focus()},0))};let l=(e,t)=>{let s=!1,n=e.parentNode;for(;n&&s===!1;)u(n,t)===!0?s=!0:n=n.parentNode;return s===!0?n.getAttribute("id"):""};const V=(e=document)=>[].slice.call(e.querySelectorAll("."+m)),A=r=>{V(r).forEach(r=>{let O=Math.random().toString(32).slice(2,12),p=r.hasAttribute(S)===!0?r.getAttribute(S)+"-":"",E=r.hasAttribute(x)===!0?r.getAttribute(x):"",V=r.hasAttribute(C)===!0?r.getAttribute(C):H,A=r.hasAttribute(z)===!0?r.getAttribute(z):"",$=[].slice.call(r.querySelectorAll("."+B)),U=[].slice.call(r.querySelectorAll("."+w)),m=[].slice.call(r.querySelectorAll("."+t)),T=[].slice.call(r.querySelectorAll("."+c)),g=!0;if(n(r,p+M),r.setAttribute("id",M+O),$.forEach(e=>{n(e,p+k),a(e,{[y]:P,id:k+O})}),U.forEach((e,t)=>{n(e,p+F),a(e,{[y]:W,id:F+O+"-"+(t+1)})}),m.forEach(t=>{let i=t.getAttribute("href").replace("#",""),o=e(i),r=t.innerText,c=t.hasAttribute(N)===!0;if(n(t,p+L),a(t,{id:f+i,[y]:D,[j]:i,tabindex:"-1",[s]:"false"}),v(t),a(o,{[d]:"true",[y]:R,[_]:f+i}),n(o,p+I),v(o),c&&g&&(g=!1,a(t,{tabindex:"0",[s]:"true"}),n(t,"is-active"),a(o,{[d]:"false"}),n(o,"is-active")),E!==""){let e=document.createElement(E);e.setAttribute("class",V),e.setAttribute("tabindex","0"),e.innerHTML=r,o.insertBefore(e,o.firstChild)}if(A!==""){let e=[].slice.call(o.querySelectorAll(A+":first-child"));e.forEach(e=>{e.setAttribute("tabindex","0")})}t.removeAttribute("href")}),b!==""){let t=e(b);if(t!==null&&r.querySelector("#"+b)!==null)if(u(t,c)===!0){o(m),i(T),t.removeAttribute(d),h(t);let n=e(f+b);a(n,{tabindex:"0",[s]:"true"}),h(n),g=!1}else{let n=l(t,c);if(n!==""){o(m),i(T);let t=e(n);t.removeAttribute(d),h(t);let r=e(f+n);a(r,{tabindex:"0",[s]:"true"}),h(r),g=!1}}}if(g===!0){a(m[0],{tabindex:"0",[s]:"true"}),h(m[0]);let t=e(m[0].getAttribute(j));t.removeAttribute(d),h(t)}})};["click","keydown"].forEach(n=>{document.body.addEventListener(n,a=>{let d=l(a.target,t);if((u(a.target,t)===!0||d!=="")&&n==="click"){let s=u(a.target,t)===!0?a.target:e(d),h=l(a.target,m),n=e(h),f=[].slice.call(n.querySelectorAll("."+t)),p=[].slice.call(n.querySelectorAll("."+c));o(f),i(p),r(s),a.preventDefault()}if((u(a.target,t)===!0||d!=="")&&n==="keydown"){let v=l(a.target,m),h=e(v),u=[].slice.call(h.querySelectorAll("."+w)),n=[].slice.call(h.querySelectorAll("."+t)),d=[].slice.call(h.querySelectorAll("."+c)),f=u[0].querySelector("."+t),g=u[u.length-1].querySelector("."+t);a.keyCode===36?(o(n),i(d),r(f),a.preventDefault()):a.keyCode===35?(o(n),i(d),r(g),a.preventDefault()):(a.keyCode===37||a.keyCode===38)&&!a.ctrlKey?f.getAttribute(s)==="true"?(o(n),i(d),r(g),a.preventDefault()):(p(u,n,d,"prev"),a.preventDefault()):(a.keyCode===40||a.keyCode===39)&&!a.ctrlKey&&(g.getAttribute(s)==="true"?(o(n),i(d),r(f),a.preventDefault()):(p(u,n,d,"next"),a.preventDefault()))}let h=l(a.target,c);if(h!==""&&n==="keydown"){let f=e(e(h).getAttribute(_)),j=l(a.target,m),g=e(j),n=[].slice.call(g.querySelectorAll("."+w)),d=[].slice.call(g.querySelectorAll("."+t)),u=[].slice.call(g.querySelectorAll("."+c)),v=n[0].querySelector("."+t),b=n[n.length-1].querySelector("."+t);a.keyCode===38&&a.ctrlKey&&(setTimeout(function(){f.focus()},0),a.preventDefault()),a.keyCode===33&&a.ctrlKey&&(f.focus(),a.preventDefault(),v.getAttribute(s)==="true"?(o(d),i(u),r(b)):p(n,d,u,"prev")),a.keyCode===34&&a.ctrlKey&&(f.focus(),a.preventDefault(),b.getAttribute(s)==="true"?(o(d),i(u),r(v)):p(n,d,u,"next"))}let f=l(a.target,O);if((u(a.target,O)===!0||f!=="")&&n==="click"){let s=u(a.target,O)===!0?a.target.getAttribute("href").replace("#",""):e(f).replace("#",""),d=e(s),h=e(d.getAttribute(_)),p=l(a.target,m),n=e(p),g=[].slice.call(n.querySelectorAll("."+t)),v=[].slice.call(n.querySelectorAll("."+c));o(g),i(v),r(h),a.preventDefault()}},!0)});const E=()=>{A(),document.removeEventListener("DOMContentLoaded",E)};document.addEventListener("DOMContentLoaded",E),window.van11yAccessibleTabPanelAria=A};function Fr(){document.addEventListener("DOMContentLoaded",()=>{const e=document.querySelectorAll(".navbar-burger");e.length>0&&e.forEach(e=>{e.addEventListener("click",()=>{const t=e.dataset.target,n=document.getElementById(t);if(e.classList.toggle("is-active"),n.classList.toggle("is-active"),t==="sidebarNavbar"){const e=document.querySelector(".sidebar-search");e.classList.toggle("is-hidden-touch")}})})})}at=(e,t)=>{const n=e.querySelector(`button.show-${t}`),s=e.querySelector(`div.box-${t}`);if(!n||!s)return;n.addEventListener("click",()=>{s.classList.toggle("is-hidden"),s.toggleAttribute("aria-hidden"),n.classList.toggle("is-active"),n.toggleAttribute("aria-selected")})},ft=()=>{const e=document.querySelectorAll(".box");[...e].forEach(e=>{at(e,"code"),at(e,"schema")})},mt=e=>{e.forEach(e=>{e.addEventListener("click",e=>e.preventDefault())})},ht=e=>{const t=new MutationObserver(t=>{const n=e.contentDocument.querySelectorAll('[href="#"]');n.length>0&&mt(n)});t.observe(e.contentDocument,{childList:!0,subtree:!0})},ut=()=>{const e=document.querySelectorAll("iframe");e.forEach(ht)},Mt(),Ar(),Ot.default.highlightAll(),Fr(),_t(),ft(),ut()})() \ No newline at end of file diff --git a/public/index.min.d986e12cb7cbc909e8709adbae4f4f150c07f0a07b6e439f91f5b639c68888b4.js b/public/index.min.d986e12cb7cbc909e8709adbae4f4f150c07f0a07b6e439f91f5b639c68888b4.js deleted file mode 100644 index 4d87e568c..000000000 --- a/public/index.min.d986e12cb7cbc909e8709adbae4f4f150c07f0a07b6e439f91f5b639c68888b4.js +++ /dev/null @@ -1,42 +0,0 @@ -(()=>{var cN=Object.create,aK=Object.defineProperty,gT=Object.getPrototypeOf,gQ=Object.prototype.hasOwnProperty,gP=Object.getOwnPropertyNames,gL=Object.getOwnPropertyDescriptor,gK=a=>aK(a,"__esModule",{value:!0}),a=(b,a)=>()=>{return a||(a={exports:{}},b(a.exports,a)),a.exports},gJ=(b,a,c)=>{if(a&&typeof a=="object"||typeof a=="function")for(let d of gP(a))!gQ.call(b,d)&&d!=="default"&&aK(b,d,{get:()=>a[d],enumerable:!(c=gL(a,d))||c.enumerable});return b},m=a=>gJ(gK(aK(a!=null?cN(gT(a)):{},"default",a&&a.__esModule&&"default"in a?{get:()=>a.default,enumerable:!0}:{value:a,enumerable:!0})),a),cA=a((b,a)=>{typeof Object.create=="function"?a.exports=function(a,b){b&&(a.super_=b,a.prototype=Object.create(b.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}))}:a.exports=function(a,b){if(b){a.super_=b;var c=function(){};c.prototype=b.prototype,a.prototype=new c,a.prototype.constructor=a}}}),y=a((d,a)=>{var b=Object.prototype.hasOwnProperty,c=Object.prototype.toString;a.exports=function(a,g,h){var f,d,e;if(c.call(g)!=="[object Function]")throw new TypeError("iterator must be a function");if(f=a.length,f===+f)for(d=0;d<f;d++)g.call(h,a[d],d,a);else for(e in a)b.call(a,e)&&g.call(h,a[e],e,a)}}),_=a((e,d)=>{"use strict";var c=cA();function b(c,a){var d=y(),b=this;typeof Error.captureStackTrace=="function"?Error.captureStackTrace(this,this.constructor):b.stack=(new Error).stack||"Cannot get a stacktrace, browser is too old",this.name="AlgoliaSearchError",this.message=c||"Unknown error",a&&d(a,function(a,c){b[c]=a})}c(b,Error);function a(d,e){function a(){var a=Array.prototype.slice.call(arguments,0);typeof a[0]!="string"&&a.unshift(e),b.apply(this,a),this.name="AlgoliaSearch"+d+"Error"}return c(a,b),a}d.exports={AlgoliaSearchError:b,UnparsableJSON:a("UnparsableJSON","Could not parse the incoming response as JSON, see err.more for details"),RequestTimeout:a("RequestTimeout","Request timed out before getting a response"),Network:a("Network","Network issue, see err.more for details"),JSONPScriptFail:a("JSONPScriptFail","<script> was loaded but did not call our provided callback"),ValidUntilNotFound:a("ValidUntilNotFound","The SecuredAPIKey does not have a validUntil parameter."),JSONPScriptError:a("JSONPScriptError","<script> unable to load due to an `error` event on it"),ObjectNotFound:a("ObjectNotFound","Object not found"),Unknown:a("Unknown","Unknown error occured")}}),gD=a((b,a)=>{a.exports=function(a,b){b(a,0)}}),cv=a((d,a)=>{a.exports=c;var b=_();function c(a,c){return function(d,e,g){var f,h;if(typeof d=="function"&&typeof e=="object"||typeof g=="object")throw new b.AlgoliaSearchError("index.search usage is index.search(query, params, cb)");return arguments.length===0||typeof d=="function"?(g=d,d=""):(arguments.length===1||typeof e=="function")&&(g=e,e=void 0),typeof d=="object"&&d!==null?(e=d,d=void 0):(d===void 0||d===null)&&(d=""),f="",d!==void 0&&(f+=a+"="+encodeURIComponent(d)),e!==void 0&&(e.additionalUA&&(h=e.additionalUA,delete e.additionalUA),f=this.as._getSearchParams(e,f)),this._search(f,c,g,h)}}}),gw=a((b,a)=>{a.exports=function(b,c){var a=!1;function d(){return a||(console.warn(c),a=!0),b.apply(this,arguments)}return d}}),gv=a((b,a)=>{a.exports=function(a,b){var c=a.toLowerCase().replace(/[\.\(\)]/g,"");return"algoliasearch: `"+a+"` was replaced by `"+b+"`. Please see https://github.com/algolia/algoliasearch-client-javascript/wiki/Deprecated#"+c}}),gu=a((c,a)=>{var b=y();a.exports=function c(a){var d=Array.prototype.slice.call(arguments);return b(d,function(d){for(var b in d)d.hasOwnProperty(b)&&(typeof a[b]=="object"&&typeof d[b]=="object"?a[b]=c({},a[b],d[b]):d[b]!==void 0&&(a[b]=d[b]))}),a}}),u=a((b,a)=>{a.exports=function(a){return JSON.parse(JSON.stringify(a))}}),cs=a((c,b)=>{"use strict";var a=Object.prototype.toString;b.exports=function(b){var d=a.call(b),c=d==="[object Arguments]";return c||(c=d!=="[object Array]"&&b!==null&&typeof b=="object"&&typeof b.length=="number"&&b.length>=0&&a.call(b.callee)==="[object Function]"),c}}),gt=a((n,m)=>{"use strict";var j,b,e,g,d,h,i,a,c,l,k,f;Object.keys||(b=Object.prototype.hasOwnProperty,e=Object.prototype.toString,g=cs(),d=Object.prototype.propertyIsEnumerable,h=!d.call({toString:null},"toString"),i=d.call(function(){},"prototype"),a=["toString","toLocaleString","valueOf","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","constructor"],c=function(a){var b=a.constructor;return b&&b.prototype===a},l={$applicationCache:!0,$console:!0,$external:!0,$frame:!0,$frameElement:!0,$frames:!0,$innerHeight:!0,$innerWidth:!0,$onmozfullscreenchange:!0,$onmozfullscreenerror:!0,$outerHeight:!0,$outerWidth:!0,$pageXOffset:!0,$pageYOffset:!0,$parent:!0,$scrollLeft:!0,$scrollTop:!0,$scrollX:!0,$scrollY:!0,$self:!0,$webkitIndexedDB:!0,$webkitStorageInfo:!0,$window:!0},k=function(){if(typeof window=="undefined")return!1;for(var a in window)try{if(!l["$"+a]&&b.call(window,a)&&window[a]!==null&&typeof window[a]=="object")try{c(window[a])}catch(a){return!0}}catch(a){return!0}return!1}(),f=function(a){if(typeof window=="undefined"||!k)return c(a);try{return c(a)}catch(a){return!1}},j=function(c){var n=c!==null&&typeof c=="object",o=e.call(c)==="[object Function]",p=g(c),q=n&&e.call(c)==="[object String]",d=[],r,m,k,l,s,j;if(!n&&!o&&!p)throw new TypeError("Object.keys called on a non-object");if(r=i&&o,q&&c.length>0&&!b.call(c,0))for(m=0;m<c.length;++m)d.push(String(m));if(p&&c.length>0)for(k=0;k<c.length;++k)d.push(String(k));else for(l in c)!(r&&l==="prototype")&&b.call(c,l)&&d.push(String(l));if(h){s=f(c);for(j=0;j<a.length;++j)!(s&&a[j]==="constructor")&&b.call(c,a[j])&&d.push(a[j])}return d}),m.exports=j}),gl=a((g,d)=>{"use strict";var e=Array.prototype.slice,f=cs(),c=Object.keys,a=c?function(a){return c(a)}:gt(),b=Object.keys;a.shim=function(){if(Object.keys){var c=function(){var a=Object.keys(arguments);return a&&a.length===arguments.length}(1,2);c||(Object.keys=function(a){return f(a)?b(e.call(a)):b(a)})}else Object.keys=a;return Object.keys||a},d.exports=a}),ck=a((b,a)=>{a.exports=function(a,c){var d=gl(),e=y(),b={};return e(d(a),function(d){c(d)!==!0&&(b[d]=a[d])}),b}}),U=a((c,a)=>{var b={}.toString;a.exports=Array.isArray||function(a){return b.call(a)=="[object Array]"}}),R=a((c,a)=>{var b=y();a.exports=function(a,d){var c=[];return b(a,function(b,e){c.push(d(b,e,a))}),c}}),gk=a((f,e)=>{var b=cv(),c=gw(),d=gv();e.exports=a;function a(a,b){this.indexName=b,this.as=a,this.typeAheadArgs=null,this.typeAheadValueOption=null,this.cache={}}a.prototype.clearCache=function(){this.cache={}},a.prototype.search=b("query"),a.prototype.similarSearch=c(b("similarQuery"),d("index.similarSearch(query[, callback])","index.search({ similarQuery: query }[, callback])")),a.prototype.browse=function(c,a,b){var f=gu(),g=this,d,e,h;return arguments.length===0||arguments.length===1&&typeof arguments[0]=="function"?(d=0,b=arguments[0],c=void 0):typeof arguments[0]=="number"?(d=arguments[0],typeof arguments[1]=="number"?e=arguments[1]:typeof arguments[1]=="function"&&(b=arguments[1],e=void 0),c=void 0,a=void 0):typeof arguments[0]=="object"?(typeof arguments[1]=="function"&&(b=arguments[1]),a=arguments[0],c=void 0):typeof arguments[0]=="string"&&typeof arguments[1]=="function"&&(b=arguments[1],a=void 0),a=f({},a||{},{page:d,hitsPerPage:e,query:c}),h=this.as._getSearchParams(a,""),this.as._jsonRequest({method:"POST",url:"/1/indexes/"+encodeURIComponent(g.indexName)+"/browse",body:{params:h},hostType:"read",callback:b})},a.prototype.browseFrom=function(a,b){return this.as._jsonRequest({method:"POST",url:"/1/indexes/"+encodeURIComponent(this.indexName)+"/browse",body:{cursor:a},hostType:"read",callback:b})},a.prototype.searchForFacetValues=function(a,b){var c=u(),d=ck(),e="Usage: index.searchForFacetValues({facetName, facetQuery, ...params}[, callback])",f,g,h;if(a.facetName===void 0||a.facetQuery===void 0)throw new Error(e);return f=a.facetName,g=d(c(a),function(a){return a==="facetName"}),h=this.as._getSearchParams(g,""),this.as._jsonRequest({method:"POST",url:"/1/indexes/"+encodeURIComponent(this.indexName)+"/facets/"+encodeURIComponent(f)+"/query",hostType:"read",body:{params:h},callback:b})},a.prototype.searchFacet=c(function(a,b){return this.searchForFacetValues(a,b)},d("index.searchFacet(params[, callback])","index.searchForFacetValues(params[, callback])")),a.prototype._search=function(a,b,c,d){return this.as._jsonRequest({cache:this.cache,method:"POST",url:b||"/1/indexes/"+encodeURIComponent(this.indexName)+"/query",body:{params:a},hostType:"read",fallback:{method:"GET",url:"/1/indexes/"+encodeURIComponent(this.indexName),body:{params:a}},callback:c,additionalUA:d})},a.prototype.getObject=function(e,a,d){var f=this,b,c;if((arguments.length===1||typeof a=="function")&&(d=a,a=void 0),b="",a!==void 0){b="?attributes=";for(c=0;c<a.length;++c)c!==0&&(b+=","),b+=a[c]}return this.as._jsonRequest({method:"GET",url:"/1/indexes/"+encodeURIComponent(f.indexName)+"/"+encodeURIComponent(e)+b,hostType:"read",callback:d})},a.prototype.getObjects=function(b,a,c){var d=U(),e=R(),f="Usage: index.getObjects(arrayOfObjectIDs[, callback])",g,h;if(!d(b))throw new Error(f);return g=this,(arguments.length===1||typeof a=="function")&&(c=a,a=void 0),h={requests:e(b,function(c){var b={indexName:g.indexName,objectID:c};return a&&(b.attributesToRetrieve=a.join(",")),b})},this.as._jsonRequest({method:"POST",url:"/1/indexes/*/objects",hostType:"read",body:h,callback:c})},a.prototype.as=null,a.prototype.indexName=null,a.prototype.typeAheadArgs=null,a.prototype.typeAheadValueOption=null}),gi=a((k,g)=>{var a=1e3,b=a*60,c=b*60,d=c*24,f=d*365.25;g.exports=function(a,b){b=b||{};var c=typeof a;if(c==="string"&&a.length>0)return h(a);if(c==="number"&&isNaN(a)===!1)return b.long?j(a):i(a);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(a))};function h(g){var h,e,i;if(g=String(g),g.length>100)return;if(h=/^((?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|years?|yrs?|y)?$/i.exec(g),!h)return;switch(e=parseFloat(h[1]),i=(h[2]||"ms").toLowerCase(),i){case"years":case"year":case"yrs":case"yr":case"y":return e*f;case"days":case"day":case"d":return e*d;case"hours":case"hour":case"hrs":case"hr":case"h":return e*c;case"minutes":case"minute":case"mins":case"min":case"m":return e*b;case"seconds":case"second":case"secs":case"sec":case"s":return e*a;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return e;default:return void 0}}function i(e){return e>=d?Math.round(e/d)+"d":e>=c?Math.round(e/c)+"h":e>=b?Math.round(e/b)+"m":e>=a?Math.round(e/a)+"s":e+"ms"}function j(f){return e(f,d,"day")||e(f,c,"hour")||e(f,b,"minute")||e(f,a,"second")||f+" ms"}function e(a,b,c){if(a<b)return;return a<b*1.5?Math.floor(a/b)+" "+c:Math.ceil(a/b)+" "+c+"s"}}),gh=a((a,d)=>{a=d.exports=c.debug=c.default=c,a.coerce=i,a.disable=g,a.enable=f,a.enabled=h,a.humanize=gi(),a.names=[],a.skips=[],a.formatters={};var b;function e(c){var b=0,d;for(d in c)b=(b<<5)-b+c.charCodeAt(d),b|=0;return a.colors[Math.abs(b)%a.colors.length]}function c(d){function c(){var e,f,i,d,g,h,j;if(!c.enabled)return;e=c,f=+new Date,i=f-(b||f),e.diff=i,e.prev=b,e.curr=f,b=f,d=new Array(arguments.length);for(g=0;g<d.length;g++)d[g]=arguments[g];d[0]=a.coerce(d[0]),typeof d[0]!="string"&&d.unshift("%O"),h=0,d[0]=d[0].replace(/%([a-zA-Z%])/g,function(b,g){var c,f;return b==="%%"?b:(h++,c=a.formatters[g],typeof c=="function"&&(f=d[h],b=c.call(e,f),d.splice(h,1),h--),b)}),a.formatArgs.call(e,d),j=c.log||a.log||console.log.bind(console),j.apply(e,d)}return c.namespace=d,c.enabled=a.enabled(d),c.useColors=a.useColors(),c.color=e(d),typeof a.init=="function"&&a.init(c),c}function f(b){var d,e,c;a.save(b),a.names=[],a.skips=[],d=(typeof b=="string"?b:"").split(/[\s,]+/),e=d.length;for(c=0;c<e;c++){if(!d[c])continue;b=d[c].replace(/\*/g,".*?"),b[0]==="-"?a.skips.push(new RegExp("^"+b.substr(1)+"$")):a.names.push(new RegExp("^"+b+"$"))}}function g(){a.enable("")}function h(d){var b,c;for(b=0,c=a.skips.length;b<c;b++)if(a.skips[b].test(d))return!1;for(b=0,c=a.names.length;b<c;b++)if(a.names[b].test(d))return!0;return!1}function i(a){return a instanceof Error?a.stack||a.message:a}}),O=a((a,c)=>{a=c.exports=gh(),a.log=f,a.formatArgs=e,a.save=g,a.load=b,a.useColors=d,a.storage=typeof chrome!="undefined"&&typeof chrome.storage!="undefined"?chrome.storage.local:h(),a.colors=["lightseagreen","forestgreen","goldenrod","dodgerblue","darkorchid","crimson"];function d(){return!!(typeof window!="undefined"&&window.process&&window.process.type==="renderer")||typeof document!="undefined"&&document.documentElement&&document.documentElement.style&&document.documentElement.style.WebkitAppearance||typeof window!="undefined"&&window.console&&(window.console.firebug||window.console.exception&&window.console.table)||typeof navigator!="undefined"&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/)&&parseInt(RegExp.$1,10)>=31||typeof navigator!="undefined"&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/)}a.formatters.j=function(a){try{return JSON.stringify(a)}catch(a){return"[UnexpectedJSONParseError]: "+a.message}};function e(b){var c=this.useColors,d,e,f;if(b[0]=(c?"%c":"")+this.namespace+(c?" %c":" ")+b[0]+(c?"%c ":" ")+"+"+a.humanize(this.diff),!c)return;d="color: "+this.color,b.splice(1,0,d,"color: inherit"),e=0,f=0,b[0].replace(/%[a-zA-Z%]/g,function(a){if(a==="%%")return;e++,a==="%c"&&(f=e)}),b.splice(f,0,d)}function f(){return typeof console=="object"&&console.log&&Function.prototype.apply.call(console.log,console,arguments)}function g(b){try{b==null?a.storage.removeItem("debug"):a.storage.debug=b}catch(a){}}function b(){var b;try{b=a.storage.debug}catch(a){}return!b&&typeof process!="undefined"&&"env"in process&&(b=process.env.DEBUG),b}a.enable(b());function h(){try{return window.localStorage}catch(a){}}}),gg=a((k,h)=>{var i=O()("algoliasearch:src/hostIndexState.js"),a="algoliasearch-client-js",c={state:{},set:function(a,b){return this.state[a]=b,this.state[a]},get:function(a){return this.state[a]||null}},g={set:function(b,f){c.set(b,f);try{var e=JSON.parse(global.localStorage[a]);return e[b]=f,global.localStorage[a]=JSON.stringify(e),e[b]}catch(a){return d(b,a)}},get:function(b){try{return JSON.parse(global.localStorage[a])[b]||null}catch(a){return d(b,a)}}},b;function d(a,d){return i("localStorage failed with",d),j(),b=c,b.get(a)}b=f()?g:c,h.exports={get:e,set:e,supportsLocalStorage:f};function e(a,c){return arguments.length===1?b.get(a):b.set(a,c)}function f(){try{return!!("localStorage"in global&&global.localStorage!==null)&&(global.localStorage[a]||global.localStorage.setItem(a,JSON.stringify({})),!0)}catch(a){return!1}}function j(){try{global.localStorage.removeItem(a)}catch(a){}}}),gf=a((m,k)=>{var b,e,i,c,g,h;k.exports=a,b=_(),e=gD(),i=gk(),c=gg(),g=500,h=process.env.RESET_APP_DATA_TIMER&&parseInt(process.env.RESET_APP_DATA_TIMER,10)||60*2*1e3;function a(e,g,a){var l=O()("algoliasearch"),d=u(),k=U(),f=R(),i="Usage: algoliasearch(applicationID, apiKey, opts)",c,h,m;if(a._allowEmptyCredentials!==!0&&!e)throw new b.AlgoliaSearchError("Please provide an application ID. "+i);if(a._allowEmptyCredentials!==!0&&!g)throw new b.AlgoliaSearchError("Please provide an API key. "+i);if(this.applicationID=e,this.apiKey=g,this.hosts={read:[],write:[]},a=a||{},this._timeouts=a.timeouts||{connect:1*1e3,read:2*1e3,write:30*1e3},a.timeout&&(this._timeouts.connect=this._timeouts.read=this._timeouts.write=a.timeout),c=a.protocol||"https:",/:$/.test(c)||(c=c+":"),c!=="http:"&&c!=="https:")throw new b.AlgoliaSearchError("protocol must be `http:` or `https:` (was `"+a.protocol+"`)");this._checkAppIdData(),a.hosts?k(a.hosts)?(this.hosts.read=d(a.hosts),this.hosts.write=d(a.hosts)):(this.hosts.read=d(a.hosts.read),this.hosts.write=d(a.hosts.write)):(h=f(this._shuffleResult,function(a){return e+"-"+a+".algolianet.com"}),m=(a.dsn===!1?"":"-dsn")+".algolia.net",this.hosts.read=[this.applicationID+m].concat(h),this.hosts.write=[this.applicationID+".algolia.net"].concat(h)),this.hosts.read=f(this.hosts.read,j(c)),this.hosts.write=f(this.hosts.write,j(c)),this.extraHeaders={},this.cache=a._cache||{},this._ua=a._ua,this._useCache=!!(a._useCache===void 0||a._cache)||a._useCache,this._useRequestCache=this._useCache&&a._useRequestCache,this._useFallback=a.useFallback===void 0||a.useFallback,this._setTimeout=a._setTimeout,l("init done, %j",this)}a.prototype.initIndex=function(a){return new i(this,a)},a.prototype.setExtraHeader=function(a,b){this.extraHeaders[a.toLowerCase()]=b},a.prototype.getExtraHeader=function(a){return this.extraHeaders[a.toLowerCase()]},a.prototype.unsetExtraHeader=function(a){delete this.extraHeaders[a.toLowerCase()]},a.prototype.addAlgoliaAgent=function(b){var a="; "+b;this._ua.indexOf(a)===-1&&(this._ua+=a)},a.prototype._jsonRequest=function(c){var h,j,i,q,k,a,n,p,s,l,m,o,w,u;this._checkAppIdData(),h=O()("algoliasearch:"+c.url),q=c.additionalUA||"",k=c.cache,a=this,n=0,p=!1,s=a._useFallback&&a._request.fallback&&c.fallback,this.apiKey.length>g&&c.body!==void 0&&(c.body.params!==void 0||c.body.requests!==void 0)?(c.body.apiKey=this.apiKey,l=this._computeRequestHeaders({additionalUA:q,withApiKey:!1,headers:c.headers})):l=this._computeRequestHeaders({additionalUA:q,headers:c.headers}),c.body!==void 0&&(j=d(c.body)),h("request start"),m=[];function r(v,e){var o,w,u,x,g;return a._checkAppIdData(),o=new Date,a._useCache&&!a._useRequestCache&&(i=c.url),a._useCache&&!a._useRequestCache&&j&&(i+="_body_"+e.body),t(!a._useRequestCache,k,i)?(h("serving response from cache"),w=k[i],a._promise.resolve({body:JSON.parse(w),responseText:w})):n>=a.hosts[c.hostType].length?!s||p?(h("could not get any response"),a._promise.reject(new b.AlgoliaSearchError("Cannot connect to the AlgoliaSearch API. Send an email to support@algolia.com to report and resolve the issue. Application id was: "+a.applicationID,{debugData:m}))):(h("switching to fallback"),n=0,e.method=c.fallback.method,e.url=c.fallback.url,e.jsonBody=c.fallback.body,e.jsonBody&&(e.body=d(e.jsonBody)),l=a._computeRequestHeaders({additionalUA:q,headers:c.headers}),e.timeouts=a._getTimeoutsForRequest(c.hostType),a._setHostIndexByType(0,c.hostType),p=!0,r(a._request.fallback,e)):(u=a._getHostByType(c.hostType),x=u+e.url,g={body:e.body,jsonBody:e.jsonBody,method:e.method,headers:l,timeouts:e.timeouts,debug:h,forceAuthHeaders:e.forceAuthHeaders},h("method: %s, url: %s, headers: %j, timeouts: %d",g.method,x,g.headers,g.timeouts),v===a._request.fallback&&h("using fallback"),v.call(a,x,g).then(z,A));function z(c){var d=c&&c.body&&c.body.message&&c.body.status||c.statusCode||c&&c.body&&200,p,g,q,r;return h("received response: statusCode: %s, computed statusCode: %d, headers: %j",c.statusCode,d,c.headers),p=Math.floor(d/100)===2,g=new Date,m.push({currentHost:u,headers:f(l),content:j||null,contentLength:j!==void 0?j.length:null,method:e.method,timeouts:e.timeouts,url:e.url,startTime:o,endTime:g,duration:g-o,statusCode:d}),p?(a._useCache&&!a._useRequestCache&&k&&(k[i]=c.responseText),{responseText:c.responseText,body:c.body}):(q=Math.floor(d/100)!==4,q)?(n+=1,y()):(h("unrecoverable error"),r=new b.AlgoliaSearchError(c.body&&c.body.message,{debugData:m,statusCode:d}),a._promise.reject(r))}function A(d){h("error: %s, stack: %s",d.message,d.stack);var g=new Date;return m.push({currentHost:u,headers:f(l),content:j||null,contentLength:j!==void 0?j.length:null,method:e.method,timeouts:e.timeouts,url:e.url,startTime:o,endTime:g,duration:g-o}),d instanceof b.AlgoliaSearchError||(d=new b.Unknown(d&&d.message,d)),n+=1,d instanceof b.Unknown||d instanceof b.UnparsableJSON||n>=a.hosts[c.hostType].length&&(p||!s)?(d.debugData=m,a._promise.reject(d)):d instanceof b.RequestTimeout?B():y()}function y(){return h("retrying request"),a._incrementHostIndex(c.hostType),r(v,e)}function B(){return h("retrying request with higher timeout"),a._incrementHostIndex(c.hostType),a._incrementTimeoutMultipler(),e.timeouts=a._getTimeoutsForRequest(c.hostType),r(v,e)}}function t(c,b,d){return a._useCache&&c&&b&&b[d]!==void 0}function v(b,d){if(t(a._useRequestCache,k,i)&&b.catch(function(){delete k[i]}),typeof c.callback=="function")b.then(function(b){e(function(){c.callback(null,d(b))},a._setTimeout||setTimeout)},function(b){e(function(){c.callback(b)},a._setTimeout||setTimeout)});else return b.then(d)}return a._useCache&&a._useRequestCache&&(i=c.url),a._useCache&&a._useRequestCache&&j&&(i+="_body_"+j),t(a._useRequestCache,k,i)?(h("serving request from cache"),o=k[i],w=typeof o.then!="function"?a._promise.resolve({responseText:o}):o,v(w,function(a){return JSON.parse(a.responseText)})):(u=r(a._request,{url:c.url,method:c.method,body:j,jsonBody:c.body,timeouts:a._getTimeoutsForRequest(c.hostType),forceAuthHeaders:c.forceAuthHeaders}),a._useCache&&a._useRequestCache&&k&&(k[i]=u),v(u,function(a){return a.body}))},a.prototype._getSearchParams=function(a,c){if(a===void 0||a===null)return c;for(var b in a)b!==null&&a[b]!==void 0&&a.hasOwnProperty(b)&&(c+=c===""?"":"&",c+=b+"="+encodeURIComponent(Object.prototype.toString.call(a[b])==="[object Array]"?d(a[b]):a[b]));return c},a.prototype._computeRequestHeaders=function(b){var c=y(),d=b.additionalUA?this._ua+"; "+b.additionalUA:this._ua,a={"x-algolia-agent":d,"x-algolia-application-id":this.applicationID};return b.withApiKey!==!1&&(a["x-algolia-api-key"]=this.apiKey),this.userToken&&(a["x-algolia-usertoken"]=this.userToken),this.securityTags&&(a["x-algolia-tagfilters"]=this.securityTags),c(this.extraHeaders,function(b,c){a[c]=b}),b.headers&&c(b.headers,function(b,c){a[c]=b}),a},a.prototype.search=function(c,a,d){var f=U(),e=R(),g="Usage: client.search(arrayOfQueries[, callback])",h,b,i,j;if(!f(c))throw new Error(g);return typeof a=="function"?(d=a,a={}):a===void 0&&(a={}),h=this,b={requests:e(c,function(a){var b="";return a.query!==void 0&&(b+="query="+encodeURIComponent(a.query)),{indexName:a.indexName,params:h._getSearchParams(a.params,b)}})},i=e(b.requests,function(a,b){return b+"="+encodeURIComponent("/1/indexes/"+encodeURIComponent(a.indexName)+"?"+a.params)}).join("&"),j="/1/indexes/*/queries",a.strategy!==void 0&&(b.strategy=a.strategy),this._jsonRequest({cache:this.cache,method:"POST",url:j,body:b,hostType:"read",fallback:{method:"GET",url:"/1/indexes/*",body:{params:i}},callback:d})},a.prototype.searchForFacetValues=function(b){var d=U(),e=R(),c="Usage: client.searchForFacetValues([{indexName, params: {facetName, facetQuery, ...params}}, ...queries])",a;if(!d(b))throw new Error(c);return a=this,a._promise.all(e(b,function(b){var f,g,h,d,e,i,j;if(!b||b.indexName===void 0||b.params.facetName===void 0||b.params.facetQuery===void 0)throw new Error(c);return f=u(),g=ck(),h=b.indexName,d=b.params,e=d.facetName,i=g(f(d),function(a){return a==="facetName"}),j=a._getSearchParams(i,""),a._jsonRequest({cache:a.cache,method:"POST",url:"/1/indexes/"+encodeURIComponent(h)+"/facets/"+encodeURIComponent(e)+"/query",hostType:"read",body:{params:j}})}))},a.prototype.setSecurityTags=function(a){var c,b,e,d;if(Object.prototype.toString.call(a)==="[object Array]"){c=[];for(b=0;b<a.length;++b)if(Object.prototype.toString.call(a[b])==="[object Array]"){e=[];for(d=0;d<a[b].length;++d)e.push(a[b][d]);c.push("("+e.join(",")+")")}else c.push(a[b]);a=c.join(",")}this.securityTags=a},a.prototype.setUserToken=function(a){this.userToken=a},a.prototype.clearCache=function(){this.cache={}},a.prototype.setRequestTimeout=function(a){a&&(this._timeouts.connect=this._timeouts.read=this._timeouts.write=a)},a.prototype.setTimeouts=function(a){this._timeouts=a},a.prototype.getTimeouts=function(){return this._timeouts},a.prototype._getAppIdData=function(){var a=c.get(this.applicationID);return a!==null&&this._cacheAppIdData(a),a},a.prototype._setAppIdData=function(a){return a.lastChange=(new Date).getTime(),this._cacheAppIdData(a),c.set(this.applicationID,a)},a.prototype._checkAppIdData=function(){var a=this._getAppIdData(),b=(new Date).getTime();return a===null||b-a.lastChange>h?this._resetInitialAppIdData(a):a},a.prototype._resetInitialAppIdData=function(b){var a=b||{};return a.hostIndexes={read:0,write:0},a.timeoutMultiplier=1,a.shuffleResult=a.shuffleResult||l([1,2,3]),this._setAppIdData(a)},a.prototype._cacheAppIdData=function(a){this._hostIndexes=a.hostIndexes,this._timeoutMultiplier=a.timeoutMultiplier,this._shuffleResult=a.shuffleResult},a.prototype._partialAppIdDataUpdate=function(b){var c=y(),a=this._getAppIdData();return c(b,function(b,c){a[c]=b}),this._setAppIdData(a)},a.prototype._getHostByType=function(a){return this.hosts[a][this._getHostIndexByType(a)]},a.prototype._getTimeoutMultiplier=function(){return this._timeoutMultiplier},a.prototype._getHostIndexByType=function(a){return this._hostIndexes[a]},a.prototype._setHostIndexByType=function(a,c){var d=u(),b=d(this._hostIndexes);return b[c]=a,this._partialAppIdDataUpdate({hostIndexes:b}),a},a.prototype._incrementHostIndex=function(a){return this._setHostIndexByType((this._getHostIndexByType(a)+1)%this.hosts[a].length,a)},a.prototype._incrementTimeoutMultipler=function(){var a=Math.max(this._timeoutMultiplier+1,4);return this._partialAppIdDataUpdate({timeoutMultiplier:a})},a.prototype._getTimeoutsForRequest=function(a){return{connect:this._timeouts.connect*this._timeoutMultiplier,complete:this._timeouts[a]*this._timeoutMultiplier}};function j(a){return function(b){return a+"//"+b.toLowerCase()}}function d(a){var b,c;return Array.prototype.toJSON===void 0?JSON.stringify(a):(b=Array.prototype.toJSON,delete Array.prototype.toJSON,c=JSON.stringify(a),Array.prototype.toJSON=b,c)}function l(a){for(var b=a.length,d,c;b!==0;)c=Math.floor(Math.random()*b),b-=1,d=a[b],a[b]=a[c],a[c]=d;return a}function f(b){var d={},a,c;for(a in b)Object.prototype.hasOwnProperty.call(b,a)&&(a==="x-algolia-api-key"||a==="x-algolia-application-id"?c="**hidden for security purposes**":c=b[a],d[a]=c);return d}}),ge=a((c,b)=>{var a;typeof window!="undefined"?a=window:typeof global!="undefined"?a=global:typeof self!="undefined"?a=self:a={},b.exports=a}),gd=a((a,b)=>{(function(d,c){typeof a=="object"&&typeof b!="undefined"?b.exports=c():typeof define=="function"&&define.amd?define(c):d.ES6Promise=c()})(a,function(){"use strict";var p,v,f,q,o,d,w,B,A,E,G,g,i,m,e,j,h,t,H,b;function V(a){var b=typeof a;return a!==null&&(b==="object"||b==="function")}function x(a){return typeof a=="function"}p=void 0,Array.isArray?p=Array.isArray:p=function(a){return Object.prototype.toString.call(a)==="[object Array]"},v=p,f=0,q=void 0,o=void 0,d=function(a,b){g[f]=a,g[f+1]=b,f+=2,f===2&&(o?o(k):i())};function ab(a){o=a}function X(a){d=a}w=typeof window!="undefined"?window:void 0,B=w||{},A=B.MutationObserver||B.WebKitMutationObserver,E=typeof self=="undefined"&&typeof process!="undefined"&&{}.toString.call(process)==="[object process]",G=typeof Uint8ClampedArray!="undefined"&&typeof importScripts!="undefined"&&typeof MessageChannel!="undefined";function I(){return function(){return process.nextTick(k)}}function R(){return typeof q!="undefined"?function(){q(k)}:r()}function P(){var a=0,c=new A(k),b=document.createTextNode("");return c.observe(b,{characterData:!0}),function(){b.data=a=++a%2}}function O(){var a=new MessageChannel;return a.port1.onmessage=k,function(){return a.port2.postMessage(0)}}function r(){var a=setTimeout;return function(){return a(k,1)}}g=new Array(1e3);function k(){for(var a=0,b,c;a<f;a+=2)b=g[a],c=g[a+1],b(c),g[a]=void 0,g[a+1]=void 0;f=0}function N(){try{var a=Function("return this")().require("vertx");return q=a.runOnLoop||a.runOnContext,R()}catch(a){return r()}}i=void 0,E?i=I():A?i=P():G?i=O():w===void 0&&!0?i=N():i=r();function y(e,f){var b=this,a=new this.constructor(l),c,g;return a[m]===void 0&&D(a),c=b._state,c?(g=arguments[c-1],d(function(){return C(c,a,g,b._result)})):s(b,a,e,f),a}function z(a){var b=this,c;return a&&typeof a=="object"&&a.constructor===b?a:(c=new b(l),n(c,a),c)}m=Math.random().toString(36).substring(2);function l(){}e=void 0,j=1,h=2;function L(){return new TypeError("You cannot resolve a promise with itself")}function K(){return new TypeError("A promises callback cannot return that same promise.")}function ac(a,b,c,d){try{a.call(b,c,d)}catch(a){return a}}function T(e,b,f){d(function(e){var d=!1,g=ac(f,b,function(a){if(d)return;d=!0,b!==a?n(e,a):c(e,a)},function(b){if(d)return;d=!0,a(e,b)},"Settle: "+(e._label||" unknown promise"));!d&&g&&(d=!0,a(e,g))},e)}function J(d,b){b._state===j?c(d,b._result):b._state===h?a(d,b._result):s(b,void 0,function(a){return n(d,a)},function(b){return a(d,b)})}function F(b,a,d){a.constructor===b.constructor&&d===y&&a.constructor.resolve===z?J(b,a):d===void 0?c(b,a):x(d)?T(b,a,d):c(b,a)}function n(b,d){if(b===d)a(b,L());else if(V(d)){var e=void 0;try{e=d.then}catch(c){a(b,c);return}F(b,d,e)}else c(b,d)}function M(a){a._onerror&&a._onerror(a._result),u(a)}function c(a,b){if(a._state!==e)return;a._result=b,a._state=j,a._subscribers.length!==0&&d(u,a)}function a(a,b){if(a._state!==e)return;a._state=h,a._result=b,d(M,a)}function s(a,e,f,g){var b=a._subscribers,c=b.length;a._onerror=null,b[c]=e,b[c+j]=f,b[c+h]=g,c===0&&a._state&&d(u,a)}function u(a){var b=a._subscribers,f=a._state,d,e,g,c;if(b.length===0)return;d=void 0,e=void 0,g=a._result;for(c=0;c<b.length;c+=3)d=b[c],e=b[c+f],d?C(f,d,e,g):e(g);a._subscribers.length=0}function C(g,b,i,k){var l=x(i),d=void 0,m=void 0,f=!0;if(l){{try{d=i(k)}catch(a){f=!1,m=a}if(b===d){a(b,K());return}}}else d=k;b._state!==e||(l&&f?n(b,d):f===!1?a(b,m):g===j?c(b,d):g===h&&a(b,d))}function S(b,c){try{c(function(a){n(b,a)},function(c){a(b,c)})}catch(c){a(b,c)}}t=0;function U(){return t++}function D(a){a[m]=t++,a._state=void 0,a._result=void 0,a._subscribers=[]}function W(){return new Error("Array Methods must be provided an Array")}H=function(){function d(d,b){this._instanceConstructor=d,this.promise=new d(l),this.promise[m]||D(this.promise),v(b)?(this.length=b.length,this._remaining=b.length,this._result=new Array(this.length),this.length===0?c(this.promise,this._result):(this.length=this.length||0,this._enumerate(b),this._remaining===0&&c(this.promise,this._result))):a(this.promise,W())}return d.prototype._enumerate=function(b){for(var a=0;this._state===e&&a<b.length;a++)this._eachEntry(b[a],a)},d.prototype._eachEntry=function(c,d){var f=this._instanceConstructor,j=f.resolve,g,i,k,h;if(j===z){g=void 0,i=void 0,k=!1;try{g=c.then}catch(a){k=!0,i=a}g===y&&c._state!==e?this._settledAt(c._state,d,c._result):typeof g!="function"?(this._remaining--,this._result[d]=c):f===b?(h=new f(l),k?a(h,i):F(h,c,g),this._willSettleAt(h,d)):this._willSettleAt(new f(function(a){return a(c)}),d)}else this._willSettleAt(j(c),d)},d.prototype._settledAt=function(f,g,d){var b=this.promise;b._state===e&&(this._remaining--,f===h?a(b,d):this._result[g]=d),this._remaining===0&&c(b,this._result)},d.prototype._willSettleAt=function(c,a){var b=this;s(c,void 0,function(c){return b._settledAt(j,a,c)},function(c){return b._settledAt(h,a,c)})},d}();function Y(a){return new H(this,a).promise}function Z(a){var b=this;return v(a)?new b(function(d,e){for(var f=a.length,c=0;c<f;c++)b.resolve(a[c]).then(d,e)}):new b(function(b,a){return a(new TypeError("You must pass an array to race."))})}function _(c){var d=this,b=new d(l);return a(b,c),b}function $(){throw new TypeError("You must pass a resolver function as the first argument to the promise constructor")}function aa(){throw new TypeError("Failed to construct 'Promise': Please use the 'new' operator, this object constructor cannot be called as a function.")}b=function(){function a(b){this[m]=U(),this._result=this._state=void 0,this._subscribers=[],l!==b&&(typeof b!="function"&&$(),this instanceof a?S(this,b):aa())}return a.prototype.catch=function(a){return this.then(null,a)},a.prototype.finally=function(a){var b=this,c=b.constructor;return x(a)?b.then(function(b){return c.resolve(a()).then(function(){return b})},function(b){return c.resolve(a()).then(function(){throw b})}):b.then(a,a)},a}(),b.prototype.then=y,b.all=Y,b.race=Z,b.resolve=z,b.reject=_,b._setScheduler=ab,b._setAsap=X,b._asap=d;function Q(){var a=void 0,c,d;if(typeof global!="undefined")a=global;else if(typeof self!="undefined")a=self;else try{a=Function("return this")()}catch(a){throw new Error("polyfill failed because global object is unavailable in this environment")}if(c=a.Promise,c){d=null;try{d=Object.prototype.toString.call(c.resolve())}catch(a){}if(d==="[object Promise]"&&!c.cast)return}a.Promise=b}return b.polyfill=Q,b.Promise=b,b})}),ce=a((f,c)=>{"use strict";var a=function(a){switch(typeof a){case"string":return a;case"boolean":return a?"true":"false";case"number":return isFinite(a)?a:"";default:return""}},d,e;c.exports=function(c,f,g,h){return f=f||"&",g=g||"=",c===null&&(c=void 0),typeof c=="object"?b(e(c),function(e){var h=encodeURIComponent(a(e))+g;return d(c[e])?b(c[e],function(b){return h+encodeURIComponent(a(b))}).join(f):h+encodeURIComponent(a(c[e]))}).join(f):h?encodeURIComponent(a(h))+g+encodeURIComponent(a(c)):""},d=Array.isArray||function(a){return Object.prototype.toString.call(a)==="[object Array]"};function b(b,d){var c,a;if(b.map)return b.map(d);c=[];for(a=0;a<b.length;a++)c.push(d(b[a],a));return c}e=Object.keys||function(a){var b=[],c;for(c in a)Object.prototype.hasOwnProperty.call(a,c)&&b.push(c);return b}}),ga=a((d,a)=>{"use strict";a.exports=c;var b=ce();function c(a,c){return/\?/.test(a)?a+="&":a+="?",a+b(c)}}),f_=a((e,c)=>{"use strict";var a,b;c.exports=d,a=_(),b=0;function d(j,d,f){var l,g,k,c,e,i,m;if(d.method!=="GET"){f(new Error("Method "+d.method+" "+j+" is not supported by JSONP."));return}d.debug("JSONP: start"),l=!1,g=!1,b+=1,k=document.getElementsByTagName("head")[0],c=document.createElement("script"),e="algoliaJSONP_"+b,i=!1,window[e]=function(a){if(p(),g){d.debug("JSONP: Late answer, ignoring");return}l=!0,h(),f(null,{body:a,responseText:JSON.stringify(a)})},j+="&callback="+e,d.jsonBody&&d.jsonBody.params&&(j+="&"+d.jsonBody.params),m=setTimeout(q,d.timeouts.complete),c.onreadystatechange=o,c.onload=n,c.onerror=r,c.async=!0,c.defer=!0,c.src=j,k.appendChild(c);function n(){if(d.debug("JSONP: success"),i||g)return;i=!0,l||(d.debug("JSONP: Fail. Script loaded but did not call the callback"),h(),f(new a.JSONPScriptFail))}function o(){(this.readyState==="loaded"||this.readyState==="complete")&&n()}function h(){clearTimeout(m),c.onload=null,c.onreadystatechange=null,c.onerror=null,k.removeChild(c)}function p(){try{delete window[e],delete window[e+"_loaded"]}catch(a){window[e]=window[e+"_loaded"]=void 0}}function q(){d.debug("JSONP: Script timeout"),g=!0,h(),f(new a.RequestTimeout)}function r(){if(d.debug("JSONP: Script error"),i||g)return;h(),f(new a.JSONPScriptError)}}}),fV=a((d,a)=>{"use strict";function b(a,b){return Object.prototype.hasOwnProperty.call(a,b)}a.exports=function(e,p,o,n){var a,q,f,m,j,g,k,l,i,d,h;if(p=p||"&",o=o||"=",a={},typeof e!="string"||e.length===0)return a;q=/\+/g,e=e.split(p),f=1e3,n&&typeof n.maxKeys=="number"&&(f=n.maxKeys),m=e.length,f>0&&m>f&&(m=f);for(j=0;j<m;++j)g=e[j].replace(q,"%20"),k=g.indexOf(o),k>=0?(l=g.substr(0,k),i=g.substr(k+1)):(l=g,i=""),d=decodeURIComponent(l),h=decodeURIComponent(i),b(a,d)?c(a[d])?a[d].push(h):a[d]=[a[d],h]:a[d]=h;return a};var c=Array.isArray||function(a){return Object.prototype.toString.call(a)==="[object Array]"}}),fS=a(a=>{"use strict";a.decode=a.parse=fV(),a.encode=a.stringify=ce()}),fQ=a((e,c)=>{var a,b;c.exports=d,a=fS(),b=cv();function d(c){return function(f,g,d){var h=u(),i,e;return d=d&&h(d)||{},d.hosts=d.hosts||["places-dsn.algolia.net","places-1.algolianet.com","places-2.algolianet.com","places-3.algolianet.com"],(arguments.length===0||typeof f=="object"||f===void 0)&&(f="",g="",d._allowEmptyCredentials=!0),i=c(f,g,d),e=i.initIndex("places"),e.search=b("query","/1/places/query"),e.reverse=function(b,c){var d=a.encode(b);return this.as._jsonRequest({method:"GET",url:"/1/places/reverse?"+d,hostType:"read",callback:c})},e.getObject=function(a,b){return this.as._jsonRequest({method:"GET",url:"/1/places/"+encodeURIComponent(a),hostType:"read",callback:b})},e}}}),fP=a((b,a)=>{"use strict";a.exports="3.35.1"}),fO=a((d,c)=>{"use strict";var b=ge(),a=b.Promise||gd().Promise;c.exports=function(h,g){var l=cA(),e=_(),i=ga(),j=f_(),k=fQ(),d;g=g||"",!1&&null.enable("algoliasearch*");function c(b,d,a){var e=u();return a=e(a||{}),a._ua=a._ua||c.ua,new f(b,d,a)}c.version=fP(),c.ua="Algolia for JavaScript ("+c.version+"); "+g,c.initPlaces=k(c),b.__algolia={debug:O(),algoliasearch:c},d={hasXMLHttpRequest:"XMLHttpRequest"in b,hasXDomainRequest:"XDomainRequest"in b},d.hasXMLHttpRequest&&(d.cors="withCredentials"in new XMLHttpRequest);function f(){h.apply(this,arguments)}return l(f,h),f.prototype._request=function(c,b){return new a(function(q,j){var k,a,f,g,h;if(!d.cors&&!d.hasXDomainRequest){j(new e.Network("CORS not supported"));return}c=i(c,b.headers),k=b.body,a=d.cors?new XMLHttpRequest:new XDomainRequest,h=!1,f=setTimeout(l,b.timeouts.connect),a.onprogress=r,"onreadystatechange"in a&&(a.onreadystatechange=n),a.onload=p,a.onerror=o,a instanceof XMLHttpRequest?(a.open(b.method,c,!0),b.forceAuthHeaders&&(a.setRequestHeader("x-algolia-application-id",b.headers["x-algolia-application-id"]),a.setRequestHeader("x-algolia-api-key",b.headers["x-algolia-api-key"]))):a.open(b.method,c),d.cors&&(k&&(b.method==="POST"?a.setRequestHeader("content-type","application/x-www-form-urlencoded"):a.setRequestHeader("content-type","application/json")),a.setRequestHeader("accept","application/json")),k?a.send(k):a.send();function p(){if(g)return;clearTimeout(f);var b;try{b={body:JSON.parse(a.responseText),responseText:a.responseText,statusCode:a.status,headers:a.getAllResponseHeaders&&a.getAllResponseHeaders()||{}}}catch(c){b=new e.UnparsableJSON({more:a.responseText})}b instanceof e.UnparsableJSON?j(b):q(b)}function o(a){if(g)return;clearTimeout(f),j(new e.Network({more:a}))}function l(){g=!0,a.abort(),j(new e.RequestTimeout)}function m(){h=!0,clearTimeout(f),f=setTimeout(l,b.timeouts.complete)}function r(){h||m()}function n(){!h&&a.readyState>1&&m()}})},f.prototype._request.fallback=function(b,c){return b=i(b,c.headers),new a(function(a,d){j(b,c,function(b,c){if(b){d(b);return}a(c)})})},f.prototype._promise={reject:function(b){return a.reject(b)},resolve:function(b){return a.resolve(b)},delay:function(b){return new a(function(a){setTimeout(a,b)})},all:function(b){return a.all(b)}},c}}),fN=a((d,a)=>{"use strict";var b=gf(),c=fO();a.exports=c(b,"Browser (lite)")}),aA=a((f,c)=>{"use strict";function d(a){return typeof a=="object"&&a!==null?b(Array.isArray(a)?[]:{},a):a}function a(a){return typeof a=="function"||Array.isArray(a)||Object.prototype.toString.call(a)==="[object Object]"}function b(c,g){var e,f,h;if(c===g)return c;for(e in g){if(!Object.prototype.hasOwnProperty.call(g,e))continue;if(f=g[e],h=c[e],typeof h!="undefined"&&typeof f=="undefined")continue;a(h)&&a(f)?c[e]=b(h,f):c[e]=d(f)}return c}function e(c){var d,f,e;a(c)||(c={});for(d=1,f=arguments.length;d<f;d++)e=arguments[d],a(e)&&b(c,e);return c}c.exports=e}),az=a((b,a)=>{"use strict";a.exports=function(){var a=Array.prototype.slice.call(arguments);return a.reduceRight(function(a,b){return Object.keys(Object(b)).forEach(function(c){if(b[c]===void 0)return;a[c]!==void 0&&delete a[c],a[c]=b[c]}),a},{})}}),fM=a((c,a)=>{"use strict";function b(a,b){return a.filter(function(c,d){return b.indexOf(c)>-1&&a.indexOf(c)===d})}a.exports=b}),T=a((b,a)=>{"use strict";a.exports=function(a,c){if(!Array.isArray(a))return void 0;for(var b=0;b<a.length;b++)if(c(a[b]))return a[b]}}),fL=a((c,b)=>{"use strict";function a(b){if(typeof b=="number")return b;if(typeof b=="string")return parseFloat(b);if(Array.isArray(b))return b.map(a);throw new Error("The value should be a number, a parsable string or an array of those.")}b.exports=a}),bM=a((c,a)=>{"use strict";function b(c,f){var d,e,a,b;if(c===null)return{};d={},e=Object.keys(c);for(b=0;b<e.length;b++){if(a=e[b],f.indexOf(a)>=0)continue;d[a]=c[a]}return d}a.exports=b}),at=a((c,a)=>{"use strict";function b(a){return a&&Object.keys(a).length>0}a.exports=b}),fK=a((b,a)=>{"use strict";a.exports=function(a){return a!==null&&/^[a-zA-Z0-9_-]{1,64}$/.test(a)}}),fI=a((f,b)=>{"use strict";var c=az(),d=bM(),e=at(),a={addRefinement:function(b,d,g){var f,h,e;return a.isRefined(b,d,g)?b:(f=""+g,h=b[d]?b[d].concat(f):[f],e={},e[d]=h,c({},e,b))},removeRefinement:function(b,c,d){if(d===void 0)return a.clearRefinement(b,function(b,a){return c===a});var e=""+d;return a.clearRefinement(b,function(a,b){return c===b&&e===a})},toggleRefinement:function(c,d,b){if(b===void 0)throw new Error("toggleRefinement should be used with a value");return a.isRefined(c,d,b)?a.removeRefinement(c,d,b):a.addRefinement(c,d,b)},clearRefinement:function(a,b,g){var c,f;if(b===void 0)return e(a)?{}:a;if(typeof b=="string")return d(a,[b]);if(typeof b=="function")return c=!1,f=Object.keys(a).reduce(function(e,d){var f=a[d]||[],h=f.filter(function(a){return!b(a,d,g)});return h.length!==f.length&&(c=!0),e[d]=h,e},{}),c?f:a},isRefined:function(a,b,c){var d=!!a[b]&&a[b].length>0,e;return c===void 0||!d?d:(e=""+c,a[b].indexOf(e)!==-1)}};b.exports=a}),bK=a((n,l)=>{"use strict";var d=aA(),e=az(),j=fM(),i=T(),g=fL(),h=bM(),f=at(),k=fK(),a=fI();function c(a,b){return Array.isArray(a)&&Array.isArray(b)?a.length===b.length&&a.every(function(a,d){return c(b[d],a)}):a===b}function m(a,b){return i(a,function(a){return c(a,b)})}function b(c){var a=c?b._parseNumbers(c):{},d;a.userToken!==void 0&&!k(a.userToken)&&console.warn("[algoliasearch-helper] The `userToken` parameter is invalid. This can lead to wrong analytics.\n - Format: [a-zA-Z0-9_-]{1,64}"),this.facets=a.facets||[],this.disjunctiveFacets=a.disjunctiveFacets||[],this.hierarchicalFacets=a.hierarchicalFacets||[],this.facetsRefinements=a.facetsRefinements||{},this.facetsExcludes=a.facetsExcludes||{},this.disjunctiveFacetsRefinements=a.disjunctiveFacetsRefinements||{},this.numericRefinements=a.numericRefinements||{},this.tagRefinements=a.tagRefinements||[],this.hierarchicalFacetsRefinements=a.hierarchicalFacetsRefinements||{},d=this,Object.keys(a).forEach(function(c){var e=b.PARAMETERS.indexOf(c)!==-1,f=a[c]!==void 0;!e&&f&&(d[c]=a[c])})}b.PARAMETERS=Object.keys(new b),b._parseNumbers=function(a){var c,f,e;return a instanceof b?a:(c={},f=["aroundPrecision","aroundRadius","getRankingInfo","minWordSizefor2Typos","minWordSizefor1Typo","page","maxValuesPerFacet","distinct","minimumAroundRadius","hitsPerPage","minProximity"],f.forEach(function(d){var b=a[d],e;typeof b=="string"&&(e=parseFloat(b),c[d]=isNaN(e)?b:e)}),Array.isArray(a.insideBoundingBox)&&(c.insideBoundingBox=a.insideBoundingBox.map(function(a){return Array.isArray(a)?a.map(function(a){return parseFloat(a)}):a})),a.numericRefinements&&(e={},Object.keys(a.numericRefinements).forEach(function(b){var c=a.numericRefinements[b]||{};e[b]={},Object.keys(c).forEach(function(a){var d=c[a],f=d.map(function(a){return Array.isArray(a)?a.map(function(a){return typeof a=="string"?parseFloat(a):a}):typeof a=="string"?parseFloat(a):a});e[b][a]=f})}),c.numericRefinements=e),d({},a,c))},b.make=function(c){var a=new b(c),d=c.hierarchicalFacets||[];return d.forEach(function(b){if(b.rootPath){var c=a.getHierarchicalRefinement(b.name);c.length>0&&c[0].indexOf(b.rootPath)!==0&&(a=a.clearRefinements(b.name)),c=a.getHierarchicalRefinement(b.name),c.length===0&&(a=a.toggleHierarchicalFacetRefinement(b.name,b.rootPath))}}),a},b.validate=function(b,c){var a=c||{};return b.tagFilters&&a.tagRefinements&&a.tagRefinements.length>0?new Error("[Tags] Cannot switch from the managed tag API to the advanced API. It is probably an error, if it is really what you want, you should first clear the tags with clearTags method."):b.tagRefinements.length>0&&a.tagFilters?new Error("[Tags] Cannot switch from the advanced tag API to the managed API. It is probably an error, if it is not, you should first clear the tags with clearTags method."):b.numericFilters&&a.numericRefinements&&f(a.numericRefinements)?new Error("[Numeric filters] Can't switch from the advanced to the managed API. It is probably an error, if this is really what you want, you have to first clear the numeric filters."):f(b.numericRefinements)&&a.numericFilters?new Error("[Numeric filters] Can't switch from the managed API to the advanced. It is probably an error, if this is really what you want, you have to first clear the numeric filters."):null},b.prototype={constructor:b,clearRefinements:function(c){var b={numericRefinements:this._clearNumericRefinements(c),facetsRefinements:a.clearRefinement(this.facetsRefinements,c,"conjunctiveFacet"),facetsExcludes:a.clearRefinement(this.facetsExcludes,c,"exclude"),disjunctiveFacetsRefinements:a.clearRefinement(this.disjunctiveFacetsRefinements,c,"disjunctiveFacet"),hierarchicalFacetsRefinements:a.clearRefinement(this.hierarchicalFacetsRefinements,c,"hierarchicalFacet")};return b.numericRefinements===this.numericRefinements&&b.facetsRefinements===this.facetsRefinements&&b.facetsExcludes===this.facetsExcludes&&b.disjunctiveFacetsRefinements===this.disjunctiveFacetsRefinements&&b.hierarchicalFacetsRefinements===this.hierarchicalFacetsRefinements?this:this.setQueryParameters(b)},clearTags:function(){return this.tagFilters===void 0&&this.tagRefinements.length===0?this:this.setQueryParameters({tagFilters:void 0,tagRefinements:[]})},setIndex:function(a){return a===this.index?this:this.setQueryParameters({index:a})},setQuery:function(a){return a===this.query?this:this.setQueryParameters({query:a})},setPage:function(a){return a===this.page?this:this.setQueryParameters({page:a})},setFacets:function(a){return this.setQueryParameters({facets:a})},setDisjunctiveFacets:function(a){return this.setQueryParameters({disjunctiveFacets:a})},setHitsPerPage:function(a){return this.hitsPerPage===a?this:this.setQueryParameters({hitsPerPage:a})},setTypoTolerance:function(a){return this.typoTolerance===a?this:this.setQueryParameters({typoTolerance:a})},addNumericRefinement:function(a,c,f){var e=g(f),b;return this.isNumericRefined(a,c,e)?this:(b=d({},this.numericRefinements),b[a]=d({},b[a]),b[a][c]?(b[a][c]=b[a][c].slice(),b[a][c].push(e)):b[a][c]=[e],this.setQueryParameters({numericRefinements:b}))},getConjunctiveRefinements:function(a){return this.isConjunctiveFacet(a)?this.facetsRefinements[a]||[]:[]},getDisjunctiveRefinements:function(a){return this.isDisjunctiveFacet(a)?this.disjunctiveFacetsRefinements[a]||[]:[]},getHierarchicalRefinement:function(a){return this.hierarchicalFacetsRefinements[a]||[]},getExcludeRefinements:function(a){return this.isConjunctiveFacet(a)?this.facetsExcludes[a]||[]:[]},removeNumericRefinement:function(a,b,d){return d!==void 0?this.isNumericRefined(a,b,d)?this.setQueryParameters({numericRefinements:this._clearNumericRefinements(function(e,f){return f===a&&e.op===b&&c(e.val,g(d))})}):this:b!==void 0?this.isNumericRefined(a,b)?this.setQueryParameters({numericRefinements:this._clearNumericRefinements(function(c,d){return d===a&&c.op===b})}):this:this.isNumericRefined(a)?this.setQueryParameters({numericRefinements:this._clearNumericRefinements(function(c,b){return b===a})}):this},getNumericRefinements:function(a){return this.numericRefinements[a]||{}},getNumericRefinement:function(a,b){return this.numericRefinements[a]&&this.numericRefinements[a][b]},_clearNumericRefinements:function(a){var b,c,d;if(a===void 0)return f(this.numericRefinements)?{}:this.numericRefinements;if(typeof a=="string")return h(this.numericRefinements,[a]);if(typeof a=="function")return b=!1,c=this.numericRefinements,d=Object.keys(c).reduce(function(f,e){var d=c[e],g={};return d=d||{},Object.keys(d).forEach(function(c){var h=d[c]||[],f=[];h.forEach(function(b){var d=a({val:b,op:c},e,"numeric");d||f.push(b)}),f.length!==h.length&&(b=!0),g[c]=f}),f[e]=g,f},{}),b?d:this.numericRefinements},addFacet:function(a){return this.isConjunctiveFacet(a)?this:this.setQueryParameters({facets:this.facets.concat([a])})},addDisjunctiveFacet:function(a){return this.isDisjunctiveFacet(a)?this:this.setQueryParameters({disjunctiveFacets:this.disjunctiveFacets.concat([a])})},addHierarchicalFacet:function(a){if(this.isHierarchicalFacet(a.name))throw new Error("Cannot declare two hierarchical facets with the same name: `"+a.name+"`");return this.setQueryParameters({hierarchicalFacets:this.hierarchicalFacets.concat([a])})},addFacetRefinement:function(b,c){if(!this.isConjunctiveFacet(b))throw new Error(b+" is not defined in the facets attribute of the helper configuration");return a.isRefined(this.facetsRefinements,b,c)?this:this.setQueryParameters({facetsRefinements:a.addRefinement(this.facetsRefinements,b,c)})},addExcludeRefinement:function(b,c){if(!this.isConjunctiveFacet(b))throw new Error(b+" is not defined in the facets attribute of the helper configuration");return a.isRefined(this.facetsExcludes,b,c)?this:this.setQueryParameters({facetsExcludes:a.addRefinement(this.facetsExcludes,b,c)})},addDisjunctiveFacetRefinement:function(b,c){if(!this.isDisjunctiveFacet(b))throw new Error(b+" is not defined in the disjunctiveFacets attribute of the helper configuration");return a.isRefined(this.disjunctiveFacetsRefinements,b,c)?this:this.setQueryParameters({disjunctiveFacetsRefinements:a.addRefinement(this.disjunctiveFacetsRefinements,b,c)})},addTagRefinement:function(a){if(this.isTagRefined(a))return this;var b={tagRefinements:this.tagRefinements.concat(a)};return this.setQueryParameters(b)},removeFacet:function(a){return this.isConjunctiveFacet(a)?this.clearRefinements(a).setQueryParameters({facets:this.facets.filter(function(b){return b!==a})}):this},removeDisjunctiveFacet:function(a){return this.isDisjunctiveFacet(a)?this.clearRefinements(a).setQueryParameters({disjunctiveFacets:this.disjunctiveFacets.filter(function(b){return b!==a})}):this},removeHierarchicalFacet:function(a){return this.isHierarchicalFacet(a)?this.clearRefinements(a).setQueryParameters({hierarchicalFacets:this.hierarchicalFacets.filter(function(b){return b.name!==a})}):this},removeFacetRefinement:function(b,c){if(!this.isConjunctiveFacet(b))throw new Error(b+" is not defined in the facets attribute of the helper configuration");return a.isRefined(this.facetsRefinements,b,c)?this.setQueryParameters({facetsRefinements:a.removeRefinement(this.facetsRefinements,b,c)}):this},removeExcludeRefinement:function(b,c){if(!this.isConjunctiveFacet(b))throw new Error(b+" is not defined in the facets attribute of the helper configuration");return a.isRefined(this.facetsExcludes,b,c)?this.setQueryParameters({facetsExcludes:a.removeRefinement(this.facetsExcludes,b,c)}):this},removeDisjunctiveFacetRefinement:function(b,c){if(!this.isDisjunctiveFacet(b))throw new Error(b+" is not defined in the disjunctiveFacets attribute of the helper configuration");return a.isRefined(this.disjunctiveFacetsRefinements,b,c)?this.setQueryParameters({disjunctiveFacetsRefinements:a.removeRefinement(this.disjunctiveFacetsRefinements,b,c)}):this},removeTagRefinement:function(a){if(!this.isTagRefined(a))return this;var b={tagRefinements:this.tagRefinements.filter(function(b){return b!==a})};return this.setQueryParameters(b)},toggleRefinement:function(a,b){return this.toggleFacetRefinement(a,b)},toggleFacetRefinement:function(a,b){if(this.isHierarchicalFacet(a))return this.toggleHierarchicalFacetRefinement(a,b);if(this.isConjunctiveFacet(a))return this.toggleConjunctiveFacetRefinement(a,b);if(this.isDisjunctiveFacet(a))return this.toggleDisjunctiveFacetRefinement(a,b);throw new Error("Cannot refine the undeclared facet "+a+"; it should be added to the helper options facets, disjunctiveFacets or hierarchicalFacets")},toggleConjunctiveFacetRefinement:function(b,c){if(!this.isConjunctiveFacet(b))throw new Error(b+" is not defined in the facets attribute of the helper configuration");return this.setQueryParameters({facetsRefinements:a.toggleRefinement(this.facetsRefinements,b,c)})},toggleExcludeFacetRefinement:function(b,c){if(!this.isConjunctiveFacet(b))throw new Error(b+" is not defined in the facets attribute of the helper configuration");return this.setQueryParameters({facetsExcludes:a.toggleRefinement(this.facetsExcludes,b,c)})},toggleDisjunctiveFacetRefinement:function(b,c){if(!this.isDisjunctiveFacet(b))throw new Error(b+" is not defined in the disjunctiveFacets attribute of the helper configuration");return this.setQueryParameters({disjunctiveFacetsRefinements:a.toggleRefinement(this.disjunctiveFacetsRefinements,b,c)})},toggleHierarchicalFacetRefinement:function(a,b){var d,c,f;if(!this.isHierarchicalFacet(a))throw new Error(a+" is not defined in the hierarchicalFacets attribute of the helper configuration");return d=this._getHierarchicalFacetSeparator(this.getHierarchicalFacetByName(a)),c={},f=this.hierarchicalFacetsRefinements[a]!==void 0&&this.hierarchicalFacetsRefinements[a].length>0&&(this.hierarchicalFacetsRefinements[a][0]===b||this.hierarchicalFacetsRefinements[a][0].indexOf(b+d)===0),f?b.indexOf(d)===-1?c[a]=[]:c[a]=[b.slice(0,b.lastIndexOf(d))]:c[a]=[b],this.setQueryParameters({hierarchicalFacetsRefinements:e({},c,this.hierarchicalFacetsRefinements)})},addHierarchicalFacetRefinement:function(a,c){if(this.isHierarchicalFacetRefined(a))throw new Error(a+" is already refined.");if(!this.isHierarchicalFacet(a))throw new Error(a+" is not defined in the hierarchicalFacets attribute of the helper configuration.");var b={};return b[a]=[c],this.setQueryParameters({hierarchicalFacetsRefinements:e({},b,this.hierarchicalFacetsRefinements)})},removeHierarchicalFacetRefinement:function(a){if(!this.isHierarchicalFacetRefined(a))return this;var b={};return b[a]=[],this.setQueryParameters({hierarchicalFacetsRefinements:e({},b,this.hierarchicalFacetsRefinements)})},toggleTagRefinement:function(a){return this.isTagRefined(a)?this.removeTagRefinement(a):this.addTagRefinement(a)},isDisjunctiveFacet:function(a){return this.disjunctiveFacets.indexOf(a)>-1},isHierarchicalFacet:function(a){return this.getHierarchicalFacetByName(a)!==void 0},isConjunctiveFacet:function(a){return this.facets.indexOf(a)>-1},isFacetRefined:function(b,c){return!!this.isConjunctiveFacet(b)&&a.isRefined(this.facetsRefinements,b,c)},isExcludeRefined:function(b,c){return!!this.isConjunctiveFacet(b)&&a.isRefined(this.facetsExcludes,b,c)},isDisjunctiveFacetRefined:function(b,c){return!!this.isDisjunctiveFacet(b)&&a.isRefined(this.disjunctiveFacetsRefinements,b,c)},isHierarchicalFacetRefined:function(a,b){if(!this.isHierarchicalFacet(a))return!1;var c=this.getHierarchicalRefinement(a);return b?c.indexOf(b)!==-1:c.length>0},isNumericRefined:function(a,c,d){var b,f,e;return d===void 0&&c===void 0?!!this.numericRefinements[a]:(b=this.numericRefinements[a]&&this.numericRefinements[a][c]!==void 0,d===void 0||!b)?b:(f=g(d),e=m(this.numericRefinements[a][c],f)!==void 0,b&&e)},isTagRefined:function(a){return this.tagRefinements.indexOf(a)!==-1},getRefinedDisjunctiveFacets:function(){var a=this,b=j(Object.keys(this.numericRefinements).filter(function(b){return Object.keys(a.numericRefinements[b]).length>0}),this.disjunctiveFacets);return Object.keys(this.disjunctiveFacetsRefinements).filter(function(b){return a.disjunctiveFacetsRefinements[b].length>0}).concat(b).concat(this.getRefinedHierarchicalFacets())},getRefinedHierarchicalFacets:function(){var a=this;return j(this.hierarchicalFacets.map(function(a){return a.name}),Object.keys(this.hierarchicalFacetsRefinements).filter(function(b){return a.hierarchicalFacetsRefinements[b].length>0}))},getUnrefinedDisjunctiveFacets:function(){var a=this.getRefinedDisjunctiveFacets();return this.disjunctiveFacets.filter(function(b){return a.indexOf(b)===-1})},managedParameters:["index","facets","disjunctiveFacets","facetsRefinements","facetsExcludes","disjunctiveFacetsRefinements","numericRefinements","tagRefinements","hierarchicalFacets","hierarchicalFacetsRefinements"],getQueryParams:function(){var b=this.managedParameters,a={},c=this;return Object.keys(this).forEach(function(d){var e=c[d];b.indexOf(d)===-1&&e!==void 0&&(a[d]=e)}),a},setQueryParameter:function(a,b){if(this[a]===b)return this;var c={};return c[a]=b,this.setQueryParameters(c)},setQueryParameters:function(c){var d,f,a,g,e;if(!c)return this;if(d=b.validate(this,c),d)throw d;return f=this,a=b._parseNumbers(c),g=Object.keys(this).reduce(function(a,b){return a[b]=f[b],a},{}),e=Object.keys(a).reduce(function(c,b){var e=c[b]!==void 0,d=a[b]!==void 0;return e&&!d?h(c,[b]):(d&&(c[b]=a[b]),c)},g),new this.constructor(e)},resetPage:function(){return this.page===void 0?this:this.setPage(0)},_getHierarchicalFacetSortBy:function(a){return a.sortBy||["isRefined:desc","name:asc"]},_getHierarchicalFacetSeparator:function(a){return a.separator||" > "},_getHierarchicalRootPath:function(a){return a.rootPath||null},_getHierarchicalShowParentLevel:function(a){return typeof a.showParentLevel!="boolean"||a.showParentLevel},getHierarchicalFacetByName:function(a){return i(this.hierarchicalFacets,function(b){return b.name===a})},getHierarchicalFacetBreadcrumb:function(a){var b,c,d;return this.isHierarchicalFacet(a)?(b=this.getHierarchicalRefinement(a)[0],!b)?[]:(c=this._getHierarchicalFacetSeparator(this.getHierarchicalFacetByName(a)),d=b.split(c),d.map(function(a){return a.trim()})):[]},toString:function(){return JSON.stringify(this,null,2)}},l.exports=b}),bJ=a((d,a)=>{"use strict";function b(a,b){var c,d,e,f;if(a!==b){if(c=a!==void 0,d=a===null,e=b!==void 0,f=b===null,!f&&a>b||d&&e||!c)return 1;if(!d&&a<b||f&&c||!e)return-1}return 0}function c(c,e,a){if(!Array.isArray(c))return[];Array.isArray(a)||(a=[]);var d=c.map(function(a,b){return{criteria:e.map(function(b){return a[b]}),index:b,value:a}});return d.sort(function(e,f){for(var c=-1,d;++c<e.criteria.length;)if(d=b(e.criteria[c],f.criteria[c]),d)return c>=a.length?d:a[c]==="desc"?-d:d;return e.index-f.index}),d.map(function(a){return a.value})}a.exports=c}),fE=a((b,a)=>{"use strict";a.exports=function(a){return Array.isArray(a)?a.filter(Boolean):[]}}),fC=a((b,a)=>{"use strict";a.exports=function(b,c){if(!Array.isArray(b))return-1;for(var a=0;a<b.length;a++)if(c(b[a]))return a;return-1}}),bE=a((c,a)=>{"use strict";var b=T();a.exports=function(a,c){var d=(c||[]).map(function(a){return a.split(":")});return a.reduce(function(a,f){var c=f.split(":"),e=b(d,function(a){return a[0]===c[0]});return c.length>1||!e?(a[0].push(c[0]),a[1].push(c[1]),a):(a[0].push(e[0]),a[1].push(e[1]),a)},[[],[]])}}),fB=a((i,e)=>{"use strict";var a,b,c;e.exports=f,a=bJ(),b=T(),c=bE();function f(a){return function(f,g){var b=a.hierarchicalFacets[g],j=a.hierarchicalFacetsRefinements[b.name]&&a.hierarchicalFacetsRefinements[b.name][0]||"",h=a._getHierarchicalFacetSeparator(b),e=a._getHierarchicalRootPath(b),k=a._getHierarchicalShowParentLevel(b),l=c(a._getHierarchicalFacetSortBy(b)),m=f.every(function(a){return a.exhaustive}),n=d(l,h,e,k,j),i=f;return e&&(i=f.slice(e.split(h).length)),i.reduce(n,{name:a.hierarchicalFacets[g].name,count:null,isRefined:!0,path:null,exhaustive:m,data:null})}}function d(c,d,e,i,f){return function(k,l,m){var j=k,n,o,p;if(m>0)for(n=0,j=k;n<m;)o=j&&Array.isArray(j.data)?j.data:[],j=b(o,function(a){return a.isRefined}),n++;return j&&(p=Object.keys(l.data).map(function(a){return[a,l.data[a]]}).filter(function(a){var b=a[0];return g(b,j.path||e,f,d,e,i)}),j.data=a(p.map(function(a){var b=a[0],c=a[1];return h(c,b,d,f,l.exhaustive)}),c[0],c[1])),k}}function g(a,e,d,b,c,f){return!(c&&(a.indexOf(c)!==0||c===a))&&(!c&&a.indexOf(b)===-1||c&&a.split(b).length-c.split(b).length===1||a.indexOf(b)===-1&&d.indexOf(b)===-1||d.indexOf(a)===0||a.indexOf(e+b)===0&&(f||a.indexOf(d)===0))}function h(e,a,b,c,f){var d=a.split(b);return{name:d[d.length-1].trim(),path:a,count:e,isRefined:c===a||c.indexOf(a+b)===0,exhaustive:f,data:null}}}),by=a((t,s)=>{"use strict";var i=aA(),d=az(),j=bJ(),e=fE(),a=T(),c=fC(),r=bE(),p=fB();function l(b){var a={};return b.forEach(function(b,c){a[b]=c}),a}function h(c,a,b){a&&a[b]&&(c.stats=a[b])}function n(b,c){return a(b,function(a){var b=a.attributes||[];return b.indexOf(c)>-1})}function b(b,g){var f=g[0],a,q,k,m,j,o;this._rawResults=g,a=this,Object.keys(f).forEach(function(b){a[b]=f[b]}),this.processingTimeMS=g.reduce(function(a,b){return b.processingTimeMS===void 0?a:a+b.processingTimeMS},0),this.disjunctiveFacets=[],this.hierarchicalFacets=b.hierarchicalFacets.map(function(){return[]}),this.facets=[],q=b.getRefinedDisjunctiveFacets(),k=l(b.facets),m=l(b.disjunctiveFacets),j=1,o=f.facets||{},Object.keys(o).forEach(function(d){var i=o[d],g=n(b.hierarchicalFacets,d),j,l,p,q,e;g?(j=g.attributes.indexOf(d),l=c(b.hierarchicalFacets,function(a){return a.name===g.name}),a.hierarchicalFacets[l][j]={attribute:d,data:i,exhaustive:f.exhaustiveFacetsCount}):(p=b.disjunctiveFacets.indexOf(d)!==-1,q=b.facets.indexOf(d)!==-1,p&&(e=m[d],a.disjunctiveFacets[e]={name:d,data:i,exhaustive:f.exhaustiveFacetsCount},h(a.disjunctiveFacets[e],f.facets_stats,d)),q&&(e=k[d],a.facets[e]={name:d,data:i,exhaustive:f.exhaustiveFacetsCount},h(a.facets[e],f.facets_stats,d)))}),this.hierarchicalFacets=e(this.hierarchicalFacets),q.forEach(function(n){var e=g[j],k=e&&e.facets?e.facets:{},l=b.getHierarchicalFacetByName(n);Object.keys(k).forEach(function(g){var o=k[g],j,n,p;if(l){if(j=c(b.hierarchicalFacets,function(a){return a.name===l.name}),n=c(a.hierarchicalFacets[j],function(a){return a.attribute===g}),n===-1)return;a.hierarchicalFacets[j][n].data=i({},a.hierarchicalFacets[j][n].data,o)}else j=m[g],p=f.facets&&f.facets[g]||{},a.disjunctiveFacets[j]={name:g,data:d({},o,p),exhaustive:e.exhaustiveFacetsCount},h(a.disjunctiveFacets[j],e.facets_stats,g),b.disjunctiveFacetsRefinements[g]&&b.disjunctiveFacetsRefinements[g].forEach(function(c){!a.disjunctiveFacets[j].data[c]&&b.disjunctiveFacetsRefinements[g].indexOf(c)>-1&&(a.disjunctiveFacets[j].data[c]=0)})}),j++}),b.getRefinedHierarchicalFacets().forEach(function(h){var i=b.getHierarchicalFacetByName(h),k=b._getHierarchicalFacetSeparator(i),e=b.getHierarchicalRefinement(h),f,l;if(e.length===0||e[0].split(k).length<2)return;f=g[j],l=f&&f.facets?f.facets:{},Object.keys(l).forEach(function(h){var n=l[h],f=c(b.hierarchicalFacets,function(a){return a.name===i.name}),g=c(a.hierarchicalFacets[f],function(a){return a.attribute===h}),j,m;if(g===-1)return;j={},e.length>0&&(m=e[0].split(k)[0],j[m]=a.hierarchicalFacets[f][g].data[m]),a.hierarchicalFacets[f][g].data=d(j,n,a.hierarchicalFacets[f][g].data)}),j++}),Object.keys(b.facetsExcludes).forEach(function(d){var e=b.facetsExcludes[d],c=k[d];a.facets[c]={name:d,data:f.facets[d],exhaustive:f.exhaustiveFacetsCount},e.forEach(function(b){a.facets[c]=a.facets[c]||{name:d},a.facets[c].data=a.facets[c].data||{},a.facets[c].data[b]=0})}),this.hierarchicalFacets=this.hierarchicalFacets.map(p(b)),this.facets=e(this.facets),this.disjunctiveFacets=e(this.disjunctiveFacets),this._state=b}b.prototype.getFacetByName=function(c){function b(a){return a.name===c}return a(this.facets,b)||a(this.disjunctiveFacets,b)||a(this.hierarchicalFacets,b)};function o(b,c){var d,e;function f(a){return a.name===c}if(b._state.isConjunctiveFacet(c))return d=a(b.facets,f),!d?[]:Object.keys(d.data).map(function(a){return{name:a,count:d.data[a],isRefined:b._state.isFacetRefined(c,a),isExcluded:b._state.isExcludeRefined(c,a)}});if(b._state.isDisjunctiveFacet(c))return e=a(b.disjunctiveFacets,f),!e?[]:Object.keys(e.data).map(function(a){return{name:a,count:e.data[a],isRefined:b._state.isDisjunctiveFacetRefined(c,a)}});if(b._state.isHierarchicalFacet(c))return a(b.hierarchicalFacets,f)}function g(b,a){var c,d,e;return!a.data||a.data.length===0?a:(c=a.data.map(function(a){return g(b,a)}),d=b(c),e=i({},a,{data:d}),e)}b.DEFAULT_SORT=["isRefined:desc","count:desc","name:asc"];function q(a,b){return b.sort(a)}b.prototype.getFacetValues=function(f,h){var a=o(this,f),c,e;if(!a)return void 0;if(c=d({},h,{sortBy:b.DEFAULT_SORT}),Array.isArray(c.sortBy))return e=r(c.sortBy,b.DEFAULT_SORT),Array.isArray(a)?j(a,e[0],e[1]):g(function(a){return j(a,e[0],e[1])},a);if(typeof c.sortBy=="function")return Array.isArray(a)?a.sort(c.sortBy):g(function(a){return q(c.sortBy,a)},a);throw new Error("options.sortBy is optional but if defined it must be either an array of string (predicates) or a sorting function")},b.prototype.getFacetStats=function(a){return this._state.isConjunctiveFacet(a)?k(this.facets,a):this._state.isDisjunctiveFacet(a)?k(this.disjunctiveFacets,a):void 0};function k(c,d){var b=a(c,function(a){return a.name===d});return b&&b.stats}b.prototype.getRefinements=function(){var a=this._state,c=this,b=[];return Object.keys(a.facetsRefinements).forEach(function(d){a.facetsRefinements[d].forEach(function(e){b.push(f(a,"facet",d,e,c.facets))})}),Object.keys(a.facetsExcludes).forEach(function(d){a.facetsExcludes[d].forEach(function(e){b.push(f(a,"exclude",d,e,c.facets))})}),Object.keys(a.disjunctiveFacetsRefinements).forEach(function(d){a.disjunctiveFacetsRefinements[d].forEach(function(e){b.push(f(a,"disjunctive",d,e,c.disjunctiveFacets))})}),Object.keys(a.hierarchicalFacetsRefinements).forEach(function(d){a.hierarchicalFacetsRefinements[d].forEach(function(e){b.push(m(a,d,e,c.hierarchicalFacets))})}),Object.keys(a.numericRefinements).forEach(function(c){var d=a.numericRefinements[c];Object.keys(d).forEach(function(a){d[a].forEach(function(d){b.push({type:"numeric",attributeName:c,name:d,numericValue:d,operator:a})})})}),a.tagRefinements.forEach(function(a){b.push({type:"tag",attributeName:"_tags",name:a})}),b};function f(i,f,d,c,g){var b=a(g,function(a){return a.name===d}),e=b&&b.data&&b.data[c]?b.data[c]:0,h=b&&b.exhaustive||!1;return{type:f,attributeName:d,name:c,count:e,exhaustive:h}}function m(d,c,j,e){var f=d.getHierarchicalFacetByName(c),g=d._getHierarchicalFacetSeparator(f),h=j.split(g),i=a(e,function(a){return a.name===c}),b=h.reduce(function(b,d){var c=b&&a(b.data,function(a){return a.name===d});return c!==void 0?c:b},i),k=b&&b.count||0,l=b&&b.exhaustive||!1,m=b&&b.path||"";return{type:"hierarchical",attributeName:c,name:m,count:k,exhaustive:l}}s.exports=b}),ai=a((g,e)=>{function a(){this._events=this._events||{},this._maxListeners=this._maxListeners||void 0}e.exports=a,a.EventEmitter=a,a.prototype._events=void 0,a.prototype._maxListeners=void 0,a.defaultMaxListeners=10,a.prototype.setMaxListeners=function(a){if(!f(a)||a<0||isNaN(a))throw TypeError("n must be a positive number");return this._maxListeners=a,this},a.prototype.emit=function(j){var e,a,i,f,g,h,k;if(this._events||(this._events={}),j==="error")if(!this._events.error||c(this._events.error)&&!this._events.error.length)throw e=arguments[1],e instanceof Error?e:(k=new Error('Uncaught, unspecified "error" event. ('+e+")"),k.context=e,k);if(a=this._events[j],d(a))return!1;if(b(a))switch(arguments.length){case 1:a.call(this);break;case 2:a.call(this,arguments[1]);break;case 3:a.call(this,arguments[1],arguments[2]);break;default:f=Array.prototype.slice.call(arguments,1),a.apply(this,f)}else if(c(a)){f=Array.prototype.slice.call(arguments,1),h=a.slice(),i=h.length;for(g=0;g<i;g++)h[g].apply(this,f)}return!0},a.prototype.addListener=function(e,f){var g;if(!b(f))throw TypeError("listener must be a function");return this._events||(this._events={}),this._events.newListener&&this.emit("newListener",e,b(f.listener)?f.listener:f),this._events[e]?c(this._events[e])?this._events[e].push(f):this._events[e]=[this._events[e],f]:this._events[e]=f,c(this._events[e])&&!this._events[e].warned&&(d(this._maxListeners)?g=a.defaultMaxListeners:g=this._maxListeners,g&&g>0&&this._events[e].length>g&&(this._events[e].warned=!0,console.error("(node) warning: possible EventEmitter memory leak detected. %d listeners added. Use emitter.setMaxListeners() to increase limit.",this._events[e].length),typeof console.trace=="function"&&console.trace())),this},a.prototype.on=a.prototype.addListener,a.prototype.once=function(d,a){if(!b(a))throw TypeError("listener must be a function");var e=!1;function c(){this.removeListener(d,c),e||(e=!0,a.apply(this,arguments))}return c.listener=a,this.on(d,c),this},a.prototype.removeListener=function(e,d){var a,g,h,f;if(!b(d))throw TypeError("listener must be a function");if(!this._events||!this._events[e])return this;if(a=this._events[e],h=a.length,g=-1,a===d||b(a.listener)&&a.listener===d)delete this._events[e],this._events.removeListener&&this.emit("removeListener",e,d);else if(c(a)){for(f=h;f-- >0;)if(a[f]===d||a[f].listener&&a[f].listener===d){g=f;break}if(g<0)return this;a.length===1?(a.length=0,delete this._events[e]):a.splice(g,1),this._events.removeListener&&this.emit("removeListener",e,d)}return this},a.prototype.removeAllListeners=function(c){var d,a;if(!this._events)return this;if(!this._events.removeListener)return arguments.length===0?this._events={}:this._events[c]&&delete this._events[c],this;if(arguments.length===0){for(d in this._events){if(d==="removeListener")continue;this.removeAllListeners(d)}return this.removeAllListeners("removeListener"),this._events={},this}if(a=this._events[c],b(a))this.removeListener(c,a);else if(a)while(a.length)this.removeListener(c,a[a.length-1]);return delete this._events[c],this},a.prototype.listeners=function(a){var c;return!this._events||!this._events[a]?c=[]:b(this._events[a])?c=[this._events[a]]:c=this._events[a].slice(),c},a.prototype.listenerCount=function(c){if(this._events){var a=this._events[c];if(b(a))return 1;if(a)return a.length}return 0},a.listenerCount=function(a,b){return a.listenerCount(b)};function b(a){return typeof a=="function"}function f(a){return typeof a=="number"}function c(a){return typeof a=="object"&&a!==null}function d(a){return a===void 0}}),bt=a((c,a)=>{"use strict";function b(a,b){a.prototype=Object.create(b.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}})}a.exports=b}),fA=a((e,b)=>{"use strict";var c=ai(),d=bt();function a(a,b){this.main=a,this.fn=b,this.lastResults=null}d(a,c.EventEmitter),a.prototype.detach=function(){this.removeAllListeners(),this.main.detachDerivedHelper(this)},a.prototype.getModifiedState=function(a){return this.fn(a)},b.exports=a}),fy=a((d,c)=>{"use strict";var b=aA(),a={_getQueries:function(d,b){var c=[];return c.push({indexName:d,params:a._getHitsSearchParams(b)}),b.getRefinedDisjunctiveFacets().forEach(function(e){c.push({indexName:d,params:a._getDisjunctiveFacetSearchParams(b,e)})}),b.getRefinedHierarchicalFacets().forEach(function(e){var g=b.getHierarchicalFacetByName(e),f=b.getHierarchicalRefinement(e),h=b._getHierarchicalFacetSeparator(g);f.length>0&&f[0].split(h).length>1&&c.push({indexName:d,params:a._getDisjunctiveFacetSearchParams(b,e,!0)})}),c},_getHitsSearchParams:function(c){var g=c.facets.concat(c.disjunctiveFacets).concat(a._getHitsHierarchicalFacetsAttributes(c)),e=a._getFacetFilters(c),f=a._getNumericFilters(c),h=a._getTagFilters(c),d={facets:g,tagFilters:h};return e.length>0&&(d.facetFilters=e),f.length>0&&(d.numericFilters=f),b({},c.getQueryParams(),d)},_getDisjunctiveFacetSearchParams:function(c,e,f){var g=a._getFacetFilters(c,e,f),h=a._getNumericFilters(c,e),j=a._getTagFilters(c),d={hitsPerPage:1,page:0,attributesToRetrieve:[],attributesToHighlight:[],attributesToSnippet:[],tagFilters:j,analytics:!1,clickAnalytics:!1},i=c.getHierarchicalFacetByName(e);return i?d.facets=a._getDisjunctiveHierarchicalFacetAttribute(c,i,f):d.facets=e,h.length>0&&(d.numericFilters=h),g.length>0&&(d.facetFilters=g),b({},c.getQueryParams(),d)},_getNumericFilters:function(a,c){if(a.numericFilters)return a.numericFilters;var b=[];return Object.keys(a.numericRefinements).forEach(function(d){var e=a.numericRefinements[d]||{};Object.keys(e).forEach(function(a){var f=e[a]||[];c!==d&&f.forEach(function(c){if(Array.isArray(c)){var e=c.map(function(b){return d+a+b});b.push(e)}else b.push(d+a+c)})})}),b},_getTagFilters:function(a){return a.tagFilters?a.tagFilters:a.tagRefinements.join(",")},_getFacetFilters:function(a,c,h){var b=[],d=a.facetsRefinements||{},e,f,g;return Object.keys(d).forEach(function(a){var c=d[a]||[];c.forEach(function(c){b.push(a+":"+c)})}),e=a.facetsExcludes||{},Object.keys(e).forEach(function(a){var c=e[a]||[];c.forEach(function(c){b.push(a+":-"+c)})}),f=a.disjunctiveFacetsRefinements||{},Object.keys(f).forEach(function(a){var d=f[a]||[],e;if(a===c||!d||d.length===0)return;e=[],d.forEach(function(b){e.push(a+":"+b)}),b.push(e)}),g=a.hierarchicalFacetsRefinements||{},Object.keys(g).forEach(function(l){var m=g[l]||[],d=m[0],k,e,f,j,i;if(d===void 0)return;if(k=a.getHierarchicalFacetByName(l),e=a._getHierarchicalFacetSeparator(k),f=a._getHierarchicalRootPath(k),c===l){if(d.indexOf(e)===-1||!f&&h===!0||f&&f.split(e).length===d.split(e).length)return;f?(i=f.split(e).length-1,d=f):(i=d.split(e).length-2,d=d.slice(0,d.lastIndexOf(e))),j=k.attributes[i]}else i=d.split(e).length-1,j=k.attributes[i];j&&b.push([j+":"+d])}),b},_getHitsHierarchicalFacetsAttributes:function(a){var b=[];return a.hierarchicalFacets.reduce(function(c,b){var d=a.getHierarchicalRefinement(b.name)[0],f,g,e;return d?(f=a._getHierarchicalFacetSeparator(b),g=d.split(f).length,e=b.attributes.slice(0,g+1),c.concat(e)):(c.push(b.attributes[0]),c)},b)},_getDisjunctiveHierarchicalFacetAttribute:function(b,a,f){var c=b._getHierarchicalFacetSeparator(a),d,e,g,h;return f===!0?(d=b._getHierarchicalRootPath(a),e=0,d&&(e=d.split(c).length),[a.attributes[e]]):(g=b.getHierarchicalRefinement(a.name)[0]||"",h=g.split(c).length-1,a.attributes.slice(0,h+1))},getSearchForFacetQuery:function(c,g,e,d){var h=d.isDisjunctiveFacet(c)?d.clearRefinements(c):d,f={facetQuery:g,facetName:c};return typeof e=="number"&&(f.maxFacetHits=e),b({},a._getHitsSearchParams(h),f)}};c.exports=a}),bo=a((b,a)=>{"use strict";a.exports="3.3.4"}),fx=a((m,l)=>{"use strict";var c=bK(),d=by(),k=fA(),b=fy(),h=ai(),j=bt(),i=at(),e=bo();function a(a,d,f){typeof a.addAlgoliaAgent=="function"&&a.addAlgoliaAgent("JS Helper ("+e+")"),this.setClient(a);var b=f||{};b.index=d,this.state=c.make(b),this.lastResults=null,this._queryId=0,this._lastQueryIdReceived=-1,this.derivedHelpers=[],this._currentNbQueries=0}j(a,h.EventEmitter),a.prototype.search=function(){return this._search({onlyWithDerivedHelpers:!1}),this},a.prototype.searchOnlyWithDerivedHelpers=function(){return this._search({onlyWithDerivedHelpers:!0}),this},a.prototype.getQuery=function(){var a=this.state;return b._getHitsSearchParams(a)},a.prototype.searchOnce=function(f,e){var c=f?this.state.setQueryParameters(f):this.state,g=b._getQueries(c.index,c),a=this;return this._currentNbQueries++,this.emit("searchOnce",{state:c}),e?(this.client.search(g).then(function(b){a._currentNbQueries--,a._currentNbQueries===0&&a.emit("searchQueueEmpty"),e(null,new d(c,b.results),c)}).catch(function(b){a._currentNbQueries--,a._currentNbQueries===0&&a.emit("searchQueueEmpty"),e(b,null,c)}),void 0):this.client.search(g).then(function(b){return a._currentNbQueries--,a._currentNbQueries===0&&a.emit("searchQueueEmpty"),{content:new d(c,b.results),state:c,_originalResponse:b}},function(b){throw a._currentNbQueries--,a._currentNbQueries===0&&a.emit("searchQueueEmpty"),b})},a.prototype.searchForFacetValues=function(d,e,j,h){var f=typeof this.client.searchForFacetValues=="function",a,i,g,c,k;if(!f&&typeof this.client.initIndex!="function")throw new Error("search for facet values (searchable) was called, but this client does not have a function client.searchForFacetValues or client.initIndex(index).searchForFacetValues");return a=this.state.setQueryParameters(h||{}),i=a.isDisjunctiveFacet(d),g=b.getSearchForFacetQuery(d,e,j,a),this._currentNbQueries++,c=this,this.emit("searchForFacetValues",{state:a,facet:d,query:e}),k=f?this.client.searchForFacetValues([{indexName:a.index,params:g}]):this.client.initIndex(a.index).searchForFacetValues(g),k.then(function(b){return c._currentNbQueries--,c._currentNbQueries===0&&c.emit("searchQueueEmpty"),b=Array.isArray(b)?b[0]:b,b.facetHits.forEach(function(b){b.isRefined=i?a.isDisjunctiveFacetRefined(d,b.value):a.isFacetRefined(d,b.value)}),b},function(a){throw c._currentNbQueries--,c._currentNbQueries===0&&c.emit("searchQueueEmpty"),a})},a.prototype.setQuery=function(a){return this._change({state:this.state.resetPage().setQuery(a),isPageReset:!0}),this},a.prototype.clearRefinements=function(a){return this._change({state:this.state.resetPage().clearRefinements(a),isPageReset:!0}),this},a.prototype.clearTags=function(){return this._change({state:this.state.resetPage().clearTags(),isPageReset:!0}),this},a.prototype.addDisjunctiveFacetRefinement=function(a,b){return this._change({state:this.state.resetPage().addDisjunctiveFacetRefinement(a,b),isPageReset:!0}),this},a.prototype.addDisjunctiveRefine=function(){return this.addDisjunctiveFacetRefinement.apply(this,arguments)},a.prototype.addHierarchicalFacetRefinement=function(a,b){return this._change({state:this.state.resetPage().addHierarchicalFacetRefinement(a,b),isPageReset:!0}),this},a.prototype.addNumericRefinement=function(a,b,c){return this._change({state:this.state.resetPage().addNumericRefinement(a,b,c),isPageReset:!0}),this},a.prototype.addFacetRefinement=function(a,b){return this._change({state:this.state.resetPage().addFacetRefinement(a,b),isPageReset:!0}),this},a.prototype.addRefine=function(){return this.addFacetRefinement.apply(this,arguments)},a.prototype.addFacetExclusion=function(a,b){return this._change({state:this.state.resetPage().addExcludeRefinement(a,b),isPageReset:!0}),this},a.prototype.addExclude=function(){return this.addFacetExclusion.apply(this,arguments)},a.prototype.addTag=function(a){return this._change({state:this.state.resetPage().addTagRefinement(a),isPageReset:!0}),this},a.prototype.removeNumericRefinement=function(a,b,c){return this._change({state:this.state.resetPage().removeNumericRefinement(a,b,c),isPageReset:!0}),this},a.prototype.removeDisjunctiveFacetRefinement=function(a,b){return this._change({state:this.state.resetPage().removeDisjunctiveFacetRefinement(a,b),isPageReset:!0}),this},a.prototype.removeDisjunctiveRefine=function(){return this.removeDisjunctiveFacetRefinement.apply(this,arguments)},a.prototype.removeHierarchicalFacetRefinement=function(a){return this._change({state:this.state.resetPage().removeHierarchicalFacetRefinement(a),isPageReset:!0}),this},a.prototype.removeFacetRefinement=function(a,b){return this._change({state:this.state.resetPage().removeFacetRefinement(a,b),isPageReset:!0}),this},a.prototype.removeRefine=function(){return this.removeFacetRefinement.apply(this,arguments)},a.prototype.removeFacetExclusion=function(a,b){return this._change({state:this.state.resetPage().removeExcludeRefinement(a,b),isPageReset:!0}),this},a.prototype.removeExclude=function(){return this.removeFacetExclusion.apply(this,arguments)},a.prototype.removeTag=function(a){return this._change({state:this.state.resetPage().removeTagRefinement(a),isPageReset:!0}),this},a.prototype.toggleFacetExclusion=function(a,b){return this._change({state:this.state.resetPage().toggleExcludeFacetRefinement(a,b),isPageReset:!0}),this},a.prototype.toggleExclude=function(){return this.toggleFacetExclusion.apply(this,arguments)},a.prototype.toggleRefinement=function(a,b){return this.toggleFacetRefinement(a,b)},a.prototype.toggleFacetRefinement=function(a,b){return this._change({state:this.state.resetPage().toggleFacetRefinement(a,b),isPageReset:!0}),this},a.prototype.toggleRefine=function(){return this.toggleFacetRefinement.apply(this,arguments)},a.prototype.toggleTag=function(a){return this._change({state:this.state.resetPage().toggleTagRefinement(a),isPageReset:!0}),this},a.prototype.nextPage=function(){var a=this.state.page||0;return this.setPage(a+1)},a.prototype.previousPage=function(){var a=this.state.page||0;return this.setPage(a-1)};function f(a){if(a<0)throw new Error("Page requested below 0.");return this._change({state:this.state.setPage(a),isPageReset:!1}),this}a.prototype.setCurrentPage=f,a.prototype.setPage=f,a.prototype.setIndex=function(a){return this._change({state:this.state.resetPage().setIndex(a),isPageReset:!0}),this},a.prototype.setQueryParameter=function(a,b){return this._change({state:this.state.resetPage().setQueryParameter(a,b),isPageReset:!0}),this},a.prototype.setState=function(a){return this._change({state:c.make(a),isPageReset:!1}),this},a.prototype.overrideStateWithoutTriggeringChangeEvent=function(a){return this.state=new c(a),this},a.prototype.hasRefinements=function(a){return!!i(this.state.getNumericRefinements(a))||(this.state.isConjunctiveFacet(a)?this.state.isFacetRefined(a):this.state.isDisjunctiveFacet(a)?this.state.isDisjunctiveFacetRefined(a):!!this.state.isHierarchicalFacet(a)&&this.state.isHierarchicalFacetRefined(a))},a.prototype.isExcluded=function(a,b){return this.state.isExcludeRefined(a,b)},a.prototype.isDisjunctiveRefined=function(a,b){return this.state.isDisjunctiveFacetRefined(a,b)},a.prototype.hasTag=function(a){return this.state.isTagRefined(a)},a.prototype.isTagRefined=function(){return this.hasTagRefinements.apply(this,arguments)},a.prototype.getIndex=function(){return this.state.index};function g(){return this.state.page}a.prototype.getCurrentPage=g,a.prototype.getPage=g,a.prototype.getTags=function(){return this.state.tagRefinements},a.prototype.getRefinements=function(a){var b=[],d,e,f,c;return this.state.isConjunctiveFacet(a)?(d=this.state.getConjunctiveRefinements(a),d.forEach(function(a){b.push({value:a,type:"conjunctive"})}),e=this.state.getExcludeRefinements(a),e.forEach(function(a){b.push({value:a,type:"exclude"})})):this.state.isDisjunctiveFacet(a)&&(f=this.state.getDisjunctiveRefinements(a),f.forEach(function(a){b.push({value:a,type:"disjunctive"})})),c=this.state.getNumericRefinements(a),Object.keys(c).forEach(function(a){var d=c[a];b.push({value:d,operator:a,type:"numeric"})}),b},a.prototype.getNumericRefinement=function(a,b){return this.state.getNumericRefinement(a,b)},a.prototype.getHierarchicalFacetBreadcrumb=function(a){return this.state.getHierarchicalFacetBreadcrumb(a)},a.prototype._search=function(h){var a=this.state,c=[],d=[],f,g,e;h.onlyWithDerivedHelpers||(d=b._getQueries(a.index,a),c.push({state:a,queriesCount:d.length,helper:this}),this.emit("search",{state:a,results:this.lastResults})),f=this.derivedHelpers.map(function(d){var e=d.getModifiedState(a),f=b._getQueries(e.index,e);return c.push({state:e,queriesCount:f.length,helper:d}),d.emit("search",{state:e,results:d.lastResults}),f}),g=Array.prototype.concat.apply(d,f),e=this._queryId++,this._currentNbQueries++;try{this.client.search(g).then(this._dispatchAlgoliaResponse.bind(this,c,e)).catch(this._dispatchAlgoliaError.bind(this,e))}catch(a){this.emit("error",{error:a})}},a.prototype._dispatchAlgoliaResponse=function(b,a,c){if(a<this._lastQueryIdReceived)return;this._currentNbQueries-=a-this._lastQueryIdReceived,this._lastQueryIdReceived=a,this._currentNbQueries===0&&this.emit("searchQueueEmpty");var e=c.results.slice();b.forEach(function(a){var b=a.state,f=a.queriesCount,c=a.helper,g=e.splice(0,f),h=c.lastResults=new d(b,g);c.emit("result",{results:h,state:b})})},a.prototype._dispatchAlgoliaError=function(a,b){if(a<this._lastQueryIdReceived)return;this._currentNbQueries-=a-this._lastQueryIdReceived,this._lastQueryIdReceived=a,this.emit("error",{error:b}),this._currentNbQueries===0&&this.emit("searchQueueEmpty")},a.prototype.containsRefinement=function(a,b,c,d){return a||b.length!==0||c.length!==0||d.length!==0},a.prototype._hasDisjunctiveRefinements=function(a){return this.state.disjunctiveRefinements[a]&&this.state.disjunctiveRefinements[a].length>0},a.prototype._change=function(a){var b=a.state,c=a.isPageReset;b!==this.state&&(this.state=b,this.emit("change",{state:this.state,results:this.lastResults,isPageReset:c}))},a.prototype.clearCache=function(){return this.client.clearCache&&this.client.clearCache(),this},a.prototype.setClient=function(a){return this.client===a?this:(typeof a.addAlgoliaAgent=="function"&&a.addAlgoliaAgent("JS Helper ("+e+")"),this.client=a,this)},a.prototype.getClient=function(){return this.client},a.prototype.derive=function(b){var a=new k(this,b);return this.derivedHelpers.push(a),a},a.prototype.detachDerivedHelper=function(b){var a=this.derivedHelpers.indexOf(b);if(a===-1)throw new Error("Derived helper already detached");this.derivedHelpers.splice(a,1)},a.prototype.hasPendingRequests=function(){return this._currentNbQueries>0},l.exports=a}),al=a((f,c)=>{"use strict";var b=fx(),d=bK(),e=by();function a(a,c,d){return new b(a,c,d)}a.version=bo(),a.AlgoliaSearchHelper=b,a.SearchParameters=d,a.SearchResults=e,c.exports=a}),fv=a(a=>{(function(a){var v=/\S/,u=/\"/g,t=/\n/g,s=/\r/g,r=/\\/g,q=/\u2028/,m=/\u2029/,w,f;a.tags={"#":1,"^":2,"<":3,$:4,"/":5,"!":6,">":7,"=":8,_v:9,"{":10,"&":11,_t:12},a.scan=function(e,k){var y=e.length,o=0,t=1,w=2,h=o,m=null,q=null,g="",c=[],n=!1,b=0,p=0,i="{{",f="}}";function s(){g.length>0&&(c.push({tag:"_t",text:new String(g)}),g="")}function x(){for(var d=!0,b=p;b<c.length;b++)if(d=a.tags[c[b].tag]<a.tags._v||c[b].tag=="_t"&&c[b].text.match(v)===null,!d)return!1;return d}function r(d,e){if(s(),d&&x()){for(var a=p,b;a<c.length;a++)c[a].text&&((b=c[a+1])&&b.tag==">"&&(b.indent=c[a].text.toString()),c.splice(a,1))}else e||c.push({tag:"\n"});n=!1,p=c.length}function u(a,c){var d="="+f,e=a.indexOf(d,c),b=j(a.substring(a.indexOf("=",c)+1,e)).split(" ");return i=b[0],f=b[b.length-1],e+d.length-1}k&&(k=k.split(" "),i=k[0],f=k[1]);for(b=0;b<y;b++)h==o?d(i,e,b)?(--b,s(),h=t):e.charAt(b)=="\n"?r(n):g+=e.charAt(b):h==t?(b+=i.length-1,q=a.tags[e.charAt(b+1)],m=q?e.charAt(b+1):"_v",m=="="?(b=u(e,b),h=o):(q&&b++,h=w),n=b):d(f,e,b)?(c.push({tag:m,n:j(g),otag:i,ctag:f,i:m=="/"?n-i.length:b+f.length}),g="",b+=f.length-1,h=o,m=="{"&&(f=="}}"?b++:l(c[c.length-1]))):g+=e.charAt(b);return r(n,!0),c};function l(a){a.n.substr(a.n.length-1)==="}"&&(a.n=a.n.substring(0,a.n.length-1))}function j(a){return a.trim?a.trim():a.replace(/^\s*|\s*$/g,"")}function d(b,c,d){if(c.charAt(d)!=b.charAt(0))return!1;for(var a=1,e=b.length;a<e;a++)if(c.charAt(d+a)!=b.charAt(a))return!1;return!0}w={_t:!0,"\n":!0,$:!0,"/":!0};function h(d,j,c,f){var g=[],e=null,i=null,b=null;for(i=c[c.length-1];d.length>0;){if(b=d.shift(),i&&i.tag=="<"&&!(b.tag in w))throw new Error("Illegal content in < super tag.");if(a.tags[b.tag]<=a.tags.$||n(b,f))c.push(b),b.nodes=h(d,b.tag,c,f);else if(b.tag=="/"){if(c.length===0)throw new Error("Closing tag without opener: /"+b.n);if(e=c.pop(),b.n!=e.n&&!o(b.n,e.n,f))throw new Error("Nesting error: "+e.n+" vs. "+b.n);return e.end=b.i,g}else b.tag=="\n"&&(b.last=d.length==0||d[0].tag=="\n");g.push(b)}if(c.length>0)throw new Error("missing closing tag: "+c.pop().n);return g}function n(b,c){for(var a=0,d=c.length;a<d;a++)if(c[a].o==b.n)return b.tag="#",!0}function o(c,d,b){for(var a=0,e=b.length;a<e;a++)if(b[a].c==c&&b[a].o==d)return!0}function p(a){var c=[],d;for(d in a)c.push('"'+b(d)+'": function(c,p,t,i) {'+a[d]+"}");return"{ "+c.join(",")+" }"}function g(a){var d=[],c;for(c in a.partials)d.push('"'+b(c)+'":{name:"'+b(a.partials[c].name)+'", '+g(a.partials[c])+"}");return"partials: {"+d.join(",")+"}, subs: "+p(a.subs)}a.stringify=function(b,c,d){return"{code: function (c,p,i) { "+a.wrapMain(b.code)+" },"+g(b)+"}"},f=0,a.generate=function(e,d,b){f=0;var c={code:"",subs:{},partials:{}};return a.walk(e,c),b.asString?this.stringify(c,d,b):this.makeTemplate(c,d,b)},a.wrapMain=function(a){return'var t=this;t.b(i=i||"");'+a+"return t.fl();"},a.template=a.Template,a.makeTemplate=function(a,c,d){var b=this.makePartials(a);return b.code=new Function("c","p","i",this.wrapMain(a.code)),new this.template(b,c,this,d)},a.makePartials=function(c){var a,b={subs:{},partials:c.partials,name:c.name};for(a in b.partials)b.partials[a]=this.makePartials(b.partials[a]);for(a in c.subs)b.subs[a]=new Function("c","p","t","i",c.subs[a]);return b};function b(a){return a.replace(r,"\\\\").replace(u,'\\"').replace(t,"\\n").replace(s,"\\r").replace(q,"\\u2028").replace(m,"\\u2029")}function c(a){return~a.indexOf(".")?"d":"f"}function i(a,c){var e="<"+(c.prefix||""),d=e+a.n+f++;return c.partials[d]={name:a.n,partials:{}},c.code+='t.b(t.rp("'+b(d)+'",c,p,"'+(a.indent||"")+'"));',d}a.codegen={"#":function(d,e){e.code+="if(t.s(t."+c(d.n)+'("'+b(d.n)+'",c,p,1),c,p,0,'+d.i+","+d.end+',"'+d.otag+" "+d.ctag+'")){t.rs(c,p,function(c,p,t){',a.walk(d.nodes,e),e.code+="});c.pop();}"},"^":function(d,e){e.code+="if(!t.s(t."+c(d.n)+'("'+b(d.n)+'",c,p,1),c,p,1,0,0,"")){',a.walk(d.nodes,e),e.code+="};"},">":i,"<":function(c,d){var b={partials:{},code:"",subs:{},inPartial:!0},e;a.walk(c.nodes,b),e=d.partials[i(c,d)],e.subs=b.subs,e.partials=b.partials},$:function(c,d){var e={subs:{},code:"",partials:d.partials,prefix:c.n};a.walk(c.nodes,e),d.subs[c.n]=e.code,d.inPartial||(d.code+='t.sub("'+b(c.n)+'",c,p,i);')},"\n":function(a,b){b.code+=k('"\\n"'+(a.last?"":" + i"))},_v:function(a,d){d.code+="t.b(t.v(t."+c(a.n)+'("'+b(a.n)+'",c,p,0)));'},_t:function(a,c){c.code+=k('"'+b(a.text)+'"')},"{":e,"&":e};function e(a,d){d.code+="t.b(t.t(t."+c(a.n)+'("'+b(a.n)+'",c,p,0)));'}function k(a){return"t.b("+a+");"}a.walk=function(c,e){for(var b=0,f=c.length,d;b<f;b++)d=a.codegen[c[b].tag],d&&d(c[b],e);return e},a.parse=function(b,c,a){return a=a||{},h(b,"",[],a.sectionTags||[])},a.cache={},a.cacheKey=function(b,a){return[b,!!a.asString,!!a.disableLambda,a.delimiters,!!a.modelGet].join("||")},a.compile=function(d,b){var e,c,f,g;if(b=b||{},e=a.cacheKey(d,b),c=this.cache[e],c){f=c.partials;for(g in f)delete f[g].instance;return c}return c=this.generate(this.parse(this.scan(d,b.delimiters),d,b),d,b),this.cache[e]=c}})(typeof a!="undefined"?a:Hogan)}),fu=a(a=>{var b={};(function(c){var i,f,j,g,h,e,b;c.Template=function(a,b,c,d){a=a||{},this.r=a.code||this.r,this.c=c,this.options=d||{},this.text=b||"",this.partials=a.partials||{},this.subs=a.subs||{},this.buf=""},c.Template.prototype={r:function(a,b,c){return""},v:l,t:a,render:function(a,b,c){return this.ri([a],b||{},c)},ri:function(a,b,c){return this.r(a,b,c)},ep:function(d,b){var c=this.partials[d],a=b[c.name];if(c.instance&&c.base==a)return c.instance;if(typeof a=="string"){if(!this.c)throw new Error("No compiler available.");a=this.c.compile(a,this.options)}if(!a)return null;if(this.partials[d].base=a,c.subs){b.stackText||(b.stackText={});for(key in c.subs)b.stackText[key]||(b.stackText[key]=this.activeSub!==void 0&&b.stackText[this.activeSub]?b.stackText[this.activeSub]:this.text);a=k(a,c.subs,c.partials,this.stackSubs,this.stackPartials,b.stackText)}return this.partials[d].instance=a,a},rp:function(c,d,a,e){var b=this.ep(c,a);return b?b.ri(d,a,e):""},rs:function(a,e,f){var c=a[a.length-1],d;if(!b(c)){f(a,e,this);return}for(d=0;d<c.length;d++)a.push(c[d]),f(a,e,this),a.pop()},s:function(a,c,f,e,g,h,i){var d;return!(b(a)&&a.length===0)&&(typeof a=="function"&&(a=this.ms(a,c,f,e,g,h,i)),d=!!a,!e&&d&&c&&c.push(typeof a=="object"?a:c[c.length-1]),d)},d:function(j,c,i,e){var f,g=j.split("."),a=this.f(g[0],c,i,e),l=this.options.modelGet,k=null,h;if(j==="."&&b(c[c.length-2]))a=c[c.length-1];else for(h=1;h<g.length;h++)f=d(g[h],a,l),f!==void 0?(k=a,a=f):a="";return!(e&&!a)&&(!e&&typeof a=="function"&&(c.push(k),a=this.mv(a,c,i),c.pop()),a)},f:function(h,b,j,f){for(var a=!1,g=null,e=!1,i=this.options.modelGet,c=b.length-1;c>=0;c--)if(g=b[c],a=d(h,g,i),a!==void 0){e=!0;break}return e?(!f&&typeof a=="function"&&(a=this.mv(a,b,j)),a):!f&&""},ls:function(c,b,d,e,f){var g=this.options.delimiters;return this.options.delimiters=f,this.b(this.ct(a(c.call(b,e)),b,d)),this.options.delimiters=g,!1},ct:function(a,b,c){if(this.options.disableLambda)throw new Error("Lambda features disabled.");return this.c.compile(a,this.options).render(b,c)},b:function(a){this.buf+=a},fl:function(){var a=this.buf;return this.buf="",a},ms:function(e,b,i,j,f,g,h){var d,c=b[b.length-1],a=e.call(c);return typeof a=="function"?!!j||(d=this.activeSub&&this.subsText&&this.subsText[this.activeSub]?this.subsText[this.activeSub]:this.text,this.ls(a,c,i,d.substring(f,g),h)):a},mv:function(e,d,f){var b=d[d.length-1],c=e.call(b);return typeof c=="function"?this.ct(a(c.call(b)),b,f):c},sub:function(a,c,d,e){var b=this.subs[a];b&&(this.activeSub=a,b(c,d,this,e),this.activeSub=!1)}};function d(b,a,d){var c;return a&&typeof a=="object"&&(a[b]!==void 0?c=a[b]:d&&a.get&&typeof a.get=="function"&&(c=a.get(b))),c}function k(e,f,i,d,c,j){var a,b;function g(){}g.prototype=e;function h(){}h.prototype=e.subs,b=new g,b.subs=new h,b.subsText={},b.buf="",d=d||{},b.stackSubs=d,b.subsText=j;for(a in f)d[a]||(d[a]=f[a]);for(a in d)b.subs[a]=d[a];c=c||{},b.stackPartials=c;for(a in i)c[a]||(c[a]=i[a]);for(a in c)b.partials[a]=c[a];return b}i=/&/g,f=/</g,j=/>/g,g=/\'/g,h=/\"/g,e=/[&<>\"\']/;function a(a){return String(a===null||a===void 0?"":a)}function l(b){return b=a(b),e.test(b)?b.replace(i,"&").replace(f,"<").replace(j,">").replace(g,"'").replace(h,"""):b}b=Array.isArray||function(a){return Object.prototype.toString.call(a)==="[object Array]"}})(typeof a!="undefined"?a:b)}),ft=a((c,b)=>{var a=fv();a.Template=fu().Template,a.template=a.Template,b.exports=a}),ap=a((e,b)=>{"use strict";var c=String.prototype.replace,d=/%20/g,a={RFC1738:"RFC1738",RFC3986:"RFC3986"};b.exports={default:a.RFC3986,formatters:{RFC1738:function(a){return c.call(a,d,"+")},RFC3986:function(a){return String(a)}},RFC1738:a.RFC1738,RFC3986:a.RFC3986}}),bf=a((q,h)=>{"use strict";var f=ap(),c=Object.prototype.hasOwnProperty,b=Array.isArray,a=function(){for(var b=[],a=0;a<256;++a)b.push("%"+((a<16?"0":"")+a.toString(16)).toUpperCase());return b}(),g=function(e){for(var a,c,f,d;e.length>1;)if(a=e.pop(),c=a.obj[a.prop],b(c)){f=[];for(d=0;d<c.length;++d)typeof c[d]!="undefined"&&f.push(c[d]);a.obj[a.prop]=f}},d=function(b,c){for(var d=c&&c.plainObjects?Object.create(null):{},a=0;a<b.length;++a)typeof b[a]!="undefined"&&(d[a]=b[a]);return d},i=function g(a,e,f){if(!e)return a;if(typeof e!="object"){if(b(a))a.push(e);else if(a&&typeof a=="object")(f&&(f.plainObjects||f.allowPrototypes)||!c.call(Object.prototype,e))&&(a[e]=!0);else return[a,e];return a}if(!a||typeof a!="object")return[a].concat(e);var h=a;return b(a)&&!b(e)&&(h=d(a,f)),b(a)&&b(e)?(e.forEach(function(b,d){if(c.call(a,d)){var e=a[d];e&&typeof e=="object"&&b&&typeof b=="object"?a[d]=g(e,b,f):a.push(b)}else a[d]=b}),a):Object.keys(e).reduce(function(a,b){var d=e[b];return c.call(a,b)?a[b]=g(a[b],d,f):a[b]=d,a},h)},j=function(b,a){return Object.keys(a).reduce(function(b,c){return b[c]=a[c],b},b)},k=function(b,d,c){var a=b.replace(/\+/g," ");if(c==="iso-8859-1")return a.replace(/%[0-9a-f]{2}/gi,unescape);try{return decodeURIComponent(a)}catch(b){return a}},l=function(g,l,i,j,h){var d,c,e,b;if(g.length===0)return g;if(d=g,typeof g=="symbol"?d=Symbol.prototype.toString.call(g):typeof g!="string"&&(d=String(g)),i==="iso-8859-1")return escape(d).replace(/%u[0-9a-f]{4}/gi,function(a){return"%26%23"+parseInt(a.slice(2),16)+"%3B"});c="";for(e=0;e<d.length;++e){if(b=d.charCodeAt(e),b===45||b===46||b===95||b===126||b>=48&&b<=57||b>=65&&b<=90||b>=97&&b<=122||h===f.RFC1738&&(b===40||b===41)){c+=d.charAt(e);continue}if(b<128){c=c+a[b];continue}if(b<2048){c=c+(a[192|b>>6]+a[128|b&63]);continue}if(b<55296||b>=57344){c=c+(a[224|b>>12]+a[128|b>>6&63]+a[128|b&63]);continue}e+=1,b=65536+((b&1023)<<10|d.charCodeAt(e)&1023),c+=a[240|b>>18]+a[128|b>>12&63]+a[128|b>>6&63]+a[128|b&63]}return c},m=function(f){for(var a=[{obj:{o:f},prop:"o"}],h=[],e=0,i,c,j,d,k,b;e<a.length;++e){i=a[e],c=i.obj[i.prop],j=Object.keys(c);for(d=0;d<j.length;++d)k=j[d],b=c[k],typeof b=="object"&&b!==null&&h.indexOf(b)===-1&&(a.push({obj:c,prop:k}),h.push(b))}return g(a),f},n=function(a){return Object.prototype.toString.call(a)==="[object RegExp]"},o=function(a){return!(!a||typeof a!="object")&&!!(a.constructor&&a.constructor.isBuffer&&a.constructor.isBuffer(a))},p=function(a,b){return[].concat(a,b)},e=function(a,e){var d,c;if(b(a)){d=[];for(c=0;c<a.length;c+=1)d.push(e(a[c]));return d}return e(a)};h.exports={arrayToObject:d,assign:j,combine:p,compact:m,decode:k,encode:l,isBuffer:o,isRegExp:n,maybeMap:e,merge:i}}),fs=a((o,l)=>{"use strict";var d=bf(),c=ap(),k=Object.prototype.hasOwnProperty,f={brackets:function(a){return a+"[]"},comma:"comma",indices:function(a,b){return a+"["+b+"]"},repeat:function(a){return a}},b=Array.isArray,i=Array.prototype.push,g=function(c,a){i.apply(c,b(a)?a:[a])},j=Date.prototype.toISOString,e=c.default,a={addQueryPrefix:!1,allowDots:!1,charset:"utf-8",charsetSentinel:!1,delimiter:"&",encode:!0,encoder:d.encode,encodeValuesOnly:!1,format:e,formatter:c.formatters[e],indices:!1,serializeDate:function(a){return j.call(a)},skipNulls:!1,strictNullHandling:!1},m=function(a){return typeof a=="string"||typeof a=="number"||typeof a=="boolean"||typeof a=="symbol"||typeof a=="bigint"},n=function z(B,e,j,w,v,h,l,q,u,p,o,k,s,n){var c=B,A,r,i,y,t,f,x,C;if(typeof l=="function"?c=l(e,c):c instanceof Date?c=p(c):j==="comma"&&b(c)&&(c=d.maybeMap(c,function(a){return a instanceof Date?p(a):a})),c===null){if(w)return h&&!s?h(e,a.encoder,n,"key",o):e;c=""}if(m(c)||d.isBuffer(c))return h?(A=s?e:h(e,a.encoder,n,"key",o),[k(A)+"="+k(h(c,a.encoder,n,"value",o))]):[k(e)+"="+k(String(c))];if(r=[],typeof c=="undefined")return r;j==="comma"&&b(c)?i=[{value:c.length>0?c.join(",")||null:void 0}]:b(l)?i=l:(y=Object.keys(c),i=q?y.sort(q):y);for(t=0;t<i.length;++t){if(f=i[t],x=typeof f=="object"&&f.value!==void 0?f.value:c[f],v&&x===null)continue;C=b(c)?typeof j=="function"?j(e,f):e:e+(u?"."+f:"["+f+"]"),g(r,z(x,C,j,w,v,h,l,q,u,p,o,k,s,n))}return r},h=function(d){var g,e,h,f;if(!d)return a;if(d.encoder!==null&&d.encoder!==void 0&&typeof d.encoder!="function")throw new TypeError("Encoder has to be a function.");if(g=d.charset||a.charset,typeof d.charset!="undefined"&&d.charset!=="utf-8"&&d.charset!=="iso-8859-1")throw new TypeError("The charset option must be either utf-8, iso-8859-1, or undefined");if(e=c.default,typeof d.format!="undefined"){if(!k.call(c.formatters,d.format))throw new TypeError("Unknown format option provided.");e=d.format}return h=c.formatters[e],f=a.filter,(typeof d.filter=="function"||b(d.filter))&&(f=d.filter),{addQueryPrefix:typeof d.addQueryPrefix=="boolean"?d.addQueryPrefix:a.addQueryPrefix,allowDots:typeof d.allowDots=="undefined"?a.allowDots:!!d.allowDots,charset:g,charsetSentinel:typeof d.charsetSentinel=="boolean"?d.charsetSentinel:a.charsetSentinel,delimiter:typeof d.delimiter=="undefined"?a.delimiter:d.delimiter,encode:typeof d.encode=="boolean"?d.encode:a.encode,encoder:typeof d.encoder=="function"?d.encoder:a.encoder,encodeValuesOnly:typeof d.encodeValuesOnly=="boolean"?d.encodeValuesOnly:a.encodeValuesOnly,filter:f,format:e,formatter:h,serializeDate:typeof d.serializeDate=="function"?d.serializeDate:a.serializeDate,skipNulls:typeof d.skipNulls=="boolean"?d.skipNulls:a.skipNulls,sort:typeof d.sort=="function"?d.sort:null,strictNullHandling:typeof d.strictNullHandling=="boolean"?d.strictNullHandling:a.strictNullHandling}};l.exports=function(r,c){var d=r,a=h(c),e,i,o,j,q,k,m,p,l;if(typeof a.filter=="function"?(i=a.filter,d=i("",d)):b(a.filter)&&(i=a.filter,e=i),o=[],typeof d!="object"||d===null)return"";c&&c.arrayFormat in f?j=c.arrayFormat:c&&"indices"in c?j=c.indices?"indices":"repeat":j="indices",q=f[j],e||(e=Object.keys(d)),a.sort&&e.sort(a.sort);for(k=0;k<e.length;++k){if(m=e[k],a.skipNulls&&d[m]===null)continue;g(o,n(d[m],m,q,a.strictNullHandling,a.skipNulls,a.encode?a.encoder:null,a.filter,a.sort,a.allowDots,a.serializeDate,a.format,a.formatter,a.encodeValuesOnly,a.charset))}return p=o.join(a.delimiter),l=a.addQueryPrefix===!0?"?":"",a.charsetSentinel&&(a.charset==="iso-8859-1"?l+="utf8=%26%2310003%3B&":l+="utf8=%E2%9C%93&"),p.length>0?l+p:""}}),fr=a((n,h)=>{"use strict";var b=bf(),c=Object.prototype.hasOwnProperty,f=Array.isArray,a={allowDots:!1,allowPrototypes:!1,arrayLimit:20,charset:"utf-8",charsetSentinel:!1,comma:!1,decoder:b.decode,delimiter:"&",depth:5,ignoreQueryPrefix:!1,interpretNumericEntities:!1,parameterLimit:1e3,parseArrays:!0,plainObjects:!1,strictNullHandling:!1},g=function(a){return a.replace(/&#(\d+);/g,function(b,a){return String.fromCharCode(parseInt(a,10))})},d=function(a,b){return a&&typeof a=="string"&&b.comma&&a.indexOf(",")>-1?a.split(","):a},i="utf8=%26%2310003%3B",j="utf8=%E2%9C%93",k=function(s,h){var p={},v=h.ignoreQueryPrefix?s.replace(/^\?/,""):s,u=h.parameterLimit===1/0?void 0:h.parameterLimit,l=v.split(h.delimiter,u),r=-1,n=h.charset,e,o,t,q,m,k;if(h.charsetSentinel)for(e=0;e<l.length;++e)l[e].indexOf("utf8=")===0&&(l[e]===j?n="utf-8":l[e]===i&&(n="iso-8859-1"),r=e,e=l.length);for(e=0;e<l.length;++e){if(e===r)continue;o=l[e],t=o.indexOf("]="),q=t===-1?o.indexOf("="):t+1,q===-1?(m=h.decoder(o,a.decoder,n,"key"),k=h.strictNullHandling?null:""):(m=h.decoder(o.slice(0,q),a.decoder,n,"key"),k=b.maybeMap(d(o.slice(q+1),h),function(b){return h.decoder(b,a.decoder,n,"value")})),k&&h.interpretNumericEntities&&n==="iso-8859-1"&&(k=g(k)),o.indexOf("[]=")>-1&&(k=f(k)?[k]:k),c.call(p,m)?p[m]=b.combine(p[m],k):p[m]=k}return p},l=function(i,j,c,k){for(var e=k?j:d(j,c),h=i.length-1,a,b,g,f;h>=0;--h)b=i[h],b==="[]"&&c.parseArrays?a=[].concat(e):(a=c.plainObjects?Object.create(null):{},g=b.charAt(0)==="["&&b.charAt(b.length-1)==="]"?b.slice(1,-1):b,f=parseInt(g,10),!c.parseArrays&&g===""?a={0:e}:!isNaN(f)&&b!==g&&String(f)===g&&f>=0&&c.parseArrays&&f<=c.arrayLimit?(a=[],a[f]=e):a[g]=e),e=a;return e},m=function(g,k,a,m){var d,i,j,b,f,e,h;if(!g)return;if(d=a.allowDots?g.replace(/\.([^.[]+)/g,"[$1]"):g,i=/(\[[^[\]]*])/,j=/(\[[^[\]]*])/g,b=a.depth>0&&i.exec(d),f=b?d.slice(0,b.index):d,e=[],f){if(!a.plainObjects&&c.call(Object.prototype,f))if(!a.allowPrototypes)return;e.push(f)}for(h=0;a.depth>0&&(b=j.exec(d))!==null&&h<a.depth;){if(h+=1,!a.plainObjects&&c.call(Object.prototype,b[1].slice(1,-1)))if(!a.allowPrototypes)return;e.push(b[1])}return b&&e.push("["+d.slice(b.index)+"]"),l(e,k,a,m)},e=function(c){if(!c)return a;if(c.decoder!==null&&c.decoder!==void 0&&typeof c.decoder!="function")throw new TypeError("Decoder has to be a function.");if(typeof c.charset!="undefined"&&c.charset!=="utf-8"&&c.charset!=="iso-8859-1")throw new TypeError("The charset option must be either utf-8, iso-8859-1, or undefined");var d=typeof c.charset=="undefined"?a.charset:c.charset;return{allowDots:typeof c.allowDots=="undefined"?a.allowDots:!!c.allowDots,allowPrototypes:typeof c.allowPrototypes=="boolean"?c.allowPrototypes:a.allowPrototypes,arrayLimit:typeof c.arrayLimit=="number"?c.arrayLimit:a.arrayLimit,charset:d,charsetSentinel:typeof c.charsetSentinel=="boolean"?c.charsetSentinel:a.charsetSentinel,comma:typeof c.comma=="boolean"?c.comma:a.comma,decoder:typeof c.decoder=="function"?c.decoder:a.decoder,delimiter:typeof c.delimiter=="string"||b.isRegExp(c.delimiter)?c.delimiter:a.delimiter,depth:typeof c.depth=="number"||c.depth===!1?+c.depth:a.depth,ignoreQueryPrefix:c.ignoreQueryPrefix===!0,interpretNumericEntities:typeof c.interpretNumericEntities=="boolean"?c.interpretNumericEntities:a.interpretNumericEntities,parameterLimit:typeof c.parameterLimit=="number"?c.parameterLimit:a.parameterLimit,parseArrays:c.parseArrays!==!1,plainObjects:typeof c.plainObjects=="boolean"?c.plainObjects:a.plainObjects,strictNullHandling:typeof c.strictNullHandling=="boolean"?c.strictNullHandling:a.strictNullHandling}};h.exports=function(a,j){var c=e(j),h,d,i,f,g,l;if(a===""||a===null||typeof a=="undefined")return c.plainObjects?Object.create(null):{};h=typeof a=="string"?k(a,c):a,d=c.plainObjects?Object.create(null):{},i=Object.keys(h);for(f=0;f<i.length;++f)g=i[f],l=m(g,h[g],c,typeof a=="string"),d=b.merge(d,l,c);return b.compact(d)}}),fq=a((e,a)=>{"use strict";var b=fs(),c=fr(),d=ap();a.exports={formats:d,parse:c,stringify:b}}),fo=a((b,a)=>{(function(){"use strict";var c={}.hasOwnProperty;function b(){for(var d=[],e=0,a,f,h,g;e<arguments.length;e++){if(a=arguments[e],!a)continue;if(f=typeof a,f==="string"||f==="number")d.push(a);else if(Array.isArray(a)&&a.length)h=b.apply(null,a),h&&d.push(h);else if(f==="object")for(g in a)c.call(a,g)&&a[g]&&d.push(g)}return d.join(" ")}typeof a!="undefined"&&a.exports?(b.default=b,a.exports=b):typeof define=="function"&&typeof define.amd=="object"&&define.amd?define("classnames",[],function(){return b}):window.classNames=b})()}),fn=a((d,b)=>{var c=typeof window!="undefined"?window:typeof WorkerGlobalScope!="undefined"&&self instanceof WorkerGlobalScope?self:{},a=function(b){var e=/\blang(?:uage)?-([\w-]+)\b/i,l=0,a={manual:b.Prism&&b.Prism.manual,disableWorkerMessageHandler:b.Prism&&b.Prism.disableWorkerMessageHandler,util:{encode:function b(a){return a instanceof c?new c(a.type,b(a.content),a.alias):Array.isArray(a)?a.map(b):a.replace(/&/g,"&").replace(/</g,"<").replace(/\u00a0/g," ")},type:function(a){return Object.prototype.toString.call(a).slice(8,-1)},objId:function(a){return a.__id||Object.defineProperty(a,"__id",{value:++l}),a.__id},clone:function g(e,b){var c,d,f;switch(b=b||{},a.util.type(e)){case"Object":if(d=a.util.objId(e),b[d])return b[d];c={},b[d]=c;for(f in e)e.hasOwnProperty(f)&&(c[f]=g(e[f],b));return c;case"Array":return d=a.util.objId(e),b[d]?b[d]:(c=[],b[d]=c,e.forEach(function(a,d){c[d]=g(a,b)}),c);default:return e}},getLanguage:function(a){while(a&&!e.test(a.className))a=a.parentElement;return a?(a.className.match(e)||[,"none"])[1].toLowerCase():"none"},currentScript:function(){var b,a,c;if(typeof document=="undefined")return null;if("currentScript"in document&&1<2)return document.currentScript;try{throw new Error}catch(d){if(b=(/at [^(\r\n]*\((.*):.+:.+\)$/i.exec(d.stack)||[])[1],b){a=document.getElementsByTagName("script");for(c in a)if(a[c].src==b)return a[c]}return null}},isActive:function(a,b,d){for(var e="no-"+b,c;a;){if(c=a.classList,c.contains(b))return!0;if(c.contains(e))return!1;a=a.parentElement}return!!d}},languages:{extend:function(e,b){var c=a.util.clone(a.languages[e]),d;for(d in b)c[d]=b[d];return c},insertBefore:function(h,j,f,d){var g,c,b,e,i;d=d||a.languages,g=d[h],c={};for(b in g)if(g.hasOwnProperty(b)){if(b==j)for(e in f)f.hasOwnProperty(e)&&(c[e]=f[e]);f.hasOwnProperty(b)||(c[b]=g[b])}return i=d[h],d[h]=c,a.languages.DFS(a.languages,function(a,b){b===i&&a!=h&&(this[a]=c)}),c},DFS:function i(f,g,j,c){var e,d,b,h;c=c||{},e=a.util.objId;for(d in f)f.hasOwnProperty(d)&&(g.call(f,d,f[d],j||d),b=f[d],h=a.util.type(b),h==="Object"&&!c[e(b)]?(c[e(b)]=!0,i(b,g,null,c)):h==="Array"&&!c[e(b)]&&(c[e(b)]=!0,i(b,g,d,c)))}},plugins:{},highlightAll:function(b,c){a.highlightAllUnder(document,b,c)},highlightAllUnder:function(d,e,f){var b={callback:f,container:d,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'},g,c;a.hooks.run("before-highlightall",b),b.elements=Array.prototype.slice.apply(b.container.querySelectorAll(b.selector)),a.hooks.run("before-all-elements-highlight",b);for(g=0,c;c=b.elements[g++];)a.highlightElement(c,e===!0,b.callback)},highlightElement:function(d,m,f){var g=a.util.getLanguage(d),k=a.languages[g],h,l,c,j;d.className=d.className.replace(e,"").replace(/\s+/g," ")+" language-"+g,h=d.parentElement,h&&h.nodeName.toLowerCase()==="pre"&&(h.className=h.className.replace(e,"").replace(/\s+/g," ")+" language-"+g),l=d.textContent,c={element:d,language:g,grammar:k,code:l};function i(b){c.highlightedCode=b,a.hooks.run("before-insert",c),c.element.innerHTML=c.highlightedCode,a.hooks.run("after-highlight",c),a.hooks.run("complete",c),f&&f.call(c.element)}if(a.hooks.run("before-sanity-check",c),!c.code){a.hooks.run("complete",c),f&&f.call(c.element);return}if(a.hooks.run("before-highlight",c),!c.grammar){i(a.util.encode(c.code));return}m&&b.Worker?(j=new Worker(a.filename),j.onmessage=function(a){i(a.data)},j.postMessage(JSON.stringify({language:c.language,code:c.code,immediateClose:!0}))):i(a.highlight(c.code,c.grammar,c.language))},highlight:function(d,e,f){var b={code:d,grammar:e,language:f};return a.hooks.run("before-tokenize",b),b.tokens=a.tokenize(b.code,b.grammar),a.hooks.run("after-tokenize",b),c.stringify(a.util.encode(b.tokens),b.language)},tokenize:function(d,b){var c=b.rest,e,a;if(c){for(e in c)b[e]=c[e];delete b.rest}return a=new m,f(a,a.head,d),i(d,a,b,a.head,0),j(a)},hooks:{all:{},add:function(b,d){var c=a.hooks.all;c[b]=c[b]||[],c[b].push(d)},run:function(d,e){var b=a.hooks.all[d],f,c;if(!b||!b.length)return;for(f=0,c;c=b[f++];)c(e)}},Token:c},d,h;b.Prism=a;function c(a,b,c,d){this.type=a,this.content=b,this.alias=c,this.length=(d||"").length|0}c.stringify=function i(c,f){var g,b,d,e,h;if(typeof c=="string")return c;if(Array.isArray(c))return g="",c.forEach(function(a){g+=i(a,f)}),g;b={type:c.type,content:i(c.content,f),tag:"span",classes:["token",c.type],attributes:{},language:f},d=c.alias,d&&(Array.isArray(d)?Array.prototype.push.apply(b.classes,d):b.classes.push(d)),a.hooks.run("wrap",b),e="";for(h in b.attributes)e+=" "+h+'="'+(b.attributes[h]||"").replace(/"/g,""")+'"';return"<"+b.tag+' class="'+b.classes.join(" ")+'"'+e+">"+b.content+"</"+b.tag+">"};function i(B,h,t,K,J,m){var n,o,p,g,E,D,C,y,H,G,u,b,e,l,r,d,w,x,j,q,v,z,F,A,s,I;for(n in t){if(!t.hasOwnProperty(n)||!t[n])continue;o=t[n],o=Array.isArray(o)?o:[o];for(p=0;p<o.length;++p){if(m&&m.cause==n+","+p)return;g=o[p],E=g.inside,D=!!g.lookbehind,C=!!g.greedy,y=0,H=g.alias,C&&!g.pattern.global&&(G=g.pattern.toString().match(/[imsuy]*$/)[0],g.pattern=RegExp(g.pattern.source,G+"g")),u=g.pattern||g;for(b=K.next,e=J;b!==h.tail;e+=b.value.length,b=b.next){if(m&&e>=m.reach)break;if(l=b.value,h.length>B.length)return;if(l instanceof c)continue;if(r=1,C&&b!=h.tail.prev){if(u.lastIndex=e,d=u.exec(B),!d)break;for(w=d.index+(D&&d[1]?d[1].length:0),x=d.index+d[0].length,j=e,j+=b.value.length;w>=j;)b=b.next,j+=b.value.length;if(j-=b.value.length,e=j,b.value instanceof c)continue;for(q=b;q!==h.tail&&(j<x||typeof q.value=="string");q=q.next)r++,j+=q.value.length;r--,l=B.slice(e,j),d.index-=e}else u.lastIndex=0,d=u.exec(l);if(!d)continue;D&&(y=d[1]?d[1].length:0),w=d.index+y,v=d[0].slice(y),x=w+v.length,z=l.slice(0,w),F=l.slice(x),A=e+l.length,m&&A>m.reach&&(m.reach=A),s=b.prev,z&&(s=f(h,s,z),e+=z.length),k(h,s,r),I=new c(n,E?a.tokenize(v,E):v,H,v),b=f(h,s,I),F&&f(h,b,F),r>1&&i(B,h,t,b.prev,e,{cause:n+","+p,reach:A})}}}}function m(){var a={value:null,prev:null,next:null},b={value:null,prev:a,next:null};a.next=b,this.head=a,this.tail=b,this.length=0}function f(d,a,e){var c=a.next,b={value:e,prev:a,next:c};return a.next=b,c.prev=b,d.length++,b}function k(d,b,e){for(var a=b.next,c=0;c<e&&a!==d.tail;c++)a=a.next;b.next=a,a.prev=b,d.length-=c}function j(b){for(var c=[],a=b.head.next;a!==b.tail;)c.push(a.value),a=a.next;return c}if(!b.document)return b.addEventListener?(a.disableWorkerMessageHandler||b.addEventListener("message",function(e){var c=JSON.parse(e.data),d=c.language,f=c.code,g=c.immediateClose;b.postMessage(a.highlight(f,a.languages[d],d)),g&&b.close()},!1),a):a;d=a.util.currentScript(),d&&(a.filename=d.src,d.hasAttribute("data-manual")&&(a.manual=!0));function g(){a.manual||a.highlightAll()}return a.manual||(h=document.readyState,h==="loading"||h==="interactive"&&d&&d.defer?document.addEventListener("DOMContentLoaded",g):window.requestAnimationFrame?window.requestAnimationFrame(g):window.setTimeout(g,16)),a}(c);typeof b!="undefined"&&b.exports&&(b.exports=a),typeof global!="undefined"&&(global.Prism=a),a.languages.markup={comment:/<!--[\s\S]*?-->/,prolog:/<\?[\s\S]+?\?>/,doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/,name:/[^\s<>'"]+/}},cdata:/<!\[CDATA\[[\s\S]*?]]>/i,tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},a.languages.markup.tag.inside["attr-value"].inside.entity=a.languages.markup.entity,a.languages.markup.doctype.inside["internal-subset"].inside=a.languages.markup,a.hooks.add("wrap",function(a){a.type==="entity"&&(a.attributes.title=a.content.replace(/&/,"&"))}),Object.defineProperty(a.languages.markup.tag,"addInlined",{value:function(d,b){var c={},e,f;c["language-"+b]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:a.languages[b]},c.cdata=/^<!\[CDATA\[|\]\]>$/i,e={"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:c}},e["language-"+b]={pattern:/[\s\S]+/,inside:a.languages[b]},f={},f[d]={pattern:RegExp(/(<__[\s\S]*?>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,function(){return d}),"i"),lookbehind:!0,greedy:!0,inside:e},a.languages.insertBefore("markup","cdata",f)}}),a.languages.html=a.languages.markup,a.languages.mathml=a.languages.markup,a.languages.svg=a.languages.markup,a.languages.xml=a.languages.extend("markup",{}),a.languages.ssml=a.languages.xml,a.languages.atom=a.languages.xml,a.languages.rss=a.languages.xml,function(a){var b=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,c;a.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-]+[\s\S]*?(?:;|(?=\s*\{))/,inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\((?!\s*\))\s*)(?:[^()]|\((?:[^()]|\([^()]*\))*\))+?(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+b.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+b.source+"$"),alias:"url"}}},selector:RegExp(`[^{}\\s](?:[^{};"']|`+b.source+")*?(?=\\s*\\{)"),string:{pattern:b,greedy:!0},property:/[-_a-z\xA0-\uFFFF][-\w\xA0-\uFFFF]*(?=\s*:)/i,important:/!important\b/i,function:/[-a-z0-9]+(?=\()/i,punctuation:/[(){};:,]/},a.languages.css.atrule.inside.rest=a.languages.css,c=a.languages.markup,c&&(c.tag.addInlined("style","css"),a.languages.insertBefore("inside","attr-value",{"style-attr":{pattern:/\s*style=("|')(?:\\[\s\S]|(?!\1)[^\\])*\1/i,inside:{"attr-name":{pattern:/^\s*style/i,inside:c.tag.inside},punctuation:/^\s*=\s*['"]|['"]\s*$/,"attr-value":{pattern:/.+/i,inside:a.languages.css}},alias:"language-css"}},c.tag))}(a),a.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|interface|extends|implements|trait|instanceof|new)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,boolean:/\b(?:true|false)\b/,function:/\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+\.?\d*|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},a.languages.javascript=a.languages.extend("clike",{"class-name":[a.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])[_$A-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\.(?:prototype|constructor))/,lookbehind:!0}],keyword:[{pattern:/((?:^|})\s*)(?:catch|finally)\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|for|from|function|(?:get|set)(?=\s*[\[$\w\xA0-\uFFFF])|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],number:/\b(?:(?:0[xX](?:[\dA-Fa-f](?:_[\dA-Fa-f])?)+|0[bB](?:[01](?:_[01])?)+|0[oO](?:[0-7](?:_[0-7])?)+)n?|(?:\d(?:_\d)?)+n|NaN|Infinity)\b|(?:\b(?:\d(?:_\d)?)+\.?(?:\d(?:_\d)?)*|\B\.(?:\d(?:_\d)?)+)(?:[Ee][+-]?(?:\d(?:_\d)?)+)?/,function:/#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),a.languages.javascript["class-name"][0].pattern=/(\b(?:class|interface|extends|implements|instanceof|new)\s+)[\w.\\]+/,a.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*]|\\.|[^/\\\[\r\n])+\/[gimyus]{0,6}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,lookbehind:!0,greedy:!0},"function-variable":{pattern:/#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+[_$A-Za-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)?\s*\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\))/,lookbehind:!0,inside:a.languages.javascript},{pattern:/[_$a-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*=>)/i,inside:a.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\)\s*=>)/,lookbehind:!0,inside:a.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:[_$A-Za-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\)\s*\{)/,lookbehind:!0,inside:a.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),a.languages.insertBefore("javascript","string",{"template-string":{pattern:/`(?:\\[\s\S]|\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}|(?!\${)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\${|}$/,alias:"punctuation"},rest:a.languages.javascript}},string:/[\s\S]+/}}}),a.languages.markup&&a.languages.markup.tag.addInlined("script","javascript"),a.languages.js=a.languages.javascript,function(){var a,j,h,m,g,b,e,d,i,c,k,f;if(typeof self=="undefined"||!self.Prism||!self.document)return;a=window.Prism,j="Loading\u2026",h=function(a,b){return"\u2716 Error "+a+" while fetching file: "+b},m="\u2716 Error: File does not exist or is empty",g={js:"javascript",py:"python",rb:"ruby",ps1:"powershell",psm1:"powershell",sh:"bash",bat:"batch",h:"c",tex:"latex"},b="data-src-status",e="loading",d="loaded",i="failed",c="pre[data-src]:not(["+b+'="'+d+'"]):not(['+b+'="'+e+'"])',k=/\blang(?:uage)?-([\w-]+)\b/i;function l(b,c){var a=b.className;a=a.replace(k," ")+" language-"+c,b.className=a.replace(/\s+/g," ").trim()}a.hooks.add("before-highlightall",function(a){a.selector+=", "+c}),a.hooks.add("before-sanity-check",function(p){var k=p.element,n,q,o,r,s,f;k.matches(c)&&(p.code="",k.setAttribute(b,e),n=k.appendChild(document.createElement("CODE")),n.textContent=j,q=k.getAttribute("data-src"),o=p.language,o==="none"&&(r=(/\.(\w+)$/.exec(q)||[,"none"])[1],o=g[r]||r),l(n,o),l(k,o),s=a.plugins.autoloader,s&&s.loadLanguages(o),f=new XMLHttpRequest,f.open("GET",q,!0),f.onreadystatechange=function(){f.readyState==4&&(f.status<400&&f.responseText?(k.setAttribute(b,d),n.textContent=f.responseText,a.highlightElement(n)):(k.setAttribute(b,i),f.status>=400?n.textContent=h(f.status,f.statusText):n.textContent=m))},f.send(null))}),a.plugins.fileHighlight={highlight:function(d){for(var e=(d||document).querySelectorAll(c),f=0,b;b=e[f++];)a.highlightElement(b)}},f=!1,a.fileHighlight=function(){f||(console.warn("Prism.fileHighlight is deprecated. Use `Prism.plugins.fileHighlight.highlight` instead."),f=!0),a.plugins.fileHighlight.highlight.apply(this,arguments)}}()}),fm,aM,aC,aD,aE,aV,h,he,hd,hc,aO,aL,hb,aH,fg,hf,e$,eZ,a$,eY,eX,eV,eU,be,eT,bg,bi,eQ,eP,bl,eI,eF,br,bs,ew,et,ep,bF,g,ei,am,e,eg,dP,L,cb,H,dG,cg,dD,dB,dA,cl,dz,X,f,dq,dj,c$,cY,cO,cP,cQ,cR,cS,cT,cU,cV,cW,cX,I,cZ,c_,cM,s,de,di,cF,D,dE,dF,ca,dI,z,dK,dM,dO,dQ,dV,bI,en,eo,bD,eq,ev,j,eL,eM,ao,i,bd,c,eW,B,ba,a_,e_,S,aw,fb,bP,av,P,fR,fT,fU,fY,fZ,cf,gj,gn,go,gp,gq,gr,gC,gG,gH,gI,n,gN,gS,p,gU,gW,gX,gY,dd,g$,fi,fj,fk,fl,ff;function ax(c,d,a,b){return new(a||(a=Promise))(function(g,f){function h(a){try{e(b.next(a))}catch(a){f(a)}}function i(a){try{e(b.throw(a))}catch(a){f(a)}}function e(c){var b;c.done?g(c.value):(b=c.value,b instanceof a?b:new a(function(a){a(b)})).then(h,i)}e((b=b.apply(c,d||[])).next())})}function ay(g,h){var e,c,a,f,b={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return f={next:d(0),throw:d(1),return:d(2)},typeof Symbol=="function"&&(f[Symbol.iterator]=function(){return this}),f;function d(d){return function(f){return function(d){if(e)throw new TypeError("Generator is already executing.");for(;b;)try{if(e=1,c&&(a=2&d[0]?c.return:d[0]?c.throw||((a=c.return)&&a.call(c),0):c.next)&&!(a=a.call(c,d[1])).done)return a;switch(c=0,a&&(d=[2&d[0],a.value]),d[0]){case 0:case 1:a=d;break;case 4:return b.label++,{value:d[1],done:!1};case 5:b.label++,c=d[1],d=[0];continue;case 7:d=b.ops.pop(),b.trys.pop();continue;default:if(!(a=b.trys,(a=a.length>0&&a[a.length-1])||d[0]!==6&&d[0]!==2)){b=0;continue}if(d[0]===3&&(!a||d[1]>a[0]&&d[1]<a[3])){b.label=d[1];break}if(d[0]===6&&b.label<a[1]){b.label=a[1],a=d;break}if(a&&b.label<a[2]){b.label=a[2],b.ops.push(d);break}a[2]&&b.ops.pop(),b.trys.pop();continue}d=h.call(g,b)}catch(a){d=[6,a],c=0}finally{e=a=0}if(5&d[0])throw d[1];return{value:d[0]?d[1]:void 0,done:!0}}([d,f])}}}fm=function(a){};function k(a){fm(a)}(function(){(console.warn||console.log).apply(console,arguments)}).bind("[clipboard-polyfill]"),aV=typeof navigator=="undefined"?void 0:navigator,h=aV==null?void 0:aV.clipboard,he=(aM=h==null?void 0:h.read)===null||aM===void 0?void 0:aM.bind(h),hd=(aC=h==null?void 0:h.readText)===null||aC===void 0?void 0:aC.bind(h),hc=(aD=h==null?void 0:h.write)===null||aD===void 0?void 0:aD.bind(h),aO=(aE=h==null?void 0:h.writeText)===null||aE===void 0?void 0:aE.bind(h),aL=typeof window=="undefined"?void 0:window,hb=aL==null?void 0:aL.ClipboardItem,aH=aL;function fh(){return typeof ClipboardEvent=="undefined"&&aH.clipboardData!==void 0&&aH.clipboardData.setData!==void 0}fg=function(){this.success=!1};function fe(d,e,f){var a,b,c;for(a in k("listener called"),d.success=!0,e)b=e[a],c=f.clipboardData,c.setData(a,b),a==="text/plain"&&c.getData(a)!==b&&(k("setting text/plain failed"),d.success=!1);f.preventDefault()}function aR(c){var a=new fg,b=fe.bind(this,a,c);document.addEventListener("copy",b);try{document.execCommand("copy")}finally{document.removeEventListener("copy",b)}return a.success}function aS(a,b){aT(a);var c=aR(b);return aU(),c}function aT(c){var a=document.getSelection(),b;a&&(b=document.createRange(),b.selectNodeContents(c),a.removeAllRanges(),a.addRange(b))}function aU(){var a=document.getSelection();a&&a.removeAllRanges()}function fd(a){return ax(this,void 0,void 0,function(){var b;return ay(this,function(d){if(b="text/plain"in a,fh()){if(!b)throw new Error("No `text/plain` value was specified.");if(c=a["text/plain"],aH.clipboardData.setData("Text",c))return[2,!0];throw new Error("Copying failed, possibly because the user rejected it.")}var c;return aR(a)?(k("regular execCopy worked"),[2,!0]):navigator.userAgent.indexOf("Edge")>-1?(k('UA "Edge" => assuming success'),[2,!0]):aS(document.body,a)?(k("copyUsingTempSelection worked"),[2,!0]):function(b){var a=document.createElement("div"),c;return a.setAttribute("style","-webkit-user-select: text !important"),a.textContent="temporary element",document.body.appendChild(a),c=aS(a,b),document.body.removeChild(a),c}(a)?(k("copyUsingTempElem worked"),[2,!0]):function(e){var a,c,b,d;return k("copyTextUsingDOM"),a=document.createElement("div"),a.setAttribute("style","-webkit-user-select: text !important"),c=a,a.attachShadow&&(k("Using shadow DOM."),c=a.attachShadow({mode:"open"})),b=document.createElement("span"),b.innerText=e,c.appendChild(b),document.body.appendChild(a),aT(b),d=document.execCommand("copy"),aU(),document.body.removeChild(a),d}(a["text/plain"])?(k("copyTextUsingDOM worked"),[2,!0]):[2,!1]})})}function aW(a){return ax(this,void 0,void 0,function(){return ay(this,function(b){if(aO)return k("Using `navigator.clipboard.writeText()`."),[2,aO(a)];if(!fd(function(b){var a={};return a["text/plain"]=b,a}(a)))throw new Error("writeText() failed");return[2]})})}hf=function(){function a(b,a){var c,d,e;for(d in a===void 0&&(a={}),this.types=Object.keys(b),this._items={},b)e=b[d],this._items[d]=typeof e=="string"?fa(d,e):e;this.presentationStyle=(c=a==null?void 0:a.presentationStyle)!==null&&c!==void 0?c:"unspecified"}return a.prototype.getType=function(a){return ax(this,void 0,void 0,function(){return ay(this,function(b){return[2,this._items[a]]})})},a}();function fa(a,b){return new Blob([b],{type:a})}e$=a=>{const b=a.querySelector("code").innerText;a.addEventListener("click",async c=>{await aW(b),a.classList.add("is-success"),a.dataset.tooltip="Copied!"}),a.addEventListener("mouseleave",b=>{a.classList.remove("is-success"),a.dataset.tooltip="Copy color to clipboard"})},eZ=(c,a,b)=>{a.addEventListener("click",async f=>{const e=c.querySelector(".js-tabcontent.is-active"),d=e.dataset.clipboard;d&&(await aW(d),a.blur(),a$([a,b]))}),b.addEventListener("mouseleave",c=>{setTimeout(()=>a$([a,b]),200)})},a$=a=>{a.forEach(a=>a.classList.toggle("is-hidden"))},eY=(a,b)=>{const c=new MutationObserver(c=>{b.classList.contains("is-active")?a.classList.add("is-hidden"):a.classList.remove("is-hidden")});c.observe(b,{attributeFilter:["class"]})},eX=a=>{const c=a.querySelector(".copy-to-cc"),d=a.querySelector(".copied-to-cc"),b=a.querySelector(".theme-colors");if(b){eY(c,b);const a=b.querySelectorAll(".color");a.forEach(e$)}eZ(a,c,d)},eV=()=>{const a=document.querySelectorAll(".box-code");a.forEach(a=>eX(a))},eU=m(fN()),be=m(al()),eT=m(ai()),bg=m(al());function eR(a){return a.toString().charAt(0).toUpperCase()+a.toString().slice(1)}bi=eR,eQ=Promise.resolve(),eP=function(d){var a=null,b=!1,c=function(){for(var e=arguments.length,f=new Array(e),c=0;c<e;c++)f[c]=arguments[c];if(a!==null)return;a=eQ.then(function(){if(a=null,b){b=!1;return}d.apply(void 0,f)})};return c.wait=function(){if(a===null)throw new Error("The deferred function should be called before calling `wait()`");return a},c.cancel=function(){if(a===null)return;b=!0},c},bl=eP;function eJ(a){return a instanceof HTMLElement||Boolean(a)&&a.nodeType>0}eI=eJ;function eH(a){var b=typeof a=="string",c=b?document.querySelector(a):a,d;if(!eI(c))throw d="Container must be `string` or `HTMLElement`.",b&&(d+=" Unable to find ".concat(a)),new Error(d);return c}eF=eH;function eE(a){return a.filter(function(a,b,c){return c.indexOf(a)===b})}br=eE,bs=m(ft());function af(a){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?af=function(a){return typeof a}:af=function(a){return a&&typeof Symbol=="function"&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},af(a)}function bu(a,d){var b=Object.keys(a),c;return Object.getOwnPropertySymbols&&(c=Object.getOwnPropertySymbols(a),d&&(c=c.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),b.push.apply(b,c)),b}function bv(c){for(var a=1,b;a<arguments.length;a++)b=arguments[a]!=null?arguments[a]:{},a%2?bu(Object(b),!0).forEach(function(a){bw(c,a,b[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(b)):bu(Object(b)).forEach(function(a){Object.defineProperty(c,a,Object.getOwnPropertyDescriptor(b,a))});return c}function bw(a,b,c){return b in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}function eB(){var a=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},b=arguments.length>1?arguments[1]:void 0,c=arguments.length>2?arguments[2]:void 0;return Object.keys(a).reduce(function(e,d){return bv({},e,bw({},d,function(){var e=this;return function(f){var g=function(a){return bs.default.compile(a,b).render(e)};return a[d].call(c,f,g)}}))},{})}function ez(a){var i=a.templates,g=a.templateKey,e=a.compileOptions,k=a.helpers,d=a.data,h=a.bindEvent,b=i[g],c=af(b),j=c==="string",f=c==="function",l;if(!j&&!f)throw new Error("Template must be 'string' or 'function', was '".concat(c,"' (key: ").concat(g,")"));return f?b(d,h):(l=eB(k,e,d),bs.default.compile(b,e).render(bv({},d,{helpers:l})).replace(/[ \n\r\t\f\xA0]+/g,function(a){return a.replace(/(^|\xA0+)[^\xA0]+/g,"$1 ")}).trim())}ew=ez;function eu(b,d){for(var a=0,c;a<b.length;a++)if(c=b[a],d(c,a,b))return c}et=eu;function es(a){return Object.prototype.toString.call(a).slice(8,-1)}ep=es;function em(a,b){if(a===void 0||typeof a!="function")throw new Error("The render function is not valid (received type ".concat(ep(a),").\n\n").concat(b))}bF=em;function ek(){}g=ek,ei=function(a){return a},am=g,e=g,!0&&(am=function(a){console.warn("[InstantSearch.js]: ".concat(a.trim()))},ei=function(b,c){var a=!1;return function(){return a||(a=!0,am(c)),b.apply(void 0,arguments)}},e=function(b,a){if(b)return;var c=e.cache[a];c||(e.cache[a]=!0,am(a))},e.cache={}),eg=Object.keys;function ed(a){return d_(a)||eb(a)||ec()}function ec(){throw new TypeError("Invalid attempt to spread non-iterable instance")}function eb(a){if(Symbol.iterator in Object(a)||Object.prototype.toString.call(a)==="[object Arguments]")return Array.from(a)}function d_(a){if(Array.isArray(a)){for(var b=0,c=new Array(a.length);b<a.length;b++)c[b]=a[b];return c}}function C(a,b){return dS(a)||dU(a,b)||dZ()}function dZ(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}function dU(g,h){var b,c,e,f,a,d;if(!(Symbol.iterator in Object(g)||Object.prototype.toString.call(g)==="[object Arguments]"))return;b=[],c=!0,e=!1,f=void 0;try{for(a=g[Symbol.iterator](),d;!(c=(d=a.next()).done);c=!0)if(b.push(d.value),h&&b.length===h)break}catch(a){e=!0,f=a}finally{try{!c&&a.return!=null&&a.return()}finally{if(e)throw f}}return b}function dS(a){if(Array.isArray(a))return a}function dR(a){switch(a){case"range":return[];case"menu":return["menu","menuSelect"];default:return[a]}}dP={query:{connectors:["connectSearchBox"],widgets:["ais.searchBox","ais.autocomplete","ais.voiceSearch"]},refinementList:{connectors:["connectRefinementList"],widgets:["ais.refinementList"]},menu:{connectors:["connectMenu"],widgets:["ais.menu"]},hierarchicalMenu:{connectors:["connectHierarchicalMenu"],widgets:["ais.hierarchicalMenu"]},numericMenu:{connectors:["connectNumericMenu"],widgets:["ais.numericMenu"]},ratingMenu:{connectors:["connectRatingMenu"],widgets:["ais.ratingMenu"]},range:{connectors:["connectRange"],widgets:["ais.rangeInput","ais.rangeSlider","ais.range"]},toggle:{connectors:["connectToggleRefinement"],widgets:["ais.toggleRefinement"]},geoSearch:{connectors:["connectGeoSearch"],widgets:["ais.geoSearch"]},sortBy:{connectors:["connectSortBy"],widgets:["ais.sortBy"]},page:{connectors:["connectPagination"],widgets:["ais.pagination","ais.infiniteHits"]},hitsPerPage:{connectors:["connectHitsPerPage"],widgets:["ais.hitsPerPage"]},configure:{connectors:["connectConfigure"],widgets:["ais.configure"]},places:{connectors:[],widgets:["ais.places"]}};function bW(c){var b=c.index,d=c.indexUiState,f=b.getWidgets().map(function(a){return a.$$type}).filter(Boolean),a=eg(d).reduce(function(b,c){var a=dP[c],d;return a?(d=a.widgets,d&&!d.some(function(a){return f.includes(a)})&&b.push([c,{connectors:a.connectors,widgets:a.widgets.map(function(a){return a.split("ais.")[1]})}]),b):b},[]);e(a.length===0,'The UI state for the index "'.concat(b.getIndexId(),'" is not consistent with the widgets mounted.\n\nThis can happen when the UI state is specified via `initialUiState`, `routing` or `setUiState` but that the widgets responsible for this state were not added. This results in those query parameters not being sent to the API.\n\nTo fully reflect the state, some widgets need to be added to the index "').concat(b.getIndexId(),'":\n\n').concat(a.map(function(c){var b=C(c,2),d=b[0],e=b[1].widgets,a;return"- `".concat(d,"` needs one of these widgets: ").concat((a=[]).concat.apply(a,ed(e.map(function(a){return dR(a)}))).map(function(a){return'"'.concat(a,'"')}).join(", "))}).join("\n"),'\n\nIf you do not wish to display widgets but still want to support their search parameters, you can mount "virtual widgets" that don\'t render anything:\n\n```\n').concat(a.filter(function(b){var a=C(b,2),d=a[0],c=a[1].connectors;return c.length>0}).map(function(c){var a=C(c,2),h=a[0],b=a[1],d=b.connectors,e=b.widgets,f=bi(e[0]),g=d[0];return"const virtual".concat(f," = ").concat(g,"(() => null);")}).join("\n"),"\n\nsearch.addWidgets([\n ").concat(a.filter(function(b){var a=C(b,2),d=a[0],c=a[1].connectors;return c.length>0}).map(function(b){var a=C(b,2),e=a[0],c=a[1].widgets,d=bi(c[0]);return"virtual".concat(d,"({ /* ... */ })")}).join(",\n "),"\n]);\n```\n\nIf you're using custom widgets that do set these query parameters, we recommend using connectors instead.\n\nSee https://www.algolia.com/doc/guides/building-search-ui/widgets/customize-an-existing-widget/js/#customize-the-complete-ui-of-the-widgets"))}function dN(b,a){var c=Array.isArray(a)?a:a.split(".");return c.reduce(function(a,b){return a&&a[b]},b)}L=dN;function K(a){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?K=function(a){return typeof a}:K=function(a){return a&&typeof Symbol=="function"&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},K(a)}function dL(a){return a===null?a===void 0?"[object Undefined]":"[object Null]":Object.prototype.toString.call(a)}function dJ(a){return K(a)==="object"&&a!==null}function dH(a){if(!dJ(a)||dL(a)!=="[object Object]")return!1;if(Object.getPrototypeOf(a)===null)return!0;for(var b=a;Object.getPrototypeOf(b)!==null;)b=Object.getPrototypeOf(b);return Object.getPrototypeOf(a)===b}cb=dH;function cc(a){return a!==Object(a)}function cd(a,b){var c,e,d;if(a===b)return!0;if(cc(a)||cc(b)||typeof a=="function"||typeof b=="function")return a===b;if(Object.keys(a).length!==Object.keys(b).length)return!1;for(c=0,e=Object.keys(a);c<e.length;c++){if(d=e[c],!(d in b))return!1;if(!cd(a[d],b[d]))return!1}return!0}H=cd,dG={"&":"&","<":"<",">":">",'"':""","'":"'"},cg=/[&<>"']/g,dD=RegExp(cg.source);function dC(a){return a&&dD.test(a)?a.replace(cg,function(a){return dG[a]}):a}dB=dC,dA={"&":"&","<":"<",">":">",""":'"',"'":"'"},cl=/&(amp|quot|lt|gt|#39);/g,dz=RegExp(cl.source);function dy(a){return a&&dz.test(a)?a.replace(cl,function(a){return dA[a]}):a}function aI(){return aI=Object.assign||function(d){for(var a=1,b,c;a<arguments.length;a++){b=arguments[a];for(c in b)Object.prototype.hasOwnProperty.call(b,c)&&(d[c]=b[c])}return d},aI.apply(this,arguments)}function cp(a,d){var b=Object.keys(a),c;return Object.getOwnPropertySymbols&&(c=Object.getOwnPropertySymbols(a),d&&(c=c.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),b.push.apply(b,c)),b}function cq(c){for(var a=1,b;a<arguments.length;a++)b=arguments[a]!=null?arguments[a]:{},a%2?cp(Object(b),!0).forEach(function(a){cr(c,a,b[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(b)):cp(Object(b)).forEach(function(a){Object.defineProperty(c,a,Object.getOwnPropertyDescriptor(b,a))});return c}function cr(a,b,c){return b in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}X={highlightPreTag:"__ais-highlight__",highlightPostTag:"__/ais-highlight__"},f={highlightPreTag:"<mark>",highlightPostTag:"</mark>"};function dx(a){return dB(a).replace(new RegExp(X.highlightPreTag,"g"),f.highlightPreTag).replace(new RegExp(X.highlightPostTag,"g"),f.highlightPostTag)}function Y(a){return cb(a)&&typeof a.value!="string"?Object.keys(a).reduce(function(c,b){return cq({},c,cr({},b,Y(a[b])))},{}):Array.isArray(a)?a.map(Y):cq({},a,{value:dx(a.value)})}function dr(a){return a.__escaped===void 0&&(a=a.map(function(b){var a=aI({},b);return a._highlightResult&&(a._highlightResult=Y(a._highlightResult)),a._snippetResult&&(a._snippetResult=Y(a._snippetResult)),a}),a.__escaped=!0),a}function cx(a){var b=f.highlightPreTag,c=f.highlightPostTag;return a.map(function(a){return a.isHighlighted?b+a.value+c:a.value}).join("")}function cy(d){var e=f.highlightPostTag,g=f.highlightPreTag,b=d.split(g),c=b.shift(),a=c?[{value:c,isHighlighted:!1}]:[];return b.forEach(function(c){var b=c.split(e);a.push({value:b[0],isHighlighted:!0}),b[1]!==""&&a.push({value:b[1],isHighlighted:!1})}),a}dq=new RegExp(/\w/i);function dp(a,b){var e=a[b],g=((c=a[b+1])===null||c===void 0?void 0:c.isHighlighted)||!0,f=((d=a[b-1])===null||d===void 0?void 0:d.isHighlighted)||!0,d,c;return!dq.test(dy(e.value))&&f===g?f:e.isHighlighted}function cB(a,d){var b=Object.keys(a),c;return Object.getOwnPropertySymbols&&(c=Object.getOwnPropertySymbols(a),d&&(c=c.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),b.push.apply(b,c)),b}function cC(c){for(var a=1,b;a<arguments.length;a++)b=arguments[a]!=null?arguments[a]:{},a%2?cB(Object(b),!0).forEach(function(a){dn(c,a,b[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(b)):cB(Object(b)).forEach(function(a){Object.defineProperty(c,a,Object.getOwnPropertyDescriptor(b,a))});return c}function dn(a,b,c){return b in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}function cE(a){return a.some(function(a){return a.isHighlighted})?a.map(function(b,c){return cC({},b,{isHighlighted:!dp(a,c)})}):a.map(function(a){return cC({},a,{isHighlighted:!1})})}function dk(b,c){if(!Array.isArray(b))return-1;for(var a=0;a<b.length;a++)if(c(b[a]))return a;return-1}dj=dk;function cH(a,d){var b=Object.keys(a),c;return Object.getOwnPropertySymbols&&(c=Object.getOwnPropertySymbols(a),d&&(c=c.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),b.push.apply(b,c)),b}function F(c){for(var a=1,b;a<arguments.length;a++)b=arguments[a]!=null?arguments[a]:{},a%2?cH(Object(b),!0).forEach(function(a){df(c,a,b[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(b)):cH(Object(b)).forEach(function(a){Object.defineProperty(c,a,Object.getOwnPropertyDescriptor(b,a))});return c}function df(a,b,c){return b in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}function db(b,f){var d,a,c,e;if(b==null)return{};if(d=da(b,f),Object.getOwnPropertySymbols){e=Object.getOwnPropertySymbols(b);for(c=0;c<e.length;c++){if(a=e[c],f.indexOf(a)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(b,a))continue;d[a]=b[a]}}return d}function da(c,f){var d,e,a,b;if(c==null)return{};d={},e=Object.keys(c);for(b=0;b<e.length;b++){if(a=e[b],f.indexOf(a)>=0)continue;d[a]=c[a]}return d}c$=function(c,a){var h=a.facets,e=a.disjunctiveFacets,f=a.facetsRefinements,g=a.facetsExcludes,d=a.disjunctiveFacetsRefinements,i=a.numericRefinements,j=a.tagRefinements,k=a.hierarchicalFacets,l=a.hierarchicalFacetsRefinements,m=a.ruleContexts,b=db(a,["facets","disjunctiveFacets","facetsRefinements","facetsExcludes","disjunctiveFacetsRefinements","numericRefinements","tagRefinements","hierarchicalFacets","hierarchicalFacetsRefinements","ruleContexts"]);return c.setQueryParameters(b)},cY=function(a,b){return b.facets.reduce(function(a,b){return a.addFacet(b)},a)},cO=function(a,b){return b.disjunctiveFacets.reduce(function(a,b){return a.addDisjunctiveFacet(b)},a)},cP=function(a,b){return a.setQueryParameters({hierarchicalFacets:b.hierarchicalFacets.reduce(function(a,b){var c=dj(a,function(a){return a.name===b.name}),d;return c===-1?a.concat(b):(d=a.slice(),d.splice(c,1,b),d)},a.hierarchicalFacets)})},cQ=function(a,b){return b.tagRefinements.reduce(function(a,b){return a.addTagRefinement(b)},a)},cR=function(a,b){return a.setQueryParameters({facetsRefinements:F({},a.facetsRefinements,{},b.facetsRefinements)})},cS=function(a,b){return a.setQueryParameters({facetsExcludes:F({},a.facetsExcludes,{},b.facetsExcludes)})},cT=function(a,b){return a.setQueryParameters({disjunctiveFacetsRefinements:F({},a.disjunctiveFacetsRefinements,{},b.disjunctiveFacetsRefinements)})},cU=function(a,b){return a.setQueryParameters({numericRefinements:F({},a.numericRefinements,{},b.numericRefinements)})},cV=function(a,b){return a.setQueryParameters({hierarchicalFacetsRefinements:F({},a.hierarchicalFacetsRefinements,{},b.hierarchicalFacetsRefinements)})},cW=function(a,c){var b=br([].concat(a.ruleContexts).concat(c.ruleContexts).filter(Boolean));return b.length>0?a.setQueryParameters({ruleContexts:b}):a},cX=function(){for(var b=arguments.length,c=new Array(b),a=0;a<b;a++)c[a]=arguments[a];return c.reduce(function(b,a){var c=cV(b,a),d=cP(c,a),e=cQ(d,a),f=cU(e,a),g=cT(f,a),h=cS(g,a),i=cR(h,a),j=cO(i,a),k=cW(j,a),l=cY(k,a);return c$(l,a)})},I=cX,cZ=function(c){for(var a=c.getParent(),b=[c.getHelper().state];a!==null;)b=[a.getHelper().state].concat(b),a=a.getParent();return b},c_=cZ,cM=function(a){var c=a.name,b=a.connector,d=b!==void 0&&b;return["https://www.algolia.com/doc/api-reference/widgets/",c,"/js/",d?"#connector":""].join("")},s=function(){for(var b=arguments.length,c=new Array(b),a=0,d;a<b;a++)c[a]=arguments[a];return d=c.map(function(a){return cM(a)}).join(", "),function(a){return[a,"See documentation: ".concat(d)].filter(Boolean).join("\n\n")}};function cK(a,d){var b=Object.keys(a),c;return Object.getOwnPropertySymbols&&(c=Object.getOwnPropertySymbols(a),d&&(c=c.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),b.push.apply(b,c)),b}function dc(c){for(var a=1,b;a<arguments.length;a++)b=arguments[a]!=null?arguments[a]:{},a%2?cK(Object(b),!0).forEach(function(a){g_(c,a,b[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(b)):cK(Object(b)).forEach(function(a){Object.defineProperty(c,a,Object.getOwnPropertyDescriptor(b,a))});return c}function g_(a,b,c){return b in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}de=function(a,b,c){return a.map(function(a,d){return dc({},a,{__position:c*b+d+1})})};function cJ(a,d){var b=Object.keys(a),c;return Object.getOwnPropertySymbols&&(c=Object.getOwnPropertySymbols(a),d&&(c=c.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),b.push.apply(b,c)),b}function dg(c){for(var a=1,b;a<arguments.length;a++)b=arguments[a]!=null?arguments[a]:{},a%2?cJ(Object(b),!0).forEach(function(a){dh(c,a,b[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(b)):cJ(Object(b)).forEach(function(a){Object.defineProperty(c,a,Object.getOwnPropertyDescriptor(b,a))});return c}function dh(a,b,c){return b in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}di=function(a,b){return b?a.map(function(a){return dg({},a,{__queryID:b})}):a};function ab(a){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?ab=function(a){return typeof a}:ab=function(a){return a&&typeof Symbol=="function"&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},ab(a)}cF=function(c){var i=c.index,j=c.widgetType,g=c.methodName,b=c.args,a,f,d,e,k,h,l;if(b.length===1&&ab(b[0])==="object")return b[0];if(a=b[0],f=b[1],d=b[2],!f){if(!0)throw new Error("You need to pass hit or hits as the second argument like:\n ".concat(g,"(eventType, hit);\n "));return null}if((a==="click"||a==="conversion")&&!d){if(!0)throw new Error("You need to pass eventName as the third argument for 'click' or 'conversion' events like:\n ".concat(g,"('click', hit, 'Product Purchased');\n\n To learn more about event naming: https://www.algolia.com/doc/guides/getting-insights-and-analytics/search-analytics/click-through-and-conversions/in-depth/clicks-conversions-best-practices/\n "));return null}if(e=Array.isArray(f)?f:[f],e.length===0)return null;if(k=e[0].__queryID,h=e.map(function(a){return a.objectID}),l=e.map(function(a){return a.__position}),a==="view")return{insightsMethod:"viewedObjectIDs",widgetType:j,eventType:a,payload:{eventName:d||"Hits Viewed",index:i,objectIDs:h}};if(a==="click")return{insightsMethod:"clickedObjectIDsAfterSearch",widgetType:j,eventType:a,payload:{eventName:d,index:i,queryID:k,objectIDs:h,positions:l}};if(a==="conversion")return{insightsMethod:"convertedObjectIDsAfterSearch",widgetType:j,eventType:a,payload:{eventName:d,index:i,queryID:k,objectIDs:h}};if(!0)throw new Error('eventType("'.concat(a,'") is not supported.\n If you want to send a custom payload, you can pass one object: ').concat(g,"(customPayload);\n "));return null};function dl(a){var b=a.instantSearchInstance,c=a.index,d=a.widgetType,e=function(){for(var e=arguments.length,f=new Array(e),a=0,g;a<e;a++)f[a]=arguments[a];g=cF({widgetType:d,index:c,methodName:"sendEvent",args:f}),g&&b.sendEventToInsights(g)};return e}function dm(a){var b=a.index,c=a.widgetType,d=function(){for(var d=arguments.length,e=new Array(d),a=0,f;a<d;a++)e[a]=arguments[a];return f=cF({widgetType:c,index:b,methodName:"bindEvent",args:e}),f?"data-insights-event=".concat(btoa(JSON.stringify(f))):""};return d}function cD(a,d){var b=Object.keys(a),c;return Object.getOwnPropertySymbols&&(c=Object.getOwnPropertySymbols(a),d&&(c=c.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),b.push.apply(b,c)),b}function aJ(c){for(var a=1,b;a<arguments.length;a++)b=arguments[a]!=null?arguments[a]:{},a%2?cD(Object(b),!0).forEach(function(a){Z(c,a,b[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(b)):cD(Object(b)).forEach(function(a){Object.defineProperty(c,a,Object.getOwnPropertyDescriptor(b,a))});return c}function Z(a,b,c){return b in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}function cw(a){return du(a)||dt(a)||ds()}function ds(){throw new TypeError("Invalid attempt to spread non-iterable instance")}function dt(a){if(Symbol.iterator in Object(a)||Object.prototype.toString.call(a)==="[object Arguments]")return Array.from(a)}function du(a){if(Array.isArray(a)){for(var b=0,c=new Array(a.length);b<a.length;b++)c[b]=a[b];return c}}function dv(b,f){var d,a,c,e;if(b==null)return{};if(d=dw(b,f),Object.getOwnPropertySymbols){e=Object.getOwnPropertySymbols(b);for(c=0;c<e.length;c++){if(a=e[c],f.indexOf(a)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(b,a))continue;d[a]=b[a]}}return d}function dw(c,f){var d,e,a,b;if(c==null)return{};d={},e=Object.keys(c);for(b=0;b<e.length;b++){if(a=e[b],f.indexOf(a)>=0)continue;d[a]=c[a]}return d}D=s({name:"index-widget"});function v(a){return a.$$type==="ais.index"}function cm(a,b){var c=b.state,d=b.isPageReset,e=b._uiState;c!==a.state&&(a.state=c,a.emit("change",{state:a.state,results:a.lastResults,isPageReset:d,_uiState:e}))}function ag(b,a){var c=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{};return b.filter(function(a){return!v(a)}).reduce(function(c,b){return!b.getWidgetUiState&&!b.getWidgetState?c:b.getWidgetUiState?b.getWidgetUiState(c,a):b.getWidgetState(c,a)},c)}function Q(b,a){var c=a.initialSearchParameters,d=dv(a,["initialSearchParameters"]);return b.filter(function(a){return!v(a)}).reduce(function(a,b){return b.getWidgetSearchParameters?b.getWidgetSearchParameters(a,d):a},c)}function ci(b){var a=b.filter(v);if(a.length===0)return;a.forEach(function(a){var b=a.getHelper();cm(b,{state:b.state.resetPage(),isPageReset:!0}),ci(a.getWidgets())})}function ch(a){var b=a.filter(v);return b.reduce(function(b,a){return b.concat.apply(b,[{indexId:a.getIndexId(),results:a.getResults(),helper:a.getHelper()}].concat(cw(ch(a.getWidgets()))))},[])}dE=function(h){var g,k,j,b,d,c,i,a,f;if(h===void 0||h.indexName===void 0)throw new Error(D("The `indexName` option is required."));return g=h.indexName,k=h.indexId,j=k===void 0?g:k,b=[],d={},c=null,i=null,a=null,f=null,{$$type:"ais.index",$$widgetType:"ais.index",getIndexName:function(){return g},getIndexId:function(){return j},getHelper:function(){return a},getResults:function(){return f&&f.lastResults},getScopedResults:function(){var a=this.getParent(),b=a?a.getWidgets():[this];return ch(b)},getParent:function(){return i},createURL:function(d){return c._createURL(Z({},j,ag(b,{searchParameters:d,helper:a})))},getWidgets:function(){return b},addWidgets:function(f){var e=this;if(!Array.isArray(f))throw new Error(D("The `addWidgets` method expects an array of widgets."));if(f.some(function(a){return typeof a.init!="function"&&typeof a.render!="function"}))throw new Error(D("The widget definition expects a `render` and/or an `init` method."));return b=b.concat(f),c&&Boolean(f.length)&&(cm(a,{state:Q(b,{uiState:d,initialSearchParameters:a.state}),_uiState:d}),f.forEach(function(b){if(b.getRenderState){var d=b.getRenderState(c.renderState[e.getIndexId()]||{},{uiState:c._initialUiState,helper:e.getHelper(),parent:e,instantSearchInstance:c,state:a.state,renderState:c.renderState,templatesConfig:c.templatesConfig,createURL:e.createURL,scopedResults:[],searchMetadata:{isSearchStalled:c._isSearchStalled}});aG({renderState:d,instantSearchInstance:c,parent:e})}}),f.forEach(function(b){b.init&&b.init({helper:a,parent:e,uiState:c._initialUiState,instantSearchInstance:c,state:a.state,renderState:c.renderState,templatesConfig:c.templatesConfig,createURL:e.createURL,scopedResults:[],searchMetadata:{isSearchStalled:c._isSearchStalled}})}),c.scheduleSearch()),this},removeWidgets:function(e){if(!Array.isArray(e))throw new Error(D("The `removeWidgets` method expects an array of widgets."));if(e.some(function(a){return typeof a.dispose!="function"}))throw new Error(D("The widget definition expects a `dispose` method."));if(b=b.filter(function(a){return e.indexOf(a)===-1}),c&&Boolean(e.length)){var f=e.reduce(function(b,c){var d=c.dispose({helper:a,state:b});return d||b},a.state);d=ag(b,{searchParameters:f,helper:a}),a.setState(Q(b,{uiState:d,initialSearchParameters:f})),b.length&&c.scheduleSearch()}return this},init:function(m){var k=this,h=m.instantSearchInstance,p=m.parent,n=m.uiState,l,o;if(a!==null)return;c=h,i=p,d=n[j]||{},l=h.mainHelper,o=Q(b,{uiState:d,initialSearchParameters:new bg.default.SearchParameters({index:g})}),a=(0,bg.default)({},o.index,o),a.search=function(){return h.onStateChange?(h.onStateChange({uiState:h.mainIndex.getWidgetUiState({}),setUiState:h.setUiState.bind(h)}),l):l.search()},a.searchWithoutTriggeringOnStateChange=function(){return l.search()},a.searchForFacetValues=function(b,c,d,e){var f=a.state.setQueryParameters(e);return l.searchForFacetValues(b,c,d,f)},f=l.derive(function(){return I.apply(void 0,cw(c_(k)))}),a.on("change",function(a){var c=a.isPageReset;c&&ci(b)}),f.on("search",function(){h.scheduleStalledRender(),!0&&bW({index:k,indexUiState:d})}),f.on("result",function(b){var c=b.results;h.scheduleRender(),a.lastResults=c}),b.forEach(function(b){if(b.getRenderState){var c=b.getRenderState(h.renderState[k.getIndexId()]||{},{uiState:n,helper:a,parent:k,instantSearchInstance:h,state:a.state,renderState:h.renderState,templatesConfig:h.templatesConfig,createURL:k.createURL,scopedResults:[],searchMetadata:{isSearchStalled:h._isSearchStalled}});aG({renderState:c,instantSearchInstance:h,parent:k})}}),b.forEach(function(b){e(!b.getWidgetState||Boolean(b.getWidgetUiState),"The `getWidgetState` method is renamed `getWidgetUiState` and will no longer exist under that name in InstantSearch.js 5.x. Please use `getWidgetUiState` instead."),b.init&&b.init({uiState:n,helper:a,parent:k,instantSearchInstance:h,state:a.state,renderState:h.renderState,templatesConfig:h.templatesConfig,createURL:k.createURL,scopedResults:[],searchMetadata:{isSearchStalled:h._isSearchStalled}})}),a.on("change",function(c){var e=c.state,f=c._uiState;d=ag(b,{searchParameters:e,helper:a},f||{}),h.onStateChange||h.onInternalStateChange()})},render:function(e){var c=this,d=e.instantSearchInstance;if(!this.getResults())return;b.forEach(function(a){if(a.getRenderState){var b=a.getRenderState(d.renderState[c.getIndexId()]||{},{helper:c.getHelper(),parent:c,instantSearchInstance:d,results:c.getResults(),scopedResults:c.getScopedResults(),state:c.getResults()._state,renderState:d.renderState,templatesConfig:d.templatesConfig,createURL:c.createURL,searchMetadata:{isSearchStalled:d._isSearchStalled}});aG({renderState:b,instantSearchInstance:d,parent:c})}}),b.forEach(function(b){b.render&&b.render({helper:a,parent:c,instantSearchInstance:d,results:c.getResults(),scopedResults:c.getScopedResults(),state:c.getResults()._state,renderState:d.renderState,templatesConfig:d.templatesConfig,createURL:c.createURL,searchMetadata:{isSearchStalled:d._isSearchStalled}})})},dispose:function(){b.forEach(function(b){b.dispose&&b.dispose({helper:a,state:a.state})}),c=null,i=null,a.removeAllListeners(),a=null,f.detach(),f=null},getWidgetUiState:function(a){return b.filter(v).reduce(function(a,b){return b.getWidgetUiState(a)},aJ({},a,Z({},this.getIndexId(),d)))},getWidgetState:function(a){return e(!1,"The `getWidgetState` method is renamed `getWidgetUiState` and will no longer exist under that name in InstantSearch.js 5.x. Please use `getWidgetUiState` instead."),this.getWidgetUiState(a)},getWidgetSearchParameters:function(a,c){var d=c.uiState;return Q(b,{uiState:d,initialSearchParameters:a})},refreshUiState:function(){d=ag(b,{searchParameters:this.getHelper().state,helper:this.getHelper()})}}},dF=dE;function aG(b){var e=b.renderState,a=b.instantSearchInstance,c=b.parent,d=c?c.getIndexId():a.mainIndex.getIndexId();a.renderState=aJ({},a.renderState,Z({},d,aJ({},a.renderState[d],{},e)))}ca="4.13.2",dI="ais",z=function(a){return function(){var b=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},c=b.descendantName,d=b.modifierName,e=c?"-".concat(c):"",f=d?"--".concat(d):"";return"".concat(dI,"-").concat(a).concat(e).concat(f)}},dK=z("Highlight");function b_(a){var h=a.attribute,b=a.highlightedTagName,c=b===void 0?"mark":b,i=a.hit,d=a.cssClasses,e=d===void 0?{}:d,j=L(i._highlightResult,h)||{},g=j.value,k=g===void 0?"":g,l=dK({descendantName:"highlighted"})+(e.highlighted?" ".concat(e.highlighted):"");return k.replace(new RegExp(f.highlightPreTag,"g"),"<".concat(c,' class="').concat(l,'">')).replace(new RegExp(f.highlightPostTag,"g"),"</".concat(c,">"))}dM=z("ReverseHighlight");function bX(a){var h=a.attribute,b=a.highlightedTagName,c=b===void 0?"mark":b,i=a.hit,d=a.cssClasses,e=d===void 0?{}:d,j=L(i._highlightResult,h)||{},g=j.value,k=g===void 0?"":g,l=dM({descendantName:"highlighted"})+(e.highlighted?" ".concat(e.highlighted):""),m=cx(cE(cy(k)));return m.replace(new RegExp(f.highlightPreTag,"g"),"<".concat(c,' class="').concat(l,'">')).replace(new RegExp(f.highlightPostTag,"g"),"</".concat(c,">"))}dO=z("Snippet");function bV(a){var h=a.attribute,b=a.highlightedTagName,c=b===void 0?"mark":b,i=a.hit,d=a.cssClasses,e=d===void 0?{}:d,j=L(i._snippetResult,h)||{},g=j.value,k=g===void 0?"":g,l=dO({descendantName:"highlighted"})+(e.highlighted?" ".concat(e.highlighted):"");return k.replace(new RegExp(f.highlightPreTag,"g"),"<".concat(c,' class="').concat(l,'">')).replace(new RegExp(f.highlightPostTag,"g"),"</".concat(c,">"))}dQ=z("ReverseSnippet");function bU(a){var h=a.attribute,b=a.highlightedTagName,c=b===void 0?"mark":b,i=a.hit,d=a.cssClasses,e=d===void 0?{}:d,j=L(i._snippetResult,h)||{},g=j.value,k=g===void 0?"":g,l=dQ({descendantName:"highlighted"})+(e.highlighted?" ".concat(e.highlighted):""),m=cx(cE(cy(k)));return m.replace(new RegExp(f.highlightPreTag,"g"),"<".concat(c,' class="').concat(l,'">')).replace(new RegExp(f.highlightPostTag,"g"),"</".concat(c,">"))}function M(a){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?M=function(a){return typeof a}:M=function(a){return a&&typeof Symbol=="function"&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},M(a)}function dT(a){var d=a.method,b=a.payload,c;if(M(b)!=="object")throw new Error("The insights helper expects the payload to be an object.");try{c=btoa(JSON.stringify(b))}catch(a){throw new Error("Could not JSON serialize the payload object.")}return'data-insights-method="'.concat(d,'" data-insights-payload="').concat(c,'"')}function bS(a,b){return e(!1,"`insights` function has been deprecated. It is still supported in 4.x releases, but not further. It is replaced by the `insights` middleware.\n\nFor more information, visit https://www.algolia.com/doc/guides/getting-insights-and-analytics/search-analytics/click-through-and-conversions/how-to/send-click-and-conversion-events-with-instantsearch/js/"),dT({method:a,payload:b})}dV="_ALGOLIA";function dW(e){for(var c="".concat(e,"="),d=document.cookie.split(";"),b=0,a;b<d.length;b++){for(a=d[b];a.charAt(0)===" ";)a=a.substring(1);if(a.indexOf(c)===0)return a.substring(c.length,a.length)}}function dX(){return dW(dV)}function dY(){return e(!1,"`getInsightsAnonymousUserToken` function has been deprecated. It is still supported in 4.x releases, but not further. It is replaced by the `insights` middleware.\n\nFor more information, visit https://www.algolia.com/doc/guides/getting-insights-and-analytics/search-analytics/click-through-and-conversions/how-to/send-click-and-conversion-events-with-instantsearch/js/"),dX()}function bR(a,d){var b=Object.keys(a),c;return Object.getOwnPropertySymbols&&(c=Object.getOwnPropertySymbols(a),d&&(c=c.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),b.push.apply(b,c)),b}function A(c){for(var a=1,b;a<arguments.length;a++)b=arguments[a]!=null?arguments[a]:{},a%2?bR(Object(b),!0).forEach(function(a){d$(c,a,b[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(b)):bR(Object(b)).forEach(function(a){Object.defineProperty(c,a,Object.getOwnPropertyDescriptor(b,a))});return c}function d$(a,b,c){return b in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}function ea(a){var b=a.numberLocale;return{formatNumber:function(a,c){return Number(c(a)).toLocaleString(b)},highlight:function(a,b){try{var c=JSON.parse(a);return b(b_(A({},c,{hit:this})))}catch(a){throw new Error('\nThe highlight helper expects a JSON object of the format:\n{ "attribute": "name", "highlightedTagName": "mark" }')}},reverseHighlight:function(a,b){try{var c=JSON.parse(a);return b(bX(A({},c,{hit:this})))}catch(a){throw new Error('\n The reverseHighlight helper expects a JSON object of the format:\n { "attribute": "name", "highlightedTagName": "mark" }')}},snippet:function(a,b){try{var c=JSON.parse(a);return b(bV(A({},c,{hit:this})))}catch(a){throw new Error('\nThe snippet helper expects a JSON object of the format:\n{ "attribute": "name", "highlightedTagName": "mark" }')}},reverseSnippet:function(a,b){try{var c=JSON.parse(a);return b(bU(A({},c,{hit:this})))}catch(a){throw new Error('\n The reverseSnippet helper expects a JSON object of the format:\n { "attribute": "name", "highlightedTagName": "mark" }')}},insights:function(b,c){try{var a=JSON.parse(b),d=a.method,e=a.payload;return c(bS(d,A({objectIDs:[this.objectID]},e)))}catch(a){throw new Error('\nThe insights helper expects a JSON object of the format:\n{ "method": "method-name", "payload": { "eventName": "name of the event" } }')}}}}function bO(a,d){var b=Object.keys(a),c;return Object.getOwnPropertySymbols&&(c=Object.getOwnPropertySymbols(a),d&&(c=c.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),b.push.apply(b,c)),b}function bN(c){for(var a=1,b;a<arguments.length;a++)b=arguments[a]!=null?arguments[a]:{},a%2?bO(Object(b),!0).forEach(function(a){au(c,a,b[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(b)):bO(Object(b)).forEach(function(a){Object.defineProperty(c,a,Object.getOwnPropertyDescriptor(b,a))});return c}function au(a,b,c){return b in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}function ee(b,f){var d,a,c,e;if(b==null)return{};if(d=ef(b,f),Object.getOwnPropertySymbols){e=Object.getOwnPropertySymbols(b);for(c=0;c<e.length;c++){if(a=e[c],f.indexOf(a)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(b,a))continue;d[a]=b[a]}}return d}function ef(c,f){var d,e,a,b;if(c==null)return{};d={},e=Object.keys(c);for(b=0;b<e.length;b++){if(a=e[b],f.indexOf(a)>=0)continue;d[a]=c[a]}return d}function bL(a){var c=a.configure,b=ee(a,["configure"]);return b}function eh(){return{stateToRoute:function(a){return Object.keys(a).reduce(function(c,b){return bN({},c,au({},b,bL(a[b])))},{})},routeToState:function(){var a=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};return Object.keys(a).reduce(function(c,b){return bN({},c,au({},b,bL(a[b])))},{})}}}bI=m(fq());function ej(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}function bG(d,c){for(var b=0,a;b<c.length;b++)a=c[b],a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(d,a.key,a)}function el(a,b,c){return b&&bG(a.prototype,b),c&&bG(a,c),a}function E(a,b,c){return b in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}en=function(b){var l=b.qsModule,k=b.routeState,a=b.location,f=a.protocol,g=a.hostname,h=a.port,i=h===void 0?"":h,j=a.pathname,d=a.hash,e=l.stringify(k),c=i===""?"":":".concat(i);return e?"".concat(f,"//").concat(g).concat(c).concat(j,"?").concat(e).concat(d):"".concat(f,"//").concat(g).concat(c).concat(j).concat(d)},eo=function(a){var b=a.qsModule,c=a.location;return b.parse(c.search.slice(1),{arrayLimit:99})},bD=function(a){a&&(window.document.title=a)},eq=function(){function a(){var b=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},f=b.windowTitle,c=b.writeDelay,g=c===void 0?400:c,d=b.createURL,h=d===void 0?en:d,e=b.parseURL,i=e===void 0?eo:e,j;ej(this,a),E(this,"windowTitle",void 0),E(this,"writeDelay",void 0),E(this,"_createURL",void 0),E(this,"parseURL",void 0),E(this,"writeTimer",void 0),this.windowTitle=f,this.writeTimer=void 0,this.writeDelay=g,this._createURL=h,this.parseURL=i,j=this.windowTitle&&this.windowTitle(this.read()),bD(j)}return el(a,[{key:"read",value:function(){return this.parseURL({qsModule:bI.default,location:window.location})}},{key:"write",value:function(a){var c=this,d=this.createURL(a),b=this.windowTitle&&this.windowTitle(a);this.writeTimer&&window.clearTimeout(this.writeTimer),this.writeTimer=window.setTimeout(function(){bD(b),window.history.pushState(a,b||"",d),c.writeTimer=void 0},this.writeDelay)}},{key:"onUpdate",value:function(b){var a=this;this._onPopState=function(d){a.writeTimer&&(window.clearTimeout(a.writeTimer),a.writeTimer=void 0);var c=d.state;c?b(c):b(a.read())},window.addEventListener("popstate",this._onPopState)}},{key:"createURL",value:function(a){return this._createURL({qsModule:bI.default,routeState:a,location:window.location})}},{key:"dispose",value:function(){this._onPopState&&window.removeEventListener("popstate",this._onPopState),this.writeTimer&&window.clearTimeout(this.writeTimer),this.write({})}}]),a}();function er(a){return new eq(a)}function bC(a,d){var b=Object.keys(a),c;return Object.getOwnPropertySymbols&&(c=Object.getOwnPropertySymbols(a),d&&(c=c.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),b.push.apply(b,c)),b}function bB(c){for(var a=1,b;a<arguments.length;a++)b=arguments[a]!=null?arguments[a]:{},a%2?bC(Object(b),!0).forEach(function(a){bA(c,a,b[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(b)):bC(Object(b)).forEach(function(a){Object.defineProperty(c,a,Object.getOwnPropertyDescriptor(b,a))});return c}function bA(a,b,c){return b in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}ev=function(){var c=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},d=c.router,a=d===void 0?er():d,e=c.stateMapping,b=e===void 0?eh():e;return function(e){var c=e.instantSearchInstance,d;function f(d){var e=Object.keys(d).reduce(function(b,a){return bB({},b,bA({},a,d[a]))},c.mainIndex.getWidgetUiState({})),f=b.stateToRoute(e);return a.createURL(f)}return c._createURL=f,c._initialUiState=bB({},c._initialUiState,{},b.routeToState(a.read())),d=void 0,{onStateChange:function(e){var f=e.uiState,c=b.stateToRoute(f);(d===void 0||!H(d,c))&&(a.write(c),d=c)},subscribe:function(){a.onUpdate(function(a){c.setUiState(b.routeToState(a))})},unsubscribe:function(){a.dispose()}}}};function bz(d,a,c){var b=a.mainIndex,e={instantSearchInstance:a,parent:b,scopedResults:[],state:b.getHelper().state,helper:b.getHelper(),createURL:b.createURL,uiState:a._initialUiState,renderState:a.renderState,templatesConfig:a.templatesConfig,searchMetadata:{isSearchStalled:a._isSearchStalled}};d.forEach(function(b){var d={},f,g;b.getWidgetRenderState&&(f=b.getWidgetRenderState(e),f&&f.widgetParams&&(d=f.widgetParams)),g=Object.keys(d).filter(function(a){return d[a]!==void 0}),c.widgets.push({type:b.$$type,widgetType:b.$$widgetType,params:g}),b.$$type==="ais.index"&&bz(b.getWidgets(),a,c)})}function ex(){return typeof window!="undefined"&&window.navigator.userAgent.indexOf("Algolia Crawler")>-1}function ey(){return function(d){var b=d.instantSearchInstance,c={widgets:[]},a=document.createElement("meta"),e=document.querySelector("head");return a.name="instantsearch:widgets",{onStateChange:function(){},subscribe:function(){setTimeout(function(){bz(b.mainIndex.getWidgets(),b,c),a.content=JSON.stringify(c),e.appendChild(a)},0)},unsubscribe:function(){var b;(b=a.parentNode)===null||b===void 0?void 0:b.removeChild(a)}}}}function ae(a){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?ae=function(a){return typeof a}:ae=function(a){return a&&typeof Symbol=="function"&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},ae(a)}function eA(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}function bx(d,c){for(var b=0,a;b<c.length;b++)a=c[b],a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(d,a.key,a)}function eC(a,b,c){return b&&bx(a.prototype,b),c&&bx(a,c),a}function eD(c,a){return a&&(ae(a)==="object"||typeof a=="function")?a:b(c)}function ah(a){return ah=Object.setPrototypeOf?Object.getPrototypeOf:function(a){return a.__proto__||Object.getPrototypeOf(a)},ah(a)}function b(a){if(a===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return a}function eG(b,a){if(typeof a!="function"&&a!==null)throw new TypeError("Super expression must either be null or a function");b.prototype=Object.create(a&&a.prototype,{constructor:{value:b,writable:!0,configurable:!0}}),a&&aj(b,a)}function aj(a,b){return aj=Object.setPrototypeOf||function(a,b){return a.__proto__=b,a},aj(a,b)}function d(a,b,c){return b in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}j=s({name:"instantsearch"});function eK(){return"#"}eL=function(c){eG(a,c);function a(f){var c,p,k,w,n,v,o,l,t,q,u,s,h,r,i,m,x,y;if(eA(this,a),c=eD(this,ah(a).call(this)),d(b(c),"client",void 0),d(b(c),"indexName",void 0),d(b(c),"insightsClient",void 0),d(b(c),"onStateChange",null),d(b(c),"helper",void 0),d(b(c),"mainHelper",void 0),d(b(c),"mainIndex",void 0),d(b(c),"started",void 0),d(b(c),"templatesConfig",void 0),d(b(c),"renderState",{}),d(b(c),"_stalledSearchDelay",void 0),d(b(c),"_searchStalledTimer",void 0),d(b(c),"_isSearchStalled",void 0),d(b(c),"_initialUiState",void 0),d(b(c),"_createURL",void 0),d(b(c),"_searchFunction",void 0),d(b(c),"_mainHelperSearch",void 0),d(b(c),"middleware",[]),d(b(c),"sendEventToInsights",void 0),d(b(c),"scheduleSearch",bl(function(){c.started&&c.mainHelper.search()})),d(b(c),"scheduleRender",bl(function(){c.mainHelper.hasPendingRequests()||(clearTimeout(c._searchStalledTimer),c._searchStalledTimer=null,c._isSearchStalled=!1),c.mainIndex.render({instantSearchInstance:b(c)}),c.emit("render")})),d(b(c),"onInternalStateChange",function(){var a=c.mainIndex.getWidgetUiState({});c.middleware.forEach(function(b){b.onStateChange({uiState:a})})}),p=f.indexName,k=p===void 0?null:p,w=f.numberLocale,n=f.initialUiState,v=n===void 0?{}:n,o=f.routing,l=o===void 0?null:o,t=f.searchFunction,q=f.stalledSearchDelay,u=q===void 0?200:q,s=f.searchClient,h=s===void 0?null:s,r=f.insightsClient,i=r===void 0?null:r,m=f.onStateChange,x=m===void 0?null:m,k===null)throw new Error(j("The `indexName` option is required."));if(h===null)throw new Error(j("The `searchClient` option is required."));if(typeof h.search!="function")throw new Error("The `searchClient` must implement a `search` method.\n\nSee: https://www.algolia.com/doc/guides/building-search-ui/going-further/backend-search/in-depth/backend-instantsearch/js/");if(typeof h.addAlgoliaAgent=="function"&&h.addAlgoliaAgent("instantsearch.js (".concat(ca,")")),e(i===null,"`insightsClient` property has been deprecated. It is still supported in 4.x releases, but not further. It is replaced by the `insights` middleware.\n\nFor more information, visit https://www.algolia.com/doc/guides/getting-insights-and-analytics/search-analytics/click-through-and-conversions/how-to/send-click-and-conversion-events-with-instantsearch/js/"),i&&typeof i!="function")throw new Error(j("The `insightsClient` option should be a function."));return e(!f.searchParameters,"The `searchParameters` option is deprecated and will not be supported in InstantSearch.js 4.x.\n\nYou can replace it with the `configure` widget:\n\n```\nsearch.addWidgets([\n configure(".concat(JSON.stringify(f.searchParameters,null,2),")\n]);\n```\n\nSee ").concat(cM({name:"configure"}))),c.client=h,c.insightsClient=i,c.indexName=k,c.helper=null,c.mainHelper=null,c.mainIndex=dF({indexName:k}),c.onStateChange=x,c.started=!1,c.templatesConfig={helpers:ea({numberLocale:w}),compileOptions:{}},c._stalledSearchDelay=u,c._searchStalledTimer=null,c._isSearchStalled=!1,c._createURL=eK,c._initialUiState=v,t&&(c._searchFunction=t),c.sendEventToInsights=g,l&&(y=typeof l=="boolean"?void 0:l,c.use(ev(y))),ex()&&c.use(ey()),c}return eC(a,[{key:"use",value:function(){for(var b=this,c=arguments.length,d=new Array(c),a=0,e;a<c;a++)d[a]=arguments[a];return e=d.map(function(c){var a=c({instantSearchInstance:b});return b.middleware.push(a),a}),this.started&&e.forEach(function(a){a.subscribe()}),this}},{key:"EXPERIMENTAL_use",value:function(){return e(!1,"The middleware API is now considered stable, so we recommend replacing `EXPERIMENTAL_use` with `use` before upgrading to the next major version."),this.use.apply(this,arguments)}},{key:"addWidget",value:function(a){return e(!1,"addWidget will still be supported in 4.x releases, but not further. It is replaced by `addWidgets([widget])`"),this.addWidgets([a])}},{key:"addWidgets",value:function(a){if(!Array.isArray(a))throw new Error(j("The `addWidgets` method expects an array of widgets. Please use `addWidget`."));if(a.some(function(a){return typeof a.init!="function"&&typeof a.render!="function"}))throw new Error(j("The widget definition expects a `render` and/or an `init` method."));return this.mainIndex.addWidgets(a),this}},{key:"removeWidget",value:function(a){return e(!1,"removeWidget will still be supported in 4.x releases, but not further. It is replaced by `removeWidgets([widget])`"),this.removeWidgets([a])}},{key:"removeWidgets",value:function(a){if(!Array.isArray(a))throw new Error(j("The `removeWidgets` method expects an array of widgets. Please use `removeWidget`."));if(a.some(function(a){return typeof a.dispose!="function"}))throw new Error(j("The widget definition expects a `dispose` method."));return this.mainIndex.removeWidgets(a),this}},{key:"start",value:function(){var b=this,a,c;if(this.started)throw new Error(j("The `start` method has already been called once."));a=(0,be.default)(this.client,this.indexName),a.search=function(){return a.searchOnlyWithDerivedHelpers()},this._searchFunction&&(c={search:function(){return new Promise(g)}},this._mainHelperSearch=a.search.bind(a),a.search=function(){var d=b.mainIndex.getHelper(),e=(0,be.default)(c,d.state.index,d.state);return e.once("search",function(a){var c=a.state;d.overrideStateWithoutTriggeringChangeEvent(c),b._mainHelperSearch()}),e.on("change",function(a){var b=a.state;d.setState(b)}),b._searchFunction(e),a}),a.on("error",function(a){var c=a.error;b.emit("error",{error:c})}),this.mainHelper=a,this.mainIndex.init({instantSearchInstance:this,parent:null,uiState:this._initialUiState}),this.middleware.forEach(function(a){a.subscribe()}),a.search(),this.helper=this.mainIndex.getHelper(),this.started=!0}},{key:"dispose",value:function(){this.scheduleSearch.cancel(),this.scheduleRender.cancel(),clearTimeout(this._searchStalledTimer),this.removeWidgets(this.mainIndex.getWidgets()),this.mainIndex.dispose(),this.started=!1,this.removeAllListeners(),this.mainHelper.removeAllListeners(),this.mainHelper=null,this.helper=null,this.middleware.forEach(function(a){a.unsubscribe()})}},{key:"scheduleStalledRender",value:function(){var a=this;this._searchStalledTimer||(this._searchStalledTimer=setTimeout(function(){a._isSearchStalled=!0,a.scheduleRender()},this._stalledSearchDelay))}},{key:"setUiState",value:function(a){var b,c;if(!this.mainHelper)throw new Error(j("The `start` method needs to be called before `setUiState`."));this.mainIndex.refreshUiState(),b=typeof a=="function"?a(this.mainIndex.getWidgetUiState({})):a,c=function c(a){!0&&bW({index:a,indexUiState:b[a.getIndexId()]}),a.getHelper().overrideStateWithoutTriggeringChangeEvent(a.getWidgetSearchParameters(a.getHelper().state,{uiState:b[a.getIndexId()]})),a.getWidgets().filter(v).forEach(c)},c(this.mainIndex),this.scheduleSearch(),this.onInternalStateChange()}},{key:"createURL",value:function(){var a=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};if(!this.started)throw new Error(j("The `start` method needs to be called before `createURL`."));return this._createURL(a)}},{key:"refresh",value:function(){if(!this.mainHelper)throw new Error(j("The `start` method needs to be called before `refresh`."));this.mainHelper.clearCache().search()}}]),a}(eT.default),eM=eL;function eN(b,f){var d,a,c,e;if(b==null)return{};if(d=eO(b,f),Object.getOwnPropertySymbols){e=Object.getOwnPropertySymbols(b);for(c=0;c<e.length;c++){if(a=e[c],f.indexOf(a)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(b,a))continue;d[a]=b[a]}}return d}function eO(c,f){var d,e,a,b;if(c==null)return{};d={},e=Object.keys(c);for(b=0;b<e.length;b++){if(a=e[b],f.indexOf(a)>=0)continue;d[a]=c[a]}return d}function bk(b){var a=b||{},d=a.page,c=eN(a,["page"]);return c}ao="ais.infiniteHits";function bh(){return typeof window!="undefined"&&typeof window.sessionStorage!="undefined"}function eS(){return{read:function(b){var c=b.state,a;if(!bh())return null;try{return a=JSON.parse(window.sessionStorage.getItem(ao)),a&&H(a.state,bk(c))?a.hits:null}catch(a){if(a instanceof SyntaxError)try{window.sessionStorage.removeItem(ao)}catch(a){}return null}},write:function(a){var b=a.state,c=a.hits;if(!bh())return;try{window.sessionStorage.setItem(ao,JSON.stringify({state:bk(b),hits:c}))}catch(a){}}}}i=function(a){return new eM(a)},i.version=ca,i.snippet=bV,i.reverseSnippet=bU,i.highlight=b_,i.reverseHighlight=bX,i.insights=bS,i.getInsightsAnonymousUserToken=dY,i.createInfiniteHitsSessionStorageCache=eS,Object.defineProperty(i,"widgets",{get:function(){throw new ReferenceError(`"instantsearch.widgets" are not available from the ES build. - -To import the widgets: - -import { searchBox } from 'instantsearch.js/es/widgets'`)}}),Object.defineProperty(i,"connectors",{get:function(){throw new ReferenceError(`"instantsearch.connectors" are not available from the ES build. - -To import the connectors: - -import { connectSearchBox } from 'instantsearch.js/es/connectors'`)}}),bd=i,S={},aw=[],fb=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function q(a,b){for(var c in b)a[c]=b[c];return a}function aN(a){var b=a.parentNode;b&&b.removeChild(a)}function l(b,e,d){var f,g,a,h=arguments,c={};for(a in e)a=="key"?f=e[a]:a=="ref"?g=e[a]:c[a]=e[a];if(arguments.length>3)for(d=[d],a=3;a<arguments.length;a++)d.push(h[a]);if(d!=null&&(c.children=d),typeof b=="function"&&b.defaultProps!=null)for(a in b.defaultProps)c[a]===void 0&&(c[a]=b.defaultProps[a]);return N(b,c,f,g,null)}function N(d,e,f,g,a){var b={type:d,props:e,key:f,ref:g,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:a==null?++c.__v:a};return c.vnode!=null&&c.vnode(b),b}function $(a){return a.children}function x(a,b){this.props=a,this.context=b}function G(a,b){if(b==null)return a.__?G(a.__,a.__.__k.indexOf(a)+1):null;for(var c;b<a.__k.length;b++)if((c=a.__k[b])!=null&&c.__e!=null)return c.__e;return typeof a.type=="function"?G(a):null}function aP(a){var b,c;if((a=a.__)!=null&&a.__c!=null){for(a.__e=a.__c.base=null,b=0;b<a.__k.length;b++)if((c=a.__k[b])!=null&&c.__e!=null){a.__e=a.__c.base=c.__e;break}return aP(a)}}function aQ(a){(!a.__d&&(a.__d=!0)&&B.push(a)&&!V.__r++||a_!==c.debounceRendering)&&((a_=c.debounceRendering)||ba)(V)}function V(){for(var a;V.__r=B.length;)a=B.sort(function(a,b){return a.__v.__b-b.__v.__b}),B=[],a.some(function(g){var d,e,f,a,b,c;g.__d&&(b=(a=(d=g).__v).__e,(c=d.__P)&&(e=[],(f=q({},a)).__v=a.__v+1,an(c,a,f,d.__n,c.ownerSVGElement!==void 0,a.__h!=null?[b]:null,e,b==null?G(a):b,a.__h),bm(e,a),a.__e!=b&&aP(a)))})}function aX(i,m,e,k,s,r,q,p,f,n){var b,h,c,a,j,l,g,d=k&&k.__k||aw,o=d.length;for(e.__k=[],b=0;b<m.length;b++)if((a=e.__k[b]=(a=m[b])==null||typeof a=="boolean"?null:typeof a=="string"||typeof a=="number"?N(null,a,null,null,a):Array.isArray(a)?N($,{children:a},null,null,null):a.__b>0?N(a.type,a.props,a.key,null,a.__v):a)!=null){if(a.__=e,a.__b=e.__b+1,(c=d[b])===null||c&&a.key==c.key&&a.type===c.type)d[b]=void 0;else for(h=0;h<o;h++){if((c=d[h])&&a.key==c.key&&a.type===c.type){d[h]=void 0;break}c=null}an(i,a,c=c||S,s,r,q,p,f,n),j=a.__e,(h=a.ref)&&c.ref!=h&&(g||(g=[]),c.ref&&g.push(c.ref,null,a),g.push(h,a.__c||j,a)),j!=null?(l==null&&(l=j),typeof a.type=="function"&&a.__k!=null&&a.__k===c.__k?a.__d=f=aY(a,f,i):f=aZ(i,a,c,d,j,f),n||e.type!=="option"?typeof e.type=="function"&&(e.__d=f):i.value=""):f&&c.__e==f&&f.parentNode!=i&&(f=G(c))}for(e.__e=l,b=o;b--;)d[b]!=null&&(typeof e.type=="function"&&d[b].__e!=null&&d[b].__e==e.__d&&(e.__d=G(k,b+1)),bp(d[b],d[b]));if(g)for(b=0;b<g.length;b++)bn(g[b],g[++b],g[++b])}function aY(b,c,e){var d,a;for(d=0;d<b.__k.length;d++)(a=b.__k[d])&&(a.__=b,c=typeof a.type=="function"?aY(a,c,e):aZ(e,a,a,b.__k,a.__e,c));return c}function aZ(f,g,i,h,a,b){var c,d,e;if(g.__d!==void 0)c=g.__d,g.__d=void 0;else if(i==null||a!=b||a.parentNode==null)n:if(b==null||b.parentNode!==f)f.appendChild(a),c=null;else{for(d=b,e=0;(d=d.nextSibling)&&e<h.length;e+=2)if(d==a)break n;f.insertBefore(a,b),c=b}return c!==void 0?c:a.nextSibling}function fp(d,b,c,e,f){var a;for(a in c)a==="children"||a==="key"||a in b||W(d,a,null,c[a],e);for(a in b)f&&typeof b[a]!="function"||a==="children"||a==="key"||a==="value"||a==="checked"||c[a]===b[a]||W(d,a,b[a],c[a],e)}function bb(c,b,a){b[0]==="-"?c.setProperty(b,a):c[b]=a==null?"":typeof a!="number"||fb.test(b)?a:a+"px"}function W(c,a,b,d,f){var e;n:if(a==="style"){if(typeof b=="string")c.style.cssText=b;else{if(typeof d=="string"&&(c.style.cssText=d=""),d)for(a in d)b&&a in b||bb(c.style,a,"");if(b)for(a in b)d&&b[a]===d[a]||bb(c.style,a,b[a])}}else if(a[0]==="o"&&a[1]==="n")e=a!==(a=a.replace(/Capture$/,"")),a=a.toLowerCase()in c?a.toLowerCase().slice(2):a.slice(2),c.l||(c.l={}),c.l[a+e]=b,b?d||c.addEventListener(a,e?bj:bc,e):c.removeEventListener(a,e?bj:bc,e);else if(a!=="dangerouslySetInnerHTML"){if(f)a=a.replace(/xlink[H:h]/,"h").replace(/sName$/,"s");else if(a!=="href"&&a!=="list"&&a!=="form"&&a!=="download"&&a in c)try{c[a]=b==null?"":b;break n}catch(a){}typeof b=="function"||(b!=null&&(b!==!1||a[0]==="a"&&a[1]==="r")?c.setAttribute(a,b):c.removeAttribute(a))}}function bc(a){this.l[a.type+!1](c.event?c.event(a):a)}function bj(a){this.l[a.type+!0](c.event?c.event(a):a)}function an(w,b,e,j,v,i,p,l,m){var d,a,s,o,r,u,t,f,k,h,n,g=b.type;if(b.constructor!==void 0)return null;e.__h!=null&&(m=e.__h,l=b.__e=e.__e,b.__h=null,i=[l]),(d=c.__b)&&d(b);try{n:if(typeof g=="function"){if(f=b.props,k=(d=g.contextType)&&j[d.__c],h=d?k?k.props.value:d.__:j,e.__c?t=(a=b.__c=e.__c).__=a.__E:("prototype"in g&&g.prototype.render?b.__c=a=new g(f,h):(b.__c=a=new x(f,h),a.constructor=g,a.render=fz),k&&k.sub(a),a.props=f,a.state||(a.state={}),a.context=h,a.__n=j,s=a.__d=!0,a.__h=[]),a.__s==null&&(a.__s=a.state),g.getDerivedStateFromProps!=null&&(a.__s==a.state&&(a.__s=q({},a.__s)),q(a.__s,g.getDerivedStateFromProps(f,a.__s))),o=a.props,r=a.state,s)g.getDerivedStateFromProps==null&&a.componentWillMount!=null&&a.componentWillMount(),a.componentDidMount!=null&&a.__h.push(a.componentDidMount);else{if(g.getDerivedStateFromProps==null&&f!==o&&a.componentWillReceiveProps!=null&&a.componentWillReceiveProps(f,h),!a.__e&&a.shouldComponentUpdate!=null&&a.shouldComponentUpdate(f,a.__s,h)===!1||b.__v===e.__v){a.props=f,a.state=a.__s,b.__v!==e.__v&&(a.__d=!1),a.__v=b,b.__e=e.__e,b.__k=e.__k,a.__h.length&&p.push(a);break n}a.componentWillUpdate!=null&&a.componentWillUpdate(f,a.__s,h),a.componentDidUpdate!=null&&a.__h.push(function(){a.componentDidUpdate(o,r,u)})}a.context=h,a.props=f,a.state=a.__s,(d=c.__r)&&d(b),a.__d=!1,a.__v=b,a.__P=w,d=a.render(a.props,a.state,a.context),a.state=a.__s,a.getChildContext!=null&&(j=q(q({},j),a.getChildContext())),s||a.getSnapshotBeforeUpdate==null||(u=a.getSnapshotBeforeUpdate(o,r)),n=d!=null&&d.type===$&&d.key==null?d.props.children:d,aX(w,Array.isArray(n)?n:[n],b,e,j,v,i,p,l,m),a.base=b.__e,b.__h=null,a.__h.length&&p.push(a),t&&(a.__E=a.__=null),a.__e=!1}else i==null&&b.__v===e.__v?(b.__k=e.__k,b.__e=e.__e):b.__e=fw(e.__e,b,e,j,v,i,p,m);(d=c.diffed)&&d(b)}catch(a){b.__v=null,(m||i!=null)&&(b.__e=l,b.__h=!!m,i[i.indexOf(l)]=null),c.__e(a,b,e)}}function bm(a,b){c.__c&&c.__c(b,a),a.some(function(b){try{a=b.__h,b.__h=[],a.some(function(a){a.call(b)})}catch(a){c.__e(a,b.__v)}})}function fw(a,j,n,p,m,c,o,h){var k,l,f,i,g=n.props,d=j.props,e=j.type,b=0;if(e==="svg"&&(m=!0),c!=null)for(;b<c.length;b++)if((k=c[b])&&(k===a||(e?k.localName==e:k.nodeType==3))){a=k,c[b]=null;break}if(a==null){if(e===null)return document.createTextNode(d);a=m?document.createElementNS("http://www.w3.org/2000/svg",e):document.createElement(e,d.is&&d),c=null,h=!1}if(e===null)g===d||h&&a.data===d||(a.data=d);else{if(c=c&&aw.slice.call(a.childNodes),l=(g=n.props||S).dangerouslySetInnerHTML,f=d.dangerouslySetInnerHTML,!h){if(c!=null)for(g={},i=0;i<a.attributes.length;i++)g[a.attributes[i].name]=a.attributes[i].value;(f||l)&&(f&&(l&&f.__html==l.__html||f.__html===a.innerHTML)||(a.innerHTML=f&&f.__html||""))}if(fp(a,d,g,m,h),f)j.__k=[];else if(b=j.props.children,aX(a,Array.isArray(b)?b:[b],j,n,p,m&&e!=="foreignObject",c,o,a.firstChild,h),c!=null)for(b=c.length;b--;)c[b]!=null&&aN(c[b]);h||("value"in d&&(b=d.value)!==void 0&&(b!==a.value||e==="progress"&&!b)&&W(a,"value",b,g.value,!1),"checked"in d&&(b=d.checked)!==void 0&&b!==a.checked&&W(a,"checked",b,g.checked,!1))}return a}function bn(a,b,d){try{typeof a=="function"?a(b):a.current=b}catch(a){c.__e(a,d)}}function bp(b,e,f){var a,g,d;if(c.unmount&&c.unmount(b),(a=b.ref)&&(a.current&&a.current!==b.__e||bn(a,null,e)),f||typeof b.type=="function"||(f=(g=b.__e)!=null),b.__e=b.__d=void 0,(a=b.__c)!=null){if(a.componentWillUnmount)try{a.componentWillUnmount()}catch(a){c.__e(a,e)}a.base=a.__P=null}if(a=b.__k)for(d=0;d<a.length;d++)a[d]&&bp(a[d],e,f);g!=null&&aN(g)}function fz(a,c,b){return this.constructor(a,b)}function bq(f,a,b){var d,e,g;c.__&&c.__(f,a),e=(d=typeof b=="function")?null:b&&b.__k||a.__k,g=[],an(a,f=(!d&&b||a).__k=l($,null,[f]),e||S,S,a.ownerSVGElement!==void 0,!d&&b?[b]:e?null:a.firstChild?aw.slice.call(a.childNodes):null,g,!d&&b?b:e?e.__e:a.firstChild,d),bm(g,f)}c={__e:function(b,c){for(var a,d,e;c=c.__;)if((a=c.__c)&&!a.__)try{if((d=a.constructor)&&d.getDerivedStateFromError!=null&&(a.setState(d.getDerivedStateFromError(b)),e=a.__d),a.componentDidCatch!=null&&(a.componentDidCatch(b),e=a.__d),e)return a.__E=a}catch(a){b=a}throw b},__v:0},eW=function(a){return a!=null&&a.constructor===void 0},x.prototype.setState=function(a,c){var b;b=this.__s!=null&&this.__s!==this.state?this.__s:this.__s=q({},this.state),typeof a=="function"&&(a=a(q({},b),this.props)),a&&q(b,a),a!=null&&this.__v&&(c&&this.__h.push(c),aQ(this))},x.prototype.forceUpdate=function(a){this.__v&&(this.__e=!0,a&&this.__h.push(a),aQ(this))},x.prototype.render=$,B=[],ba=typeof Promise=="function"?Promise.prototype.then.bind(Promise.resolve()):setTimeout,V.__r=0,e_=0;function ad(a){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?ad=function(a){return typeof a}:ad=function(a){return a&&typeof Symbol=="function"&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},ad(a)}function ak(){return ak=Object.assign||function(d){for(var a=1,b,c;a<arguments.length;a++){b=arguments[a];for(c in b)Object.prototype.hasOwnProperty.call(b,c)&&(d[c]=b[c])}return d},ak.apply(this,arguments)}function fD(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}function bH(d,c){for(var b=0,a;b<c.length;b++)a=c[b],a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(d,a.key,a)}function fF(a,b,c){return b&&bH(a.prototype,b),c&&bH(a,c),a}function fG(b,a){return a&&(ad(a)==="object"||typeof a=="function")?a:fH(b)}function fH(a){if(a===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return a}function aq(a){return aq=Object.setPrototypeOf?Object.getPrototypeOf:function(a){return a.__proto__||Object.getPrototypeOf(a)},aq(a)}function fJ(b,a){if(typeof a!="function"&&a!==null)throw new TypeError("Super expression must either be null or a function");b.prototype=Object.create(a&&a.prototype,{constructor:{value:b,writable:!0,configurable:!0}}),a&&ar(b,a)}function ar(a,b){return ar=Object.setPrototypeOf||function(a,b){return a.__proto__=b,a},ar(a,b)}bP=function(b){fJ(a,b);function a(){return fD(this,a),fG(this,aq(a).apply(this,arguments))}return fF(a,[{key:"shouldComponentUpdate",value:function(a){return!H(this.props.data,a.data)||this.props.templateKey!==a.templateKey||!H(this.props.rootProps,a.rootProps)}},{key:"render",value:function(){var b=this.props.rootTagName,c=this.props.useCustomCompileOptions[this.props.templateKey],d=c?this.props.templatesConfig.compileOptions:{},a=ew({templates:this.props.templates,templateKey:this.props.templateKey,compileOptions:d,helpers:this.props.templatesConfig.helpers,data:this.props.data,bindEvent:this.props.bindEvent});return a===null?null:l(b,ak({},this.props.rootProps,{dangerouslySetInnerHTML:{__html:a}}))}}]),a}(x),bP.defaultProps={data:{},rootTagName:"div",useCustomCompileOptions:{},templates:{},templatesConfig:{}},av=bP,P=m(al());function bQ(a,d){var b=Object.keys(a),c;return Object.getOwnPropertySymbols&&(c=Object.getOwnPropertySymbols(a),d&&(c=c.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),b.push.apply(b,c)),b}function o(c){for(var a=1,b;a<arguments.length;a++)b=arguments[a]!=null?arguments[a]:{},a%2?bQ(Object(b),!0).forEach(function(a){bT(c,a,b[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(b)):bQ(Object(b)).forEach(function(a){Object.defineProperty(c,a,Object.getOwnPropertyDescriptor(b,a))});return c}function bT(a,b,c){return b in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}fR=s({name:"configure",connector:!0});function bY(a,b){return a.setQueryParameters(Object.keys(b.searchParameters).reduce(function(a,b){return o({},a,bT({},b,void 0))},{}))}fT=function(){var a=arguments.length>0&&arguments[0]!==void 0?arguments[0]:g,b=arguments.length>1&&arguments[1]!==void 0?arguments[1]:g;return function(c){if(!c||!cb(c.searchParameters))throw new Error(fR("The `searchParameters` option expects an object."));var d={};function e(a){return function(b){var d=bY(a.state,c),e=I(d,new P.default.SearchParameters(b));c.searchParameters=b,a.setState(e).search()}}return{$$type:"ais.configure",init:function(b){var c=b.instantSearchInstance;a(o({},this.getWidgetRenderState(b),{instantSearchInstance:c}),!0)},render:function(b){var c=b.instantSearchInstance;a(o({},this.getWidgetRenderState(b),{instantSearchInstance:c}),!1)},dispose:function(a){var d=a.state;return b(),bY(d,c)},getRenderState:function(c,d){var b=this.getWidgetRenderState(d),a;return o({},c,{configure:o({},b,{widgetParams:o({},b.widgetParams,{searchParameters:I(new P.default.SearchParameters((a=c.configure)===null||a===void 0?void 0:a.widgetParams.searchParameters),new P.default.SearchParameters(b.widgetParams.searchParameters)).getQueryParams()})})})},getWidgetRenderState:function(a){var b=a.helper;return d.refine||(d.refine=e(b)),{refine:d.refine,widgetParams:c}},getWidgetSearchParameters:function(a,b){var d=b.uiState;return I(a,new P.default.SearchParameters(o({},d.configure,{},c.searchParameters)))},getWidgetUiState:function(a){return o({},a,{configure:o({},a.configure,{},c.searchParameters)})}}}},fU=fT;function bZ(a,d){var b=Object.keys(a),c;return Object.getOwnPropertySymbols&&(c=Object.getOwnPropertySymbols(a),d&&(c=c.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),b.push.apply(b,c)),b}function fW(c){for(var a=1,b;a<arguments.length;a++)b=arguments[a]!=null?arguments[a]:{},a%2?bZ(Object(b),!0).forEach(function(a){fX(c,a,b[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(b)):bZ(Object(b)).forEach(function(a){Object.defineProperty(c,a,Object.getOwnPropertyDescriptor(b,a))});return c}function fX(a,b,c){return b in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}fY=function(a){var b=fU(g);return fW({},b({searchParameters:a}),{$$widgetType:"ais.configure"})},fZ=fY;function J(a){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?J=function(a){return typeof a}:J=function(a){return a&&typeof Symbol=="function"&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},J(a)}function f$(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}function b$(d,c){for(var b=0,a;b<c.length;b++)a=c[b],a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(d,a.key,a)}function gb(a,b,c){return b&&b$(a.prototype,b),c&&b$(a,c),a}function gc(b,a){return a&&(J(a)==="object"||typeof a=="function")?a:r(b)}function aB(a){return aB=Object.setPrototypeOf?Object.getPrototypeOf:function(a){return a.__proto__||Object.getPrototypeOf(a)},aB(a)}function r(a){if(a===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return a}function ha(b,a){if(typeof a!="function"&&a!==null)throw new TypeError("Super expression must either be null or a function");b.prototype=Object.create(a&&a.prototype,{constructor:{value:b,writable:!0,configurable:!0}}),a&&aF(b,a)}function aF(a,b){return aF=Object.setPrototypeOf||function(a,b){return a.__proto__=b,a},aF(a,b)}function t(a,b,c){return b in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}cf=function(b){ha(a,b);function a(){var d,b,e,f,c;f$(this,a);for(e=arguments.length,f=new Array(e),c=0;c<e;c++)f[c]=arguments[c];return b=gc(this,(d=aB(a)).call.apply(d,[this].concat(f))),t(r(b),"state",{query:b.props.query,focused:!1}),t(r(b),"onInput",function(c){var a=b.props,e=a.searchAsYouType,f=a.refine,g=a.onChange,d=c.target.value;e&&f(d),b.setState({query:d}),g(c)}),t(r(b),"onSubmit",function(a){var c=b.props,d=c.searchAsYouType,e=c.refine,f=c.onSubmit;return a.preventDefault(),a.stopPropagation(),b.input.blur(),d||e(b.state.query),f(a),!1}),t(r(b),"onReset",function(d){var a=b.props,e=a.refine,f=a.onReset,c="";b.input.focus(),e(c),b.setState({query:c}),f(d)}),t(r(b),"onBlur",function(){b.setState({focused:!1})}),t(r(b),"onFocus",function(){b.setState({focused:!0})}),b}return gb(a,[{key:"resetInput",value:function(){this.setState({query:""})}},{key:"componentWillReceiveProps",value:function(a){!this.state.focused&&a.query!==this.state.query&&this.setState({query:a.query})}},{key:"render",value:function(){var f=this,b=this.props,a=b.cssClasses,j=b.placeholder,g=b.autofocus,e=b.showSubmit,h=b.showReset,i=b.showLoadingIndicator,c=b.templates,d=b.isSearchStalled;return l("div",{className:a.root},l("form",{action:"",role:"search",className:a.form,noValidate:!0,onSubmit:this.onSubmit,onReset:this.onReset},l("input",{ref:function(a){return f.input=a},value:this.state.query,disabled:this.props.disabled,className:a.input,type:"search",placeholder:j,autoFocus:g,autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",spellCheck:"false",maxLength:512,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus}),l(av,{templateKey:"submit",rootTagName:"button",rootProps:{className:a.submit,type:"submit",title:"Submit the search query.",hidden:!e},templates:c,data:{cssClasses:a}}),l(av,{templateKey:"reset",rootTagName:"button",rootProps:{className:a.reset,type:"reset",title:"Clear the search query.",hidden:!(h&&this.state.query.trim()&&!d)},templates:c,data:{cssClasses:a}}),i&&l(av,{templateKey:"loadingIndicator",rootTagName:"span",rootProps:{className:a.loadingIndicator,hidden:!d},templates:c,data:{cssClasses:a}})))}}]),a}(x),t(cf,"defaultProps",{query:"",showSubmit:!0,showReset:!0,showLoadingIndicator:!0,autofocus:!1,searchAsYouType:!0,isSearchStalled:!1,disabled:!1,onChange:g,onSubmit:g,onReset:g,refine:g}),gj=cf;function cj(a,d){var b=Object.keys(a),c;return Object.getOwnPropertySymbols&&(c=Object.getOwnPropertySymbols(a),d&&(c=c.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),b.push.apply(b,c)),b}function cn(c){for(var a=1,b;a<arguments.length;a++)b=arguments[a]!=null?arguments[a]:{},a%2?cj(Object(b),!0).forEach(function(a){gm(c,a,b[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(b)):cj(Object(b)).forEach(function(a){Object.defineProperty(c,a,Object.getOwnPropertyDescriptor(b,a))});return c}function gm(a,b,c){return b in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}gn=function(a,b){return b.map(function(b){var c=et(a,function(a){return a.objectID===b});if(typeof c=="undefined")throw new Error('Could not find objectID "'.concat(b,'" passed to `clickedObjectIDsAfterSearch` in the returned hits. This is necessary to infer the absolute position and the query ID.'));return c})},go=function(c){var a=br(c.map(function(a){return a.__queryID})),b;if(a.length>1)throw new Error("Insights currently allows a single `queryID`. The `objectIDs` provided map to multiple `queryID`s.");if(b=a[0],typeof b!="string")throw new Error("Could not infer `queryID`. Ensure InstantSearch `clickAnalytics: true` was added with the Configure widget.\n\nSee: https://alg.li/lNiZZ7");return b},gp=function(a){return a.map(function(a){return a.__position})},gq=function(a){var d=a.method,g=a.results,h=a.hits,b=a.objectIDs,c=g.index,e=gn(h,b),f=go(e),i;switch(d){case"clickedObjectIDsAfterSearch":return i=gp(e),{index:c,queryID:f,objectIDs:b,positions:i};case"convertedObjectIDsAfterSearch":return{index:c,queryID:f,objectIDs:b};default:throw new Error('Unsupported method passed to insights: "'.concat(d,'".'))}},gr=function(a,b,c){return function(f,d){var g,h;if(e(!1,"`insights` function has been deprecated. It is still supported in 4.x releases, but not further. It is replaced by the `insights` middleware.\n\nFor more information, visit https://www.algolia.com/doc/guides/getting-insights-and-analytics/search-analytics/click-through-and-conversions/how-to/send-click-and-conversion-events-with-instantsearch/js/"),!a)throw g=s({name:"instantsearch"}),new Error(g("The `insightsClient` option has not been provided to `instantsearch`."));if(!Array.isArray(d.objectIDs))throw new TypeError("Expected `objectIDs` to be an array.");h=gq({method:f,results:b,hits:c,objectIDs:d.objectIDs}),a(f,cn({},h,{},d))}};function gs(a){var b=function(a){return function(b,c){var d=b.results,e=b.hits,f=b.instantSearchInstance,g;return d&&e&&f?(g=gr(f.insightsClient,d,e),a(cn({},b,{insights:g}),c)):a(b,c)}};return function(c,d){return a(b(c),d)}}function co(a,d){var b=Object.keys(a),c;return Object.getOwnPropertySymbols&&(c=Object.getOwnPropertySymbols(a),d&&(c=c.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),b.push.apply(b,c)),b}function w(c){for(var a=1,b;a<arguments.length;a++)b=arguments[a]!=null?arguments[a]:{},a%2?co(Object(b),!0).forEach(function(a){ct(c,a,b[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(b)):co(Object(b)).forEach(function(a){Object.defineProperty(c,a,Object.getOwnPropertyDescriptor(b,a))});return c}function ct(a,b,c){return b in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}function cu(a){return gz(a)||gy(a)||gx()}function gx(){throw new TypeError("Invalid attempt to spread non-iterable instance")}function gy(a){if(Symbol.iterator in Object(a)||Object.prototype.toString.call(a)==="[object Arguments]")return Array.from(a)}function gz(a){if(Array.isArray(a)){for(var b=0,c=new Array(a.length);b<a.length;b++)c[b]=a[b];return c}}function gA(b,f){var d,a,c,e;if(b==null)return{};if(d=gB(b,f),Object.getOwnPropertySymbols){e=Object.getOwnPropertySymbols(b);for(c=0;c<e.length;c++){if(a=e[c],f.indexOf(a)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(b,a))continue;d[a]=b[a]}}return d}function gB(c,f){var d,e,a,b;if(c==null)return{};d={},e=Object.keys(c);for(b=0;b<e.length;b++){if(a=e[b],f.indexOf(a)>=0)continue;d[a]=c[a]}return d}gC=s({name:"infinite-hits",connector:!0});function cz(b){var a=b||{},d=a.page,c=gA(a,["page"]);return c}function gE(){var a=null,b=void 0;return{read:function(c){var d=c.state;return H(b,cz(d))?a:null},write:function(c){var d=c.state,e=c.hits;b=cz(d),a=e}}}function gF(a){return Object.keys(a).map(Number).sort(function(a,b){return a-b}).reduce(function(b,c){return b.concat(a[c])},[])}gG=function(a){var b=arguments.length>1&&arguments[1]!==void 0?arguments[1]:g;return bF(a,gC()),function(g){var d=g||{},o=d.escapeHTML,f=o===void 0||o,m=d.transformItems,p=m===void 0?function(a){return a}:m,i=d.cache,j=i===void 0?gE():i,e=function(d,e){var a=d.page,b=a===void 0?0:a,c=Object.keys(e).map(Number);return c.length===0?b:Math.min.apply(Math,[b].concat(cu(c)))},h=function(d,e){var a=d.page,b=a===void 0?0:a,c=Object.keys(e).map(Number);return c.length===0?b:Math.max.apply(Math,[b].concat(cu(c)))},q=function(a,b){return function(){a.overrideStateWithoutTriggeringChangeEvent(w({},a.state,{page:e(a.state,b)-1})).searchWithoutTriggeringOnStateChange()}},r=function(a,b){return function(){a.setPage(h(a.state,b)+1).search()}},k,l,c,n;return{$$type:"ais.infiniteHits",init:function(b){a(w({},this.getWidgetRenderState(b),{instantSearchInstance:b.instantSearchInstance}),!0)},render:function(b){var e=b.instantSearchInstance,d=this.getWidgetRenderState(b);c("view",d.currentPageHits),a(w({},d,{instantSearchInstance:e}),!1)},getRenderState:function(a,b){return w({},a,{infiniteHits:this.getWidgetRenderState(b)})},getWidgetRenderState:function(m){var a=m.results,d=m.helper,i=m.state,w=m.instantSearchInstance,u=[],b=j.read({state:i})||{},o,t,s,x,y,v;return a?(t=i.page,s=t===void 0?0:t,f&&a.hits.length>0&&(a.hits=dr(a.hits)),x=a.hits.__escaped,a.hits=de(a.hits,a.page,a.hitsPerPage),a.hits=di(a.hits,a.queryID),a.hits=p(a.hits),a.hits.__escaped=x,b[s]===void 0&&(b[s]=a.hits,j.write({state:i,hits:b})),u=a.hits,o=e(i,b)===0):(k=q(d,b),l=r(d,b),c=dl({instantSearchInstance:w,index:d.getIndex(),widgetType:this.$$type}),n=dm({index:d.getIndex(),widgetType:this.$$type}),o=d.state.page===void 0||e(d.state,b)===0),y=gF(b),v=!a||a.nbPages<=h(i,b)+1,{hits:y,currentPageHits:u,sendEvent:c,bindEvent:n,results:a,showPrevious:k,showMore:l,isFirstPage:o,isLastPage:v,widgetParams:g}},dispose:function(c){var d=c.state,a;return b(),a=d.setQueryParameter("page",void 0),!f?a:a.setQueryParameters(Object.keys(X).reduce(function(a,b){return w({},a,ct({},b,void 0))},{}))},getWidgetUiState:function(a,c){var d=c.searchParameters,b=d.page||0;return b?w({},a,{page:b+1}):a},getWidgetSearchParameters:function(a,d){var b=d.uiState,c=a,e;return f&&(c=a.setQueryParameters(X)),e=b.page?b.page-1:0,c.setQueryParameter("page",e)}}}},gH=gG,gI={reset:'\n<svg class="{{cssClasses.resetIcon}}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="10" height="10">\n <path d="M8.114 10L.944 2.83 0 1.885 1.886 0l.943.943L10 8.113l7.17-7.17.944-.943L20 1.886l-.943.943-7.17 7.17 7.17 7.17.943.944L18.114 20l-.943-.943-7.17-7.17-7.17 7.17-.944.943L0 18.114l.943-.943L8.113 10z"></path>\n</svg>\n ',submit:'\n<svg class="{{cssClasses.submitIcon}}" xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 40 40">\n <path d="M26.804 29.01c-2.832 2.34-6.465 3.746-10.426 3.746C7.333 32.756 0 25.424 0 16.378 0 7.333 7.333 0 16.378 0c9.046 0 16.378 7.333 16.378 16.378 0 3.96-1.406 7.594-3.746 10.426l10.534 10.534c.607.607.61 1.59-.004 2.202-.61.61-1.597.61-2.202.004L26.804 29.01zm-10.426.627c7.323 0 13.26-5.936 13.26-13.26 0-7.32-5.937-13.257-13.26-13.257C9.056 3.12 3.12 9.056 3.12 16.378c0 7.323 5.936 13.26 13.258 13.26z"></path>\n</svg>\n ',loadingIndicator:'\n<svg class="{{cssClasses.loadingIcon}}" width="16" height="16" viewBox="0 0 38 38" xmlns="http://www.w3.org/2000/svg" stroke="#444">\n <g fill="none" fillRule="evenodd">\n <g transform="translate(1 1)" strokeWidth="2">\n <circle strokeOpacity=".5" cx="18" cy="18" r="18" />\n <path d="M36 18c0-9.94-8.06-18-18-18">\n <animateTransform\n attributeName="transform"\n type="rotate"\n from="0 18 18"\n to="360 18 18"\n dur="1s"\n repeatCount="indefinite"\n />\n </path>\n </g>\n </g>\n</svg>\n '},n=m(fo());function cG(a,d){var b=Object.keys(a),c;return Object.getOwnPropertySymbols&&(c=Object.getOwnPropertySymbols(a),d&&(c=c.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),b.push.apply(b,c)),b}function ac(c){for(var a=1,b;a<arguments.length;a++)b=arguments[a]!=null?arguments[a]:{},a%2?cG(Object(b),!0).forEach(function(a){gM(c,a,b[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(b)):cG(Object(b)).forEach(function(a){Object.defineProperty(c,a,Object.getOwnPropertyDescriptor(b,a))});return c}function gM(a,b,c){return b in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}gN=s({name:"search-box",connector:!0});function gO(a){var b=arguments.length>1&&arguments[1]!==void 0?arguments[1]:g;return bF(a,gN()),function(){var c=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},d=c.queryHook,e;function f(a){return function(){a.setQuery("").search()}}e=function(){};function g(){e()}return{$$type:"ais.searchBox",init:function(b){var c=b.instantSearchInstance;a(ac({},this.getWidgetRenderState(b),{instantSearchInstance:c}),!0)},render:function(b){var c=b.instantSearchInstance;a(ac({},this.getWidgetRenderState(b),{instantSearchInstance:c}),!1)},dispose:function(a){var c=a.state;return b(),c.setQueryParameter("query",void 0)},getRenderState:function(a,b){return ac({},a,{searchBox:this.getWidgetRenderState(b)})},getWidgetRenderState:function(b){var a=b.helper,i=b.searchMetadata,h;return this._refine||(h=function(b){b!==a.state.query&&a.setQuery(b).search()},this._refine=function(a){if(d){d(a,h);return}h(a)}),e=f(a),{query:a.state.query||"",refine:this._refine,clear:g,widgetParams:c,isSearchStalled:i.isSearchStalled}},getWidgetUiState:function(a,c){var d=c.searchParameters,b=d.query||"";return b===""||a&&a.query===b?a:ac({},a,{query:b})},getWidgetSearchParameters:function(a,b){var c=b.uiState;return a.setQueryParameter("query",c.query||"")}}}}function cI(a,d){var b=Object.keys(a),c;return Object.getOwnPropertySymbols&&(c=Object.getOwnPropertySymbols(a),d&&(c=c.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),b.push.apply(b,c)),b}function cL(c){for(var a=1,b;a<arguments.length;a++)b=arguments[a]!=null?arguments[a]:{},a%2?cI(Object(b),!0).forEach(function(a){gR(c,a,b[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(b)):cI(Object(b)).forEach(function(a){Object.defineProperty(c,a,Object.getOwnPropertyDescriptor(b,a))});return c}function gR(a,b,c){return b in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}gS=s({name:"search-box"}),p=z("SearchBox"),gU=function(a){var c=a.containerNode,d=a.cssClasses,e=a.placeholder,f=a.templates,b=a.autofocus,g=a.searchAsYouType,h=a.showReset,i=a.showSubmit,j=a.showLoadingIndicator;return function(a){var k=a.refine,m=a.query,n=a.isSearchStalled;bq(l(gj,{query:m,placeholder:e,autofocus:b,refine:k,searchAsYouType:g,templates:f,showSubmit:i,showReset:h,showLoadingIndicator:j,isSearchStalled:n,cssClasses:d}),c)}};function gV(l){var a=l||{},c=a.container,d=a.placeholder,v=d===void 0?"":d,f=a.cssClasses,b=f===void 0?{}:f,h=a.autofocus,r=h!==void 0&&h,j=a.searchAsYouType,o=j===void 0||j,g=a.showReset,m=g===void 0||g,k=a.showSubmit,q=k===void 0||k,i=a.showLoadingIndicator,s=i===void 0||i,t=a.queryHook,u=a.templates,e,w,x,y;if(!c)throw new Error(gS("The `container` option is required."));return e=eF(c),w={root:(0,n.default)(p(),b.root),form:(0,n.default)(p({descendantName:"form"}),b.form),input:(0,n.default)(p({descendantName:"input"}),b.input),submit:(0,n.default)(p({descendantName:"submit"}),b.submit),submitIcon:(0,n.default)(p({descendantName:"submitIcon"}),b.submitIcon),reset:(0,n.default)(p({descendantName:"reset"}),b.reset),resetIcon:(0,n.default)(p({descendantName:"resetIcon"}),b.resetIcon),loadingIndicator:(0,n.default)(p({descendantName:"loadingIndicator"}),b.loadingIndicator),loadingIcon:(0,n.default)(p({descendantName:"loadingIcon"}),b.loadingIcon)},x=gU({containerNode:e,cssClasses:w,placeholder:v,templates:cL({},gI,{},u),autofocus:r,searchAsYouType:o,showReset:m,showSubmit:q,showLoadingIndicator:s}),y=gO(x,function(){return bq(null,e)}),cL({},y({queryHook:t}),{$$widgetType:"ais.searchBox"})}gW=gs(gH),gX=gW,gY="https://cdn.jsdelivr.net/npm/search-insights@1.3.1",!function(a,e,f,g,b,c,d){a.AlgoliaAnalyticsObject=b,a[b]=a[b]||function(){(a[b].queue=a[b].queue||[]).push(arguments)},c=e.createElement(f),d=e.getElementsByTagName(f)[0],c.async=1,c.src=g,d.parentNode.insertBefore(c,d)}(window,document,"script",gY,"aa"),aa("init",{appId:"LE77SHMNUX",apiKey:"63933f0420a85da698f715b54c639bed"});function gZ(){const a=bd({indexName:"prod_codelibrary",searchClient:(0,eU.default)("LE77SHMNUX","63933f0420a85da698f715b54c639bed"),hitsPerPage:5,routing:!0,searchFunction(a){const b=document.querySelector("#algolia-results");b.style.display=a.state.query===""?"none":"block",b.style.position="fixed",a.search()},insightsClient:window.aa});a.addWidgets([gV({container:"#algolia-box",autofocus:!1,placeholder:"Search for content"})]);const b=(a,f)=>{const{hits:b,widgetParams:c,insights:d}=a;if(a.results==void 0)return;c.container.innerHTML=` - ${b.length>0?` - <div class="ais-Hits-list"> - ${b.map(a=>` - <a class="ais-Hits-item" data-rel-path="${a.relpermalink}" data-object-id="${a.objectID}" href="${a.relpermalink}"> - <div class="hit-head"> - <div class="level"> - <div class="level-left"> - <span class="hit-section">${a._highlightResult.section.value}</span> - <span class="hit-separator">/</span> - <span class="hit-title">${bd.highlight({attribute:"title",hit:a})}</span> - </div> - </div> - </div> - <div class="hit-content"> - <p class="hit-summary"> - ${a.print} - </p> - <span class="hit-tags"> - Tags: ${a._highlightResult.tags.map(a=>`${a.value}`).join(", ")} - </span> - </div> - </a> - `).join("")} - </div> - `:` - <div id="no-results-message"> - <p>We didn't find any results for the search <em>"${a.results.query}"</em>.</p> - </div> - `} - <div class="algolia-docsearch-footer"> - Search by <a class="algolia-docsearch-footer--logo" href="https://www.algolia.com/docsearch">Algolia</a> - </div> - `;const e=c.container.querySelectorAll(".ais-Hits-item");e.forEach(a=>{a.addEventListener("click",e=>{const b=a.getAttribute("data-object-id"),c=a.getAttribute("data-rel-path");d("clickedObjectIDsAfterSearch",{eventName:c,objectIDs:[b]})})})},c=gX(b);a.addWidgets([c({container:document.querySelector("#algolia-results"),transformItems:a=>(a.forEach(a=>{a._snippetResult.description.matchLevel!="none"?a.print=a._snippetResult.description.value:a._snippetResult.content.matchLevel!="none"?a.print=a._snippetResult.content.value:a._snippetResult.description.value==""?a.print=a._snippetResult.content.value:a.print=a._snippetResult.description.value}),a)}),fZ({clickAnalytics:!0})]),a.start()}dd=m(fn()),g$=()=>{"use strict";const n="js-tabs",P="js-tablist",w="js-tablist__item",b="js-tablist__link",i="js-tabcontent",v="js-link-to-tab",z="data-tabs-prefix-class",A="data-hx",B="data-tabs-generated-hx-class",C="data-existing-hx",J="data-selected",r="label_",H="van11ytabs",F="van11ytabs__list",E="van11ytabs__item",I="van11ytabs__link",M="van11ytabs__content",o="is-active",N="invisible",O="tablist",R="tab",S="tabpanel",L="presentation",t="role",x="aria-labelledby",k="aria-hidden",q="aria-controls",d="aria-selected",K=1e3;let p=window.location.hash.replace("#","");const a=a=>document.getElementById(a),c=(a,b)=>{a.classList?a.classList.add(b):a.className+=" "+b},G=(a,b)=>{a.classList?a.classList.remove(b):a.className=a.className.replace(new RegExp("(^|\\b)"+b.split(" ").join("|")+"(\\b|$)","gi")," ")},m=a=>{c(a,o),c(a.parentNode,o)},u=a=>{G(a,o),G(a.parentNode,o)},l=(a,b)=>{return a.classList?a.classList.contains(b):new RegExp("(^| )"+b+"( |$)","gi").test(a.className)},e=(b,a)=>{Object.keys(a).forEach(c=>{b.setAttribute(c,a[c])})},g=a=>{a.forEach(a=>{e(a,{[d]:"false",tabindex:"-1"}),u(a)})},f=a=>{a.forEach(a=>{a.setAttribute(k,!0),u(a)})},h=b=>{let f=a(b.getAttribute(q));e(b,{[d]:"true",tabindex:"0"}),c(b,"is-active"),c(b.parentNode,"is-active"),f.removeAttribute(k),c(f,"is-active"),c(f.parentNode,"is-active"),setTimeout(function(){b.focus()},0),setTimeout(function(){history.pushState(null,null,location.pathname+location.search+"#"+b.getAttribute(q))},K)},s=(i,a,j,e)=>{let c;i.forEach((a,e)=>{a.querySelector("."+b).getAttribute(d)==="true"&&(c=e)}),g(a),f(j),e==="next"&&(h(a[c+1]),setTimeout(function(){a[c+1].focus()},0)),e==="prev"&&(h(a[c-1]),setTimeout(function(){a[c-1].focus()},0))};let j=(c,d)=>{let b=!1,a=c.parentNode;while(a&&b===!1)l(a,d)===!0?b=!0:a=a.parentNode;return b===!0?a.getAttribute("id"):""};const Q=(a=document)=>[].slice.call(a.querySelectorAll("."+n)),y=h=>{Q(h).forEach(h=>{let v=Math.random().toString(32).slice(2,12),s=h.hasAttribute(z)===!0?h.getAttribute(z)+"-":"",y=h.hasAttribute(A)===!0?h.getAttribute(A):"",T=h.hasAttribute(B)===!0?h.getAttribute(B):N,D=h.hasAttribute(C)===!0?h.getAttribute(C):"",K=[].slice.call(h.querySelectorAll("."+P)),Q=[].slice.call(h.querySelectorAll("."+w)),n=[].slice.call(h.querySelectorAll("."+b)),G=[].slice.call(h.querySelectorAll("."+i)),o=!0;if(c(h,s+H),h.setAttribute("id",H+v),K.forEach(a=>{c(a,s+F),e(a,{[t]:O,id:F+v})}),Q.forEach((a,b)=>{c(a,s+E),e(a,{[t]:L,id:E+v+"-"+(b+1)})}),n.forEach(b=>{let g=b.getAttribute("href").replace("#",""),f=a(g),h=b.innerText,i=b.hasAttribute(J)===!0;if(c(b,s+I),e(b,{id:r+g,[t]:R,[q]:g,tabindex:"-1",[d]:"false"}),u(b),e(f,{[k]:"true",[t]:S,[x]:r+g}),c(f,s+M),u(f),i&&o&&(o=!1,e(b,{tabindex:"0",[d]:"true"}),c(b,"is-active"),e(f,{[k]:"false"}),c(f,"is-active")),y!==""){let a=document.createElement(y);a.setAttribute("class",T),a.setAttribute("tabindex","0"),a.innerHTML=h,f.insertBefore(a,f.firstChild)}if(D!==""){let a=[].slice.call(f.querySelectorAll(D+":first-child"));a.forEach(a=>{a.setAttribute("tabindex","0")})}b.removeAttribute("href")}),p!==""){let b=a(p);if(b!==null)if(h.querySelector("#"+p)!==null)if(l(b,i)===!0){g(n),f(G),b.removeAttribute(k),m(b);let c=a(r+p);e(c,{tabindex:"0",[d]:"true"}),m(c),o=!1}else{let c=j(b,i);if(c!==""){g(n),f(G);let b=a(c);b.removeAttribute(k),m(b);let h=a(r+c);e(h,{tabindex:"0",[d]:"true"}),m(h),o=!1}}}if(o===!0){e(n[0],{tabindex:"0",[d]:"true"}),m(n[0]);let b=a(n[0].getAttribute(q));b.removeAttribute(k),m(b)}})};["click","keydown"].forEach(c=>{document.body.addEventListener(c,e=>{let k=j(e.target,b);if((l(e.target,b)===!0||k!=="")&&c==="click"){let d=l(e.target,b)===!0?e.target:a(k),m=j(e.target,n),c=a(m),o=[].slice.call(c.querySelectorAll("."+b)),p=[].slice.call(c.querySelectorAll("."+i));g(o),f(p),h(d),e.preventDefault()}if((l(e.target,b)===!0||k!=="")&&c==="keydown"){let q=j(e.target,n),o=a(q),l=[].slice.call(o.querySelectorAll("."+w)),c=[].slice.call(o.querySelectorAll("."+b)),k=[].slice.call(o.querySelectorAll("."+i)),p=l[0].querySelector("."+b),m=l[l.length-1].querySelector("."+b);e.keyCode===36?(g(c),f(k),h(p),e.preventDefault()):e.keyCode===35?(g(c),f(k),h(m),e.preventDefault()):(e.keyCode===37||e.keyCode===38)&&!e.ctrlKey?p.getAttribute(d)==="true"?(g(c),f(k),h(m),e.preventDefault()):(s(l,c,k,"prev"),e.preventDefault()):(e.keyCode===40||e.keyCode===39)&&!e.ctrlKey&&(m.getAttribute(d)==="true"?(g(c),f(k),h(p),e.preventDefault()):(s(l,c,k,"next"),e.preventDefault()))}let m=j(e.target,i);if(m!==""&&c==="keydown"){let o=a(a(m).getAttribute(x)),t=j(e.target,n),p=a(t),c=[].slice.call(p.querySelectorAll("."+w)),k=[].slice.call(p.querySelectorAll("."+b)),l=[].slice.call(p.querySelectorAll("."+i)),r=c[0].querySelector("."+b),q=c[c.length-1].querySelector("."+b);e.keyCode===38&&e.ctrlKey&&(setTimeout(function(){o.focus()},0),e.preventDefault()),e.keyCode===33&&e.ctrlKey&&(o.focus(),e.preventDefault(),r.getAttribute(d)==="true"?(g(k),f(l),h(q)):s(c,k,l,"prev")),e.keyCode===34&&e.ctrlKey&&(o.focus(),e.preventDefault(),q.getAttribute(d)==="true"?(g(k),f(l),h(r)):s(c,k,l,"next"))}let o=j(e.target,v);if((l(e.target,v)===!0||o!=="")&&c==="click"){let d=l(e.target,v)===!0?e.target.getAttribute("href").replace("#",""):a(o).replace("#",""),k=a(d),m=a(k.getAttribute(x)),p=j(e.target,n),c=a(p),q=[].slice.call(c.querySelectorAll("."+b)),r=[].slice.call(c.querySelectorAll("."+i));g(q),f(r),h(m),e.preventDefault()}},!0)});const D=()=>{y(),document.removeEventListener("DOMContentLoaded",D)};document.addEventListener("DOMContentLoaded",D),window.van11yAccessibleTabPanelAria=y};function fc(){document.addEventListener("DOMContentLoaded",()=>{const a=document.querySelectorAll(".navbar-burger");a.length>0&&a.forEach(a=>{a.addEventListener("click",()=>{const b=a.dataset.target,c=document.getElementById(b);if(a.classList.toggle("is-active"),c.classList.toggle("is-active"),b==="sidebarNavbar"){const a=document.querySelector(".sidebar-search");a.classList.toggle("is-hidden-touch")}})})})}fi=b=>{const a=b.querySelector(".show-code .button"),c=b.querySelector(".box-code");if(!a||!c)return;a.addEventListener("click",()=>{c.classList.toggle("is-hidden"),a.classList.toggle("is-active")})},fj=()=>{const a=document.querySelectorAll(".box");[...a].forEach(fi)},fk=a=>{a.forEach(a=>{a.addEventListener("click",a=>a.preventDefault())})},fl=a=>{const b=new MutationObserver(c=>{const b=a.contentDocument.querySelectorAll('[href="#"]');b.length>0&&fk(b)});b.observe(a.contentDocument,{childList:!0,subtree:!0})},ff=()=>{const a=document.querySelectorAll("iframe");a.forEach(fl)},eV(),gZ(),dd.default.highlightAll(),fc(),g$(),fj(),ff()})() \ No newline at end of file diff --git a/public/index.xml b/public/index.xml index 906c7b310..e7ccb4ee0 100644 --- a/public/index.xml +++ b/public/index.xml @@ -2,11 +2,11 @@ <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> <channel> <title>Home on Codelibrary - https://codelibrary.opendatasoft.com/ + https://codelibrary.huwize.com/ Recent content in Home on Codelibrary Hugo -- gohugo.io en-us - Mon, 24 Aug 2020 15:57:58 +0200 + Mon, 24 Aug 2020 15:57:58 +0200 @@ -36,59 +36,56 @@ - - CSS Grid : Light with header and sections - heavy shadow box - https://codelibrary.opendatasoft.com/page-templates/datastory/#css-grid--light-with-header-and-sections---heavy-shadow-box - - Mon, 07 Jun 2021 12:00:00 +0200 - - - https://codelibrary.opendatasoft.com/page-templates/datastory/#css-grid--light-with-header-and-sections---heavy-shadow-box - <p>This version is based on the <a href="https://codelibrary.opendatasoft.com/page-templates/css-grid-framework">CSS Grid framework available here</a>. Please read the resource description carefully before using it as it&rsquo;s mainly dedicated to expert users.</p> -<blockquote> -<p>Note: The CSS includes only necessary classes and NOT the entire CSS Grid framework. To change the layout, you&rsquo;ll then also need to change the according CSS. -Feel free to get the full framework if needed.</p> -</blockquote> - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - CSS Grid : Light with header and sections - regular box - https://codelibrary.opendatasoft.com/page-templates/datastory/#css-grid--light-with-header-and-sections---regular-box - - Mon, 07 Jun 2021 12:00:00 +0200 - - - https://codelibrary.opendatasoft.com/page-templates/datastory/#css-grid--light-with-header-and-sections---regular-box - <p>This version is based on the <a href="https://codelibrary.opendatasoft.com/page-templates/css-grid-framework">CSS Grid framework available here</a>. Please read the resource description carefully before using it as it&rsquo;s mainly dedicated to expert users.</p> -<blockquote> -<p>Note: The CSS includes only necessary classes and NOT the entire CSS Grid framework. To change the layout, you&rsquo;ll then also need to change the according CSS. -Feel free to get the full framework if needed.</p> -</blockquote> - - - - Light with header and sections - heavy shadow box - https://codelibrary.opendatasoft.com/page-templates/datastory/#light-with-header-and-sections---heavy-shadow-box - - Mon, 07 Jun 2021 12:00:00 +0200 - - - https://codelibrary.opendatasoft.com/page-templates/datastory/#light-with-header-and-sections---heavy-shadow-box - - + - - Light with header and sections - regular box - https://codelibrary.opendatasoft.com/page-templates/datastory/#light-with-header-and-sections---regular-box - - Mon, 07 Jun 2021 12:00:00 +0200 - - - https://codelibrary.opendatasoft.com/page-templates/datastory/#light-with-header-and-sections---regular-box - - @@ -138,33 +135,8 @@ Feel free to get the full framework if needed.</p> - - An observatory dashboard model - https://codelibrary.opendatasoft.com/page-templates/observatory/#an-observatory-dashboard-model - - Mon, 07 Jun 2021 12:00:00 +0200 - - - https://codelibrary.opendatasoft.com/page-templates/observatory/#an-observatory-dashboard-model - <p>Analytic view with KPIs, charts and filters</p> - - + - - CSS Grid : Observatory model - https://codelibrary.opendatasoft.com/page-templates/observatory/#css-grid--observatory-model - - Mon, 07 Jun 2021 12:00:00 +0200 - - - https://codelibrary.opendatasoft.com/page-templates/observatory/#css-grid--observatory-model - <p>This version is based on the <a href="https://codelibrary.opendatasoft.com/page-templates/css-grid-framework">CSS Grid framework available here</a>. Please read the resource description carefully before using it as it&rsquo;s mainly dedicated to expert users.</p> -<blockquote> -<p>Note: The CSS includes only necessary classes and NOT the entire CSS Grid framework. To change the layout, you&rsquo;ll then also need to change the according CSS. -Feel free to get the full framework if needed.</p> -</blockquote> - - @@ -175,70 +147,11 @@ Feel free to get the full framework if needed.</p> - - ods-color-gradient: Number of classes - https://codelibrary.opendatasoft.com/widget-tricks/ods-color-gradient/#ods-color-gradient-number-of-classes - - Fri, 30 Jul 2021 15:45:20 +0200 - - - https://codelibrary.opendatasoft.com/widget-tricks/ods-color-gradient/#ods-color-gradient-number-of-classes - <p><code>ods-color-gradient-nb-classes</code> optional parameter defines the number of groups of values. -If not defined, colors will then NOT be grouped, and the corresponding legend will be a linear gradient.</p> -<blockquote> -<p>Note: without classes, it&rsquo;s a simple linear or pow color gradient</p> -</blockquote> -<blockquote> -<p>Note 2: the more classes you have, the more it looks like a linear color gradient</p> -</blockquote> - - + - - ods-color-gradient: Power exponent - https://codelibrary.opendatasoft.com/widget-tricks/ods-color-gradient/#ods-color-gradient-power-exponent - - Fri, 30 Jul 2021 15:45:20 +0200 - - - https://codelibrary.opendatasoft.com/widget-tricks/ods-color-gradient/#ods-color-gradient-power-exponent - <p>The power exponent is used to create a power based scale. -The transform applied to value is of the type <code>y = x^k</code> where <code>k</code>, the exponent, can be any real number.</p> -<ul> -<li>For <code>k = 0.3</code> : it approximates log scale.</li> -<li>For <code>k = 1</code> : it is a linear scale.</li> -<li>For <code>k &gt;= 2</code> : it approximates square scale.</li> -</ul> -<p><code>ods-color-gradient-pow-exponent</code> optional parameter defines the scale. If not defined, it will be set to 1 that correspond to a linear scale.</p> - - - - ods-legend: CSS tricks - https://codelibrary.opendatasoft.com/widget-tricks/ods-color-gradient/#ods-legend-css-tricks - - Fri, 30 Jul 2021 15:45:20 +0200 - - - https://codelibrary.opendatasoft.com/widget-tricks/ods-color-gradient/#ods-legend-css-tricks - <p>With some CSS, ods-legend can be horizontal. It can also be positioned on top of the map, to save space.</p> - - + - - ods-legend: Display mode - https://codelibrary.opendatasoft.com/widget-tricks/ods-color-gradient/#ods-legend-display-mode - - Fri, 30 Jul 2021 15:45:20 +0200 - - - https://codelibrary.opendatasoft.com/widget-tricks/ods-color-gradient/#ods-legend-display-mode - <p><code>display</code> optional parameter can be <code>linear</code> or <code>steps</code>.</p> -<blockquote> -<p>Note: <code>ods-color-gradient-nb-classes</code> parameter is mandatory in order to use ods-legend widget in <code>steps</code> mode</p> -</blockquote> - - @@ -312,55 +225,14 @@ The transform applied to value is of the type <code>y = x^k</code> w - - Set the grid - https://codelibrary.opendatasoft.com/page-templates/css-grid-framework/#set-the-grid - - Mon, 07 Jun 2021 12:00:00 +0200 - - - https://codelibrary.opendatasoft.com/page-templates/css-grid-framework/#set-the-grid - <p>Use <code>grid-cols-{n}</code> class to create grids with <em>n</em> equally sized columns. -<code>grid-{n}</code> can be used as a shortcut.</p> -<p>If there are more children than the grid size, they will automatically wrap. Ex: 8 children in a <code>grid-3</code> will render as a 3 rows grid.</p> -<p>Breakpoints for responsiveness are :</p> -<ul> -<li><code>sm</code> for <code>640px</code> and above</li> -<li><code>md</code> for <code>768px</code> and above</li> -<li><code>lg</code> for <code>1024px</code> and above</li> -</ul> -<p>They can be used as prefixes, for example: <code>sm:grid-cols-2 lg:grid-cols-3</code></p> - - + + - - Dashboard with CSS Grid layout - https://codelibrary.opendatasoft.com/page-templates/dashboard/#dashboard-with-css-grid-layout - - Mon, 07 Jun 2021 12:00:00 +0200 - - - https://codelibrary.opendatasoft.com/page-templates/dashboard/#dashboard-with-css-grid-layout - <blockquote> -<p>Note: The CSS includes only necessary classes and NOT the entire CSS Grid framework. To change the layout, you&rsquo;ll then also need to change the according CSS. -Feel free to get the full <a href="https://codelibrary.opendatasoft.com/page-templates/css-grid-framework">framework here</a> if needed.</p> -</blockquote> - - + - - Dashboard with ODS layout - https://codelibrary.opendatasoft.com/page-templates/dashboard/#dashboard-with-ods-layout - - Mon, 07 Jun 2021 12:00:00 +0200 - - - https://codelibrary.opendatasoft.com/page-templates/dashboard/#dashboard-with-ods-layout - - @@ -368,262 +240,17 @@ Feel free to get the full <a href="https://codelibrary.opendatasoft.com/p - - ODS Layout example - https://codelibrary.opendatasoft.com/page-templates/ods-layout-over-ride/#ods-layout-example - - Mon, 07 Jun 2021 12:12:02 +0200 - - - https://codelibrary.opendatasoft.com/page-templates/ods-layout-over-ride/#ods-layout-example - <p>The ODS Layout is based on Bootstrap 3, you can find the <a href="https://getbootstrap.com/docs/3.4/css/#grid">official documentation and examples here</a></p> - - + + - - Numeric, difference between 2 values - https://codelibrary.opendatasoft.com/generators/kpi-generator/#numeric-difference-between-2-values - - Tue, 08 Jun 2021 00:05:01 +0200 - - - https://codelibrary.opendatasoft.com/generators/kpi-generator/#numeric-difference-between-2-values - <p><strong>The main KPI settings</strong></p> -<ul> -<li><code>title</code> : name of the KPI, below the value</li> -</ul> -<p>Dataset setting :</p> -<ul> -<li><code>dataset_id</code></li> -</ul> -<p>Dataset filter (simple way, with 1 refine) :</p> -<ul> -<li><code>dataset_refine_key</code>: a facet field,</li> -<li><code>dataset_refine_value</code>: a value,</li> -</ul> -<p>Dataset filters (advanced way, with 1 parameters object) :</p> -<ul> -<li><code>dataset_advanced_refine_parameters</code> : an object with escaped quotes, ie: <code>{\'q\':\'some text query\', \'refine.field\':\'value'\}</code></li> -</ul> -<p>Value settings, to setup the aggregation :</p> -<ul> -<li> -<p><code>aggregation_function</code>: can be SUM, AVG, MIN, MAX, STD, COUNT</p> -</li> -<li> -<p><code>aggregation_expression</code>: a numerical field id</p> -</li> -<li> -<p><code>link</code>: a link to redirect the user</p> -</li> -<li> -<p><code>image_url</code>: the url of the item image</p> -</li> -</ul> -<p><strong>Then, the reference value, and how to compare it</strong></p> -<ul> -<li><code>compare_mode</code>: can be <code>date</code> or <code>numeric</code></li> -<li><code>compare_strategie</code>: can be <code>none</code>, <code>diff</code> or <code>progression</code></li> -</ul> -<p> </p> -<ul> -<li> -<p><code>valref_dataset_id</code></p> -</li> -<li> -<p><code>valref_aggregation_function</code></p> -</li> -<li> -<p><code>valref_aggregation_expression</code></p> -</li> -<li> -<p><code>valref_aggregation_unit</code></p> -</li> -<li> -<p><code>valref_prefix</code>: a sentence to add before the reference value</p> -</li> -<li> -<p><code>valref_suffix</code>: a sentence to add after the reference value</p> -</li> -</ul> -<p><a href="https://docs.google.com/presentation/d/1pG1Q2RcP20Aep_6mMK7aeG184_mzczXAm7oxAu_eMz8/edit#slide=id.p">Visual documentation with 1 example here</a></p> - - - - - - - - Making a full dashboard - https://codelibrary.opendatasoft.com/components/material-themed-cards/#making-a-full-dashboard - - Wed, 09 Jun 2021 10:39:16 +0200 - - - https://codelibrary.opendatasoft.com/components/material-themed-cards/#making-a-full-dashboard - <p>This is a reproduction of the <a href="https://codelibrary.opendatasoft.com/page-templates/monitoring-dashboard">monitoring dashboard</a> using the above components. We also use different base color for each row in this example, using the following css selectors: <code>is-info</code>, <code>is-warning</code>, <code>is-success</code>.</p> - - - - - - - - Bubblemaps - https://codelibrary.opendatasoft.com/widget-tricks/heatmaps-vegalite/#bubblemaps - - Wed, 30 Jun 2021 14:46:16 +0200 - - - https://codelibrary.opendatasoft.com/widget-tricks/heatmaps-vegalite/#bubblemaps - <p>To switch to a bubblemap:</p> -<ul> -<li>set the <code>grid</code> to false in the config view</li> -<li>set the mark type to <code>circle</code></li> -<li>in addition to the <code>color</code> property, a new mark property is necessary to change the size of the circles: <code>size</code>.</li> -</ul> -<p><a href="https://vega.github.io/vega-lite-v2/docs/encoding.html#mark-prop"><code>size</code> mark property documentation here</a>. -It&rsquo;s very similar to the color property, it expects an aggregate and field option to be able to size circles depending on your data. -It also accepts different scale types (quantile, power, log etc&hellip;).</p> - - - - - Heatmap: with linear scale - https://codelibrary.opendatasoft.com/widget-tricks/heatmaps-vegalite/#heatmap-with-linear-scale - - Wed, 30 Jun 2021 14:46:16 +0200 - - - https://codelibrary.opendatasoft.com/widget-tricks/heatmaps-vegalite/#heatmap-with-linear-scale - <p>The default scale is linear. It can get additional properties like the scheme. All available scale colors (schemes) can be found in the <a href="https://vega.github.io/vega/docs/schemes/#scheme-properties">scheme documentation</a>.</p> -<pre><code class="language-json5" data-lang="json5">'color': - 'scale': { - 'scheme': 'blueorange', - ... - }, - ... -</code></pre> - - - - - - - Heatmap with dynamic color scale - https://codelibrary.opendatasoft.com/widget-tricks/heatmaps-custom/#heatmap-with-dynamic-color-scale - - Wed, 30 Jun 2021 14:46:16 +0200 - - - https://codelibrary.opendatasoft.com/widget-tricks/heatmaps-custom/#heatmap-with-dynamic-color-scale - <p>Custom heatmaps or bubblemaps are made of a CSS grid, an <code>ods-adv-analysis</code> and several computations to get the colors and the axis.</p> -<ul> -<li><code>ods-adv-analysis</code> returns the list of values for each axis. You need to adapt the axis <code>id</code> in <code>toObject</code> filter.</li> -<li>The min and max of all aggregation are computed to get the boundaries and will be useful for colors computations.</li> -<li>To display the grid, three computations are needed: the x-axis value positions, the y-axis value positions and the color values.</li> -</ul> -<p>Colors are RGB codes, computed of the aggregation value within the range of all values. Low and high colors values are set into <code>variables</code> object at the beginning of the code.</p> -<p>The toggle button, and the legend are independent of the grid and can be removed.</p> -<blockquote> -<p>Note: It&rsquo;s much easier to deal with dates with Vega-Lite as it can split by day, day of the week, month with the labels and the correct ordering. We then strongly advice to go for <a href="https://codelibrary.opendatasoft.com/widget-tricks/heatmaps-vegalite">Vega-Lite heatmaps</a> in that case.</p> -</blockquote> - - - - - Heatmap with static scale - https://codelibrary.opendatasoft.com/widget-tricks/heatmaps-custom/#heatmap-with-static-scale - - Wed, 30 Jun 2021 14:46:16 +0200 - - - https://codelibrary.opendatasoft.com/widget-tricks/heatmaps-custom/#heatmap-with-static-scale - <p>The colors are static, and set in the <code>ng-class</code> of the cell, with a simple condition and static thresholds. -The code is therefore much simpler than dynamic RGB computation.</p> -<p>But keep in mind that if the order of size of the aggregation changes, you&rsquo;ll then need to adapt your thresholds, and therefore the page.</p> - - - - - - - - Simple usage, list records ! - https://codelibrary.opendatasoft.com/widget-tricks/ods-results/#simple-usage-list-records- - - Mon, 21 Jun 2021 20:03:38 +0200 - - - https://codelibrary.opendatasoft.com/widget-tricks/ods-results/#simple-usage-list-records- - <p><strong>ods-results</strong> returns an array: the list of records. Records are objects, and all the metas are accessible through the <code>fields</code> key.</p> -<p><code>ng-repeat</code> directive loop over each record and &ldquo;print&rdquo; the HTML for each record. For more advanced usage, please refer to the <a href="https://docs.angularjs.org/api/ng/directive/ngRepeat#!">AngularJs ng-repeat documentation here</a></p> -<p>This first simple resource lists districts in Brussels, Belgium.</p> - - - - - - - - Based on click - for default headers - https://codelibrary.opendatasoft.com/portal-themes/dropdown-menu/#based-on-click---for-default-headers - - Wed, 23 Jun 2021 20:57:00 +0200 - - - https://codelibrary.opendatasoft.com/portal-themes/dropdown-menu/#based-on-click---for-default-headers - <p><strong>How to use it</strong></p> -<ol> -<li>Copy the content of the <code>HEADER</code> tab.</li> -<li>Paste it in <code>https://yourdomain.opendatasoft.com/backoffice/customization/theme/#header</code> instead of <code>##menu##</code>.</li> -<li>Copy the content of the <code>STYLESHEET</code> tab.</li> -<li>Paste it in <code>https://yourdomain.opendatasoft.com/backoffice/customization/theme/#stylesheet</code>.</li> -<li>Replace the links and titles of the items menu in the <code>HEADER</code> tab.</li> -</ol> - - - - - - - - Lighten "display-values" - https://codelibrary.opendatasoft.com/widget-tricks/ods-chart-css-hacks/#lighten-display-values - - Thu, 29 Jul 2021 10:00:10 +0200 - - - https://codelibrary.opendatasoft.com/widget-tricks/ods-chart-css-hacks/#lighten-display-values - <p><code>display-values=true</code> option displays for each point of a chart the values of the series. -It&rsquo;s usefull but can quickly overload the chart and displaying only a view values can be interesting.</p> -<p>This code presents some CSS tricks to cherry-pick only a few values :</p> -<ul> -<li>On the left, only the first and last values</li> -<li>On the right, 1 out of 3 values are displayed (see the CSS code for explanations)</li> -</ul> - - - - - - - - Fix 1, 2 or 3 columns - https://codelibrary.opendatasoft.com/widget-tricks/ods-table-fixed-col/#fix-1-2-or-3-columns - - Fri, 30 Jul 2021 18:37:13 +0200 - - - https://codelibrary.opendatasoft.com/widget-tricks/ods-table-fixed-col/#fix-1-2-or-3-columns - <p>By adding the CSS class <code>sticky-col-1</code>, <code>sticky-col-2</code> or <code>sticky-col-3</code> to an ods-table, -you can respectively fix the 1, 2 or 3 first columns.</p> -<p>The width of the column, and the cell color are defined through CSS variables.</p> - - + + + + + diff --git a/public/page-templates/css-grid-framework/0-benefits/css.inc b/public/page-templates/css-grid-framework/0-benefits/css.inc index 8ebff36dd..f6e1a56ad 100644 --- a/public/page-templates/css-grid-framework/0-benefits/css.inc +++ b/public/page-templates/css-grid-framework/0-benefits/css.inc @@ -1,9 +1,9 @@ /** * License: MIT License * Generated on 25 May 2021 - * Author: Fpassaniti for Opendatasoft + * Author: Fpassaniti for Huwise * Version: 0.1 - * Description: CSS Grid framework for Opendatasoft pages (and more). Go to http://codelibrary.opendatasoft.com/ for more information (doc & examples). + * Description: CSS Grid framework for Huwise pages (and more). Go to http://codelibrary.huwise.com/ for more information (doc & examples). */ [class^=grid]{display:grid;grid-gap:1rem}.grid-auto,.grid-auto-flow,.grid-cols-auto-flow{grid-auto-flow:column}.grid-rows-auto-flow{grid-auto-flow:row}.grid-cols-fit,.grid-fit{grid-auto-columns:max-content}.grid-rows-fit{grid-auto-rows:max-content}.grid-2,.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4,.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5,.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-6,.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-7,.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-8,.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-9,.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-10,.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-11,.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-12,.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-none{grid-template-columns:none}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.grid-rows-none{grid-template-rows:none}[class*=":cell"],[class^=cell]{display:flex;flex-direction:column;justify-content:stretch}.cell-auto,.cell-span-auto{grid-column:auto}.cell-full,.cell-span-full{grid-column:1/-1}.cell-1,.cell-span-1{grid-column:span 1/span 1}.cell-2,.cell-span-2{grid-column:span 2/span 2}.cell-3,.cell-span-3{grid-column:span 3/span 3}.cell-4,.cell-span-4{grid-column:span 4/span 4}.cell-5,.cell-span-5{grid-column:span 5/span 5}.cell-6,.cell-span-6{grid-column:span 6/span 6}.cell-7,.cell-span-7{grid-column:span 7/span 7}.cell-8,.cell-span-8{grid-column:span 8/span 8}.cell-9,.cell-span-9{grid-column:span 9/span 9}.cell-10,.cell-span-10{grid-column:span 10/span 10}.cell-11,.cell-span-11{grid-column:span 11/span 11}.cell-12,.cell-span-12{grid-column:span 12/span 12}.cell-row-auto{grid-row:auto}.cell-row-full{grid-row:1/-1}.cell-row-1,.cell-row-span-1{grid-row:span 1/span 1}.cell-row-2,.cell-row-span-2{grid-row:span 2/span 2}.cell-row-3,.cell-row-span-3{grid-row:span 3/span 3}.cell-row-4,.cell-row-span-4{grid-row:span 4/span 4}.cell-row-5,.cell-row-span-5{grid-row:span 5/span 5}.cell-row-6,.cell-row-span-6{grid-row:span 6/span 6}.cell-col-start-1,.cell-start-1{grid-column-start:1}.cell-col-end-1,.cell-end-1{grid-column-end:1}.cell-col-start-2,.cell-start-2{grid-column-start:2}.cell-col-end-2,.cell-end-2{grid-column-end:2}.cell-col-start-3,.cell-start-3{grid-column-start:3}.cell-col-end-3,.cell-end-3{grid-column-end:3}.cell-col-start-4,.cell-start-4{grid-column-start:4}.cell-col-end-4,.cell-end-4{grid-column-end:4}.cell-col-start-5,.cell-start-5{grid-column-start:5}.cell-col-end-5,.cell-end-5{grid-column-end:5}.cell-col-start-6,.cell-start-6{grid-column-start:6}.cell-col-end-6,.cell-end-6{grid-column-end:6}.cell-col-start-7,.cell-start-7{grid-column-start:7}.cell-col-end-7,.cell-end-7{grid-column-end:7}.cell-col-start-8,.cell-start-8{grid-column-start:8}.cell-col-end-8,.cell-end-8{grid-column-end:8}.cell-col-start-9,.cell-start-9{grid-column-start:9}.cell-col-end-9,.cell-end-9{grid-column-end:9}.cell-col-start-10,.cell-start-10{grid-column-start:10}.cell-col-end-10,.cell-end-10{grid-column-end:10}.cell-col-start-11,.cell-start-11{grid-column-start:11}.cell-col-end-11,.cell-end-11{grid-column-end:11}.cell-col-start-12,.cell-start-12{grid-column-start:12}.cell-col-end-12,.cell-end-12{grid-column-end:12}.cell-col-start-13,.cell-start-13{grid-column-start:13}.cell-col-end-13,.cell-end-13{grid-column-end:13}.cell-row-start-1{grid-row-start:1}.cell-row-end-1{grid-row-end:1}.cell-row-start-2{grid-row-start:2}.cell-row-end-2{grid-row-end:2}.cell-row-start-3{grid-row-start:3}.cell-row-end-3{grid-row-end:3}.cell-row-start-4{grid-row-start:4}.cell-row-end-4{grid-row-end:4}.cell-row-start-5{grid-row-start:5}.cell-row-end-5{grid-row-end:5}.cell-row-start-6{grid-row-start:6}.cell-row-end-6{grid-row-end:6}.cell-row-start-7{grid-row-start:7}.cell-row-end-7{grid-row-end:7}.cell-order-first{order:-9999}.cell-order-last{order:9999}.cell-order-none{order:0}.cell-order-1{order:1}.cell-order-2{order:2}.cell-order-3{order:3}.cell-order-4{order:4}.cell-order-5{order:5}.cell-order-6{order:6}.cell-order-7{order:7}.cell-order-8{order:8}.cell-order-9{order:9}.cell-order-10{order:10}.cell-order-11{order:11}.cell-order-12{order:12}@media screen and (min-width:640px),print{.sm\:grid-2,.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-3,.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-4,.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-5,.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-6,.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-7,.sm\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.sm\:grid-8,.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:grid-9,.sm\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.sm\:grid-10,.sm\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.sm\:grid-11,.sm\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.sm\:grid-12,.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\:grid-cols-none{grid-template-columns:none}.sm\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.sm\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.sm\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.sm\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.sm\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.sm\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.sm\:grid-rows-none{grid-template-rows:none}.sm\:cell-auto,.sm\:cell-span-auto{grid-column:auto}.sm\:cell-full,.sm\:cell-span-full{grid-column:1/-1}.sm\:cell-1,.sm\:cell-span-1{grid-column:span 1/span 1}.sm\:cell-2,.sm\:cell-span-2{grid-column:span 2/span 2}.sm\:cell-3,.sm\:cell-span-3{grid-column:span 3/span 3}.sm\:cell-4,.sm\:cell-span-4{grid-column:span 4/span 4}.sm\:cell-5,.sm\:cell-span-5{grid-column:span 5/span 5}.sm\:cell-6,.sm\:cell-span-6{grid-column:span 6/span 6}.sm\:cell-7,.sm\:cell-span-7{grid-column:span 7/span 7}.sm\:cell-8,.sm\:cell-span-8{grid-column:span 8/span 8}.sm\:cell-9,.sm\:cell-span-9{grid-column:span 9/span 9}.sm\:cell-10,.sm\:cell-span-10{grid-column:span 10/span 10}.sm\:cell-11,.sm\:cell-span-11{grid-column:span 11/span 11}.sm\:cell-12,.sm\:cell-span-12{grid-column:span 12/span 12}.sm\:cell-row-auto{grid-row:auto}.sm\:cell-row-full{grid-row:1/-1}.sm\:cell-row-1,.sm\:cell-row-span-1{grid-row:span 1/span 1}.sm\:cell-row-2,.sm\:cell-row-span-2{grid-row:span 2/span 2}.sm\:cell-row-3,.sm\:cell-row-span-3{grid-row:span 3/span 3}.sm\:cell-row-4,.sm\:cell-row-span-4{grid-row:span 4/span 4}.sm\:cell-row-5,.sm\:cell-row-span-5{grid-row:span 5/span 5}.sm\:cell-row-6,.sm\:cell-row-span-6{grid-row:span 6/span 6}.sm\:cell-col-start-1,.sm\:cell-start-1{grid-column-start:1}.sm\:cell-col-end-1,.sm\:cell-end-1{grid-column-end:1}.sm\:cell-col-start-2,.sm\:cell-start-2{grid-column-start:2}.sm\:cell-col-end-2,.sm\:cell-end-2{grid-column-end:2}.sm\:cell-col-start-3,.sm\:cell-start-3{grid-column-start:3}.sm\:cell-col-end-3,.sm\:cell-end-3{grid-column-end:3}.sm\:cell-col-start-4,.sm\:cell-start-4{grid-column-start:4}.sm\:cell-col-end-4,.sm\:cell-end-4{grid-column-end:4}.sm\:cell-col-start-5,.sm\:cell-start-5{grid-column-start:5}.sm\:cell-col-end-5,.sm\:cell-end-5{grid-column-end:5}.sm\:cell-col-start-6,.sm\:cell-start-6{grid-column-start:6}.sm\:cell-col-end-6,.sm\:cell-end-6{grid-column-end:6}.sm\:cell-col-start-7,.sm\:cell-start-7{grid-column-start:7}.sm\:cell-col-end-7,.sm\:cell-end-7{grid-column-end:7}.sm\:cell-col-start-8,.sm\:cell-start-8{grid-column-start:8}.sm\:cell-col-end-8,.sm\:cell-end-8{grid-column-end:8}.sm\:cell-col-start-9,.sm\:cell-start-9{grid-column-start:9}.sm\:cell-col-end-9,.sm\:cell-end-9{grid-column-end:9}.sm\:cell-col-start-10,.sm\:cell-start-10{grid-column-start:10}.sm\:cell-col-end-10,.sm\:cell-end-10{grid-column-end:10}.sm\:cell-col-start-11,.sm\:cell-start-11{grid-column-start:11}.sm\:cell-col-end-11,.sm\:cell-end-11{grid-column-end:11}.sm\:cell-col-start-12,.sm\:cell-start-12{grid-column-start:12}.sm\:cell-col-end-12,.sm\:cell-end-12{grid-column-end:12}.sm\:cell-col-start-13,.sm\:cell-start-13{grid-column-start:13}.sm\:cell-col-end-13,.sm\:cell-end-13{grid-column-end:13}.sm\:cell-row-start-1{grid-row-start:1}.sm\:cell-row-end-1{grid-row-end:1}.sm\:cell-row-start-2{grid-row-start:2}.sm\:cell-row-end-2{grid-row-end:2}.sm\:cell-row-start-3{grid-row-start:3}.sm\:cell-row-end-3{grid-row-end:3}.sm\:cell-row-start-4{grid-row-start:4}.sm\:cell-row-end-4{grid-row-end:4}.sm\:cell-row-start-5{grid-row-start:5}.sm\:cell-row-end-5{grid-row-end:5}.sm\:cell-row-start-6{grid-row-start:6}.sm\:cell-row-end-6{grid-row-end:6}.sm\:cell-row-start-7{grid-row-start:7}.sm\:cell-row-end-7{grid-row-end:7}.sm\:cell-order-first{order:-9999}.sm\:cell-order-last{order:9999}.sm\:cell-order-none{order:0}.sm\:cell-order-1{order:1}.sm\:cell-order-2{order:2}.sm\:cell-order-3{order:3}.sm\:cell-order-4{order:4}.sm\:cell-order-5{order:5}.sm\:cell-order-6{order:6}.sm\:cell-order-7{order:7}.sm\:cell-order-8{order:8}.sm\:cell-order-9{order:9}.sm\:cell-order-10{order:10}.sm\:cell-order-11{order:11}.sm\:cell-order-12{order:12}}@media screen and (min-width:768px),print{.md\:grid-2,.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-3,.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-4,.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-5,.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-6,.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-7,.md\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\:grid-8,.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:grid-9,.md\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.md\:grid-10,.md\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\:grid-11,.md\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.md\:grid-12,.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-none{grid-template-columns:none}.md\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.md\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.md\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.md\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.md\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.md\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.md\:grid-rows-none{grid-template-rows:none}.md\:cell-auto,.md\:cell-span-auto{grid-column:auto}.md\:cell-full,.md\:cell-span-full{grid-column:1/-1}.md\:cell-1,.md\:cell-span-1{grid-column:span 1/span 1}.md\:cell-2,.md\:cell-span-2{grid-column:span 2/span 2}.md\:cell-3,.md\:cell-span-3{grid-column:span 3/span 3}.md\:cell-4,.md\:cell-span-4{grid-column:span 4/span 4}.md\:cell-5,.md\:cell-span-5{grid-column:span 5/span 5}.md\:cell-6,.md\:cell-span-6{grid-column:span 6/span 6}.md\:cell-7,.md\:cell-span-7{grid-column:span 7/span 7}.md\:cell-8,.md\:cell-span-8{grid-column:span 8/span 8}.md\:cell-9,.md\:cell-span-9{grid-column:span 9/span 9}.md\:cell-10,.md\:cell-span-10{grid-column:span 10/span 10}.md\:cell-11,.md\:cell-span-11{grid-column:span 11/span 11}.md\:cell-12,.md\:cell-span-12{grid-column:span 12/span 12}.md\:cell-row-auto{grid-row:auto}.md\:cell-row-full{grid-row:1/-1}.md\:cell-row-1,.md\:cell-row-span-1{grid-row:span 1/span 1}.md\:cell-row-2,.md\:cell-row-span-2{grid-row:span 2/span 2}.md\:cell-row-3,.md\:cell-row-span-3{grid-row:span 3/span 3}.md\:cell-row-4,.md\:cell-row-span-4{grid-row:span 4/span 4}.md\:cell-row-5,.md\:cell-row-span-5{grid-row:span 5/span 5}.md\:cell-row-6,.md\:cell-row-span-6{grid-row:span 6/span 6}.md\:cell-col-start-1,.md\:cell-start-1{grid-column-start:1}.md\:cell-col-end-1,.md\:cell-end-1{grid-column-end:1}.md\:cell-col-start-2,.md\:cell-start-2{grid-column-start:2}.md\:cell-col-end-2,.md\:cell-end-2{grid-column-end:2}.md\:cell-col-start-3,.md\:cell-start-3{grid-column-start:3}.md\:cell-col-end-3,.md\:cell-end-3{grid-column-end:3}.md\:cell-col-start-4,.md\:cell-start-4{grid-column-start:4}.md\:cell-col-end-4,.md\:cell-end-4{grid-column-end:4}.md\:cell-col-start-5,.md\:cell-start-5{grid-column-start:5}.md\:cell-col-end-5,.md\:cell-end-5{grid-column-end:5}.md\:cell-col-start-6,.md\:cell-start-6{grid-column-start:6}.md\:cell-col-end-6,.md\:cell-end-6{grid-column-end:6}.md\:cell-col-start-7,.md\:cell-start-7{grid-column-start:7}.md\:cell-col-end-7,.md\:cell-end-7{grid-column-end:7}.md\:cell-col-start-8,.md\:cell-start-8{grid-column-start:8}.md\:cell-col-end-8,.md\:cell-end-8{grid-column-end:8}.md\:cell-col-start-9,.md\:cell-start-9{grid-column-start:9}.md\:cell-col-end-9,.md\:cell-end-9{grid-column-end:9}.md\:cell-col-start-10,.md\:cell-start-10{grid-column-start:10}.md\:cell-col-end-10,.md\:cell-end-10{grid-column-end:10}.md\:cell-col-start-11,.md\:cell-start-11{grid-column-start:11}.md\:cell-col-end-11,.md\:cell-end-11{grid-column-end:11}.md\:cell-col-start-12,.md\:cell-start-12{grid-column-start:12}.md\:cell-col-end-12,.md\:cell-end-12{grid-column-end:12}.md\:cell-col-start-13,.md\:cell-start-13{grid-column-start:13}.md\:cell-col-end-13,.md\:cell-end-13{grid-column-end:13}.md\:cell-row-start-1{grid-row-start:1}.md\:cell-row-end-1{grid-row-end:1}.md\:cell-row-start-2{grid-row-start:2}.md\:cell-row-end-2{grid-row-end:2}.md\:cell-row-start-3{grid-row-start:3}.md\:cell-row-end-3{grid-row-end:3}.md\:cell-row-start-4{grid-row-start:4}.md\:cell-row-end-4{grid-row-end:4}.md\:cell-row-start-5{grid-row-start:5}.md\:cell-row-end-5{grid-row-end:5}.md\:cell-row-start-6{grid-row-start:6}.md\:cell-row-end-6{grid-row-end:6}.md\:cell-row-start-7{grid-row-start:7}.md\:cell-row-end-7{grid-row-end:7}.md\:cell-order-first{order:-9999}.md\:cell-order-last{order:9999}.md\:cell-order-none{order:0}.md\:cell-order-1{order:1}.md\:cell-order-2{order:2}.md\:cell-order-3{order:3}.md\:cell-order-4{order:4}.md\:cell-order-5{order:5}.md\:cell-order-6{order:6}.md\:cell-order-7{order:7}.md\:cell-order-8{order:8}.md\:cell-order-9{order:9}.md\:cell-order-10{order:10}.md\:cell-order-11{order:11}.md\:cell-order-12{order:12}}@media screen and (min-width:1024px),print{.lg\:grid-2,.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-3,.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-4,.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-5,.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-6,.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-7,.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-8,.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:grid-9,.lg\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.lg\:grid-10,.lg\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:grid-11,.lg\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lg\:grid-12,.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-none{grid-template-columns:none}.lg\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.lg\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.lg\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.lg\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.lg\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.lg\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.lg\:grid-rows-none{grid-template-rows:none}.lg\:cell-auto,.lg\:cell-span-auto{grid-column:auto}.lg\:cell-full,.lg\:cell-span-full{grid-column:1/-1}.lg\:cell-1,.lg\:cell-span-1{grid-column:span 1/span 1}.lg\:cell-2,.lg\:cell-span-2{grid-column:span 2/span 2}.lg\:cell-3,.lg\:cell-span-3{grid-column:span 3/span 3}.lg\:cell-4,.lg\:cell-span-4{grid-column:span 4/span 4}.lg\:cell-5,.lg\:cell-span-5{grid-column:span 5/span 5}.lg\:cell-6,.lg\:cell-span-6{grid-column:span 6/span 6}.lg\:cell-7,.lg\:cell-span-7{grid-column:span 7/span 7}.lg\:cell-8,.lg\:cell-span-8{grid-column:span 8/span 8}.lg\:cell-9,.lg\:cell-span-9{grid-column:span 9/span 9}.lg\:cell-10,.lg\:cell-span-10{grid-column:span 10/span 10}.lg\:cell-11,.lg\:cell-span-11{grid-column:span 11/span 11}.lg\:cell-12,.lg\:cell-span-12{grid-column:span 12/span 12}.lg\:cell-row-auto{grid-row:auto}.lg\:cell-row-full{grid-row:1/-1}.lg\:cell-row-1,.lg\:cell-row-span-1{grid-row:span 1/span 1}.lg\:cell-row-2,.lg\:cell-row-span-2{grid-row:span 2/span 2}.lg\:cell-row-3,.lg\:cell-row-span-3{grid-row:span 3/span 3}.lg\:cell-row-4,.lg\:cell-row-span-4{grid-row:span 4/span 4}.lg\:cell-row-5,.lg\:cell-row-span-5{grid-row:span 5/span 5}.lg\:cell-row-6,.lg\:cell-row-span-6{grid-row:span 6/span 6}.lg\:cell-col-start-1,.lg\:cell-start-1{grid-column-start:1}.lg\:cell-col-end-1,.lg\:cell-end-1{grid-column-end:1}.lg\:cell-col-start-2,.lg\:cell-start-2{grid-column-start:2}.lg\:cell-col-end-2,.lg\:cell-end-2{grid-column-end:2}.lg\:cell-col-start-3,.lg\:cell-start-3{grid-column-start:3}.lg\:cell-col-end-3,.lg\:cell-end-3{grid-column-end:3}.lg\:cell-col-start-4,.lg\:cell-start-4{grid-column-start:4}.lg\:cell-col-end-4,.lg\:cell-end-4{grid-column-end:4}.lg\:cell-col-start-5,.lg\:cell-start-5{grid-column-start:5}.lg\:cell-col-end-5,.lg\:cell-end-5{grid-column-end:5}.lg\:cell-col-start-6,.lg\:cell-start-6{grid-column-start:6}.lg\:cell-col-end-6,.lg\:cell-end-6{grid-column-end:6}.lg\:cell-col-start-7,.lg\:cell-start-7{grid-column-start:7}.lg\:cell-col-end-7,.lg\:cell-end-7{grid-column-end:7}.lg\:cell-col-start-8,.lg\:cell-start-8{grid-column-start:8}.lg\:cell-col-end-8,.lg\:cell-end-8{grid-column-end:8}.lg\:cell-col-start-9,.lg\:cell-start-9{grid-column-start:9}.lg\:cell-col-end-9,.lg\:cell-end-9{grid-column-end:9}.lg\:cell-col-start-10,.lg\:cell-start-10{grid-column-start:10}.lg\:cell-col-end-10,.lg\:cell-end-10{grid-column-end:10}.lg\:cell-col-start-11,.lg\:cell-start-11{grid-column-start:11}.lg\:cell-col-end-11,.lg\:cell-end-11{grid-column-end:11}.lg\:cell-col-start-12,.lg\:cell-start-12{grid-column-start:12}.lg\:cell-col-end-12,.lg\:cell-end-12{grid-column-end:12}.lg\:cell-col-start-13,.lg\:cell-start-13{grid-column-start:13}.lg\:cell-col-end-13,.lg\:cell-end-13{grid-column-end:13}.lg\:cell-row-start-1{grid-row-start:1}.lg\:cell-row-end-1{grid-row-end:1}.lg\:cell-row-start-2{grid-row-start:2}.lg\:cell-row-end-2{grid-row-end:2}.lg\:cell-row-start-3{grid-row-start:3}.lg\:cell-row-end-3{grid-row-end:3}.lg\:cell-row-start-4{grid-row-start:4}.lg\:cell-row-end-4{grid-row-end:4}.lg\:cell-row-start-5{grid-row-start:5}.lg\:cell-row-end-5{grid-row-end:5}.lg\:cell-row-start-6{grid-row-start:6}.lg\:cell-row-end-6{grid-row-end:6}.lg\:cell-row-start-7{grid-row-start:7}.lg\:cell-row-end-7{grid-row-end:7}.lg\:cell-order-first{order:-9999}.lg\:cell-order-last{order:9999}.lg\:cell-order-none{order:0}.lg\:cell-order-1{order:1}.lg\:cell-order-2{order:2}.lg\:cell-order-3{order:3}.lg\:cell-order-4{order:4}.lg\:cell-order-5{order:5}.lg\:cell-order-6{order:6}.lg\:cell-order-7{order:7}.lg\:cell-order-8{order:8}.lg\:cell-order-9{order:9}.lg\:cell-order-10{order:10}.lg\:cell-order-11{order:11}.lg\:cell-order-12{order:12}}.gap-px{gap:1px}.gap-x-px{column-gap:1px}.gap-y-px{row-gap:1px}.gap-0,.gap-0 [class^=grid]{gap:0}.gap-x-0,.gap-x-0 [class^=grid]{column-gap:0}.gap-y-0,.gap-y-0 [class^=grid]{row-gap:0}.gap-1,.gap-1 [class^=grid]{gap:.25rem}.gap-x-1,.gap-x-1 [class^=grid]{column-gap:.25rem}.gap-y-1,.gap-y-1 [class^=grid]{row-gap:.25rem}.gap-2,.gap-2 [class^=grid]{gap:.5rem}.gap-x-2,.gap-x-2 [class^=grid]{column-gap:.5rem}.gap-y-2,.gap-y-2 [class^=grid]{row-gap:.5rem}.gap-3,.gap-3 [class^=grid]{gap:.75rem}.gap-x-3,.gap-x-3 [class^=grid]{column-gap:.75rem}.gap-y-3,.gap-y-3 [class^=grid]{row-gap:.75rem}.gap-4,.gap-4 [class^=grid]{gap:1rem}.gap-x-4,.gap-x-4 [class^=grid]{column-gap:1rem}.gap-y-4,.gap-y-4 [class^=grid]{row-gap:1rem}.gap-5,.gap-5 [class^=grid]{gap:1.25rem}.gap-x-5,.gap-x-5 [class^=grid]{column-gap:1.25rem}.gap-y-5,.gap-y-5 [class^=grid]{row-gap:1.25rem}.gap-6,.gap-6 [class^=grid]{gap:1.5rem}.gap-x-6,.gap-x-6 [class^=grid]{column-gap:1.5rem}.gap-y-6,.gap-y-6 [class^=grid]{row-gap:1.5rem}.gap-7,.gap-7 [class^=grid]{gap:1.75rem}.gap-x-7,.gap-x-7 [class^=grid]{column-gap:1.75rem}.gap-y-7,.gap-y-7 [class^=grid]{row-gap:1.75rem}.gap-8,.gap-8 [class^=grid]{gap:2rem}.gap-x-8,.gap-x-8 [class^=grid]{column-gap:2rem}.gap-y-8,.gap-y-8 [class^=grid]{row-gap:2rem}.gap-9,.gap-9 [class^=grid]{gap:2.25rem}.gap-x-9,.gap-x-9 [class^=grid]{column-gap:2.25rem}.gap-y-9,.gap-y-9 [class^=grid]{row-gap:2.25rem}.gap-10,.gap-10 [class^=grid]{gap:2.5rem}.gap-x-10,.gap-x-10 [class^=grid]{column-gap:2.5rem}.gap-y-10,.gap-y-10 [class^=grid]{row-gap:2.5rem} diff --git a/public/page-templates/css-grid-framework/1-grid/css.inc b/public/page-templates/css-grid-framework/1-grid/css.inc index 8ebff36dd..f6e1a56ad 100644 --- a/public/page-templates/css-grid-framework/1-grid/css.inc +++ b/public/page-templates/css-grid-framework/1-grid/css.inc @@ -1,9 +1,9 @@ /** * License: MIT License * Generated on 25 May 2021 - * Author: Fpassaniti for Opendatasoft + * Author: Fpassaniti for Huwise * Version: 0.1 - * Description: CSS Grid framework for Opendatasoft pages (and more). Go to http://codelibrary.opendatasoft.com/ for more information (doc & examples). + * Description: CSS Grid framework for Huwise pages (and more). Go to http://codelibrary.huwise.com/ for more information (doc & examples). */ [class^=grid]{display:grid;grid-gap:1rem}.grid-auto,.grid-auto-flow,.grid-cols-auto-flow{grid-auto-flow:column}.grid-rows-auto-flow{grid-auto-flow:row}.grid-cols-fit,.grid-fit{grid-auto-columns:max-content}.grid-rows-fit{grid-auto-rows:max-content}.grid-2,.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4,.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5,.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-6,.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-7,.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-8,.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-9,.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-10,.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-11,.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-12,.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-none{grid-template-columns:none}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.grid-rows-none{grid-template-rows:none}[class*=":cell"],[class^=cell]{display:flex;flex-direction:column;justify-content:stretch}.cell-auto,.cell-span-auto{grid-column:auto}.cell-full,.cell-span-full{grid-column:1/-1}.cell-1,.cell-span-1{grid-column:span 1/span 1}.cell-2,.cell-span-2{grid-column:span 2/span 2}.cell-3,.cell-span-3{grid-column:span 3/span 3}.cell-4,.cell-span-4{grid-column:span 4/span 4}.cell-5,.cell-span-5{grid-column:span 5/span 5}.cell-6,.cell-span-6{grid-column:span 6/span 6}.cell-7,.cell-span-7{grid-column:span 7/span 7}.cell-8,.cell-span-8{grid-column:span 8/span 8}.cell-9,.cell-span-9{grid-column:span 9/span 9}.cell-10,.cell-span-10{grid-column:span 10/span 10}.cell-11,.cell-span-11{grid-column:span 11/span 11}.cell-12,.cell-span-12{grid-column:span 12/span 12}.cell-row-auto{grid-row:auto}.cell-row-full{grid-row:1/-1}.cell-row-1,.cell-row-span-1{grid-row:span 1/span 1}.cell-row-2,.cell-row-span-2{grid-row:span 2/span 2}.cell-row-3,.cell-row-span-3{grid-row:span 3/span 3}.cell-row-4,.cell-row-span-4{grid-row:span 4/span 4}.cell-row-5,.cell-row-span-5{grid-row:span 5/span 5}.cell-row-6,.cell-row-span-6{grid-row:span 6/span 6}.cell-col-start-1,.cell-start-1{grid-column-start:1}.cell-col-end-1,.cell-end-1{grid-column-end:1}.cell-col-start-2,.cell-start-2{grid-column-start:2}.cell-col-end-2,.cell-end-2{grid-column-end:2}.cell-col-start-3,.cell-start-3{grid-column-start:3}.cell-col-end-3,.cell-end-3{grid-column-end:3}.cell-col-start-4,.cell-start-4{grid-column-start:4}.cell-col-end-4,.cell-end-4{grid-column-end:4}.cell-col-start-5,.cell-start-5{grid-column-start:5}.cell-col-end-5,.cell-end-5{grid-column-end:5}.cell-col-start-6,.cell-start-6{grid-column-start:6}.cell-col-end-6,.cell-end-6{grid-column-end:6}.cell-col-start-7,.cell-start-7{grid-column-start:7}.cell-col-end-7,.cell-end-7{grid-column-end:7}.cell-col-start-8,.cell-start-8{grid-column-start:8}.cell-col-end-8,.cell-end-8{grid-column-end:8}.cell-col-start-9,.cell-start-9{grid-column-start:9}.cell-col-end-9,.cell-end-9{grid-column-end:9}.cell-col-start-10,.cell-start-10{grid-column-start:10}.cell-col-end-10,.cell-end-10{grid-column-end:10}.cell-col-start-11,.cell-start-11{grid-column-start:11}.cell-col-end-11,.cell-end-11{grid-column-end:11}.cell-col-start-12,.cell-start-12{grid-column-start:12}.cell-col-end-12,.cell-end-12{grid-column-end:12}.cell-col-start-13,.cell-start-13{grid-column-start:13}.cell-col-end-13,.cell-end-13{grid-column-end:13}.cell-row-start-1{grid-row-start:1}.cell-row-end-1{grid-row-end:1}.cell-row-start-2{grid-row-start:2}.cell-row-end-2{grid-row-end:2}.cell-row-start-3{grid-row-start:3}.cell-row-end-3{grid-row-end:3}.cell-row-start-4{grid-row-start:4}.cell-row-end-4{grid-row-end:4}.cell-row-start-5{grid-row-start:5}.cell-row-end-5{grid-row-end:5}.cell-row-start-6{grid-row-start:6}.cell-row-end-6{grid-row-end:6}.cell-row-start-7{grid-row-start:7}.cell-row-end-7{grid-row-end:7}.cell-order-first{order:-9999}.cell-order-last{order:9999}.cell-order-none{order:0}.cell-order-1{order:1}.cell-order-2{order:2}.cell-order-3{order:3}.cell-order-4{order:4}.cell-order-5{order:5}.cell-order-6{order:6}.cell-order-7{order:7}.cell-order-8{order:8}.cell-order-9{order:9}.cell-order-10{order:10}.cell-order-11{order:11}.cell-order-12{order:12}@media screen and (min-width:640px),print{.sm\:grid-2,.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-3,.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-4,.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-5,.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-6,.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-7,.sm\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.sm\:grid-8,.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:grid-9,.sm\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.sm\:grid-10,.sm\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.sm\:grid-11,.sm\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.sm\:grid-12,.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\:grid-cols-none{grid-template-columns:none}.sm\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.sm\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.sm\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.sm\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.sm\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.sm\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.sm\:grid-rows-none{grid-template-rows:none}.sm\:cell-auto,.sm\:cell-span-auto{grid-column:auto}.sm\:cell-full,.sm\:cell-span-full{grid-column:1/-1}.sm\:cell-1,.sm\:cell-span-1{grid-column:span 1/span 1}.sm\:cell-2,.sm\:cell-span-2{grid-column:span 2/span 2}.sm\:cell-3,.sm\:cell-span-3{grid-column:span 3/span 3}.sm\:cell-4,.sm\:cell-span-4{grid-column:span 4/span 4}.sm\:cell-5,.sm\:cell-span-5{grid-column:span 5/span 5}.sm\:cell-6,.sm\:cell-span-6{grid-column:span 6/span 6}.sm\:cell-7,.sm\:cell-span-7{grid-column:span 7/span 7}.sm\:cell-8,.sm\:cell-span-8{grid-column:span 8/span 8}.sm\:cell-9,.sm\:cell-span-9{grid-column:span 9/span 9}.sm\:cell-10,.sm\:cell-span-10{grid-column:span 10/span 10}.sm\:cell-11,.sm\:cell-span-11{grid-column:span 11/span 11}.sm\:cell-12,.sm\:cell-span-12{grid-column:span 12/span 12}.sm\:cell-row-auto{grid-row:auto}.sm\:cell-row-full{grid-row:1/-1}.sm\:cell-row-1,.sm\:cell-row-span-1{grid-row:span 1/span 1}.sm\:cell-row-2,.sm\:cell-row-span-2{grid-row:span 2/span 2}.sm\:cell-row-3,.sm\:cell-row-span-3{grid-row:span 3/span 3}.sm\:cell-row-4,.sm\:cell-row-span-4{grid-row:span 4/span 4}.sm\:cell-row-5,.sm\:cell-row-span-5{grid-row:span 5/span 5}.sm\:cell-row-6,.sm\:cell-row-span-6{grid-row:span 6/span 6}.sm\:cell-col-start-1,.sm\:cell-start-1{grid-column-start:1}.sm\:cell-col-end-1,.sm\:cell-end-1{grid-column-end:1}.sm\:cell-col-start-2,.sm\:cell-start-2{grid-column-start:2}.sm\:cell-col-end-2,.sm\:cell-end-2{grid-column-end:2}.sm\:cell-col-start-3,.sm\:cell-start-3{grid-column-start:3}.sm\:cell-col-end-3,.sm\:cell-end-3{grid-column-end:3}.sm\:cell-col-start-4,.sm\:cell-start-4{grid-column-start:4}.sm\:cell-col-end-4,.sm\:cell-end-4{grid-column-end:4}.sm\:cell-col-start-5,.sm\:cell-start-5{grid-column-start:5}.sm\:cell-col-end-5,.sm\:cell-end-5{grid-column-end:5}.sm\:cell-col-start-6,.sm\:cell-start-6{grid-column-start:6}.sm\:cell-col-end-6,.sm\:cell-end-6{grid-column-end:6}.sm\:cell-col-start-7,.sm\:cell-start-7{grid-column-start:7}.sm\:cell-col-end-7,.sm\:cell-end-7{grid-column-end:7}.sm\:cell-col-start-8,.sm\:cell-start-8{grid-column-start:8}.sm\:cell-col-end-8,.sm\:cell-end-8{grid-column-end:8}.sm\:cell-col-start-9,.sm\:cell-start-9{grid-column-start:9}.sm\:cell-col-end-9,.sm\:cell-end-9{grid-column-end:9}.sm\:cell-col-start-10,.sm\:cell-start-10{grid-column-start:10}.sm\:cell-col-end-10,.sm\:cell-end-10{grid-column-end:10}.sm\:cell-col-start-11,.sm\:cell-start-11{grid-column-start:11}.sm\:cell-col-end-11,.sm\:cell-end-11{grid-column-end:11}.sm\:cell-col-start-12,.sm\:cell-start-12{grid-column-start:12}.sm\:cell-col-end-12,.sm\:cell-end-12{grid-column-end:12}.sm\:cell-col-start-13,.sm\:cell-start-13{grid-column-start:13}.sm\:cell-col-end-13,.sm\:cell-end-13{grid-column-end:13}.sm\:cell-row-start-1{grid-row-start:1}.sm\:cell-row-end-1{grid-row-end:1}.sm\:cell-row-start-2{grid-row-start:2}.sm\:cell-row-end-2{grid-row-end:2}.sm\:cell-row-start-3{grid-row-start:3}.sm\:cell-row-end-3{grid-row-end:3}.sm\:cell-row-start-4{grid-row-start:4}.sm\:cell-row-end-4{grid-row-end:4}.sm\:cell-row-start-5{grid-row-start:5}.sm\:cell-row-end-5{grid-row-end:5}.sm\:cell-row-start-6{grid-row-start:6}.sm\:cell-row-end-6{grid-row-end:6}.sm\:cell-row-start-7{grid-row-start:7}.sm\:cell-row-end-7{grid-row-end:7}.sm\:cell-order-first{order:-9999}.sm\:cell-order-last{order:9999}.sm\:cell-order-none{order:0}.sm\:cell-order-1{order:1}.sm\:cell-order-2{order:2}.sm\:cell-order-3{order:3}.sm\:cell-order-4{order:4}.sm\:cell-order-5{order:5}.sm\:cell-order-6{order:6}.sm\:cell-order-7{order:7}.sm\:cell-order-8{order:8}.sm\:cell-order-9{order:9}.sm\:cell-order-10{order:10}.sm\:cell-order-11{order:11}.sm\:cell-order-12{order:12}}@media screen and (min-width:768px),print{.md\:grid-2,.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-3,.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-4,.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-5,.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-6,.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-7,.md\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\:grid-8,.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:grid-9,.md\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.md\:grid-10,.md\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\:grid-11,.md\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.md\:grid-12,.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-none{grid-template-columns:none}.md\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.md\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.md\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.md\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.md\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.md\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.md\:grid-rows-none{grid-template-rows:none}.md\:cell-auto,.md\:cell-span-auto{grid-column:auto}.md\:cell-full,.md\:cell-span-full{grid-column:1/-1}.md\:cell-1,.md\:cell-span-1{grid-column:span 1/span 1}.md\:cell-2,.md\:cell-span-2{grid-column:span 2/span 2}.md\:cell-3,.md\:cell-span-3{grid-column:span 3/span 3}.md\:cell-4,.md\:cell-span-4{grid-column:span 4/span 4}.md\:cell-5,.md\:cell-span-5{grid-column:span 5/span 5}.md\:cell-6,.md\:cell-span-6{grid-column:span 6/span 6}.md\:cell-7,.md\:cell-span-7{grid-column:span 7/span 7}.md\:cell-8,.md\:cell-span-8{grid-column:span 8/span 8}.md\:cell-9,.md\:cell-span-9{grid-column:span 9/span 9}.md\:cell-10,.md\:cell-span-10{grid-column:span 10/span 10}.md\:cell-11,.md\:cell-span-11{grid-column:span 11/span 11}.md\:cell-12,.md\:cell-span-12{grid-column:span 12/span 12}.md\:cell-row-auto{grid-row:auto}.md\:cell-row-full{grid-row:1/-1}.md\:cell-row-1,.md\:cell-row-span-1{grid-row:span 1/span 1}.md\:cell-row-2,.md\:cell-row-span-2{grid-row:span 2/span 2}.md\:cell-row-3,.md\:cell-row-span-3{grid-row:span 3/span 3}.md\:cell-row-4,.md\:cell-row-span-4{grid-row:span 4/span 4}.md\:cell-row-5,.md\:cell-row-span-5{grid-row:span 5/span 5}.md\:cell-row-6,.md\:cell-row-span-6{grid-row:span 6/span 6}.md\:cell-col-start-1,.md\:cell-start-1{grid-column-start:1}.md\:cell-col-end-1,.md\:cell-end-1{grid-column-end:1}.md\:cell-col-start-2,.md\:cell-start-2{grid-column-start:2}.md\:cell-col-end-2,.md\:cell-end-2{grid-column-end:2}.md\:cell-col-start-3,.md\:cell-start-3{grid-column-start:3}.md\:cell-col-end-3,.md\:cell-end-3{grid-column-end:3}.md\:cell-col-start-4,.md\:cell-start-4{grid-column-start:4}.md\:cell-col-end-4,.md\:cell-end-4{grid-column-end:4}.md\:cell-col-start-5,.md\:cell-start-5{grid-column-start:5}.md\:cell-col-end-5,.md\:cell-end-5{grid-column-end:5}.md\:cell-col-start-6,.md\:cell-start-6{grid-column-start:6}.md\:cell-col-end-6,.md\:cell-end-6{grid-column-end:6}.md\:cell-col-start-7,.md\:cell-start-7{grid-column-start:7}.md\:cell-col-end-7,.md\:cell-end-7{grid-column-end:7}.md\:cell-col-start-8,.md\:cell-start-8{grid-column-start:8}.md\:cell-col-end-8,.md\:cell-end-8{grid-column-end:8}.md\:cell-col-start-9,.md\:cell-start-9{grid-column-start:9}.md\:cell-col-end-9,.md\:cell-end-9{grid-column-end:9}.md\:cell-col-start-10,.md\:cell-start-10{grid-column-start:10}.md\:cell-col-end-10,.md\:cell-end-10{grid-column-end:10}.md\:cell-col-start-11,.md\:cell-start-11{grid-column-start:11}.md\:cell-col-end-11,.md\:cell-end-11{grid-column-end:11}.md\:cell-col-start-12,.md\:cell-start-12{grid-column-start:12}.md\:cell-col-end-12,.md\:cell-end-12{grid-column-end:12}.md\:cell-col-start-13,.md\:cell-start-13{grid-column-start:13}.md\:cell-col-end-13,.md\:cell-end-13{grid-column-end:13}.md\:cell-row-start-1{grid-row-start:1}.md\:cell-row-end-1{grid-row-end:1}.md\:cell-row-start-2{grid-row-start:2}.md\:cell-row-end-2{grid-row-end:2}.md\:cell-row-start-3{grid-row-start:3}.md\:cell-row-end-3{grid-row-end:3}.md\:cell-row-start-4{grid-row-start:4}.md\:cell-row-end-4{grid-row-end:4}.md\:cell-row-start-5{grid-row-start:5}.md\:cell-row-end-5{grid-row-end:5}.md\:cell-row-start-6{grid-row-start:6}.md\:cell-row-end-6{grid-row-end:6}.md\:cell-row-start-7{grid-row-start:7}.md\:cell-row-end-7{grid-row-end:7}.md\:cell-order-first{order:-9999}.md\:cell-order-last{order:9999}.md\:cell-order-none{order:0}.md\:cell-order-1{order:1}.md\:cell-order-2{order:2}.md\:cell-order-3{order:3}.md\:cell-order-4{order:4}.md\:cell-order-5{order:5}.md\:cell-order-6{order:6}.md\:cell-order-7{order:7}.md\:cell-order-8{order:8}.md\:cell-order-9{order:9}.md\:cell-order-10{order:10}.md\:cell-order-11{order:11}.md\:cell-order-12{order:12}}@media screen and (min-width:1024px),print{.lg\:grid-2,.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-3,.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-4,.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-5,.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-6,.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-7,.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-8,.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:grid-9,.lg\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.lg\:grid-10,.lg\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:grid-11,.lg\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lg\:grid-12,.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-none{grid-template-columns:none}.lg\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.lg\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.lg\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.lg\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.lg\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.lg\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.lg\:grid-rows-none{grid-template-rows:none}.lg\:cell-auto,.lg\:cell-span-auto{grid-column:auto}.lg\:cell-full,.lg\:cell-span-full{grid-column:1/-1}.lg\:cell-1,.lg\:cell-span-1{grid-column:span 1/span 1}.lg\:cell-2,.lg\:cell-span-2{grid-column:span 2/span 2}.lg\:cell-3,.lg\:cell-span-3{grid-column:span 3/span 3}.lg\:cell-4,.lg\:cell-span-4{grid-column:span 4/span 4}.lg\:cell-5,.lg\:cell-span-5{grid-column:span 5/span 5}.lg\:cell-6,.lg\:cell-span-6{grid-column:span 6/span 6}.lg\:cell-7,.lg\:cell-span-7{grid-column:span 7/span 7}.lg\:cell-8,.lg\:cell-span-8{grid-column:span 8/span 8}.lg\:cell-9,.lg\:cell-span-9{grid-column:span 9/span 9}.lg\:cell-10,.lg\:cell-span-10{grid-column:span 10/span 10}.lg\:cell-11,.lg\:cell-span-11{grid-column:span 11/span 11}.lg\:cell-12,.lg\:cell-span-12{grid-column:span 12/span 12}.lg\:cell-row-auto{grid-row:auto}.lg\:cell-row-full{grid-row:1/-1}.lg\:cell-row-1,.lg\:cell-row-span-1{grid-row:span 1/span 1}.lg\:cell-row-2,.lg\:cell-row-span-2{grid-row:span 2/span 2}.lg\:cell-row-3,.lg\:cell-row-span-3{grid-row:span 3/span 3}.lg\:cell-row-4,.lg\:cell-row-span-4{grid-row:span 4/span 4}.lg\:cell-row-5,.lg\:cell-row-span-5{grid-row:span 5/span 5}.lg\:cell-row-6,.lg\:cell-row-span-6{grid-row:span 6/span 6}.lg\:cell-col-start-1,.lg\:cell-start-1{grid-column-start:1}.lg\:cell-col-end-1,.lg\:cell-end-1{grid-column-end:1}.lg\:cell-col-start-2,.lg\:cell-start-2{grid-column-start:2}.lg\:cell-col-end-2,.lg\:cell-end-2{grid-column-end:2}.lg\:cell-col-start-3,.lg\:cell-start-3{grid-column-start:3}.lg\:cell-col-end-3,.lg\:cell-end-3{grid-column-end:3}.lg\:cell-col-start-4,.lg\:cell-start-4{grid-column-start:4}.lg\:cell-col-end-4,.lg\:cell-end-4{grid-column-end:4}.lg\:cell-col-start-5,.lg\:cell-start-5{grid-column-start:5}.lg\:cell-col-end-5,.lg\:cell-end-5{grid-column-end:5}.lg\:cell-col-start-6,.lg\:cell-start-6{grid-column-start:6}.lg\:cell-col-end-6,.lg\:cell-end-6{grid-column-end:6}.lg\:cell-col-start-7,.lg\:cell-start-7{grid-column-start:7}.lg\:cell-col-end-7,.lg\:cell-end-7{grid-column-end:7}.lg\:cell-col-start-8,.lg\:cell-start-8{grid-column-start:8}.lg\:cell-col-end-8,.lg\:cell-end-8{grid-column-end:8}.lg\:cell-col-start-9,.lg\:cell-start-9{grid-column-start:9}.lg\:cell-col-end-9,.lg\:cell-end-9{grid-column-end:9}.lg\:cell-col-start-10,.lg\:cell-start-10{grid-column-start:10}.lg\:cell-col-end-10,.lg\:cell-end-10{grid-column-end:10}.lg\:cell-col-start-11,.lg\:cell-start-11{grid-column-start:11}.lg\:cell-col-end-11,.lg\:cell-end-11{grid-column-end:11}.lg\:cell-col-start-12,.lg\:cell-start-12{grid-column-start:12}.lg\:cell-col-end-12,.lg\:cell-end-12{grid-column-end:12}.lg\:cell-col-start-13,.lg\:cell-start-13{grid-column-start:13}.lg\:cell-col-end-13,.lg\:cell-end-13{grid-column-end:13}.lg\:cell-row-start-1{grid-row-start:1}.lg\:cell-row-end-1{grid-row-end:1}.lg\:cell-row-start-2{grid-row-start:2}.lg\:cell-row-end-2{grid-row-end:2}.lg\:cell-row-start-3{grid-row-start:3}.lg\:cell-row-end-3{grid-row-end:3}.lg\:cell-row-start-4{grid-row-start:4}.lg\:cell-row-end-4{grid-row-end:4}.lg\:cell-row-start-5{grid-row-start:5}.lg\:cell-row-end-5{grid-row-end:5}.lg\:cell-row-start-6{grid-row-start:6}.lg\:cell-row-end-6{grid-row-end:6}.lg\:cell-row-start-7{grid-row-start:7}.lg\:cell-row-end-7{grid-row-end:7}.lg\:cell-order-first{order:-9999}.lg\:cell-order-last{order:9999}.lg\:cell-order-none{order:0}.lg\:cell-order-1{order:1}.lg\:cell-order-2{order:2}.lg\:cell-order-3{order:3}.lg\:cell-order-4{order:4}.lg\:cell-order-5{order:5}.lg\:cell-order-6{order:6}.lg\:cell-order-7{order:7}.lg\:cell-order-8{order:8}.lg\:cell-order-9{order:9}.lg\:cell-order-10{order:10}.lg\:cell-order-11{order:11}.lg\:cell-order-12{order:12}}.gap-px{gap:1px}.gap-x-px{column-gap:1px}.gap-y-px{row-gap:1px}.gap-0,.gap-0 [class^=grid]{gap:0}.gap-x-0,.gap-x-0 [class^=grid]{column-gap:0}.gap-y-0,.gap-y-0 [class^=grid]{row-gap:0}.gap-1,.gap-1 [class^=grid]{gap:.25rem}.gap-x-1,.gap-x-1 [class^=grid]{column-gap:.25rem}.gap-y-1,.gap-y-1 [class^=grid]{row-gap:.25rem}.gap-2,.gap-2 [class^=grid]{gap:.5rem}.gap-x-2,.gap-x-2 [class^=grid]{column-gap:.5rem}.gap-y-2,.gap-y-2 [class^=grid]{row-gap:.5rem}.gap-3,.gap-3 [class^=grid]{gap:.75rem}.gap-x-3,.gap-x-3 [class^=grid]{column-gap:.75rem}.gap-y-3,.gap-y-3 [class^=grid]{row-gap:.75rem}.gap-4,.gap-4 [class^=grid]{gap:1rem}.gap-x-4,.gap-x-4 [class^=grid]{column-gap:1rem}.gap-y-4,.gap-y-4 [class^=grid]{row-gap:1rem}.gap-5,.gap-5 [class^=grid]{gap:1.25rem}.gap-x-5,.gap-x-5 [class^=grid]{column-gap:1.25rem}.gap-y-5,.gap-y-5 [class^=grid]{row-gap:1.25rem}.gap-6,.gap-6 [class^=grid]{gap:1.5rem}.gap-x-6,.gap-x-6 [class^=grid]{column-gap:1.5rem}.gap-y-6,.gap-y-6 [class^=grid]{row-gap:1.5rem}.gap-7,.gap-7 [class^=grid]{gap:1.75rem}.gap-x-7,.gap-x-7 [class^=grid]{column-gap:1.75rem}.gap-y-7,.gap-y-7 [class^=grid]{row-gap:1.75rem}.gap-8,.gap-8 [class^=grid]{gap:2rem}.gap-x-8,.gap-x-8 [class^=grid]{column-gap:2rem}.gap-y-8,.gap-y-8 [class^=grid]{row-gap:2rem}.gap-9,.gap-9 [class^=grid]{gap:2.25rem}.gap-x-9,.gap-x-9 [class^=grid]{column-gap:2.25rem}.gap-y-9,.gap-y-9 [class^=grid]{row-gap:2.25rem}.gap-10,.gap-10 [class^=grid]{gap:2.5rem}.gap-x-10,.gap-x-10 [class^=grid]{column-gap:2.5rem}.gap-y-10,.gap-y-10 [class^=grid]{row-gap:2.5rem} diff --git a/public/page-templates/css-grid-framework/2-span-start-end/css.inc b/public/page-templates/css-grid-framework/2-span-start-end/css.inc index 8ebff36dd..f6e1a56ad 100644 --- a/public/page-templates/css-grid-framework/2-span-start-end/css.inc +++ b/public/page-templates/css-grid-framework/2-span-start-end/css.inc @@ -1,9 +1,9 @@ /** * License: MIT License * Generated on 25 May 2021 - * Author: Fpassaniti for Opendatasoft + * Author: Fpassaniti for Huwise * Version: 0.1 - * Description: CSS Grid framework for Opendatasoft pages (and more). Go to http://codelibrary.opendatasoft.com/ for more information (doc & examples). + * Description: CSS Grid framework for Huwise pages (and more). Go to http://codelibrary.huwise.com/ for more information (doc & examples). */ [class^=grid]{display:grid;grid-gap:1rem}.grid-auto,.grid-auto-flow,.grid-cols-auto-flow{grid-auto-flow:column}.grid-rows-auto-flow{grid-auto-flow:row}.grid-cols-fit,.grid-fit{grid-auto-columns:max-content}.grid-rows-fit{grid-auto-rows:max-content}.grid-2,.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4,.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5,.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-6,.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-7,.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-8,.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-9,.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-10,.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-11,.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-12,.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-none{grid-template-columns:none}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.grid-rows-none{grid-template-rows:none}[class*=":cell"],[class^=cell]{display:flex;flex-direction:column;justify-content:stretch}.cell-auto,.cell-span-auto{grid-column:auto}.cell-full,.cell-span-full{grid-column:1/-1}.cell-1,.cell-span-1{grid-column:span 1/span 1}.cell-2,.cell-span-2{grid-column:span 2/span 2}.cell-3,.cell-span-3{grid-column:span 3/span 3}.cell-4,.cell-span-4{grid-column:span 4/span 4}.cell-5,.cell-span-5{grid-column:span 5/span 5}.cell-6,.cell-span-6{grid-column:span 6/span 6}.cell-7,.cell-span-7{grid-column:span 7/span 7}.cell-8,.cell-span-8{grid-column:span 8/span 8}.cell-9,.cell-span-9{grid-column:span 9/span 9}.cell-10,.cell-span-10{grid-column:span 10/span 10}.cell-11,.cell-span-11{grid-column:span 11/span 11}.cell-12,.cell-span-12{grid-column:span 12/span 12}.cell-row-auto{grid-row:auto}.cell-row-full{grid-row:1/-1}.cell-row-1,.cell-row-span-1{grid-row:span 1/span 1}.cell-row-2,.cell-row-span-2{grid-row:span 2/span 2}.cell-row-3,.cell-row-span-3{grid-row:span 3/span 3}.cell-row-4,.cell-row-span-4{grid-row:span 4/span 4}.cell-row-5,.cell-row-span-5{grid-row:span 5/span 5}.cell-row-6,.cell-row-span-6{grid-row:span 6/span 6}.cell-col-start-1,.cell-start-1{grid-column-start:1}.cell-col-end-1,.cell-end-1{grid-column-end:1}.cell-col-start-2,.cell-start-2{grid-column-start:2}.cell-col-end-2,.cell-end-2{grid-column-end:2}.cell-col-start-3,.cell-start-3{grid-column-start:3}.cell-col-end-3,.cell-end-3{grid-column-end:3}.cell-col-start-4,.cell-start-4{grid-column-start:4}.cell-col-end-4,.cell-end-4{grid-column-end:4}.cell-col-start-5,.cell-start-5{grid-column-start:5}.cell-col-end-5,.cell-end-5{grid-column-end:5}.cell-col-start-6,.cell-start-6{grid-column-start:6}.cell-col-end-6,.cell-end-6{grid-column-end:6}.cell-col-start-7,.cell-start-7{grid-column-start:7}.cell-col-end-7,.cell-end-7{grid-column-end:7}.cell-col-start-8,.cell-start-8{grid-column-start:8}.cell-col-end-8,.cell-end-8{grid-column-end:8}.cell-col-start-9,.cell-start-9{grid-column-start:9}.cell-col-end-9,.cell-end-9{grid-column-end:9}.cell-col-start-10,.cell-start-10{grid-column-start:10}.cell-col-end-10,.cell-end-10{grid-column-end:10}.cell-col-start-11,.cell-start-11{grid-column-start:11}.cell-col-end-11,.cell-end-11{grid-column-end:11}.cell-col-start-12,.cell-start-12{grid-column-start:12}.cell-col-end-12,.cell-end-12{grid-column-end:12}.cell-col-start-13,.cell-start-13{grid-column-start:13}.cell-col-end-13,.cell-end-13{grid-column-end:13}.cell-row-start-1{grid-row-start:1}.cell-row-end-1{grid-row-end:1}.cell-row-start-2{grid-row-start:2}.cell-row-end-2{grid-row-end:2}.cell-row-start-3{grid-row-start:3}.cell-row-end-3{grid-row-end:3}.cell-row-start-4{grid-row-start:4}.cell-row-end-4{grid-row-end:4}.cell-row-start-5{grid-row-start:5}.cell-row-end-5{grid-row-end:5}.cell-row-start-6{grid-row-start:6}.cell-row-end-6{grid-row-end:6}.cell-row-start-7{grid-row-start:7}.cell-row-end-7{grid-row-end:7}.cell-order-first{order:-9999}.cell-order-last{order:9999}.cell-order-none{order:0}.cell-order-1{order:1}.cell-order-2{order:2}.cell-order-3{order:3}.cell-order-4{order:4}.cell-order-5{order:5}.cell-order-6{order:6}.cell-order-7{order:7}.cell-order-8{order:8}.cell-order-9{order:9}.cell-order-10{order:10}.cell-order-11{order:11}.cell-order-12{order:12}@media screen and (min-width:640px),print{.sm\:grid-2,.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-3,.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-4,.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-5,.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-6,.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-7,.sm\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.sm\:grid-8,.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:grid-9,.sm\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.sm\:grid-10,.sm\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.sm\:grid-11,.sm\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.sm\:grid-12,.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\:grid-cols-none{grid-template-columns:none}.sm\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.sm\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.sm\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.sm\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.sm\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.sm\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.sm\:grid-rows-none{grid-template-rows:none}.sm\:cell-auto,.sm\:cell-span-auto{grid-column:auto}.sm\:cell-full,.sm\:cell-span-full{grid-column:1/-1}.sm\:cell-1,.sm\:cell-span-1{grid-column:span 1/span 1}.sm\:cell-2,.sm\:cell-span-2{grid-column:span 2/span 2}.sm\:cell-3,.sm\:cell-span-3{grid-column:span 3/span 3}.sm\:cell-4,.sm\:cell-span-4{grid-column:span 4/span 4}.sm\:cell-5,.sm\:cell-span-5{grid-column:span 5/span 5}.sm\:cell-6,.sm\:cell-span-6{grid-column:span 6/span 6}.sm\:cell-7,.sm\:cell-span-7{grid-column:span 7/span 7}.sm\:cell-8,.sm\:cell-span-8{grid-column:span 8/span 8}.sm\:cell-9,.sm\:cell-span-9{grid-column:span 9/span 9}.sm\:cell-10,.sm\:cell-span-10{grid-column:span 10/span 10}.sm\:cell-11,.sm\:cell-span-11{grid-column:span 11/span 11}.sm\:cell-12,.sm\:cell-span-12{grid-column:span 12/span 12}.sm\:cell-row-auto{grid-row:auto}.sm\:cell-row-full{grid-row:1/-1}.sm\:cell-row-1,.sm\:cell-row-span-1{grid-row:span 1/span 1}.sm\:cell-row-2,.sm\:cell-row-span-2{grid-row:span 2/span 2}.sm\:cell-row-3,.sm\:cell-row-span-3{grid-row:span 3/span 3}.sm\:cell-row-4,.sm\:cell-row-span-4{grid-row:span 4/span 4}.sm\:cell-row-5,.sm\:cell-row-span-5{grid-row:span 5/span 5}.sm\:cell-row-6,.sm\:cell-row-span-6{grid-row:span 6/span 6}.sm\:cell-col-start-1,.sm\:cell-start-1{grid-column-start:1}.sm\:cell-col-end-1,.sm\:cell-end-1{grid-column-end:1}.sm\:cell-col-start-2,.sm\:cell-start-2{grid-column-start:2}.sm\:cell-col-end-2,.sm\:cell-end-2{grid-column-end:2}.sm\:cell-col-start-3,.sm\:cell-start-3{grid-column-start:3}.sm\:cell-col-end-3,.sm\:cell-end-3{grid-column-end:3}.sm\:cell-col-start-4,.sm\:cell-start-4{grid-column-start:4}.sm\:cell-col-end-4,.sm\:cell-end-4{grid-column-end:4}.sm\:cell-col-start-5,.sm\:cell-start-5{grid-column-start:5}.sm\:cell-col-end-5,.sm\:cell-end-5{grid-column-end:5}.sm\:cell-col-start-6,.sm\:cell-start-6{grid-column-start:6}.sm\:cell-col-end-6,.sm\:cell-end-6{grid-column-end:6}.sm\:cell-col-start-7,.sm\:cell-start-7{grid-column-start:7}.sm\:cell-col-end-7,.sm\:cell-end-7{grid-column-end:7}.sm\:cell-col-start-8,.sm\:cell-start-8{grid-column-start:8}.sm\:cell-col-end-8,.sm\:cell-end-8{grid-column-end:8}.sm\:cell-col-start-9,.sm\:cell-start-9{grid-column-start:9}.sm\:cell-col-end-9,.sm\:cell-end-9{grid-column-end:9}.sm\:cell-col-start-10,.sm\:cell-start-10{grid-column-start:10}.sm\:cell-col-end-10,.sm\:cell-end-10{grid-column-end:10}.sm\:cell-col-start-11,.sm\:cell-start-11{grid-column-start:11}.sm\:cell-col-end-11,.sm\:cell-end-11{grid-column-end:11}.sm\:cell-col-start-12,.sm\:cell-start-12{grid-column-start:12}.sm\:cell-col-end-12,.sm\:cell-end-12{grid-column-end:12}.sm\:cell-col-start-13,.sm\:cell-start-13{grid-column-start:13}.sm\:cell-col-end-13,.sm\:cell-end-13{grid-column-end:13}.sm\:cell-row-start-1{grid-row-start:1}.sm\:cell-row-end-1{grid-row-end:1}.sm\:cell-row-start-2{grid-row-start:2}.sm\:cell-row-end-2{grid-row-end:2}.sm\:cell-row-start-3{grid-row-start:3}.sm\:cell-row-end-3{grid-row-end:3}.sm\:cell-row-start-4{grid-row-start:4}.sm\:cell-row-end-4{grid-row-end:4}.sm\:cell-row-start-5{grid-row-start:5}.sm\:cell-row-end-5{grid-row-end:5}.sm\:cell-row-start-6{grid-row-start:6}.sm\:cell-row-end-6{grid-row-end:6}.sm\:cell-row-start-7{grid-row-start:7}.sm\:cell-row-end-7{grid-row-end:7}.sm\:cell-order-first{order:-9999}.sm\:cell-order-last{order:9999}.sm\:cell-order-none{order:0}.sm\:cell-order-1{order:1}.sm\:cell-order-2{order:2}.sm\:cell-order-3{order:3}.sm\:cell-order-4{order:4}.sm\:cell-order-5{order:5}.sm\:cell-order-6{order:6}.sm\:cell-order-7{order:7}.sm\:cell-order-8{order:8}.sm\:cell-order-9{order:9}.sm\:cell-order-10{order:10}.sm\:cell-order-11{order:11}.sm\:cell-order-12{order:12}}@media screen and (min-width:768px),print{.md\:grid-2,.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-3,.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-4,.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-5,.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-6,.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-7,.md\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\:grid-8,.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:grid-9,.md\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.md\:grid-10,.md\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\:grid-11,.md\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.md\:grid-12,.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-none{grid-template-columns:none}.md\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.md\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.md\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.md\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.md\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.md\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.md\:grid-rows-none{grid-template-rows:none}.md\:cell-auto,.md\:cell-span-auto{grid-column:auto}.md\:cell-full,.md\:cell-span-full{grid-column:1/-1}.md\:cell-1,.md\:cell-span-1{grid-column:span 1/span 1}.md\:cell-2,.md\:cell-span-2{grid-column:span 2/span 2}.md\:cell-3,.md\:cell-span-3{grid-column:span 3/span 3}.md\:cell-4,.md\:cell-span-4{grid-column:span 4/span 4}.md\:cell-5,.md\:cell-span-5{grid-column:span 5/span 5}.md\:cell-6,.md\:cell-span-6{grid-column:span 6/span 6}.md\:cell-7,.md\:cell-span-7{grid-column:span 7/span 7}.md\:cell-8,.md\:cell-span-8{grid-column:span 8/span 8}.md\:cell-9,.md\:cell-span-9{grid-column:span 9/span 9}.md\:cell-10,.md\:cell-span-10{grid-column:span 10/span 10}.md\:cell-11,.md\:cell-span-11{grid-column:span 11/span 11}.md\:cell-12,.md\:cell-span-12{grid-column:span 12/span 12}.md\:cell-row-auto{grid-row:auto}.md\:cell-row-full{grid-row:1/-1}.md\:cell-row-1,.md\:cell-row-span-1{grid-row:span 1/span 1}.md\:cell-row-2,.md\:cell-row-span-2{grid-row:span 2/span 2}.md\:cell-row-3,.md\:cell-row-span-3{grid-row:span 3/span 3}.md\:cell-row-4,.md\:cell-row-span-4{grid-row:span 4/span 4}.md\:cell-row-5,.md\:cell-row-span-5{grid-row:span 5/span 5}.md\:cell-row-6,.md\:cell-row-span-6{grid-row:span 6/span 6}.md\:cell-col-start-1,.md\:cell-start-1{grid-column-start:1}.md\:cell-col-end-1,.md\:cell-end-1{grid-column-end:1}.md\:cell-col-start-2,.md\:cell-start-2{grid-column-start:2}.md\:cell-col-end-2,.md\:cell-end-2{grid-column-end:2}.md\:cell-col-start-3,.md\:cell-start-3{grid-column-start:3}.md\:cell-col-end-3,.md\:cell-end-3{grid-column-end:3}.md\:cell-col-start-4,.md\:cell-start-4{grid-column-start:4}.md\:cell-col-end-4,.md\:cell-end-4{grid-column-end:4}.md\:cell-col-start-5,.md\:cell-start-5{grid-column-start:5}.md\:cell-col-end-5,.md\:cell-end-5{grid-column-end:5}.md\:cell-col-start-6,.md\:cell-start-6{grid-column-start:6}.md\:cell-col-end-6,.md\:cell-end-6{grid-column-end:6}.md\:cell-col-start-7,.md\:cell-start-7{grid-column-start:7}.md\:cell-col-end-7,.md\:cell-end-7{grid-column-end:7}.md\:cell-col-start-8,.md\:cell-start-8{grid-column-start:8}.md\:cell-col-end-8,.md\:cell-end-8{grid-column-end:8}.md\:cell-col-start-9,.md\:cell-start-9{grid-column-start:9}.md\:cell-col-end-9,.md\:cell-end-9{grid-column-end:9}.md\:cell-col-start-10,.md\:cell-start-10{grid-column-start:10}.md\:cell-col-end-10,.md\:cell-end-10{grid-column-end:10}.md\:cell-col-start-11,.md\:cell-start-11{grid-column-start:11}.md\:cell-col-end-11,.md\:cell-end-11{grid-column-end:11}.md\:cell-col-start-12,.md\:cell-start-12{grid-column-start:12}.md\:cell-col-end-12,.md\:cell-end-12{grid-column-end:12}.md\:cell-col-start-13,.md\:cell-start-13{grid-column-start:13}.md\:cell-col-end-13,.md\:cell-end-13{grid-column-end:13}.md\:cell-row-start-1{grid-row-start:1}.md\:cell-row-end-1{grid-row-end:1}.md\:cell-row-start-2{grid-row-start:2}.md\:cell-row-end-2{grid-row-end:2}.md\:cell-row-start-3{grid-row-start:3}.md\:cell-row-end-3{grid-row-end:3}.md\:cell-row-start-4{grid-row-start:4}.md\:cell-row-end-4{grid-row-end:4}.md\:cell-row-start-5{grid-row-start:5}.md\:cell-row-end-5{grid-row-end:5}.md\:cell-row-start-6{grid-row-start:6}.md\:cell-row-end-6{grid-row-end:6}.md\:cell-row-start-7{grid-row-start:7}.md\:cell-row-end-7{grid-row-end:7}.md\:cell-order-first{order:-9999}.md\:cell-order-last{order:9999}.md\:cell-order-none{order:0}.md\:cell-order-1{order:1}.md\:cell-order-2{order:2}.md\:cell-order-3{order:3}.md\:cell-order-4{order:4}.md\:cell-order-5{order:5}.md\:cell-order-6{order:6}.md\:cell-order-7{order:7}.md\:cell-order-8{order:8}.md\:cell-order-9{order:9}.md\:cell-order-10{order:10}.md\:cell-order-11{order:11}.md\:cell-order-12{order:12}}@media screen and (min-width:1024px),print{.lg\:grid-2,.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-3,.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-4,.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-5,.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-6,.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-7,.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-8,.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:grid-9,.lg\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.lg\:grid-10,.lg\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:grid-11,.lg\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lg\:grid-12,.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-none{grid-template-columns:none}.lg\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.lg\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.lg\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.lg\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.lg\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.lg\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.lg\:grid-rows-none{grid-template-rows:none}.lg\:cell-auto,.lg\:cell-span-auto{grid-column:auto}.lg\:cell-full,.lg\:cell-span-full{grid-column:1/-1}.lg\:cell-1,.lg\:cell-span-1{grid-column:span 1/span 1}.lg\:cell-2,.lg\:cell-span-2{grid-column:span 2/span 2}.lg\:cell-3,.lg\:cell-span-3{grid-column:span 3/span 3}.lg\:cell-4,.lg\:cell-span-4{grid-column:span 4/span 4}.lg\:cell-5,.lg\:cell-span-5{grid-column:span 5/span 5}.lg\:cell-6,.lg\:cell-span-6{grid-column:span 6/span 6}.lg\:cell-7,.lg\:cell-span-7{grid-column:span 7/span 7}.lg\:cell-8,.lg\:cell-span-8{grid-column:span 8/span 8}.lg\:cell-9,.lg\:cell-span-9{grid-column:span 9/span 9}.lg\:cell-10,.lg\:cell-span-10{grid-column:span 10/span 10}.lg\:cell-11,.lg\:cell-span-11{grid-column:span 11/span 11}.lg\:cell-12,.lg\:cell-span-12{grid-column:span 12/span 12}.lg\:cell-row-auto{grid-row:auto}.lg\:cell-row-full{grid-row:1/-1}.lg\:cell-row-1,.lg\:cell-row-span-1{grid-row:span 1/span 1}.lg\:cell-row-2,.lg\:cell-row-span-2{grid-row:span 2/span 2}.lg\:cell-row-3,.lg\:cell-row-span-3{grid-row:span 3/span 3}.lg\:cell-row-4,.lg\:cell-row-span-4{grid-row:span 4/span 4}.lg\:cell-row-5,.lg\:cell-row-span-5{grid-row:span 5/span 5}.lg\:cell-row-6,.lg\:cell-row-span-6{grid-row:span 6/span 6}.lg\:cell-col-start-1,.lg\:cell-start-1{grid-column-start:1}.lg\:cell-col-end-1,.lg\:cell-end-1{grid-column-end:1}.lg\:cell-col-start-2,.lg\:cell-start-2{grid-column-start:2}.lg\:cell-col-end-2,.lg\:cell-end-2{grid-column-end:2}.lg\:cell-col-start-3,.lg\:cell-start-3{grid-column-start:3}.lg\:cell-col-end-3,.lg\:cell-end-3{grid-column-end:3}.lg\:cell-col-start-4,.lg\:cell-start-4{grid-column-start:4}.lg\:cell-col-end-4,.lg\:cell-end-4{grid-column-end:4}.lg\:cell-col-start-5,.lg\:cell-start-5{grid-column-start:5}.lg\:cell-col-end-5,.lg\:cell-end-5{grid-column-end:5}.lg\:cell-col-start-6,.lg\:cell-start-6{grid-column-start:6}.lg\:cell-col-end-6,.lg\:cell-end-6{grid-column-end:6}.lg\:cell-col-start-7,.lg\:cell-start-7{grid-column-start:7}.lg\:cell-col-end-7,.lg\:cell-end-7{grid-column-end:7}.lg\:cell-col-start-8,.lg\:cell-start-8{grid-column-start:8}.lg\:cell-col-end-8,.lg\:cell-end-8{grid-column-end:8}.lg\:cell-col-start-9,.lg\:cell-start-9{grid-column-start:9}.lg\:cell-col-end-9,.lg\:cell-end-9{grid-column-end:9}.lg\:cell-col-start-10,.lg\:cell-start-10{grid-column-start:10}.lg\:cell-col-end-10,.lg\:cell-end-10{grid-column-end:10}.lg\:cell-col-start-11,.lg\:cell-start-11{grid-column-start:11}.lg\:cell-col-end-11,.lg\:cell-end-11{grid-column-end:11}.lg\:cell-col-start-12,.lg\:cell-start-12{grid-column-start:12}.lg\:cell-col-end-12,.lg\:cell-end-12{grid-column-end:12}.lg\:cell-col-start-13,.lg\:cell-start-13{grid-column-start:13}.lg\:cell-col-end-13,.lg\:cell-end-13{grid-column-end:13}.lg\:cell-row-start-1{grid-row-start:1}.lg\:cell-row-end-1{grid-row-end:1}.lg\:cell-row-start-2{grid-row-start:2}.lg\:cell-row-end-2{grid-row-end:2}.lg\:cell-row-start-3{grid-row-start:3}.lg\:cell-row-end-3{grid-row-end:3}.lg\:cell-row-start-4{grid-row-start:4}.lg\:cell-row-end-4{grid-row-end:4}.lg\:cell-row-start-5{grid-row-start:5}.lg\:cell-row-end-5{grid-row-end:5}.lg\:cell-row-start-6{grid-row-start:6}.lg\:cell-row-end-6{grid-row-end:6}.lg\:cell-row-start-7{grid-row-start:7}.lg\:cell-row-end-7{grid-row-end:7}.lg\:cell-order-first{order:-9999}.lg\:cell-order-last{order:9999}.lg\:cell-order-none{order:0}.lg\:cell-order-1{order:1}.lg\:cell-order-2{order:2}.lg\:cell-order-3{order:3}.lg\:cell-order-4{order:4}.lg\:cell-order-5{order:5}.lg\:cell-order-6{order:6}.lg\:cell-order-7{order:7}.lg\:cell-order-8{order:8}.lg\:cell-order-9{order:9}.lg\:cell-order-10{order:10}.lg\:cell-order-11{order:11}.lg\:cell-order-12{order:12}}.gap-px{gap:1px}.gap-x-px{column-gap:1px}.gap-y-px{row-gap:1px}.gap-0,.gap-0 [class^=grid]{gap:0}.gap-x-0,.gap-x-0 [class^=grid]{column-gap:0}.gap-y-0,.gap-y-0 [class^=grid]{row-gap:0}.gap-1,.gap-1 [class^=grid]{gap:.25rem}.gap-x-1,.gap-x-1 [class^=grid]{column-gap:.25rem}.gap-y-1,.gap-y-1 [class^=grid]{row-gap:.25rem}.gap-2,.gap-2 [class^=grid]{gap:.5rem}.gap-x-2,.gap-x-2 [class^=grid]{column-gap:.5rem}.gap-y-2,.gap-y-2 [class^=grid]{row-gap:.5rem}.gap-3,.gap-3 [class^=grid]{gap:.75rem}.gap-x-3,.gap-x-3 [class^=grid]{column-gap:.75rem}.gap-y-3,.gap-y-3 [class^=grid]{row-gap:.75rem}.gap-4,.gap-4 [class^=grid]{gap:1rem}.gap-x-4,.gap-x-4 [class^=grid]{column-gap:1rem}.gap-y-4,.gap-y-4 [class^=grid]{row-gap:1rem}.gap-5,.gap-5 [class^=grid]{gap:1.25rem}.gap-x-5,.gap-x-5 [class^=grid]{column-gap:1.25rem}.gap-y-5,.gap-y-5 [class^=grid]{row-gap:1.25rem}.gap-6,.gap-6 [class^=grid]{gap:1.5rem}.gap-x-6,.gap-x-6 [class^=grid]{column-gap:1.5rem}.gap-y-6,.gap-y-6 [class^=grid]{row-gap:1.5rem}.gap-7,.gap-7 [class^=grid]{gap:1.75rem}.gap-x-7,.gap-x-7 [class^=grid]{column-gap:1.75rem}.gap-y-7,.gap-y-7 [class^=grid]{row-gap:1.75rem}.gap-8,.gap-8 [class^=grid]{gap:2rem}.gap-x-8,.gap-x-8 [class^=grid]{column-gap:2rem}.gap-y-8,.gap-y-8 [class^=grid]{row-gap:2rem}.gap-9,.gap-9 [class^=grid]{gap:2.25rem}.gap-x-9,.gap-x-9 [class^=grid]{column-gap:2.25rem}.gap-y-9,.gap-y-9 [class^=grid]{row-gap:2.25rem}.gap-10,.gap-10 [class^=grid]{gap:2.5rem}.gap-x-10,.gap-x-10 [class^=grid]{column-gap:2.5rem}.gap-y-10,.gap-y-10 [class^=grid]{row-gap:2.5rem} diff --git a/public/page-templates/css-grid-framework/3-rows/css.inc b/public/page-templates/css-grid-framework/3-rows/css.inc index 8ebff36dd..f6e1a56ad 100644 --- a/public/page-templates/css-grid-framework/3-rows/css.inc +++ b/public/page-templates/css-grid-framework/3-rows/css.inc @@ -1,9 +1,9 @@ /** * License: MIT License * Generated on 25 May 2021 - * Author: Fpassaniti for Opendatasoft + * Author: Fpassaniti for Huwise * Version: 0.1 - * Description: CSS Grid framework for Opendatasoft pages (and more). Go to http://codelibrary.opendatasoft.com/ for more information (doc & examples). + * Description: CSS Grid framework for Huwise pages (and more). Go to http://codelibrary.huwise.com/ for more information (doc & examples). */ [class^=grid]{display:grid;grid-gap:1rem}.grid-auto,.grid-auto-flow,.grid-cols-auto-flow{grid-auto-flow:column}.grid-rows-auto-flow{grid-auto-flow:row}.grid-cols-fit,.grid-fit{grid-auto-columns:max-content}.grid-rows-fit{grid-auto-rows:max-content}.grid-2,.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4,.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5,.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-6,.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-7,.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-8,.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-9,.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-10,.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-11,.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-12,.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-none{grid-template-columns:none}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.grid-rows-none{grid-template-rows:none}[class*=":cell"],[class^=cell]{display:flex;flex-direction:column;justify-content:stretch}.cell-auto,.cell-span-auto{grid-column:auto}.cell-full,.cell-span-full{grid-column:1/-1}.cell-1,.cell-span-1{grid-column:span 1/span 1}.cell-2,.cell-span-2{grid-column:span 2/span 2}.cell-3,.cell-span-3{grid-column:span 3/span 3}.cell-4,.cell-span-4{grid-column:span 4/span 4}.cell-5,.cell-span-5{grid-column:span 5/span 5}.cell-6,.cell-span-6{grid-column:span 6/span 6}.cell-7,.cell-span-7{grid-column:span 7/span 7}.cell-8,.cell-span-8{grid-column:span 8/span 8}.cell-9,.cell-span-9{grid-column:span 9/span 9}.cell-10,.cell-span-10{grid-column:span 10/span 10}.cell-11,.cell-span-11{grid-column:span 11/span 11}.cell-12,.cell-span-12{grid-column:span 12/span 12}.cell-row-auto{grid-row:auto}.cell-row-full{grid-row:1/-1}.cell-row-1,.cell-row-span-1{grid-row:span 1/span 1}.cell-row-2,.cell-row-span-2{grid-row:span 2/span 2}.cell-row-3,.cell-row-span-3{grid-row:span 3/span 3}.cell-row-4,.cell-row-span-4{grid-row:span 4/span 4}.cell-row-5,.cell-row-span-5{grid-row:span 5/span 5}.cell-row-6,.cell-row-span-6{grid-row:span 6/span 6}.cell-col-start-1,.cell-start-1{grid-column-start:1}.cell-col-end-1,.cell-end-1{grid-column-end:1}.cell-col-start-2,.cell-start-2{grid-column-start:2}.cell-col-end-2,.cell-end-2{grid-column-end:2}.cell-col-start-3,.cell-start-3{grid-column-start:3}.cell-col-end-3,.cell-end-3{grid-column-end:3}.cell-col-start-4,.cell-start-4{grid-column-start:4}.cell-col-end-4,.cell-end-4{grid-column-end:4}.cell-col-start-5,.cell-start-5{grid-column-start:5}.cell-col-end-5,.cell-end-5{grid-column-end:5}.cell-col-start-6,.cell-start-6{grid-column-start:6}.cell-col-end-6,.cell-end-6{grid-column-end:6}.cell-col-start-7,.cell-start-7{grid-column-start:7}.cell-col-end-7,.cell-end-7{grid-column-end:7}.cell-col-start-8,.cell-start-8{grid-column-start:8}.cell-col-end-8,.cell-end-8{grid-column-end:8}.cell-col-start-9,.cell-start-9{grid-column-start:9}.cell-col-end-9,.cell-end-9{grid-column-end:9}.cell-col-start-10,.cell-start-10{grid-column-start:10}.cell-col-end-10,.cell-end-10{grid-column-end:10}.cell-col-start-11,.cell-start-11{grid-column-start:11}.cell-col-end-11,.cell-end-11{grid-column-end:11}.cell-col-start-12,.cell-start-12{grid-column-start:12}.cell-col-end-12,.cell-end-12{grid-column-end:12}.cell-col-start-13,.cell-start-13{grid-column-start:13}.cell-col-end-13,.cell-end-13{grid-column-end:13}.cell-row-start-1{grid-row-start:1}.cell-row-end-1{grid-row-end:1}.cell-row-start-2{grid-row-start:2}.cell-row-end-2{grid-row-end:2}.cell-row-start-3{grid-row-start:3}.cell-row-end-3{grid-row-end:3}.cell-row-start-4{grid-row-start:4}.cell-row-end-4{grid-row-end:4}.cell-row-start-5{grid-row-start:5}.cell-row-end-5{grid-row-end:5}.cell-row-start-6{grid-row-start:6}.cell-row-end-6{grid-row-end:6}.cell-row-start-7{grid-row-start:7}.cell-row-end-7{grid-row-end:7}.cell-order-first{order:-9999}.cell-order-last{order:9999}.cell-order-none{order:0}.cell-order-1{order:1}.cell-order-2{order:2}.cell-order-3{order:3}.cell-order-4{order:4}.cell-order-5{order:5}.cell-order-6{order:6}.cell-order-7{order:7}.cell-order-8{order:8}.cell-order-9{order:9}.cell-order-10{order:10}.cell-order-11{order:11}.cell-order-12{order:12}@media screen and (min-width:640px),print{.sm\:grid-2,.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-3,.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-4,.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-5,.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-6,.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-7,.sm\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.sm\:grid-8,.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:grid-9,.sm\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.sm\:grid-10,.sm\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.sm\:grid-11,.sm\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.sm\:grid-12,.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\:grid-cols-none{grid-template-columns:none}.sm\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.sm\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.sm\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.sm\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.sm\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.sm\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.sm\:grid-rows-none{grid-template-rows:none}.sm\:cell-auto,.sm\:cell-span-auto{grid-column:auto}.sm\:cell-full,.sm\:cell-span-full{grid-column:1/-1}.sm\:cell-1,.sm\:cell-span-1{grid-column:span 1/span 1}.sm\:cell-2,.sm\:cell-span-2{grid-column:span 2/span 2}.sm\:cell-3,.sm\:cell-span-3{grid-column:span 3/span 3}.sm\:cell-4,.sm\:cell-span-4{grid-column:span 4/span 4}.sm\:cell-5,.sm\:cell-span-5{grid-column:span 5/span 5}.sm\:cell-6,.sm\:cell-span-6{grid-column:span 6/span 6}.sm\:cell-7,.sm\:cell-span-7{grid-column:span 7/span 7}.sm\:cell-8,.sm\:cell-span-8{grid-column:span 8/span 8}.sm\:cell-9,.sm\:cell-span-9{grid-column:span 9/span 9}.sm\:cell-10,.sm\:cell-span-10{grid-column:span 10/span 10}.sm\:cell-11,.sm\:cell-span-11{grid-column:span 11/span 11}.sm\:cell-12,.sm\:cell-span-12{grid-column:span 12/span 12}.sm\:cell-row-auto{grid-row:auto}.sm\:cell-row-full{grid-row:1/-1}.sm\:cell-row-1,.sm\:cell-row-span-1{grid-row:span 1/span 1}.sm\:cell-row-2,.sm\:cell-row-span-2{grid-row:span 2/span 2}.sm\:cell-row-3,.sm\:cell-row-span-3{grid-row:span 3/span 3}.sm\:cell-row-4,.sm\:cell-row-span-4{grid-row:span 4/span 4}.sm\:cell-row-5,.sm\:cell-row-span-5{grid-row:span 5/span 5}.sm\:cell-row-6,.sm\:cell-row-span-6{grid-row:span 6/span 6}.sm\:cell-col-start-1,.sm\:cell-start-1{grid-column-start:1}.sm\:cell-col-end-1,.sm\:cell-end-1{grid-column-end:1}.sm\:cell-col-start-2,.sm\:cell-start-2{grid-column-start:2}.sm\:cell-col-end-2,.sm\:cell-end-2{grid-column-end:2}.sm\:cell-col-start-3,.sm\:cell-start-3{grid-column-start:3}.sm\:cell-col-end-3,.sm\:cell-end-3{grid-column-end:3}.sm\:cell-col-start-4,.sm\:cell-start-4{grid-column-start:4}.sm\:cell-col-end-4,.sm\:cell-end-4{grid-column-end:4}.sm\:cell-col-start-5,.sm\:cell-start-5{grid-column-start:5}.sm\:cell-col-end-5,.sm\:cell-end-5{grid-column-end:5}.sm\:cell-col-start-6,.sm\:cell-start-6{grid-column-start:6}.sm\:cell-col-end-6,.sm\:cell-end-6{grid-column-end:6}.sm\:cell-col-start-7,.sm\:cell-start-7{grid-column-start:7}.sm\:cell-col-end-7,.sm\:cell-end-7{grid-column-end:7}.sm\:cell-col-start-8,.sm\:cell-start-8{grid-column-start:8}.sm\:cell-col-end-8,.sm\:cell-end-8{grid-column-end:8}.sm\:cell-col-start-9,.sm\:cell-start-9{grid-column-start:9}.sm\:cell-col-end-9,.sm\:cell-end-9{grid-column-end:9}.sm\:cell-col-start-10,.sm\:cell-start-10{grid-column-start:10}.sm\:cell-col-end-10,.sm\:cell-end-10{grid-column-end:10}.sm\:cell-col-start-11,.sm\:cell-start-11{grid-column-start:11}.sm\:cell-col-end-11,.sm\:cell-end-11{grid-column-end:11}.sm\:cell-col-start-12,.sm\:cell-start-12{grid-column-start:12}.sm\:cell-col-end-12,.sm\:cell-end-12{grid-column-end:12}.sm\:cell-col-start-13,.sm\:cell-start-13{grid-column-start:13}.sm\:cell-col-end-13,.sm\:cell-end-13{grid-column-end:13}.sm\:cell-row-start-1{grid-row-start:1}.sm\:cell-row-end-1{grid-row-end:1}.sm\:cell-row-start-2{grid-row-start:2}.sm\:cell-row-end-2{grid-row-end:2}.sm\:cell-row-start-3{grid-row-start:3}.sm\:cell-row-end-3{grid-row-end:3}.sm\:cell-row-start-4{grid-row-start:4}.sm\:cell-row-end-4{grid-row-end:4}.sm\:cell-row-start-5{grid-row-start:5}.sm\:cell-row-end-5{grid-row-end:5}.sm\:cell-row-start-6{grid-row-start:6}.sm\:cell-row-end-6{grid-row-end:6}.sm\:cell-row-start-7{grid-row-start:7}.sm\:cell-row-end-7{grid-row-end:7}.sm\:cell-order-first{order:-9999}.sm\:cell-order-last{order:9999}.sm\:cell-order-none{order:0}.sm\:cell-order-1{order:1}.sm\:cell-order-2{order:2}.sm\:cell-order-3{order:3}.sm\:cell-order-4{order:4}.sm\:cell-order-5{order:5}.sm\:cell-order-6{order:6}.sm\:cell-order-7{order:7}.sm\:cell-order-8{order:8}.sm\:cell-order-9{order:9}.sm\:cell-order-10{order:10}.sm\:cell-order-11{order:11}.sm\:cell-order-12{order:12}}@media screen and (min-width:768px),print{.md\:grid-2,.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-3,.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-4,.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-5,.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-6,.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-7,.md\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\:grid-8,.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:grid-9,.md\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.md\:grid-10,.md\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\:grid-11,.md\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.md\:grid-12,.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-none{grid-template-columns:none}.md\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.md\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.md\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.md\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.md\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.md\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.md\:grid-rows-none{grid-template-rows:none}.md\:cell-auto,.md\:cell-span-auto{grid-column:auto}.md\:cell-full,.md\:cell-span-full{grid-column:1/-1}.md\:cell-1,.md\:cell-span-1{grid-column:span 1/span 1}.md\:cell-2,.md\:cell-span-2{grid-column:span 2/span 2}.md\:cell-3,.md\:cell-span-3{grid-column:span 3/span 3}.md\:cell-4,.md\:cell-span-4{grid-column:span 4/span 4}.md\:cell-5,.md\:cell-span-5{grid-column:span 5/span 5}.md\:cell-6,.md\:cell-span-6{grid-column:span 6/span 6}.md\:cell-7,.md\:cell-span-7{grid-column:span 7/span 7}.md\:cell-8,.md\:cell-span-8{grid-column:span 8/span 8}.md\:cell-9,.md\:cell-span-9{grid-column:span 9/span 9}.md\:cell-10,.md\:cell-span-10{grid-column:span 10/span 10}.md\:cell-11,.md\:cell-span-11{grid-column:span 11/span 11}.md\:cell-12,.md\:cell-span-12{grid-column:span 12/span 12}.md\:cell-row-auto{grid-row:auto}.md\:cell-row-full{grid-row:1/-1}.md\:cell-row-1,.md\:cell-row-span-1{grid-row:span 1/span 1}.md\:cell-row-2,.md\:cell-row-span-2{grid-row:span 2/span 2}.md\:cell-row-3,.md\:cell-row-span-3{grid-row:span 3/span 3}.md\:cell-row-4,.md\:cell-row-span-4{grid-row:span 4/span 4}.md\:cell-row-5,.md\:cell-row-span-5{grid-row:span 5/span 5}.md\:cell-row-6,.md\:cell-row-span-6{grid-row:span 6/span 6}.md\:cell-col-start-1,.md\:cell-start-1{grid-column-start:1}.md\:cell-col-end-1,.md\:cell-end-1{grid-column-end:1}.md\:cell-col-start-2,.md\:cell-start-2{grid-column-start:2}.md\:cell-col-end-2,.md\:cell-end-2{grid-column-end:2}.md\:cell-col-start-3,.md\:cell-start-3{grid-column-start:3}.md\:cell-col-end-3,.md\:cell-end-3{grid-column-end:3}.md\:cell-col-start-4,.md\:cell-start-4{grid-column-start:4}.md\:cell-col-end-4,.md\:cell-end-4{grid-column-end:4}.md\:cell-col-start-5,.md\:cell-start-5{grid-column-start:5}.md\:cell-col-end-5,.md\:cell-end-5{grid-column-end:5}.md\:cell-col-start-6,.md\:cell-start-6{grid-column-start:6}.md\:cell-col-end-6,.md\:cell-end-6{grid-column-end:6}.md\:cell-col-start-7,.md\:cell-start-7{grid-column-start:7}.md\:cell-col-end-7,.md\:cell-end-7{grid-column-end:7}.md\:cell-col-start-8,.md\:cell-start-8{grid-column-start:8}.md\:cell-col-end-8,.md\:cell-end-8{grid-column-end:8}.md\:cell-col-start-9,.md\:cell-start-9{grid-column-start:9}.md\:cell-col-end-9,.md\:cell-end-9{grid-column-end:9}.md\:cell-col-start-10,.md\:cell-start-10{grid-column-start:10}.md\:cell-col-end-10,.md\:cell-end-10{grid-column-end:10}.md\:cell-col-start-11,.md\:cell-start-11{grid-column-start:11}.md\:cell-col-end-11,.md\:cell-end-11{grid-column-end:11}.md\:cell-col-start-12,.md\:cell-start-12{grid-column-start:12}.md\:cell-col-end-12,.md\:cell-end-12{grid-column-end:12}.md\:cell-col-start-13,.md\:cell-start-13{grid-column-start:13}.md\:cell-col-end-13,.md\:cell-end-13{grid-column-end:13}.md\:cell-row-start-1{grid-row-start:1}.md\:cell-row-end-1{grid-row-end:1}.md\:cell-row-start-2{grid-row-start:2}.md\:cell-row-end-2{grid-row-end:2}.md\:cell-row-start-3{grid-row-start:3}.md\:cell-row-end-3{grid-row-end:3}.md\:cell-row-start-4{grid-row-start:4}.md\:cell-row-end-4{grid-row-end:4}.md\:cell-row-start-5{grid-row-start:5}.md\:cell-row-end-5{grid-row-end:5}.md\:cell-row-start-6{grid-row-start:6}.md\:cell-row-end-6{grid-row-end:6}.md\:cell-row-start-7{grid-row-start:7}.md\:cell-row-end-7{grid-row-end:7}.md\:cell-order-first{order:-9999}.md\:cell-order-last{order:9999}.md\:cell-order-none{order:0}.md\:cell-order-1{order:1}.md\:cell-order-2{order:2}.md\:cell-order-3{order:3}.md\:cell-order-4{order:4}.md\:cell-order-5{order:5}.md\:cell-order-6{order:6}.md\:cell-order-7{order:7}.md\:cell-order-8{order:8}.md\:cell-order-9{order:9}.md\:cell-order-10{order:10}.md\:cell-order-11{order:11}.md\:cell-order-12{order:12}}@media screen and (min-width:1024px),print{.lg\:grid-2,.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-3,.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-4,.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-5,.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-6,.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-7,.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-8,.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:grid-9,.lg\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.lg\:grid-10,.lg\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:grid-11,.lg\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lg\:grid-12,.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-none{grid-template-columns:none}.lg\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.lg\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.lg\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.lg\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.lg\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.lg\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.lg\:grid-rows-none{grid-template-rows:none}.lg\:cell-auto,.lg\:cell-span-auto{grid-column:auto}.lg\:cell-full,.lg\:cell-span-full{grid-column:1/-1}.lg\:cell-1,.lg\:cell-span-1{grid-column:span 1/span 1}.lg\:cell-2,.lg\:cell-span-2{grid-column:span 2/span 2}.lg\:cell-3,.lg\:cell-span-3{grid-column:span 3/span 3}.lg\:cell-4,.lg\:cell-span-4{grid-column:span 4/span 4}.lg\:cell-5,.lg\:cell-span-5{grid-column:span 5/span 5}.lg\:cell-6,.lg\:cell-span-6{grid-column:span 6/span 6}.lg\:cell-7,.lg\:cell-span-7{grid-column:span 7/span 7}.lg\:cell-8,.lg\:cell-span-8{grid-column:span 8/span 8}.lg\:cell-9,.lg\:cell-span-9{grid-column:span 9/span 9}.lg\:cell-10,.lg\:cell-span-10{grid-column:span 10/span 10}.lg\:cell-11,.lg\:cell-span-11{grid-column:span 11/span 11}.lg\:cell-12,.lg\:cell-span-12{grid-column:span 12/span 12}.lg\:cell-row-auto{grid-row:auto}.lg\:cell-row-full{grid-row:1/-1}.lg\:cell-row-1,.lg\:cell-row-span-1{grid-row:span 1/span 1}.lg\:cell-row-2,.lg\:cell-row-span-2{grid-row:span 2/span 2}.lg\:cell-row-3,.lg\:cell-row-span-3{grid-row:span 3/span 3}.lg\:cell-row-4,.lg\:cell-row-span-4{grid-row:span 4/span 4}.lg\:cell-row-5,.lg\:cell-row-span-5{grid-row:span 5/span 5}.lg\:cell-row-6,.lg\:cell-row-span-6{grid-row:span 6/span 6}.lg\:cell-col-start-1,.lg\:cell-start-1{grid-column-start:1}.lg\:cell-col-end-1,.lg\:cell-end-1{grid-column-end:1}.lg\:cell-col-start-2,.lg\:cell-start-2{grid-column-start:2}.lg\:cell-col-end-2,.lg\:cell-end-2{grid-column-end:2}.lg\:cell-col-start-3,.lg\:cell-start-3{grid-column-start:3}.lg\:cell-col-end-3,.lg\:cell-end-3{grid-column-end:3}.lg\:cell-col-start-4,.lg\:cell-start-4{grid-column-start:4}.lg\:cell-col-end-4,.lg\:cell-end-4{grid-column-end:4}.lg\:cell-col-start-5,.lg\:cell-start-5{grid-column-start:5}.lg\:cell-col-end-5,.lg\:cell-end-5{grid-column-end:5}.lg\:cell-col-start-6,.lg\:cell-start-6{grid-column-start:6}.lg\:cell-col-end-6,.lg\:cell-end-6{grid-column-end:6}.lg\:cell-col-start-7,.lg\:cell-start-7{grid-column-start:7}.lg\:cell-col-end-7,.lg\:cell-end-7{grid-column-end:7}.lg\:cell-col-start-8,.lg\:cell-start-8{grid-column-start:8}.lg\:cell-col-end-8,.lg\:cell-end-8{grid-column-end:8}.lg\:cell-col-start-9,.lg\:cell-start-9{grid-column-start:9}.lg\:cell-col-end-9,.lg\:cell-end-9{grid-column-end:9}.lg\:cell-col-start-10,.lg\:cell-start-10{grid-column-start:10}.lg\:cell-col-end-10,.lg\:cell-end-10{grid-column-end:10}.lg\:cell-col-start-11,.lg\:cell-start-11{grid-column-start:11}.lg\:cell-col-end-11,.lg\:cell-end-11{grid-column-end:11}.lg\:cell-col-start-12,.lg\:cell-start-12{grid-column-start:12}.lg\:cell-col-end-12,.lg\:cell-end-12{grid-column-end:12}.lg\:cell-col-start-13,.lg\:cell-start-13{grid-column-start:13}.lg\:cell-col-end-13,.lg\:cell-end-13{grid-column-end:13}.lg\:cell-row-start-1{grid-row-start:1}.lg\:cell-row-end-1{grid-row-end:1}.lg\:cell-row-start-2{grid-row-start:2}.lg\:cell-row-end-2{grid-row-end:2}.lg\:cell-row-start-3{grid-row-start:3}.lg\:cell-row-end-3{grid-row-end:3}.lg\:cell-row-start-4{grid-row-start:4}.lg\:cell-row-end-4{grid-row-end:4}.lg\:cell-row-start-5{grid-row-start:5}.lg\:cell-row-end-5{grid-row-end:5}.lg\:cell-row-start-6{grid-row-start:6}.lg\:cell-row-end-6{grid-row-end:6}.lg\:cell-row-start-7{grid-row-start:7}.lg\:cell-row-end-7{grid-row-end:7}.lg\:cell-order-first{order:-9999}.lg\:cell-order-last{order:9999}.lg\:cell-order-none{order:0}.lg\:cell-order-1{order:1}.lg\:cell-order-2{order:2}.lg\:cell-order-3{order:3}.lg\:cell-order-4{order:4}.lg\:cell-order-5{order:5}.lg\:cell-order-6{order:6}.lg\:cell-order-7{order:7}.lg\:cell-order-8{order:8}.lg\:cell-order-9{order:9}.lg\:cell-order-10{order:10}.lg\:cell-order-11{order:11}.lg\:cell-order-12{order:12}}.gap-px{gap:1px}.gap-x-px{column-gap:1px}.gap-y-px{row-gap:1px}.gap-0,.gap-0 [class^=grid]{gap:0}.gap-x-0,.gap-x-0 [class^=grid]{column-gap:0}.gap-y-0,.gap-y-0 [class^=grid]{row-gap:0}.gap-1,.gap-1 [class^=grid]{gap:.25rem}.gap-x-1,.gap-x-1 [class^=grid]{column-gap:.25rem}.gap-y-1,.gap-y-1 [class^=grid]{row-gap:.25rem}.gap-2,.gap-2 [class^=grid]{gap:.5rem}.gap-x-2,.gap-x-2 [class^=grid]{column-gap:.5rem}.gap-y-2,.gap-y-2 [class^=grid]{row-gap:.5rem}.gap-3,.gap-3 [class^=grid]{gap:.75rem}.gap-x-3,.gap-x-3 [class^=grid]{column-gap:.75rem}.gap-y-3,.gap-y-3 [class^=grid]{row-gap:.75rem}.gap-4,.gap-4 [class^=grid]{gap:1rem}.gap-x-4,.gap-x-4 [class^=grid]{column-gap:1rem}.gap-y-4,.gap-y-4 [class^=grid]{row-gap:1rem}.gap-5,.gap-5 [class^=grid]{gap:1.25rem}.gap-x-5,.gap-x-5 [class^=grid]{column-gap:1.25rem}.gap-y-5,.gap-y-5 [class^=grid]{row-gap:1.25rem}.gap-6,.gap-6 [class^=grid]{gap:1.5rem}.gap-x-6,.gap-x-6 [class^=grid]{column-gap:1.5rem}.gap-y-6,.gap-y-6 [class^=grid]{row-gap:1.5rem}.gap-7,.gap-7 [class^=grid]{gap:1.75rem}.gap-x-7,.gap-x-7 [class^=grid]{column-gap:1.75rem}.gap-y-7,.gap-y-7 [class^=grid]{row-gap:1.75rem}.gap-8,.gap-8 [class^=grid]{gap:2rem}.gap-x-8,.gap-x-8 [class^=grid]{column-gap:2rem}.gap-y-8,.gap-y-8 [class^=grid]{row-gap:2rem}.gap-9,.gap-9 [class^=grid]{gap:2.25rem}.gap-x-9,.gap-x-9 [class^=grid]{column-gap:2.25rem}.gap-y-9,.gap-y-9 [class^=grid]{row-gap:2.25rem}.gap-10,.gap-10 [class^=grid]{gap:2.5rem}.gap-x-10,.gap-x-10 [class^=grid]{column-gap:2.5rem}.gap-y-10,.gap-y-10 [class^=grid]{row-gap:2.5rem} diff --git a/public/page-templates/css-grid-framework/4-gap/css.inc b/public/page-templates/css-grid-framework/4-gap/css.inc index 8ebff36dd..f6e1a56ad 100644 --- a/public/page-templates/css-grid-framework/4-gap/css.inc +++ b/public/page-templates/css-grid-framework/4-gap/css.inc @@ -1,9 +1,9 @@ /** * License: MIT License * Generated on 25 May 2021 - * Author: Fpassaniti for Opendatasoft + * Author: Fpassaniti for Huwise * Version: 0.1 - * Description: CSS Grid framework for Opendatasoft pages (and more). Go to http://codelibrary.opendatasoft.com/ for more information (doc & examples). + * Description: CSS Grid framework for Huwise pages (and more). Go to http://codelibrary.huwise.com/ for more information (doc & examples). */ [class^=grid]{display:grid;grid-gap:1rem}.grid-auto,.grid-auto-flow,.grid-cols-auto-flow{grid-auto-flow:column}.grid-rows-auto-flow{grid-auto-flow:row}.grid-cols-fit,.grid-fit{grid-auto-columns:max-content}.grid-rows-fit{grid-auto-rows:max-content}.grid-2,.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4,.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5,.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-6,.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-7,.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-8,.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-9,.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-10,.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-11,.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-12,.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-none{grid-template-columns:none}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.grid-rows-none{grid-template-rows:none}[class*=":cell"],[class^=cell]{display:flex;flex-direction:column;justify-content:stretch}.cell-auto,.cell-span-auto{grid-column:auto}.cell-full,.cell-span-full{grid-column:1/-1}.cell-1,.cell-span-1{grid-column:span 1/span 1}.cell-2,.cell-span-2{grid-column:span 2/span 2}.cell-3,.cell-span-3{grid-column:span 3/span 3}.cell-4,.cell-span-4{grid-column:span 4/span 4}.cell-5,.cell-span-5{grid-column:span 5/span 5}.cell-6,.cell-span-6{grid-column:span 6/span 6}.cell-7,.cell-span-7{grid-column:span 7/span 7}.cell-8,.cell-span-8{grid-column:span 8/span 8}.cell-9,.cell-span-9{grid-column:span 9/span 9}.cell-10,.cell-span-10{grid-column:span 10/span 10}.cell-11,.cell-span-11{grid-column:span 11/span 11}.cell-12,.cell-span-12{grid-column:span 12/span 12}.cell-row-auto{grid-row:auto}.cell-row-full{grid-row:1/-1}.cell-row-1,.cell-row-span-1{grid-row:span 1/span 1}.cell-row-2,.cell-row-span-2{grid-row:span 2/span 2}.cell-row-3,.cell-row-span-3{grid-row:span 3/span 3}.cell-row-4,.cell-row-span-4{grid-row:span 4/span 4}.cell-row-5,.cell-row-span-5{grid-row:span 5/span 5}.cell-row-6,.cell-row-span-6{grid-row:span 6/span 6}.cell-col-start-1,.cell-start-1{grid-column-start:1}.cell-col-end-1,.cell-end-1{grid-column-end:1}.cell-col-start-2,.cell-start-2{grid-column-start:2}.cell-col-end-2,.cell-end-2{grid-column-end:2}.cell-col-start-3,.cell-start-3{grid-column-start:3}.cell-col-end-3,.cell-end-3{grid-column-end:3}.cell-col-start-4,.cell-start-4{grid-column-start:4}.cell-col-end-4,.cell-end-4{grid-column-end:4}.cell-col-start-5,.cell-start-5{grid-column-start:5}.cell-col-end-5,.cell-end-5{grid-column-end:5}.cell-col-start-6,.cell-start-6{grid-column-start:6}.cell-col-end-6,.cell-end-6{grid-column-end:6}.cell-col-start-7,.cell-start-7{grid-column-start:7}.cell-col-end-7,.cell-end-7{grid-column-end:7}.cell-col-start-8,.cell-start-8{grid-column-start:8}.cell-col-end-8,.cell-end-8{grid-column-end:8}.cell-col-start-9,.cell-start-9{grid-column-start:9}.cell-col-end-9,.cell-end-9{grid-column-end:9}.cell-col-start-10,.cell-start-10{grid-column-start:10}.cell-col-end-10,.cell-end-10{grid-column-end:10}.cell-col-start-11,.cell-start-11{grid-column-start:11}.cell-col-end-11,.cell-end-11{grid-column-end:11}.cell-col-start-12,.cell-start-12{grid-column-start:12}.cell-col-end-12,.cell-end-12{grid-column-end:12}.cell-col-start-13,.cell-start-13{grid-column-start:13}.cell-col-end-13,.cell-end-13{grid-column-end:13}.cell-row-start-1{grid-row-start:1}.cell-row-end-1{grid-row-end:1}.cell-row-start-2{grid-row-start:2}.cell-row-end-2{grid-row-end:2}.cell-row-start-3{grid-row-start:3}.cell-row-end-3{grid-row-end:3}.cell-row-start-4{grid-row-start:4}.cell-row-end-4{grid-row-end:4}.cell-row-start-5{grid-row-start:5}.cell-row-end-5{grid-row-end:5}.cell-row-start-6{grid-row-start:6}.cell-row-end-6{grid-row-end:6}.cell-row-start-7{grid-row-start:7}.cell-row-end-7{grid-row-end:7}.cell-order-first{order:-9999}.cell-order-last{order:9999}.cell-order-none{order:0}.cell-order-1{order:1}.cell-order-2{order:2}.cell-order-3{order:3}.cell-order-4{order:4}.cell-order-5{order:5}.cell-order-6{order:6}.cell-order-7{order:7}.cell-order-8{order:8}.cell-order-9{order:9}.cell-order-10{order:10}.cell-order-11{order:11}.cell-order-12{order:12}@media screen and (min-width:640px),print{.sm\:grid-2,.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-3,.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-4,.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-5,.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-6,.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-7,.sm\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.sm\:grid-8,.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:grid-9,.sm\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.sm\:grid-10,.sm\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.sm\:grid-11,.sm\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.sm\:grid-12,.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\:grid-cols-none{grid-template-columns:none}.sm\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.sm\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.sm\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.sm\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.sm\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.sm\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.sm\:grid-rows-none{grid-template-rows:none}.sm\:cell-auto,.sm\:cell-span-auto{grid-column:auto}.sm\:cell-full,.sm\:cell-span-full{grid-column:1/-1}.sm\:cell-1,.sm\:cell-span-1{grid-column:span 1/span 1}.sm\:cell-2,.sm\:cell-span-2{grid-column:span 2/span 2}.sm\:cell-3,.sm\:cell-span-3{grid-column:span 3/span 3}.sm\:cell-4,.sm\:cell-span-4{grid-column:span 4/span 4}.sm\:cell-5,.sm\:cell-span-5{grid-column:span 5/span 5}.sm\:cell-6,.sm\:cell-span-6{grid-column:span 6/span 6}.sm\:cell-7,.sm\:cell-span-7{grid-column:span 7/span 7}.sm\:cell-8,.sm\:cell-span-8{grid-column:span 8/span 8}.sm\:cell-9,.sm\:cell-span-9{grid-column:span 9/span 9}.sm\:cell-10,.sm\:cell-span-10{grid-column:span 10/span 10}.sm\:cell-11,.sm\:cell-span-11{grid-column:span 11/span 11}.sm\:cell-12,.sm\:cell-span-12{grid-column:span 12/span 12}.sm\:cell-row-auto{grid-row:auto}.sm\:cell-row-full{grid-row:1/-1}.sm\:cell-row-1,.sm\:cell-row-span-1{grid-row:span 1/span 1}.sm\:cell-row-2,.sm\:cell-row-span-2{grid-row:span 2/span 2}.sm\:cell-row-3,.sm\:cell-row-span-3{grid-row:span 3/span 3}.sm\:cell-row-4,.sm\:cell-row-span-4{grid-row:span 4/span 4}.sm\:cell-row-5,.sm\:cell-row-span-5{grid-row:span 5/span 5}.sm\:cell-row-6,.sm\:cell-row-span-6{grid-row:span 6/span 6}.sm\:cell-col-start-1,.sm\:cell-start-1{grid-column-start:1}.sm\:cell-col-end-1,.sm\:cell-end-1{grid-column-end:1}.sm\:cell-col-start-2,.sm\:cell-start-2{grid-column-start:2}.sm\:cell-col-end-2,.sm\:cell-end-2{grid-column-end:2}.sm\:cell-col-start-3,.sm\:cell-start-3{grid-column-start:3}.sm\:cell-col-end-3,.sm\:cell-end-3{grid-column-end:3}.sm\:cell-col-start-4,.sm\:cell-start-4{grid-column-start:4}.sm\:cell-col-end-4,.sm\:cell-end-4{grid-column-end:4}.sm\:cell-col-start-5,.sm\:cell-start-5{grid-column-start:5}.sm\:cell-col-end-5,.sm\:cell-end-5{grid-column-end:5}.sm\:cell-col-start-6,.sm\:cell-start-6{grid-column-start:6}.sm\:cell-col-end-6,.sm\:cell-end-6{grid-column-end:6}.sm\:cell-col-start-7,.sm\:cell-start-7{grid-column-start:7}.sm\:cell-col-end-7,.sm\:cell-end-7{grid-column-end:7}.sm\:cell-col-start-8,.sm\:cell-start-8{grid-column-start:8}.sm\:cell-col-end-8,.sm\:cell-end-8{grid-column-end:8}.sm\:cell-col-start-9,.sm\:cell-start-9{grid-column-start:9}.sm\:cell-col-end-9,.sm\:cell-end-9{grid-column-end:9}.sm\:cell-col-start-10,.sm\:cell-start-10{grid-column-start:10}.sm\:cell-col-end-10,.sm\:cell-end-10{grid-column-end:10}.sm\:cell-col-start-11,.sm\:cell-start-11{grid-column-start:11}.sm\:cell-col-end-11,.sm\:cell-end-11{grid-column-end:11}.sm\:cell-col-start-12,.sm\:cell-start-12{grid-column-start:12}.sm\:cell-col-end-12,.sm\:cell-end-12{grid-column-end:12}.sm\:cell-col-start-13,.sm\:cell-start-13{grid-column-start:13}.sm\:cell-col-end-13,.sm\:cell-end-13{grid-column-end:13}.sm\:cell-row-start-1{grid-row-start:1}.sm\:cell-row-end-1{grid-row-end:1}.sm\:cell-row-start-2{grid-row-start:2}.sm\:cell-row-end-2{grid-row-end:2}.sm\:cell-row-start-3{grid-row-start:3}.sm\:cell-row-end-3{grid-row-end:3}.sm\:cell-row-start-4{grid-row-start:4}.sm\:cell-row-end-4{grid-row-end:4}.sm\:cell-row-start-5{grid-row-start:5}.sm\:cell-row-end-5{grid-row-end:5}.sm\:cell-row-start-6{grid-row-start:6}.sm\:cell-row-end-6{grid-row-end:6}.sm\:cell-row-start-7{grid-row-start:7}.sm\:cell-row-end-7{grid-row-end:7}.sm\:cell-order-first{order:-9999}.sm\:cell-order-last{order:9999}.sm\:cell-order-none{order:0}.sm\:cell-order-1{order:1}.sm\:cell-order-2{order:2}.sm\:cell-order-3{order:3}.sm\:cell-order-4{order:4}.sm\:cell-order-5{order:5}.sm\:cell-order-6{order:6}.sm\:cell-order-7{order:7}.sm\:cell-order-8{order:8}.sm\:cell-order-9{order:9}.sm\:cell-order-10{order:10}.sm\:cell-order-11{order:11}.sm\:cell-order-12{order:12}}@media screen and (min-width:768px),print{.md\:grid-2,.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-3,.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-4,.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-5,.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-6,.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-7,.md\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\:grid-8,.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:grid-9,.md\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.md\:grid-10,.md\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\:grid-11,.md\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.md\:grid-12,.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-none{grid-template-columns:none}.md\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.md\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.md\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.md\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.md\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.md\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.md\:grid-rows-none{grid-template-rows:none}.md\:cell-auto,.md\:cell-span-auto{grid-column:auto}.md\:cell-full,.md\:cell-span-full{grid-column:1/-1}.md\:cell-1,.md\:cell-span-1{grid-column:span 1/span 1}.md\:cell-2,.md\:cell-span-2{grid-column:span 2/span 2}.md\:cell-3,.md\:cell-span-3{grid-column:span 3/span 3}.md\:cell-4,.md\:cell-span-4{grid-column:span 4/span 4}.md\:cell-5,.md\:cell-span-5{grid-column:span 5/span 5}.md\:cell-6,.md\:cell-span-6{grid-column:span 6/span 6}.md\:cell-7,.md\:cell-span-7{grid-column:span 7/span 7}.md\:cell-8,.md\:cell-span-8{grid-column:span 8/span 8}.md\:cell-9,.md\:cell-span-9{grid-column:span 9/span 9}.md\:cell-10,.md\:cell-span-10{grid-column:span 10/span 10}.md\:cell-11,.md\:cell-span-11{grid-column:span 11/span 11}.md\:cell-12,.md\:cell-span-12{grid-column:span 12/span 12}.md\:cell-row-auto{grid-row:auto}.md\:cell-row-full{grid-row:1/-1}.md\:cell-row-1,.md\:cell-row-span-1{grid-row:span 1/span 1}.md\:cell-row-2,.md\:cell-row-span-2{grid-row:span 2/span 2}.md\:cell-row-3,.md\:cell-row-span-3{grid-row:span 3/span 3}.md\:cell-row-4,.md\:cell-row-span-4{grid-row:span 4/span 4}.md\:cell-row-5,.md\:cell-row-span-5{grid-row:span 5/span 5}.md\:cell-row-6,.md\:cell-row-span-6{grid-row:span 6/span 6}.md\:cell-col-start-1,.md\:cell-start-1{grid-column-start:1}.md\:cell-col-end-1,.md\:cell-end-1{grid-column-end:1}.md\:cell-col-start-2,.md\:cell-start-2{grid-column-start:2}.md\:cell-col-end-2,.md\:cell-end-2{grid-column-end:2}.md\:cell-col-start-3,.md\:cell-start-3{grid-column-start:3}.md\:cell-col-end-3,.md\:cell-end-3{grid-column-end:3}.md\:cell-col-start-4,.md\:cell-start-4{grid-column-start:4}.md\:cell-col-end-4,.md\:cell-end-4{grid-column-end:4}.md\:cell-col-start-5,.md\:cell-start-5{grid-column-start:5}.md\:cell-col-end-5,.md\:cell-end-5{grid-column-end:5}.md\:cell-col-start-6,.md\:cell-start-6{grid-column-start:6}.md\:cell-col-end-6,.md\:cell-end-6{grid-column-end:6}.md\:cell-col-start-7,.md\:cell-start-7{grid-column-start:7}.md\:cell-col-end-7,.md\:cell-end-7{grid-column-end:7}.md\:cell-col-start-8,.md\:cell-start-8{grid-column-start:8}.md\:cell-col-end-8,.md\:cell-end-8{grid-column-end:8}.md\:cell-col-start-9,.md\:cell-start-9{grid-column-start:9}.md\:cell-col-end-9,.md\:cell-end-9{grid-column-end:9}.md\:cell-col-start-10,.md\:cell-start-10{grid-column-start:10}.md\:cell-col-end-10,.md\:cell-end-10{grid-column-end:10}.md\:cell-col-start-11,.md\:cell-start-11{grid-column-start:11}.md\:cell-col-end-11,.md\:cell-end-11{grid-column-end:11}.md\:cell-col-start-12,.md\:cell-start-12{grid-column-start:12}.md\:cell-col-end-12,.md\:cell-end-12{grid-column-end:12}.md\:cell-col-start-13,.md\:cell-start-13{grid-column-start:13}.md\:cell-col-end-13,.md\:cell-end-13{grid-column-end:13}.md\:cell-row-start-1{grid-row-start:1}.md\:cell-row-end-1{grid-row-end:1}.md\:cell-row-start-2{grid-row-start:2}.md\:cell-row-end-2{grid-row-end:2}.md\:cell-row-start-3{grid-row-start:3}.md\:cell-row-end-3{grid-row-end:3}.md\:cell-row-start-4{grid-row-start:4}.md\:cell-row-end-4{grid-row-end:4}.md\:cell-row-start-5{grid-row-start:5}.md\:cell-row-end-5{grid-row-end:5}.md\:cell-row-start-6{grid-row-start:6}.md\:cell-row-end-6{grid-row-end:6}.md\:cell-row-start-7{grid-row-start:7}.md\:cell-row-end-7{grid-row-end:7}.md\:cell-order-first{order:-9999}.md\:cell-order-last{order:9999}.md\:cell-order-none{order:0}.md\:cell-order-1{order:1}.md\:cell-order-2{order:2}.md\:cell-order-3{order:3}.md\:cell-order-4{order:4}.md\:cell-order-5{order:5}.md\:cell-order-6{order:6}.md\:cell-order-7{order:7}.md\:cell-order-8{order:8}.md\:cell-order-9{order:9}.md\:cell-order-10{order:10}.md\:cell-order-11{order:11}.md\:cell-order-12{order:12}}@media screen and (min-width:1024px),print{.lg\:grid-2,.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-3,.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-4,.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-5,.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-6,.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-7,.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-8,.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:grid-9,.lg\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.lg\:grid-10,.lg\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:grid-11,.lg\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lg\:grid-12,.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-none{grid-template-columns:none}.lg\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.lg\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.lg\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.lg\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.lg\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.lg\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.lg\:grid-rows-none{grid-template-rows:none}.lg\:cell-auto,.lg\:cell-span-auto{grid-column:auto}.lg\:cell-full,.lg\:cell-span-full{grid-column:1/-1}.lg\:cell-1,.lg\:cell-span-1{grid-column:span 1/span 1}.lg\:cell-2,.lg\:cell-span-2{grid-column:span 2/span 2}.lg\:cell-3,.lg\:cell-span-3{grid-column:span 3/span 3}.lg\:cell-4,.lg\:cell-span-4{grid-column:span 4/span 4}.lg\:cell-5,.lg\:cell-span-5{grid-column:span 5/span 5}.lg\:cell-6,.lg\:cell-span-6{grid-column:span 6/span 6}.lg\:cell-7,.lg\:cell-span-7{grid-column:span 7/span 7}.lg\:cell-8,.lg\:cell-span-8{grid-column:span 8/span 8}.lg\:cell-9,.lg\:cell-span-9{grid-column:span 9/span 9}.lg\:cell-10,.lg\:cell-span-10{grid-column:span 10/span 10}.lg\:cell-11,.lg\:cell-span-11{grid-column:span 11/span 11}.lg\:cell-12,.lg\:cell-span-12{grid-column:span 12/span 12}.lg\:cell-row-auto{grid-row:auto}.lg\:cell-row-full{grid-row:1/-1}.lg\:cell-row-1,.lg\:cell-row-span-1{grid-row:span 1/span 1}.lg\:cell-row-2,.lg\:cell-row-span-2{grid-row:span 2/span 2}.lg\:cell-row-3,.lg\:cell-row-span-3{grid-row:span 3/span 3}.lg\:cell-row-4,.lg\:cell-row-span-4{grid-row:span 4/span 4}.lg\:cell-row-5,.lg\:cell-row-span-5{grid-row:span 5/span 5}.lg\:cell-row-6,.lg\:cell-row-span-6{grid-row:span 6/span 6}.lg\:cell-col-start-1,.lg\:cell-start-1{grid-column-start:1}.lg\:cell-col-end-1,.lg\:cell-end-1{grid-column-end:1}.lg\:cell-col-start-2,.lg\:cell-start-2{grid-column-start:2}.lg\:cell-col-end-2,.lg\:cell-end-2{grid-column-end:2}.lg\:cell-col-start-3,.lg\:cell-start-3{grid-column-start:3}.lg\:cell-col-end-3,.lg\:cell-end-3{grid-column-end:3}.lg\:cell-col-start-4,.lg\:cell-start-4{grid-column-start:4}.lg\:cell-col-end-4,.lg\:cell-end-4{grid-column-end:4}.lg\:cell-col-start-5,.lg\:cell-start-5{grid-column-start:5}.lg\:cell-col-end-5,.lg\:cell-end-5{grid-column-end:5}.lg\:cell-col-start-6,.lg\:cell-start-6{grid-column-start:6}.lg\:cell-col-end-6,.lg\:cell-end-6{grid-column-end:6}.lg\:cell-col-start-7,.lg\:cell-start-7{grid-column-start:7}.lg\:cell-col-end-7,.lg\:cell-end-7{grid-column-end:7}.lg\:cell-col-start-8,.lg\:cell-start-8{grid-column-start:8}.lg\:cell-col-end-8,.lg\:cell-end-8{grid-column-end:8}.lg\:cell-col-start-9,.lg\:cell-start-9{grid-column-start:9}.lg\:cell-col-end-9,.lg\:cell-end-9{grid-column-end:9}.lg\:cell-col-start-10,.lg\:cell-start-10{grid-column-start:10}.lg\:cell-col-end-10,.lg\:cell-end-10{grid-column-end:10}.lg\:cell-col-start-11,.lg\:cell-start-11{grid-column-start:11}.lg\:cell-col-end-11,.lg\:cell-end-11{grid-column-end:11}.lg\:cell-col-start-12,.lg\:cell-start-12{grid-column-start:12}.lg\:cell-col-end-12,.lg\:cell-end-12{grid-column-end:12}.lg\:cell-col-start-13,.lg\:cell-start-13{grid-column-start:13}.lg\:cell-col-end-13,.lg\:cell-end-13{grid-column-end:13}.lg\:cell-row-start-1{grid-row-start:1}.lg\:cell-row-end-1{grid-row-end:1}.lg\:cell-row-start-2{grid-row-start:2}.lg\:cell-row-end-2{grid-row-end:2}.lg\:cell-row-start-3{grid-row-start:3}.lg\:cell-row-end-3{grid-row-end:3}.lg\:cell-row-start-4{grid-row-start:4}.lg\:cell-row-end-4{grid-row-end:4}.lg\:cell-row-start-5{grid-row-start:5}.lg\:cell-row-end-5{grid-row-end:5}.lg\:cell-row-start-6{grid-row-start:6}.lg\:cell-row-end-6{grid-row-end:6}.lg\:cell-row-start-7{grid-row-start:7}.lg\:cell-row-end-7{grid-row-end:7}.lg\:cell-order-first{order:-9999}.lg\:cell-order-last{order:9999}.lg\:cell-order-none{order:0}.lg\:cell-order-1{order:1}.lg\:cell-order-2{order:2}.lg\:cell-order-3{order:3}.lg\:cell-order-4{order:4}.lg\:cell-order-5{order:5}.lg\:cell-order-6{order:6}.lg\:cell-order-7{order:7}.lg\:cell-order-8{order:8}.lg\:cell-order-9{order:9}.lg\:cell-order-10{order:10}.lg\:cell-order-11{order:11}.lg\:cell-order-12{order:12}}.gap-px{gap:1px}.gap-x-px{column-gap:1px}.gap-y-px{row-gap:1px}.gap-0,.gap-0 [class^=grid]{gap:0}.gap-x-0,.gap-x-0 [class^=grid]{column-gap:0}.gap-y-0,.gap-y-0 [class^=grid]{row-gap:0}.gap-1,.gap-1 [class^=grid]{gap:.25rem}.gap-x-1,.gap-x-1 [class^=grid]{column-gap:.25rem}.gap-y-1,.gap-y-1 [class^=grid]{row-gap:.25rem}.gap-2,.gap-2 [class^=grid]{gap:.5rem}.gap-x-2,.gap-x-2 [class^=grid]{column-gap:.5rem}.gap-y-2,.gap-y-2 [class^=grid]{row-gap:.5rem}.gap-3,.gap-3 [class^=grid]{gap:.75rem}.gap-x-3,.gap-x-3 [class^=grid]{column-gap:.75rem}.gap-y-3,.gap-y-3 [class^=grid]{row-gap:.75rem}.gap-4,.gap-4 [class^=grid]{gap:1rem}.gap-x-4,.gap-x-4 [class^=grid]{column-gap:1rem}.gap-y-4,.gap-y-4 [class^=grid]{row-gap:1rem}.gap-5,.gap-5 [class^=grid]{gap:1.25rem}.gap-x-5,.gap-x-5 [class^=grid]{column-gap:1.25rem}.gap-y-5,.gap-y-5 [class^=grid]{row-gap:1.25rem}.gap-6,.gap-6 [class^=grid]{gap:1.5rem}.gap-x-6,.gap-x-6 [class^=grid]{column-gap:1.5rem}.gap-y-6,.gap-y-6 [class^=grid]{row-gap:1.5rem}.gap-7,.gap-7 [class^=grid]{gap:1.75rem}.gap-x-7,.gap-x-7 [class^=grid]{column-gap:1.75rem}.gap-y-7,.gap-y-7 [class^=grid]{row-gap:1.75rem}.gap-8,.gap-8 [class^=grid]{gap:2rem}.gap-x-8,.gap-x-8 [class^=grid]{column-gap:2rem}.gap-y-8,.gap-y-8 [class^=grid]{row-gap:2rem}.gap-9,.gap-9 [class^=grid]{gap:2.25rem}.gap-x-9,.gap-x-9 [class^=grid]{column-gap:2.25rem}.gap-y-9,.gap-y-9 [class^=grid]{row-gap:2.25rem}.gap-10,.gap-10 [class^=grid]{gap:2.5rem}.gap-x-10,.gap-x-10 [class^=grid]{column-gap:2.5rem}.gap-y-10,.gap-y-10 [class^=grid]{row-gap:2.5rem} diff --git a/public/page-templates/css-grid-framework/5-others/css.inc b/public/page-templates/css-grid-framework/5-others/css.inc index 8ebff36dd..f6e1a56ad 100644 --- a/public/page-templates/css-grid-framework/5-others/css.inc +++ b/public/page-templates/css-grid-framework/5-others/css.inc @@ -1,9 +1,9 @@ /** * License: MIT License * Generated on 25 May 2021 - * Author: Fpassaniti for Opendatasoft + * Author: Fpassaniti for Huwise * Version: 0.1 - * Description: CSS Grid framework for Opendatasoft pages (and more). Go to http://codelibrary.opendatasoft.com/ for more information (doc & examples). + * Description: CSS Grid framework for Huwise pages (and more). Go to http://codelibrary.huwise.com/ for more information (doc & examples). */ [class^=grid]{display:grid;grid-gap:1rem}.grid-auto,.grid-auto-flow,.grid-cols-auto-flow{grid-auto-flow:column}.grid-rows-auto-flow{grid-auto-flow:row}.grid-cols-fit,.grid-fit{grid-auto-columns:max-content}.grid-rows-fit{grid-auto-rows:max-content}.grid-2,.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4,.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5,.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-6,.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-7,.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-8,.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-9,.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-10,.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-11,.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-12,.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-none{grid-template-columns:none}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.grid-rows-none{grid-template-rows:none}[class*=":cell"],[class^=cell]{display:flex;flex-direction:column;justify-content:stretch}.cell-auto,.cell-span-auto{grid-column:auto}.cell-full,.cell-span-full{grid-column:1/-1}.cell-1,.cell-span-1{grid-column:span 1/span 1}.cell-2,.cell-span-2{grid-column:span 2/span 2}.cell-3,.cell-span-3{grid-column:span 3/span 3}.cell-4,.cell-span-4{grid-column:span 4/span 4}.cell-5,.cell-span-5{grid-column:span 5/span 5}.cell-6,.cell-span-6{grid-column:span 6/span 6}.cell-7,.cell-span-7{grid-column:span 7/span 7}.cell-8,.cell-span-8{grid-column:span 8/span 8}.cell-9,.cell-span-9{grid-column:span 9/span 9}.cell-10,.cell-span-10{grid-column:span 10/span 10}.cell-11,.cell-span-11{grid-column:span 11/span 11}.cell-12,.cell-span-12{grid-column:span 12/span 12}.cell-row-auto{grid-row:auto}.cell-row-full{grid-row:1/-1}.cell-row-1,.cell-row-span-1{grid-row:span 1/span 1}.cell-row-2,.cell-row-span-2{grid-row:span 2/span 2}.cell-row-3,.cell-row-span-3{grid-row:span 3/span 3}.cell-row-4,.cell-row-span-4{grid-row:span 4/span 4}.cell-row-5,.cell-row-span-5{grid-row:span 5/span 5}.cell-row-6,.cell-row-span-6{grid-row:span 6/span 6}.cell-col-start-1,.cell-start-1{grid-column-start:1}.cell-col-end-1,.cell-end-1{grid-column-end:1}.cell-col-start-2,.cell-start-2{grid-column-start:2}.cell-col-end-2,.cell-end-2{grid-column-end:2}.cell-col-start-3,.cell-start-3{grid-column-start:3}.cell-col-end-3,.cell-end-3{grid-column-end:3}.cell-col-start-4,.cell-start-4{grid-column-start:4}.cell-col-end-4,.cell-end-4{grid-column-end:4}.cell-col-start-5,.cell-start-5{grid-column-start:5}.cell-col-end-5,.cell-end-5{grid-column-end:5}.cell-col-start-6,.cell-start-6{grid-column-start:6}.cell-col-end-6,.cell-end-6{grid-column-end:6}.cell-col-start-7,.cell-start-7{grid-column-start:7}.cell-col-end-7,.cell-end-7{grid-column-end:7}.cell-col-start-8,.cell-start-8{grid-column-start:8}.cell-col-end-8,.cell-end-8{grid-column-end:8}.cell-col-start-9,.cell-start-9{grid-column-start:9}.cell-col-end-9,.cell-end-9{grid-column-end:9}.cell-col-start-10,.cell-start-10{grid-column-start:10}.cell-col-end-10,.cell-end-10{grid-column-end:10}.cell-col-start-11,.cell-start-11{grid-column-start:11}.cell-col-end-11,.cell-end-11{grid-column-end:11}.cell-col-start-12,.cell-start-12{grid-column-start:12}.cell-col-end-12,.cell-end-12{grid-column-end:12}.cell-col-start-13,.cell-start-13{grid-column-start:13}.cell-col-end-13,.cell-end-13{grid-column-end:13}.cell-row-start-1{grid-row-start:1}.cell-row-end-1{grid-row-end:1}.cell-row-start-2{grid-row-start:2}.cell-row-end-2{grid-row-end:2}.cell-row-start-3{grid-row-start:3}.cell-row-end-3{grid-row-end:3}.cell-row-start-4{grid-row-start:4}.cell-row-end-4{grid-row-end:4}.cell-row-start-5{grid-row-start:5}.cell-row-end-5{grid-row-end:5}.cell-row-start-6{grid-row-start:6}.cell-row-end-6{grid-row-end:6}.cell-row-start-7{grid-row-start:7}.cell-row-end-7{grid-row-end:7}.cell-order-first{order:-9999}.cell-order-last{order:9999}.cell-order-none{order:0}.cell-order-1{order:1}.cell-order-2{order:2}.cell-order-3{order:3}.cell-order-4{order:4}.cell-order-5{order:5}.cell-order-6{order:6}.cell-order-7{order:7}.cell-order-8{order:8}.cell-order-9{order:9}.cell-order-10{order:10}.cell-order-11{order:11}.cell-order-12{order:12}@media screen and (min-width:640px),print{.sm\:grid-2,.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-3,.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-4,.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-5,.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-6,.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-7,.sm\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.sm\:grid-8,.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:grid-9,.sm\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.sm\:grid-10,.sm\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.sm\:grid-11,.sm\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.sm\:grid-12,.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\:grid-cols-none{grid-template-columns:none}.sm\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.sm\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.sm\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.sm\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.sm\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.sm\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.sm\:grid-rows-none{grid-template-rows:none}.sm\:cell-auto,.sm\:cell-span-auto{grid-column:auto}.sm\:cell-full,.sm\:cell-span-full{grid-column:1/-1}.sm\:cell-1,.sm\:cell-span-1{grid-column:span 1/span 1}.sm\:cell-2,.sm\:cell-span-2{grid-column:span 2/span 2}.sm\:cell-3,.sm\:cell-span-3{grid-column:span 3/span 3}.sm\:cell-4,.sm\:cell-span-4{grid-column:span 4/span 4}.sm\:cell-5,.sm\:cell-span-5{grid-column:span 5/span 5}.sm\:cell-6,.sm\:cell-span-6{grid-column:span 6/span 6}.sm\:cell-7,.sm\:cell-span-7{grid-column:span 7/span 7}.sm\:cell-8,.sm\:cell-span-8{grid-column:span 8/span 8}.sm\:cell-9,.sm\:cell-span-9{grid-column:span 9/span 9}.sm\:cell-10,.sm\:cell-span-10{grid-column:span 10/span 10}.sm\:cell-11,.sm\:cell-span-11{grid-column:span 11/span 11}.sm\:cell-12,.sm\:cell-span-12{grid-column:span 12/span 12}.sm\:cell-row-auto{grid-row:auto}.sm\:cell-row-full{grid-row:1/-1}.sm\:cell-row-1,.sm\:cell-row-span-1{grid-row:span 1/span 1}.sm\:cell-row-2,.sm\:cell-row-span-2{grid-row:span 2/span 2}.sm\:cell-row-3,.sm\:cell-row-span-3{grid-row:span 3/span 3}.sm\:cell-row-4,.sm\:cell-row-span-4{grid-row:span 4/span 4}.sm\:cell-row-5,.sm\:cell-row-span-5{grid-row:span 5/span 5}.sm\:cell-row-6,.sm\:cell-row-span-6{grid-row:span 6/span 6}.sm\:cell-col-start-1,.sm\:cell-start-1{grid-column-start:1}.sm\:cell-col-end-1,.sm\:cell-end-1{grid-column-end:1}.sm\:cell-col-start-2,.sm\:cell-start-2{grid-column-start:2}.sm\:cell-col-end-2,.sm\:cell-end-2{grid-column-end:2}.sm\:cell-col-start-3,.sm\:cell-start-3{grid-column-start:3}.sm\:cell-col-end-3,.sm\:cell-end-3{grid-column-end:3}.sm\:cell-col-start-4,.sm\:cell-start-4{grid-column-start:4}.sm\:cell-col-end-4,.sm\:cell-end-4{grid-column-end:4}.sm\:cell-col-start-5,.sm\:cell-start-5{grid-column-start:5}.sm\:cell-col-end-5,.sm\:cell-end-5{grid-column-end:5}.sm\:cell-col-start-6,.sm\:cell-start-6{grid-column-start:6}.sm\:cell-col-end-6,.sm\:cell-end-6{grid-column-end:6}.sm\:cell-col-start-7,.sm\:cell-start-7{grid-column-start:7}.sm\:cell-col-end-7,.sm\:cell-end-7{grid-column-end:7}.sm\:cell-col-start-8,.sm\:cell-start-8{grid-column-start:8}.sm\:cell-col-end-8,.sm\:cell-end-8{grid-column-end:8}.sm\:cell-col-start-9,.sm\:cell-start-9{grid-column-start:9}.sm\:cell-col-end-9,.sm\:cell-end-9{grid-column-end:9}.sm\:cell-col-start-10,.sm\:cell-start-10{grid-column-start:10}.sm\:cell-col-end-10,.sm\:cell-end-10{grid-column-end:10}.sm\:cell-col-start-11,.sm\:cell-start-11{grid-column-start:11}.sm\:cell-col-end-11,.sm\:cell-end-11{grid-column-end:11}.sm\:cell-col-start-12,.sm\:cell-start-12{grid-column-start:12}.sm\:cell-col-end-12,.sm\:cell-end-12{grid-column-end:12}.sm\:cell-col-start-13,.sm\:cell-start-13{grid-column-start:13}.sm\:cell-col-end-13,.sm\:cell-end-13{grid-column-end:13}.sm\:cell-row-start-1{grid-row-start:1}.sm\:cell-row-end-1{grid-row-end:1}.sm\:cell-row-start-2{grid-row-start:2}.sm\:cell-row-end-2{grid-row-end:2}.sm\:cell-row-start-3{grid-row-start:3}.sm\:cell-row-end-3{grid-row-end:3}.sm\:cell-row-start-4{grid-row-start:4}.sm\:cell-row-end-4{grid-row-end:4}.sm\:cell-row-start-5{grid-row-start:5}.sm\:cell-row-end-5{grid-row-end:5}.sm\:cell-row-start-6{grid-row-start:6}.sm\:cell-row-end-6{grid-row-end:6}.sm\:cell-row-start-7{grid-row-start:7}.sm\:cell-row-end-7{grid-row-end:7}.sm\:cell-order-first{order:-9999}.sm\:cell-order-last{order:9999}.sm\:cell-order-none{order:0}.sm\:cell-order-1{order:1}.sm\:cell-order-2{order:2}.sm\:cell-order-3{order:3}.sm\:cell-order-4{order:4}.sm\:cell-order-5{order:5}.sm\:cell-order-6{order:6}.sm\:cell-order-7{order:7}.sm\:cell-order-8{order:8}.sm\:cell-order-9{order:9}.sm\:cell-order-10{order:10}.sm\:cell-order-11{order:11}.sm\:cell-order-12{order:12}}@media screen and (min-width:768px),print{.md\:grid-2,.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-3,.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-4,.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-5,.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-6,.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-7,.md\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\:grid-8,.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:grid-9,.md\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.md\:grid-10,.md\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\:grid-11,.md\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.md\:grid-12,.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-none{grid-template-columns:none}.md\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.md\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.md\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.md\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.md\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.md\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.md\:grid-rows-none{grid-template-rows:none}.md\:cell-auto,.md\:cell-span-auto{grid-column:auto}.md\:cell-full,.md\:cell-span-full{grid-column:1/-1}.md\:cell-1,.md\:cell-span-1{grid-column:span 1/span 1}.md\:cell-2,.md\:cell-span-2{grid-column:span 2/span 2}.md\:cell-3,.md\:cell-span-3{grid-column:span 3/span 3}.md\:cell-4,.md\:cell-span-4{grid-column:span 4/span 4}.md\:cell-5,.md\:cell-span-5{grid-column:span 5/span 5}.md\:cell-6,.md\:cell-span-6{grid-column:span 6/span 6}.md\:cell-7,.md\:cell-span-7{grid-column:span 7/span 7}.md\:cell-8,.md\:cell-span-8{grid-column:span 8/span 8}.md\:cell-9,.md\:cell-span-9{grid-column:span 9/span 9}.md\:cell-10,.md\:cell-span-10{grid-column:span 10/span 10}.md\:cell-11,.md\:cell-span-11{grid-column:span 11/span 11}.md\:cell-12,.md\:cell-span-12{grid-column:span 12/span 12}.md\:cell-row-auto{grid-row:auto}.md\:cell-row-full{grid-row:1/-1}.md\:cell-row-1,.md\:cell-row-span-1{grid-row:span 1/span 1}.md\:cell-row-2,.md\:cell-row-span-2{grid-row:span 2/span 2}.md\:cell-row-3,.md\:cell-row-span-3{grid-row:span 3/span 3}.md\:cell-row-4,.md\:cell-row-span-4{grid-row:span 4/span 4}.md\:cell-row-5,.md\:cell-row-span-5{grid-row:span 5/span 5}.md\:cell-row-6,.md\:cell-row-span-6{grid-row:span 6/span 6}.md\:cell-col-start-1,.md\:cell-start-1{grid-column-start:1}.md\:cell-col-end-1,.md\:cell-end-1{grid-column-end:1}.md\:cell-col-start-2,.md\:cell-start-2{grid-column-start:2}.md\:cell-col-end-2,.md\:cell-end-2{grid-column-end:2}.md\:cell-col-start-3,.md\:cell-start-3{grid-column-start:3}.md\:cell-col-end-3,.md\:cell-end-3{grid-column-end:3}.md\:cell-col-start-4,.md\:cell-start-4{grid-column-start:4}.md\:cell-col-end-4,.md\:cell-end-4{grid-column-end:4}.md\:cell-col-start-5,.md\:cell-start-5{grid-column-start:5}.md\:cell-col-end-5,.md\:cell-end-5{grid-column-end:5}.md\:cell-col-start-6,.md\:cell-start-6{grid-column-start:6}.md\:cell-col-end-6,.md\:cell-end-6{grid-column-end:6}.md\:cell-col-start-7,.md\:cell-start-7{grid-column-start:7}.md\:cell-col-end-7,.md\:cell-end-7{grid-column-end:7}.md\:cell-col-start-8,.md\:cell-start-8{grid-column-start:8}.md\:cell-col-end-8,.md\:cell-end-8{grid-column-end:8}.md\:cell-col-start-9,.md\:cell-start-9{grid-column-start:9}.md\:cell-col-end-9,.md\:cell-end-9{grid-column-end:9}.md\:cell-col-start-10,.md\:cell-start-10{grid-column-start:10}.md\:cell-col-end-10,.md\:cell-end-10{grid-column-end:10}.md\:cell-col-start-11,.md\:cell-start-11{grid-column-start:11}.md\:cell-col-end-11,.md\:cell-end-11{grid-column-end:11}.md\:cell-col-start-12,.md\:cell-start-12{grid-column-start:12}.md\:cell-col-end-12,.md\:cell-end-12{grid-column-end:12}.md\:cell-col-start-13,.md\:cell-start-13{grid-column-start:13}.md\:cell-col-end-13,.md\:cell-end-13{grid-column-end:13}.md\:cell-row-start-1{grid-row-start:1}.md\:cell-row-end-1{grid-row-end:1}.md\:cell-row-start-2{grid-row-start:2}.md\:cell-row-end-2{grid-row-end:2}.md\:cell-row-start-3{grid-row-start:3}.md\:cell-row-end-3{grid-row-end:3}.md\:cell-row-start-4{grid-row-start:4}.md\:cell-row-end-4{grid-row-end:4}.md\:cell-row-start-5{grid-row-start:5}.md\:cell-row-end-5{grid-row-end:5}.md\:cell-row-start-6{grid-row-start:6}.md\:cell-row-end-6{grid-row-end:6}.md\:cell-row-start-7{grid-row-start:7}.md\:cell-row-end-7{grid-row-end:7}.md\:cell-order-first{order:-9999}.md\:cell-order-last{order:9999}.md\:cell-order-none{order:0}.md\:cell-order-1{order:1}.md\:cell-order-2{order:2}.md\:cell-order-3{order:3}.md\:cell-order-4{order:4}.md\:cell-order-5{order:5}.md\:cell-order-6{order:6}.md\:cell-order-7{order:7}.md\:cell-order-8{order:8}.md\:cell-order-9{order:9}.md\:cell-order-10{order:10}.md\:cell-order-11{order:11}.md\:cell-order-12{order:12}}@media screen and (min-width:1024px),print{.lg\:grid-2,.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-3,.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-4,.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-5,.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-6,.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-7,.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-8,.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:grid-9,.lg\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.lg\:grid-10,.lg\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:grid-11,.lg\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lg\:grid-12,.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-none{grid-template-columns:none}.lg\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.lg\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.lg\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.lg\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.lg\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.lg\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.lg\:grid-rows-none{grid-template-rows:none}.lg\:cell-auto,.lg\:cell-span-auto{grid-column:auto}.lg\:cell-full,.lg\:cell-span-full{grid-column:1/-1}.lg\:cell-1,.lg\:cell-span-1{grid-column:span 1/span 1}.lg\:cell-2,.lg\:cell-span-2{grid-column:span 2/span 2}.lg\:cell-3,.lg\:cell-span-3{grid-column:span 3/span 3}.lg\:cell-4,.lg\:cell-span-4{grid-column:span 4/span 4}.lg\:cell-5,.lg\:cell-span-5{grid-column:span 5/span 5}.lg\:cell-6,.lg\:cell-span-6{grid-column:span 6/span 6}.lg\:cell-7,.lg\:cell-span-7{grid-column:span 7/span 7}.lg\:cell-8,.lg\:cell-span-8{grid-column:span 8/span 8}.lg\:cell-9,.lg\:cell-span-9{grid-column:span 9/span 9}.lg\:cell-10,.lg\:cell-span-10{grid-column:span 10/span 10}.lg\:cell-11,.lg\:cell-span-11{grid-column:span 11/span 11}.lg\:cell-12,.lg\:cell-span-12{grid-column:span 12/span 12}.lg\:cell-row-auto{grid-row:auto}.lg\:cell-row-full{grid-row:1/-1}.lg\:cell-row-1,.lg\:cell-row-span-1{grid-row:span 1/span 1}.lg\:cell-row-2,.lg\:cell-row-span-2{grid-row:span 2/span 2}.lg\:cell-row-3,.lg\:cell-row-span-3{grid-row:span 3/span 3}.lg\:cell-row-4,.lg\:cell-row-span-4{grid-row:span 4/span 4}.lg\:cell-row-5,.lg\:cell-row-span-5{grid-row:span 5/span 5}.lg\:cell-row-6,.lg\:cell-row-span-6{grid-row:span 6/span 6}.lg\:cell-col-start-1,.lg\:cell-start-1{grid-column-start:1}.lg\:cell-col-end-1,.lg\:cell-end-1{grid-column-end:1}.lg\:cell-col-start-2,.lg\:cell-start-2{grid-column-start:2}.lg\:cell-col-end-2,.lg\:cell-end-2{grid-column-end:2}.lg\:cell-col-start-3,.lg\:cell-start-3{grid-column-start:3}.lg\:cell-col-end-3,.lg\:cell-end-3{grid-column-end:3}.lg\:cell-col-start-4,.lg\:cell-start-4{grid-column-start:4}.lg\:cell-col-end-4,.lg\:cell-end-4{grid-column-end:4}.lg\:cell-col-start-5,.lg\:cell-start-5{grid-column-start:5}.lg\:cell-col-end-5,.lg\:cell-end-5{grid-column-end:5}.lg\:cell-col-start-6,.lg\:cell-start-6{grid-column-start:6}.lg\:cell-col-end-6,.lg\:cell-end-6{grid-column-end:6}.lg\:cell-col-start-7,.lg\:cell-start-7{grid-column-start:7}.lg\:cell-col-end-7,.lg\:cell-end-7{grid-column-end:7}.lg\:cell-col-start-8,.lg\:cell-start-8{grid-column-start:8}.lg\:cell-col-end-8,.lg\:cell-end-8{grid-column-end:8}.lg\:cell-col-start-9,.lg\:cell-start-9{grid-column-start:9}.lg\:cell-col-end-9,.lg\:cell-end-9{grid-column-end:9}.lg\:cell-col-start-10,.lg\:cell-start-10{grid-column-start:10}.lg\:cell-col-end-10,.lg\:cell-end-10{grid-column-end:10}.lg\:cell-col-start-11,.lg\:cell-start-11{grid-column-start:11}.lg\:cell-col-end-11,.lg\:cell-end-11{grid-column-end:11}.lg\:cell-col-start-12,.lg\:cell-start-12{grid-column-start:12}.lg\:cell-col-end-12,.lg\:cell-end-12{grid-column-end:12}.lg\:cell-col-start-13,.lg\:cell-start-13{grid-column-start:13}.lg\:cell-col-end-13,.lg\:cell-end-13{grid-column-end:13}.lg\:cell-row-start-1{grid-row-start:1}.lg\:cell-row-end-1{grid-row-end:1}.lg\:cell-row-start-2{grid-row-start:2}.lg\:cell-row-end-2{grid-row-end:2}.lg\:cell-row-start-3{grid-row-start:3}.lg\:cell-row-end-3{grid-row-end:3}.lg\:cell-row-start-4{grid-row-start:4}.lg\:cell-row-end-4{grid-row-end:4}.lg\:cell-row-start-5{grid-row-start:5}.lg\:cell-row-end-5{grid-row-end:5}.lg\:cell-row-start-6{grid-row-start:6}.lg\:cell-row-end-6{grid-row-end:6}.lg\:cell-row-start-7{grid-row-start:7}.lg\:cell-row-end-7{grid-row-end:7}.lg\:cell-order-first{order:-9999}.lg\:cell-order-last{order:9999}.lg\:cell-order-none{order:0}.lg\:cell-order-1{order:1}.lg\:cell-order-2{order:2}.lg\:cell-order-3{order:3}.lg\:cell-order-4{order:4}.lg\:cell-order-5{order:5}.lg\:cell-order-6{order:6}.lg\:cell-order-7{order:7}.lg\:cell-order-8{order:8}.lg\:cell-order-9{order:9}.lg\:cell-order-10{order:10}.lg\:cell-order-11{order:11}.lg\:cell-order-12{order:12}}.gap-px{gap:1px}.gap-x-px{column-gap:1px}.gap-y-px{row-gap:1px}.gap-0,.gap-0 [class^=grid]{gap:0}.gap-x-0,.gap-x-0 [class^=grid]{column-gap:0}.gap-y-0,.gap-y-0 [class^=grid]{row-gap:0}.gap-1,.gap-1 [class^=grid]{gap:.25rem}.gap-x-1,.gap-x-1 [class^=grid]{column-gap:.25rem}.gap-y-1,.gap-y-1 [class^=grid]{row-gap:.25rem}.gap-2,.gap-2 [class^=grid]{gap:.5rem}.gap-x-2,.gap-x-2 [class^=grid]{column-gap:.5rem}.gap-y-2,.gap-y-2 [class^=grid]{row-gap:.5rem}.gap-3,.gap-3 [class^=grid]{gap:.75rem}.gap-x-3,.gap-x-3 [class^=grid]{column-gap:.75rem}.gap-y-3,.gap-y-3 [class^=grid]{row-gap:.75rem}.gap-4,.gap-4 [class^=grid]{gap:1rem}.gap-x-4,.gap-x-4 [class^=grid]{column-gap:1rem}.gap-y-4,.gap-y-4 [class^=grid]{row-gap:1rem}.gap-5,.gap-5 [class^=grid]{gap:1.25rem}.gap-x-5,.gap-x-5 [class^=grid]{column-gap:1.25rem}.gap-y-5,.gap-y-5 [class^=grid]{row-gap:1.25rem}.gap-6,.gap-6 [class^=grid]{gap:1.5rem}.gap-x-6,.gap-x-6 [class^=grid]{column-gap:1.5rem}.gap-y-6,.gap-y-6 [class^=grid]{row-gap:1.5rem}.gap-7,.gap-7 [class^=grid]{gap:1.75rem}.gap-x-7,.gap-x-7 [class^=grid]{column-gap:1.75rem}.gap-y-7,.gap-y-7 [class^=grid]{row-gap:1.75rem}.gap-8,.gap-8 [class^=grid]{gap:2rem}.gap-x-8,.gap-x-8 [class^=grid]{column-gap:2rem}.gap-y-8,.gap-y-8 [class^=grid]{row-gap:2rem}.gap-9,.gap-9 [class^=grid]{gap:2.25rem}.gap-x-9,.gap-x-9 [class^=grid]{column-gap:2.25rem}.gap-y-9,.gap-y-9 [class^=grid]{row-gap:2.25rem}.gap-10,.gap-10 [class^=grid]{gap:2.5rem}.gap-x-10,.gap-x-10 [class^=grid]{column-gap:2.5rem}.gap-y-10,.gap-y-10 [class^=grid]{row-gap:2.5rem} diff --git a/public/page-templates/css-grid-framework/6-order/css.inc b/public/page-templates/css-grid-framework/6-order/css.inc index f121605eb..4b5e768ff 100644 --- a/public/page-templates/css-grid-framework/6-order/css.inc +++ b/public/page-templates/css-grid-framework/6-order/css.inc @@ -1,9 +1,9 @@ /** * License: MIT License * Generated on 25 May 2021 - * Author: Fpassaniti for Opendatasoft + * Author: Fpassaniti for Huwise * Version: 0.1 - * Description: CSS Grid framework for Opendatasoft pages (and more). Go to http://codelibrary.opendatasoft.com/ for more information (doc & examples). + * Description: CSS Grid framework for Huwise pages (and more). Go to http://codelibrary.huwise.com/ for more information (doc & examples). */ [class^=grid]{display:grid;grid-gap:1rem}.grid-auto,.grid-auto-flow,.grid-cols-auto-flow{grid-auto-flow:column}.grid-rows-auto-flow{grid-auto-flow:row}.grid-cols-fit,.grid-fit{grid-auto-columns:max-content}.grid-rows-fit{grid-auto-rows:max-content}.grid-2,.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4,.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5,.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-6,.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-7,.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-8,.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-9,.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-10,.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-11,.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-12,.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-none{grid-template-columns:none}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.grid-rows-none{grid-template-rows:none}[class*=":cell"],[class^=cell]{display:flex;flex-direction:column;justify-content:stretch}.cell-auto,.cell-span-auto{grid-column:auto}.cell-full,.cell-span-full{grid-column:1/-1}.cell-1,.cell-span-1{grid-column:span 1/span 1}.cell-2,.cell-span-2{grid-column:span 2/span 2}.cell-3,.cell-span-3{grid-column:span 3/span 3}.cell-4,.cell-span-4{grid-column:span 4/span 4}.cell-5,.cell-span-5{grid-column:span 5/span 5}.cell-6,.cell-span-6{grid-column:span 6/span 6}.cell-7,.cell-span-7{grid-column:span 7/span 7}.cell-8,.cell-span-8{grid-column:span 8/span 8}.cell-9,.cell-span-9{grid-column:span 9/span 9}.cell-10,.cell-span-10{grid-column:span 10/span 10}.cell-11,.cell-span-11{grid-column:span 11/span 11}.cell-12,.cell-span-12{grid-column:span 12/span 12}.cell-row-auto{grid-row:auto}.cell-row-full{grid-row:1/-1}.cell-row-1,.cell-row-span-1{grid-row:span 1/span 1}.cell-row-2,.cell-row-span-2{grid-row:span 2/span 2}.cell-row-3,.cell-row-span-3{grid-row:span 3/span 3}.cell-row-4,.cell-row-span-4{grid-row:span 4/span 4}.cell-row-5,.cell-row-span-5{grid-row:span 5/span 5}.cell-row-6,.cell-row-span-6{grid-row:span 6/span 6}.cell-col-start-1,.cell-start-1{grid-column-start:1}.cell-col-end-1,.cell-end-1{grid-column-end:1}.cell-col-start-2,.cell-start-2{grid-column-start:2}.cell-col-end-2,.cell-end-2{grid-column-end:2}.cell-col-start-3,.cell-start-3{grid-column-start:3}.cell-col-end-3,.cell-end-3{grid-column-end:3}.cell-col-start-4,.cell-start-4{grid-column-start:4}.cell-col-end-4,.cell-end-4{grid-column-end:4}.cell-col-start-5,.cell-start-5{grid-column-start:5}.cell-col-end-5,.cell-end-5{grid-column-end:5}.cell-col-start-6,.cell-start-6{grid-column-start:6}.cell-col-end-6,.cell-end-6{grid-column-end:6}.cell-col-start-7,.cell-start-7{grid-column-start:7}.cell-col-end-7,.cell-end-7{grid-column-end:7}.cell-col-start-8,.cell-start-8{grid-column-start:8}.cell-col-end-8,.cell-end-8{grid-column-end:8}.cell-col-start-9,.cell-start-9{grid-column-start:9}.cell-col-end-9,.cell-end-9{grid-column-end:9}.cell-col-start-10,.cell-start-10{grid-column-start:10}.cell-col-end-10,.cell-end-10{grid-column-end:10}.cell-col-start-11,.cell-start-11{grid-column-start:11}.cell-col-end-11,.cell-end-11{grid-column-end:11}.cell-col-start-12,.cell-start-12{grid-column-start:12}.cell-col-end-12,.cell-end-12{grid-column-end:12}.cell-col-start-13,.cell-start-13{grid-column-start:13}.cell-col-end-13,.cell-end-13{grid-column-end:13}.cell-row-start-1{grid-row-start:1}.cell-row-end-1{grid-row-end:1}.cell-row-start-2{grid-row-start:2}.cell-row-end-2{grid-row-end:2}.cell-row-start-3{grid-row-start:3}.cell-row-end-3{grid-row-end:3}.cell-row-start-4{grid-row-start:4}.cell-row-end-4{grid-row-end:4}.cell-row-start-5{grid-row-start:5}.cell-row-end-5{grid-row-end:5}.cell-row-start-6{grid-row-start:6}.cell-row-end-6{grid-row-end:6}.cell-row-start-7{grid-row-start:7}.cell-row-end-7{grid-row-end:7}.cell-order-first{order:-9999}.cell-order-last{order:9999}.cell-order-none{order:0}.cell-order-1{order:1}.cell-order-2{order:2}.cell-order-3{order:3}.cell-order-4{order:4}.cell-order-5{order:5}.cell-order-6{order:6}.cell-order-7{order:7}.cell-order-8{order:8}.cell-order-9{order:9}.cell-order-10{order:10}.cell-order-11{order:11}.cell-order-12{order:12}@media screen and (min-width:640px),print{.sm\:grid-2,.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-3,.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-4,.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-5,.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-6,.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-7,.sm\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.sm\:grid-8,.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:grid-9,.sm\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.sm\:grid-10,.sm\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.sm\:grid-11,.sm\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.sm\:grid-12,.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\:grid-cols-none{grid-template-columns:none}.sm\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.sm\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.sm\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.sm\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.sm\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.sm\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.sm\:grid-rows-none{grid-template-rows:none}.sm\:cell-auto,.sm\:cell-span-auto{grid-column:auto}.sm\:cell-full,.sm\:cell-span-full{grid-column:1/-1}.sm\:cell-1,.sm\:cell-span-1{grid-column:span 1/span 1}.sm\:cell-2,.sm\:cell-span-2{grid-column:span 2/span 2}.sm\:cell-3,.sm\:cell-span-3{grid-column:span 3/span 3}.sm\:cell-4,.sm\:cell-span-4{grid-column:span 4/span 4}.sm\:cell-5,.sm\:cell-span-5{grid-column:span 5/span 5}.sm\:cell-6,.sm\:cell-span-6{grid-column:span 6/span 6}.sm\:cell-7,.sm\:cell-span-7{grid-column:span 7/span 7}.sm\:cell-8,.sm\:cell-span-8{grid-column:span 8/span 8}.sm\:cell-9,.sm\:cell-span-9{grid-column:span 9/span 9}.sm\:cell-10,.sm\:cell-span-10{grid-column:span 10/span 10}.sm\:cell-11,.sm\:cell-span-11{grid-column:span 11/span 11}.sm\:cell-12,.sm\:cell-span-12{grid-column:span 12/span 12}.sm\:cell-row-auto{grid-row:auto}.sm\:cell-row-full{grid-row:1/-1}.sm\:cell-row-1,.sm\:cell-row-span-1{grid-row:span 1/span 1}.sm\:cell-row-2,.sm\:cell-row-span-2{grid-row:span 2/span 2}.sm\:cell-row-3,.sm\:cell-row-span-3{grid-row:span 3/span 3}.sm\:cell-row-4,.sm\:cell-row-span-4{grid-row:span 4/span 4}.sm\:cell-row-5,.sm\:cell-row-span-5{grid-row:span 5/span 5}.sm\:cell-row-6,.sm\:cell-row-span-6{grid-row:span 6/span 6}.sm\:cell-col-start-1,.sm\:cell-start-1{grid-column-start:1}.sm\:cell-col-end-1,.sm\:cell-end-1{grid-column-end:1}.sm\:cell-col-start-2,.sm\:cell-start-2{grid-column-start:2}.sm\:cell-col-end-2,.sm\:cell-end-2{grid-column-end:2}.sm\:cell-col-start-3,.sm\:cell-start-3{grid-column-start:3}.sm\:cell-col-end-3,.sm\:cell-end-3{grid-column-end:3}.sm\:cell-col-start-4,.sm\:cell-start-4{grid-column-start:4}.sm\:cell-col-end-4,.sm\:cell-end-4{grid-column-end:4}.sm\:cell-col-start-5,.sm\:cell-start-5{grid-column-start:5}.sm\:cell-col-end-5,.sm\:cell-end-5{grid-column-end:5}.sm\:cell-col-start-6,.sm\:cell-start-6{grid-column-start:6}.sm\:cell-col-end-6,.sm\:cell-end-6{grid-column-end:6}.sm\:cell-col-start-7,.sm\:cell-start-7{grid-column-start:7}.sm\:cell-col-end-7,.sm\:cell-end-7{grid-column-end:7}.sm\:cell-col-start-8,.sm\:cell-start-8{grid-column-start:8}.sm\:cell-col-end-8,.sm\:cell-end-8{grid-column-end:8}.sm\:cell-col-start-9,.sm\:cell-start-9{grid-column-start:9}.sm\:cell-col-end-9,.sm\:cell-end-9{grid-column-end:9}.sm\:cell-col-start-10,.sm\:cell-start-10{grid-column-start:10}.sm\:cell-col-end-10,.sm\:cell-end-10{grid-column-end:10}.sm\:cell-col-start-11,.sm\:cell-start-11{grid-column-start:11}.sm\:cell-col-end-11,.sm\:cell-end-11{grid-column-end:11}.sm\:cell-col-start-12,.sm\:cell-start-12{grid-column-start:12}.sm\:cell-col-end-12,.sm\:cell-end-12{grid-column-end:12}.sm\:cell-col-start-13,.sm\:cell-start-13{grid-column-start:13}.sm\:cell-col-end-13,.sm\:cell-end-13{grid-column-end:13}.sm\:cell-row-start-1{grid-row-start:1}.sm\:cell-row-end-1{grid-row-end:1}.sm\:cell-row-start-2{grid-row-start:2}.sm\:cell-row-end-2{grid-row-end:2}.sm\:cell-row-start-3{grid-row-start:3}.sm\:cell-row-end-3{grid-row-end:3}.sm\:cell-row-start-4{grid-row-start:4}.sm\:cell-row-end-4{grid-row-end:4}.sm\:cell-row-start-5{grid-row-start:5}.sm\:cell-row-end-5{grid-row-end:5}.sm\:cell-row-start-6{grid-row-start:6}.sm\:cell-row-end-6{grid-row-end:6}.sm\:cell-row-start-7{grid-row-start:7}.sm\:cell-row-end-7{grid-row-end:7}.sm\:cell-order-first{order:-9999}.sm\:cell-order-last{order:9999}.sm\:cell-order-none{order:0}.sm\:cell-order-1{order:1}.sm\:cell-order-2{order:2}.sm\:cell-order-3{order:3}.sm\:cell-order-4{order:4}.sm\:cell-order-5{order:5}.sm\:cell-order-6{order:6}.sm\:cell-order-7{order:7}.sm\:cell-order-8{order:8}.sm\:cell-order-9{order:9}.sm\:cell-order-10{order:10}.sm\:cell-order-11{order:11}.sm\:cell-order-12{order:12}}@media screen and (min-width:768px),print{.md\:grid-2,.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-3,.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-4,.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-5,.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-6,.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-7,.md\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\:grid-8,.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:grid-9,.md\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.md\:grid-10,.md\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\:grid-11,.md\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.md\:grid-12,.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-none{grid-template-columns:none}.md\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.md\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.md\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.md\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.md\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.md\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.md\:grid-rows-none{grid-template-rows:none}.md\:cell-auto,.md\:cell-span-auto{grid-column:auto}.md\:cell-full,.md\:cell-span-full{grid-column:1/-1}.md\:cell-1,.md\:cell-span-1{grid-column:span 1/span 1}.md\:cell-2,.md\:cell-span-2{grid-column:span 2/span 2}.md\:cell-3,.md\:cell-span-3{grid-column:span 3/span 3}.md\:cell-4,.md\:cell-span-4{grid-column:span 4/span 4}.md\:cell-5,.md\:cell-span-5{grid-column:span 5/span 5}.md\:cell-6,.md\:cell-span-6{grid-column:span 6/span 6}.md\:cell-7,.md\:cell-span-7{grid-column:span 7/span 7}.md\:cell-8,.md\:cell-span-8{grid-column:span 8/span 8}.md\:cell-9,.md\:cell-span-9{grid-column:span 9/span 9}.md\:cell-10,.md\:cell-span-10{grid-column:span 10/span 10}.md\:cell-11,.md\:cell-span-11{grid-column:span 11/span 11}.md\:cell-12,.md\:cell-span-12{grid-column:span 12/span 12}.md\:cell-row-auto{grid-row:auto}.md\:cell-row-full{grid-row:1/-1}.md\:cell-row-1,.md\:cell-row-span-1{grid-row:span 1/span 1}.md\:cell-row-2,.md\:cell-row-span-2{grid-row:span 2/span 2}.md\:cell-row-3,.md\:cell-row-span-3{grid-row:span 3/span 3}.md\:cell-row-4,.md\:cell-row-span-4{grid-row:span 4/span 4}.md\:cell-row-5,.md\:cell-row-span-5{grid-row:span 5/span 5}.md\:cell-row-6,.md\:cell-row-span-6{grid-row:span 6/span 6}.md\:cell-col-start-1,.md\:cell-start-1{grid-column-start:1}.md\:cell-col-end-1,.md\:cell-end-1{grid-column-end:1}.md\:cell-col-start-2,.md\:cell-start-2{grid-column-start:2}.md\:cell-col-end-2,.md\:cell-end-2{grid-column-end:2}.md\:cell-col-start-3,.md\:cell-start-3{grid-column-start:3}.md\:cell-col-end-3,.md\:cell-end-3{grid-column-end:3}.md\:cell-col-start-4,.md\:cell-start-4{grid-column-start:4}.md\:cell-col-end-4,.md\:cell-end-4{grid-column-end:4}.md\:cell-col-start-5,.md\:cell-start-5{grid-column-start:5}.md\:cell-col-end-5,.md\:cell-end-5{grid-column-end:5}.md\:cell-col-start-6,.md\:cell-start-6{grid-column-start:6}.md\:cell-col-end-6,.md\:cell-end-6{grid-column-end:6}.md\:cell-col-start-7,.md\:cell-start-7{grid-column-start:7}.md\:cell-col-end-7,.md\:cell-end-7{grid-column-end:7}.md\:cell-col-start-8,.md\:cell-start-8{grid-column-start:8}.md\:cell-col-end-8,.md\:cell-end-8{grid-column-end:8}.md\:cell-col-start-9,.md\:cell-start-9{grid-column-start:9}.md\:cell-col-end-9,.md\:cell-end-9{grid-column-end:9}.md\:cell-col-start-10,.md\:cell-start-10{grid-column-start:10}.md\:cell-col-end-10,.md\:cell-end-10{grid-column-end:10}.md\:cell-col-start-11,.md\:cell-start-11{grid-column-start:11}.md\:cell-col-end-11,.md\:cell-end-11{grid-column-end:11}.md\:cell-col-start-12,.md\:cell-start-12{grid-column-start:12}.md\:cell-col-end-12,.md\:cell-end-12{grid-column-end:12}.md\:cell-col-start-13,.md\:cell-start-13{grid-column-start:13}.md\:cell-col-end-13,.md\:cell-end-13{grid-column-end:13}.md\:cell-row-start-1{grid-row-start:1}.md\:cell-row-end-1{grid-row-end:1}.md\:cell-row-start-2{grid-row-start:2}.md\:cell-row-end-2{grid-row-end:2}.md\:cell-row-start-3{grid-row-start:3}.md\:cell-row-end-3{grid-row-end:3}.md\:cell-row-start-4{grid-row-start:4}.md\:cell-row-end-4{grid-row-end:4}.md\:cell-row-start-5{grid-row-start:5}.md\:cell-row-end-5{grid-row-end:5}.md\:cell-row-start-6{grid-row-start:6}.md\:cell-row-end-6{grid-row-end:6}.md\:cell-row-start-7{grid-row-start:7}.md\:cell-row-end-7{grid-row-end:7}.md\:cell-order-first{order:-9999}.md\:cell-order-last{order:9999}.md\:cell-order-none{order:0}.md\:cell-order-1{order:1}.md\:cell-order-2{order:2}.md\:cell-order-3{order:3}.md\:cell-order-4{order:4}.md\:cell-order-5{order:5}.md\:cell-order-6{order:6}.md\:cell-order-7{order:7}.md\:cell-order-8{order:8}.md\:cell-order-9{order:9}.md\:cell-order-10{order:10}.md\:cell-order-11{order:11}.md\:cell-order-12{order:12}}@media screen and (min-width:1024px),print{.lg\:grid-2,.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-3,.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-4,.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-5,.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-6,.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-7,.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-8,.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:grid-9,.lg\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.lg\:grid-10,.lg\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:grid-11,.lg\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lg\:grid-12,.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-none{grid-template-columns:none}.lg\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.lg\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.lg\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.lg\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.lg\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.lg\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.lg\:grid-rows-none{grid-template-rows:none}.lg\:cell-auto,.lg\:cell-span-auto{grid-column:auto}.lg\:cell-full,.lg\:cell-span-full{grid-column:1/-1}.lg\:cell-1,.lg\:cell-span-1{grid-column:span 1/span 1}.lg\:cell-2,.lg\:cell-span-2{grid-column:span 2/span 2}.lg\:cell-3,.lg\:cell-span-3{grid-column:span 3/span 3}.lg\:cell-4,.lg\:cell-span-4{grid-column:span 4/span 4}.lg\:cell-5,.lg\:cell-span-5{grid-column:span 5/span 5}.lg\:cell-6,.lg\:cell-span-6{grid-column:span 6/span 6}.lg\:cell-7,.lg\:cell-span-7{grid-column:span 7/span 7}.lg\:cell-8,.lg\:cell-span-8{grid-column:span 8/span 8}.lg\:cell-9,.lg\:cell-span-9{grid-column:span 9/span 9}.lg\:cell-10,.lg\:cell-span-10{grid-column:span 10/span 10}.lg\:cell-11,.lg\:cell-span-11{grid-column:span 11/span 11}.lg\:cell-12,.lg\:cell-span-12{grid-column:span 12/span 12}.lg\:cell-row-auto{grid-row:auto}.lg\:cell-row-full{grid-row:1/-1}.lg\:cell-row-1,.lg\:cell-row-span-1{grid-row:span 1/span 1}.lg\:cell-row-2,.lg\:cell-row-span-2{grid-row:span 2/span 2}.lg\:cell-row-3,.lg\:cell-row-span-3{grid-row:span 3/span 3}.lg\:cell-row-4,.lg\:cell-row-span-4{grid-row:span 4/span 4}.lg\:cell-row-5,.lg\:cell-row-span-5{grid-row:span 5/span 5}.lg\:cell-row-6,.lg\:cell-row-span-6{grid-row:span 6/span 6}.lg\:cell-col-start-1,.lg\:cell-start-1{grid-column-start:1}.lg\:cell-col-end-1,.lg\:cell-end-1{grid-column-end:1}.lg\:cell-col-start-2,.lg\:cell-start-2{grid-column-start:2}.lg\:cell-col-end-2,.lg\:cell-end-2{grid-column-end:2}.lg\:cell-col-start-3,.lg\:cell-start-3{grid-column-start:3}.lg\:cell-col-end-3,.lg\:cell-end-3{grid-column-end:3}.lg\:cell-col-start-4,.lg\:cell-start-4{grid-column-start:4}.lg\:cell-col-end-4,.lg\:cell-end-4{grid-column-end:4}.lg\:cell-col-start-5,.lg\:cell-start-5{grid-column-start:5}.lg\:cell-col-end-5,.lg\:cell-end-5{grid-column-end:5}.lg\:cell-col-start-6,.lg\:cell-start-6{grid-column-start:6}.lg\:cell-col-end-6,.lg\:cell-end-6{grid-column-end:6}.lg\:cell-col-start-7,.lg\:cell-start-7{grid-column-start:7}.lg\:cell-col-end-7,.lg\:cell-end-7{grid-column-end:7}.lg\:cell-col-start-8,.lg\:cell-start-8{grid-column-start:8}.lg\:cell-col-end-8,.lg\:cell-end-8{grid-column-end:8}.lg\:cell-col-start-9,.lg\:cell-start-9{grid-column-start:9}.lg\:cell-col-end-9,.lg\:cell-end-9{grid-column-end:9}.lg\:cell-col-start-10,.lg\:cell-start-10{grid-column-start:10}.lg\:cell-col-end-10,.lg\:cell-end-10{grid-column-end:10}.lg\:cell-col-start-11,.lg\:cell-start-11{grid-column-start:11}.lg\:cell-col-end-11,.lg\:cell-end-11{grid-column-end:11}.lg\:cell-col-start-12,.lg\:cell-start-12{grid-column-start:12}.lg\:cell-col-end-12,.lg\:cell-end-12{grid-column-end:12}.lg\:cell-col-start-13,.lg\:cell-start-13{grid-column-start:13}.lg\:cell-col-end-13,.lg\:cell-end-13{grid-column-end:13}.lg\:cell-row-start-1{grid-row-start:1}.lg\:cell-row-end-1{grid-row-end:1}.lg\:cell-row-start-2{grid-row-start:2}.lg\:cell-row-end-2{grid-row-end:2}.lg\:cell-row-start-3{grid-row-start:3}.lg\:cell-row-end-3{grid-row-end:3}.lg\:cell-row-start-4{grid-row-start:4}.lg\:cell-row-end-4{grid-row-end:4}.lg\:cell-row-start-5{grid-row-start:5}.lg\:cell-row-end-5{grid-row-end:5}.lg\:cell-row-start-6{grid-row-start:6}.lg\:cell-row-end-6{grid-row-end:6}.lg\:cell-row-start-7{grid-row-start:7}.lg\:cell-row-end-7{grid-row-end:7}.lg\:cell-order-first{order:-9999}.lg\:cell-order-last{order:9999}.lg\:cell-order-none{order:0}.lg\:cell-order-1{order:1}.lg\:cell-order-2{order:2}.lg\:cell-order-3{order:3}.lg\:cell-order-4{order:4}.lg\:cell-order-5{order:5}.lg\:cell-order-6{order:6}.lg\:cell-order-7{order:7}.lg\:cell-order-8{order:8}.lg\:cell-order-9{order:9}.lg\:cell-order-10{order:10}.lg\:cell-order-11{order:11}.lg\:cell-order-12{order:12}}.gap-px{gap:1px}.gap-x-px{column-gap:1px}.gap-y-px{row-gap:1px}.gap-0,.gap-0 [class^=grid]{gap:0}.gap-x-0,.gap-x-0 [class^=grid]{column-gap:0}.gap-y-0,.gap-y-0 [class^=grid]{row-gap:0}.gap-1,.gap-1 [class^=grid]{gap:.25rem}.gap-x-1,.gap-x-1 [class^=grid]{column-gap:.25rem}.gap-y-1,.gap-y-1 [class^=grid]{row-gap:.25rem}.gap-2,.gap-2 [class^=grid]{gap:.5rem}.gap-x-2,.gap-x-2 [class^=grid]{column-gap:.5rem}.gap-y-2,.gap-y-2 [class^=grid]{row-gap:.5rem}.gap-3,.gap-3 [class^=grid]{gap:.75rem}.gap-x-3,.gap-x-3 [class^=grid]{column-gap:.75rem}.gap-y-3,.gap-y-3 [class^=grid]{row-gap:.75rem}.gap-4,.gap-4 [class^=grid]{gap:1rem}.gap-x-4,.gap-x-4 [class^=grid]{column-gap:1rem}.gap-y-4,.gap-y-4 [class^=grid]{row-gap:1rem}.gap-5,.gap-5 [class^=grid]{gap:1.25rem}.gap-x-5,.gap-x-5 [class^=grid]{column-gap:1.25rem}.gap-y-5,.gap-y-5 [class^=grid]{row-gap:1.25rem}.gap-6,.gap-6 [class^=grid]{gap:1.5rem}.gap-x-6,.gap-x-6 [class^=grid]{column-gap:1.5rem}.gap-y-6,.gap-y-6 [class^=grid]{row-gap:1.5rem}.gap-7,.gap-7 [class^=grid]{gap:1.75rem}.gap-x-7,.gap-x-7 [class^=grid]{column-gap:1.75rem}.gap-y-7,.gap-y-7 [class^=grid]{row-gap:1.75rem}.gap-8,.gap-8 [class^=grid]{gap:2rem}.gap-x-8,.gap-x-8 [class^=grid]{column-gap:2rem}.gap-y-8,.gap-y-8 [class^=grid]{row-gap:2rem}.gap-9,.gap-9 [class^=grid]{gap:2.25rem}.gap-x-9,.gap-x-9 [class^=grid]{column-gap:2.25rem}.gap-y-9,.gap-y-9 [class^=grid]{row-gap:2.25rem}.gap-10,.gap-10 [class^=grid]{gap:2.5rem}.gap-x-10,.gap-x-10 [class^=grid]{column-gap:2.5rem}.gap-y-10,.gap-y-10 [class^=grid]{row-gap:2.5rem} diff --git a/public/page-templates/css-grid-framework/6-order/html.inc b/public/page-templates/css-grid-framework/6-order/html.inc index 595fabf11..0eba6b518 100644 --- a/public/page-templates/css-grid-framework/6-order/html.inc +++ b/public/page-templates/css-grid-framework/6-order/html.inc @@ -10,13 +10,13 @@

        MAIN Content

        - +

        MAIN Content

        - +
        @@ -34,13 +34,13 @@

        MAIN Content

        - +

        MAIN Content

        - +
        diff --git a/public/page-templates/css-grid-framework/index.html b/public/page-templates/css-grid-framework/index.html index 0f7815bd9..9c25e440c 100644 --- a/public/page-templates/css-grid-framework/index.html +++ b/public/page-templates/css-grid-framework/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@
        - @@ -215,7 +232,7 @@
        • + href="https://codelibrary.huwize.com/"> Home
          • @@ -232,6 +249,54 @@ + + + + + + + + + + + + + + + + + + + + + +
        • + + Apps + + +
          • + + + + + + + + + + + + + + + + + + + + @@ -286,6 +351,9 @@ + + +
        • @@ -310,6 +378,9 @@ + + + @@ -359,6 +430,16 @@
          • +
        • + +
          + Dashboard with filters + + +
          +           +
          • +
          • +
        • + +
          + Dataviz gallery page + + +
          +           +
          • +
          • +
        • + +
          + Home page 4 with access cards + + +
          +           +
          • + +
        • + +
          + Listing page + + +
          +           +
          • +
          • @@ -590,51 +699,67 @@
          - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
          @@ -645,13 +770,12 @@
          -
          -

          Page Templates - CSS Grid Framework

          -
          -

          This resource introduces a CSS Grid framework based on CSS Grid layout system.

          +
          +

          Page Templates - CSS Grid Framework

          +
          +

          This resource introduces a CSS Grid framework based on CSS Grid layout system.

          -

          It’s an alternative to ODS Layout system, suitable for expert users, looking for more advanced layout system, specially designed for 2 dimensions layouts instead of one.

          -
          +

          It’s an alternative to ODS Layout system, suitable for expert users, looking for more advanced layout system, specially designed for 2 dimensions layouts instead of one.

          CSS Grid is the most modern and performant way to structure pages.

          A framework is a set of CSS classes to set into the HTML to easily develop nice looking pages.

          This framework covers :

          @@ -663,22 +787,21 @@

          Page Templates - CSS Grid Framework

          Note: this framework is used by ODS Labs team for some resources. It is not intended to replace ODS default layout already used in pages. -You should also consider that CSS Grid layout or Flexbox are already available in every browser and can directly be used on the platform without any required framework.

          -
          +You should also consider that CSS Grid layout or Flexbox are already available in every browser and can directly be used on the platform without any required framework.

          -
          - -
          -

          - Benefits - - - - - -

          -
          -

          Why should you use this framework ?

          +
          + +
          +

          + Benefits + + + + + +

          +
          +

          Why should you use this framework ?

          • adaptive height between cells of a same row.
          • automatic gap management (ie. no need of complex margins, with negative paddings on rows coupled with positive margins on columns).
            • @@ -692,10 +815,11 @@

            Therefore, if you want to develop quickly without spending time learning more advanced techniques, you should skip this resource. On the other hand, if you are ready to learn new techniques to develop advanced and complex grids, it’s a good starting point !

            -

          - -
          - +
          + + +
          + @@ -707,6 +831,14 @@

          + + + + + + + +
          name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"container\"\u003e\n \u003ch4\u003eKPI Wall\u003c/h4\u003e\n \u003cdiv class=\"grid-4\"\u003e\n \u003cdiv class=\"cell-full sm:cell-2 md:cell-1\"\u003e\n \u003cdiv class=\"box dark\"\u003eI'm a KPI, 12/12 on mobile, 6/12 on tablet, 3/12 above !\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cell-full sm:cell-2 md:cell-1\"\u003e\n \u003cdiv class=\"box dark\"\u003eI'm a KPI, 12/12 on mobile, 6/12 on tablet, 3/12 above !\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cell-full sm:cell-2 md:cell-1\"\u003e\n \u003cdiv class=\"box dark\"\u003eI'm a KPI, 12/12 on mobile, 6/12 on tablet, 3/12 above !\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cell-full sm:cell-2 md:cell-1\"\u003e\n \u003cdiv class=\"box dark\"\u003eI'm a KPI, 12/12 on mobile, 6/12 on tablet, 3/12 above !\u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003ch4\u003eKPI and it's description\u003c/h4\u003e\n \u003cdiv class=\"grid-12\"\u003e\n \u003cdiv class=\"cell-start-5 cell-end-9 md:cell-3\"\u003e\n \u003cdiv class=\"box dark\"\u003eI'm a KPI, centered on mobile, 3/12 above !\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"md:cell-9\"\u003e\n \u003cdiv class=\"box dark\"\u003eI'm it's description, 12/12 on mobile, 9/12 above !\u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003ch4\u003eAdaptive height\u003c/h4\u003e\n \u003cdiv class=\"grid-cols-11\"\u003e\n \u003cdiv class=\"cell-3\"\u003e\n \u003cdiv class=\"box dark\"\u003eI'm a small KPI !\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"grid cell-5\"\u003e\n \u003cdiv class=\"box dark\"\u003e\n I'm a KPI\n \u003c/div\u003e\n \u003cdiv class=\"box dark\"\u003e\n I'm a KPI\n \u003c/div\u003e\n \u003cdiv class=\"box dark\"\u003e\n I'm a KPI\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cell-3\"\u003e\n \u003cdiv class=\"box dark\"\u003e\n I'm a tall KPI with a lot of content !\n \u003cbr/\u003e\n A\n \u003c/br\u003e\n B\n \u003c/br\u003e\n C\n \u003c/br\u003e\n D\n \u003c/br\u003e\n E\n \u003c/br\u003e\n F\n \u003c/br\u003e\n G\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/div\u003e\u003c/div\u003e", - "css": "/**\n * License: MIT License\n * Generated on 25 May 2021\n * Author: Fpassaniti for Opendatasoft\n * Version: 0.1\n * Description: CSS Grid framework for Opendatasoft pages (and more). Go to http://codelibrary.opendatasoft.com/ for more information (doc \u0026 examples).\n */\n\n[class^=grid]{display:grid;grid-gap:1rem}.grid-auto,.grid-auto-flow,.grid-cols-auto-flow{grid-auto-flow:column}.grid-rows-auto-flow{grid-auto-flow:row}.grid-cols-fit,.grid-fit{grid-auto-columns:max-content}.grid-rows-fit{grid-auto-rows:max-content}.grid-2,.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4,.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5,.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-6,.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-7,.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-8,.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-9,.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-10,.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-11,.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-12,.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-none{grid-template-columns:none}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.grid-rows-none{grid-template-rows:none}[class*=\":cell\"],[class^=cell]{display:flex;flex-direction:column;justify-content:stretch}.cell-auto,.cell-span-auto{grid-column:auto}.cell-full,.cell-span-full{grid-column:1/-1}.cell-1,.cell-span-1{grid-column:span 1/span 1}.cell-2,.cell-span-2{grid-column:span 2/span 2}.cell-3,.cell-span-3{grid-column:span 3/span 3}.cell-4,.cell-span-4{grid-column:span 4/span 4}.cell-5,.cell-span-5{grid-column:span 5/span 5}.cell-6,.cell-span-6{grid-column:span 6/span 6}.cell-7,.cell-span-7{grid-column:span 7/span 7}.cell-8,.cell-span-8{grid-column:span 8/span 8}.cell-9,.cell-span-9{grid-column:span 9/span 9}.cell-10,.cell-span-10{grid-column:span 10/span 10}.cell-11,.cell-span-11{grid-column:span 11/span 11}.cell-12,.cell-span-12{grid-column:span 12/span 12}.cell-row-auto{grid-row:auto}.cell-row-full{grid-row:1/-1}.cell-row-1,.cell-row-span-1{grid-row:span 1/span 1}.cell-row-2,.cell-row-span-2{grid-row:span 2/span 2}.cell-row-3,.cell-row-span-3{grid-row:span 3/span 3}.cell-row-4,.cell-row-span-4{grid-row:span 4/span 4}.cell-row-5,.cell-row-span-5{grid-row:span 5/span 5}.cell-row-6,.cell-row-span-6{grid-row:span 6/span 6}.cell-col-start-1,.cell-start-1{grid-column-start:1}.cell-col-end-1,.cell-end-1{grid-column-end:1}.cell-col-start-2,.cell-start-2{grid-column-start:2}.cell-col-end-2,.cell-end-2{grid-column-end:2}.cell-col-start-3,.cell-start-3{grid-column-start:3}.cell-col-end-3,.cell-end-3{grid-column-end:3}.cell-col-start-4,.cell-start-4{grid-column-start:4}.cell-col-end-4,.cell-end-4{grid-column-end:4}.cell-col-start-5,.cell-start-5{grid-column-start:5}.cell-col-end-5,.cell-end-5{grid-column-end:5}.cell-col-start-6,.cell-start-6{grid-column-start:6}.cell-col-end-6,.cell-end-6{grid-column-end:6}.cell-col-start-7,.cell-start-7{grid-column-start:7}.cell-col-end-7,.cell-end-7{grid-column-end:7}.cell-col-start-8,.cell-start-8{grid-column-start:8}.cell-col-end-8,.cell-end-8{grid-column-end:8}.cell-col-start-9,.cell-start-9{grid-column-start:9}.cell-col-end-9,.cell-end-9{grid-column-end:9}.cell-col-start-10,.cell-start-10{grid-column-start:10}.cell-col-end-10,.cell-end-10{grid-column-end:10}.cell-col-start-11,.cell-start-11{grid-column-start:11}.cell-col-end-11,.cell-end-11{grid-column-end:11}.cell-col-start-12,.cell-start-12{grid-column-start:12}.cell-col-end-12,.cell-end-12{grid-column-end:12}.cell-col-start-13,.cell-start-13{grid-column-start:13}.cell-col-end-13,.cell-end-13{grid-column-end:13}.cell-row-start-1{grid-row-start:1}.cell-row-end-1{grid-row-end:1}.cell-row-start-2{grid-row-start:2}.cell-row-end-2{grid-row-end:2}.cell-row-start-3{grid-row-start:3}.cell-row-end-3{grid-row-end:3}.cell-row-start-4{grid-row-start:4}.cell-row-end-4{grid-row-end:4}.cell-row-start-5{grid-row-start:5}.cell-row-end-5{grid-row-end:5}.cell-row-start-6{grid-row-start:6}.cell-row-end-6{grid-row-end:6}.cell-row-start-7{grid-row-start:7}.cell-row-end-7{grid-row-end:7}.cell-order-first{order:-9999}.cell-order-last{order:9999}.cell-order-none{order:0}.cell-order-1{order:1}.cell-order-2{order:2}.cell-order-3{order:3}.cell-order-4{order:4}.cell-order-5{order:5}.cell-order-6{order:6}.cell-order-7{order:7}.cell-order-8{order:8}.cell-order-9{order:9}.cell-order-10{order:10}.cell-order-11{order:11}.cell-order-12{order:12}@media screen and (min-width:640px),print{.sm\\:grid-2,.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\\:grid-3,.sm\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\\:grid-4,.sm\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\\:grid-5,.sm\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\\:grid-6,.sm\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\\:grid-7,.sm\\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.sm\\:grid-8,.sm\\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\\:grid-9,.sm\\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.sm\\:grid-10,.sm\\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.sm\\:grid-11,.sm\\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.sm\\:grid-12,.sm\\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\\:grid-cols-none{grid-template-columns:none}.sm\\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.sm\\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.sm\\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.sm\\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.sm\\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.sm\\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.sm\\:grid-rows-none{grid-template-rows:none}.sm\\:cell-auto,.sm\\:cell-span-auto{grid-column:auto}.sm\\:cell-full,.sm\\:cell-span-full{grid-column:1/-1}.sm\\:cell-1,.sm\\:cell-span-1{grid-column:span 1/span 1}.sm\\:cell-2,.sm\\:cell-span-2{grid-column:span 2/span 2}.sm\\:cell-3,.sm\\:cell-span-3{grid-column:span 3/span 3}.sm\\:cell-4,.sm\\:cell-span-4{grid-column:span 4/span 4}.sm\\:cell-5,.sm\\:cell-span-5{grid-column:span 5/span 5}.sm\\:cell-6,.sm\\:cell-span-6{grid-column:span 6/span 6}.sm\\:cell-7,.sm\\:cell-span-7{grid-column:span 7/span 7}.sm\\:cell-8,.sm\\:cell-span-8{grid-column:span 8/span 8}.sm\\:cell-9,.sm\\:cell-span-9{grid-column:span 9/span 9}.sm\\:cell-10,.sm\\:cell-span-10{grid-column:span 10/span 10}.sm\\:cell-11,.sm\\:cell-span-11{grid-column:span 11/span 11}.sm\\:cell-12,.sm\\:cell-span-12{grid-column:span 12/span 12}.sm\\:cell-row-auto{grid-row:auto}.sm\\:cell-row-full{grid-row:1/-1}.sm\\:cell-row-1,.sm\\:cell-row-span-1{grid-row:span 1/span 1}.sm\\:cell-row-2,.sm\\:cell-row-span-2{grid-row:span 2/span 2}.sm\\:cell-row-3,.sm\\:cell-row-span-3{grid-row:span 3/span 3}.sm\\:cell-row-4,.sm\\:cell-row-span-4{grid-row:span 4/span 4}.sm\\:cell-row-5,.sm\\:cell-row-span-5{grid-row:span 5/span 5}.sm\\:cell-row-6,.sm\\:cell-row-span-6{grid-row:span 6/span 6}.sm\\:cell-col-start-1,.sm\\:cell-start-1{grid-column-start:1}.sm\\:cell-col-end-1,.sm\\:cell-end-1{grid-column-end:1}.sm\\:cell-col-start-2,.sm\\:cell-start-2{grid-column-start:2}.sm\\:cell-col-end-2,.sm\\:cell-end-2{grid-column-end:2}.sm\\:cell-col-start-3,.sm\\:cell-start-3{grid-column-start:3}.sm\\:cell-col-end-3,.sm\\:cell-end-3{grid-column-end:3}.sm\\:cell-col-start-4,.sm\\:cell-start-4{grid-column-start:4}.sm\\:cell-col-end-4,.sm\\:cell-end-4{grid-column-end:4}.sm\\:cell-col-start-5,.sm\\:cell-start-5{grid-column-start:5}.sm\\:cell-col-end-5,.sm\\:cell-end-5{grid-column-end:5}.sm\\:cell-col-start-6,.sm\\:cell-start-6{grid-column-start:6}.sm\\:cell-col-end-6,.sm\\:cell-end-6{grid-column-end:6}.sm\\:cell-col-start-7,.sm\\:cell-start-7{grid-column-start:7}.sm\\:cell-col-end-7,.sm\\:cell-end-7{grid-column-end:7}.sm\\:cell-col-start-8,.sm\\:cell-start-8{grid-column-start:8}.sm\\:cell-col-end-8,.sm\\:cell-end-8{grid-column-end:8}.sm\\:cell-col-start-9,.sm\\:cell-start-9{grid-column-start:9}.sm\\:cell-col-end-9,.sm\\:cell-end-9{grid-column-end:9}.sm\\:cell-col-start-10,.sm\\:cell-start-10{grid-column-start:10}.sm\\:cell-col-end-10,.sm\\:cell-end-10{grid-column-end:10}.sm\\:cell-col-start-11,.sm\\:cell-start-11{grid-column-start:11}.sm\\:cell-col-end-11,.sm\\:cell-end-11{grid-column-end:11}.sm\\:cell-col-start-12,.sm\\:cell-start-12{grid-column-start:12}.sm\\:cell-col-end-12,.sm\\:cell-end-12{grid-column-end:12}.sm\\:cell-col-start-13,.sm\\:cell-start-13{grid-column-start:13}.sm\\:cell-col-end-13,.sm\\:cell-end-13{grid-column-end:13}.sm\\:cell-row-start-1{grid-row-start:1}.sm\\:cell-row-end-1{grid-row-end:1}.sm\\:cell-row-start-2{grid-row-start:2}.sm\\:cell-row-end-2{grid-row-end:2}.sm\\:cell-row-start-3{grid-row-start:3}.sm\\:cell-row-end-3{grid-row-end:3}.sm\\:cell-row-start-4{grid-row-start:4}.sm\\:cell-row-end-4{grid-row-end:4}.sm\\:cell-row-start-5{grid-row-start:5}.sm\\:cell-row-end-5{grid-row-end:5}.sm\\:cell-row-start-6{grid-row-start:6}.sm\\:cell-row-end-6{grid-row-end:6}.sm\\:cell-row-start-7{grid-row-start:7}.sm\\:cell-row-end-7{grid-row-end:7}.sm\\:cell-order-first{order:-9999}.sm\\:cell-order-last{order:9999}.sm\\:cell-order-none{order:0}.sm\\:cell-order-1{order:1}.sm\\:cell-order-2{order:2}.sm\\:cell-order-3{order:3}.sm\\:cell-order-4{order:4}.sm\\:cell-order-5{order:5}.sm\\:cell-order-6{order:6}.sm\\:cell-order-7{order:7}.sm\\:cell-order-8{order:8}.sm\\:cell-order-9{order:9}.sm\\:cell-order-10{order:10}.sm\\:cell-order-11{order:11}.sm\\:cell-order-12{order:12}}@media screen and (min-width:768px),print{.md\\:grid-2,.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-3,.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\\:grid-4,.md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\\:grid-5,.md\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\\:grid-6,.md\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\\:grid-7,.md\\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\\:grid-8,.md\\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\\:grid-9,.md\\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.md\\:grid-10,.md\\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\\:grid-11,.md\\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.md\\:grid-12,.md\\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\\:grid-cols-none{grid-template-columns:none}.md\\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.md\\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.md\\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.md\\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.md\\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.md\\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.md\\:grid-rows-none{grid-template-rows:none}.md\\:cell-auto,.md\\:cell-span-auto{grid-column:auto}.md\\:cell-full,.md\\:cell-span-full{grid-column:1/-1}.md\\:cell-1,.md\\:cell-span-1{grid-column:span 1/span 1}.md\\:cell-2,.md\\:cell-span-2{grid-column:span 2/span 2}.md\\:cell-3,.md\\:cell-span-3{grid-column:span 3/span 3}.md\\:cell-4,.md\\:cell-span-4{grid-column:span 4/span 4}.md\\:cell-5,.md\\:cell-span-5{grid-column:span 5/span 5}.md\\:cell-6,.md\\:cell-span-6{grid-column:span 6/span 6}.md\\:cell-7,.md\\:cell-span-7{grid-column:span 7/span 7}.md\\:cell-8,.md\\:cell-span-8{grid-column:span 8/span 8}.md\\:cell-9,.md\\:cell-span-9{grid-column:span 9/span 9}.md\\:cell-10,.md\\:cell-span-10{grid-column:span 10/span 10}.md\\:cell-11,.md\\:cell-span-11{grid-column:span 11/span 11}.md\\:cell-12,.md\\:cell-span-12{grid-column:span 12/span 12}.md\\:cell-row-auto{grid-row:auto}.md\\:cell-row-full{grid-row:1/-1}.md\\:cell-row-1,.md\\:cell-row-span-1{grid-row:span 1/span 1}.md\\:cell-row-2,.md\\:cell-row-span-2{grid-row:span 2/span 2}.md\\:cell-row-3,.md\\:cell-row-span-3{grid-row:span 3/span 3}.md\\:cell-row-4,.md\\:cell-row-span-4{grid-row:span 4/span 4}.md\\:cell-row-5,.md\\:cell-row-span-5{grid-row:span 5/span 5}.md\\:cell-row-6,.md\\:cell-row-span-6{grid-row:span 6/span 6}.md\\:cell-col-start-1,.md\\:cell-start-1{grid-column-start:1}.md\\:cell-col-end-1,.md\\:cell-end-1{grid-column-end:1}.md\\:cell-col-start-2,.md\\:cell-start-2{grid-column-start:2}.md\\:cell-col-end-2,.md\\:cell-end-2{grid-column-end:2}.md\\:cell-col-start-3,.md\\:cell-start-3{grid-column-start:3}.md\\:cell-col-end-3,.md\\:cell-end-3{grid-column-end:3}.md\\:cell-col-start-4,.md\\:cell-start-4{grid-column-start:4}.md\\:cell-col-end-4,.md\\:cell-end-4{grid-column-end:4}.md\\:cell-col-start-5,.md\\:cell-start-5{grid-column-start:5}.md\\:cell-col-end-5,.md\\:cell-end-5{grid-column-end:5}.md\\:cell-col-start-6,.md\\:cell-start-6{grid-column-start:6}.md\\:cell-col-end-6,.md\\:cell-end-6{grid-column-end:6}.md\\:cell-col-start-7,.md\\:cell-start-7{grid-column-start:7}.md\\:cell-col-end-7,.md\\:cell-end-7{grid-column-end:7}.md\\:cell-col-start-8,.md\\:cell-start-8{grid-column-start:8}.md\\:cell-col-end-8,.md\\:cell-end-8{grid-column-end:8}.md\\:cell-col-start-9,.md\\:cell-start-9{grid-column-start:9}.md\\:cell-col-end-9,.md\\:cell-end-9{grid-column-end:9}.md\\:cell-col-start-10,.md\\:cell-start-10{grid-column-start:10}.md\\:cell-col-end-10,.md\\:cell-end-10{grid-column-end:10}.md\\:cell-col-start-11,.md\\:cell-start-11{grid-column-start:11}.md\\:cell-col-end-11,.md\\:cell-end-11{grid-column-end:11}.md\\:cell-col-start-12,.md\\:cell-start-12{grid-column-start:12}.md\\:cell-col-end-12,.md\\:cell-end-12{grid-column-end:12}.md\\:cell-col-start-13,.md\\:cell-start-13{grid-column-start:13}.md\\:cell-col-end-13,.md\\:cell-end-13{grid-column-end:13}.md\\:cell-row-start-1{grid-row-start:1}.md\\:cell-row-end-1{grid-row-end:1}.md\\:cell-row-start-2{grid-row-start:2}.md\\:cell-row-end-2{grid-row-end:2}.md\\:cell-row-start-3{grid-row-start:3}.md\\:cell-row-end-3{grid-row-end:3}.md\\:cell-row-start-4{grid-row-start:4}.md\\:cell-row-end-4{grid-row-end:4}.md\\:cell-row-start-5{grid-row-start:5}.md\\:cell-row-end-5{grid-row-end:5}.md\\:cell-row-start-6{grid-row-start:6}.md\\:cell-row-end-6{grid-row-end:6}.md\\:cell-row-start-7{grid-row-start:7}.md\\:cell-row-end-7{grid-row-end:7}.md\\:cell-order-first{order:-9999}.md\\:cell-order-last{order:9999}.md\\:cell-order-none{order:0}.md\\:cell-order-1{order:1}.md\\:cell-order-2{order:2}.md\\:cell-order-3{order:3}.md\\:cell-order-4{order:4}.md\\:cell-order-5{order:5}.md\\:cell-order-6{order:6}.md\\:cell-order-7{order:7}.md\\:cell-order-8{order:8}.md\\:cell-order-9{order:9}.md\\:cell-order-10{order:10}.md\\:cell-order-11{order:11}.md\\:cell-order-12{order:12}}@media screen and (min-width:1024px),print{.lg\\:grid-2,.lg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\\:grid-3,.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\\:grid-4,.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\\:grid-5,.lg\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\\:grid-6,.lg\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\\:grid-7,.lg\\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\\:grid-8,.lg\\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\\:grid-9,.lg\\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.lg\\:grid-10,.lg\\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\\:grid-11,.lg\\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lg\\:grid-12,.lg\\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\\:grid-cols-none{grid-template-columns:none}.lg\\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.lg\\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.lg\\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.lg\\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.lg\\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.lg\\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.lg\\:grid-rows-none{grid-template-rows:none}.lg\\:cell-auto,.lg\\:cell-span-auto{grid-column:auto}.lg\\:cell-full,.lg\\:cell-span-full{grid-column:1/-1}.lg\\:cell-1,.lg\\:cell-span-1{grid-column:span 1/span 1}.lg\\:cell-2,.lg\\:cell-span-2{grid-column:span 2/span 2}.lg\\:cell-3,.lg\\:cell-span-3{grid-column:span 3/span 3}.lg\\:cell-4,.lg\\:cell-span-4{grid-column:span 4/span 4}.lg\\:cell-5,.lg\\:cell-span-5{grid-column:span 5/span 5}.lg\\:cell-6,.lg\\:cell-span-6{grid-column:span 6/span 6}.lg\\:cell-7,.lg\\:cell-span-7{grid-column:span 7/span 7}.lg\\:cell-8,.lg\\:cell-span-8{grid-column:span 8/span 8}.lg\\:cell-9,.lg\\:cell-span-9{grid-column:span 9/span 9}.lg\\:cell-10,.lg\\:cell-span-10{grid-column:span 10/span 10}.lg\\:cell-11,.lg\\:cell-span-11{grid-column:span 11/span 11}.lg\\:cell-12,.lg\\:cell-span-12{grid-column:span 12/span 12}.lg\\:cell-row-auto{grid-row:auto}.lg\\:cell-row-full{grid-row:1/-1}.lg\\:cell-row-1,.lg\\:cell-row-span-1{grid-row:span 1/span 1}.lg\\:cell-row-2,.lg\\:cell-row-span-2{grid-row:span 2/span 2}.lg\\:cell-row-3,.lg\\:cell-row-span-3{grid-row:span 3/span 3}.lg\\:cell-row-4,.lg\\:cell-row-span-4{grid-row:span 4/span 4}.lg\\:cell-row-5,.lg\\:cell-row-span-5{grid-row:span 5/span 5}.lg\\:cell-row-6,.lg\\:cell-row-span-6{grid-row:span 6/span 6}.lg\\:cell-col-start-1,.lg\\:cell-start-1{grid-column-start:1}.lg\\:cell-col-end-1,.lg\\:cell-end-1{grid-column-end:1}.lg\\:cell-col-start-2,.lg\\:cell-start-2{grid-column-start:2}.lg\\:cell-col-end-2,.lg\\:cell-end-2{grid-column-end:2}.lg\\:cell-col-start-3,.lg\\:cell-start-3{grid-column-start:3}.lg\\:cell-col-end-3,.lg\\:cell-end-3{grid-column-end:3}.lg\\:cell-col-start-4,.lg\\:cell-start-4{grid-column-start:4}.lg\\:cell-col-end-4,.lg\\:cell-end-4{grid-column-end:4}.lg\\:cell-col-start-5,.lg\\:cell-start-5{grid-column-start:5}.lg\\:cell-col-end-5,.lg\\:cell-end-5{grid-column-end:5}.lg\\:cell-col-start-6,.lg\\:cell-start-6{grid-column-start:6}.lg\\:cell-col-end-6,.lg\\:cell-end-6{grid-column-end:6}.lg\\:cell-col-start-7,.lg\\:cell-start-7{grid-column-start:7}.lg\\:cell-col-end-7,.lg\\:cell-end-7{grid-column-end:7}.lg\\:cell-col-start-8,.lg\\:cell-start-8{grid-column-start:8}.lg\\:cell-col-end-8,.lg\\:cell-end-8{grid-column-end:8}.lg\\:cell-col-start-9,.lg\\:cell-start-9{grid-column-start:9}.lg\\:cell-col-end-9,.lg\\:cell-end-9{grid-column-end:9}.lg\\:cell-col-start-10,.lg\\:cell-start-10{grid-column-start:10}.lg\\:cell-col-end-10,.lg\\:cell-end-10{grid-column-end:10}.lg\\:cell-col-start-11,.lg\\:cell-start-11{grid-column-start:11}.lg\\:cell-col-end-11,.lg\\:cell-end-11{grid-column-end:11}.lg\\:cell-col-start-12,.lg\\:cell-start-12{grid-column-start:12}.lg\\:cell-col-end-12,.lg\\:cell-end-12{grid-column-end:12}.lg\\:cell-col-start-13,.lg\\:cell-start-13{grid-column-start:13}.lg\\:cell-col-end-13,.lg\\:cell-end-13{grid-column-end:13}.lg\\:cell-row-start-1{grid-row-start:1}.lg\\:cell-row-end-1{grid-row-end:1}.lg\\:cell-row-start-2{grid-row-start:2}.lg\\:cell-row-end-2{grid-row-end:2}.lg\\:cell-row-start-3{grid-row-start:3}.lg\\:cell-row-end-3{grid-row-end:3}.lg\\:cell-row-start-4{grid-row-start:4}.lg\\:cell-row-end-4{grid-row-end:4}.lg\\:cell-row-start-5{grid-row-start:5}.lg\\:cell-row-end-5{grid-row-end:5}.lg\\:cell-row-start-6{grid-row-start:6}.lg\\:cell-row-end-6{grid-row-end:6}.lg\\:cell-row-start-7{grid-row-start:7}.lg\\:cell-row-end-7{grid-row-end:7}.lg\\:cell-order-first{order:-9999}.lg\\:cell-order-last{order:9999}.lg\\:cell-order-none{order:0}.lg\\:cell-order-1{order:1}.lg\\:cell-order-2{order:2}.lg\\:cell-order-3{order:3}.lg\\:cell-order-4{order:4}.lg\\:cell-order-5{order:5}.lg\\:cell-order-6{order:6}.lg\\:cell-order-7{order:7}.lg\\:cell-order-8{order:8}.lg\\:cell-order-9{order:9}.lg\\:cell-order-10{order:10}.lg\\:cell-order-11{order:11}.lg\\:cell-order-12{order:12}}.gap-px{gap:1px}.gap-x-px{column-gap:1px}.gap-y-px{row-gap:1px}.gap-0,.gap-0 [class^=grid]{gap:0}.gap-x-0,.gap-x-0 [class^=grid]{column-gap:0}.gap-y-0,.gap-y-0 [class^=grid]{row-gap:0}.gap-1,.gap-1 [class^=grid]{gap:.25rem}.gap-x-1,.gap-x-1 [class^=grid]{column-gap:.25rem}.gap-y-1,.gap-y-1 [class^=grid]{row-gap:.25rem}.gap-2,.gap-2 [class^=grid]{gap:.5rem}.gap-x-2,.gap-x-2 [class^=grid]{column-gap:.5rem}.gap-y-2,.gap-y-2 [class^=grid]{row-gap:.5rem}.gap-3,.gap-3 [class^=grid]{gap:.75rem}.gap-x-3,.gap-x-3 [class^=grid]{column-gap:.75rem}.gap-y-3,.gap-y-3 [class^=grid]{row-gap:.75rem}.gap-4,.gap-4 [class^=grid]{gap:1rem}.gap-x-4,.gap-x-4 [class^=grid]{column-gap:1rem}.gap-y-4,.gap-y-4 [class^=grid]{row-gap:1rem}.gap-5,.gap-5 [class^=grid]{gap:1.25rem}.gap-x-5,.gap-x-5 [class^=grid]{column-gap:1.25rem}.gap-y-5,.gap-y-5 [class^=grid]{row-gap:1.25rem}.gap-6,.gap-6 [class^=grid]{gap:1.5rem}.gap-x-6,.gap-x-6 [class^=grid]{column-gap:1.5rem}.gap-y-6,.gap-y-6 [class^=grid]{row-gap:1.5rem}.gap-7,.gap-7 [class^=grid]{gap:1.75rem}.gap-x-7,.gap-x-7 [class^=grid]{column-gap:1.75rem}.gap-y-7,.gap-y-7 [class^=grid]{row-gap:1.75rem}.gap-8,.gap-8 [class^=grid]{gap:2rem}.gap-x-8,.gap-x-8 [class^=grid]{column-gap:2rem}.gap-y-8,.gap-y-8 [class^=grid]{row-gap:2rem}.gap-9,.gap-9 [class^=grid]{gap:2.25rem}.gap-x-9,.gap-x-9 [class^=grid]{column-gap:2.25rem}.gap-y-9,.gap-y-9 [class^=grid]{row-gap:2.25rem}.gap-10,.gap-10 [class^=grid]{gap:2.5rem}.gap-x-10,.gap-x-10 [class^=grid]{column-gap:2.5rem}.gap-y-10,.gap-y-10 [class^=grid]{row-gap:2.5rem}\n\n/** Optional design for boxes */\n.box {\n height: 100%;\n /* default style */\n padding: 13px 19px;\n border-radius: 6px;\n border: 1px solid #cbcbcb;\n /* Content management */\n word-break: break-word;\n position: relative;\n /* Flex */\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n.box.dark {\n background-color: darkslategrey;\n color: white;\n}" + "css": "/**\n * License: MIT License\n * Generated on 25 May 2021\n * Author: Fpassaniti for Huwise\n * Version: 0.1\n * Description: CSS Grid framework for Huwise pages (and more). Go to http://codelibrary.huwise.com/ for more information (doc \u0026 examples).\n */\n\n[class^=grid]{display:grid;grid-gap:1rem}.grid-auto,.grid-auto-flow,.grid-cols-auto-flow{grid-auto-flow:column}.grid-rows-auto-flow{grid-auto-flow:row}.grid-cols-fit,.grid-fit{grid-auto-columns:max-content}.grid-rows-fit{grid-auto-rows:max-content}.grid-2,.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4,.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5,.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-6,.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-7,.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-8,.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-9,.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-10,.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-11,.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-12,.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-none{grid-template-columns:none}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.grid-rows-none{grid-template-rows:none}[class*=\":cell\"],[class^=cell]{display:flex;flex-direction:column;justify-content:stretch}.cell-auto,.cell-span-auto{grid-column:auto}.cell-full,.cell-span-full{grid-column:1/-1}.cell-1,.cell-span-1{grid-column:span 1/span 1}.cell-2,.cell-span-2{grid-column:span 2/span 2}.cell-3,.cell-span-3{grid-column:span 3/span 3}.cell-4,.cell-span-4{grid-column:span 4/span 4}.cell-5,.cell-span-5{grid-column:span 5/span 5}.cell-6,.cell-span-6{grid-column:span 6/span 6}.cell-7,.cell-span-7{grid-column:span 7/span 7}.cell-8,.cell-span-8{grid-column:span 8/span 8}.cell-9,.cell-span-9{grid-column:span 9/span 9}.cell-10,.cell-span-10{grid-column:span 10/span 10}.cell-11,.cell-span-11{grid-column:span 11/span 11}.cell-12,.cell-span-12{grid-column:span 12/span 12}.cell-row-auto{grid-row:auto}.cell-row-full{grid-row:1/-1}.cell-row-1,.cell-row-span-1{grid-row:span 1/span 1}.cell-row-2,.cell-row-span-2{grid-row:span 2/span 2}.cell-row-3,.cell-row-span-3{grid-row:span 3/span 3}.cell-row-4,.cell-row-span-4{grid-row:span 4/span 4}.cell-row-5,.cell-row-span-5{grid-row:span 5/span 5}.cell-row-6,.cell-row-span-6{grid-row:span 6/span 6}.cell-col-start-1,.cell-start-1{grid-column-start:1}.cell-col-end-1,.cell-end-1{grid-column-end:1}.cell-col-start-2,.cell-start-2{grid-column-start:2}.cell-col-end-2,.cell-end-2{grid-column-end:2}.cell-col-start-3,.cell-start-3{grid-column-start:3}.cell-col-end-3,.cell-end-3{grid-column-end:3}.cell-col-start-4,.cell-start-4{grid-column-start:4}.cell-col-end-4,.cell-end-4{grid-column-end:4}.cell-col-start-5,.cell-start-5{grid-column-start:5}.cell-col-end-5,.cell-end-5{grid-column-end:5}.cell-col-start-6,.cell-start-6{grid-column-start:6}.cell-col-end-6,.cell-end-6{grid-column-end:6}.cell-col-start-7,.cell-start-7{grid-column-start:7}.cell-col-end-7,.cell-end-7{grid-column-end:7}.cell-col-start-8,.cell-start-8{grid-column-start:8}.cell-col-end-8,.cell-end-8{grid-column-end:8}.cell-col-start-9,.cell-start-9{grid-column-start:9}.cell-col-end-9,.cell-end-9{grid-column-end:9}.cell-col-start-10,.cell-start-10{grid-column-start:10}.cell-col-end-10,.cell-end-10{grid-column-end:10}.cell-col-start-11,.cell-start-11{grid-column-start:11}.cell-col-end-11,.cell-end-11{grid-column-end:11}.cell-col-start-12,.cell-start-12{grid-column-start:12}.cell-col-end-12,.cell-end-12{grid-column-end:12}.cell-col-start-13,.cell-start-13{grid-column-start:13}.cell-col-end-13,.cell-end-13{grid-column-end:13}.cell-row-start-1{grid-row-start:1}.cell-row-end-1{grid-row-end:1}.cell-row-start-2{grid-row-start:2}.cell-row-end-2{grid-row-end:2}.cell-row-start-3{grid-row-start:3}.cell-row-end-3{grid-row-end:3}.cell-row-start-4{grid-row-start:4}.cell-row-end-4{grid-row-end:4}.cell-row-start-5{grid-row-start:5}.cell-row-end-5{grid-row-end:5}.cell-row-start-6{grid-row-start:6}.cell-row-end-6{grid-row-end:6}.cell-row-start-7{grid-row-start:7}.cell-row-end-7{grid-row-end:7}.cell-order-first{order:-9999}.cell-order-last{order:9999}.cell-order-none{order:0}.cell-order-1{order:1}.cell-order-2{order:2}.cell-order-3{order:3}.cell-order-4{order:4}.cell-order-5{order:5}.cell-order-6{order:6}.cell-order-7{order:7}.cell-order-8{order:8}.cell-order-9{order:9}.cell-order-10{order:10}.cell-order-11{order:11}.cell-order-12{order:12}@media screen and (min-width:640px),print{.sm\\:grid-2,.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\\:grid-3,.sm\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\\:grid-4,.sm\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\\:grid-5,.sm\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\\:grid-6,.sm\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\\:grid-7,.sm\\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.sm\\:grid-8,.sm\\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\\:grid-9,.sm\\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.sm\\:grid-10,.sm\\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.sm\\:grid-11,.sm\\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.sm\\:grid-12,.sm\\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\\:grid-cols-none{grid-template-columns:none}.sm\\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.sm\\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.sm\\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.sm\\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.sm\\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.sm\\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.sm\\:grid-rows-none{grid-template-rows:none}.sm\\:cell-auto,.sm\\:cell-span-auto{grid-column:auto}.sm\\:cell-full,.sm\\:cell-span-full{grid-column:1/-1}.sm\\:cell-1,.sm\\:cell-span-1{grid-column:span 1/span 1}.sm\\:cell-2,.sm\\:cell-span-2{grid-column:span 2/span 2}.sm\\:cell-3,.sm\\:cell-span-3{grid-column:span 3/span 3}.sm\\:cell-4,.sm\\:cell-span-4{grid-column:span 4/span 4}.sm\\:cell-5,.sm\\:cell-span-5{grid-column:span 5/span 5}.sm\\:cell-6,.sm\\:cell-span-6{grid-column:span 6/span 6}.sm\\:cell-7,.sm\\:cell-span-7{grid-column:span 7/span 7}.sm\\:cell-8,.sm\\:cell-span-8{grid-column:span 8/span 8}.sm\\:cell-9,.sm\\:cell-span-9{grid-column:span 9/span 9}.sm\\:cell-10,.sm\\:cell-span-10{grid-column:span 10/span 10}.sm\\:cell-11,.sm\\:cell-span-11{grid-column:span 11/span 11}.sm\\:cell-12,.sm\\:cell-span-12{grid-column:span 12/span 12}.sm\\:cell-row-auto{grid-row:auto}.sm\\:cell-row-full{grid-row:1/-1}.sm\\:cell-row-1,.sm\\:cell-row-span-1{grid-row:span 1/span 1}.sm\\:cell-row-2,.sm\\:cell-row-span-2{grid-row:span 2/span 2}.sm\\:cell-row-3,.sm\\:cell-row-span-3{grid-row:span 3/span 3}.sm\\:cell-row-4,.sm\\:cell-row-span-4{grid-row:span 4/span 4}.sm\\:cell-row-5,.sm\\:cell-row-span-5{grid-row:span 5/span 5}.sm\\:cell-row-6,.sm\\:cell-row-span-6{grid-row:span 6/span 6}.sm\\:cell-col-start-1,.sm\\:cell-start-1{grid-column-start:1}.sm\\:cell-col-end-1,.sm\\:cell-end-1{grid-column-end:1}.sm\\:cell-col-start-2,.sm\\:cell-start-2{grid-column-start:2}.sm\\:cell-col-end-2,.sm\\:cell-end-2{grid-column-end:2}.sm\\:cell-col-start-3,.sm\\:cell-start-3{grid-column-start:3}.sm\\:cell-col-end-3,.sm\\:cell-end-3{grid-column-end:3}.sm\\:cell-col-start-4,.sm\\:cell-start-4{grid-column-start:4}.sm\\:cell-col-end-4,.sm\\:cell-end-4{grid-column-end:4}.sm\\:cell-col-start-5,.sm\\:cell-start-5{grid-column-start:5}.sm\\:cell-col-end-5,.sm\\:cell-end-5{grid-column-end:5}.sm\\:cell-col-start-6,.sm\\:cell-start-6{grid-column-start:6}.sm\\:cell-col-end-6,.sm\\:cell-end-6{grid-column-end:6}.sm\\:cell-col-start-7,.sm\\:cell-start-7{grid-column-start:7}.sm\\:cell-col-end-7,.sm\\:cell-end-7{grid-column-end:7}.sm\\:cell-col-start-8,.sm\\:cell-start-8{grid-column-start:8}.sm\\:cell-col-end-8,.sm\\:cell-end-8{grid-column-end:8}.sm\\:cell-col-start-9,.sm\\:cell-start-9{grid-column-start:9}.sm\\:cell-col-end-9,.sm\\:cell-end-9{grid-column-end:9}.sm\\:cell-col-start-10,.sm\\:cell-start-10{grid-column-start:10}.sm\\:cell-col-end-10,.sm\\:cell-end-10{grid-column-end:10}.sm\\:cell-col-start-11,.sm\\:cell-start-11{grid-column-start:11}.sm\\:cell-col-end-11,.sm\\:cell-end-11{grid-column-end:11}.sm\\:cell-col-start-12,.sm\\:cell-start-12{grid-column-start:12}.sm\\:cell-col-end-12,.sm\\:cell-end-12{grid-column-end:12}.sm\\:cell-col-start-13,.sm\\:cell-start-13{grid-column-start:13}.sm\\:cell-col-end-13,.sm\\:cell-end-13{grid-column-end:13}.sm\\:cell-row-start-1{grid-row-start:1}.sm\\:cell-row-end-1{grid-row-end:1}.sm\\:cell-row-start-2{grid-row-start:2}.sm\\:cell-row-end-2{grid-row-end:2}.sm\\:cell-row-start-3{grid-row-start:3}.sm\\:cell-row-end-3{grid-row-end:3}.sm\\:cell-row-start-4{grid-row-start:4}.sm\\:cell-row-end-4{grid-row-end:4}.sm\\:cell-row-start-5{grid-row-start:5}.sm\\:cell-row-end-5{grid-row-end:5}.sm\\:cell-row-start-6{grid-row-start:6}.sm\\:cell-row-end-6{grid-row-end:6}.sm\\:cell-row-start-7{grid-row-start:7}.sm\\:cell-row-end-7{grid-row-end:7}.sm\\:cell-order-first{order:-9999}.sm\\:cell-order-last{order:9999}.sm\\:cell-order-none{order:0}.sm\\:cell-order-1{order:1}.sm\\:cell-order-2{order:2}.sm\\:cell-order-3{order:3}.sm\\:cell-order-4{order:4}.sm\\:cell-order-5{order:5}.sm\\:cell-order-6{order:6}.sm\\:cell-order-7{order:7}.sm\\:cell-order-8{order:8}.sm\\:cell-order-9{order:9}.sm\\:cell-order-10{order:10}.sm\\:cell-order-11{order:11}.sm\\:cell-order-12{order:12}}@media screen and (min-width:768px),print{.md\\:grid-2,.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-3,.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\\:grid-4,.md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\\:grid-5,.md\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\\:grid-6,.md\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\\:grid-7,.md\\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\\:grid-8,.md\\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\\:grid-9,.md\\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.md\\:grid-10,.md\\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\\:grid-11,.md\\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.md\\:grid-12,.md\\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\\:grid-cols-none{grid-template-columns:none}.md\\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.md\\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.md\\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.md\\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.md\\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.md\\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.md\\:grid-rows-none{grid-template-rows:none}.md\\:cell-auto,.md\\:cell-span-auto{grid-column:auto}.md\\:cell-full,.md\\:cell-span-full{grid-column:1/-1}.md\\:cell-1,.md\\:cell-span-1{grid-column:span 1/span 1}.md\\:cell-2,.md\\:cell-span-2{grid-column:span 2/span 2}.md\\:cell-3,.md\\:cell-span-3{grid-column:span 3/span 3}.md\\:cell-4,.md\\:cell-span-4{grid-column:span 4/span 4}.md\\:cell-5,.md\\:cell-span-5{grid-column:span 5/span 5}.md\\:cell-6,.md\\:cell-span-6{grid-column:span 6/span 6}.md\\:cell-7,.md\\:cell-span-7{grid-column:span 7/span 7}.md\\:cell-8,.md\\:cell-span-8{grid-column:span 8/span 8}.md\\:cell-9,.md\\:cell-span-9{grid-column:span 9/span 9}.md\\:cell-10,.md\\:cell-span-10{grid-column:span 10/span 10}.md\\:cell-11,.md\\:cell-span-11{grid-column:span 11/span 11}.md\\:cell-12,.md\\:cell-span-12{grid-column:span 12/span 12}.md\\:cell-row-auto{grid-row:auto}.md\\:cell-row-full{grid-row:1/-1}.md\\:cell-row-1,.md\\:cell-row-span-1{grid-row:span 1/span 1}.md\\:cell-row-2,.md\\:cell-row-span-2{grid-row:span 2/span 2}.md\\:cell-row-3,.md\\:cell-row-span-3{grid-row:span 3/span 3}.md\\:cell-row-4,.md\\:cell-row-span-4{grid-row:span 4/span 4}.md\\:cell-row-5,.md\\:cell-row-span-5{grid-row:span 5/span 5}.md\\:cell-row-6,.md\\:cell-row-span-6{grid-row:span 6/span 6}.md\\:cell-col-start-1,.md\\:cell-start-1{grid-column-start:1}.md\\:cell-col-end-1,.md\\:cell-end-1{grid-column-end:1}.md\\:cell-col-start-2,.md\\:cell-start-2{grid-column-start:2}.md\\:cell-col-end-2,.md\\:cell-end-2{grid-column-end:2}.md\\:cell-col-start-3,.md\\:cell-start-3{grid-column-start:3}.md\\:cell-col-end-3,.md\\:cell-end-3{grid-column-end:3}.md\\:cell-col-start-4,.md\\:cell-start-4{grid-column-start:4}.md\\:cell-col-end-4,.md\\:cell-end-4{grid-column-end:4}.md\\:cell-col-start-5,.md\\:cell-start-5{grid-column-start:5}.md\\:cell-col-end-5,.md\\:cell-end-5{grid-column-end:5}.md\\:cell-col-start-6,.md\\:cell-start-6{grid-column-start:6}.md\\:cell-col-end-6,.md\\:cell-end-6{grid-column-end:6}.md\\:cell-col-start-7,.md\\:cell-start-7{grid-column-start:7}.md\\:cell-col-end-7,.md\\:cell-end-7{grid-column-end:7}.md\\:cell-col-start-8,.md\\:cell-start-8{grid-column-start:8}.md\\:cell-col-end-8,.md\\:cell-end-8{grid-column-end:8}.md\\:cell-col-start-9,.md\\:cell-start-9{grid-column-start:9}.md\\:cell-col-end-9,.md\\:cell-end-9{grid-column-end:9}.md\\:cell-col-start-10,.md\\:cell-start-10{grid-column-start:10}.md\\:cell-col-end-10,.md\\:cell-end-10{grid-column-end:10}.md\\:cell-col-start-11,.md\\:cell-start-11{grid-column-start:11}.md\\:cell-col-end-11,.md\\:cell-end-11{grid-column-end:11}.md\\:cell-col-start-12,.md\\:cell-start-12{grid-column-start:12}.md\\:cell-col-end-12,.md\\:cell-end-12{grid-column-end:12}.md\\:cell-col-start-13,.md\\:cell-start-13{grid-column-start:13}.md\\:cell-col-end-13,.md\\:cell-end-13{grid-column-end:13}.md\\:cell-row-start-1{grid-row-start:1}.md\\:cell-row-end-1{grid-row-end:1}.md\\:cell-row-start-2{grid-row-start:2}.md\\:cell-row-end-2{grid-row-end:2}.md\\:cell-row-start-3{grid-row-start:3}.md\\:cell-row-end-3{grid-row-end:3}.md\\:cell-row-start-4{grid-row-start:4}.md\\:cell-row-end-4{grid-row-end:4}.md\\:cell-row-start-5{grid-row-start:5}.md\\:cell-row-end-5{grid-row-end:5}.md\\:cell-row-start-6{grid-row-start:6}.md\\:cell-row-end-6{grid-row-end:6}.md\\:cell-row-start-7{grid-row-start:7}.md\\:cell-row-end-7{grid-row-end:7}.md\\:cell-order-first{order:-9999}.md\\:cell-order-last{order:9999}.md\\:cell-order-none{order:0}.md\\:cell-order-1{order:1}.md\\:cell-order-2{order:2}.md\\:cell-order-3{order:3}.md\\:cell-order-4{order:4}.md\\:cell-order-5{order:5}.md\\:cell-order-6{order:6}.md\\:cell-order-7{order:7}.md\\:cell-order-8{order:8}.md\\:cell-order-9{order:9}.md\\:cell-order-10{order:10}.md\\:cell-order-11{order:11}.md\\:cell-order-12{order:12}}@media screen and (min-width:1024px),print{.lg\\:grid-2,.lg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\\:grid-3,.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\\:grid-4,.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\\:grid-5,.lg\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\\:grid-6,.lg\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\\:grid-7,.lg\\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\\:grid-8,.lg\\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\\:grid-9,.lg\\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.lg\\:grid-10,.lg\\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\\:grid-11,.lg\\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lg\\:grid-12,.lg\\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\\:grid-cols-none{grid-template-columns:none}.lg\\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.lg\\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.lg\\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.lg\\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.lg\\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.lg\\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.lg\\:grid-rows-none{grid-template-rows:none}.lg\\:cell-auto,.lg\\:cell-span-auto{grid-column:auto}.lg\\:cell-full,.lg\\:cell-span-full{grid-column:1/-1}.lg\\:cell-1,.lg\\:cell-span-1{grid-column:span 1/span 1}.lg\\:cell-2,.lg\\:cell-span-2{grid-column:span 2/span 2}.lg\\:cell-3,.lg\\:cell-span-3{grid-column:span 3/span 3}.lg\\:cell-4,.lg\\:cell-span-4{grid-column:span 4/span 4}.lg\\:cell-5,.lg\\:cell-span-5{grid-column:span 5/span 5}.lg\\:cell-6,.lg\\:cell-span-6{grid-column:span 6/span 6}.lg\\:cell-7,.lg\\:cell-span-7{grid-column:span 7/span 7}.lg\\:cell-8,.lg\\:cell-span-8{grid-column:span 8/span 8}.lg\\:cell-9,.lg\\:cell-span-9{grid-column:span 9/span 9}.lg\\:cell-10,.lg\\:cell-span-10{grid-column:span 10/span 10}.lg\\:cell-11,.lg\\:cell-span-11{grid-column:span 11/span 11}.lg\\:cell-12,.lg\\:cell-span-12{grid-column:span 12/span 12}.lg\\:cell-row-auto{grid-row:auto}.lg\\:cell-row-full{grid-row:1/-1}.lg\\:cell-row-1,.lg\\:cell-row-span-1{grid-row:span 1/span 1}.lg\\:cell-row-2,.lg\\:cell-row-span-2{grid-row:span 2/span 2}.lg\\:cell-row-3,.lg\\:cell-row-span-3{grid-row:span 3/span 3}.lg\\:cell-row-4,.lg\\:cell-row-span-4{grid-row:span 4/span 4}.lg\\:cell-row-5,.lg\\:cell-row-span-5{grid-row:span 5/span 5}.lg\\:cell-row-6,.lg\\:cell-row-span-6{grid-row:span 6/span 6}.lg\\:cell-col-start-1,.lg\\:cell-start-1{grid-column-start:1}.lg\\:cell-col-end-1,.lg\\:cell-end-1{grid-column-end:1}.lg\\:cell-col-start-2,.lg\\:cell-start-2{grid-column-start:2}.lg\\:cell-col-end-2,.lg\\:cell-end-2{grid-column-end:2}.lg\\:cell-col-start-3,.lg\\:cell-start-3{grid-column-start:3}.lg\\:cell-col-end-3,.lg\\:cell-end-3{grid-column-end:3}.lg\\:cell-col-start-4,.lg\\:cell-start-4{grid-column-start:4}.lg\\:cell-col-end-4,.lg\\:cell-end-4{grid-column-end:4}.lg\\:cell-col-start-5,.lg\\:cell-start-5{grid-column-start:5}.lg\\:cell-col-end-5,.lg\\:cell-end-5{grid-column-end:5}.lg\\:cell-col-start-6,.lg\\:cell-start-6{grid-column-start:6}.lg\\:cell-col-end-6,.lg\\:cell-end-6{grid-column-end:6}.lg\\:cell-col-start-7,.lg\\:cell-start-7{grid-column-start:7}.lg\\:cell-col-end-7,.lg\\:cell-end-7{grid-column-end:7}.lg\\:cell-col-start-8,.lg\\:cell-start-8{grid-column-start:8}.lg\\:cell-col-end-8,.lg\\:cell-end-8{grid-column-end:8}.lg\\:cell-col-start-9,.lg\\:cell-start-9{grid-column-start:9}.lg\\:cell-col-end-9,.lg\\:cell-end-9{grid-column-end:9}.lg\\:cell-col-start-10,.lg\\:cell-start-10{grid-column-start:10}.lg\\:cell-col-end-10,.lg\\:cell-end-10{grid-column-end:10}.lg\\:cell-col-start-11,.lg\\:cell-start-11{grid-column-start:11}.lg\\:cell-col-end-11,.lg\\:cell-end-11{grid-column-end:11}.lg\\:cell-col-start-12,.lg\\:cell-start-12{grid-column-start:12}.lg\\:cell-col-end-12,.lg\\:cell-end-12{grid-column-end:12}.lg\\:cell-col-start-13,.lg\\:cell-start-13{grid-column-start:13}.lg\\:cell-col-end-13,.lg\\:cell-end-13{grid-column-end:13}.lg\\:cell-row-start-1{grid-row-start:1}.lg\\:cell-row-end-1{grid-row-end:1}.lg\\:cell-row-start-2{grid-row-start:2}.lg\\:cell-row-end-2{grid-row-end:2}.lg\\:cell-row-start-3{grid-row-start:3}.lg\\:cell-row-end-3{grid-row-end:3}.lg\\:cell-row-start-4{grid-row-start:4}.lg\\:cell-row-end-4{grid-row-end:4}.lg\\:cell-row-start-5{grid-row-start:5}.lg\\:cell-row-end-5{grid-row-end:5}.lg\\:cell-row-start-6{grid-row-start:6}.lg\\:cell-row-end-6{grid-row-end:6}.lg\\:cell-row-start-7{grid-row-start:7}.lg\\:cell-row-end-7{grid-row-end:7}.lg\\:cell-order-first{order:-9999}.lg\\:cell-order-last{order:9999}.lg\\:cell-order-none{order:0}.lg\\:cell-order-1{order:1}.lg\\:cell-order-2{order:2}.lg\\:cell-order-3{order:3}.lg\\:cell-order-4{order:4}.lg\\:cell-order-5{order:5}.lg\\:cell-order-6{order:6}.lg\\:cell-order-7{order:7}.lg\\:cell-order-8{order:8}.lg\\:cell-order-9{order:9}.lg\\:cell-order-10{order:10}.lg\\:cell-order-11{order:11}.lg\\:cell-order-12{order:12}}.gap-px{gap:1px}.gap-x-px{column-gap:1px}.gap-y-px{row-gap:1px}.gap-0,.gap-0 [class^=grid]{gap:0}.gap-x-0,.gap-x-0 [class^=grid]{column-gap:0}.gap-y-0,.gap-y-0 [class^=grid]{row-gap:0}.gap-1,.gap-1 [class^=grid]{gap:.25rem}.gap-x-1,.gap-x-1 [class^=grid]{column-gap:.25rem}.gap-y-1,.gap-y-1 [class^=grid]{row-gap:.25rem}.gap-2,.gap-2 [class^=grid]{gap:.5rem}.gap-x-2,.gap-x-2 [class^=grid]{column-gap:.5rem}.gap-y-2,.gap-y-2 [class^=grid]{row-gap:.5rem}.gap-3,.gap-3 [class^=grid]{gap:.75rem}.gap-x-3,.gap-x-3 [class^=grid]{column-gap:.75rem}.gap-y-3,.gap-y-3 [class^=grid]{row-gap:.75rem}.gap-4,.gap-4 [class^=grid]{gap:1rem}.gap-x-4,.gap-x-4 [class^=grid]{column-gap:1rem}.gap-y-4,.gap-y-4 [class^=grid]{row-gap:1rem}.gap-5,.gap-5 [class^=grid]{gap:1.25rem}.gap-x-5,.gap-x-5 [class^=grid]{column-gap:1.25rem}.gap-y-5,.gap-y-5 [class^=grid]{row-gap:1.25rem}.gap-6,.gap-6 [class^=grid]{gap:1.5rem}.gap-x-6,.gap-x-6 [class^=grid]{column-gap:1.5rem}.gap-y-6,.gap-y-6 [class^=grid]{row-gap:1.5rem}.gap-7,.gap-7 [class^=grid]{gap:1.75rem}.gap-x-7,.gap-x-7 [class^=grid]{column-gap:1.75rem}.gap-y-7,.gap-y-7 [class^=grid]{row-gap:1.75rem}.gap-8,.gap-8 [class^=grid]{gap:2rem}.gap-x-8,.gap-x-8 [class^=grid]{column-gap:2rem}.gap-y-8,.gap-y-8 [class^=grid]{row-gap:2rem}.gap-9,.gap-9 [class^=grid]{gap:2.25rem}.gap-x-9,.gap-x-9 [class^=grid]{column-gap:2.25rem}.gap-y-9,.gap-y-9 [class^=grid]{row-gap:2.25rem}.gap-10,.gap-10 [class^=grid]{gap:2.5rem}.gap-x-10,.gap-x-10 [class^=grid]{column-gap:2.5rem}.gap-y-10,.gap-y-10 [class^=grid]{row-gap:2.5rem}\n\n/** Optional design for boxes */\n.box {\n height: 100%;\n /* default style */\n padding: 13px 19px;\n border-radius: 6px;\n border: 1px solid #cbcbcb;\n /* Content management */\n word-break: break-word;\n position: relative;\n /* Flex */\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n.box.dark {\n background-color: darkslategrey;\n color: white;\n}" }'>
          @@ -730,7 +862,8 @@

          width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -774,6 +907,7 @@

          const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -884,7 +1018,9 @@

          $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
          <div ng-app="ods-widgets"> @@ -956,9 +1092,9 @@

          /** * License: MIT License * Generated on 25 May 2021 - * Author: Fpassaniti for Opendatasoft + * Author: Fpassaniti for Huwise * Version: 0.1 - * Description: CSS Grid framework for Opendatasoft pages (and more). Go to http://codelibrary.opendatasoft.com/ for more information (doc & examples). + * Description: CSS Grid framework for Huwise pages (and more). Go to http://codelibrary.huwise.com/ for more information (doc & examples). */ [class^=grid]{display:grid;grid-gap:1rem}.grid-auto,.grid-auto-flow,.grid-cols-auto-flow{grid-auto-flow:column}.grid-rows-auto-flow{grid-auto-flow:row}.grid-cols-fit,.grid-fit{grid-auto-columns:max-content}.grid-rows-fit{grid-auto-rows:max-content}.grid-2,.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4,.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5,.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-6,.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-7,.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-8,.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-9,.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-10,.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-11,.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-12,.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-none{grid-template-columns:none}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.grid-rows-none{grid-template-rows:none}[class*=":cell"],[class^=cell]{display:flex;flex-direction:column;justify-content:stretch}.cell-auto,.cell-span-auto{grid-column:auto}.cell-full,.cell-span-full{grid-column:1/-1}.cell-1,.cell-span-1{grid-column:span 1/span 1}.cell-2,.cell-span-2{grid-column:span 2/span 2}.cell-3,.cell-span-3{grid-column:span 3/span 3}.cell-4,.cell-span-4{grid-column:span 4/span 4}.cell-5,.cell-span-5{grid-column:span 5/span 5}.cell-6,.cell-span-6{grid-column:span 6/span 6}.cell-7,.cell-span-7{grid-column:span 7/span 7}.cell-8,.cell-span-8{grid-column:span 8/span 8}.cell-9,.cell-span-9{grid-column:span 9/span 9}.cell-10,.cell-span-10{grid-column:span 10/span 10}.cell-11,.cell-span-11{grid-column:span 11/span 11}.cell-12,.cell-span-12{grid-column:span 12/span 12}.cell-row-auto{grid-row:auto}.cell-row-full{grid-row:1/-1}.cell-row-1,.cell-row-span-1{grid-row:span 1/span 1}.cell-row-2,.cell-row-span-2{grid-row:span 2/span 2}.cell-row-3,.cell-row-span-3{grid-row:span 3/span 3}.cell-row-4,.cell-row-span-4{grid-row:span 4/span 4}.cell-row-5,.cell-row-span-5{grid-row:span 5/span 5}.cell-row-6,.cell-row-span-6{grid-row:span 6/span 6}.cell-col-start-1,.cell-start-1{grid-column-start:1}.cell-col-end-1,.cell-end-1{grid-column-end:1}.cell-col-start-2,.cell-start-2{grid-column-start:2}.cell-col-end-2,.cell-end-2{grid-column-end:2}.cell-col-start-3,.cell-start-3{grid-column-start:3}.cell-col-end-3,.cell-end-3{grid-column-end:3}.cell-col-start-4,.cell-start-4{grid-column-start:4}.cell-col-end-4,.cell-end-4{grid-column-end:4}.cell-col-start-5,.cell-start-5{grid-column-start:5}.cell-col-end-5,.cell-end-5{grid-column-end:5}.cell-col-start-6,.cell-start-6{grid-column-start:6}.cell-col-end-6,.cell-end-6{grid-column-end:6}.cell-col-start-7,.cell-start-7{grid-column-start:7}.cell-col-end-7,.cell-end-7{grid-column-end:7}.cell-col-start-8,.cell-start-8{grid-column-start:8}.cell-col-end-8,.cell-end-8{grid-column-end:8}.cell-col-start-9,.cell-start-9{grid-column-start:9}.cell-col-end-9,.cell-end-9{grid-column-end:9}.cell-col-start-10,.cell-start-10{grid-column-start:10}.cell-col-end-10,.cell-end-10{grid-column-end:10}.cell-col-start-11,.cell-start-11{grid-column-start:11}.cell-col-end-11,.cell-end-11{grid-column-end:11}.cell-col-start-12,.cell-start-12{grid-column-start:12}.cell-col-end-12,.cell-end-12{grid-column-end:12}.cell-col-start-13,.cell-start-13{grid-column-start:13}.cell-col-end-13,.cell-end-13{grid-column-end:13}.cell-row-start-1{grid-row-start:1}.cell-row-end-1{grid-row-end:1}.cell-row-start-2{grid-row-start:2}.cell-row-end-2{grid-row-end:2}.cell-row-start-3{grid-row-start:3}.cell-row-end-3{grid-row-end:3}.cell-row-start-4{grid-row-start:4}.cell-row-end-4{grid-row-end:4}.cell-row-start-5{grid-row-start:5}.cell-row-end-5{grid-row-end:5}.cell-row-start-6{grid-row-start:6}.cell-row-end-6{grid-row-end:6}.cell-row-start-7{grid-row-start:7}.cell-row-end-7{grid-row-end:7}.cell-order-first{order:-9999}.cell-order-last{order:9999}.cell-order-none{order:0}.cell-order-1{order:1}.cell-order-2{order:2}.cell-order-3{order:3}.cell-order-4{order:4}.cell-order-5{order:5}.cell-order-6{order:6}.cell-order-7{order:7}.cell-order-8{order:8}.cell-order-9{order:9}.cell-order-10{order:10}.cell-order-11{order:11}.cell-order-12{order:12}@media screen and (min-width:640px),print{.sm\:grid-2,.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-3,.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-4,.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-5,.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-6,.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-7,.sm\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.sm\:grid-8,.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:grid-9,.sm\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.sm\:grid-10,.sm\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.sm\:grid-11,.sm\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.sm\:grid-12,.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\:grid-cols-none{grid-template-columns:none}.sm\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.sm\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.sm\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.sm\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.sm\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.sm\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.sm\:grid-rows-none{grid-template-rows:none}.sm\:cell-auto,.sm\:cell-span-auto{grid-column:auto}.sm\:cell-full,.sm\:cell-span-full{grid-column:1/-1}.sm\:cell-1,.sm\:cell-span-1{grid-column:span 1/span 1}.sm\:cell-2,.sm\:cell-span-2{grid-column:span 2/span 2}.sm\:cell-3,.sm\:cell-span-3{grid-column:span 3/span 3}.sm\:cell-4,.sm\:cell-span-4{grid-column:span 4/span 4}.sm\:cell-5,.sm\:cell-span-5{grid-column:span 5/span 5}.sm\:cell-6,.sm\:cell-span-6{grid-column:span 6/span 6}.sm\:cell-7,.sm\:cell-span-7{grid-column:span 7/span 7}.sm\:cell-8,.sm\:cell-span-8{grid-column:span 8/span 8}.sm\:cell-9,.sm\:cell-span-9{grid-column:span 9/span 9}.sm\:cell-10,.sm\:cell-span-10{grid-column:span 10/span 10}.sm\:cell-11,.sm\:cell-span-11{grid-column:span 11/span 11}.sm\:cell-12,.sm\:cell-span-12{grid-column:span 12/span 12}.sm\:cell-row-auto{grid-row:auto}.sm\:cell-row-full{grid-row:1/-1}.sm\:cell-row-1,.sm\:cell-row-span-1{grid-row:span 1/span 1}.sm\:cell-row-2,.sm\:cell-row-span-2{grid-row:span 2/span 2}.sm\:cell-row-3,.sm\:cell-row-span-3{grid-row:span 3/span 3}.sm\:cell-row-4,.sm\:cell-row-span-4{grid-row:span 4/span 4}.sm\:cell-row-5,.sm\:cell-row-span-5{grid-row:span 5/span 5}.sm\:cell-row-6,.sm\:cell-row-span-6{grid-row:span 6/span 6}.sm\:cell-col-start-1,.sm\:cell-start-1{grid-column-start:1}.sm\:cell-col-end-1,.sm\:cell-end-1{grid-column-end:1}.sm\:cell-col-start-2,.sm\:cell-start-2{grid-column-start:2}.sm\:cell-col-end-2,.sm\:cell-end-2{grid-column-end:2}.sm\:cell-col-start-3,.sm\:cell-start-3{grid-column-start:3}.sm\:cell-col-end-3,.sm\:cell-end-3{grid-column-end:3}.sm\:cell-col-start-4,.sm\:cell-start-4{grid-column-start:4}.sm\:cell-col-end-4,.sm\:cell-end-4{grid-column-end:4}.sm\:cell-col-start-5,.sm\:cell-start-5{grid-column-start:5}.sm\:cell-col-end-5,.sm\:cell-end-5{grid-column-end:5}.sm\:cell-col-start-6,.sm\:cell-start-6{grid-column-start:6}.sm\:cell-col-end-6,.sm\:cell-end-6{grid-column-end:6}.sm\:cell-col-start-7,.sm\:cell-start-7{grid-column-start:7}.sm\:cell-col-end-7,.sm\:cell-end-7{grid-column-end:7}.sm\:cell-col-start-8,.sm\:cell-start-8{grid-column-start:8}.sm\:cell-col-end-8,.sm\:cell-end-8{grid-column-end:8}.sm\:cell-col-start-9,.sm\:cell-start-9{grid-column-start:9}.sm\:cell-col-end-9,.sm\:cell-end-9{grid-column-end:9}.sm\:cell-col-start-10,.sm\:cell-start-10{grid-column-start:10}.sm\:cell-col-end-10,.sm\:cell-end-10{grid-column-end:10}.sm\:cell-col-start-11,.sm\:cell-start-11{grid-column-start:11}.sm\:cell-col-end-11,.sm\:cell-end-11{grid-column-end:11}.sm\:cell-col-start-12,.sm\:cell-start-12{grid-column-start:12}.sm\:cell-col-end-12,.sm\:cell-end-12{grid-column-end:12}.sm\:cell-col-start-13,.sm\:cell-start-13{grid-column-start:13}.sm\:cell-col-end-13,.sm\:cell-end-13{grid-column-end:13}.sm\:cell-row-start-1{grid-row-start:1}.sm\:cell-row-end-1{grid-row-end:1}.sm\:cell-row-start-2{grid-row-start:2}.sm\:cell-row-end-2{grid-row-end:2}.sm\:cell-row-start-3{grid-row-start:3}.sm\:cell-row-end-3{grid-row-end:3}.sm\:cell-row-start-4{grid-row-start:4}.sm\:cell-row-end-4{grid-row-end:4}.sm\:cell-row-start-5{grid-row-start:5}.sm\:cell-row-end-5{grid-row-end:5}.sm\:cell-row-start-6{grid-row-start:6}.sm\:cell-row-end-6{grid-row-end:6}.sm\:cell-row-start-7{grid-row-start:7}.sm\:cell-row-end-7{grid-row-end:7}.sm\:cell-order-first{order:-9999}.sm\:cell-order-last{order:9999}.sm\:cell-order-none{order:0}.sm\:cell-order-1{order:1}.sm\:cell-order-2{order:2}.sm\:cell-order-3{order:3}.sm\:cell-order-4{order:4}.sm\:cell-order-5{order:5}.sm\:cell-order-6{order:6}.sm\:cell-order-7{order:7}.sm\:cell-order-8{order:8}.sm\:cell-order-9{order:9}.sm\:cell-order-10{order:10}.sm\:cell-order-11{order:11}.sm\:cell-order-12{order:12}}@media screen and (min-width:768px),print{.md\:grid-2,.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-3,.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-4,.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-5,.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-6,.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-7,.md\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\:grid-8,.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:grid-9,.md\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.md\:grid-10,.md\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\:grid-11,.md\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.md\:grid-12,.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-none{grid-template-columns:none}.md\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.md\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.md\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.md\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.md\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.md\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.md\:grid-rows-none{grid-template-rows:none}.md\:cell-auto,.md\:cell-span-auto{grid-column:auto}.md\:cell-full,.md\:cell-span-full{grid-column:1/-1}.md\:cell-1,.md\:cell-span-1{grid-column:span 1/span 1}.md\:cell-2,.md\:cell-span-2{grid-column:span 2/span 2}.md\:cell-3,.md\:cell-span-3{grid-column:span 3/span 3}.md\:cell-4,.md\:cell-span-4{grid-column:span 4/span 4}.md\:cell-5,.md\:cell-span-5{grid-column:span 5/span 5}.md\:cell-6,.md\:cell-span-6{grid-column:span 6/span 6}.md\:cell-7,.md\:cell-span-7{grid-column:span 7/span 7}.md\:cell-8,.md\:cell-span-8{grid-column:span 8/span 8}.md\:cell-9,.md\:cell-span-9{grid-column:span 9/span 9}.md\:cell-10,.md\:cell-span-10{grid-column:span 10/span 10}.md\:cell-11,.md\:cell-span-11{grid-column:span 11/span 11}.md\:cell-12,.md\:cell-span-12{grid-column:span 12/span 12}.md\:cell-row-auto{grid-row:auto}.md\:cell-row-full{grid-row:1/-1}.md\:cell-row-1,.md\:cell-row-span-1{grid-row:span 1/span 1}.md\:cell-row-2,.md\:cell-row-span-2{grid-row:span 2/span 2}.md\:cell-row-3,.md\:cell-row-span-3{grid-row:span 3/span 3}.md\:cell-row-4,.md\:cell-row-span-4{grid-row:span 4/span 4}.md\:cell-row-5,.md\:cell-row-span-5{grid-row:span 5/span 5}.md\:cell-row-6,.md\:cell-row-span-6{grid-row:span 6/span 6}.md\:cell-col-start-1,.md\:cell-start-1{grid-column-start:1}.md\:cell-col-end-1,.md\:cell-end-1{grid-column-end:1}.md\:cell-col-start-2,.md\:cell-start-2{grid-column-start:2}.md\:cell-col-end-2,.md\:cell-end-2{grid-column-end:2}.md\:cell-col-start-3,.md\:cell-start-3{grid-column-start:3}.md\:cell-col-end-3,.md\:cell-end-3{grid-column-end:3}.md\:cell-col-start-4,.md\:cell-start-4{grid-column-start:4}.md\:cell-col-end-4,.md\:cell-end-4{grid-column-end:4}.md\:cell-col-start-5,.md\:cell-start-5{grid-column-start:5}.md\:cell-col-end-5,.md\:cell-end-5{grid-column-end:5}.md\:cell-col-start-6,.md\:cell-start-6{grid-column-start:6}.md\:cell-col-end-6,.md\:cell-end-6{grid-column-end:6}.md\:cell-col-start-7,.md\:cell-start-7{grid-column-start:7}.md\:cell-col-end-7,.md\:cell-end-7{grid-column-end:7}.md\:cell-col-start-8,.md\:cell-start-8{grid-column-start:8}.md\:cell-col-end-8,.md\:cell-end-8{grid-column-end:8}.md\:cell-col-start-9,.md\:cell-start-9{grid-column-start:9}.md\:cell-col-end-9,.md\:cell-end-9{grid-column-end:9}.md\:cell-col-start-10,.md\:cell-start-10{grid-column-start:10}.md\:cell-col-end-10,.md\:cell-end-10{grid-column-end:10}.md\:cell-col-start-11,.md\:cell-start-11{grid-column-start:11}.md\:cell-col-end-11,.md\:cell-end-11{grid-column-end:11}.md\:cell-col-start-12,.md\:cell-start-12{grid-column-start:12}.md\:cell-col-end-12,.md\:cell-end-12{grid-column-end:12}.md\:cell-col-start-13,.md\:cell-start-13{grid-column-start:13}.md\:cell-col-end-13,.md\:cell-end-13{grid-column-end:13}.md\:cell-row-start-1{grid-row-start:1}.md\:cell-row-end-1{grid-row-end:1}.md\:cell-row-start-2{grid-row-start:2}.md\:cell-row-end-2{grid-row-end:2}.md\:cell-row-start-3{grid-row-start:3}.md\:cell-row-end-3{grid-row-end:3}.md\:cell-row-start-4{grid-row-start:4}.md\:cell-row-end-4{grid-row-end:4}.md\:cell-row-start-5{grid-row-start:5}.md\:cell-row-end-5{grid-row-end:5}.md\:cell-row-start-6{grid-row-start:6}.md\:cell-row-end-6{grid-row-end:6}.md\:cell-row-start-7{grid-row-start:7}.md\:cell-row-end-7{grid-row-end:7}.md\:cell-order-first{order:-9999}.md\:cell-order-last{order:9999}.md\:cell-order-none{order:0}.md\:cell-order-1{order:1}.md\:cell-order-2{order:2}.md\:cell-order-3{order:3}.md\:cell-order-4{order:4}.md\:cell-order-5{order:5}.md\:cell-order-6{order:6}.md\:cell-order-7{order:7}.md\:cell-order-8{order:8}.md\:cell-order-9{order:9}.md\:cell-order-10{order:10}.md\:cell-order-11{order:11}.md\:cell-order-12{order:12}}@media screen and (min-width:1024px),print{.lg\:grid-2,.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-3,.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-4,.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-5,.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-6,.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-7,.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-8,.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:grid-9,.lg\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.lg\:grid-10,.lg\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:grid-11,.lg\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lg\:grid-12,.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-none{grid-template-columns:none}.lg\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.lg\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.lg\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.lg\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.lg\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.lg\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.lg\:grid-rows-none{grid-template-rows:none}.lg\:cell-auto,.lg\:cell-span-auto{grid-column:auto}.lg\:cell-full,.lg\:cell-span-full{grid-column:1/-1}.lg\:cell-1,.lg\:cell-span-1{grid-column:span 1/span 1}.lg\:cell-2,.lg\:cell-span-2{grid-column:span 2/span 2}.lg\:cell-3,.lg\:cell-span-3{grid-column:span 3/span 3}.lg\:cell-4,.lg\:cell-span-4{grid-column:span 4/span 4}.lg\:cell-5,.lg\:cell-span-5{grid-column:span 5/span 5}.lg\:cell-6,.lg\:cell-span-6{grid-column:span 6/span 6}.lg\:cell-7,.lg\:cell-span-7{grid-column:span 7/span 7}.lg\:cell-8,.lg\:cell-span-8{grid-column:span 8/span 8}.lg\:cell-9,.lg\:cell-span-9{grid-column:span 9/span 9}.lg\:cell-10,.lg\:cell-span-10{grid-column:span 10/span 10}.lg\:cell-11,.lg\:cell-span-11{grid-column:span 11/span 11}.lg\:cell-12,.lg\:cell-span-12{grid-column:span 12/span 12}.lg\:cell-row-auto{grid-row:auto}.lg\:cell-row-full{grid-row:1/-1}.lg\:cell-row-1,.lg\:cell-row-span-1{grid-row:span 1/span 1}.lg\:cell-row-2,.lg\:cell-row-span-2{grid-row:span 2/span 2}.lg\:cell-row-3,.lg\:cell-row-span-3{grid-row:span 3/span 3}.lg\:cell-row-4,.lg\:cell-row-span-4{grid-row:span 4/span 4}.lg\:cell-row-5,.lg\:cell-row-span-5{grid-row:span 5/span 5}.lg\:cell-row-6,.lg\:cell-row-span-6{grid-row:span 6/span 6}.lg\:cell-col-start-1,.lg\:cell-start-1{grid-column-start:1}.lg\:cell-col-end-1,.lg\:cell-end-1{grid-column-end:1}.lg\:cell-col-start-2,.lg\:cell-start-2{grid-column-start:2}.lg\:cell-col-end-2,.lg\:cell-end-2{grid-column-end:2}.lg\:cell-col-start-3,.lg\:cell-start-3{grid-column-start:3}.lg\:cell-col-end-3,.lg\:cell-end-3{grid-column-end:3}.lg\:cell-col-start-4,.lg\:cell-start-4{grid-column-start:4}.lg\:cell-col-end-4,.lg\:cell-end-4{grid-column-end:4}.lg\:cell-col-start-5,.lg\:cell-start-5{grid-column-start:5}.lg\:cell-col-end-5,.lg\:cell-end-5{grid-column-end:5}.lg\:cell-col-start-6,.lg\:cell-start-6{grid-column-start:6}.lg\:cell-col-end-6,.lg\:cell-end-6{grid-column-end:6}.lg\:cell-col-start-7,.lg\:cell-start-7{grid-column-start:7}.lg\:cell-col-end-7,.lg\:cell-end-7{grid-column-end:7}.lg\:cell-col-start-8,.lg\:cell-start-8{grid-column-start:8}.lg\:cell-col-end-8,.lg\:cell-end-8{grid-column-end:8}.lg\:cell-col-start-9,.lg\:cell-start-9{grid-column-start:9}.lg\:cell-col-end-9,.lg\:cell-end-9{grid-column-end:9}.lg\:cell-col-start-10,.lg\:cell-start-10{grid-column-start:10}.lg\:cell-col-end-10,.lg\:cell-end-10{grid-column-end:10}.lg\:cell-col-start-11,.lg\:cell-start-11{grid-column-start:11}.lg\:cell-col-end-11,.lg\:cell-end-11{grid-column-end:11}.lg\:cell-col-start-12,.lg\:cell-start-12{grid-column-start:12}.lg\:cell-col-end-12,.lg\:cell-end-12{grid-column-end:12}.lg\:cell-col-start-13,.lg\:cell-start-13{grid-column-start:13}.lg\:cell-col-end-13,.lg\:cell-end-13{grid-column-end:13}.lg\:cell-row-start-1{grid-row-start:1}.lg\:cell-row-end-1{grid-row-end:1}.lg\:cell-row-start-2{grid-row-start:2}.lg\:cell-row-end-2{grid-row-end:2}.lg\:cell-row-start-3{grid-row-start:3}.lg\:cell-row-end-3{grid-row-end:3}.lg\:cell-row-start-4{grid-row-start:4}.lg\:cell-row-end-4{grid-row-end:4}.lg\:cell-row-start-5{grid-row-start:5}.lg\:cell-row-end-5{grid-row-end:5}.lg\:cell-row-start-6{grid-row-start:6}.lg\:cell-row-end-6{grid-row-end:6}.lg\:cell-row-start-7{grid-row-start:7}.lg\:cell-row-end-7{grid-row-end:7}.lg\:cell-order-first{order:-9999}.lg\:cell-order-last{order:9999}.lg\:cell-order-none{order:0}.lg\:cell-order-1{order:1}.lg\:cell-order-2{order:2}.lg\:cell-order-3{order:3}.lg\:cell-order-4{order:4}.lg\:cell-order-5{order:5}.lg\:cell-order-6{order:6}.lg\:cell-order-7{order:7}.lg\:cell-order-8{order:8}.lg\:cell-order-9{order:9}.lg\:cell-order-10{order:10}.lg\:cell-order-11{order:11}.lg\:cell-order-12{order:12}}.gap-px{gap:1px}.gap-x-px{column-gap:1px}.gap-y-px{row-gap:1px}.gap-0,.gap-0 [class^=grid]{gap:0}.gap-x-0,.gap-x-0 [class^=grid]{column-gap:0}.gap-y-0,.gap-y-0 [class^=grid]{row-gap:0}.gap-1,.gap-1 [class^=grid]{gap:.25rem}.gap-x-1,.gap-x-1 [class^=grid]{column-gap:.25rem}.gap-y-1,.gap-y-1 [class^=grid]{row-gap:.25rem}.gap-2,.gap-2 [class^=grid]{gap:.5rem}.gap-x-2,.gap-x-2 [class^=grid]{column-gap:.5rem}.gap-y-2,.gap-y-2 [class^=grid]{row-gap:.5rem}.gap-3,.gap-3 [class^=grid]{gap:.75rem}.gap-x-3,.gap-x-3 [class^=grid]{column-gap:.75rem}.gap-y-3,.gap-y-3 [class^=grid]{row-gap:.75rem}.gap-4,.gap-4 [class^=grid]{gap:1rem}.gap-x-4,.gap-x-4 [class^=grid]{column-gap:1rem}.gap-y-4,.gap-y-4 [class^=grid]{row-gap:1rem}.gap-5,.gap-5 [class^=grid]{gap:1.25rem}.gap-x-5,.gap-x-5 [class^=grid]{column-gap:1.25rem}.gap-y-5,.gap-y-5 [class^=grid]{row-gap:1.25rem}.gap-6,.gap-6 [class^=grid]{gap:1.5rem}.gap-x-6,.gap-x-6 [class^=grid]{column-gap:1.5rem}.gap-y-6,.gap-y-6 [class^=grid]{row-gap:1.5rem}.gap-7,.gap-7 [class^=grid]{gap:1.75rem}.gap-x-7,.gap-x-7 [class^=grid]{column-gap:1.75rem}.gap-y-7,.gap-y-7 [class^=grid]{row-gap:1.75rem}.gap-8,.gap-8 [class^=grid]{gap:2rem}.gap-x-8,.gap-x-8 [class^=grid]{column-gap:2rem}.gap-y-8,.gap-y-8 [class^=grid]{row-gap:2rem}.gap-9,.gap-9 [class^=grid]{gap:2.25rem}.gap-x-9,.gap-x-9 [class^=grid]{column-gap:2.25rem}.gap-y-9,.gap-y-9 [class^=grid]{row-gap:2.25rem}.gap-10,.gap-10 [class^=grid]{gap:2.5rem}.gap-x-10,.gap-x-10 [class^=grid]{column-gap:2.5rem}.gap-y-10,.gap-y-10 [class^=grid]{row-gap:2.5rem} @@ -986,8 +1122,10 @@

          "> -
          -

          -

          - -
          -

          - Set the grid - New +

          + + - - - - - -

        -
        -

        Use grid-cols-{n} class to create grids with n equally sized columns. +

        +

        + Set the grid + + + + + +

        +
        +

        Use grid-cols-{n} class to create grids with n equally sized columns. grid-{n} can be used as a shortcut.

        If there are more children than the grid size, they will automatically wrap. Ex: 8 children in a grid-3 will render as a 3 rows grid.

        Breakpoints for responsiveness are :

        @@ -1283,21 +1421,30 @@

      They can be used as prefixes, for example: sm:grid-cols-2 lg:grid-cols-3

      - - -
      - +
      + + +
      + + + + + + + + +
      name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"container\"\u003e\n \u003ch4\u003eA simple grid \u003ccode\u003egrid-cols-3\u003c/code\u003e\u003c/h4\u003e\n \u003cdiv class=\"grid-cols-3\"\u003e\n \u003cdiv class=\"box dark\"\u003eI'm a cell\u003c/div\u003e\n \u003cdiv class=\"box dark\"\u003eI'm a cell\u003c/div\u003e\n \u003cdiv class=\"box dark\"\u003eI'm a cell\u003c/div\u003e\n \u003cdiv class=\"box dark\"\u003eI'm a cell\u003c/div\u003e\n \u003cdiv class=\"box dark\"\u003eI'm a cell\u003c/div\u003e\n \u003cdiv class=\"box dark\"\u003eI'm a cell\u003c/div\u003e\n \u003c/div\u003e\n\n \u003ch4\u003eResponsive grid\u003c/h4\u003e\n \u003cp\u003eThink mobile first ! Set the mobile grid, then add wider screen behaviors.\u003c/p\u003e\n \u003cdiv class=\"grid-2 md:grid-4\"\u003e\n \u003cdiv class=\"box dark\"\u003eI'm a cell in a responsive grid !\u003c/div\u003e\n \u003cdiv class=\"box dark\"\u003eI'm a cell in a responsive grid !\u003c/div\u003e\n \u003cdiv class=\"box dark\"\u003eI'm a cell in a responsive grid !\u003c/div\u003e\n \u003cdiv class=\"box dark\"\u003eI'm a cell in a responsive grid !\u003c/div\u003e\n \u003c/div\u003e\n\u003c/div\u003e\u003c/div\u003e", - "css": "/**\n * License: MIT License\n * Generated on 25 May 2021\n * Author: Fpassaniti for Opendatasoft\n * Version: 0.1\n * Description: CSS Grid framework for Opendatasoft pages (and more). Go to http://codelibrary.opendatasoft.com/ for more information (doc \u0026 examples).\n */\n\n[class^=grid]{display:grid;grid-gap:1rem}.grid-auto,.grid-auto-flow,.grid-cols-auto-flow{grid-auto-flow:column}.grid-rows-auto-flow{grid-auto-flow:row}.grid-cols-fit,.grid-fit{grid-auto-columns:max-content}.grid-rows-fit{grid-auto-rows:max-content}.grid-2,.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4,.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5,.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-6,.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-7,.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-8,.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-9,.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-10,.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-11,.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-12,.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-none{grid-template-columns:none}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.grid-rows-none{grid-template-rows:none}[class*=\":cell\"],[class^=cell]{display:flex;flex-direction:column;justify-content:stretch}.cell-auto,.cell-span-auto{grid-column:auto}.cell-full,.cell-span-full{grid-column:1/-1}.cell-1,.cell-span-1{grid-column:span 1/span 1}.cell-2,.cell-span-2{grid-column:span 2/span 2}.cell-3,.cell-span-3{grid-column:span 3/span 3}.cell-4,.cell-span-4{grid-column:span 4/span 4}.cell-5,.cell-span-5{grid-column:span 5/span 5}.cell-6,.cell-span-6{grid-column:span 6/span 6}.cell-7,.cell-span-7{grid-column:span 7/span 7}.cell-8,.cell-span-8{grid-column:span 8/span 8}.cell-9,.cell-span-9{grid-column:span 9/span 9}.cell-10,.cell-span-10{grid-column:span 10/span 10}.cell-11,.cell-span-11{grid-column:span 11/span 11}.cell-12,.cell-span-12{grid-column:span 12/span 12}.cell-row-auto{grid-row:auto}.cell-row-full{grid-row:1/-1}.cell-row-1,.cell-row-span-1{grid-row:span 1/span 1}.cell-row-2,.cell-row-span-2{grid-row:span 2/span 2}.cell-row-3,.cell-row-span-3{grid-row:span 3/span 3}.cell-row-4,.cell-row-span-4{grid-row:span 4/span 4}.cell-row-5,.cell-row-span-5{grid-row:span 5/span 5}.cell-row-6,.cell-row-span-6{grid-row:span 6/span 6}.cell-col-start-1,.cell-start-1{grid-column-start:1}.cell-col-end-1,.cell-end-1{grid-column-end:1}.cell-col-start-2,.cell-start-2{grid-column-start:2}.cell-col-end-2,.cell-end-2{grid-column-end:2}.cell-col-start-3,.cell-start-3{grid-column-start:3}.cell-col-end-3,.cell-end-3{grid-column-end:3}.cell-col-start-4,.cell-start-4{grid-column-start:4}.cell-col-end-4,.cell-end-4{grid-column-end:4}.cell-col-start-5,.cell-start-5{grid-column-start:5}.cell-col-end-5,.cell-end-5{grid-column-end:5}.cell-col-start-6,.cell-start-6{grid-column-start:6}.cell-col-end-6,.cell-end-6{grid-column-end:6}.cell-col-start-7,.cell-start-7{grid-column-start:7}.cell-col-end-7,.cell-end-7{grid-column-end:7}.cell-col-start-8,.cell-start-8{grid-column-start:8}.cell-col-end-8,.cell-end-8{grid-column-end:8}.cell-col-start-9,.cell-start-9{grid-column-start:9}.cell-col-end-9,.cell-end-9{grid-column-end:9}.cell-col-start-10,.cell-start-10{grid-column-start:10}.cell-col-end-10,.cell-end-10{grid-column-end:10}.cell-col-start-11,.cell-start-11{grid-column-start:11}.cell-col-end-11,.cell-end-11{grid-column-end:11}.cell-col-start-12,.cell-start-12{grid-column-start:12}.cell-col-end-12,.cell-end-12{grid-column-end:12}.cell-col-start-13,.cell-start-13{grid-column-start:13}.cell-col-end-13,.cell-end-13{grid-column-end:13}.cell-row-start-1{grid-row-start:1}.cell-row-end-1{grid-row-end:1}.cell-row-start-2{grid-row-start:2}.cell-row-end-2{grid-row-end:2}.cell-row-start-3{grid-row-start:3}.cell-row-end-3{grid-row-end:3}.cell-row-start-4{grid-row-start:4}.cell-row-end-4{grid-row-end:4}.cell-row-start-5{grid-row-start:5}.cell-row-end-5{grid-row-end:5}.cell-row-start-6{grid-row-start:6}.cell-row-end-6{grid-row-end:6}.cell-row-start-7{grid-row-start:7}.cell-row-end-7{grid-row-end:7}.cell-order-first{order:-9999}.cell-order-last{order:9999}.cell-order-none{order:0}.cell-order-1{order:1}.cell-order-2{order:2}.cell-order-3{order:3}.cell-order-4{order:4}.cell-order-5{order:5}.cell-order-6{order:6}.cell-order-7{order:7}.cell-order-8{order:8}.cell-order-9{order:9}.cell-order-10{order:10}.cell-order-11{order:11}.cell-order-12{order:12}@media screen and (min-width:640px),print{.sm\\:grid-2,.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\\:grid-3,.sm\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\\:grid-4,.sm\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\\:grid-5,.sm\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\\:grid-6,.sm\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\\:grid-7,.sm\\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.sm\\:grid-8,.sm\\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\\:grid-9,.sm\\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.sm\\:grid-10,.sm\\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.sm\\:grid-11,.sm\\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.sm\\:grid-12,.sm\\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\\:grid-cols-none{grid-template-columns:none}.sm\\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.sm\\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.sm\\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.sm\\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.sm\\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.sm\\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.sm\\:grid-rows-none{grid-template-rows:none}.sm\\:cell-auto,.sm\\:cell-span-auto{grid-column:auto}.sm\\:cell-full,.sm\\:cell-span-full{grid-column:1/-1}.sm\\:cell-1,.sm\\:cell-span-1{grid-column:span 1/span 1}.sm\\:cell-2,.sm\\:cell-span-2{grid-column:span 2/span 2}.sm\\:cell-3,.sm\\:cell-span-3{grid-column:span 3/span 3}.sm\\:cell-4,.sm\\:cell-span-4{grid-column:span 4/span 4}.sm\\:cell-5,.sm\\:cell-span-5{grid-column:span 5/span 5}.sm\\:cell-6,.sm\\:cell-span-6{grid-column:span 6/span 6}.sm\\:cell-7,.sm\\:cell-span-7{grid-column:span 7/span 7}.sm\\:cell-8,.sm\\:cell-span-8{grid-column:span 8/span 8}.sm\\:cell-9,.sm\\:cell-span-9{grid-column:span 9/span 9}.sm\\:cell-10,.sm\\:cell-span-10{grid-column:span 10/span 10}.sm\\:cell-11,.sm\\:cell-span-11{grid-column:span 11/span 11}.sm\\:cell-12,.sm\\:cell-span-12{grid-column:span 12/span 12}.sm\\:cell-row-auto{grid-row:auto}.sm\\:cell-row-full{grid-row:1/-1}.sm\\:cell-row-1,.sm\\:cell-row-span-1{grid-row:span 1/span 1}.sm\\:cell-row-2,.sm\\:cell-row-span-2{grid-row:span 2/span 2}.sm\\:cell-row-3,.sm\\:cell-row-span-3{grid-row:span 3/span 3}.sm\\:cell-row-4,.sm\\:cell-row-span-4{grid-row:span 4/span 4}.sm\\:cell-row-5,.sm\\:cell-row-span-5{grid-row:span 5/span 5}.sm\\:cell-row-6,.sm\\:cell-row-span-6{grid-row:span 6/span 6}.sm\\:cell-col-start-1,.sm\\:cell-start-1{grid-column-start:1}.sm\\:cell-col-end-1,.sm\\:cell-end-1{grid-column-end:1}.sm\\:cell-col-start-2,.sm\\:cell-start-2{grid-column-start:2}.sm\\:cell-col-end-2,.sm\\:cell-end-2{grid-column-end:2}.sm\\:cell-col-start-3,.sm\\:cell-start-3{grid-column-start:3}.sm\\:cell-col-end-3,.sm\\:cell-end-3{grid-column-end:3}.sm\\:cell-col-start-4,.sm\\:cell-start-4{grid-column-start:4}.sm\\:cell-col-end-4,.sm\\:cell-end-4{grid-column-end:4}.sm\\:cell-col-start-5,.sm\\:cell-start-5{grid-column-start:5}.sm\\:cell-col-end-5,.sm\\:cell-end-5{grid-column-end:5}.sm\\:cell-col-start-6,.sm\\:cell-start-6{grid-column-start:6}.sm\\:cell-col-end-6,.sm\\:cell-end-6{grid-column-end:6}.sm\\:cell-col-start-7,.sm\\:cell-start-7{grid-column-start:7}.sm\\:cell-col-end-7,.sm\\:cell-end-7{grid-column-end:7}.sm\\:cell-col-start-8,.sm\\:cell-start-8{grid-column-start:8}.sm\\:cell-col-end-8,.sm\\:cell-end-8{grid-column-end:8}.sm\\:cell-col-start-9,.sm\\:cell-start-9{grid-column-start:9}.sm\\:cell-col-end-9,.sm\\:cell-end-9{grid-column-end:9}.sm\\:cell-col-start-10,.sm\\:cell-start-10{grid-column-start:10}.sm\\:cell-col-end-10,.sm\\:cell-end-10{grid-column-end:10}.sm\\:cell-col-start-11,.sm\\:cell-start-11{grid-column-start:11}.sm\\:cell-col-end-11,.sm\\:cell-end-11{grid-column-end:11}.sm\\:cell-col-start-12,.sm\\:cell-start-12{grid-column-start:12}.sm\\:cell-col-end-12,.sm\\:cell-end-12{grid-column-end:12}.sm\\:cell-col-start-13,.sm\\:cell-start-13{grid-column-start:13}.sm\\:cell-col-end-13,.sm\\:cell-end-13{grid-column-end:13}.sm\\:cell-row-start-1{grid-row-start:1}.sm\\:cell-row-end-1{grid-row-end:1}.sm\\:cell-row-start-2{grid-row-start:2}.sm\\:cell-row-end-2{grid-row-end:2}.sm\\:cell-row-start-3{grid-row-start:3}.sm\\:cell-row-end-3{grid-row-end:3}.sm\\:cell-row-start-4{grid-row-start:4}.sm\\:cell-row-end-4{grid-row-end:4}.sm\\:cell-row-start-5{grid-row-start:5}.sm\\:cell-row-end-5{grid-row-end:5}.sm\\:cell-row-start-6{grid-row-start:6}.sm\\:cell-row-end-6{grid-row-end:6}.sm\\:cell-row-start-7{grid-row-start:7}.sm\\:cell-row-end-7{grid-row-end:7}.sm\\:cell-order-first{order:-9999}.sm\\:cell-order-last{order:9999}.sm\\:cell-order-none{order:0}.sm\\:cell-order-1{order:1}.sm\\:cell-order-2{order:2}.sm\\:cell-order-3{order:3}.sm\\:cell-order-4{order:4}.sm\\:cell-order-5{order:5}.sm\\:cell-order-6{order:6}.sm\\:cell-order-7{order:7}.sm\\:cell-order-8{order:8}.sm\\:cell-order-9{order:9}.sm\\:cell-order-10{order:10}.sm\\:cell-order-11{order:11}.sm\\:cell-order-12{order:12}}@media screen and (min-width:768px),print{.md\\:grid-2,.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-3,.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\\:grid-4,.md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\\:grid-5,.md\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\\:grid-6,.md\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\\:grid-7,.md\\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\\:grid-8,.md\\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\\:grid-9,.md\\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.md\\:grid-10,.md\\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\\:grid-11,.md\\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.md\\:grid-12,.md\\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\\:grid-cols-none{grid-template-columns:none}.md\\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.md\\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.md\\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.md\\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.md\\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.md\\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.md\\:grid-rows-none{grid-template-rows:none}.md\\:cell-auto,.md\\:cell-span-auto{grid-column:auto}.md\\:cell-full,.md\\:cell-span-full{grid-column:1/-1}.md\\:cell-1,.md\\:cell-span-1{grid-column:span 1/span 1}.md\\:cell-2,.md\\:cell-span-2{grid-column:span 2/span 2}.md\\:cell-3,.md\\:cell-span-3{grid-column:span 3/span 3}.md\\:cell-4,.md\\:cell-span-4{grid-column:span 4/span 4}.md\\:cell-5,.md\\:cell-span-5{grid-column:span 5/span 5}.md\\:cell-6,.md\\:cell-span-6{grid-column:span 6/span 6}.md\\:cell-7,.md\\:cell-span-7{grid-column:span 7/span 7}.md\\:cell-8,.md\\:cell-span-8{grid-column:span 8/span 8}.md\\:cell-9,.md\\:cell-span-9{grid-column:span 9/span 9}.md\\:cell-10,.md\\:cell-span-10{grid-column:span 10/span 10}.md\\:cell-11,.md\\:cell-span-11{grid-column:span 11/span 11}.md\\:cell-12,.md\\:cell-span-12{grid-column:span 12/span 12}.md\\:cell-row-auto{grid-row:auto}.md\\:cell-row-full{grid-row:1/-1}.md\\:cell-row-1,.md\\:cell-row-span-1{grid-row:span 1/span 1}.md\\:cell-row-2,.md\\:cell-row-span-2{grid-row:span 2/span 2}.md\\:cell-row-3,.md\\:cell-row-span-3{grid-row:span 3/span 3}.md\\:cell-row-4,.md\\:cell-row-span-4{grid-row:span 4/span 4}.md\\:cell-row-5,.md\\:cell-row-span-5{grid-row:span 5/span 5}.md\\:cell-row-6,.md\\:cell-row-span-6{grid-row:span 6/span 6}.md\\:cell-col-start-1,.md\\:cell-start-1{grid-column-start:1}.md\\:cell-col-end-1,.md\\:cell-end-1{grid-column-end:1}.md\\:cell-col-start-2,.md\\:cell-start-2{grid-column-start:2}.md\\:cell-col-end-2,.md\\:cell-end-2{grid-column-end:2}.md\\:cell-col-start-3,.md\\:cell-start-3{grid-column-start:3}.md\\:cell-col-end-3,.md\\:cell-end-3{grid-column-end:3}.md\\:cell-col-start-4,.md\\:cell-start-4{grid-column-start:4}.md\\:cell-col-end-4,.md\\:cell-end-4{grid-column-end:4}.md\\:cell-col-start-5,.md\\:cell-start-5{grid-column-start:5}.md\\:cell-col-end-5,.md\\:cell-end-5{grid-column-end:5}.md\\:cell-col-start-6,.md\\:cell-start-6{grid-column-start:6}.md\\:cell-col-end-6,.md\\:cell-end-6{grid-column-end:6}.md\\:cell-col-start-7,.md\\:cell-start-7{grid-column-start:7}.md\\:cell-col-end-7,.md\\:cell-end-7{grid-column-end:7}.md\\:cell-col-start-8,.md\\:cell-start-8{grid-column-start:8}.md\\:cell-col-end-8,.md\\:cell-end-8{grid-column-end:8}.md\\:cell-col-start-9,.md\\:cell-start-9{grid-column-start:9}.md\\:cell-col-end-9,.md\\:cell-end-9{grid-column-end:9}.md\\:cell-col-start-10,.md\\:cell-start-10{grid-column-start:10}.md\\:cell-col-end-10,.md\\:cell-end-10{grid-column-end:10}.md\\:cell-col-start-11,.md\\:cell-start-11{grid-column-start:11}.md\\:cell-col-end-11,.md\\:cell-end-11{grid-column-end:11}.md\\:cell-col-start-12,.md\\:cell-start-12{grid-column-start:12}.md\\:cell-col-end-12,.md\\:cell-end-12{grid-column-end:12}.md\\:cell-col-start-13,.md\\:cell-start-13{grid-column-start:13}.md\\:cell-col-end-13,.md\\:cell-end-13{grid-column-end:13}.md\\:cell-row-start-1{grid-row-start:1}.md\\:cell-row-end-1{grid-row-end:1}.md\\:cell-row-start-2{grid-row-start:2}.md\\:cell-row-end-2{grid-row-end:2}.md\\:cell-row-start-3{grid-row-start:3}.md\\:cell-row-end-3{grid-row-end:3}.md\\:cell-row-start-4{grid-row-start:4}.md\\:cell-row-end-4{grid-row-end:4}.md\\:cell-row-start-5{grid-row-start:5}.md\\:cell-row-end-5{grid-row-end:5}.md\\:cell-row-start-6{grid-row-start:6}.md\\:cell-row-end-6{grid-row-end:6}.md\\:cell-row-start-7{grid-row-start:7}.md\\:cell-row-end-7{grid-row-end:7}.md\\:cell-order-first{order:-9999}.md\\:cell-order-last{order:9999}.md\\:cell-order-none{order:0}.md\\:cell-order-1{order:1}.md\\:cell-order-2{order:2}.md\\:cell-order-3{order:3}.md\\:cell-order-4{order:4}.md\\:cell-order-5{order:5}.md\\:cell-order-6{order:6}.md\\:cell-order-7{order:7}.md\\:cell-order-8{order:8}.md\\:cell-order-9{order:9}.md\\:cell-order-10{order:10}.md\\:cell-order-11{order:11}.md\\:cell-order-12{order:12}}@media screen and (min-width:1024px),print{.lg\\:grid-2,.lg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\\:grid-3,.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\\:grid-4,.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\\:grid-5,.lg\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\\:grid-6,.lg\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\\:grid-7,.lg\\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\\:grid-8,.lg\\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\\:grid-9,.lg\\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.lg\\:grid-10,.lg\\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\\:grid-11,.lg\\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lg\\:grid-12,.lg\\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\\:grid-cols-none{grid-template-columns:none}.lg\\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.lg\\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.lg\\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.lg\\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.lg\\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.lg\\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.lg\\:grid-rows-none{grid-template-rows:none}.lg\\:cell-auto,.lg\\:cell-span-auto{grid-column:auto}.lg\\:cell-full,.lg\\:cell-span-full{grid-column:1/-1}.lg\\:cell-1,.lg\\:cell-span-1{grid-column:span 1/span 1}.lg\\:cell-2,.lg\\:cell-span-2{grid-column:span 2/span 2}.lg\\:cell-3,.lg\\:cell-span-3{grid-column:span 3/span 3}.lg\\:cell-4,.lg\\:cell-span-4{grid-column:span 4/span 4}.lg\\:cell-5,.lg\\:cell-span-5{grid-column:span 5/span 5}.lg\\:cell-6,.lg\\:cell-span-6{grid-column:span 6/span 6}.lg\\:cell-7,.lg\\:cell-span-7{grid-column:span 7/span 7}.lg\\:cell-8,.lg\\:cell-span-8{grid-column:span 8/span 8}.lg\\:cell-9,.lg\\:cell-span-9{grid-column:span 9/span 9}.lg\\:cell-10,.lg\\:cell-span-10{grid-column:span 10/span 10}.lg\\:cell-11,.lg\\:cell-span-11{grid-column:span 11/span 11}.lg\\:cell-12,.lg\\:cell-span-12{grid-column:span 12/span 12}.lg\\:cell-row-auto{grid-row:auto}.lg\\:cell-row-full{grid-row:1/-1}.lg\\:cell-row-1,.lg\\:cell-row-span-1{grid-row:span 1/span 1}.lg\\:cell-row-2,.lg\\:cell-row-span-2{grid-row:span 2/span 2}.lg\\:cell-row-3,.lg\\:cell-row-span-3{grid-row:span 3/span 3}.lg\\:cell-row-4,.lg\\:cell-row-span-4{grid-row:span 4/span 4}.lg\\:cell-row-5,.lg\\:cell-row-span-5{grid-row:span 5/span 5}.lg\\:cell-row-6,.lg\\:cell-row-span-6{grid-row:span 6/span 6}.lg\\:cell-col-start-1,.lg\\:cell-start-1{grid-column-start:1}.lg\\:cell-col-end-1,.lg\\:cell-end-1{grid-column-end:1}.lg\\:cell-col-start-2,.lg\\:cell-start-2{grid-column-start:2}.lg\\:cell-col-end-2,.lg\\:cell-end-2{grid-column-end:2}.lg\\:cell-col-start-3,.lg\\:cell-start-3{grid-column-start:3}.lg\\:cell-col-end-3,.lg\\:cell-end-3{grid-column-end:3}.lg\\:cell-col-start-4,.lg\\:cell-start-4{grid-column-start:4}.lg\\:cell-col-end-4,.lg\\:cell-end-4{grid-column-end:4}.lg\\:cell-col-start-5,.lg\\:cell-start-5{grid-column-start:5}.lg\\:cell-col-end-5,.lg\\:cell-end-5{grid-column-end:5}.lg\\:cell-col-start-6,.lg\\:cell-start-6{grid-column-start:6}.lg\\:cell-col-end-6,.lg\\:cell-end-6{grid-column-end:6}.lg\\:cell-col-start-7,.lg\\:cell-start-7{grid-column-start:7}.lg\\:cell-col-end-7,.lg\\:cell-end-7{grid-column-end:7}.lg\\:cell-col-start-8,.lg\\:cell-start-8{grid-column-start:8}.lg\\:cell-col-end-8,.lg\\:cell-end-8{grid-column-end:8}.lg\\:cell-col-start-9,.lg\\:cell-start-9{grid-column-start:9}.lg\\:cell-col-end-9,.lg\\:cell-end-9{grid-column-end:9}.lg\\:cell-col-start-10,.lg\\:cell-start-10{grid-column-start:10}.lg\\:cell-col-end-10,.lg\\:cell-end-10{grid-column-end:10}.lg\\:cell-col-start-11,.lg\\:cell-start-11{grid-column-start:11}.lg\\:cell-col-end-11,.lg\\:cell-end-11{grid-column-end:11}.lg\\:cell-col-start-12,.lg\\:cell-start-12{grid-column-start:12}.lg\\:cell-col-end-12,.lg\\:cell-end-12{grid-column-end:12}.lg\\:cell-col-start-13,.lg\\:cell-start-13{grid-column-start:13}.lg\\:cell-col-end-13,.lg\\:cell-end-13{grid-column-end:13}.lg\\:cell-row-start-1{grid-row-start:1}.lg\\:cell-row-end-1{grid-row-end:1}.lg\\:cell-row-start-2{grid-row-start:2}.lg\\:cell-row-end-2{grid-row-end:2}.lg\\:cell-row-start-3{grid-row-start:3}.lg\\:cell-row-end-3{grid-row-end:3}.lg\\:cell-row-start-4{grid-row-start:4}.lg\\:cell-row-end-4{grid-row-end:4}.lg\\:cell-row-start-5{grid-row-start:5}.lg\\:cell-row-end-5{grid-row-end:5}.lg\\:cell-row-start-6{grid-row-start:6}.lg\\:cell-row-end-6{grid-row-end:6}.lg\\:cell-row-start-7{grid-row-start:7}.lg\\:cell-row-end-7{grid-row-end:7}.lg\\:cell-order-first{order:-9999}.lg\\:cell-order-last{order:9999}.lg\\:cell-order-none{order:0}.lg\\:cell-order-1{order:1}.lg\\:cell-order-2{order:2}.lg\\:cell-order-3{order:3}.lg\\:cell-order-4{order:4}.lg\\:cell-order-5{order:5}.lg\\:cell-order-6{order:6}.lg\\:cell-order-7{order:7}.lg\\:cell-order-8{order:8}.lg\\:cell-order-9{order:9}.lg\\:cell-order-10{order:10}.lg\\:cell-order-11{order:11}.lg\\:cell-order-12{order:12}}.gap-px{gap:1px}.gap-x-px{column-gap:1px}.gap-y-px{row-gap:1px}.gap-0,.gap-0 [class^=grid]{gap:0}.gap-x-0,.gap-x-0 [class^=grid]{column-gap:0}.gap-y-0,.gap-y-0 [class^=grid]{row-gap:0}.gap-1,.gap-1 [class^=grid]{gap:.25rem}.gap-x-1,.gap-x-1 [class^=grid]{column-gap:.25rem}.gap-y-1,.gap-y-1 [class^=grid]{row-gap:.25rem}.gap-2,.gap-2 [class^=grid]{gap:.5rem}.gap-x-2,.gap-x-2 [class^=grid]{column-gap:.5rem}.gap-y-2,.gap-y-2 [class^=grid]{row-gap:.5rem}.gap-3,.gap-3 [class^=grid]{gap:.75rem}.gap-x-3,.gap-x-3 [class^=grid]{column-gap:.75rem}.gap-y-3,.gap-y-3 [class^=grid]{row-gap:.75rem}.gap-4,.gap-4 [class^=grid]{gap:1rem}.gap-x-4,.gap-x-4 [class^=grid]{column-gap:1rem}.gap-y-4,.gap-y-4 [class^=grid]{row-gap:1rem}.gap-5,.gap-5 [class^=grid]{gap:1.25rem}.gap-x-5,.gap-x-5 [class^=grid]{column-gap:1.25rem}.gap-y-5,.gap-y-5 [class^=grid]{row-gap:1.25rem}.gap-6,.gap-6 [class^=grid]{gap:1.5rem}.gap-x-6,.gap-x-6 [class^=grid]{column-gap:1.5rem}.gap-y-6,.gap-y-6 [class^=grid]{row-gap:1.5rem}.gap-7,.gap-7 [class^=grid]{gap:1.75rem}.gap-x-7,.gap-x-7 [class^=grid]{column-gap:1.75rem}.gap-y-7,.gap-y-7 [class^=grid]{row-gap:1.75rem}.gap-8,.gap-8 [class^=grid]{gap:2rem}.gap-x-8,.gap-x-8 [class^=grid]{column-gap:2rem}.gap-y-8,.gap-y-8 [class^=grid]{row-gap:2rem}.gap-9,.gap-9 [class^=grid]{gap:2.25rem}.gap-x-9,.gap-x-9 [class^=grid]{column-gap:2.25rem}.gap-y-9,.gap-y-9 [class^=grid]{row-gap:2.25rem}.gap-10,.gap-10 [class^=grid]{gap:2.5rem}.gap-x-10,.gap-x-10 [class^=grid]{column-gap:2.5rem}.gap-y-10,.gap-y-10 [class^=grid]{row-gap:2.5rem}\n\n/** Optional design for boxes */\n.box {\n height: 100%;\n /* default style */\n padding: 13px 19px;\n border-radius: 6px;\n border: 1px solid #cbcbcb;\n /* Content management */\n word-break: break-word;\n position: relative;\n /* Flex */\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n.box.dark {\n background-color: darkslategrey;\n color: white;\n}" + "css": "/**\n * License: MIT License\n * Generated on 25 May 2021\n * Author: Fpassaniti for Huwise\n * Version: 0.1\n * Description: CSS Grid framework for Huwise pages (and more). Go to http://codelibrary.huwise.com/ for more information (doc \u0026 examples).\n */\n\n[class^=grid]{display:grid;grid-gap:1rem}.grid-auto,.grid-auto-flow,.grid-cols-auto-flow{grid-auto-flow:column}.grid-rows-auto-flow{grid-auto-flow:row}.grid-cols-fit,.grid-fit{grid-auto-columns:max-content}.grid-rows-fit{grid-auto-rows:max-content}.grid-2,.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4,.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5,.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-6,.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-7,.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-8,.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-9,.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-10,.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-11,.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-12,.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-none{grid-template-columns:none}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.grid-rows-none{grid-template-rows:none}[class*=\":cell\"],[class^=cell]{display:flex;flex-direction:column;justify-content:stretch}.cell-auto,.cell-span-auto{grid-column:auto}.cell-full,.cell-span-full{grid-column:1/-1}.cell-1,.cell-span-1{grid-column:span 1/span 1}.cell-2,.cell-span-2{grid-column:span 2/span 2}.cell-3,.cell-span-3{grid-column:span 3/span 3}.cell-4,.cell-span-4{grid-column:span 4/span 4}.cell-5,.cell-span-5{grid-column:span 5/span 5}.cell-6,.cell-span-6{grid-column:span 6/span 6}.cell-7,.cell-span-7{grid-column:span 7/span 7}.cell-8,.cell-span-8{grid-column:span 8/span 8}.cell-9,.cell-span-9{grid-column:span 9/span 9}.cell-10,.cell-span-10{grid-column:span 10/span 10}.cell-11,.cell-span-11{grid-column:span 11/span 11}.cell-12,.cell-span-12{grid-column:span 12/span 12}.cell-row-auto{grid-row:auto}.cell-row-full{grid-row:1/-1}.cell-row-1,.cell-row-span-1{grid-row:span 1/span 1}.cell-row-2,.cell-row-span-2{grid-row:span 2/span 2}.cell-row-3,.cell-row-span-3{grid-row:span 3/span 3}.cell-row-4,.cell-row-span-4{grid-row:span 4/span 4}.cell-row-5,.cell-row-span-5{grid-row:span 5/span 5}.cell-row-6,.cell-row-span-6{grid-row:span 6/span 6}.cell-col-start-1,.cell-start-1{grid-column-start:1}.cell-col-end-1,.cell-end-1{grid-column-end:1}.cell-col-start-2,.cell-start-2{grid-column-start:2}.cell-col-end-2,.cell-end-2{grid-column-end:2}.cell-col-start-3,.cell-start-3{grid-column-start:3}.cell-col-end-3,.cell-end-3{grid-column-end:3}.cell-col-start-4,.cell-start-4{grid-column-start:4}.cell-col-end-4,.cell-end-4{grid-column-end:4}.cell-col-start-5,.cell-start-5{grid-column-start:5}.cell-col-end-5,.cell-end-5{grid-column-end:5}.cell-col-start-6,.cell-start-6{grid-column-start:6}.cell-col-end-6,.cell-end-6{grid-column-end:6}.cell-col-start-7,.cell-start-7{grid-column-start:7}.cell-col-end-7,.cell-end-7{grid-column-end:7}.cell-col-start-8,.cell-start-8{grid-column-start:8}.cell-col-end-8,.cell-end-8{grid-column-end:8}.cell-col-start-9,.cell-start-9{grid-column-start:9}.cell-col-end-9,.cell-end-9{grid-column-end:9}.cell-col-start-10,.cell-start-10{grid-column-start:10}.cell-col-end-10,.cell-end-10{grid-column-end:10}.cell-col-start-11,.cell-start-11{grid-column-start:11}.cell-col-end-11,.cell-end-11{grid-column-end:11}.cell-col-start-12,.cell-start-12{grid-column-start:12}.cell-col-end-12,.cell-end-12{grid-column-end:12}.cell-col-start-13,.cell-start-13{grid-column-start:13}.cell-col-end-13,.cell-end-13{grid-column-end:13}.cell-row-start-1{grid-row-start:1}.cell-row-end-1{grid-row-end:1}.cell-row-start-2{grid-row-start:2}.cell-row-end-2{grid-row-end:2}.cell-row-start-3{grid-row-start:3}.cell-row-end-3{grid-row-end:3}.cell-row-start-4{grid-row-start:4}.cell-row-end-4{grid-row-end:4}.cell-row-start-5{grid-row-start:5}.cell-row-end-5{grid-row-end:5}.cell-row-start-6{grid-row-start:6}.cell-row-end-6{grid-row-end:6}.cell-row-start-7{grid-row-start:7}.cell-row-end-7{grid-row-end:7}.cell-order-first{order:-9999}.cell-order-last{order:9999}.cell-order-none{order:0}.cell-order-1{order:1}.cell-order-2{order:2}.cell-order-3{order:3}.cell-order-4{order:4}.cell-order-5{order:5}.cell-order-6{order:6}.cell-order-7{order:7}.cell-order-8{order:8}.cell-order-9{order:9}.cell-order-10{order:10}.cell-order-11{order:11}.cell-order-12{order:12}@media screen and (min-width:640px),print{.sm\\:grid-2,.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\\:grid-3,.sm\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\\:grid-4,.sm\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\\:grid-5,.sm\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\\:grid-6,.sm\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\\:grid-7,.sm\\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.sm\\:grid-8,.sm\\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\\:grid-9,.sm\\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.sm\\:grid-10,.sm\\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.sm\\:grid-11,.sm\\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.sm\\:grid-12,.sm\\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\\:grid-cols-none{grid-template-columns:none}.sm\\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.sm\\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.sm\\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.sm\\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.sm\\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.sm\\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.sm\\:grid-rows-none{grid-template-rows:none}.sm\\:cell-auto,.sm\\:cell-span-auto{grid-column:auto}.sm\\:cell-full,.sm\\:cell-span-full{grid-column:1/-1}.sm\\:cell-1,.sm\\:cell-span-1{grid-column:span 1/span 1}.sm\\:cell-2,.sm\\:cell-span-2{grid-column:span 2/span 2}.sm\\:cell-3,.sm\\:cell-span-3{grid-column:span 3/span 3}.sm\\:cell-4,.sm\\:cell-span-4{grid-column:span 4/span 4}.sm\\:cell-5,.sm\\:cell-span-5{grid-column:span 5/span 5}.sm\\:cell-6,.sm\\:cell-span-6{grid-column:span 6/span 6}.sm\\:cell-7,.sm\\:cell-span-7{grid-column:span 7/span 7}.sm\\:cell-8,.sm\\:cell-span-8{grid-column:span 8/span 8}.sm\\:cell-9,.sm\\:cell-span-9{grid-column:span 9/span 9}.sm\\:cell-10,.sm\\:cell-span-10{grid-column:span 10/span 10}.sm\\:cell-11,.sm\\:cell-span-11{grid-column:span 11/span 11}.sm\\:cell-12,.sm\\:cell-span-12{grid-column:span 12/span 12}.sm\\:cell-row-auto{grid-row:auto}.sm\\:cell-row-full{grid-row:1/-1}.sm\\:cell-row-1,.sm\\:cell-row-span-1{grid-row:span 1/span 1}.sm\\:cell-row-2,.sm\\:cell-row-span-2{grid-row:span 2/span 2}.sm\\:cell-row-3,.sm\\:cell-row-span-3{grid-row:span 3/span 3}.sm\\:cell-row-4,.sm\\:cell-row-span-4{grid-row:span 4/span 4}.sm\\:cell-row-5,.sm\\:cell-row-span-5{grid-row:span 5/span 5}.sm\\:cell-row-6,.sm\\:cell-row-span-6{grid-row:span 6/span 6}.sm\\:cell-col-start-1,.sm\\:cell-start-1{grid-column-start:1}.sm\\:cell-col-end-1,.sm\\:cell-end-1{grid-column-end:1}.sm\\:cell-col-start-2,.sm\\:cell-start-2{grid-column-start:2}.sm\\:cell-col-end-2,.sm\\:cell-end-2{grid-column-end:2}.sm\\:cell-col-start-3,.sm\\:cell-start-3{grid-column-start:3}.sm\\:cell-col-end-3,.sm\\:cell-end-3{grid-column-end:3}.sm\\:cell-col-start-4,.sm\\:cell-start-4{grid-column-start:4}.sm\\:cell-col-end-4,.sm\\:cell-end-4{grid-column-end:4}.sm\\:cell-col-start-5,.sm\\:cell-start-5{grid-column-start:5}.sm\\:cell-col-end-5,.sm\\:cell-end-5{grid-column-end:5}.sm\\:cell-col-start-6,.sm\\:cell-start-6{grid-column-start:6}.sm\\:cell-col-end-6,.sm\\:cell-end-6{grid-column-end:6}.sm\\:cell-col-start-7,.sm\\:cell-start-7{grid-column-start:7}.sm\\:cell-col-end-7,.sm\\:cell-end-7{grid-column-end:7}.sm\\:cell-col-start-8,.sm\\:cell-start-8{grid-column-start:8}.sm\\:cell-col-end-8,.sm\\:cell-end-8{grid-column-end:8}.sm\\:cell-col-start-9,.sm\\:cell-start-9{grid-column-start:9}.sm\\:cell-col-end-9,.sm\\:cell-end-9{grid-column-end:9}.sm\\:cell-col-start-10,.sm\\:cell-start-10{grid-column-start:10}.sm\\:cell-col-end-10,.sm\\:cell-end-10{grid-column-end:10}.sm\\:cell-col-start-11,.sm\\:cell-start-11{grid-column-start:11}.sm\\:cell-col-end-11,.sm\\:cell-end-11{grid-column-end:11}.sm\\:cell-col-start-12,.sm\\:cell-start-12{grid-column-start:12}.sm\\:cell-col-end-12,.sm\\:cell-end-12{grid-column-end:12}.sm\\:cell-col-start-13,.sm\\:cell-start-13{grid-column-start:13}.sm\\:cell-col-end-13,.sm\\:cell-end-13{grid-column-end:13}.sm\\:cell-row-start-1{grid-row-start:1}.sm\\:cell-row-end-1{grid-row-end:1}.sm\\:cell-row-start-2{grid-row-start:2}.sm\\:cell-row-end-2{grid-row-end:2}.sm\\:cell-row-start-3{grid-row-start:3}.sm\\:cell-row-end-3{grid-row-end:3}.sm\\:cell-row-start-4{grid-row-start:4}.sm\\:cell-row-end-4{grid-row-end:4}.sm\\:cell-row-start-5{grid-row-start:5}.sm\\:cell-row-end-5{grid-row-end:5}.sm\\:cell-row-start-6{grid-row-start:6}.sm\\:cell-row-end-6{grid-row-end:6}.sm\\:cell-row-start-7{grid-row-start:7}.sm\\:cell-row-end-7{grid-row-end:7}.sm\\:cell-order-first{order:-9999}.sm\\:cell-order-last{order:9999}.sm\\:cell-order-none{order:0}.sm\\:cell-order-1{order:1}.sm\\:cell-order-2{order:2}.sm\\:cell-order-3{order:3}.sm\\:cell-order-4{order:4}.sm\\:cell-order-5{order:5}.sm\\:cell-order-6{order:6}.sm\\:cell-order-7{order:7}.sm\\:cell-order-8{order:8}.sm\\:cell-order-9{order:9}.sm\\:cell-order-10{order:10}.sm\\:cell-order-11{order:11}.sm\\:cell-order-12{order:12}}@media screen and (min-width:768px),print{.md\\:grid-2,.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-3,.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\\:grid-4,.md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\\:grid-5,.md\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\\:grid-6,.md\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\\:grid-7,.md\\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\\:grid-8,.md\\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\\:grid-9,.md\\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.md\\:grid-10,.md\\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\\:grid-11,.md\\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.md\\:grid-12,.md\\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\\:grid-cols-none{grid-template-columns:none}.md\\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.md\\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.md\\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.md\\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.md\\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.md\\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.md\\:grid-rows-none{grid-template-rows:none}.md\\:cell-auto,.md\\:cell-span-auto{grid-column:auto}.md\\:cell-full,.md\\:cell-span-full{grid-column:1/-1}.md\\:cell-1,.md\\:cell-span-1{grid-column:span 1/span 1}.md\\:cell-2,.md\\:cell-span-2{grid-column:span 2/span 2}.md\\:cell-3,.md\\:cell-span-3{grid-column:span 3/span 3}.md\\:cell-4,.md\\:cell-span-4{grid-column:span 4/span 4}.md\\:cell-5,.md\\:cell-span-5{grid-column:span 5/span 5}.md\\:cell-6,.md\\:cell-span-6{grid-column:span 6/span 6}.md\\:cell-7,.md\\:cell-span-7{grid-column:span 7/span 7}.md\\:cell-8,.md\\:cell-span-8{grid-column:span 8/span 8}.md\\:cell-9,.md\\:cell-span-9{grid-column:span 9/span 9}.md\\:cell-10,.md\\:cell-span-10{grid-column:span 10/span 10}.md\\:cell-11,.md\\:cell-span-11{grid-column:span 11/span 11}.md\\:cell-12,.md\\:cell-span-12{grid-column:span 12/span 12}.md\\:cell-row-auto{grid-row:auto}.md\\:cell-row-full{grid-row:1/-1}.md\\:cell-row-1,.md\\:cell-row-span-1{grid-row:span 1/span 1}.md\\:cell-row-2,.md\\:cell-row-span-2{grid-row:span 2/span 2}.md\\:cell-row-3,.md\\:cell-row-span-3{grid-row:span 3/span 3}.md\\:cell-row-4,.md\\:cell-row-span-4{grid-row:span 4/span 4}.md\\:cell-row-5,.md\\:cell-row-span-5{grid-row:span 5/span 5}.md\\:cell-row-6,.md\\:cell-row-span-6{grid-row:span 6/span 6}.md\\:cell-col-start-1,.md\\:cell-start-1{grid-column-start:1}.md\\:cell-col-end-1,.md\\:cell-end-1{grid-column-end:1}.md\\:cell-col-start-2,.md\\:cell-start-2{grid-column-start:2}.md\\:cell-col-end-2,.md\\:cell-end-2{grid-column-end:2}.md\\:cell-col-start-3,.md\\:cell-start-3{grid-column-start:3}.md\\:cell-col-end-3,.md\\:cell-end-3{grid-column-end:3}.md\\:cell-col-start-4,.md\\:cell-start-4{grid-column-start:4}.md\\:cell-col-end-4,.md\\:cell-end-4{grid-column-end:4}.md\\:cell-col-start-5,.md\\:cell-start-5{grid-column-start:5}.md\\:cell-col-end-5,.md\\:cell-end-5{grid-column-end:5}.md\\:cell-col-start-6,.md\\:cell-start-6{grid-column-start:6}.md\\:cell-col-end-6,.md\\:cell-end-6{grid-column-end:6}.md\\:cell-col-start-7,.md\\:cell-start-7{grid-column-start:7}.md\\:cell-col-end-7,.md\\:cell-end-7{grid-column-end:7}.md\\:cell-col-start-8,.md\\:cell-start-8{grid-column-start:8}.md\\:cell-col-end-8,.md\\:cell-end-8{grid-column-end:8}.md\\:cell-col-start-9,.md\\:cell-start-9{grid-column-start:9}.md\\:cell-col-end-9,.md\\:cell-end-9{grid-column-end:9}.md\\:cell-col-start-10,.md\\:cell-start-10{grid-column-start:10}.md\\:cell-col-end-10,.md\\:cell-end-10{grid-column-end:10}.md\\:cell-col-start-11,.md\\:cell-start-11{grid-column-start:11}.md\\:cell-col-end-11,.md\\:cell-end-11{grid-column-end:11}.md\\:cell-col-start-12,.md\\:cell-start-12{grid-column-start:12}.md\\:cell-col-end-12,.md\\:cell-end-12{grid-column-end:12}.md\\:cell-col-start-13,.md\\:cell-start-13{grid-column-start:13}.md\\:cell-col-end-13,.md\\:cell-end-13{grid-column-end:13}.md\\:cell-row-start-1{grid-row-start:1}.md\\:cell-row-end-1{grid-row-end:1}.md\\:cell-row-start-2{grid-row-start:2}.md\\:cell-row-end-2{grid-row-end:2}.md\\:cell-row-start-3{grid-row-start:3}.md\\:cell-row-end-3{grid-row-end:3}.md\\:cell-row-start-4{grid-row-start:4}.md\\:cell-row-end-4{grid-row-end:4}.md\\:cell-row-start-5{grid-row-start:5}.md\\:cell-row-end-5{grid-row-end:5}.md\\:cell-row-start-6{grid-row-start:6}.md\\:cell-row-end-6{grid-row-end:6}.md\\:cell-row-start-7{grid-row-start:7}.md\\:cell-row-end-7{grid-row-end:7}.md\\:cell-order-first{order:-9999}.md\\:cell-order-last{order:9999}.md\\:cell-order-none{order:0}.md\\:cell-order-1{order:1}.md\\:cell-order-2{order:2}.md\\:cell-order-3{order:3}.md\\:cell-order-4{order:4}.md\\:cell-order-5{order:5}.md\\:cell-order-6{order:6}.md\\:cell-order-7{order:7}.md\\:cell-order-8{order:8}.md\\:cell-order-9{order:9}.md\\:cell-order-10{order:10}.md\\:cell-order-11{order:11}.md\\:cell-order-12{order:12}}@media screen and (min-width:1024px),print{.lg\\:grid-2,.lg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\\:grid-3,.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\\:grid-4,.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\\:grid-5,.lg\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\\:grid-6,.lg\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\\:grid-7,.lg\\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\\:grid-8,.lg\\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\\:grid-9,.lg\\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.lg\\:grid-10,.lg\\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\\:grid-11,.lg\\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lg\\:grid-12,.lg\\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\\:grid-cols-none{grid-template-columns:none}.lg\\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.lg\\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.lg\\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.lg\\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.lg\\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.lg\\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.lg\\:grid-rows-none{grid-template-rows:none}.lg\\:cell-auto,.lg\\:cell-span-auto{grid-column:auto}.lg\\:cell-full,.lg\\:cell-span-full{grid-column:1/-1}.lg\\:cell-1,.lg\\:cell-span-1{grid-column:span 1/span 1}.lg\\:cell-2,.lg\\:cell-span-2{grid-column:span 2/span 2}.lg\\:cell-3,.lg\\:cell-span-3{grid-column:span 3/span 3}.lg\\:cell-4,.lg\\:cell-span-4{grid-column:span 4/span 4}.lg\\:cell-5,.lg\\:cell-span-5{grid-column:span 5/span 5}.lg\\:cell-6,.lg\\:cell-span-6{grid-column:span 6/span 6}.lg\\:cell-7,.lg\\:cell-span-7{grid-column:span 7/span 7}.lg\\:cell-8,.lg\\:cell-span-8{grid-column:span 8/span 8}.lg\\:cell-9,.lg\\:cell-span-9{grid-column:span 9/span 9}.lg\\:cell-10,.lg\\:cell-span-10{grid-column:span 10/span 10}.lg\\:cell-11,.lg\\:cell-span-11{grid-column:span 11/span 11}.lg\\:cell-12,.lg\\:cell-span-12{grid-column:span 12/span 12}.lg\\:cell-row-auto{grid-row:auto}.lg\\:cell-row-full{grid-row:1/-1}.lg\\:cell-row-1,.lg\\:cell-row-span-1{grid-row:span 1/span 1}.lg\\:cell-row-2,.lg\\:cell-row-span-2{grid-row:span 2/span 2}.lg\\:cell-row-3,.lg\\:cell-row-span-3{grid-row:span 3/span 3}.lg\\:cell-row-4,.lg\\:cell-row-span-4{grid-row:span 4/span 4}.lg\\:cell-row-5,.lg\\:cell-row-span-5{grid-row:span 5/span 5}.lg\\:cell-row-6,.lg\\:cell-row-span-6{grid-row:span 6/span 6}.lg\\:cell-col-start-1,.lg\\:cell-start-1{grid-column-start:1}.lg\\:cell-col-end-1,.lg\\:cell-end-1{grid-column-end:1}.lg\\:cell-col-start-2,.lg\\:cell-start-2{grid-column-start:2}.lg\\:cell-col-end-2,.lg\\:cell-end-2{grid-column-end:2}.lg\\:cell-col-start-3,.lg\\:cell-start-3{grid-column-start:3}.lg\\:cell-col-end-3,.lg\\:cell-end-3{grid-column-end:3}.lg\\:cell-col-start-4,.lg\\:cell-start-4{grid-column-start:4}.lg\\:cell-col-end-4,.lg\\:cell-end-4{grid-column-end:4}.lg\\:cell-col-start-5,.lg\\:cell-start-5{grid-column-start:5}.lg\\:cell-col-end-5,.lg\\:cell-end-5{grid-column-end:5}.lg\\:cell-col-start-6,.lg\\:cell-start-6{grid-column-start:6}.lg\\:cell-col-end-6,.lg\\:cell-end-6{grid-column-end:6}.lg\\:cell-col-start-7,.lg\\:cell-start-7{grid-column-start:7}.lg\\:cell-col-end-7,.lg\\:cell-end-7{grid-column-end:7}.lg\\:cell-col-start-8,.lg\\:cell-start-8{grid-column-start:8}.lg\\:cell-col-end-8,.lg\\:cell-end-8{grid-column-end:8}.lg\\:cell-col-start-9,.lg\\:cell-start-9{grid-column-start:9}.lg\\:cell-col-end-9,.lg\\:cell-end-9{grid-column-end:9}.lg\\:cell-col-start-10,.lg\\:cell-start-10{grid-column-start:10}.lg\\:cell-col-end-10,.lg\\:cell-end-10{grid-column-end:10}.lg\\:cell-col-start-11,.lg\\:cell-start-11{grid-column-start:11}.lg\\:cell-col-end-11,.lg\\:cell-end-11{grid-column-end:11}.lg\\:cell-col-start-12,.lg\\:cell-start-12{grid-column-start:12}.lg\\:cell-col-end-12,.lg\\:cell-end-12{grid-column-end:12}.lg\\:cell-col-start-13,.lg\\:cell-start-13{grid-column-start:13}.lg\\:cell-col-end-13,.lg\\:cell-end-13{grid-column-end:13}.lg\\:cell-row-start-1{grid-row-start:1}.lg\\:cell-row-end-1{grid-row-end:1}.lg\\:cell-row-start-2{grid-row-start:2}.lg\\:cell-row-end-2{grid-row-end:2}.lg\\:cell-row-start-3{grid-row-start:3}.lg\\:cell-row-end-3{grid-row-end:3}.lg\\:cell-row-start-4{grid-row-start:4}.lg\\:cell-row-end-4{grid-row-end:4}.lg\\:cell-row-start-5{grid-row-start:5}.lg\\:cell-row-end-5{grid-row-end:5}.lg\\:cell-row-start-6{grid-row-start:6}.lg\\:cell-row-end-6{grid-row-end:6}.lg\\:cell-row-start-7{grid-row-start:7}.lg\\:cell-row-end-7{grid-row-end:7}.lg\\:cell-order-first{order:-9999}.lg\\:cell-order-last{order:9999}.lg\\:cell-order-none{order:0}.lg\\:cell-order-1{order:1}.lg\\:cell-order-2{order:2}.lg\\:cell-order-3{order:3}.lg\\:cell-order-4{order:4}.lg\\:cell-order-5{order:5}.lg\\:cell-order-6{order:6}.lg\\:cell-order-7{order:7}.lg\\:cell-order-8{order:8}.lg\\:cell-order-9{order:9}.lg\\:cell-order-10{order:10}.lg\\:cell-order-11{order:11}.lg\\:cell-order-12{order:12}}.gap-px{gap:1px}.gap-x-px{column-gap:1px}.gap-y-px{row-gap:1px}.gap-0,.gap-0 [class^=grid]{gap:0}.gap-x-0,.gap-x-0 [class^=grid]{column-gap:0}.gap-y-0,.gap-y-0 [class^=grid]{row-gap:0}.gap-1,.gap-1 [class^=grid]{gap:.25rem}.gap-x-1,.gap-x-1 [class^=grid]{column-gap:.25rem}.gap-y-1,.gap-y-1 [class^=grid]{row-gap:.25rem}.gap-2,.gap-2 [class^=grid]{gap:.5rem}.gap-x-2,.gap-x-2 [class^=grid]{column-gap:.5rem}.gap-y-2,.gap-y-2 [class^=grid]{row-gap:.5rem}.gap-3,.gap-3 [class^=grid]{gap:.75rem}.gap-x-3,.gap-x-3 [class^=grid]{column-gap:.75rem}.gap-y-3,.gap-y-3 [class^=grid]{row-gap:.75rem}.gap-4,.gap-4 [class^=grid]{gap:1rem}.gap-x-4,.gap-x-4 [class^=grid]{column-gap:1rem}.gap-y-4,.gap-y-4 [class^=grid]{row-gap:1rem}.gap-5,.gap-5 [class^=grid]{gap:1.25rem}.gap-x-5,.gap-x-5 [class^=grid]{column-gap:1.25rem}.gap-y-5,.gap-y-5 [class^=grid]{row-gap:1.25rem}.gap-6,.gap-6 [class^=grid]{gap:1.5rem}.gap-x-6,.gap-x-6 [class^=grid]{column-gap:1.5rem}.gap-y-6,.gap-y-6 [class^=grid]{row-gap:1.5rem}.gap-7,.gap-7 [class^=grid]{gap:1.75rem}.gap-x-7,.gap-x-7 [class^=grid]{column-gap:1.75rem}.gap-y-7,.gap-y-7 [class^=grid]{row-gap:1.75rem}.gap-8,.gap-8 [class^=grid]{gap:2rem}.gap-x-8,.gap-x-8 [class^=grid]{column-gap:2rem}.gap-y-8,.gap-y-8 [class^=grid]{row-gap:2rem}.gap-9,.gap-9 [class^=grid]{gap:2.25rem}.gap-x-9,.gap-x-9 [class^=grid]{column-gap:2.25rem}.gap-y-9,.gap-y-9 [class^=grid]{row-gap:2.25rem}.gap-10,.gap-10 [class^=grid]{gap:2.5rem}.gap-x-10,.gap-x-10 [class^=grid]{column-gap:2.5rem}.gap-y-10,.gap-y-10 [class^=grid]{row-gap:2.5rem}\n\n/** Optional design for boxes */\n.box {\n height: 100%;\n /* default style */\n padding: 13px 19px;\n border-radius: 6px;\n border: 1px solid #cbcbcb;\n /* Content management */\n word-break: break-word;\n position: relative;\n /* Flex */\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n.box.dark {\n background-color: darkslategrey;\n color: white;\n}" }'>
      @@ -1321,7 +1468,8 @@

      width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -1365,6 +1513,7 @@

      const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -1475,7 +1624,9 @@

      $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
      <div ng-app="ods-widgets"> @@ -1503,9 +1654,9 @@

      /** * License: MIT License * Generated on 25 May 2021 - * Author: Fpassaniti for Opendatasoft + * Author: Fpassaniti for Huwise * Version: 0.1 - * Description: CSS Grid framework for Opendatasoft pages (and more). Go to http://codelibrary.opendatasoft.com/ for more information (doc & examples). + * Description: CSS Grid framework for Huwise pages (and more). Go to http://codelibrary.huwise.com/ for more information (doc & examples). */ [class^=grid]{display:grid;grid-gap:1rem}.grid-auto,.grid-auto-flow,.grid-cols-auto-flow{grid-auto-flow:column}.grid-rows-auto-flow{grid-auto-flow:row}.grid-cols-fit,.grid-fit{grid-auto-columns:max-content}.grid-rows-fit{grid-auto-rows:max-content}.grid-2,.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4,.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5,.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-6,.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-7,.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-8,.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-9,.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-10,.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-11,.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-12,.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-none{grid-template-columns:none}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.grid-rows-none{grid-template-rows:none}[class*=":cell"],[class^=cell]{display:flex;flex-direction:column;justify-content:stretch}.cell-auto,.cell-span-auto{grid-column:auto}.cell-full,.cell-span-full{grid-column:1/-1}.cell-1,.cell-span-1{grid-column:span 1/span 1}.cell-2,.cell-span-2{grid-column:span 2/span 2}.cell-3,.cell-span-3{grid-column:span 3/span 3}.cell-4,.cell-span-4{grid-column:span 4/span 4}.cell-5,.cell-span-5{grid-column:span 5/span 5}.cell-6,.cell-span-6{grid-column:span 6/span 6}.cell-7,.cell-span-7{grid-column:span 7/span 7}.cell-8,.cell-span-8{grid-column:span 8/span 8}.cell-9,.cell-span-9{grid-column:span 9/span 9}.cell-10,.cell-span-10{grid-column:span 10/span 10}.cell-11,.cell-span-11{grid-column:span 11/span 11}.cell-12,.cell-span-12{grid-column:span 12/span 12}.cell-row-auto{grid-row:auto}.cell-row-full{grid-row:1/-1}.cell-row-1,.cell-row-span-1{grid-row:span 1/span 1}.cell-row-2,.cell-row-span-2{grid-row:span 2/span 2}.cell-row-3,.cell-row-span-3{grid-row:span 3/span 3}.cell-row-4,.cell-row-span-4{grid-row:span 4/span 4}.cell-row-5,.cell-row-span-5{grid-row:span 5/span 5}.cell-row-6,.cell-row-span-6{grid-row:span 6/span 6}.cell-col-start-1,.cell-start-1{grid-column-start:1}.cell-col-end-1,.cell-end-1{grid-column-end:1}.cell-col-start-2,.cell-start-2{grid-column-start:2}.cell-col-end-2,.cell-end-2{grid-column-end:2}.cell-col-start-3,.cell-start-3{grid-column-start:3}.cell-col-end-3,.cell-end-3{grid-column-end:3}.cell-col-start-4,.cell-start-4{grid-column-start:4}.cell-col-end-4,.cell-end-4{grid-column-end:4}.cell-col-start-5,.cell-start-5{grid-column-start:5}.cell-col-end-5,.cell-end-5{grid-column-end:5}.cell-col-start-6,.cell-start-6{grid-column-start:6}.cell-col-end-6,.cell-end-6{grid-column-end:6}.cell-col-start-7,.cell-start-7{grid-column-start:7}.cell-col-end-7,.cell-end-7{grid-column-end:7}.cell-col-start-8,.cell-start-8{grid-column-start:8}.cell-col-end-8,.cell-end-8{grid-column-end:8}.cell-col-start-9,.cell-start-9{grid-column-start:9}.cell-col-end-9,.cell-end-9{grid-column-end:9}.cell-col-start-10,.cell-start-10{grid-column-start:10}.cell-col-end-10,.cell-end-10{grid-column-end:10}.cell-col-start-11,.cell-start-11{grid-column-start:11}.cell-col-end-11,.cell-end-11{grid-column-end:11}.cell-col-start-12,.cell-start-12{grid-column-start:12}.cell-col-end-12,.cell-end-12{grid-column-end:12}.cell-col-start-13,.cell-start-13{grid-column-start:13}.cell-col-end-13,.cell-end-13{grid-column-end:13}.cell-row-start-1{grid-row-start:1}.cell-row-end-1{grid-row-end:1}.cell-row-start-2{grid-row-start:2}.cell-row-end-2{grid-row-end:2}.cell-row-start-3{grid-row-start:3}.cell-row-end-3{grid-row-end:3}.cell-row-start-4{grid-row-start:4}.cell-row-end-4{grid-row-end:4}.cell-row-start-5{grid-row-start:5}.cell-row-end-5{grid-row-end:5}.cell-row-start-6{grid-row-start:6}.cell-row-end-6{grid-row-end:6}.cell-row-start-7{grid-row-start:7}.cell-row-end-7{grid-row-end:7}.cell-order-first{order:-9999}.cell-order-last{order:9999}.cell-order-none{order:0}.cell-order-1{order:1}.cell-order-2{order:2}.cell-order-3{order:3}.cell-order-4{order:4}.cell-order-5{order:5}.cell-order-6{order:6}.cell-order-7{order:7}.cell-order-8{order:8}.cell-order-9{order:9}.cell-order-10{order:10}.cell-order-11{order:11}.cell-order-12{order:12}@media screen and (min-width:640px),print{.sm\:grid-2,.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-3,.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-4,.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-5,.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-6,.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-7,.sm\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.sm\:grid-8,.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:grid-9,.sm\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.sm\:grid-10,.sm\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.sm\:grid-11,.sm\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.sm\:grid-12,.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\:grid-cols-none{grid-template-columns:none}.sm\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.sm\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.sm\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.sm\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.sm\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.sm\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.sm\:grid-rows-none{grid-template-rows:none}.sm\:cell-auto,.sm\:cell-span-auto{grid-column:auto}.sm\:cell-full,.sm\:cell-span-full{grid-column:1/-1}.sm\:cell-1,.sm\:cell-span-1{grid-column:span 1/span 1}.sm\:cell-2,.sm\:cell-span-2{grid-column:span 2/span 2}.sm\:cell-3,.sm\:cell-span-3{grid-column:span 3/span 3}.sm\:cell-4,.sm\:cell-span-4{grid-column:span 4/span 4}.sm\:cell-5,.sm\:cell-span-5{grid-column:span 5/span 5}.sm\:cell-6,.sm\:cell-span-6{grid-column:span 6/span 6}.sm\:cell-7,.sm\:cell-span-7{grid-column:span 7/span 7}.sm\:cell-8,.sm\:cell-span-8{grid-column:span 8/span 8}.sm\:cell-9,.sm\:cell-span-9{grid-column:span 9/span 9}.sm\:cell-10,.sm\:cell-span-10{grid-column:span 10/span 10}.sm\:cell-11,.sm\:cell-span-11{grid-column:span 11/span 11}.sm\:cell-12,.sm\:cell-span-12{grid-column:span 12/span 12}.sm\:cell-row-auto{grid-row:auto}.sm\:cell-row-full{grid-row:1/-1}.sm\:cell-row-1,.sm\:cell-row-span-1{grid-row:span 1/span 1}.sm\:cell-row-2,.sm\:cell-row-span-2{grid-row:span 2/span 2}.sm\:cell-row-3,.sm\:cell-row-span-3{grid-row:span 3/span 3}.sm\:cell-row-4,.sm\:cell-row-span-4{grid-row:span 4/span 4}.sm\:cell-row-5,.sm\:cell-row-span-5{grid-row:span 5/span 5}.sm\:cell-row-6,.sm\:cell-row-span-6{grid-row:span 6/span 6}.sm\:cell-col-start-1,.sm\:cell-start-1{grid-column-start:1}.sm\:cell-col-end-1,.sm\:cell-end-1{grid-column-end:1}.sm\:cell-col-start-2,.sm\:cell-start-2{grid-column-start:2}.sm\:cell-col-end-2,.sm\:cell-end-2{grid-column-end:2}.sm\:cell-col-start-3,.sm\:cell-start-3{grid-column-start:3}.sm\:cell-col-end-3,.sm\:cell-end-3{grid-column-end:3}.sm\:cell-col-start-4,.sm\:cell-start-4{grid-column-start:4}.sm\:cell-col-end-4,.sm\:cell-end-4{grid-column-end:4}.sm\:cell-col-start-5,.sm\:cell-start-5{grid-column-start:5}.sm\:cell-col-end-5,.sm\:cell-end-5{grid-column-end:5}.sm\:cell-col-start-6,.sm\:cell-start-6{grid-column-start:6}.sm\:cell-col-end-6,.sm\:cell-end-6{grid-column-end:6}.sm\:cell-col-start-7,.sm\:cell-start-7{grid-column-start:7}.sm\:cell-col-end-7,.sm\:cell-end-7{grid-column-end:7}.sm\:cell-col-start-8,.sm\:cell-start-8{grid-column-start:8}.sm\:cell-col-end-8,.sm\:cell-end-8{grid-column-end:8}.sm\:cell-col-start-9,.sm\:cell-start-9{grid-column-start:9}.sm\:cell-col-end-9,.sm\:cell-end-9{grid-column-end:9}.sm\:cell-col-start-10,.sm\:cell-start-10{grid-column-start:10}.sm\:cell-col-end-10,.sm\:cell-end-10{grid-column-end:10}.sm\:cell-col-start-11,.sm\:cell-start-11{grid-column-start:11}.sm\:cell-col-end-11,.sm\:cell-end-11{grid-column-end:11}.sm\:cell-col-start-12,.sm\:cell-start-12{grid-column-start:12}.sm\:cell-col-end-12,.sm\:cell-end-12{grid-column-end:12}.sm\:cell-col-start-13,.sm\:cell-start-13{grid-column-start:13}.sm\:cell-col-end-13,.sm\:cell-end-13{grid-column-end:13}.sm\:cell-row-start-1{grid-row-start:1}.sm\:cell-row-end-1{grid-row-end:1}.sm\:cell-row-start-2{grid-row-start:2}.sm\:cell-row-end-2{grid-row-end:2}.sm\:cell-row-start-3{grid-row-start:3}.sm\:cell-row-end-3{grid-row-end:3}.sm\:cell-row-start-4{grid-row-start:4}.sm\:cell-row-end-4{grid-row-end:4}.sm\:cell-row-start-5{grid-row-start:5}.sm\:cell-row-end-5{grid-row-end:5}.sm\:cell-row-start-6{grid-row-start:6}.sm\:cell-row-end-6{grid-row-end:6}.sm\:cell-row-start-7{grid-row-start:7}.sm\:cell-row-end-7{grid-row-end:7}.sm\:cell-order-first{order:-9999}.sm\:cell-order-last{order:9999}.sm\:cell-order-none{order:0}.sm\:cell-order-1{order:1}.sm\:cell-order-2{order:2}.sm\:cell-order-3{order:3}.sm\:cell-order-4{order:4}.sm\:cell-order-5{order:5}.sm\:cell-order-6{order:6}.sm\:cell-order-7{order:7}.sm\:cell-order-8{order:8}.sm\:cell-order-9{order:9}.sm\:cell-order-10{order:10}.sm\:cell-order-11{order:11}.sm\:cell-order-12{order:12}}@media screen and (min-width:768px),print{.md\:grid-2,.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-3,.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-4,.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-5,.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-6,.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-7,.md\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\:grid-8,.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:grid-9,.md\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.md\:grid-10,.md\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\:grid-11,.md\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.md\:grid-12,.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-none{grid-template-columns:none}.md\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.md\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.md\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.md\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.md\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.md\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.md\:grid-rows-none{grid-template-rows:none}.md\:cell-auto,.md\:cell-span-auto{grid-column:auto}.md\:cell-full,.md\:cell-span-full{grid-column:1/-1}.md\:cell-1,.md\:cell-span-1{grid-column:span 1/span 1}.md\:cell-2,.md\:cell-span-2{grid-column:span 2/span 2}.md\:cell-3,.md\:cell-span-3{grid-column:span 3/span 3}.md\:cell-4,.md\:cell-span-4{grid-column:span 4/span 4}.md\:cell-5,.md\:cell-span-5{grid-column:span 5/span 5}.md\:cell-6,.md\:cell-span-6{grid-column:span 6/span 6}.md\:cell-7,.md\:cell-span-7{grid-column:span 7/span 7}.md\:cell-8,.md\:cell-span-8{grid-column:span 8/span 8}.md\:cell-9,.md\:cell-span-9{grid-column:span 9/span 9}.md\:cell-10,.md\:cell-span-10{grid-column:span 10/span 10}.md\:cell-11,.md\:cell-span-11{grid-column:span 11/span 11}.md\:cell-12,.md\:cell-span-12{grid-column:span 12/span 12}.md\:cell-row-auto{grid-row:auto}.md\:cell-row-full{grid-row:1/-1}.md\:cell-row-1,.md\:cell-row-span-1{grid-row:span 1/span 1}.md\:cell-row-2,.md\:cell-row-span-2{grid-row:span 2/span 2}.md\:cell-row-3,.md\:cell-row-span-3{grid-row:span 3/span 3}.md\:cell-row-4,.md\:cell-row-span-4{grid-row:span 4/span 4}.md\:cell-row-5,.md\:cell-row-span-5{grid-row:span 5/span 5}.md\:cell-row-6,.md\:cell-row-span-6{grid-row:span 6/span 6}.md\:cell-col-start-1,.md\:cell-start-1{grid-column-start:1}.md\:cell-col-end-1,.md\:cell-end-1{grid-column-end:1}.md\:cell-col-start-2,.md\:cell-start-2{grid-column-start:2}.md\:cell-col-end-2,.md\:cell-end-2{grid-column-end:2}.md\:cell-col-start-3,.md\:cell-start-3{grid-column-start:3}.md\:cell-col-end-3,.md\:cell-end-3{grid-column-end:3}.md\:cell-col-start-4,.md\:cell-start-4{grid-column-start:4}.md\:cell-col-end-4,.md\:cell-end-4{grid-column-end:4}.md\:cell-col-start-5,.md\:cell-start-5{grid-column-start:5}.md\:cell-col-end-5,.md\:cell-end-5{grid-column-end:5}.md\:cell-col-start-6,.md\:cell-start-6{grid-column-start:6}.md\:cell-col-end-6,.md\:cell-end-6{grid-column-end:6}.md\:cell-col-start-7,.md\:cell-start-7{grid-column-start:7}.md\:cell-col-end-7,.md\:cell-end-7{grid-column-end:7}.md\:cell-col-start-8,.md\:cell-start-8{grid-column-start:8}.md\:cell-col-end-8,.md\:cell-end-8{grid-column-end:8}.md\:cell-col-start-9,.md\:cell-start-9{grid-column-start:9}.md\:cell-col-end-9,.md\:cell-end-9{grid-column-end:9}.md\:cell-col-start-10,.md\:cell-start-10{grid-column-start:10}.md\:cell-col-end-10,.md\:cell-end-10{grid-column-end:10}.md\:cell-col-start-11,.md\:cell-start-11{grid-column-start:11}.md\:cell-col-end-11,.md\:cell-end-11{grid-column-end:11}.md\:cell-col-start-12,.md\:cell-start-12{grid-column-start:12}.md\:cell-col-end-12,.md\:cell-end-12{grid-column-end:12}.md\:cell-col-start-13,.md\:cell-start-13{grid-column-start:13}.md\:cell-col-end-13,.md\:cell-end-13{grid-column-end:13}.md\:cell-row-start-1{grid-row-start:1}.md\:cell-row-end-1{grid-row-end:1}.md\:cell-row-start-2{grid-row-start:2}.md\:cell-row-end-2{grid-row-end:2}.md\:cell-row-start-3{grid-row-start:3}.md\:cell-row-end-3{grid-row-end:3}.md\:cell-row-start-4{grid-row-start:4}.md\:cell-row-end-4{grid-row-end:4}.md\:cell-row-start-5{grid-row-start:5}.md\:cell-row-end-5{grid-row-end:5}.md\:cell-row-start-6{grid-row-start:6}.md\:cell-row-end-6{grid-row-end:6}.md\:cell-row-start-7{grid-row-start:7}.md\:cell-row-end-7{grid-row-end:7}.md\:cell-order-first{order:-9999}.md\:cell-order-last{order:9999}.md\:cell-order-none{order:0}.md\:cell-order-1{order:1}.md\:cell-order-2{order:2}.md\:cell-order-3{order:3}.md\:cell-order-4{order:4}.md\:cell-order-5{order:5}.md\:cell-order-6{order:6}.md\:cell-order-7{order:7}.md\:cell-order-8{order:8}.md\:cell-order-9{order:9}.md\:cell-order-10{order:10}.md\:cell-order-11{order:11}.md\:cell-order-12{order:12}}@media screen and (min-width:1024px),print{.lg\:grid-2,.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-3,.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-4,.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-5,.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-6,.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-7,.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-8,.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:grid-9,.lg\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.lg\:grid-10,.lg\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:grid-11,.lg\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lg\:grid-12,.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-none{grid-template-columns:none}.lg\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.lg\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.lg\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.lg\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.lg\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.lg\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.lg\:grid-rows-none{grid-template-rows:none}.lg\:cell-auto,.lg\:cell-span-auto{grid-column:auto}.lg\:cell-full,.lg\:cell-span-full{grid-column:1/-1}.lg\:cell-1,.lg\:cell-span-1{grid-column:span 1/span 1}.lg\:cell-2,.lg\:cell-span-2{grid-column:span 2/span 2}.lg\:cell-3,.lg\:cell-span-3{grid-column:span 3/span 3}.lg\:cell-4,.lg\:cell-span-4{grid-column:span 4/span 4}.lg\:cell-5,.lg\:cell-span-5{grid-column:span 5/span 5}.lg\:cell-6,.lg\:cell-span-6{grid-column:span 6/span 6}.lg\:cell-7,.lg\:cell-span-7{grid-column:span 7/span 7}.lg\:cell-8,.lg\:cell-span-8{grid-column:span 8/span 8}.lg\:cell-9,.lg\:cell-span-9{grid-column:span 9/span 9}.lg\:cell-10,.lg\:cell-span-10{grid-column:span 10/span 10}.lg\:cell-11,.lg\:cell-span-11{grid-column:span 11/span 11}.lg\:cell-12,.lg\:cell-span-12{grid-column:span 12/span 12}.lg\:cell-row-auto{grid-row:auto}.lg\:cell-row-full{grid-row:1/-1}.lg\:cell-row-1,.lg\:cell-row-span-1{grid-row:span 1/span 1}.lg\:cell-row-2,.lg\:cell-row-span-2{grid-row:span 2/span 2}.lg\:cell-row-3,.lg\:cell-row-span-3{grid-row:span 3/span 3}.lg\:cell-row-4,.lg\:cell-row-span-4{grid-row:span 4/span 4}.lg\:cell-row-5,.lg\:cell-row-span-5{grid-row:span 5/span 5}.lg\:cell-row-6,.lg\:cell-row-span-6{grid-row:span 6/span 6}.lg\:cell-col-start-1,.lg\:cell-start-1{grid-column-start:1}.lg\:cell-col-end-1,.lg\:cell-end-1{grid-column-end:1}.lg\:cell-col-start-2,.lg\:cell-start-2{grid-column-start:2}.lg\:cell-col-end-2,.lg\:cell-end-2{grid-column-end:2}.lg\:cell-col-start-3,.lg\:cell-start-3{grid-column-start:3}.lg\:cell-col-end-3,.lg\:cell-end-3{grid-column-end:3}.lg\:cell-col-start-4,.lg\:cell-start-4{grid-column-start:4}.lg\:cell-col-end-4,.lg\:cell-end-4{grid-column-end:4}.lg\:cell-col-start-5,.lg\:cell-start-5{grid-column-start:5}.lg\:cell-col-end-5,.lg\:cell-end-5{grid-column-end:5}.lg\:cell-col-start-6,.lg\:cell-start-6{grid-column-start:6}.lg\:cell-col-end-6,.lg\:cell-end-6{grid-column-end:6}.lg\:cell-col-start-7,.lg\:cell-start-7{grid-column-start:7}.lg\:cell-col-end-7,.lg\:cell-end-7{grid-column-end:7}.lg\:cell-col-start-8,.lg\:cell-start-8{grid-column-start:8}.lg\:cell-col-end-8,.lg\:cell-end-8{grid-column-end:8}.lg\:cell-col-start-9,.lg\:cell-start-9{grid-column-start:9}.lg\:cell-col-end-9,.lg\:cell-end-9{grid-column-end:9}.lg\:cell-col-start-10,.lg\:cell-start-10{grid-column-start:10}.lg\:cell-col-end-10,.lg\:cell-end-10{grid-column-end:10}.lg\:cell-col-start-11,.lg\:cell-start-11{grid-column-start:11}.lg\:cell-col-end-11,.lg\:cell-end-11{grid-column-end:11}.lg\:cell-col-start-12,.lg\:cell-start-12{grid-column-start:12}.lg\:cell-col-end-12,.lg\:cell-end-12{grid-column-end:12}.lg\:cell-col-start-13,.lg\:cell-start-13{grid-column-start:13}.lg\:cell-col-end-13,.lg\:cell-end-13{grid-column-end:13}.lg\:cell-row-start-1{grid-row-start:1}.lg\:cell-row-end-1{grid-row-end:1}.lg\:cell-row-start-2{grid-row-start:2}.lg\:cell-row-end-2{grid-row-end:2}.lg\:cell-row-start-3{grid-row-start:3}.lg\:cell-row-end-3{grid-row-end:3}.lg\:cell-row-start-4{grid-row-start:4}.lg\:cell-row-end-4{grid-row-end:4}.lg\:cell-row-start-5{grid-row-start:5}.lg\:cell-row-end-5{grid-row-end:5}.lg\:cell-row-start-6{grid-row-start:6}.lg\:cell-row-end-6{grid-row-end:6}.lg\:cell-row-start-7{grid-row-start:7}.lg\:cell-row-end-7{grid-row-end:7}.lg\:cell-order-first{order:-9999}.lg\:cell-order-last{order:9999}.lg\:cell-order-none{order:0}.lg\:cell-order-1{order:1}.lg\:cell-order-2{order:2}.lg\:cell-order-3{order:3}.lg\:cell-order-4{order:4}.lg\:cell-order-5{order:5}.lg\:cell-order-6{order:6}.lg\:cell-order-7{order:7}.lg\:cell-order-8{order:8}.lg\:cell-order-9{order:9}.lg\:cell-order-10{order:10}.lg\:cell-order-11{order:11}.lg\:cell-order-12{order:12}}.gap-px{gap:1px}.gap-x-px{column-gap:1px}.gap-y-px{row-gap:1px}.gap-0,.gap-0 [class^=grid]{gap:0}.gap-x-0,.gap-x-0 [class^=grid]{column-gap:0}.gap-y-0,.gap-y-0 [class^=grid]{row-gap:0}.gap-1,.gap-1 [class^=grid]{gap:.25rem}.gap-x-1,.gap-x-1 [class^=grid]{column-gap:.25rem}.gap-y-1,.gap-y-1 [class^=grid]{row-gap:.25rem}.gap-2,.gap-2 [class^=grid]{gap:.5rem}.gap-x-2,.gap-x-2 [class^=grid]{column-gap:.5rem}.gap-y-2,.gap-y-2 [class^=grid]{row-gap:.5rem}.gap-3,.gap-3 [class^=grid]{gap:.75rem}.gap-x-3,.gap-x-3 [class^=grid]{column-gap:.75rem}.gap-y-3,.gap-y-3 [class^=grid]{row-gap:.75rem}.gap-4,.gap-4 [class^=grid]{gap:1rem}.gap-x-4,.gap-x-4 [class^=grid]{column-gap:1rem}.gap-y-4,.gap-y-4 [class^=grid]{row-gap:1rem}.gap-5,.gap-5 [class^=grid]{gap:1.25rem}.gap-x-5,.gap-x-5 [class^=grid]{column-gap:1.25rem}.gap-y-5,.gap-y-5 [class^=grid]{row-gap:1.25rem}.gap-6,.gap-6 [class^=grid]{gap:1.5rem}.gap-x-6,.gap-x-6 [class^=grid]{column-gap:1.5rem}.gap-y-6,.gap-y-6 [class^=grid]{row-gap:1.5rem}.gap-7,.gap-7 [class^=grid]{gap:1.75rem}.gap-x-7,.gap-x-7 [class^=grid]{column-gap:1.75rem}.gap-y-7,.gap-y-7 [class^=grid]{row-gap:1.75rem}.gap-8,.gap-8 [class^=grid]{gap:2rem}.gap-x-8,.gap-x-8 [class^=grid]{column-gap:2rem}.gap-y-8,.gap-y-8 [class^=grid]{row-gap:2rem}.gap-9,.gap-9 [class^=grid]{gap:2.25rem}.gap-x-9,.gap-x-9 [class^=grid]{column-gap:2.25rem}.gap-y-9,.gap-y-9 [class^=grid]{row-gap:2.25rem}.gap-10,.gap-10 [class^=grid]{gap:2.5rem}.gap-x-10,.gap-x-10 [class^=grid]{column-gap:2.5rem}.gap-y-10,.gap-y-10 [class^=grid]{row-gap:2.5rem} @@ -1533,8 +1684,10 @@

      "> -
      -

      - + + + +

      - - + - © Copyright 2020 + © Copyright 2026
      @@ -4193,7 +4431,7 @@

      diff --git a/public/page-templates/dashboard-filter/1/css.inc b/public/page-templates/dashboard-filter/1/css.inc new file mode 100644 index 000000000..08772b108 --- /dev/null +++ b/public/page-templates/dashboard-filter/1/css.inc @@ -0,0 +1,167 @@ +/* Variables & Shared classes +========================================================================== */ +:root { + --secondary-color: #142e7b; +} + +main { + margin: 0; +} + +/* HEADER */ +section { + padding-top: 2rem; +} + +.header { + background: var(--boxes-background); +} + +.heading { + display: flex; + flex-direction: column; + align-items: start; + margin: 2rem; +} +.heading h1.title { + font-size: 3em; +} +.heading h3.title { + font-size: 1.7em; +} +@media screen and (min-width: 640px) { + .heading { + margin: 2rem 12%; + } +} +.description  { + margin-bottom: 2em; +} + +/***** Share width inlined ods-select *****/ +.shared-width-ods-selects { + display: flex; + flex-wrap: wrap; + align-items: center; +} + +.shared-width-ods-selects > div > .odswidget-select { + margin: 3px 6px 3px 0px; + flex: 1; + /* + To assure a minimum width, set a min-width property here. + */ + min-width: 200px; +} + +/***** Clear filters button *****/ + +.clear-filters { + display: flex; + align-items: center; + justify-content: center; + margin-top: 5px; +} + +.clear-filters-button { + background: none; + border: none; + color: var(--text); +} + +.clear-filters-button:hover { + opacity: 0.65; +} + +/* VIZ */ + +.viz-card { + background-color: var(--boxes-background); + height: auto; + width: 100%; + border-radius: 4px; +} + +/* KPI Card +========================================================================== */ +.kpi-container { + display: flex; + justify-content: space-around; + gap: 20px; +} + +.kpi-card { + padding: 39px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + text-align: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; +} +.kpi-icon { + color: var(--highlight); + color: var(--secondary-color); + font-size: 4rem; + margin-top: 0; + margin-bottom: 13px; + max-width: 100%; +} +.kpi-title { + font-weight: normal; + color: var(--highlight); + font-size: 3.2rem; + margin-top: 0; + margin-bottom: 13px; + max-width: 100%; +} +.kpi-description { + color: var(--text); + font-size: 1rem; + line-height: 1.5; + font-weight: normal; + margin-top: 0; + margin-bottom: 0; + max-width: 100%; +} + +/* Content Card + ========================================================================== */ +.content-card { + padding: 26px; + margin-bottom: 20px; +} +.content-card-title { + color: var(--titles); + font-size: 1.2rem; + line-height: 1.5; + font-weight: normal; + margin-top: 0; + margin-bottom: 13px; + max-width: 100%; +} +.content-card-description { + color: var(--text); + font-size: 1rem; + line-height: 1.5; + font-weight: normal; + margin-top: 0; + margin-bottom: 26px; + max-width: 100%; +} + +/* Charts + ========================================================================== */ + +rect.highcharts-background { + fill: transparent !important; +} diff --git a/public/page-templates/dashboard-filter/1/html.inc b/public/page-templates/dashboard-filter/1/html.inc new file mode 100644 index 000000000..33cc611e2 --- /dev/null +++ b/public/page-templates/dashboard-filter/1/html.inc @@ -0,0 +1,161 @@ + + +
      +
      +
      +

      Observation météorologique historiques en France (SYNOP) +

      +

      + Focus sur les températures observées depuis 2010. +

      + Filtrer par : +
      +
      + +
      +
      + +
      +
      +
      + +
      +
      +
      +
      + +
      +
      +
      + +
      + +

      + {{ analysis[0].temperature | number : 2 }}°C +

      +

      + Température minimale observée +

      +
      + +
      + +

      + {{ analysis[0].tempmoyenne | number : 2}} °C +

      +

      + Température moyenne observée +

      +
      + +
      + +

      + {{ analysis[0].maxtemp | number : 2}} °C +

      +

      + Température maximale observée +

      +
      +
      +
      +
      + +
      +
      +
      +
      +
      +

      + Température maximale sur 12 heures (°C) +

      + + + + + +
      +
      +
      +
      +

      + Communes les plus chaudes +

      + + + + + + +
      +
      +
      +
      +
      +
      +

      + Évolution des précipitations +

      + + + + + + +
      +
      +
      +
      +

      + Évolution des températures moyennes (°C) +

      + + + + + + +
      +
      +
      +
      +
      +       \ No newline at end of file diff --git a/public/page-templates/dashboard-filter/2/css.inc b/public/page-templates/dashboard-filter/2/css.inc new file mode 100644 index 000000000..fe022a0ac --- /dev/null +++ b/public/page-templates/dashboard-filter/2/css.inc @@ -0,0 +1,154 @@ +/* Variables & Shared classes +========================================================================== */ +:root { + --secondary-color: #142e7b; +} + +main { + margin: 0; +} + +/* HEADER */ +section { + padding-top: 2rem; +} + +.header { + background: var(--boxes-background); +} + +.heading { + display: flex; + flex-direction: column; + align-items: start; + margin: 2rem; +} +.heading h1.title { + font-size: 3em; +} +.heading h3.title { + font-size: 1.7em; +} +@media screen and (min-width: 640px) { + .heading { + margin: 2rem 12%; + } +} +.description  { + margin-bottom: 2em; +} + +/***** Inlined SELECT *****/ +.ods-selects { + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 20px; + padding: 10px 0px; +} + +.odswidget-select { + min-width: 200px; +} + +/***** Clear filters button *****/ + +.clear-filters { + display: flex; + align-items: center; + justify-content: center; + margin-top: 5px; +} + +.clear-filters-button { + background: none; + border: none; + color: var(--text); +} + +.clear-filters-button:hover { + opacity: 0.65; +} + +/* VIZ */ + +.viz-card { + background-color: var(--boxes-background); + height: auto; + width: 100%; + border-radius: 4px; +} + +/* KPI Card +========================================================================== */ +.kpi-container { + display: flex; + justify-content: space-around; + gap: 20px; +} + +.kpi-card { + padding: 39px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + text-align: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; +} +.kpi-icon { + color: var(--highlight); + color: var(--secondary-color); + font-size: 4rem; + margin-top: 0; + margin-bottom: 13px; + max-width: 100%; +} +.kpi-title { + font-weight: normal; + color: var(--highlight); + font-size: 3.2rem; + margin-top: 0; + margin-bottom: 13px; + max-width: 100%; +} +.kpi-description { + color: var(--text); + font-size: 1rem; + line-height: 1.5; + font-weight: normal; + margin-top: 0; + margin-bottom: 0; + max-width: 100%; +} + +/* Content Card + ========================================================================== */ +.content-card { + padding: 26px; + margin-bottom: 20px; +} +.content-card-title { + color: var(--titles); + font-size: 1.2rem; + line-height: 1.5; + font-weight: normal; + margin-top: 0; + margin-bottom: 26px; + max-width: 100%; +} + +/* Charts + ========================================================================== */ +rect.highcharts-background { + fill: transparent !important; +} diff --git a/public/page-templates/dashboard-filter/2/html.inc b/public/page-templates/dashboard-filter/2/html.inc new file mode 100644 index 000000000..29c4ab0c5 --- /dev/null +++ b/public/page-templates/dashboard-filter/2/html.inc @@ -0,0 +1,196 @@ + + + +
      + {{ values.regions = regions; ""}} +
      +
      + {{ values.departements = departements; "" }} +
      + + +
      +
      +
      +

      Offre de santé en France +

      +

      + Données des établissements du domaine sanitaire et social et de l'annuaire Santé +

      + Filtrer par : +
      + + + + + {{ + medecins.parameters['refine.insee_reg'] = + healthref.parameters['refine.reg_code'] = + ctxdepartements.parameters['refine.reg_code'] = + (selected.regions | toObject:'code' | keys); + ""}} + + + + {{ +medecins.parameters['refine.insee_dep'] = +healthref.parameters['refine.dep_code'] = +ctxregions.parameters['refine.dep_code'] = +(selected.departements | toObject:'code' | keys); +""}} +
      +
      + +
      +
      +
      +
      + + +
      +
      +
      + +
      + +

      + {{ analysis[0].count | number : 0 }} +

      +

      + Établissements du domaine sanitaire et social +

      +
      + +
      + +

      + {{ analysis[0].count | number : 0 }} +

      +

      + Professionnels de santé +

      +
      +
      +
      +
      + + +
      +
      +
      +
      +
      +

      + Localisation des établissements et professionnels de santé +

      + + + + + + + + +
      +
      +
      +
      +
      +
      +

      + Montant général constaté +

      + + + + + + +
      +
      +
      +
      +

      + Top 10 des catégories d'établissement +

      + + + + + + +
      +
      +
      +
      +
      +       \ No newline at end of file diff --git a/public/page-templates/dashboard-filter/index.html b/public/page-templates/dashboard-filter/index.html new file mode 100644 index 000000000..81ede1e92 --- /dev/null +++ b/public/page-templates/dashboard-filter/index.html @@ -0,0 +1,3611 @@ + + + + + + Dashboard with filters – Codelibrary + + + + + + + + + + + + + + + + + + + + + + + + + +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      + + +
      +
      + +
      +
      +

      Page Templates - Dashboard with filters

      +
      +

      This dashboard displays KPIs, charts, map, and includes filters to customize your analysis.

      + +
      + +
      +

      + Dashboard with filters + + + + + +

      +
      +

      This example displays data about weather temperatures since 2010. It involves only one dataset and one context.

      + +
      + + +
      + + + + + + + + + + + + + + + + + + + + +
      +
      + +
      +
      +
      +
      + +
      + + + + + +
      +
      + + + + +
      + +
      + +
      + +
      +

      + Dashboard with filters on multiple contexts + + + + + +

      +
      +

      This example displays data about Health offer in France. It involves several contexts, the filters work on all those contexts.

      + +
      + + +
      + + + + + + + + + + + + + + + + + + + + +
      +
      + +
      +
      +
      +
      + +
      + + + + + +
      +
      + + + + +
      + +
      + +
      + +
      +
      + +
      +
      + +
      + + + + + © Copyright 2026 + +
      + + + + + + + + diff --git a/public/page-templates/dashboard-layouts/index.html b/public/page-templates/dashboard-layouts/index.html index 02a795a19..7a5b556f9 100644 --- a/public/page-templates/dashboard-layouts/index.html +++ b/public/page-templates/dashboard-layouts/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@ - @@ -227,7 +244,7 @@
      • + href="https://codelibrary.huwize.com/"> Home
        • @@ -244,6 +261,54 @@ + + + + + + + + + + + + + + + + + + + + + +
      • + + Apps + + +
        • + + + + + + + + + + + + + + + + + + + + @@ -298,6 +363,9 @@ + + +
      • @@ -322,6 +390,9 @@ + + + @@ -371,6 +442,16 @@
        • +
      • + +
        + Dashboard with filters + + +
        +         +
        • +
        • +
      • + +
        + Dataviz gallery page + + +
        +         +
        • +
        • +
      • + +
        + Home page 4 with access cards + + +
        +         +
        • + +
      • + +
        + Listing page + + +
        +         +
        • +
        • @@ -602,51 +711,67 @@
        - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
        @@ -657,38 +782,39 @@
        -
        -

        Page Templates - Dashboard layouts

        -
        -

        These resources are split into 2 main parts

        +
        +

        Page Templates - Dashboard layouts

        +
        +

        These resources are split into 2 main parts

        1. Resources built with standard ODS Layout
        2. The same resources, built with the CSS Grid framework layout

        To see the final example made with these layouts, go to dashboard resource.

        -

        ODS Layout is well known from Opendatasoft users, and these resources over-ride it by setting row as display: flex +

        ODS Layout is well known from Huwise users, and these resources over-ride it by setting row as display: flex elements to take advantage of Flexbox capabilities. You can see the ODS Layout over-ride resource here.

        CSS Grid framework refer to some custom CSS classes that over-rides CSS Grid layout. It’s mainly suitable for expert users only that are looking for more advanced layouts such as grids and multiple rows designs. We strongly encourage you to have a look to the CSS Grid framework resource before using it. And be assured that your needs really justify the use of this advanced layout system.

        -
        - -
        -

        - ODS Layout : 1 - 1 - 1 - 1 - - - - - -

        -
        -

        1 column for mobile, 2 for tablets, 4 above

        - -
        - -
        +
        +
        +

        + ODS Layout : 1 - 1 - 1 - 1 + + + + + +

        +
        +

        1 column for mobile, 2 for tablets, 4 above

        + +
        + + +
        + @@ -700,6 +826,14 @@

        + + + + + + + +
        name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-sm-6 col-md-3\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Title\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\u003e\n 1'234 %\n \u003c/p\u003e\n \u003cp class=\"description\"\u003e\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003eDate\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"#\"\n title=\"Title\"\u003e\n Source \u003ci class=\"fa fa-long-arrow-right\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-sm-6 col-md-3\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Title\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\u003e\n 1'234 %\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003eDate\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"#\"\n title=\"Title\"\u003e\n Source \u003ci class=\"fa fa-long-arrow-right\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-sm-6 col-md-3\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Title\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\u003e\n 1'234 %\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003eDate\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"#\"\n title=\"Title\"\u003e\n Source \u003ci class=\"fa fa-long-arrow-right\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-sm-6 col-md-3\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Title\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\u003e\n 1'234 %\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003eDate\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"#\"\n title=\"Title\"\u003e\n Source \u003ci class=\"fa fa-long-arrow-right\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/div\u003e\u003c/div\u003e", "css": ":root {\n --boxes-radius: 6px;\n}\n\nbody, main {\n margin: 0;\n background-color: #F2F3F8;\n}\n\nsection {\n padding: 1.5rem 0;\n}\n\n.header {\n margin: 3rem 2rem;\n}\n\nh1 {\n font-size: 3rem;\n}\n\nh2 {\n font-weight: 500;\n}\n\nh3 {\n font-weight: 400;\n}\n\n.mb-0 {\n margin-bottom: 0;\n}\n\n.mb-2 {\n margin-bottom: 2rem;\n}\n\n.box {\n position: relative;\n padding: 13px;\n}\n.box.white {\n background-color: white;\n}\n.box.flat {\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);\n border-radius: var(--boxes-radius);\n}\n\n.advanced-kpi {\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.advanced-kpi--top .title {\n font-size: 1.2em;\n margin: 0;\n}\n.advanced-kpi--top .description {\n margin: 0 auto;\n color: #565656;\n font-size: 1em;\n font-weight: 400;\n}\n\n.advanced-kpi--middle {\n display: flex;\n flex-direction: column;\n margin: 20px 0;\n}\n.advanced-kpi--middle.centered {\n align-items: center;\n}\n.advanced-kpi--middle \u003e * {\n margin: 5px 0;\n}\n.advanced-kpi--middle .value {\n color: var(--highlight);\n font-weight: 500;\n font-size: 2.5rem;\n}\n\n.advanced-kpi--bottom {\n font-size: 0.8em;\n}\n.advanced-kpi--bottom .advanced-kpi--bottom-second-stage {\n display: flex;\n justify-content: space-between;\n}\n.advanced-kpi--bottom .source {\n text-decoration: underline;\n color: var(--links);\n}\n.advanced-kpi--bottom .source i {\n margin-left: 6px;\n}\n.advanced-kpi--bottom .source:hover {\n opacity: 0.65;\n}\n.advanced-kpi--bottom .source:hover i {\n animation: bounce 0.7s ease infinite;\n}\n\n@keyframes bounce {\n from {\n margin-left: 6px;\n margin-right: 0;\n }\n 50% {\n margin-left: 2px;\n margin-right: 4px;\n }\n to {\n margin-left: 6px;\n margin-right: 0;\n }\n}\n.no-bg rect.highcharts-background {\n fill: transparent !important;\n}\n\n/**\n * License: MIT License\n * Generated on 07 Jun 2021\n * Author: Labs from opendatasoft\n * Version: 0.2\n * Description: ODS Layout over-ride to Flexbox system\n */\n\n.box,.row.full-height{height:100%}.row{display:flex;flex-wrap:wrap;justify-content:center}.row\u003e*{margin-bottom:20px;flex-grow:1}.order-0{order:0}@media screen and (min-width:750px){.order-sm-0{order:0}}@media screen and (min-width:970px){.order-md-0{order:0}}@media screen and (min-width:1170px){.order-lg-0{order:0}.order-lg-1{order:1}}.order-1{order:1}@media screen and (min-width:750px){.order-sm-1{order:1}}@media screen and (min-width:970px){.order-md-1{order:1}.order-md-2{order:2}}.order-2{order:2}@media screen and (min-width:750px){.order-sm-2{order:2}}@media screen and (min-width:1170px){.order-lg-2{order:2}.order-lg-3{order:3}}.order-3{order:3}@media screen and (min-width:750px){.order-sm-3{order:3}}@media screen and (min-width:970px){.order-md-3{order:3}.order-md-4{order:4}}.order-4{order:4}@media screen and (min-width:750px){.order-sm-4{order:4}}@media screen and (min-width:1170px){.order-lg-4{order:4}.order-lg-5{order:5}}.order-5{order:5}@media screen and (min-width:750px){.order-sm-5{order:5}}@media screen and (min-width:970px){.order-md-5{order:5}.order-md-6{order:6}}.order-6{order:6}@media screen and (min-width:750px){.order-sm-6{order:6}}@media screen and (min-width:1170px){.order-lg-6{order:6}.order-lg-7{order:7}}.order-7{order:7}@media screen and (min-width:750px){.order-sm-7{order:7}}@media screen and (min-width:970px){.order-md-7{order:7}.order-md-8{order:8}}.order-8{order:8}@media screen and (min-width:750px){.order-sm-8{order:8}}@media screen and (min-width:1170px){.order-lg-8{order:8}.order-lg-9{order:9}}.order-9{order:9}@media screen and (min-width:750px){.order-sm-9{order:9}}@media screen and (min-width:970px){.order-md-9{order:9}.order-md-10{order:10}}.order-10{order:10}@media screen and (min-width:750px){.order-sm-10{order:10}}@media screen and (min-width:1170px){.order-lg-10{order:10}.order-lg-11{order:11}}.order-11{order:11}@media screen and (min-width:750px){.order-sm-11{order:11}}@media screen and (min-width:970px){.order-md-11{order:11}.order-md-12{order:12}}.order-12{order:12}@media screen and (min-width:750px){.order-sm-12{order:12}}@media screen and (min-width:1170px){.order-lg-12{order:12}}@media screen and (max-width:1169px){:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-1,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-10,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-11,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-12,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-2,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-3,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-4,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-5,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-6,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-7,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-8,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-9{width:100%}}@media screen and (max-width:969px){:not([class*=col-sm]):not([class*=col-xs]).col-md-1,:not([class*=col-sm]):not([class*=col-xs]).col-md-10,:not([class*=col-sm]):not([class*=col-xs]).col-md-11,:not([class*=col-sm]):not([class*=col-xs]).col-md-12,:not([class*=col-sm]):not([class*=col-xs]).col-md-2,:not([class*=col-sm]):not([class*=col-xs]).col-md-3,:not([class*=col-sm]):not([class*=col-xs]).col-md-4,:not([class*=col-sm]):not([class*=col-xs]).col-md-5,:not([class*=col-sm]):not([class*=col-xs]).col-md-6,:not([class*=col-sm]):not([class*=col-xs]).col-md-7,:not([class*=col-sm]):not([class*=col-xs]).col-md-8,:not([class*=col-sm]):not([class*=col-xs]).col-md-9{width:100%}}@media screen and (max-width:749px){.row{flex-direction:column}:not([class*=col-xs]).col-sm-1,:not([class*=col-xs]).col-sm-10,:not([class*=col-xs]).col-sm-11,:not([class*=col-xs]).col-sm-12,:not([class*=col-xs]).col-sm-2,:not([class*=col-xs]).col-sm-3,:not([class*=col-xs]).col-sm-4,:not([class*=col-xs]).col-sm-5,:not([class*=col-xs]).col-sm-6,:not([class*=col-xs]).col-sm-7,:not([class*=col-xs]).col-sm-8,:not([class*=col-xs]).col-sm-9{width:100%}}.no-margin-bottom,.no-mb{margin-bottom:0!important}.no-margin-x,.no-mx{margin-left:0!important;margin-right:0!important}\n\n/* Do not copy below, for Code Library resource only */\n.chart-placeholder {\n background-color: #fff1f1;\n height: 350px;\n}\n.chart-placeholder:before {\n display: block;\n font-size: 2rem;\n margin: 0.2rem 0.5rem;\n content: \"Chart\";\n}" @@ -723,7 +857,8 @@

        width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -767,6 +902,7 @@

        const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -877,7 +1013,9 @@

        $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
        <div ng-app="ods-widgets"> @@ -1152,8 +1290,10 @@

        "> -
        -

        -

        - -
        -

        - ODS Layout : 1 - 2 - - - - - -

        -
        -

        To switch position and get a 2 - 1 grid, simply switch the 2 children of the grid

        - -
        - -
        +
        + +
        +
        +

        + ODS Layout : 1 - 2 + + + + + +

        +
        +

        To switch position and get a 2 - 1 grid, simply switch the 2 children of the grid

        + +
        + + +
        + @@ -1799,6 +1942,14 @@

        + + + + + + + +
        name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003cdiv class=\"row full-height\"\u003e\n \u003cdiv class=\"col-md-12\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Title\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\u003e\n 1'234 %\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003eDate\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"#\"\n title=\"Title\"\u003e\n Source \u003ci class=\"fa fa-long-arrow-right\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-12 no-mb\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Title\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\u003e\n 1'234 %\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003eDate\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"#\"\n title=\"Title\"\u003e\n Source \u003ci class=\"fa fa-long-arrow-right\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-8\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Title\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle no-bg mb-0\"\u003e\n \u003cdiv class=\"chart-placeholder\"\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003eDate\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"#\"\n title=\"Title\"\u003e\n Source \u003ci class=\"fa fa-long-arrow-right\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e", "css": ":root {\n --boxes-radius: 6px;\n}\n\nbody, main {\n margin: 0;\n background-color: #F2F3F8;\n}\n\nsection {\n padding: 1.5rem 0;\n}\n\n.header {\n margin: 3rem 2rem;\n}\n\nh1 {\n font-size: 3rem;\n}\n\nh2 {\n font-weight: 500;\n}\n\nh3 {\n font-weight: 400;\n}\n\n.mb-0 {\n margin-bottom: 0;\n}\n\n.mb-2 {\n margin-bottom: 2rem;\n}\n\n.box {\n position: relative;\n padding: 13px;\n}\n.box.white {\n background-color: white;\n}\n.box.flat {\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);\n border-radius: var(--boxes-radius);\n}\n\n.advanced-kpi {\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.advanced-kpi--top .title {\n font-size: 1.2em;\n margin: 0;\n}\n.advanced-kpi--top .description {\n margin: 0 auto;\n color: #565656;\n font-size: 1em;\n font-weight: 400;\n}\n\n.advanced-kpi--middle {\n display: flex;\n flex-direction: column;\n margin: 20px 0;\n}\n.advanced-kpi--middle.centered {\n align-items: center;\n}\n.advanced-kpi--middle \u003e * {\n margin: 5px 0;\n}\n.advanced-kpi--middle .value {\n color: var(--highlight);\n font-weight: 500;\n font-size: 2.5rem;\n}\n\n.advanced-kpi--bottom {\n font-size: 0.8em;\n}\n.advanced-kpi--bottom .advanced-kpi--bottom-second-stage {\n display: flex;\n justify-content: space-between;\n}\n.advanced-kpi--bottom .source {\n text-decoration: underline;\n color: var(--links);\n}\n.advanced-kpi--bottom .source i {\n margin-left: 6px;\n}\n.advanced-kpi--bottom .source:hover {\n opacity: 0.65;\n}\n.advanced-kpi--bottom .source:hover i {\n animation: bounce 0.7s ease infinite;\n}\n\n@keyframes bounce {\n from {\n margin-left: 6px;\n margin-right: 0;\n }\n 50% {\n margin-left: 2px;\n margin-right: 4px;\n }\n to {\n margin-left: 6px;\n margin-right: 0;\n }\n}\n.no-bg rect.highcharts-background {\n fill: transparent !important;\n}\n\n/**\n * License: MIT License\n * Generated on 07 Jun 2021\n * Author: Labs from opendatasoft\n * Version: 0.2\n * Description: ODS Layout over-ride to Flexbox system\n */\n\n.box,.row.full-height{height:100%}.row{display:flex;flex-wrap:wrap;justify-content:center}.row\u003e*{margin-bottom:20px;flex-grow:1}.order-0{order:0}@media screen and (min-width:750px){.order-sm-0{order:0}}@media screen and (min-width:970px){.order-md-0{order:0}}@media screen and (min-width:1170px){.order-lg-0{order:0}.order-lg-1{order:1}}.order-1{order:1}@media screen and (min-width:750px){.order-sm-1{order:1}}@media screen and (min-width:970px){.order-md-1{order:1}.order-md-2{order:2}}.order-2{order:2}@media screen and (min-width:750px){.order-sm-2{order:2}}@media screen and (min-width:1170px){.order-lg-2{order:2}.order-lg-3{order:3}}.order-3{order:3}@media screen and (min-width:750px){.order-sm-3{order:3}}@media screen and (min-width:970px){.order-md-3{order:3}.order-md-4{order:4}}.order-4{order:4}@media screen and (min-width:750px){.order-sm-4{order:4}}@media screen and (min-width:1170px){.order-lg-4{order:4}.order-lg-5{order:5}}.order-5{order:5}@media screen and (min-width:750px){.order-sm-5{order:5}}@media screen and (min-width:970px){.order-md-5{order:5}.order-md-6{order:6}}.order-6{order:6}@media screen and (min-width:750px){.order-sm-6{order:6}}@media screen and (min-width:1170px){.order-lg-6{order:6}.order-lg-7{order:7}}.order-7{order:7}@media screen and (min-width:750px){.order-sm-7{order:7}}@media screen and (min-width:970px){.order-md-7{order:7}.order-md-8{order:8}}.order-8{order:8}@media screen and (min-width:750px){.order-sm-8{order:8}}@media screen and (min-width:1170px){.order-lg-8{order:8}.order-lg-9{order:9}}.order-9{order:9}@media screen and (min-width:750px){.order-sm-9{order:9}}@media screen and (min-width:970px){.order-md-9{order:9}.order-md-10{order:10}}.order-10{order:10}@media screen and (min-width:750px){.order-sm-10{order:10}}@media screen and (min-width:1170px){.order-lg-10{order:10}.order-lg-11{order:11}}.order-11{order:11}@media screen and (min-width:750px){.order-sm-11{order:11}}@media screen and (min-width:970px){.order-md-11{order:11}.order-md-12{order:12}}.order-12{order:12}@media screen and (min-width:750px){.order-sm-12{order:12}}@media screen and (min-width:1170px){.order-lg-12{order:12}}@media screen and (max-width:1169px){:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-1,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-10,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-11,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-12,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-2,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-3,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-4,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-5,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-6,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-7,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-8,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-9{width:100%}}@media screen and (max-width:969px){:not([class*=col-sm]):not([class*=col-xs]).col-md-1,:not([class*=col-sm]):not([class*=col-xs]).col-md-10,:not([class*=col-sm]):not([class*=col-xs]).col-md-11,:not([class*=col-sm]):not([class*=col-xs]).col-md-12,:not([class*=col-sm]):not([class*=col-xs]).col-md-2,:not([class*=col-sm]):not([class*=col-xs]).col-md-3,:not([class*=col-sm]):not([class*=col-xs]).col-md-4,:not([class*=col-sm]):not([class*=col-xs]).col-md-5,:not([class*=col-sm]):not([class*=col-xs]).col-md-6,:not([class*=col-sm]):not([class*=col-xs]).col-md-7,:not([class*=col-sm]):not([class*=col-xs]).col-md-8,:not([class*=col-sm]):not([class*=col-xs]).col-md-9{width:100%}}@media screen and (max-width:749px){.row{flex-direction:column}:not([class*=col-xs]).col-sm-1,:not([class*=col-xs]).col-sm-10,:not([class*=col-xs]).col-sm-11,:not([class*=col-xs]).col-sm-12,:not([class*=col-xs]).col-sm-2,:not([class*=col-xs]).col-sm-3,:not([class*=col-xs]).col-sm-4,:not([class*=col-xs]).col-sm-5,:not([class*=col-xs]).col-sm-6,:not([class*=col-xs]).col-sm-7,:not([class*=col-xs]).col-sm-8,:not([class*=col-xs]).col-sm-9{width:100%}}.no-margin-bottom,.no-mb{margin-bottom:0!important}.no-margin-x,.no-mx{margin-left:0!important;margin-right:0!important}\n\n/* Do not copy below, for Code Library resource only */\n.chart-placeholder {\n background-color: #fff1f1;\n height: 350px;\n}\n.chart-placeholder:before {\n display: block;\n font-size: 2rem;\n margin: 0.2rem 0.5rem;\n content: \"Chart\";\n}" @@ -1822,7 +1973,8 @@

        width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -1866,6 +2018,7 @@

        const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -1976,7 +2129,9 @@

        $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
        <div ng-app="ods-widgets"> @@ -2223,8 +2378,10 @@

        "> -
        -

        -

        - -
        -

        - ODS Layout : 1 - 1 - - - - - -

        -
        - -
        - -
        +
        + +
        +
        +

        + ODS Layout : 1 - 1 + + + + + +

        +
        + +
        + + +
        + @@ -2813,6 +2973,14 @@

        + + + + + + + +
        name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Title\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle no-bg mb-0\"\u003e\n \u003cdiv class=\"chart-placeholder\"\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003eDate\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"#\"\n title=\"Title\"\u003e\n Source \u003ci class=\"fa fa-long-arrow-right\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Title\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle no-bg mb-0\"\u003e\n \u003cdiv class=\"chart-placeholder\"\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003eDate\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"#\"\n title=\"Title\"\u003e\n Source \u003ci class=\"fa fa-long-arrow-right\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e", "css": ":root {\n --boxes-radius: 6px;\n}\n\nbody, main {\n margin: 0;\n background-color: #F2F3F8;\n}\n\nsection {\n padding: 1.5rem 0;\n}\n\n.header {\n margin: 3rem 2rem;\n}\n\nh1 {\n font-size: 3rem;\n}\n\nh2 {\n font-weight: 500;\n}\n\nh3 {\n font-weight: 400;\n}\n\n.mb-0 {\n margin-bottom: 0;\n}\n\n.mb-2 {\n margin-bottom: 2rem;\n}\n\n.box {\n position: relative;\n padding: 13px;\n}\n.box.white {\n background-color: white;\n}\n.box.flat {\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);\n border-radius: var(--boxes-radius);\n}\n\n.advanced-kpi {\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.advanced-kpi--top .title {\n font-size: 1.2em;\n margin: 0;\n}\n.advanced-kpi--top .description {\n margin: 0 auto;\n color: #565656;\n font-size: 1em;\n font-weight: 400;\n}\n\n.advanced-kpi--middle {\n display: flex;\n flex-direction: column;\n margin: 20px 0;\n}\n.advanced-kpi--middle.centered {\n align-items: center;\n}\n.advanced-kpi--middle \u003e * {\n margin: 5px 0;\n}\n.advanced-kpi--middle .value {\n color: var(--highlight);\n font-weight: 500;\n font-size: 2.5rem;\n}\n\n.advanced-kpi--bottom {\n font-size: 0.8em;\n}\n.advanced-kpi--bottom .advanced-kpi--bottom-second-stage {\n display: flex;\n justify-content: space-between;\n}\n.advanced-kpi--bottom .source {\n text-decoration: underline;\n color: var(--links);\n}\n.advanced-kpi--bottom .source i {\n margin-left: 6px;\n}\n.advanced-kpi--bottom .source:hover {\n opacity: 0.65;\n}\n.advanced-kpi--bottom .source:hover i {\n animation: bounce 0.7s ease infinite;\n}\n\n@keyframes bounce {\n from {\n margin-left: 6px;\n margin-right: 0;\n }\n 50% {\n margin-left: 2px;\n margin-right: 4px;\n }\n to {\n margin-left: 6px;\n margin-right: 0;\n }\n}\n.no-bg rect.highcharts-background {\n fill: transparent !important;\n}\n\n/**\n * License: MIT License\n * Generated on 07 Jun 2021\n * Author: Labs from opendatasoft\n * Version: 0.2\n * Description: ODS Layout over-ride to Flexbox system\n */\n\n.box,.row.full-height{height:100%}.row{display:flex;flex-wrap:wrap;justify-content:center}.row\u003e*{margin-bottom:20px;flex-grow:1}.order-0{order:0}@media screen and (min-width:750px){.order-sm-0{order:0}}@media screen and (min-width:970px){.order-md-0{order:0}}@media screen and (min-width:1170px){.order-lg-0{order:0}.order-lg-1{order:1}}.order-1{order:1}@media screen and (min-width:750px){.order-sm-1{order:1}}@media screen and (min-width:970px){.order-md-1{order:1}.order-md-2{order:2}}.order-2{order:2}@media screen and (min-width:750px){.order-sm-2{order:2}}@media screen and (min-width:1170px){.order-lg-2{order:2}.order-lg-3{order:3}}.order-3{order:3}@media screen and (min-width:750px){.order-sm-3{order:3}}@media screen and (min-width:970px){.order-md-3{order:3}.order-md-4{order:4}}.order-4{order:4}@media screen and (min-width:750px){.order-sm-4{order:4}}@media screen and (min-width:1170px){.order-lg-4{order:4}.order-lg-5{order:5}}.order-5{order:5}@media screen and (min-width:750px){.order-sm-5{order:5}}@media screen and (min-width:970px){.order-md-5{order:5}.order-md-6{order:6}}.order-6{order:6}@media screen and (min-width:750px){.order-sm-6{order:6}}@media screen and (min-width:1170px){.order-lg-6{order:6}.order-lg-7{order:7}}.order-7{order:7}@media screen and (min-width:750px){.order-sm-7{order:7}}@media screen and (min-width:970px){.order-md-7{order:7}.order-md-8{order:8}}.order-8{order:8}@media screen and (min-width:750px){.order-sm-8{order:8}}@media screen and (min-width:1170px){.order-lg-8{order:8}.order-lg-9{order:9}}.order-9{order:9}@media screen and (min-width:750px){.order-sm-9{order:9}}@media screen and (min-width:970px){.order-md-9{order:9}.order-md-10{order:10}}.order-10{order:10}@media screen and (min-width:750px){.order-sm-10{order:10}}@media screen and (min-width:1170px){.order-lg-10{order:10}.order-lg-11{order:11}}.order-11{order:11}@media screen and (min-width:750px){.order-sm-11{order:11}}@media screen and (min-width:970px){.order-md-11{order:11}.order-md-12{order:12}}.order-12{order:12}@media screen and (min-width:750px){.order-sm-12{order:12}}@media screen and (min-width:1170px){.order-lg-12{order:12}}@media screen and (max-width:1169px){:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-1,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-10,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-11,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-12,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-2,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-3,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-4,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-5,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-6,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-7,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-8,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-9{width:100%}}@media screen and (max-width:969px){:not([class*=col-sm]):not([class*=col-xs]).col-md-1,:not([class*=col-sm]):not([class*=col-xs]).col-md-10,:not([class*=col-sm]):not([class*=col-xs]).col-md-11,:not([class*=col-sm]):not([class*=col-xs]).col-md-12,:not([class*=col-sm]):not([class*=col-xs]).col-md-2,:not([class*=col-sm]):not([class*=col-xs]).col-md-3,:not([class*=col-sm]):not([class*=col-xs]).col-md-4,:not([class*=col-sm]):not([class*=col-xs]).col-md-5,:not([class*=col-sm]):not([class*=col-xs]).col-md-6,:not([class*=col-sm]):not([class*=col-xs]).col-md-7,:not([class*=col-sm]):not([class*=col-xs]).col-md-8,:not([class*=col-sm]):not([class*=col-xs]).col-md-9{width:100%}}@media screen and (max-width:749px){.row{flex-direction:column}:not([class*=col-xs]).col-sm-1,:not([class*=col-xs]).col-sm-10,:not([class*=col-xs]).col-sm-11,:not([class*=col-xs]).col-sm-12,:not([class*=col-xs]).col-sm-2,:not([class*=col-xs]).col-sm-3,:not([class*=col-xs]).col-sm-4,:not([class*=col-xs]).col-sm-5,:not([class*=col-xs]).col-sm-6,:not([class*=col-xs]).col-sm-7,:not([class*=col-xs]).col-sm-8,:not([class*=col-xs]).col-sm-9{width:100%}}.no-margin-bottom,.no-mb{margin-bottom:0!important}.no-margin-x,.no-mx{margin-left:0!important;margin-right:0!important}\n\n/* Do not copy below, for Code Library resource only */\n.chart-placeholder {\n background-color: #fff1f1;\n height: 350px;\n}\n.chart-placeholder:before {\n display: block;\n font-size: 2rem;\n margin: 0.2rem 0.5rem;\n content: \"Chart\";\n}" @@ -2836,7 +3004,8 @@

        width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -2880,6 +3049,7 @@

        const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -2990,7 +3160,9 @@

        $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
        <div ng-app="ods-widgets"> @@ -3202,8 +3374,10 @@

        "> -
        -

        -

        - -
        -

        - ODS Layout : Complex example - - - - - -

        -
        - -
        - -
        +
        + +
        +
        +

        + ODS Layout : Complex example + + + + + +

        +
        + +
        + + +
        + @@ -3722,6 +3899,14 @@

        + + + + + + + +
        name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-sm-6\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Title\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\u003e\n 1'234 %\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003eDate\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"#\"\n title=\"Title\"\u003e\n Source \u003ci class=\"fa fa-long-arrow-right\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-sm-6\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Title\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\u003e\n 1'234 %\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003eDate\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"#\"\n title=\"Title\"\u003e\n Source \u003ci class=\"fa fa-long-arrow-right\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-12\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Title\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle no-bg mb-0\"\u003e\n \u003cdiv class=\"chart-placeholder\"\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003eDate\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"#\"\n title=\"Title\"\u003e\n Source \u003ci class=\"fa fa-long-arrow-right\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-12\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Title\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle no-bg mb-0\"\u003e\n \u003cdiv class=\"chart-placeholder\"\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003eDate\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"#\"\n title=\"Title\"\u003e\n Source \u003ci class=\"fa fa-long-arrow-right\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-sm-6\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Title\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\u003e\n 1'234 %\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003eDate\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"#\"\n title=\"Title\"\u003e\n Source \u003ci class=\"fa fa-long-arrow-right\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-sm-6\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Title\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\u003e\n 1'234 %\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003eDate\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"#\"\n title=\"Title\"\u003e\n Source \u003ci class=\"fa fa-long-arrow-right\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e", "css": ":root {\n --boxes-radius: 6px;\n}\n\nbody, main {\n margin: 0;\n background-color: #F2F3F8;\n}\n\nsection {\n padding: 1.5rem 0;\n}\n\n.header {\n margin: 3rem 2rem;\n}\n\nh1 {\n font-size: 3rem;\n}\n\nh2 {\n font-weight: 500;\n}\n\nh3 {\n font-weight: 400;\n}\n\n.mb-0 {\n margin-bottom: 0;\n}\n\n.mb-2 {\n margin-bottom: 2rem;\n}\n\n.box {\n position: relative;\n padding: 13px;\n}\n.box.white {\n background-color: white;\n}\n.box.flat {\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);\n border-radius: var(--boxes-radius);\n}\n\n.advanced-kpi {\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.advanced-kpi--top .title {\n font-size: 1.2em;\n margin: 0;\n}\n.advanced-kpi--top .description {\n margin: 0 auto;\n color: #565656;\n font-size: 1em;\n font-weight: 400;\n}\n\n.advanced-kpi--middle {\n display: flex;\n flex-direction: column;\n margin: 20px 0;\n}\n.advanced-kpi--middle.centered {\n align-items: center;\n}\n.advanced-kpi--middle \u003e * {\n margin: 5px 0;\n}\n.advanced-kpi--middle .value {\n color: var(--highlight);\n font-weight: 500;\n font-size: 2.5rem;\n}\n\n.advanced-kpi--bottom {\n font-size: 0.8em;\n}\n.advanced-kpi--bottom .advanced-kpi--bottom-second-stage {\n display: flex;\n justify-content: space-between;\n}\n.advanced-kpi--bottom .source {\n text-decoration: underline;\n color: var(--links);\n}\n.advanced-kpi--bottom .source i {\n margin-left: 6px;\n}\n.advanced-kpi--bottom .source:hover {\n opacity: 0.65;\n}\n.advanced-kpi--bottom .source:hover i {\n animation: bounce 0.7s ease infinite;\n}\n\n@keyframes bounce {\n from {\n margin-left: 6px;\n margin-right: 0;\n }\n 50% {\n margin-left: 2px;\n margin-right: 4px;\n }\n to {\n margin-left: 6px;\n margin-right: 0;\n }\n}\n.no-bg rect.highcharts-background {\n fill: transparent !important;\n}\n\n/**\n * License: MIT License\n * Generated on 07 Jun 2021\n * Author: Labs from opendatasoft\n * Version: 0.2\n * Description: ODS Layout over-ride to Flexbox system\n */\n\n.box,.row.full-height{height:100%}.row{display:flex;flex-wrap:wrap;justify-content:center}.row\u003e*{margin-bottom:20px;flex-grow:1}.order-0{order:0}@media screen and (min-width:750px){.order-sm-0{order:0}}@media screen and (min-width:970px){.order-md-0{order:0}}@media screen and (min-width:1170px){.order-lg-0{order:0}.order-lg-1{order:1}}.order-1{order:1}@media screen and (min-width:750px){.order-sm-1{order:1}}@media screen and (min-width:970px){.order-md-1{order:1}.order-md-2{order:2}}.order-2{order:2}@media screen and (min-width:750px){.order-sm-2{order:2}}@media screen and (min-width:1170px){.order-lg-2{order:2}.order-lg-3{order:3}}.order-3{order:3}@media screen and (min-width:750px){.order-sm-3{order:3}}@media screen and (min-width:970px){.order-md-3{order:3}.order-md-4{order:4}}.order-4{order:4}@media screen and (min-width:750px){.order-sm-4{order:4}}@media screen and (min-width:1170px){.order-lg-4{order:4}.order-lg-5{order:5}}.order-5{order:5}@media screen and (min-width:750px){.order-sm-5{order:5}}@media screen and (min-width:970px){.order-md-5{order:5}.order-md-6{order:6}}.order-6{order:6}@media screen and (min-width:750px){.order-sm-6{order:6}}@media screen and (min-width:1170px){.order-lg-6{order:6}.order-lg-7{order:7}}.order-7{order:7}@media screen and (min-width:750px){.order-sm-7{order:7}}@media screen and (min-width:970px){.order-md-7{order:7}.order-md-8{order:8}}.order-8{order:8}@media screen and (min-width:750px){.order-sm-8{order:8}}@media screen and (min-width:1170px){.order-lg-8{order:8}.order-lg-9{order:9}}.order-9{order:9}@media screen and (min-width:750px){.order-sm-9{order:9}}@media screen and (min-width:970px){.order-md-9{order:9}.order-md-10{order:10}}.order-10{order:10}@media screen and (min-width:750px){.order-sm-10{order:10}}@media screen and (min-width:1170px){.order-lg-10{order:10}.order-lg-11{order:11}}.order-11{order:11}@media screen and (min-width:750px){.order-sm-11{order:11}}@media screen and (min-width:970px){.order-md-11{order:11}.order-md-12{order:12}}.order-12{order:12}@media screen and (min-width:750px){.order-sm-12{order:12}}@media screen and (min-width:1170px){.order-lg-12{order:12}}@media screen and (max-width:1169px){:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-1,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-10,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-11,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-12,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-2,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-3,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-4,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-5,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-6,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-7,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-8,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-9{width:100%}}@media screen and (max-width:969px){:not([class*=col-sm]):not([class*=col-xs]).col-md-1,:not([class*=col-sm]):not([class*=col-xs]).col-md-10,:not([class*=col-sm]):not([class*=col-xs]).col-md-11,:not([class*=col-sm]):not([class*=col-xs]).col-md-12,:not([class*=col-sm]):not([class*=col-xs]).col-md-2,:not([class*=col-sm]):not([class*=col-xs]).col-md-3,:not([class*=col-sm]):not([class*=col-xs]).col-md-4,:not([class*=col-sm]):not([class*=col-xs]).col-md-5,:not([class*=col-sm]):not([class*=col-xs]).col-md-6,:not([class*=col-sm]):not([class*=col-xs]).col-md-7,:not([class*=col-sm]):not([class*=col-xs]).col-md-8,:not([class*=col-sm]):not([class*=col-xs]).col-md-9{width:100%}}@media screen and (max-width:749px){.row{flex-direction:column}:not([class*=col-xs]).col-sm-1,:not([class*=col-xs]).col-sm-10,:not([class*=col-xs]).col-sm-11,:not([class*=col-xs]).col-sm-12,:not([class*=col-xs]).col-sm-2,:not([class*=col-xs]).col-sm-3,:not([class*=col-xs]).col-sm-4,:not([class*=col-xs]).col-sm-5,:not([class*=col-xs]).col-sm-6,:not([class*=col-xs]).col-sm-7,:not([class*=col-xs]).col-sm-8,:not([class*=col-xs]).col-sm-9{width:100%}}.no-margin-bottom,.no-mb{margin-bottom:0!important}.no-margin-x,.no-mx{margin-left:0!important;margin-right:0!important}\n\n/* Do not copy below, for Code Library resource only */\n.chart-placeholder {\n background-color: #fff1f1;\n height: 350px;\n}\n.chart-placeholder:before {\n display: block;\n font-size: 2rem;\n margin: 0.2rem 0.5rem;\n content: \"Chart\";\n}" @@ -3745,7 +3930,8 @@

        width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -3789,6 +3975,7 @@

        const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -3899,7 +4086,9 @@

        $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
        <div ng-app="ods-widgets"> @@ -4239,8 +4428,10 @@

        "> -
        -

        -

        - -
        -

        - CSS Grid : 1 - 1 - 1 - 1 - - - - - -

        -
        -

        1 column for mobile, 2 for tablets, 4 above

        - -
        - -
        +
        + +
        +
        +

        + CSS Grid : 1 - 1 - 1 - 1 + + + + + +

        +
        +

        1 column for mobile, 2 for tablets, 4 above

        + +
        + + +
        + + + + + + @@ -5016,6 +5215,9 @@

        + + +
        name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"grid sm:grid-2 md:grid-4 gap-10\"\u003e\n \u003cdiv class=\"cell-1 box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Title\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\u003e\n 1'234 %\n \u003c/p\u003e\n \u003cp class=\"description\"\u003e\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003eDate\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"#\"\n title=\"Title\"\u003e\n Source \u003ci class=\"fa fa-long-arrow-right\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cell-1 box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Title\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\u003e\n 1'234 %\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003eDate\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"#\"\n title=\"Title\"\u003e\n Source \u003ci class=\"fa fa-long-arrow-right\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cell-1 box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Title\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\u003e\n 1'234 %\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003eDate\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"#\"\n title=\"Title\"\u003e\n Source \u003ci class=\"fa fa-long-arrow-right\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cell-1 box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Title\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\u003e\n 1'234 %\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003eDate\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"#\"\n title=\"Title\"\u003e\n Source \u003ci class=\"fa fa-long-arrow-right\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/div\u003e\u003c/div\u003e", "css": "/**** Dashboard ****/\n:root {\n --boxes-radius: 6px;\n}\n\nbody, main {\n margin: 0;\n background-color: #F2F3F8;\n}\n\nsection {\n padding: 1.5rem 0;\n}\n\n.header {\n margin: 3rem 2rem;\n}\n\nh1 {\n font-size: 3rem;\n}\n\nh2 {\n font-weight: 500;\n}\n\nh3 {\n font-weight: 400;\n}\n\n.mb-0 {\n margin-bottom: 0;\n}\n\n.mb-2 {\n margin-bottom: 2rem;\n}\n\n.box {\n position: relative;\n padding: 13px;\n}\n.box.white {\n background-color: white;\n}\n.box.flat {\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);\n border-radius: var(--boxes-radius);\n}\n\n.advanced-kpi {\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.advanced-kpi--top .title {\n font-size: 1.2em;\n margin: 0;\n}\n.advanced-kpi--top .description {\n margin: 0 auto;\n color: #565656;\n font-size: 1em;\n font-weight: 400;\n}\n\n.advanced-kpi--middle {\n display: flex;\n flex-direction: column;\n margin: 20px 0;\n}\n.advanced-kpi--middle.centered {\n align-items: center;\n}\n.advanced-kpi--middle \u003e * {\n margin: 5px 0;\n}\n.advanced-kpi--middle .value {\n color: var(--highlight);\n font-weight: 500;\n font-size: 2.5rem;\n}\n\n.advanced-kpi--bottom {\n font-size: 0.8em;\n}\n.advanced-kpi--bottom .advanced-kpi--bottom-second-stage {\n display: flex;\n justify-content: space-between;\n}\n.advanced-kpi--bottom .source {\n text-decoration: underline;\n color: var(--links);\n}\n.advanced-kpi--bottom .source i {\n margin-left: 6px;\n}\n.advanced-kpi--bottom .source:hover {\n opacity: 0.65;\n}\n.advanced-kpi--bottom .source:hover i {\n animation: bounce 0.7s ease infinite;\n}\n\n@keyframes bounce {\n from {\n margin-left: 6px;\n margin-right: 0;\n }\n 50% {\n margin-left: 2px;\n margin-right: 4px;\n }\n to {\n margin-left: 6px;\n margin-right: 0;\n }\n}\n.no-bg rect.highcharts-background {\n fill: transparent !important;\n}\n\n/***** GRID ******/\n[class^=grid] {\n display: grid;\n grid-gap: 1rem;\n}\n\n@media screen and (min-width: 640px), print {\n .sm\\:grid-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n@media screen and (min-width: 768px), print {\n .md\\:grid-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .md\\:grid-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n .md\\:grid-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n\n .md\\:grid-rows-3 {\n grid-template-rows: repeat(3, minmax(0, 1fr));\n }\n}\n\n[class^=cell],\n[class*=\":cell\"] {\n display: flex;\n flex-direction: column;\n justify-content: stretch;\n}\n\n.cell-1 {\n grid-column: span 1/span 1;\n}\n\n.cell-row-2 {\n grid-row: span 2/span 2;\n}\n@media screen and (min-width: 768px), print {\n\n .md\\:cell-1 {\n grid-column: span 1/span 1;\n }\n\n .md\\:cell-2 {\n grid-column: span 2/span 2;\n }\n}\n\n.gap-6,\n.gap-6 [class^=grid] {\n gap: 1.5rem;\n}\n\n.gap-10,\n.gap-10 [class^=grid] {\n gap: 2.5rem;\n}\n\n\n/* DO NOT COPY, just for Code Library resource */\n.chart-placeholder {\n background-color: #fff1f1;\n height: 350px;\n}\n.chart-placeholder:before {\n display: block;\n font-size: 2rem;\n margin: 0.2rem 0.5rem;\n content: \"Chart\";\n}" @@ -5039,7 +5241,8 @@

        width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -5083,6 +5286,7 @@

        const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -5193,7 +5397,9 @@

        $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
        <div ng-app="ods-widgets"> @@ -5516,8 +5722,10 @@

        "> -
        -

        -

        - -
        -

        - CSS Grid : 1 - 2 - - - - - -

        -
        -

        To switch position and get a 2 - 1 grid, simply switch the 2 children of the grid

        - -
        - -
        +
        + +
        +
        +

        + CSS Grid : 1 - 2 + + + + + +

        +
        +

        To switch position and get a 2 - 1 grid, simply switch the 2 children of the grid

        + +
        + + +
        + @@ -6259,6 +6470,14 @@

        + + + + + + + +
        name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"grid md:grid-3\"\u003e\n \u003cdiv class=\"grid\"\u003e\n \u003cdiv class=\"cell-1 box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Title\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\u003e\n 1'234 %\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003eDate\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"#\"\n title=\"Title\"\u003e\n Source \u003ci class=\"fa fa-long-arrow-right\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cell-1 box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Title\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\u003e\n 1'234 %\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003eDate\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"#\"\n title=\"Title\"\u003e\n Source \u003ci class=\"fa fa-long-arrow-right\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"md:cell-2 box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Title\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle no-bg mb-0\"\u003e\n \u003cdiv class=\"chart-placeholder\"\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003eDate\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"#\"\n title=\"Title\"\u003e\n Source \u003ci class=\"fa fa-long-arrow-right\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e", "css": "/**** Dashboard ****/\n:root {\n --boxes-radius: 6px;\n}\n\nbody, main {\n margin: 0;\n background-color: #F2F3F8;\n}\n\nsection {\n padding: 1.5rem 0;\n}\n\n.header {\n margin: 3rem 2rem;\n}\n\nh1 {\n font-size: 3rem;\n}\n\nh2 {\n font-weight: 500;\n}\n\nh3 {\n font-weight: 400;\n}\n\n.mb-0 {\n margin-bottom: 0;\n}\n\n.mb-2 {\n margin-bottom: 2rem;\n}\n\n.box {\n position: relative;\n padding: 13px;\n}\n.box.white {\n background-color: white;\n}\n.box.flat {\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);\n border-radius: var(--boxes-radius);\n}\n\n.advanced-kpi {\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.advanced-kpi--top .title {\n font-size: 1.2em;\n margin: 0;\n}\n.advanced-kpi--top .description {\n margin: 0 auto;\n color: #565656;\n font-size: 1em;\n font-weight: 400;\n}\n\n.advanced-kpi--middle {\n display: flex;\n flex-direction: column;\n margin: 20px 0;\n}\n.advanced-kpi--middle.centered {\n align-items: center;\n}\n.advanced-kpi--middle \u003e * {\n margin: 5px 0;\n}\n.advanced-kpi--middle .value {\n color: var(--highlight);\n font-weight: 500;\n font-size: 2.5rem;\n}\n\n.advanced-kpi--bottom {\n font-size: 0.8em;\n}\n.advanced-kpi--bottom .advanced-kpi--bottom-second-stage {\n display: flex;\n justify-content: space-between;\n}\n.advanced-kpi--bottom .source {\n text-decoration: underline;\n color: var(--links);\n}\n.advanced-kpi--bottom .source i {\n margin-left: 6px;\n}\n.advanced-kpi--bottom .source:hover {\n opacity: 0.65;\n}\n.advanced-kpi--bottom .source:hover i {\n animation: bounce 0.7s ease infinite;\n}\n\n@keyframes bounce {\n from {\n margin-left: 6px;\n margin-right: 0;\n }\n 50% {\n margin-left: 2px;\n margin-right: 4px;\n }\n to {\n margin-left: 6px;\n margin-right: 0;\n }\n}\n.no-bg rect.highcharts-background {\n fill: transparent !important;\n}\n\n/***** GRID ******/\n[class^=grid] {\n display: grid;\n grid-gap: 1rem;\n}\n\n@media screen and (min-width: 640px), print {\n .sm\\:grid-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n@media screen and (min-width: 768px), print {\n .md\\:grid-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .md\\:grid-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n .md\\:grid-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n\n .md\\:grid-rows-3 {\n grid-template-rows: repeat(3, minmax(0, 1fr));\n }\n}\n\n[class^=cell],\n[class*=\":cell\"] {\n display: flex;\n flex-direction: column;\n justify-content: stretch;\n}\n\n.cell-1 {\n grid-column: span 1/span 1;\n}\n\n.cell-row-2 {\n grid-row: span 2/span 2;\n}\n@media screen and (min-width: 768px), print {\n\n .md\\:cell-1 {\n grid-column: span 1/span 1;\n }\n\n .md\\:cell-2 {\n grid-column: span 2/span 2;\n }\n}\n\n.gap-6,\n.gap-6 [class^=grid] {\n gap: 1.5rem;\n}\n\n.gap-10,\n.gap-10 [class^=grid] {\n gap: 2.5rem;\n}\n\n\n\n/* DO NOT COPY, just for Code Library resource */\n.chart-placeholder {\n background-color: #fff1f1;\n height: 350px;\n}\n.chart-placeholder:before {\n display: block;\n font-size: 2rem;\n margin: 0.2rem 0.5rem;\n content: \"Chart\";\n}" @@ -6282,7 +6501,8 @@

        width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -6326,6 +6546,7 @@

        const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -6436,7 +6657,9 @@

        $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
        <div ng-app="ods-widgets"> @@ -6732,8 +6955,10 @@

        "> -
        -

        -

        - -
        -

        - CSS Grid : 1 - 1 - - - - - -

        -
        - -
        - -
        +
        + +
        +
        +

        + CSS Grid : 1 - 1 + + + + + +

        +
        + +
        + + +
        + @@ -7420,6 +7648,14 @@

        + + + + + + + +
        name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"grid md:grid-2\"\u003e\n \u003cdiv class=\"md:cell-1 box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Title\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle no-bg mb-0\"\u003e\n \u003cdiv class=\"chart-placeholder\"\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003eDate\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"#\"\n title=\"Title\"\u003e\n Source \u003ci class=\"fa fa-long-arrow-right\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"md:cell-1 box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Title\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle no-bg mb-0\"\u003e\n \u003cdiv class=\"chart-placeholder\"\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003eDate\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"#\"\n title=\"Title\"\u003e\n Source \u003ci class=\"fa fa-long-arrow-right\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e", "css": "/**** Dashboard ****/\n:root {\n --boxes-radius: 6px;\n}\n\nbody, main {\n margin: 0;\n background-color: #F2F3F8;\n}\n\nsection {\n padding: 1.5rem 0;\n}\n\n.header {\n margin: 3rem 2rem;\n}\n\nh1 {\n font-size: 3rem;\n}\n\nh2 {\n font-weight: 500;\n}\n\nh3 {\n font-weight: 400;\n}\n\n.mb-0 {\n margin-bottom: 0;\n}\n\n.mb-2 {\n margin-bottom: 2rem;\n}\n\n.box {\n position: relative;\n padding: 13px;\n}\n.box.white {\n background-color: white;\n}\n.box.flat {\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);\n border-radius: var(--boxes-radius);\n}\n\n.advanced-kpi {\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.advanced-kpi--top .title {\n font-size: 1.2em;\n margin: 0;\n}\n.advanced-kpi--top .description {\n margin: 0 auto;\n color: #565656;\n font-size: 1em;\n font-weight: 400;\n}\n\n.advanced-kpi--middle {\n display: flex;\n flex-direction: column;\n margin: 20px 0;\n}\n.advanced-kpi--middle.centered {\n align-items: center;\n}\n.advanced-kpi--middle \u003e * {\n margin: 5px 0;\n}\n.advanced-kpi--middle .value {\n color: var(--highlight);\n font-weight: 500;\n font-size: 2.5rem;\n}\n\n.advanced-kpi--bottom {\n font-size: 0.8em;\n}\n.advanced-kpi--bottom .advanced-kpi--bottom-second-stage {\n display: flex;\n justify-content: space-between;\n}\n.advanced-kpi--bottom .source {\n text-decoration: underline;\n color: var(--links);\n}\n.advanced-kpi--bottom .source i {\n margin-left: 6px;\n}\n.advanced-kpi--bottom .source:hover {\n opacity: 0.65;\n}\n.advanced-kpi--bottom .source:hover i {\n animation: bounce 0.7s ease infinite;\n}\n\n@keyframes bounce {\n from {\n margin-left: 6px;\n margin-right: 0;\n }\n 50% {\n margin-left: 2px;\n margin-right: 4px;\n }\n to {\n margin-left: 6px;\n margin-right: 0;\n }\n}\n.no-bg rect.highcharts-background {\n fill: transparent !important;\n}\n\n/***** GRID ******/\n[class^=grid] {\n display: grid;\n grid-gap: 1rem;\n}\n\n@media screen and (min-width: 640px), print {\n .sm\\:grid-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n@media screen and (min-width: 768px), print {\n .md\\:grid-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .md\\:grid-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n .md\\:grid-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n\n .md\\:grid-rows-3 {\n grid-template-rows: repeat(3, minmax(0, 1fr));\n }\n}\n\n[class^=cell],\n[class*=\":cell\"] {\n display: flex;\n flex-direction: column;\n justify-content: stretch;\n}\n\n.cell-1 {\n grid-column: span 1/span 1;\n}\n\n.cell-row-2 {\n grid-row: span 2/span 2;\n}\n@media screen and (min-width: 768px), print {\n\n .md\\:cell-1 {\n grid-column: span 1/span 1;\n }\n\n .md\\:cell-2 {\n grid-column: span 2/span 2;\n }\n}\n\n.gap-6,\n.gap-6 [class^=grid] {\n gap: 1.5rem;\n}\n\n.gap-10,\n.gap-10 [class^=grid] {\n gap: 2.5rem;\n}\n\n\n\n\n/* DO NOT COPY, just for Code Library resource */\n.chart-placeholder {\n background-color: #fff1f1;\n height: 350px;\n}\n.chart-placeholder:before {\n display: block;\n font-size: 2rem;\n margin: 0.2rem 0.5rem;\n content: \"Chart\";\n}" @@ -7443,7 +7679,8 @@

        width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -7487,6 +7724,7 @@

        const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -7597,7 +7835,9 @@

        $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
        <div ng-app="ods-widgets"> @@ -7863,8 +8103,10 @@

        "> -
        -

        -

        - -
        -

        - CSS Grid : Complex example 1 - - - - - -

        -
        - -
        - -
        +
        + +
        +
        +

        + CSS Grid : Complex example 1 + + + + + +

        +
        + +
        + + +
        + @@ -8491,6 +8736,14 @@

        + + + + + + + +
        name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"grid md:grid-2\"\u003e\n \u003cdiv class=\"grid md:grid-2\"\u003e\n \u003cdiv class=\"cell-1 box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Title\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\u003e\n 1'234 %\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003eDate\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"#\"\n title=\"Title\"\u003e\n Source \u003ci class=\"fa fa-long-arrow-right\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cell-1 box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Title\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\u003e\n 1'234 %\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003eDate\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"#\"\n title=\"Title\"\u003e\n Source \u003ci class=\"fa fa-long-arrow-right\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"md:cell-2 box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Title\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle no-bg mb-0\"\u003e\n \u003cdiv class=\"chart-placeholder\"\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003eDate\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"#\"\n title=\"Title\"\u003e\n Source \u003ci class=\"fa fa-long-arrow-right\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"grid md:grid-2\"\u003e\n \u003cdiv class=\"md:cell-2 box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Title\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle no-bg mb-0\"\u003e\n \u003cdiv class=\"chart-placeholder\"\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003eDate\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"#\"\n title=\"Title\"\u003e\n Source \u003ci class=\"fa fa-long-arrow-right\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cell-1 box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Title\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\u003e\n 1'234 %\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003eDate\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"#\"\n title=\"Title\"\u003e\n Source \u003ci class=\"fa fa-long-arrow-right\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cell-1 box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Title\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\u003e\n 1'234 %\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003eDate\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"#\"\n title=\"Title\"\u003e\n Source \u003ci class=\"fa fa-long-arrow-right\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e", "css": "/**** Dashboard ****/\n:root {\n --boxes-radius: 6px;\n}\n\nbody, main {\n margin: 0;\n background-color: #F2F3F8;\n}\n\nsection {\n padding: 1.5rem 0;\n}\n\n.header {\n margin: 3rem 2rem;\n}\n\nh1 {\n font-size: 3rem;\n}\n\nh2 {\n font-weight: 500;\n}\n\nh3 {\n font-weight: 400;\n}\n\n.mb-0 {\n margin-bottom: 0;\n}\n\n.mb-2 {\n margin-bottom: 2rem;\n}\n\n.box {\n position: relative;\n padding: 13px;\n}\n.box.white {\n background-color: white;\n}\n.box.flat {\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);\n border-radius: var(--boxes-radius);\n}\n\n.advanced-kpi {\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.advanced-kpi--top .title {\n font-size: 1.2em;\n margin: 0;\n}\n.advanced-kpi--top .description {\n margin: 0 auto;\n color: #565656;\n font-size: 1em;\n font-weight: 400;\n}\n\n.advanced-kpi--middle {\n display: flex;\n flex-direction: column;\n margin: 20px 0;\n}\n.advanced-kpi--middle.centered {\n align-items: center;\n}\n.advanced-kpi--middle \u003e * {\n margin: 5px 0;\n}\n.advanced-kpi--middle .value {\n color: var(--highlight);\n font-weight: 500;\n font-size: 2.5rem;\n}\n\n.advanced-kpi--bottom {\n font-size: 0.8em;\n}\n.advanced-kpi--bottom .advanced-kpi--bottom-second-stage {\n display: flex;\n justify-content: space-between;\n}\n.advanced-kpi--bottom .source {\n text-decoration: underline;\n color: var(--links);\n}\n.advanced-kpi--bottom .source i {\n margin-left: 6px;\n}\n.advanced-kpi--bottom .source:hover {\n opacity: 0.65;\n}\n.advanced-kpi--bottom .source:hover i {\n animation: bounce 0.7s ease infinite;\n}\n\n@keyframes bounce {\n from {\n margin-left: 6px;\n margin-right: 0;\n }\n 50% {\n margin-left: 2px;\n margin-right: 4px;\n }\n to {\n margin-left: 6px;\n margin-right: 0;\n }\n}\n.no-bg rect.highcharts-background {\n fill: transparent !important;\n}\n\n/***** GRID ******/\n[class^=grid] {\n display: grid;\n grid-gap: 1rem;\n}\n\n@media screen and (min-width: 640px), print {\n .sm\\:grid-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n@media screen and (min-width: 768px), print {\n .md\\:grid-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .md\\:grid-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n .md\\:grid-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n\n .md\\:grid-rows-3 {\n grid-template-rows: repeat(3, minmax(0, 1fr));\n }\n}\n\n[class^=cell],\n[class*=\":cell\"] {\n display: flex;\n flex-direction: column;\n justify-content: stretch;\n}\n\n.cell-1 {\n grid-column: span 1/span 1;\n}\n\n.cell-row-2 {\n grid-row: span 2/span 2;\n}\n@media screen and (min-width: 768px), print {\n\n .md\\:cell-1 {\n grid-column: span 1/span 1;\n }\n\n .md\\:cell-2 {\n grid-column: span 2/span 2;\n }\n}\n\n.gap-6,\n.gap-6 [class^=grid] {\n gap: 1.5rem;\n}\n\n.gap-10,\n.gap-10 [class^=grid] {\n gap: 2.5rem;\n}\n\n\n\n/* DO NOT COPY, just for Code Library resource */\n.chart-placeholder {\n background-color: #fff1f1;\n height: 350px;\n}\n.chart-placeholder:before {\n display: block;\n font-size: 2rem;\n margin: 0.2rem 0.5rem;\n content: \"Chart\";\n}" @@ -8514,7 +8767,8 @@

        width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -8558,6 +8812,7 @@

        const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -8668,7 +8923,9 @@

        $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
        <div ng-app="ods-widgets"> @@ -9045,8 +9302,10 @@

        "> -
        -

        -

        - -
        -

        - CSS Grid : Complex example 2 - - - - - -

        -
        - -
        - -
        +
        + +
        +
        +

        + CSS Grid : Complex example 2 + + + + + +

        +
        + +
        + + +
        + + + + + + @@ -9895,6 +10162,9 @@

        + + +
        name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"grid md:grid-3 md:grid-rows-3 gap-6\"\u003e\n \u003cdiv class=\"cell-1 box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Title\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\u003e\n 1'234 %\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003eDate\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"#\"\n title=\"Title\"\u003e\n Source \u003ci class=\"fa fa-long-arrow-right\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cell-1 box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Title\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\u003e\n 1'234 %\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003eDate\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"#\"\n title=\"Title\"\u003e\n Source \u003ci class=\"fa fa-long-arrow-right\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cell-1 cell-row-2 box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Title\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle no-bg mb-0\"\u003e\n \u003cdiv class=\"chart-placeholder\"\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003eDate\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"#\"\n title=\"Title\"\u003e\n Source \u003ci class=\"fa fa-long-arrow-right\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cell-1 cell-row-2 box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Title\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle no-bg mb-0\"\u003e\n \u003cdiv class=\"chart-placeholder\"\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003eDate\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"#\"\n title=\"Title\"\u003e\n Source \u003ci class=\"fa fa-long-arrow-right\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cell-1 box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Title\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\u003e\n 1'234 %\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003eDate\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"#\"\n title=\"Title\"\u003e\n Source \u003ci class=\"fa fa-long-arrow-right\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cell-1 md:cell-2 box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Title\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\u003e\n 1'234 %\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003eDate\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"#\"\n title=\"Title\"\u003e\n Source \u003ci class=\"fa fa-long-arrow-right\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e", "css": "/**** Dashboard ****/\n:root {\n --boxes-radius: 6px;\n}\n\nbody, main {\n margin: 0;\n background-color: #F2F3F8;\n}\n\nsection {\n padding: 1.5rem 0;\n}\n\n.header {\n margin: 3rem 2rem;\n}\n\nh1 {\n font-size: 3rem;\n}\n\nh2 {\n font-weight: 500;\n}\n\nh3 {\n font-weight: 400;\n}\n\n.mb-0 {\n margin-bottom: 0;\n}\n\n.mb-2 {\n margin-bottom: 2rem;\n}\n\n.box {\n position: relative;\n padding: 13px;\n}\n.box.white {\n background-color: white;\n}\n.box.flat {\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);\n border-radius: var(--boxes-radius);\n}\n\n.advanced-kpi {\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.advanced-kpi--top .title {\n font-size: 1.2em;\n margin: 0;\n}\n.advanced-kpi--top .description {\n margin: 0 auto;\n color: #565656;\n font-size: 1em;\n font-weight: 400;\n}\n\n.advanced-kpi--middle {\n display: flex;\n flex-direction: column;\n margin: 20px 0;\n}\n.advanced-kpi--middle.centered {\n align-items: center;\n}\n.advanced-kpi--middle \u003e * {\n margin: 5px 0;\n}\n.advanced-kpi--middle .value {\n color: var(--highlight);\n font-weight: 500;\n font-size: 2.5rem;\n}\n\n.advanced-kpi--bottom {\n font-size: 0.8em;\n}\n.advanced-kpi--bottom .advanced-kpi--bottom-second-stage {\n display: flex;\n justify-content: space-between;\n}\n.advanced-kpi--bottom .source {\n text-decoration: underline;\n color: var(--links);\n}\n.advanced-kpi--bottom .source i {\n margin-left: 6px;\n}\n.advanced-kpi--bottom .source:hover {\n opacity: 0.65;\n}\n.advanced-kpi--bottom .source:hover i {\n animation: bounce 0.7s ease infinite;\n}\n\n@keyframes bounce {\n from {\n margin-left: 6px;\n margin-right: 0;\n }\n 50% {\n margin-left: 2px;\n margin-right: 4px;\n }\n to {\n margin-left: 6px;\n margin-right: 0;\n }\n}\n.no-bg rect.highcharts-background {\n fill: transparent !important;\n}\n\n/***** GRID ******/\n[class^=grid] {\n display: grid;\n grid-gap: 1rem;\n}\n\n@media screen and (min-width: 640px), print {\n .sm\\:grid-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n@media screen and (min-width: 768px), print {\n .md\\:grid-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .md\\:grid-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n .md\\:grid-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n\n .md\\:grid-rows-3 {\n grid-template-rows: repeat(3, minmax(0, 1fr));\n }\n}\n\n[class^=cell],\n[class*=\":cell\"] {\n display: flex;\n flex-direction: column;\n justify-content: stretch;\n}\n\n.cell-1 {\n grid-column: span 1/span 1;\n}\n\n.cell-row-2 {\n grid-row: span 2/span 2;\n}\n@media screen and (min-width: 768px), print {\n\n .md\\:cell-1 {\n grid-column: span 1/span 1;\n }\n\n .md\\:cell-2 {\n grid-column: span 2/span 2;\n }\n}\n\n.gap-6,\n.gap-6 [class^=grid] {\n gap: 1.5rem;\n}\n\n.gap-10,\n.gap-10 [class^=grid] {\n gap: 2.5rem;\n}\n\n\n\n/* DO NOT COPY, just for Code Library resource */\n.chart-placeholder {\n background-color: #fff1f1;\n height: 350px;\n}\n.chart-placeholder:before {\n display: block;\n font-size: 2rem;\n margin: 0.2rem 0.5rem;\n content: \"Chart\";\n}" @@ -9918,7 +10188,8 @@

        width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -9962,6 +10233,7 @@

        const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -10072,7 +10344,9 @@

        $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
        <div ng-app="ods-widgets"> @@ -10445,8 +10719,10 @@

        "> -
        -

        -

        - -
        +
        + + + +
        - - + - © Copyright 2020 + © Copyright 2026
        @@ -11289,7 +11567,7 @@

        diff --git a/public/page-templates/dashboard/6/html.inc b/public/page-templates/dashboard/6/html.inc index dbd5a7c1d..009e21dea 100644 --- a/public/page-templates/dashboard/6/html.inc +++ b/public/page-templates/dashboard/6/html.inc @@ -3,7 +3,7 @@ stats-dataset="resume-statistique-communes-departements-et-regions-france-2012-2013-2014" stats-domain="public">
        + ng-init="stats['source'] = 'https://' + stats.dataset.metas.domain + '.huwise.com/explore/dataset/' + stats.dataset.datasetid">

        Observatoire statistiques de la population Française diff --git a/public/page-templates/dashboard/grid-6/html.inc b/public/page-templates/dashboard/grid-6/html.inc index a15636187..92a70dede 100644 --- a/public/page-templates/dashboard/grid-6/html.inc +++ b/public/page-templates/dashboard/grid-6/html.inc @@ -37,7 +37,7 @@
        {{ stats.dataset.metas.data_processed | date }} Source @@ -68,7 +68,7 @@
        {{ stats.dataset.metas.data_processed | date }} Source @@ -105,7 +105,7 @@
        {{ stats.dataset.metas.data_processed | date }} Source @@ -136,7 +136,7 @@
        {{ stats.dataset.metas.data_processed | date }} Source @@ -168,7 +168,7 @@
        {{ stats.dataset.metas.data_processed | date }} Source @@ -199,7 +199,7 @@
        {{ stats.dataset.metas.data_processed | date }} Source @@ -237,7 +237,7 @@
        {{ stats.dataset.metas.data_processed | date }} Source @@ -268,7 +268,7 @@
        {{ stats.dataset.metas.data_processed | date }} Source @@ -299,7 +299,7 @@
        {{ stats.dataset.metas.data_processed | date }} Source @@ -336,7 +336,7 @@
        {{ stats.dataset.metas.data_processed | date }} Source @@ -367,7 +367,7 @@
        {{ stats.dataset.metas.data_processed | date }} Source @@ -398,7 +398,7 @@
        {{ stats.dataset.metas.data_processed | date }} Source diff --git a/public/page-templates/dashboard/index.html b/public/page-templates/dashboard/index.html index 22918deb9..f9f0f140a 100644 --- a/public/page-templates/dashboard/index.html +++ b/public/page-templates/dashboard/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@
        - @@ -185,7 +202,7 @@
        • + href="https://codelibrary.huwize.com/"> Home
          • @@ -202,6 +219,54 @@ + + + + + + + + + + + + + + + + + + + + + +
        • + + Apps + + +
          • + + + + + + + + + + + + + + + + + + + + @@ -256,6 +321,9 @@ + + +
        • @@ -280,6 +348,9 @@ + + + @@ -329,6 +400,16 @@
          • +
        • + +
          + Dashboard with filters + + +
          +           +
          • +
          • +
        • + +
          + Dataviz gallery page + + +
          +           +
          • +
          • +
        • + +
          + Home page 4 with access cards + + +
          +           +
          • + +
        • + +
          + Listing page + + +
          +           +
          • +
          • @@ -560,51 +669,67 @@
          - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
          @@ -615,31 +740,30 @@
          -
          -

          Page Templates - Dashboard

          -
          -

          There is two version of the dashboard, the first one built with the standard ODS Layout, it suits to most users.

          +
          +

          Page Templates - Dashboard

          +
          +

          There is two version of the dashboard, the first one built with the standard ODS Layout, it suits to most users.

          The second one, more advanced, built with the CSS Grid framework layout, for specific usages only.

          -
          - -
          -

          - Dashboard with ODS layout - New - - - - - - -

          -
          - -
          - -
          +
          +
          +

          + Dashboard with ODS layout + + + + + +

          +
          + +
          + + +
          + @@ -651,6 +775,14 @@

          + + + + + + + +
          name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003csection\u003e\n \u003cods-dataset-context context=\"stats\"\n stats-dataset=\"resume-statistique-communes-departements-et-regions-france-2012-2013-2014\"\n stats-domain=\"public\"\u003e\n \u003cdiv class=\"container\"\n ng-init=\"stats['source'] = 'https://' + stats.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + stats.dataset.datasetid\"\u003e\n \u003cdiv class=\"header\"\u003e\n \u003ch1\u003e\n Observatoire statistiques de la population Française\n \u003c/h1\u003e\n \u003cp\u003e\n Ensemble de données synthétiques pour les thèmes suivants : population, logement, revenus,\n emploi-chômage et établissements.\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003cdiv class=\"row full-height\"\u003e\n \u003cdiv class=\"col-md-12\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Population\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n en 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"stats\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"population_en_2012\"\u003e\n {{ agg | number }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ stats.source }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci\n class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-12 no-mb\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Nombre de ménages\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n en 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"stats\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"menages_en_2012\"\u003e\n {{ agg | number : 0 }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ stats.source }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci\n class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-8\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Evolution de la population\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n France 2007 et 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle no-bg mb-0\"\u003e\n \u003cods-chart style=\"height:300px\" single-y-axis=\"true\"\u003e\n \u003cods-chart-query context=\"stats\" field-x=\"region\" maxpoints=\"50\" sort=\"serie1-1\"\u003e\n \u003cods-chart-serie expression-y=\"population_en_2012\" chart-type=\"column\"\n function-y=\"AVG\"\n color=\"#2C3F56\" scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003cods-chart-serie expression-y=\"population_en_2007\" chart-type=\"column\"\n function-y=\"AVG\"\n color=\"#EC643C\" scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ stats.source }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-8\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Naissance par métropole\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n De 2007 à 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle no-bg mb-0\"\u003e\n \u003cods-chart style=\"height:300px\" single-y-axis=\"true\"\u003e\n \u003cods-chart-query context=\"stats\" field-x=\"metropole\" maxpoints=\"50\"\u003e\n \u003cods-chart-serie expression-y=\"naissances_entre_2007_et_2012\"\n chart-type=\"treemap\"\n function-y=\"AVG\" scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ stats.source }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003cdiv class=\"row full-height\"\u003e\n \u003cdiv class=\"col-md-12\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Actifs\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n 15 - 64 ans en 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"stats\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"actifs_15_64_ans_en_2012\"\u003e\n {{ agg | number : 0 }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ stats.source }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci\n class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-12 no-mb\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Chomeurs\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n 15 - 64 ans en 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"stats\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"chomeurs_15_64_ans_en_2012\"\u003e\n {{ agg | number : 0 }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ stats.source }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci\n class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003ch2 class=\"mb-2\"\u003e\n Logements\n \u003c/h2\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Nombre de logements\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n en 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"stats\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"logements_en_2012\"\u003e\n {{ agg | number : 0 }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ stats.source }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Résidences principales\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n en 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"stats\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"residences_principales_en_2012\"\u003e\n {{ agg | number : 0 }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ stats.source }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Résidences secondaires et logts occasionnels\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n en 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"stats\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"res_secondaires_et_logts_occasionnels_en_2012\"\u003e\n {{ agg | number : 0 }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ stats.source }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003ch2 class=\"mb-2\"\u003e\n Ménages fiscaux\n \u003c/h2\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-sm-4\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Nombre de ménages fiscaux\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n en 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"stats\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"nombre_de_menages_fiscaux_en_2012\"\u003e\n {{ agg | number : 0 }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ stats.source }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-sm-4\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Part des ménages fiscaux imposés\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n en 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"stats\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"part_des_menages_fiscaux_imposes_en_2012\"\u003e\n {{ agg | number : 0 }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ stats.source }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-sm-4\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Mediane du revenu disponible par US\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n en 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"stats\"\n ods-aggregation-function=\"AVG\"\n ods-aggregation-expression=\"mediane_du_revenu_disponible_par_uc_en_2012\"\u003e\n {{ agg | number : 0 }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ stats.source }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/ods-dataset-context\u003e\n\u003c/section\u003e\u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003csection\u003e\n \u003cods-dataset-context context=\"stats\"\n stats-dataset=\"resume-statistique-communes-departements-et-regions-france-2012-2013-2014\"\n stats-domain=\"public\"\u003e\n \u003cdiv class=\"container\"\n ng-init=\"stats['source'] = 'https://' + stats.dataset.metas.domain + '.huwise.com/explore/dataset/' + stats.dataset.datasetid\"\u003e\n \u003cdiv class=\"header\"\u003e\n \u003ch1\u003e\n Observatoire statistiques de la population Française\n \u003c/h1\u003e\n \u003cp\u003e\n Ensemble de données synthétiques pour les thèmes suivants : population, logement, revenus,\n emploi-chômage et établissements.\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003cdiv class=\"row full-height\"\u003e\n \u003cdiv class=\"col-md-12\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Population\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n en 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"stats\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"population_en_2012\"\u003e\n {{ agg | number }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ stats.source }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci\n class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-12 no-mb\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Nombre de ménages\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n en 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"stats\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"menages_en_2012\"\u003e\n {{ agg | number : 0 }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ stats.source }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci\n class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-8\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Evolution de la population\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n France 2007 et 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle no-bg mb-0\"\u003e\n \u003cods-chart style=\"height:300px\" single-y-axis=\"true\"\u003e\n \u003cods-chart-query context=\"stats\" field-x=\"region\" maxpoints=\"50\" sort=\"serie1-1\"\u003e\n \u003cods-chart-serie expression-y=\"population_en_2012\" chart-type=\"column\"\n function-y=\"AVG\"\n color=\"#2C3F56\" scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003cods-chart-serie expression-y=\"population_en_2007\" chart-type=\"column\"\n function-y=\"AVG\"\n color=\"#EC643C\" scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ stats.source }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-8\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Naissance par métropole\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n De 2007 à 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle no-bg mb-0\"\u003e\n \u003cods-chart style=\"height:300px\" single-y-axis=\"true\"\u003e\n \u003cods-chart-query context=\"stats\" field-x=\"metropole\" maxpoints=\"50\"\u003e\n \u003cods-chart-serie expression-y=\"naissances_entre_2007_et_2012\"\n chart-type=\"treemap\"\n function-y=\"AVG\" scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ stats.source }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003cdiv class=\"row full-height\"\u003e\n \u003cdiv class=\"col-md-12\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Actifs\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n 15 - 64 ans en 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"stats\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"actifs_15_64_ans_en_2012\"\u003e\n {{ agg | number : 0 }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ stats.source }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci\n class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-12 no-mb\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Chomeurs\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n 15 - 64 ans en 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"stats\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"chomeurs_15_64_ans_en_2012\"\u003e\n {{ agg | number : 0 }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ stats.source }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci\n class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003ch2 class=\"mb-2\"\u003e\n Logements\n \u003c/h2\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Nombre de logements\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n en 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"stats\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"logements_en_2012\"\u003e\n {{ agg | number : 0 }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ stats.source }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Résidences principales\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n en 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"stats\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"residences_principales_en_2012\"\u003e\n {{ agg | number : 0 }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ stats.source }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Résidences secondaires et logts occasionnels\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n en 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"stats\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"res_secondaires_et_logts_occasionnels_en_2012\"\u003e\n {{ agg | number : 0 }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ stats.source }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003ch2 class=\"mb-2\"\u003e\n Ménages fiscaux\n \u003c/h2\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-sm-4\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Nombre de ménages fiscaux\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n en 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"stats\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"nombre_de_menages_fiscaux_en_2012\"\u003e\n {{ agg | number : 0 }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ stats.source }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-sm-4\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Part des ménages fiscaux imposés\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n en 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"stats\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"part_des_menages_fiscaux_imposes_en_2012\"\u003e\n {{ agg | number : 0 }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ stats.source }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-sm-4\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Mediane du revenu disponible par US\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n en 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"stats\"\n ods-aggregation-function=\"AVG\"\n ods-aggregation-expression=\"mediane_du_revenu_disponible_par_uc_en_2012\"\u003e\n {{ agg | number : 0 }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ stats.source }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/ods-dataset-context\u003e\n\u003c/section\u003e\u003c/div\u003e", "css": ":root {\n --boxes-radius: 6px;\n}\n\nbody, main {\n margin: 0;\n background-color: #F2F3F8;\n}\n\nsection {\n padding: 1.5rem 0;\n}\n\n.header {\n margin: 3rem 2rem;\n}\n\nh1 {\n font-size: 3rem;\n}\n\nh2 {\n font-weight: 500;\n}\n\nh3 {\n font-weight: 400;\n}\n\n.mb-0 {\n margin-bottom: 0;\n}\n\n.mb-2 {\n margin-bottom: 2rem;\n}\n\n.box {\n position: relative;\n padding: 13px;\n}\n.box.white {\n background-color: white;\n}\n.box.flat {\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);\n border-radius: var(--boxes-radius);\n}\n\n.advanced-kpi {\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.advanced-kpi--top .title {\n font-size: 1.2em;\n margin: 0;\n}\n.advanced-kpi--top .description {\n margin: 0 auto;\n color: #565656;\n font-size: 1em;\n font-weight: 400;\n}\n\n.advanced-kpi--middle {\n display: flex;\n flex-direction: column;\n margin: 20px 0;\n}\n.advanced-kpi--middle.centered {\n align-items: center;\n}\n.advanced-kpi--middle \u003e * {\n margin: 5px 0;\n}\n.advanced-kpi--middle .value {\n color: var(--highlight);\n font-weight: 500;\n font-size: 2.5rem;\n}\n\n.advanced-kpi--bottom {\n font-size: 0.8em;\n}\n.advanced-kpi--bottom .advanced-kpi--bottom-second-stage {\n display: flex;\n justify-content: space-between;\n}\n.advanced-kpi--bottom .source {\n text-decoration: underline;\n color: var(--links);\n}\n.advanced-kpi--bottom .source i {\n margin-left: 6px;\n}\n.advanced-kpi--bottom .source:hover {\n opacity: 0.65;\n}\n.advanced-kpi--bottom .source:hover i {\n animation: bounce 0.7s ease infinite;\n}\n\n@keyframes bounce {\n from {\n margin-left: 6px;\n margin-right: 0;\n }\n 50% {\n margin-left: 2px;\n margin-right: 4px;\n }\n to {\n margin-left: 6px;\n margin-right: 0;\n }\n}\n.no-bg rect.highcharts-background {\n fill: transparent !important;\n}\n\n/**\n * License: MIT License\n * Generated on 07 Jun 2021\n * Author: Labs from opendatasoft\n * Version: 0.2\n * Description: ODS Layout over-ride to Flexbox system\n */\n\n.box,.row.full-height{height:100%}.row{display:flex;flex-wrap:wrap;justify-content:center}.row\u003e*{margin-bottom:20px;flex-grow:1}.order-0{order:0}@media screen and (min-width:750px){.order-sm-0{order:0}}@media screen and (min-width:970px){.order-md-0{order:0}}@media screen and (min-width:1170px){.order-lg-0{order:0}.order-lg-1{order:1}}.order-1{order:1}@media screen and (min-width:750px){.order-sm-1{order:1}}@media screen and (min-width:970px){.order-md-1{order:1}.order-md-2{order:2}}.order-2{order:2}@media screen and (min-width:750px){.order-sm-2{order:2}}@media screen and (min-width:1170px){.order-lg-2{order:2}.order-lg-3{order:3}}.order-3{order:3}@media screen and (min-width:750px){.order-sm-3{order:3}}@media screen and (min-width:970px){.order-md-3{order:3}.order-md-4{order:4}}.order-4{order:4}@media screen and (min-width:750px){.order-sm-4{order:4}}@media screen and (min-width:1170px){.order-lg-4{order:4}.order-lg-5{order:5}}.order-5{order:5}@media screen and (min-width:750px){.order-sm-5{order:5}}@media screen and (min-width:970px){.order-md-5{order:5}.order-md-6{order:6}}.order-6{order:6}@media screen and (min-width:750px){.order-sm-6{order:6}}@media screen and (min-width:1170px){.order-lg-6{order:6}.order-lg-7{order:7}}.order-7{order:7}@media screen and (min-width:750px){.order-sm-7{order:7}}@media screen and (min-width:970px){.order-md-7{order:7}.order-md-8{order:8}}.order-8{order:8}@media screen and (min-width:750px){.order-sm-8{order:8}}@media screen and (min-width:1170px){.order-lg-8{order:8}.order-lg-9{order:9}}.order-9{order:9}@media screen and (min-width:750px){.order-sm-9{order:9}}@media screen and (min-width:970px){.order-md-9{order:9}.order-md-10{order:10}}.order-10{order:10}@media screen and (min-width:750px){.order-sm-10{order:10}}@media screen and (min-width:1170px){.order-lg-10{order:10}.order-lg-11{order:11}}.order-11{order:11}@media screen and (min-width:750px){.order-sm-11{order:11}}@media screen and (min-width:970px){.order-md-11{order:11}.order-md-12{order:12}}.order-12{order:12}@media screen and (min-width:750px){.order-sm-12{order:12}}@media screen and (min-width:1170px){.order-lg-12{order:12}}@media screen and (max-width:1169px){:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-1,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-10,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-11,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-12,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-2,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-3,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-4,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-5,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-6,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-7,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-8,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-9{width:100%}}@media screen and (max-width:969px){:not([class*=col-sm]):not([class*=col-xs]).col-md-1,:not([class*=col-sm]):not([class*=col-xs]).col-md-10,:not([class*=col-sm]):not([class*=col-xs]).col-md-11,:not([class*=col-sm]):not([class*=col-xs]).col-md-12,:not([class*=col-sm]):not([class*=col-xs]).col-md-2,:not([class*=col-sm]):not([class*=col-xs]).col-md-3,:not([class*=col-sm]):not([class*=col-xs]).col-md-4,:not([class*=col-sm]):not([class*=col-xs]).col-md-5,:not([class*=col-sm]):not([class*=col-xs]).col-md-6,:not([class*=col-sm]):not([class*=col-xs]).col-md-7,:not([class*=col-sm]):not([class*=col-xs]).col-md-8,:not([class*=col-sm]):not([class*=col-xs]).col-md-9{width:100%}}@media screen and (max-width:749px){.row{flex-direction:column}:not([class*=col-xs]).col-sm-1,:not([class*=col-xs]).col-sm-10,:not([class*=col-xs]).col-sm-11,:not([class*=col-xs]).col-sm-12,:not([class*=col-xs]).col-sm-2,:not([class*=col-xs]).col-sm-3,:not([class*=col-xs]).col-sm-4,:not([class*=col-xs]).col-sm-5,:not([class*=col-xs]).col-sm-6,:not([class*=col-xs]).col-sm-7,:not([class*=col-xs]).col-sm-8,:not([class*=col-xs]).col-sm-9{width:100%}}.no-margin-bottom,.no-mb{margin-bottom:0!important}.no-margin-x,.no-mx{margin-left:0!important;margin-right:0!important}\n\n/* Do not copy below, for Code Library resource only */\n.chart-placeholder {\n background-color: #fff1f1;\n height: 350px;\n}\n.chart-placeholder:before {\n display: block;\n font-size: 2rem;\n margin: 0.2rem 0.5rem;\n content: \"Chart\";\n}" }'> @@ -674,7 +806,8 @@

          width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -718,6 +851,7 @@

          const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -828,7 +962,9 @@

          $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
          <div ng-app="ods-widgets"> @@ -837,7 +973,7 @@

          stats-dataset="resume-statistique-communes-departements-et-regions-france-2012-2013-2014" stats-domain="public"> <div class="container" - ng-init="stats['source'] = 'https://' + stats.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + stats.dataset.datasetid"> + ng-init="stats['source'] = 'https://' + stats.dataset.metas.domain + '.huwise.com/explore/dataset/' + stats.dataset.datasetid"> <div class="header"> <h1> Observatoire statistiques de la population Française @@ -1427,8 +1563,16 @@

          "> -
          - + +

          -

          - -
          -

          - Dashboard with CSS Grid layout - New +

          + + - - - - - -

        -
        -
        +
        +

        + Dashboard with CSS Grid layout + + + + + +

        +
        +

        Note: The CSS includes only necessary classes and NOT the entire CSS Grid framework. To change the layout, you’ll then also need to change the according CSS. -Feel free to get the full framework here if needed.

        -
        +Feel free to get the full framework here if needed.

        + +
        + + +
        + -
        - -
        - + + + + + + +
        name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003csection\u003e\n \u003cods-dataset-context context=\"stats\"\n stats-dataset=\"resume-statistique-communes-departements-et-regions-france-2012-2013-2014\"\n stats-domain=\"public\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"header\"\u003e\n \u003ch1\u003e\n Observatoire statistiques de la population Française\n \u003c/h1\u003e\n \u003cp\u003e\n Ensemble de données synthétiques pour les thèmes suivants : population, logement, revenus,\n emploi-chômage et établissements.\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"grid md:grid-3\"\u003e\n \u003cdiv class=\"grid\"\u003e\n \u003cdiv class=\"cell-1 box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Population\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n en 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"stats\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"population_en_2012\"\u003e\n {{ agg | number }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + stats.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + stats.dataset.datasetid }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cell-1 box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Nombre de ménages\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n en 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"stats\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"menages_en_2012\"\u003e\n {{ agg | number : 0 }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + stats.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + stats.dataset.datasetid }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"md:cell-2 box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Evolution de la population\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n France 2007 et 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle no-bg mb-0\"\u003e\n \u003cods-chart style=\"height:300px\" single-y-axis=\"true\"\u003e\n \u003cods-chart-query context=\"stats\" field-x=\"region\" maxpoints=\"50\" sort=\"serie1-1\"\u003e\n \u003cods-chart-serie expression-y=\"population_en_2012\" chart-type=\"column\"\n function-y=\"AVG\"\n color=\"#2C3F56\" scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003cods-chart-serie expression-y=\"population_en_2007\" chart-type=\"column\"\n function-y=\"AVG\"\n color=\"#EC643C\" scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + stats.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + stats.dataset.datasetid }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"md:cell-2 box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Naissance par métropole\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n De 2007 à 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle no-bg mb-0\"\u003e\n \u003cods-chart style=\"height:300px\" single-y-axis=\"true\"\u003e\n \u003cods-chart-query context=\"stats\" field-x=\"metropole\" maxpoints=\"50\"\u003e\n \u003cods-chart-serie expression-y=\"naissances_entre_2007_et_2012\" chart-type=\"treemap\"\n function-y=\"AVG\" scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + stats.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + stats.dataset.datasetid }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"grid\"\u003e\n \u003cdiv class=\"cell-1 box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Actifs\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n 15 - 64 ans en 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"stats\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"actifs_15_64_ans_en_2012\"\u003e\n {{ agg | number : 0 }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + stats.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + stats.dataset.datasetid }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cell-1 box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Chomeurs\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n 15 - 64 ans en 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"stats\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"chomeurs_15_64_ans_en_2012\"\u003e\n {{ agg | number : 0 }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + stats.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + stats.dataset.datasetid }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003ch2 class=\"mb-2\"\u003e\n Logements\n \u003c/h2\u003e\n \u003cdiv class=\"grid md:grid-3\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Nombre de logements\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n en 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"stats\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"logements_en_2012\"\u003e\n {{ agg | number : 0 }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + stats.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + stats.dataset.datasetid }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Résidences principales\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n en 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"stats\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"residences_principales_en_2012\"\u003e\n {{ agg | number : 0 }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + stats.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + stats.dataset.datasetid }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Résidences secondaires et logts occasionnels\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n en 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"stats\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"res_secondaires_et_logts_occasionnels_en_2012\"\u003e\n {{ agg | number : 0 }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + stats.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + stats.dataset.datasetid }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003ch2 class=\"mb-2\"\u003e\n Ménages fiscaux\n \u003c/h2\u003e\n \u003cdiv class=\"grid md:grid-3\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Nombre de ménages fiscaux\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n en 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"stats\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"nombre_de_menages_fiscaux_en_2012\"\u003e\n {{ agg | number : 0 }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + stats.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + stats.dataset.datasetid }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Part des ménages fiscaux imposés\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n en 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"stats\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"part_des_menages_fiscaux_imposes_en_2012\"\u003e\n {{ agg | number : 0 }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + stats.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + stats.dataset.datasetid }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Mediane du revenu disponible par US\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n en 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"stats\"\n ods-aggregation-function=\"AVG\"\n ods-aggregation-expression=\"mediane_du_revenu_disponible_par_uc_en_2012\"\u003e\n {{ agg | number : 0 }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + stats.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + stats.dataset.datasetid }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/ods-dataset-context\u003e\n\n\u003c/section\u003e\u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003csection\u003e\n \u003cods-dataset-context context=\"stats\"\n stats-dataset=\"resume-statistique-communes-departements-et-regions-france-2012-2013-2014\"\n stats-domain=\"public\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"header\"\u003e\n \u003ch1\u003e\n Observatoire statistiques de la population Française\n \u003c/h1\u003e\n \u003cp\u003e\n Ensemble de données synthétiques pour les thèmes suivants : population, logement, revenus,\n emploi-chômage et établissements.\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"grid md:grid-3\"\u003e\n \u003cdiv class=\"grid\"\u003e\n \u003cdiv class=\"cell-1 box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Population\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n en 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"stats\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"population_en_2012\"\u003e\n {{ agg | number }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + stats.dataset.metas.domain + '.huwise.com/explore/dataset/' + stats.dataset.datasetid }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cell-1 box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Nombre de ménages\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n en 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"stats\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"menages_en_2012\"\u003e\n {{ agg | number : 0 }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + stats.dataset.metas.domain + '.huwise.com/explore/dataset/' + stats.dataset.datasetid }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"md:cell-2 box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Evolution de la population\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n France 2007 et 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle no-bg mb-0\"\u003e\n \u003cods-chart style=\"height:300px\" single-y-axis=\"true\"\u003e\n \u003cods-chart-query context=\"stats\" field-x=\"region\" maxpoints=\"50\" sort=\"serie1-1\"\u003e\n \u003cods-chart-serie expression-y=\"population_en_2012\" chart-type=\"column\"\n function-y=\"AVG\"\n color=\"#2C3F56\" scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003cods-chart-serie expression-y=\"population_en_2007\" chart-type=\"column\"\n function-y=\"AVG\"\n color=\"#EC643C\" scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + stats.dataset.metas.domain + '.huwise.com/explore/dataset/' + stats.dataset.datasetid }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"md:cell-2 box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Naissance par métropole\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n De 2007 à 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle no-bg mb-0\"\u003e\n \u003cods-chart style=\"height:300px\" single-y-axis=\"true\"\u003e\n \u003cods-chart-query context=\"stats\" field-x=\"metropole\" maxpoints=\"50\"\u003e\n \u003cods-chart-serie expression-y=\"naissances_entre_2007_et_2012\" chart-type=\"treemap\"\n function-y=\"AVG\" scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + stats.dataset.metas.domain + '.huwise.com/explore/dataset/' + stats.dataset.datasetid }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"grid\"\u003e\n \u003cdiv class=\"cell-1 box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Actifs\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n 15 - 64 ans en 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"stats\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"actifs_15_64_ans_en_2012\"\u003e\n {{ agg | number : 0 }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + stats.dataset.metas.domain + '.huwise.com/explore/dataset/' + stats.dataset.datasetid }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cell-1 box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Chomeurs\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n 15 - 64 ans en 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"stats\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"chomeurs_15_64_ans_en_2012\"\u003e\n {{ agg | number : 0 }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + stats.dataset.metas.domain + '.huwise.com/explore/dataset/' + stats.dataset.datasetid }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003ch2 class=\"mb-2\"\u003e\n Logements\n \u003c/h2\u003e\n \u003cdiv class=\"grid md:grid-3\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Nombre de logements\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n en 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"stats\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"logements_en_2012\"\u003e\n {{ agg | number : 0 }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + stats.dataset.metas.domain + '.huwise.com/explore/dataset/' + stats.dataset.datasetid }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Résidences principales\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n en 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"stats\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"residences_principales_en_2012\"\u003e\n {{ agg | number : 0 }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + stats.dataset.metas.domain + '.huwise.com/explore/dataset/' + stats.dataset.datasetid }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Résidences secondaires et logts occasionnels\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n en 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"stats\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"res_secondaires_et_logts_occasionnels_en_2012\"\u003e\n {{ agg | number : 0 }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + stats.dataset.metas.domain + '.huwise.com/explore/dataset/' + stats.dataset.datasetid }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003ch2 class=\"mb-2\"\u003e\n Ménages fiscaux\n \u003c/h2\u003e\n \u003cdiv class=\"grid md:grid-3\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Nombre de ménages fiscaux\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n en 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"stats\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"nombre_de_menages_fiscaux_en_2012\"\u003e\n {{ agg | number : 0 }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + stats.dataset.metas.domain + '.huwise.com/explore/dataset/' + stats.dataset.datasetid }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Part des ménages fiscaux imposés\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n en 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"stats\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"part_des_menages_fiscaux_imposes_en_2012\"\u003e\n {{ agg | number : 0 }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + stats.dataset.metas.domain + '.huwise.com/explore/dataset/' + stats.dataset.datasetid }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Mediane du revenu disponible par US\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n en 2012\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\n ods-aggregation=\"agg\"\n ods-aggregation-context=\"stats\"\n ods-aggregation-function=\"AVG\"\n ods-aggregation-expression=\"mediane_du_revenu_disponible_par_uc_en_2012\"\u003e\n {{ agg | number : 0 }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ stats.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + stats.dataset.metas.domain + '.huwise.com/explore/dataset/' + stats.dataset.datasetid }}\"\n title=\"{{ stats.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/ods-dataset-context\u003e\n\n\u003c/section\u003e\u003c/div\u003e", "css": "/**** Dashboard ****/\n:root {\n --boxes-radius: 6px;\n}\n\nbody, main {\n margin: 0;\n background-color: #F2F3F8;\n}\n\nsection {\n padding: 1.5rem 0;\n}\n\n/***** GRID ******/\n[class^=grid] {\n display: grid;\n grid-gap: 1rem;\n}\n\n@media screen and (min-width: 640px), print {\n .sm\\:grid-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n@media screen and (min-width: 768px), print {\n .md\\:grid-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .md\\:grid-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n .md\\:grid-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n\n .md\\:grid-rows-3 {\n grid-template-rows: repeat(3, minmax(0, 1fr));\n }\n}\n\n[class^=cell],\n[class*=\":cell\"] {\n display: flex;\n flex-direction: column;\n justify-content: stretch;\n}\n\n.cell-1 {\n grid-column: span 1/span 1;\n}\n\n.cell-row-2 {\n grid-row: span 2/span 2;\n}\n@media screen and (min-width: 768px), print {\n\n .md\\:cell-1 {\n grid-column: span 1/span 1;\n }\n\n .md\\:cell-2 {\n grid-column: span 2/span 2;\n }\n}\n\n.gap-6,\n.gap-6 [class^=grid] {\n gap: 1.5rem;\n}\n\n.gap-10,\n.gap-10 [class^=grid] {\n gap: 2.5rem;\n}\n\n.header {\n margin: 3rem 2rem;\n}\n\nh1 {\n font-size: 3rem;\n}\n\nh2 {\n font-weight: 500;\n}\n\nh3 {\n font-weight: 400;\n}\n\n.mb-0 {\n margin-bottom: 0;\n}\n\n.mb-2 {\n margin-bottom: 2rem;\n}\n\n.box {\n position: relative;\n padding: 13px;\n}\n.box.white {\n background-color: white;\n}\n.box.flat {\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);\n border-radius: var(--boxes-radius);\n}\n\n.advanced-kpi {\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.advanced-kpi--top .title {\n font-size: 1.2em;\n margin: 0;\n}\n.advanced-kpi--top .description {\n margin: 0 auto;\n color: #565656;\n font-size: 1em;\n font-weight: 400;\n}\n\n.advanced-kpi--middle {\n display: flex;\n flex-direction: column;\n margin: 20px 0;\n}\n.advanced-kpi--middle.centered {\n align-items: center;\n}\n.advanced-kpi--middle \u003e * {\n margin: 5px 0;\n}\n.advanced-kpi--middle .value {\n color: var(--highlight);\n font-weight: 500;\n font-size: 2.5rem;\n}\n\n.advanced-kpi--bottom {\n font-size: 0.8em;\n}\n.advanced-kpi--bottom .advanced-kpi--bottom-second-stage {\n display: flex;\n justify-content: space-between;\n}\n.advanced-kpi--bottom .source {\n text-decoration: underline;\n color: var(--links);\n}\n.advanced-kpi--bottom .source i {\n margin-left: 6px;\n}\n.advanced-kpi--bottom .source:hover {\n opacity: 0.65;\n}\n.advanced-kpi--bottom .source:hover i {\n animation: bounce 0.7s ease infinite;\n}\n\n@keyframes bounce {\n from {\n margin-left: 6px;\n margin-right: 0;\n }\n 50% {\n margin-left: 2px;\n margin-right: 4px;\n }\n to {\n margin-left: 6px;\n margin-right: 0;\n }\n}\n.no-bg rect.highcharts-background {\n fill: transparent !important;\n}\n\n\n/* DO NOT COPY, just for Code Library resource */\n.chart-placeholder {\n background-color: #fff1f1;\n height: 350px;\n}\n.chart-placeholder:before {\n display: block;\n font-size: 2rem;\n margin: 0.2rem 0.5rem;\n content: \"Chart\";\n}" }'>
        @@ -2750,7 +3003,8 @@

        width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -2794,6 +3048,7 @@

        const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -2904,7 +3159,9 @@

        $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
        <div ng-app="ods-widgets"> @@ -2947,7 +3204,7 @@

        <div class="advanced-kpi--bottom-second-stage"> <span class="date">{{ stats.dataset.metas.data_processed | date }}</span> <a class="source" - href="{{ 'https://' + stats.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + stats.dataset.datasetid }}" + href="{{ 'https://' + stats.dataset.metas.domain + '.huwise.com/explore/dataset/' + stats.dataset.datasetid }}" title="{{ stats.dataset.metas.title }}">Source <i class="fa fa-long-arrow-right" aria-hidden="true"></i> </a> @@ -2978,7 +3235,7 @@

        <div class="advanced-kpi--bottom-second-stage"> <span class="date">{{ stats.dataset.metas.data_processed | date }}</span> <a class="source" - href="{{ 'https://' + stats.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + stats.dataset.datasetid }}" + href="{{ 'https://' + stats.dataset.metas.domain + '.huwise.com/explore/dataset/' + stats.dataset.datasetid }}" title="{{ stats.dataset.metas.title }}">Source <i class="fa fa-long-arrow-right" aria-hidden="true"></i> </a> @@ -3015,7 +3272,7 @@

        <div class="advanced-kpi--bottom-second-stage"> <span class="date">{{ stats.dataset.metas.data_processed | date }}</span> <a class="source" - href="{{ 'https://' + stats.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + stats.dataset.datasetid }}" + href="{{ 'https://' + stats.dataset.metas.domain + '.huwise.com/explore/dataset/' + stats.dataset.datasetid }}" title="{{ stats.dataset.metas.title }}">Source <i class="fa fa-long-arrow-right" aria-hidden="true"></i> </a> @@ -3046,7 +3303,7 @@

        <div class="advanced-kpi--bottom-second-stage"> <span class="date">{{ stats.dataset.metas.data_processed | date }}</span> <a class="source" - href="{{ 'https://' + stats.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + stats.dataset.datasetid }}" + href="{{ 'https://' + stats.dataset.metas.domain + '.huwise.com/explore/dataset/' + stats.dataset.datasetid }}" title="{{ stats.dataset.metas.title }}">Source <i class="fa fa-long-arrow-right" aria-hidden="true"></i> </a> @@ -3078,7 +3335,7 @@

        <div class="advanced-kpi--bottom-second-stage"> <span class="date">{{ stats.dataset.metas.data_processed | date }}</span> <a class="source" - href="{{ 'https://' + stats.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + stats.dataset.datasetid }}" + href="{{ 'https://' + stats.dataset.metas.domain + '.huwise.com/explore/dataset/' + stats.dataset.datasetid }}" title="{{ stats.dataset.metas.title }}">Source <i class="fa fa-long-arrow-right" aria-hidden="true"></i> </a> @@ -3109,7 +3366,7 @@

        <div class="advanced-kpi--bottom-second-stage"> <span class="date">{{ stats.dataset.metas.data_processed | date }}</span> <a class="source" - href="{{ 'https://' + stats.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + stats.dataset.datasetid }}" + href="{{ 'https://' + stats.dataset.metas.domain + '.huwise.com/explore/dataset/' + stats.dataset.datasetid }}" title="{{ stats.dataset.metas.title }}">Source <i class="fa fa-long-arrow-right" aria-hidden="true"></i> </a> @@ -3147,7 +3404,7 @@

        <div class="advanced-kpi--bottom-second-stage"> <span class="date">{{ stats.dataset.metas.data_processed | date }}</span> <a class="source" - href="{{ 'https://' + stats.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + stats.dataset.datasetid }}" + href="{{ 'https://' + stats.dataset.metas.domain + '.huwise.com/explore/dataset/' + stats.dataset.datasetid }}" title="{{ stats.dataset.metas.title }}">Source <i class="fa fa-long-arrow-right" aria-hidden="true"></i> </a> @@ -3178,7 +3435,7 @@

        <div class="advanced-kpi--bottom-second-stage"> <span class="date">{{ stats.dataset.metas.data_processed | date }}</span> <a class="source" - href="{{ 'https://' + stats.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + stats.dataset.datasetid }}" + href="{{ 'https://' + stats.dataset.metas.domain + '.huwise.com/explore/dataset/' + stats.dataset.datasetid }}" title="{{ stats.dataset.metas.title }}">Source <i class="fa fa-long-arrow-right" aria-hidden="true"></i> </a> @@ -3209,7 +3466,7 @@

        <div class="advanced-kpi--bottom-second-stage"> <span class="date">{{ stats.dataset.metas.data_processed | date }}</span> <a class="source" - href="{{ 'https://' + stats.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + stats.dataset.datasetid }}" + href="{{ 'https://' + stats.dataset.metas.domain + '.huwise.com/explore/dataset/' + stats.dataset.datasetid }}" title="{{ stats.dataset.metas.title }}">Source <i class="fa fa-long-arrow-right" aria-hidden="true"></i> </a> @@ -3246,7 +3503,7 @@

        <div class="advanced-kpi--bottom-second-stage"> <span class="date">{{ stats.dataset.metas.data_processed | date }}</span> <a class="source" - href="{{ 'https://' + stats.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + stats.dataset.datasetid }}" + href="{{ 'https://' + stats.dataset.metas.domain + '.huwise.com/explore/dataset/' + stats.dataset.datasetid }}" title="{{ stats.dataset.metas.title }}">Source <i class="fa fa-long-arrow-right" aria-hidden="true"></i> </a> @@ -3277,7 +3534,7 @@

        <div class="advanced-kpi--bottom-second-stage"> <span class="date">{{ stats.dataset.metas.data_processed | date }}</span> <a class="source" - href="{{ 'https://' + stats.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + stats.dataset.datasetid }}" + href="{{ 'https://' + stats.dataset.metas.domain + '.huwise.com/explore/dataset/' + stats.dataset.datasetid }}" title="{{ stats.dataset.metas.title }}">Source <i class="fa fa-long-arrow-right" aria-hidden="true"></i> </a> @@ -3308,7 +3565,7 @@

        <div class="advanced-kpi--bottom-second-stage"> <span class="date">{{ stats.dataset.metas.data_processed | date }}</span> <a class="source" - href="{{ 'https://' + stats.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + stats.dataset.datasetid }}" + href="{{ 'https://' + stats.dataset.metas.domain + '.huwise.com/explore/dataset/' + stats.dataset.datasetid }}" title="{{ stats.dataset.metas.title }}">Source <i class="fa fa-long-arrow-right" aria-hidden="true"></i> </a> @@ -3526,8 +3783,16 @@

        "> -
        - + +

        - + + + +

        - - + - © Copyright 2020 + © Copyright 2026
        @@ -4868,7 +5236,7 @@

        diff --git a/public/page-templates/datastory/0/css.inc b/public/page-templates/datastory/0/css.inc index 2b91e2b49..6b8e14317 100644 --- a/public/page-templates/datastory/0/css.inc +++ b/public/page-templates/datastory/0/css.inc @@ -61,17 +61,17 @@ section { height: 400px; } -g.highcharts-label.highcharts-data-label { +.one-out-of-5-values g.highcharts-label.highcharts-data-label { display: none; } -g.highcharts-label.highcharts-data-label:first-child, g.highcharts-label.highcharts-data-label:nth-child(5n) { +.one-out-of-5-values g.highcharts-label.highcharts-data-label:first-child, g.highcharts-label.highcharts-data-label:nth-child(5n) { display: inherit; } /** * License: MIT License * Generated on 26 May 2021 - * Author: Labs from Opendatasoft + * Author: Labs from Huwise * Version: 0.1 * Description: ods-chart CSS Library */ diff --git a/public/page-templates/datastory/0/html.inc b/public/page-templates/datastory/0/html.inc index d2668805f..f95c26bee 100644 --- a/public/page-templates/datastory/0/html.inc +++ b/public/page-templates/datastory/0/html.inc @@ -20,10 +20,10 @@ evenementspublicsopenagenda-domain="userclub" evenementspublicsopenagenda-dataset="evenements-publics-openagenda" evenementspublicsopenagenda-parameters="{'disjunctive.tags':true,'disjunctive.placename':true,'disjunctive.city':true}"> - - - + evenementspublicsopenagenda-parameters="{'disjunctive.tags':true,'disjunctive.placename':true,'disjunctive.city':true,'q':'firstdate_begin:[2008 TO 2023]'}"> - - - - + evenementspublicsopenagenda-parameters="{'disjunctive.tags':true,'disjunctive.placename':true,'disjunctive.city':true,'q':'firstdate_begin:[2008 TO 2023]'}"> - - - + evenementspublicsopenagenda-parameters="{'disjunctive.tags':true,'disjunctive.placename':true,'disjunctive.city':true,'q':'firstdate_begin:[2008 TO 2023]'}"> - - - + evenementspublicsopenagenda-parameters="{'disjunctive.tags':true,'disjunctive.placename':true,'disjunctive.city':true,'q':'firstdate_begin:[2008 TO 2023]'}"> - - - - + @@ -73,69 +71,88 @@

        - @@ -215,7 +232,7 @@
        • + href="https://codelibrary.huwize.com/"> Home
          • @@ -232,6 +249,54 @@ + + + + + + + + + + + + + + + + + + + + + +
        • + + Apps + + +
          • + + + + + + + + + + + + + + + + + + + + @@ -286,6 +351,9 @@ + + +
        • @@ -310,6 +378,9 @@ + + + @@ -359,6 +430,16 @@
          • +
        • + +
          + Dashboard with filters + + +
          +           +
          • +
          • +
        • + +
          + Dataviz gallery page + + +
          +           +
          • +
          • +
        • + +
          + Home page 4 with access cards + + +
          +           +
          • + +
        • + +
          + Listing page + + +
          +           +
          • +
          • @@ -590,51 +699,67 @@
          - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
          @@ -645,34 +770,38 @@
          -
          -

          Page Templates - Data Story

          -
          -

          Tell a story based on your data. Through chapters and sections, narrate a story and use data visualisations to emphasize your story.

          +
          +

          Page Templates - Data Story

          +
          +

          Tell a story based on your data. Through chapters and sections, narrate a story and use data visualisations to emphasize your story.

          -
          - -
          -

          - Light with header and sections - regular box - New - - - - - - -

          -
          - -
          - -
          +
          +
          +

          + Light with header and sections - regular box + + + + + +

          +
          + +
          + + +
          + + + + + + @@ -680,6 +809,9 @@

          + + +
          name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003csection\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"heading\"\u003e\n \u003ch1 class=\"title\"\u003eÉvénements sur le territoire Français\u003c/h1\u003e\n \u003cp class=\"subtitle\"\u003eDonnées collectées et gérées par OpenAgenda\u003c/p\u003e\n \u003cp\u003eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam atque commodi cupiditate, deserunt\n dolores dolorum ducimus ea fugiat non quidem repellat soluta voluptate voluptatem. Illo illum maxime\n nemo officia velit.\u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"row my-4.5\"\u003e\n \u003cdiv class=\"col-md-5\"\u003e\n \u003cdiv class=\"content-box text align-right\"\u003e\n \u003ch3\u003eEvenements publics - OpenAgenda\u003c/h3\u003e\n \u003cp class=\"subtitle\"\u003eTop 20 des \u003cb\u003edépartements\u003c/b\u003e par nombre d'événements recensés\u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-7\"\u003e\n \u003cdiv class=\"content-box tiny-shadow\"\u003e\n \u003cods-dataset-context context=\"evenementspublicsopenagenda\"\n evenementspublicsopenagenda-domain=\"userclub\"\n evenementspublicsopenagenda-dataset=\"evenements-publics-openagenda\"\n evenementspublicsopenagenda-parameters=\"{'disjunctive.tags':true,'disjunctive.placename':true,'disjunctive.city':true}\"\u003e\n \u003cods-chart class=\"no-bg hide-y-gridline hide-y-values hide-x-legend medium-x-values\"\n single-y-axis=\"true\" step=\"10000\" scientific-display=\"true\" display-legend=\"false\"\n labels-x-length=\"20\" align-month=\"false\"\u003e\n \u003cods-chart-query context=\"evenementspublicsopenagenda\" field-x=\"department\" maxpoints=\"20\"\n sort=\"serie1-1\"\u003e\n \u003cods-chart-serie chart-type=\"bar\" function-y=\"COUNT\" label-y=\"Nombre d'événements\"\n color=\"#565656\" display-values=\"true\" display-stack-values=\"false\"\n scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/section\u003e\n\u003csection\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"heading\"\u003e\n \u003ch3 class=\"title\"\u003eLorem ipsum dolor sit amet, consectetur adipisicing elit\u003c/h3\u003e\n \u003cp\u003eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam atque commodi cupiditate, deserunt\n dolores dolorum ducimus ea fugiat non quidem repellat soluta voluptate voluptatem. Illo illum maxime\n nemo officia velit.\u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"row my-4.5\"\u003e\n \u003cdiv class=\"col-md-5 order-md-2\"\u003e\n \u003cdiv class=\"content-box text align-left\"\u003e\n \u003ch3\u003eEvenements publics - OpenAgenda\u003c/h3\u003e\n \u003cp class=\"subtitle\"\u003eTop 10 des \u003cb\u003erégions\u003c/b\u003e par nombre d'événements recensés\u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-7\"\u003e\n \u003cdiv class=\"order-md-1 content-box tiny-shadow\"\u003e\n \u003cods-dataset-context context=\"evenementspublicsopenagenda\"\n evenementspublicsopenagenda-domain=\"userclub\"\n evenementspublicsopenagenda-dataset=\"evenements-publics-openagenda\"\n evenementspublicsopenagenda-parameters=\"{'disjunctive.tags':true,'disjunctive.placename':true,'disjunctive.city':true}\"\u003e\n \u003cods-chart class=\"no-bg\" labels-x-length=\"20\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"evenementspublicsopenagenda\" field-x=\"region\" maxpoints=\"10\"\n sort=\"serie1-1\"\n category-colors=\"{'Île-de-France':'#2B3F56','Auvergne-Rhône-Alpes':'#6C7987','Nouvelle-Aquitaine':'#969FAA','Provence-Alpes-Côte d\\'Azur':'#C0C5CC','Occitanie':'#2B3F56','Hauts-de-France':'#6C7987','Centre-Val de Loire':'#969FAA','Grand Est':'#C0C5CC','Pays de la Loire':'#2B3F56','Normandie':'#6C7987','Bretagne':'#969FAA','Bourgogne-Franche-Comté':'#C0C5CC','Aquitaine-Limousin-Poitou-Charentes':'#2B3F56','Alsace-Champagne-Ardenne-Lorraine':'#6C7987','Languedoc-Roussillon-Midi-Pyrénées':'#969FAA','Nord-Pas-de-Calais-Picardie':'#C0C5CC','Ile-de-France':'#2B3F56','La Réunion':'#6C7987','Corse':'#969FAA','Guadeloupe':'#C0C5CC'}\"\u003e\n \u003cods-chart-serie chart-type=\"treemap\" function-y=\"COUNT\"\n scientific-display=\"true\" label-y=\"Nombre d'événements\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/section\u003e\n\u003csection\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"heading\"\u003e\n \u003ch3 class=\"title\"\u003eLorem ipsum dolor sit amet, consectetur adipisicing elit\u003c/h3\u003e\n \u003cp\u003eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam atque commodi cupiditate, deserunt\n dolores dolorum ducimus ea fugiat non quidem repellat soluta voluptate voluptatem. Illo illum maxime\n nemo officia velit.\u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"row my-4.5\"\u003e\n \u003cdiv class=\"col-md-12\"\u003e\n \u003cdiv class=\"content-box text align-left\"\u003e\n \u003ch3\u003eEvenements publics - OpenAgenda\u003c/h3\u003e\n \u003cp class=\"subtitle\"\u003eÉvolution du nombre d'événements par mois\u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-12\"\u003e\n \u003cdiv class=\"content-box tiny-shadow\"\u003e\n \u003cods-dataset-context context=\"evenementspublicsopenagenda\"\n evenementspublicsopenagenda-domain=\"userclub\"\n evenementspublicsopenagenda-dataset=\"evenements-publics-openagenda\"\n evenementspublicsopenagenda-parameters=\"{'disjunctive.tags':true,'disjunctive.placename':true,'disjunctive.city':true,'q':'date_start:[2008 TO 2023]'}\"\u003e\n \u003cods-chart\n class=\"no-bg small-chart-series small-y-gridline hide-x-legend medium-x-values medium-y-values\"\n display-legend=\"false\"\n timescale=\"month\" single-y-axis=\"true\" scientific-display=\"true\"\n align-month=\"true\"\u003e\n \u003cods-chart-query context=\"evenementspublicsopenagenda\" field-x=\"date_start\" maxpoints=\"0\"\n timescale=\"month\"\u003e\n \u003cods-chart-serie chart-type=\"areaspline\" function-y=\"COUNT\" color=\"#2B3F56\"\n label-y=\"Nombre d'événements\"\n display-stack-values=\"false\"\n scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/section\u003e\u003c/div\u003e", - "css": "main {\n margin: 0;\n}\n\n/* Data story */\nsection {\n padding-top: 2rem;\n background: linear-gradient(0deg, #F2F3F8, white);\n}\n\n.heading {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n margin: 2rem;\n}\n.heading h1.title {\n font-size: 3em;\n}\n.heading h1 ~ .subtitle {\n font-size: 2em;\n font-weight: 200;\n margin: 0 1em 2em;\n}\n.heading h3.title {\n font-size: 1.7em;\n}\n.heading p {\n text-align: center;\n}\n@media screen and (min-width: 640px) {\n .heading {\n margin: 2rem 12%;\n }\n}\n\n.my-4\\.5 {\n margin-top: 4.5rem;\n margin-bottom: 4.5rem;\n}\n\n.content-box {\n height: 100%;\n /* Content management */\n word-break: break-word;\n position: relative;\n}\n.content-box.text {\n padding: 1rem;\n}\n.content-box.tiny-shadow {\n background: white;\n border-radius: 6px;\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);\n}\n.content-box.heavy-shadow {\n box-shadow: 30px 20px 70px lightgrey;\n}\n.content-box .ods-chart {\n height: 400px;\n}\n\ng.highcharts-label.highcharts-data-label {\n display: none;\n}\ng.highcharts-label.highcharts-data-label:first-child, g.highcharts-label.highcharts-data-label:nth-child(5n) {\n display: inherit;\n}\n\n/**\n * License: MIT License\n * Generated on 26 May 2021\n * Author: Labs from Opendatasoft\n * Version: 0.1\n * Description: ods-chart CSS Library\n */\n\n.hide-x-legend .highcharts-xaxis tspan, .hide-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line, .hide-y-values .highcharts-yaxis-labels span, .hide-y-values .highcharts-yaxis-labels text {\n display: none !important;\n}\n\n.highcharts-axis tspan, .highcharts-data-label tspan, .highcharts-label span, .highcharts-xaxis-labels text, .highcharts-yaxis-labels text {\n font-family: Gotham-book, Arial, sans-serif !important;\n}\n\n.medium-x-values .highcharts-xaxis-labels span, .medium-x-values .highcharts-xaxis-labels text, .medium-y-values .highcharts-yaxis-labels span, .medium-y-values .highcharts-yaxis-labels text {\n font-size: 14px !important;\n}\n\n.small-chart-series .highcharts-series path.highcharts-graph, .small-chart-series .highcharts-series rect, .small-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line {\n stroke-width: 0.8px !important;\n}\n\n.no-bg rect.highcharts-background {\n fill: transparent !important;\n}\n\n.ods-highcharts__tooltip {\n align-items: center;\n}\n\n/**\n * License: MIT License\n * Generated on 25 Jun 2021\n * Author: Labs from opendatasoft\n * Version: 0.3\n * Description: ODS Layout over-ride to Flexbox system\n */\n\n.box,.row.full-height{height:100%}.row{display:flex;flex-wrap:wrap}.row\u003e*{margin-bottom:20px}.order-0{order:0}@media screen and (min-width:750px){.order-sm-0{order:0}}@media screen and (min-width:970px){.order-md-0{order:0}}@media screen and (min-width:1170px){.order-lg-0{order:0}.order-lg-1{order:1}}.order-1{order:1}@media screen and (min-width:750px){.order-sm-1{order:1}}@media screen and (min-width:970px){.order-md-1{order:1}.order-md-2{order:2}}.order-2{order:2}@media screen and (min-width:750px){.order-sm-2{order:2}}@media screen and (min-width:1170px){.order-lg-2{order:2}.order-lg-3{order:3}}.order-3{order:3}@media screen and (min-width:750px){.order-sm-3{order:3}}@media screen and (min-width:970px){.order-md-3{order:3}.order-md-4{order:4}}.order-4{order:4}@media screen and (min-width:750px){.order-sm-4{order:4}}@media screen and (min-width:1170px){.order-lg-4{order:4}.order-lg-5{order:5}}.order-5{order:5}@media screen and (min-width:750px){.order-sm-5{order:5}}@media screen and (min-width:970px){.order-md-5{order:5}.order-md-6{order:6}}.order-6{order:6}@media screen and (min-width:750px){.order-sm-6{order:6}}@media screen and (min-width:1170px){.order-lg-6{order:6}.order-lg-7{order:7}}.order-7{order:7}@media screen and (min-width:750px){.order-sm-7{order:7}}@media screen and (min-width:970px){.order-md-7{order:7}.order-md-8{order:8}}.order-8{order:8}@media screen and (min-width:750px){.order-sm-8{order:8}}@media screen and (min-width:1170px){.order-lg-8{order:8}.order-lg-9{order:9}}.order-9{order:9}@media screen and (min-width:750px){.order-sm-9{order:9}}@media screen and (min-width:970px){.order-md-9{order:9}.order-md-10{order:10}}.order-10{order:10}@media screen and (min-width:750px){.order-sm-10{order:10}}@media screen and (min-width:1170px){.order-lg-10{order:10}.order-lg-11{order:11}}.order-11{order:11}@media screen and (min-width:750px){.order-sm-11{order:11}}@media screen and (min-width:970px){.order-md-11{order:11}.order-md-12{order:12}}.order-12{order:12}@media screen and (min-width:750px){.order-sm-12{order:12}}@media screen and (min-width:1170px){.order-lg-12{order:12}}@media screen and (max-width:1169px){:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-1,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-10,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-11,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-12,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-2,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-3,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-4,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-5,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-6,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-7,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-8,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-9{width:100%}}@media screen and (max-width:969px){:not([class*=col-sm]):not([class*=col-xs]).col-md-1,:not([class*=col-sm]):not([class*=col-xs]).col-md-10,:not([class*=col-sm]):not([class*=col-xs]).col-md-11,:not([class*=col-sm]):not([class*=col-xs]).col-md-12,:not([class*=col-sm]):not([class*=col-xs]).col-md-2,:not([class*=col-sm]):not([class*=col-xs]).col-md-3,:not([class*=col-sm]):not([class*=col-xs]).col-md-4,:not([class*=col-sm]):not([class*=col-xs]).col-md-5,:not([class*=col-sm]):not([class*=col-xs]).col-md-6,:not([class*=col-sm]):not([class*=col-xs]).col-md-7,:not([class*=col-sm]):not([class*=col-xs]).col-md-8,:not([class*=col-sm]):not([class*=col-xs]).col-md-9{width:100%}}@media screen and (max-width:749px){.row{flex-direction:column}:not([class*=col-xs]).col-sm-1,:not([class*=col-xs]).col-sm-10,:not([class*=col-xs]).col-sm-11,:not([class*=col-xs]).col-sm-12,:not([class*=col-xs]).col-sm-2,:not([class*=col-xs]).col-sm-3,:not([class*=col-xs]).col-sm-4,:not([class*=col-xs]).col-sm-5,:not([class*=col-xs]).col-sm-6,:not([class*=col-xs]).col-sm-7,:not([class*=col-xs]).col-sm-8,:not([class*=col-xs]).col-sm-9{width:100%}}.no-margin-bottom,.no-mb{margin-bottom:0!important}.no-margin-x,.no-mx{margin-left:0!important;margin-right:0!important}\n" + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003csection\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"heading\"\u003e\n \u003ch1 class=\"title\"\u003eÉvénements sur le territoire Français\u003c/h1\u003e\n \u003cp class=\"subtitle\"\u003eDonnées collectées et gérées par OpenAgenda\u003c/p\u003e\n \u003cp\u003eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam atque commodi cupiditate, deserunt\n dolores dolorum ducimus ea fugiat non quidem repellat soluta voluptate voluptatem. Illo illum maxime\n nemo officia velit.\u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"row my-4.5\"\u003e\n \u003cdiv class=\"col-md-5\"\u003e\n \u003cdiv class=\"content-box text align-right\"\u003e\n \u003ch3\u003eEvenements publics - OpenAgenda\u003c/h3\u003e\n \u003cp class=\"subtitle\"\u003eTop 20 des \u003cb\u003edépartements\u003c/b\u003e par nombre d'événements recensés\u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-7\"\u003e\n \u003cdiv class=\"content-box tiny-shadow\"\u003e\n \u003cods-dataset-context context=\"evenementspublicsopenagenda\"\n evenementspublicsopenagenda-domain=\"userclub\"\n evenementspublicsopenagenda-dataset=\"evenements-publics-openagenda\"\n evenementspublicsopenagenda-parameters=\"{'disjunctive.tags':true,'disjunctive.placename':true,'disjunctive.city':true}\"\u003e\n \u003cods-chart class=\"no-bg hide-y-gridline hide-y-values hide-x-legend medium-x-values one-out-of-5-values\"\n single-y-axis=\"true\" step=\"10000\" scientific-display=\"true\" display-legend=\"false\"\n labels-x-length=\"20\" align-month=\"false\"\u003e\n \u003cods-chart-query context=\"evenementspublicsopenagenda\" field-x=\"location_department\" maxpoints=\"20\"\n sort=\"serie1-1\"\u003e\n \u003cods-chart-serie chart-type=\"bar\" function-y=\"COUNT\" label-y=\"Nombre d'événements\"\n color=\"#565656\" display-values=\"true\" display-stack-values=\"false\"\n scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/section\u003e\n\u003csection\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"heading\"\u003e\n \u003ch3 class=\"title\"\u003eLorem ipsum dolor sit amet, consectetur adipisicing elit\u003c/h3\u003e\n \u003cp\u003eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam atque commodi cupiditate, deserunt\n dolores dolorum ducimus ea fugiat non quidem repellat soluta voluptate voluptatem. Illo illum maxime\n nemo officia velit.\u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"row my-4.5\"\u003e\n \u003cdiv class=\"col-md-5 order-md-2\"\u003e\n \u003cdiv class=\"content-box text align-left\"\u003e\n \u003ch3\u003eEvenements publics - OpenAgenda\u003c/h3\u003e\n \u003cp class=\"subtitle\"\u003eTop 10 des \u003cb\u003erégions\u003c/b\u003e par nombre d'événements recensés\u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-7\"\u003e\n \u003cdiv class=\"order-md-1 content-box tiny-shadow\"\u003e\n \u003cods-dataset-context context=\"evenementspublicsopenagenda\"\n evenementspublicsopenagenda-domain=\"userclub\"\n evenementspublicsopenagenda-dataset=\"evenements-publics-openagenda\"\n evenementspublicsopenagenda-parameters=\"{'disjunctive.tags':true,'disjunctive.placename':true,'disjunctive.city':true}\"\u003e\n \u003cods-chart class=\"no-bg\" labels-x-length=\"20\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"evenementspublicsopenagenda\" field-x=\"location_region\" maxpoints=\"10\"\n sort=\"serie1-1\"\n category-colors=\"{'Île-de-France':'#2B3F56','Auvergne-Rhône-Alpes':'#6C7987','Nouvelle-Aquitaine':'#969FAA','Provence-Alpes-Côte d\\'Azur':'#C0C5CC','Occitanie':'#2B3F56','Hauts-de-France':'#6C7987','Centre-Val de Loire':'#969FAA','Grand Est':'#C0C5CC','Pays de la Loire':'#2B3F56','Normandie':'#6C7987','Bretagne':'#969FAA','Bourgogne-Franche-Comté':'#C0C5CC','Aquitaine-Limousin-Poitou-Charentes':'#2B3F56','Alsace-Champagne-Ardenne-Lorraine':'#6C7987','Languedoc-Roussillon-Midi-Pyrénées':'#969FAA','Nord-Pas-de-Calais-Picardie':'#C0C5CC','Ile-de-France':'#2B3F56','La Réunion':'#6C7987','Corse':'#969FAA','Guadeloupe':'#C0C5CC'}\"\u003e\n \u003cods-chart-serie chart-type=\"treemap\" function-y=\"COUNT\"\n scientific-display=\"true\" label-y=\"Nombre d'événements\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/section\u003e\n\u003csection\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"heading\"\u003e\n \u003ch3 class=\"title\"\u003eLorem ipsum dolor sit amet, consectetur adipisicing elit\u003c/h3\u003e\n \u003cp\u003eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam atque commodi cupiditate, deserunt\n dolores dolorum ducimus ea fugiat non quidem repellat soluta voluptate voluptatem. Illo illum maxime\n nemo officia velit.\u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"row my-4.5\"\u003e\n \u003cdiv class=\"col-md-12\"\u003e\n \u003cdiv class=\"content-box text align-left\"\u003e\n \u003ch3\u003eEvenements publics - OpenAgenda\u003c/h3\u003e\n \u003cp class=\"subtitle\"\u003eÉvolution du nombre d'événements par mois\u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-12\"\u003e\n \u003cdiv class=\"content-box tiny-shadow\"\u003e\n \u003cods-dataset-context context=\"evenementspublicsopenagenda\"\n evenementspublicsopenagenda-domain=\"userclub\"\n evenementspublicsopenagenda-dataset=\"evenements-publics-openagenda\"\n evenementspublicsopenagenda-parameters=\"{'disjunctive.tags':true,'disjunctive.placename':true,'disjunctive.city':true,'q':'firstdate_begin:[2008 TO 2023]'}\"\u003e\n \u003cods-chart\n class=\"no-bg small-chart-series small-y-gridline hide-x-legend medium-x-values medium-y-values\"\n display-legend=\"false\"\n timescale=\"month\" single-y-axis=\"true\" scientific-display=\"true\"\n align-month=\"true\"\u003e\n \u003cods-chart-query context=\"evenementspublicsopenagenda\" field-x=\"firstdate_begin\" maxpoints=\"0\"\n timescale=\"month\"\u003e\n \u003cods-chart-serie chart-type=\"areaspline\" function-y=\"COUNT\" color=\"#2B3F56\"\n label-y=\"Nombre d'événements\"\n display-stack-values=\"false\"\n scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/section\u003e\u003c/div\u003e", + "css": "main {\n margin: 0;\n}\n\n/* Data story */\nsection {\n padding-top: 2rem;\n background: linear-gradient(0deg, #F2F3F8, white);\n}\n\n.heading {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n margin: 2rem;\n}\n.heading h1.title {\n font-size: 3em;\n}\n.heading h1 ~ .subtitle {\n font-size: 2em;\n font-weight: 200;\n margin: 0 1em 2em;\n}\n.heading h3.title {\n font-size: 1.7em;\n}\n.heading p {\n text-align: center;\n}\n@media screen and (min-width: 640px) {\n .heading {\n margin: 2rem 12%;\n }\n}\n\n.my-4\\.5 {\n margin-top: 4.5rem;\n margin-bottom: 4.5rem;\n}\n\n.content-box {\n height: 100%;\n /* Content management */\n word-break: break-word;\n position: relative;\n}\n.content-box.text {\n padding: 1rem;\n}\n.content-box.tiny-shadow {\n background: white;\n border-radius: 6px;\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);\n}\n.content-box.heavy-shadow {\n box-shadow: 30px 20px 70px lightgrey;\n}\n.content-box .ods-chart {\n height: 400px;\n}\n\n.one-out-of-5-values g.highcharts-label.highcharts-data-label {\n display: none;\n}\n.one-out-of-5-values g.highcharts-label.highcharts-data-label:first-child, g.highcharts-label.highcharts-data-label:nth-child(5n) {\n display: inherit;\n}\n\n/**\n * License: MIT License\n * Generated on 26 May 2021\n * Author: Labs from Huwise\n * Version: 0.1\n * Description: ods-chart CSS Library\n */\n\n.hide-x-legend .highcharts-xaxis tspan, .hide-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line, .hide-y-values .highcharts-yaxis-labels span, .hide-y-values .highcharts-yaxis-labels text {\n display: none !important;\n}\n\n.highcharts-axis tspan, .highcharts-data-label tspan, .highcharts-label span, .highcharts-xaxis-labels text, .highcharts-yaxis-labels text {\n font-family: Gotham-book, Arial, sans-serif !important;\n}\n\n.medium-x-values .highcharts-xaxis-labels span, .medium-x-values .highcharts-xaxis-labels text, .medium-y-values .highcharts-yaxis-labels span, .medium-y-values .highcharts-yaxis-labels text {\n font-size: 14px !important;\n}\n\n.small-chart-series .highcharts-series path.highcharts-graph, .small-chart-series .highcharts-series rect, .small-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line {\n stroke-width: 0.8px !important;\n}\n\n.no-bg rect.highcharts-background {\n fill: transparent !important;\n}\n\n.ods-highcharts__tooltip {\n align-items: center;\n}\n\n/**\n * License: MIT License\n * Generated on 25 Jun 2021\n * Author: Labs from opendatasoft\n * Version: 0.3\n * Description: ODS Layout over-ride to Flexbox system\n */\n\n.box,.row.full-height{height:100%}.row{display:flex;flex-wrap:wrap}.row\u003e*{margin-bottom:20px}.order-0{order:0}@media screen and (min-width:750px){.order-sm-0{order:0}}@media screen and (min-width:970px){.order-md-0{order:0}}@media screen and (min-width:1170px){.order-lg-0{order:0}.order-lg-1{order:1}}.order-1{order:1}@media screen and (min-width:750px){.order-sm-1{order:1}}@media screen and (min-width:970px){.order-md-1{order:1}.order-md-2{order:2}}.order-2{order:2}@media screen and (min-width:750px){.order-sm-2{order:2}}@media screen and (min-width:1170px){.order-lg-2{order:2}.order-lg-3{order:3}}.order-3{order:3}@media screen and (min-width:750px){.order-sm-3{order:3}}@media screen and (min-width:970px){.order-md-3{order:3}.order-md-4{order:4}}.order-4{order:4}@media screen and (min-width:750px){.order-sm-4{order:4}}@media screen and (min-width:1170px){.order-lg-4{order:4}.order-lg-5{order:5}}.order-5{order:5}@media screen and (min-width:750px){.order-sm-5{order:5}}@media screen and (min-width:970px){.order-md-5{order:5}.order-md-6{order:6}}.order-6{order:6}@media screen and (min-width:750px){.order-sm-6{order:6}}@media screen and (min-width:1170px){.order-lg-6{order:6}.order-lg-7{order:7}}.order-7{order:7}@media screen and (min-width:750px){.order-sm-7{order:7}}@media screen and (min-width:970px){.order-md-7{order:7}.order-md-8{order:8}}.order-8{order:8}@media screen and (min-width:750px){.order-sm-8{order:8}}@media screen and (min-width:1170px){.order-lg-8{order:8}.order-lg-9{order:9}}.order-9{order:9}@media screen and (min-width:750px){.order-sm-9{order:9}}@media screen and (min-width:970px){.order-md-9{order:9}.order-md-10{order:10}}.order-10{order:10}@media screen and (min-width:750px){.order-sm-10{order:10}}@media screen and (min-width:1170px){.order-lg-10{order:10}.order-lg-11{order:11}}.order-11{order:11}@media screen and (min-width:750px){.order-sm-11{order:11}}@media screen and (min-width:970px){.order-md-11{order:11}.order-md-12{order:12}}.order-12{order:12}@media screen and (min-width:750px){.order-sm-12{order:12}}@media screen and (min-width:1170px){.order-lg-12{order:12}}@media screen and (max-width:1169px){:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-1,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-10,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-11,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-12,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-2,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-3,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-4,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-5,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-6,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-7,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-8,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-9{width:100%}}@media screen and (max-width:969px){:not([class*=col-sm]):not([class*=col-xs]).col-md-1,:not([class*=col-sm]):not([class*=col-xs]).col-md-10,:not([class*=col-sm]):not([class*=col-xs]).col-md-11,:not([class*=col-sm]):not([class*=col-xs]).col-md-12,:not([class*=col-sm]):not([class*=col-xs]).col-md-2,:not([class*=col-sm]):not([class*=col-xs]).col-md-3,:not([class*=col-sm]):not([class*=col-xs]).col-md-4,:not([class*=col-sm]):not([class*=col-xs]).col-md-5,:not([class*=col-sm]):not([class*=col-xs]).col-md-6,:not([class*=col-sm]):not([class*=col-xs]).col-md-7,:not([class*=col-sm]):not([class*=col-xs]).col-md-8,:not([class*=col-sm]):not([class*=col-xs]).col-md-9{width:100%}}@media screen and (max-width:749px){.row{flex-direction:column}:not([class*=col-xs]).col-sm-1,:not([class*=col-xs]).col-sm-10,:not([class*=col-xs]).col-sm-11,:not([class*=col-xs]).col-sm-12,:not([class*=col-xs]).col-sm-2,:not([class*=col-xs]).col-sm-3,:not([class*=col-xs]).col-sm-4,:not([class*=col-xs]).col-sm-5,:not([class*=col-xs]).col-sm-6,:not([class*=col-xs]).col-sm-7,:not([class*=col-xs]).col-sm-8,:not([class*=col-xs]).col-sm-9{width:100%}}.no-margin-bottom,.no-mb{margin-bottom:0!important}.no-margin-x,.no-mx{margin-left:0!important;margin-right:0!important}\n" }'>
          @@ -703,7 +835,8 @@

          width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -747,6 +880,7 @@

          const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -857,7 +991,9 @@

          $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
          <div ng-app="ods-widgets"> @@ -883,10 +1019,10 @@

          evenementspublicsopenagenda-domain="userclub" evenementspublicsopenagenda-dataset="evenements-publics-openagenda" evenementspublicsopenagenda-parameters="{'disjunctive.tags':true,'disjunctive.placename':true,'disjunctive.city':true}"> - <ods-chart class="no-bg hide-y-gridline hide-y-values hide-x-legend medium-x-values" + <ods-chart class="no-bg hide-y-gridline hide-y-values hide-x-legend medium-x-values one-out-of-5-values" single-y-axis="true" step="10000" scientific-display="true" display-legend="false" labels-x-length="20" align-month="false"> - <ods-chart-query context="evenementspublicsopenagenda" field-x="department" maxpoints="20" + <ods-chart-query context="evenementspublicsopenagenda" field-x="location_department" maxpoints="20" sort="serie1-1"> <ods-chart-serie chart-type="bar" function-y="COUNT" label-y="Nombre d'événements" color="#565656" display-values="true" display-stack-values="false" @@ -922,7 +1058,7 @@

          evenementspublicsopenagenda-dataset="evenements-publics-openagenda" evenementspublicsopenagenda-parameters="{'disjunctive.tags':true,'disjunctive.placename':true,'disjunctive.city':true}"> <ods-chart class="no-bg" labels-x-length="20" align-month="true"> - <ods-chart-query context="evenementspublicsopenagenda" field-x="region" maxpoints="10" + <ods-chart-query context="evenementspublicsopenagenda" field-x="location_region" maxpoints="10" sort="serie1-1" category-colors="{'Île-de-France':'#2B3F56','Auvergne-Rhône-Alpes':'#6C7987','Nouvelle-Aquitaine':'#969FAA','Provence-Alpes-Côte d\'Azur':'#C0C5CC','Occitanie':'#2B3F56','Hauts-de-France':'#6C7987','Centre-Val de Loire':'#969FAA','Grand Est':'#C0C5CC','Pays de la Loire':'#2B3F56','Normandie':'#6C7987','Bretagne':'#969FAA','Bourgogne-Franche-Comté':'#C0C5CC','Aquitaine-Limousin-Poitou-Charentes':'#2B3F56','Alsace-Champagne-Ardenne-Lorraine':'#6C7987','Languedoc-Roussillon-Midi-Pyrénées':'#969FAA','Nord-Pas-de-Calais-Picardie':'#C0C5CC','Ile-de-France':'#2B3F56','La Réunion':'#6C7987','Corse':'#969FAA','Guadeloupe':'#C0C5CC'}"> <ods-chart-serie chart-type="treemap" function-y="COUNT" @@ -957,13 +1093,13 @@

          <ods-dataset-context context="evenementspublicsopenagenda" evenementspublicsopenagenda-domain="userclub" evenementspublicsopenagenda-dataset="evenements-publics-openagenda" - evenementspublicsopenagenda-parameters="{'disjunctive.tags':true,'disjunctive.placename':true,'disjunctive.city':true,'q':'date_start:[2008 TO 2023]'}"> + evenementspublicsopenagenda-parameters="{'disjunctive.tags':true,'disjunctive.placename':true,'disjunctive.city':true,'q':'firstdate_begin:[2008 TO 2023]'}"> <ods-chart class="no-bg small-chart-series small-y-gridline hide-x-legend medium-x-values medium-y-values" display-legend="false" timescale="month" single-y-axis="true" scientific-display="true" align-month="true"> - <ods-chart-query context="evenementspublicsopenagenda" field-x="date_start" maxpoints="0" + <ods-chart-query context="evenementspublicsopenagenda" field-x="firstdate_begin" maxpoints="0" timescale="month"> <ods-chart-serie chart-type="areaspline" function-y="COUNT" color="#2B3F56" label-y="Nombre d'événements" @@ -1043,17 +1179,17 @@

          height: 400px; } -g.highcharts-label.highcharts-data-label { +.one-out-of-5-values g.highcharts-label.highcharts-data-label { display: none; } -g.highcharts-label.highcharts-data-label:first-child, g.highcharts-label.highcharts-data-label:nth-child(5n) { +.one-out-of-5-values g.highcharts-label.highcharts-data-label:first-child, g.highcharts-label.highcharts-data-label:nth-child(5n) { display: inherit; } /** * License: MIT License * Generated on 26 May 2021 - * Author: Labs from Opendatasoft + * Author: Labs from Huwise * Version: 0.1 * Description: ods-chart CSS Library */ @@ -1096,8 +1232,16 @@

          "> -
          - + +

          -

          - -
          -

          - Light with header and sections - heavy shadow box - New - - - - - - -

          -
          - -
          - -
          +
          + +
          +
          +

          + Light with header and sections - heavy shadow box + + + + + +

          +
          + +
          + + +
          + + + + + + + + +
          name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003csection\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"heading\"\u003e\n \u003ch1 class=\"title\"\u003eÉvénements sur le territoire Français\u003c/h1\u003e\n \u003cp class=\"subtitle\"\u003eDonnées collectées et gérées par OpenAgenda\u003c/p\u003e\n \u003cp\u003eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam atque commodi cupiditate, deserunt\n dolores dolorum ducimus ea fugiat non quidem repellat soluta voluptate voluptatem. Illo illum maxime\n nemo officia velit.\u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"row my-4.5\"\u003e\n \u003cdiv class=\"col-md-5\"\u003e\n \u003cdiv class=\"content-box text align-right\"\u003e\n \u003ch3\u003eEvenements publics - OpenAgenda\u003c/h3\u003e\n \u003cp class=\"subtitle\"\u003eTop 20 des \u003cb\u003edépartements\u003c/b\u003e par nombre d'événements recensés\u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-7\"\u003e\n \u003cdiv class=\"content-box heavy-shadow\"\u003e\n \u003cods-dataset-context context=\"evenementspublicsopenagenda\"\n evenementspublicsopenagenda-domain=\"userclub\"\n evenementspublicsopenagenda-dataset=\"evenements-publics-openagenda\"\n evenementspublicsopenagenda-parameters=\"{'disjunctive.tags':true,'disjunctive.placename':true,'disjunctive.city':true}\"\u003e\n \u003cods-chart class=\"no-bg hide-y-gridline hide-y-values hide-x-legend medium-x-values\"\n single-y-axis=\"true\" step=\"10000\" scientific-display=\"true\" display-legend=\"false\"\n labels-x-length=\"20\" align-month=\"false\"\u003e\n \u003cods-chart-query context=\"evenementspublicsopenagenda\" field-x=\"department\" maxpoints=\"20\"\n sort=\"serie1-1\"\u003e\n \u003cods-chart-serie chart-type=\"bar\" function-y=\"COUNT\" label-y=\"Nombre d'événements\"\n color=\"#565656\" display-values=\"true\" display-stack-values=\"false\"\n scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/section\u003e\n\u003csection\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"heading\"\u003e\n \u003ch3 class=\"title\"\u003eLorem ipsum dolor sit amet, consectetur adipisicing elit\u003c/h3\u003e\n \u003cp\u003eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam atque commodi cupiditate, deserunt\n dolores dolorum ducimus ea fugiat non quidem repellat soluta voluptate voluptatem. Illo illum maxime\n nemo officia velit.\u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"row my-4.5\"\u003e\n \u003cdiv class=\"col-md-5 order-md-2\"\u003e\n \u003cdiv class=\"content-box text align-left\"\u003e\n \u003ch3\u003eEvenements publics - OpenAgenda\u003c/h3\u003e\n \u003cp class=\"subtitle\"\u003eTop 10 des \u003cb\u003erégions\u003c/b\u003e par nombre d'événements recensés\u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-7\"\u003e\n \u003cdiv class=\"order-md-1 content-box heavy-shadow\"\u003e\n \u003cods-dataset-context context=\"evenementspublicsopenagenda\"\n evenementspublicsopenagenda-domain=\"userclub\"\n evenementspublicsopenagenda-dataset=\"evenements-publics-openagenda\"\n evenementspublicsopenagenda-parameters=\"{'disjunctive.tags':true,'disjunctive.placename':true,'disjunctive.city':true}\"\u003e\n \u003cods-chart class=\"no-bg\" labels-x-length=\"20\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"evenementspublicsopenagenda\" field-x=\"region\" maxpoints=\"10\"\n sort=\"serie1-1\"\n category-colors=\"{'Île-de-France':'#2B3F56','Auvergne-Rhône-Alpes':'#6C7987','Nouvelle-Aquitaine':'#969FAA','Provence-Alpes-Côte d\\'Azur':'#C0C5CC','Occitanie':'#2B3F56','Hauts-de-France':'#6C7987','Centre-Val de Loire':'#969FAA','Grand Est':'#C0C5CC','Pays de la Loire':'#2B3F56','Normandie':'#6C7987','Bretagne':'#969FAA','Bourgogne-Franche-Comté':'#C0C5CC','Aquitaine-Limousin-Poitou-Charentes':'#2B3F56','Alsace-Champagne-Ardenne-Lorraine':'#6C7987','Languedoc-Roussillon-Midi-Pyrénées':'#969FAA','Nord-Pas-de-Calais-Picardie':'#C0C5CC','Ile-de-France':'#2B3F56','La Réunion':'#6C7987','Corse':'#969FAA','Guadeloupe':'#C0C5CC'}\"\u003e\n \u003cods-chart-serie chart-type=\"treemap\" function-y=\"COUNT\"\n scientific-display=\"true\" label-y=\"Nombre d'événements\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/section\u003e\n\u003csection\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"heading\"\u003e\n \u003ch3 class=\"title\"\u003eLorem ipsum dolor sit amet, consectetur adipisicing elit\u003c/h3\u003e\n \u003cp\u003eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam atque commodi cupiditate, deserunt\n dolores dolorum ducimus ea fugiat non quidem repellat soluta voluptate voluptatem. Illo illum maxime\n nemo officia velit.\u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"row my-4.5\"\u003e\n \u003cdiv class=\"col-md-12\"\u003e\n \u003cdiv class=\"content-box text align-left\"\u003e\n \u003ch3\u003eEvenements publics - OpenAgenda\u003c/h3\u003e\n \u003cp class=\"subtitle\"\u003eÉvolution du nombre d'événements par mois\u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-12\"\u003e\n \u003cdiv class=\"content-box heavy-shadow\"\u003e\n \u003cods-dataset-context context=\"evenementspublicsopenagenda\"\n evenementspublicsopenagenda-domain=\"userclub\"\n evenementspublicsopenagenda-dataset=\"evenements-publics-openagenda\"\n evenementspublicsopenagenda-parameters=\"{'disjunctive.tags':true,'disjunctive.placename':true,'disjunctive.city':true,'q':'date_start:[2008 TO 2023]'}\"\u003e\n \u003cods-chart\n class=\"no-bg small-chart-series small-y-gridline hide-x-legend medium-x-values medium-y-values\"\n display-legend=\"false\"\n timescale=\"month\" single-y-axis=\"true\" scientific-display=\"true\"\n align-month=\"true\"\u003e\n \u003cods-chart-query context=\"evenementspublicsopenagenda\" field-x=\"date_start\" maxpoints=\"0\"\n timescale=\"month\"\u003e\n \u003cods-chart-serie chart-type=\"areaspline\" function-y=\"COUNT\" color=\"#2B3F56\"\n label-y=\"Nombre d'événements\"\n display-stack-values=\"false\"\n scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/section\u003e\u003c/div\u003e", - "css": "main {\n margin: 0;\n}\n\n/* Data story */\nsection {\n padding-top: 2rem;\n background: linear-gradient(0deg, #F2F3F8, white);\n}\n\n.heading {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n margin: 2rem;\n}\n.heading h1.title {\n font-size: 3em;\n}\n.heading h1 ~ .subtitle {\n font-size: 2em;\n font-weight: 200;\n margin: 0 1em 2em;\n}\n.heading h3.title {\n font-size: 1.7em;\n}\n.heading p {\n text-align: center;\n}\n@media screen and (min-width: 640px) {\n .heading {\n margin: 2rem 12%;\n }\n}\n\n.my-4\\.5 {\n margin-top: 4.5rem;\n margin-bottom: 4.5rem;\n}\n\n.content-box {\n height: 100%;\n /* Content management */\n word-break: break-word;\n position: relative;\n}\n.content-box.text {\n padding: 1rem;\n}\n.content-box.tiny-shadow {\n background: white;\n border-radius: 6px;\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);\n}\n.content-box.heavy-shadow {\n box-shadow: 30px 20px 70px lightgrey;\n}\n.content-box .ods-chart {\n height: 400px;\n}\n\ng.highcharts-label.highcharts-data-label {\n display: none;\n}\ng.highcharts-label.highcharts-data-label:first-child, g.highcharts-label.highcharts-data-label:nth-child(5n) {\n display: inherit;\n}\n\n/**\n * License: MIT License\n * Generated on 26 May 2021\n * Author: Labs from Opendatasoft\n * Version: 0.1\n * Description: ods-chart CSS Library\n */\n\n.hide-x-legend .highcharts-xaxis tspan, .hide-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line, .hide-y-values .highcharts-yaxis-labels span, .hide-y-values .highcharts-yaxis-labels text {\n display: none !important;\n}\n\n.highcharts-axis tspan, .highcharts-data-label tspan, .highcharts-label span, .highcharts-xaxis-labels text, .highcharts-yaxis-labels text {\n font-family: Gotham-book, Arial, sans-serif !important;\n}\n\n.medium-x-values .highcharts-xaxis-labels span, .medium-x-values .highcharts-xaxis-labels text, .medium-y-values .highcharts-yaxis-labels span, .medium-y-values .highcharts-yaxis-labels text {\n font-size: 14px !important;\n}\n\n.small-chart-series .highcharts-series path.highcharts-graph, .small-chart-series .highcharts-series rect, .small-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line {\n stroke-width: 0.8px !important;\n}\n\n.no-bg rect.highcharts-background {\n fill: transparent !important;\n}\n\n.ods-highcharts__tooltip {\n align-items: center;\n}\n\n/**\n * License: MIT License\n * Generated on 25 Jun 2021\n * Author: Labs from opendatasoft\n * Version: 0.3\n * Description: ODS Layout over-ride to Flexbox system\n */\n\n.box,.row.full-height{height:100%}.row{display:flex;flex-wrap:wrap}.row\u003e*{margin-bottom:20px}.order-0{order:0}@media screen and (min-width:750px){.order-sm-0{order:0}}@media screen and (min-width:970px){.order-md-0{order:0}}@media screen and (min-width:1170px){.order-lg-0{order:0}.order-lg-1{order:1}}.order-1{order:1}@media screen and (min-width:750px){.order-sm-1{order:1}}@media screen and (min-width:970px){.order-md-1{order:1}.order-md-2{order:2}}.order-2{order:2}@media screen and (min-width:750px){.order-sm-2{order:2}}@media screen and (min-width:1170px){.order-lg-2{order:2}.order-lg-3{order:3}}.order-3{order:3}@media screen and (min-width:750px){.order-sm-3{order:3}}@media screen and (min-width:970px){.order-md-3{order:3}.order-md-4{order:4}}.order-4{order:4}@media screen and (min-width:750px){.order-sm-4{order:4}}@media screen and (min-width:1170px){.order-lg-4{order:4}.order-lg-5{order:5}}.order-5{order:5}@media screen and (min-width:750px){.order-sm-5{order:5}}@media screen and (min-width:970px){.order-md-5{order:5}.order-md-6{order:6}}.order-6{order:6}@media screen and (min-width:750px){.order-sm-6{order:6}}@media screen and (min-width:1170px){.order-lg-6{order:6}.order-lg-7{order:7}}.order-7{order:7}@media screen and (min-width:750px){.order-sm-7{order:7}}@media screen and (min-width:970px){.order-md-7{order:7}.order-md-8{order:8}}.order-8{order:8}@media screen and (min-width:750px){.order-sm-8{order:8}}@media screen and (min-width:1170px){.order-lg-8{order:8}.order-lg-9{order:9}}.order-9{order:9}@media screen and (min-width:750px){.order-sm-9{order:9}}@media screen and (min-width:970px){.order-md-9{order:9}.order-md-10{order:10}}.order-10{order:10}@media screen and (min-width:750px){.order-sm-10{order:10}}@media screen and (min-width:1170px){.order-lg-10{order:10}.order-lg-11{order:11}}.order-11{order:11}@media screen and (min-width:750px){.order-sm-11{order:11}}@media screen and (min-width:970px){.order-md-11{order:11}.order-md-12{order:12}}.order-12{order:12}@media screen and (min-width:750px){.order-sm-12{order:12}}@media screen and (min-width:1170px){.order-lg-12{order:12}}@media screen and (max-width:1169px){:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-1,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-10,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-11,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-12,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-2,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-3,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-4,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-5,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-6,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-7,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-8,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-9{width:100%}}@media screen and (max-width:969px){:not([class*=col-sm]):not([class*=col-xs]).col-md-1,:not([class*=col-sm]):not([class*=col-xs]).col-md-10,:not([class*=col-sm]):not([class*=col-xs]).col-md-11,:not([class*=col-sm]):not([class*=col-xs]).col-md-12,:not([class*=col-sm]):not([class*=col-xs]).col-md-2,:not([class*=col-sm]):not([class*=col-xs]).col-md-3,:not([class*=col-sm]):not([class*=col-xs]).col-md-4,:not([class*=col-sm]):not([class*=col-xs]).col-md-5,:not([class*=col-sm]):not([class*=col-xs]).col-md-6,:not([class*=col-sm]):not([class*=col-xs]).col-md-7,:not([class*=col-sm]):not([class*=col-xs]).col-md-8,:not([class*=col-sm]):not([class*=col-xs]).col-md-9{width:100%}}@media screen and (max-width:749px){.row{flex-direction:column}:not([class*=col-xs]).col-sm-1,:not([class*=col-xs]).col-sm-10,:not([class*=col-xs]).col-sm-11,:not([class*=col-xs]).col-sm-12,:not([class*=col-xs]).col-sm-2,:not([class*=col-xs]).col-sm-3,:not([class*=col-xs]).col-sm-4,:not([class*=col-xs]).col-sm-5,:not([class*=col-xs]).col-sm-6,:not([class*=col-xs]).col-sm-7,:not([class*=col-xs]).col-sm-8,:not([class*=col-xs]).col-sm-9{width:100%}}.no-margin-bottom,.no-mb{margin-bottom:0!important}.no-margin-x,.no-mx{margin-left:0!important;margin-right:0!important}\n" + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003csection\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"heading\"\u003e\n \u003ch1 class=\"title\"\u003eÉvénements sur le territoire Français\u003c/h1\u003e\n \u003cp class=\"subtitle\"\u003eDonnées collectées et gérées par OpenAgenda\u003c/p\u003e\n \u003cp\u003eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam atque commodi cupiditate, deserunt\n dolores dolorum ducimus ea fugiat non quidem repellat soluta voluptate voluptatem. Illo illum maxime\n nemo officia velit.\u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"row my-4.5\"\u003e\n \u003cdiv class=\"col-md-5\"\u003e\n \u003cdiv class=\"content-box text align-right\"\u003e\n \u003ch3\u003eEvenements publics - OpenAgenda\u003c/h3\u003e\n \u003cp class=\"subtitle\"\u003eTop 20 des \u003cb\u003edépartements\u003c/b\u003e par nombre d'événements recensés\u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-7\"\u003e\n \u003cdiv class=\"content-box heavy-shadow\"\u003e\n \u003cods-dataset-context context=\"evenementspublicsopenagenda\"\n evenementspublicsopenagenda-domain=\"userclub\"\n evenementspublicsopenagenda-dataset=\"evenements-publics-openagenda\"\n evenementspublicsopenagenda-parameters=\"{'disjunctive.tags':true,'disjunctive.placename':true,'disjunctive.city':true}\"\u003e\n \u003cods-chart class=\"no-bg hide-y-gridline hide-y-values hide-x-legend medium-x-values one-out-of-5-values\"\n single-y-axis=\"true\" step=\"10000\" scientific-display=\"true\" display-legend=\"false\"\n labels-x-length=\"20\" align-month=\"false\"\u003e\n \u003cods-chart-query context=\"evenementspublicsopenagenda\" field-x=\"location_department\" maxpoints=\"20\"\n sort=\"serie1-1\"\u003e\n \u003cods-chart-serie chart-type=\"bar\" function-y=\"COUNT\" label-y=\"Nombre d'événements\"\n color=\"#565656\" display-values=\"true\" display-stack-values=\"false\"\n scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/section\u003e\n\u003csection\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"heading\"\u003e\n \u003ch3 class=\"title\"\u003eLorem ipsum dolor sit amet, consectetur adipisicing elit\u003c/h3\u003e\n \u003cp\u003eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam atque commodi cupiditate, deserunt\n dolores dolorum ducimus ea fugiat non quidem repellat soluta voluptate voluptatem. Illo illum maxime\n nemo officia velit.\u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"row my-4.5\"\u003e\n \u003cdiv class=\"col-md-5 order-md-2\"\u003e\n \u003cdiv class=\"content-box text align-left\"\u003e\n \u003ch3\u003eEvenements publics - OpenAgenda\u003c/h3\u003e\n \u003cp class=\"subtitle\"\u003eTop 10 des \u003cb\u003erégions\u003c/b\u003e par nombre d'événements recensés\u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-7\"\u003e\n \u003cdiv class=\"order-md-1 content-box heavy-shadow\"\u003e\n \u003cods-dataset-context context=\"evenementspublicsopenagenda\"\n evenementspublicsopenagenda-domain=\"userclub\"\n evenementspublicsopenagenda-dataset=\"evenements-publics-openagenda\"\n evenementspublicsopenagenda-parameters=\"{'disjunctive.tags':true,'disjunctive.placename':true,'disjunctive.city':true}\"\u003e\n \u003cods-chart class=\"no-bg\" labels-x-length=\"20\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"evenementspublicsopenagenda\" field-x=\"location_region\" maxpoints=\"10\"\n sort=\"serie1-1\"\n category-colors=\"{'Île-de-France':'#2B3F56','Auvergne-Rhône-Alpes':'#6C7987','Nouvelle-Aquitaine':'#969FAA','Provence-Alpes-Côte d\\'Azur':'#C0C5CC','Occitanie':'#2B3F56','Hauts-de-France':'#6C7987','Centre-Val de Loire':'#969FAA','Grand Est':'#C0C5CC','Pays de la Loire':'#2B3F56','Normandie':'#6C7987','Bretagne':'#969FAA','Bourgogne-Franche-Comté':'#C0C5CC','Aquitaine-Limousin-Poitou-Charentes':'#2B3F56','Alsace-Champagne-Ardenne-Lorraine':'#6C7987','Languedoc-Roussillon-Midi-Pyrénées':'#969FAA','Nord-Pas-de-Calais-Picardie':'#C0C5CC','Ile-de-France':'#2B3F56','La Réunion':'#6C7987','Corse':'#969FAA','Guadeloupe':'#C0C5CC'}\"\u003e\n \u003cods-chart-serie chart-type=\"treemap\" function-y=\"COUNT\"\n scientific-display=\"true\" label-y=\"Nombre d'événements\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/section\u003e\n\u003csection\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"heading\"\u003e\n \u003ch3 class=\"title\"\u003eLorem ipsum dolor sit amet, consectetur adipisicing elit\u003c/h3\u003e\n \u003cp\u003eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam atque commodi cupiditate, deserunt\n dolores dolorum ducimus ea fugiat non quidem repellat soluta voluptate voluptatem. Illo illum maxime\n nemo officia velit.\u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"row my-4.5\"\u003e\n \u003cdiv class=\"col-md-12\"\u003e\n \u003cdiv class=\"content-box text align-left\"\u003e\n \u003ch3\u003eEvenements publics - OpenAgenda\u003c/h3\u003e\n \u003cp class=\"subtitle\"\u003eÉvolution du nombre d'événements par mois\u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-12\"\u003e\n \u003cdiv class=\"content-box heavy-shadow\"\u003e\n \u003cods-dataset-context context=\"evenementspublicsopenagenda\"\n evenementspublicsopenagenda-domain=\"userclub\"\n evenementspublicsopenagenda-dataset=\"evenements-publics-openagenda\"\n evenementspublicsopenagenda-parameters=\"{'disjunctive.tags':true,'disjunctive.placename':true,'disjunctive.city':true,'q':'firstdate_begin:[2008 TO 2023]'}\"\u003e\n \u003cods-chart\n class=\"no-bg small-chart-series small-y-gridline hide-x-legend medium-x-values medium-y-values\"\n display-legend=\"false\"\n timescale=\"month\" single-y-axis=\"true\" scientific-display=\"true\"\n align-month=\"true\"\u003e\n \u003cods-chart-query context=\"evenementspublicsopenagenda\" field-x=\"firstdate_begin\" maxpoints=\"0\"\n timescale=\"month\"\u003e\n \u003cods-chart-serie chart-type=\"areaspline\" function-y=\"COUNT\" color=\"#2B3F56\"\n label-y=\"Nombre d'événements\"\n display-stack-values=\"false\"\n scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/section\u003e\u003c/div\u003e", + "css": "main {\n margin: 0;\n}\n\n/* Data story */\nsection {\n padding-top: 2rem;\n background: linear-gradient(0deg, #F2F3F8, white);\n}\n\n.heading {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n margin: 2rem;\n}\n.heading h1.title {\n font-size: 3em;\n}\n.heading h1 ~ .subtitle {\n font-size: 2em;\n font-weight: 200;\n margin: 0 1em 2em;\n}\n.heading h3.title {\n font-size: 1.7em;\n}\n.heading p {\n text-align: center;\n}\n@media screen and (min-width: 640px) {\n .heading {\n margin: 2rem 12%;\n }\n}\n\n.my-4\\.5 {\n margin-top: 4.5rem;\n margin-bottom: 4.5rem;\n}\n\n.content-box {\n height: 100%;\n /* Content management */\n word-break: break-word;\n position: relative;\n}\n.content-box.text {\n padding: 1rem;\n}\n.content-box.tiny-shadow {\n background: white;\n border-radius: 6px;\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);\n}\n.content-box.heavy-shadow {\n box-shadow: 30px 20px 70px lightgrey;\n}\n.content-box .ods-chart {\n height: 400px;\n}\n\n.one-out-of-5-values g.highcharts-label.highcharts-data-label {\n display: none;\n}\n.one-out-of-5-values g.highcharts-label.highcharts-data-label:first-child, g.highcharts-label.highcharts-data-label:nth-child(5n) {\n display: inherit;\n}\n\n/**\n * License: MIT License\n * Generated on 26 May 2021\n * Author: Labs from Huwise\n * Version: 0.1\n * Description: ods-chart CSS Library\n */\n\n.hide-x-legend .highcharts-xaxis tspan, .hide-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line, .hide-y-values .highcharts-yaxis-labels span, .hide-y-values .highcharts-yaxis-labels text {\n display: none !important;\n}\n\n.highcharts-axis tspan, .highcharts-data-label tspan, .highcharts-label span, .highcharts-xaxis-labels text, .highcharts-yaxis-labels text {\n font-family: Gotham-book, Arial, sans-serif !important;\n}\n\n.medium-x-values .highcharts-xaxis-labels span, .medium-x-values .highcharts-xaxis-labels text, .medium-y-values .highcharts-yaxis-labels span, .medium-y-values .highcharts-yaxis-labels text {\n font-size: 14px !important;\n}\n\n.small-chart-series .highcharts-series path.highcharts-graph, .small-chart-series .highcharts-series rect, .small-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line {\n stroke-width: 0.8px !important;\n}\n\n.no-bg rect.highcharts-background {\n fill: transparent !important;\n}\n\n.ods-highcharts__tooltip {\n align-items: center;\n}\n\n/**\n * License: MIT License\n * Generated on 25 Jun 2021\n * Author: Labs from opendatasoft\n * Version: 0.3\n * Description: ODS Layout over-ride to Flexbox system\n */\n\n.box,.row.full-height{height:100%}.row{display:flex;flex-wrap:wrap}.row\u003e*{margin-bottom:20px}.order-0{order:0}@media screen and (min-width:750px){.order-sm-0{order:0}}@media screen and (min-width:970px){.order-md-0{order:0}}@media screen and (min-width:1170px){.order-lg-0{order:0}.order-lg-1{order:1}}.order-1{order:1}@media screen and (min-width:750px){.order-sm-1{order:1}}@media screen and (min-width:970px){.order-md-1{order:1}.order-md-2{order:2}}.order-2{order:2}@media screen and (min-width:750px){.order-sm-2{order:2}}@media screen and (min-width:1170px){.order-lg-2{order:2}.order-lg-3{order:3}}.order-3{order:3}@media screen and (min-width:750px){.order-sm-3{order:3}}@media screen and (min-width:970px){.order-md-3{order:3}.order-md-4{order:4}}.order-4{order:4}@media screen and (min-width:750px){.order-sm-4{order:4}}@media screen and (min-width:1170px){.order-lg-4{order:4}.order-lg-5{order:5}}.order-5{order:5}@media screen and (min-width:750px){.order-sm-5{order:5}}@media screen and (min-width:970px){.order-md-5{order:5}.order-md-6{order:6}}.order-6{order:6}@media screen and (min-width:750px){.order-sm-6{order:6}}@media screen and (min-width:1170px){.order-lg-6{order:6}.order-lg-7{order:7}}.order-7{order:7}@media screen and (min-width:750px){.order-sm-7{order:7}}@media screen and (min-width:970px){.order-md-7{order:7}.order-md-8{order:8}}.order-8{order:8}@media screen and (min-width:750px){.order-sm-8{order:8}}@media screen and (min-width:1170px){.order-lg-8{order:8}.order-lg-9{order:9}}.order-9{order:9}@media screen and (min-width:750px){.order-sm-9{order:9}}@media screen and (min-width:970px){.order-md-9{order:9}.order-md-10{order:10}}.order-10{order:10}@media screen and (min-width:750px){.order-sm-10{order:10}}@media screen and (min-width:1170px){.order-lg-10{order:10}.order-lg-11{order:11}}.order-11{order:11}@media screen and (min-width:750px){.order-sm-11{order:11}}@media screen and (min-width:970px){.order-md-11{order:11}.order-md-12{order:12}}.order-12{order:12}@media screen and (min-width:750px){.order-sm-12{order:12}}@media screen and (min-width:1170px){.order-lg-12{order:12}}@media screen and (max-width:1169px){:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-1,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-10,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-11,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-12,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-2,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-3,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-4,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-5,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-6,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-7,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-8,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-9{width:100%}}@media screen and (max-width:969px){:not([class*=col-sm]):not([class*=col-xs]).col-md-1,:not([class*=col-sm]):not([class*=col-xs]).col-md-10,:not([class*=col-sm]):not([class*=col-xs]).col-md-11,:not([class*=col-sm]):not([class*=col-xs]).col-md-12,:not([class*=col-sm]):not([class*=col-xs]).col-md-2,:not([class*=col-sm]):not([class*=col-xs]).col-md-3,:not([class*=col-sm]):not([class*=col-xs]).col-md-4,:not([class*=col-sm]):not([class*=col-xs]).col-md-5,:not([class*=col-sm]):not([class*=col-xs]).col-md-6,:not([class*=col-sm]):not([class*=col-xs]).col-md-7,:not([class*=col-sm]):not([class*=col-xs]).col-md-8,:not([class*=col-sm]):not([class*=col-xs]).col-md-9{width:100%}}@media screen and (max-width:749px){.row{flex-direction:column}:not([class*=col-xs]).col-sm-1,:not([class*=col-xs]).col-sm-10,:not([class*=col-xs]).col-sm-11,:not([class*=col-xs]).col-sm-12,:not([class*=col-xs]).col-sm-2,:not([class*=col-xs]).col-sm-3,:not([class*=col-xs]).col-sm-4,:not([class*=col-xs]).col-sm-5,:not([class*=col-xs]).col-sm-6,:not([class*=col-xs]).col-sm-7,:not([class*=col-xs]).col-sm-8,:not([class*=col-xs]).col-sm-9{width:100%}}.no-margin-bottom,.no-mb{margin-bottom:0!important}.no-margin-x,.no-mx{margin-left:0!important;margin-right:0!important}\n" }'>
          @@ -1695,7 +1888,8 @@

          width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -1739,6 +1933,7 @@

          const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -1849,7 +2044,9 @@

          $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
          <div ng-app="ods-widgets"> @@ -1875,10 +2072,10 @@

          evenementspublicsopenagenda-domain="userclub" evenementspublicsopenagenda-dataset="evenements-publics-openagenda" evenementspublicsopenagenda-parameters="{'disjunctive.tags':true,'disjunctive.placename':true,'disjunctive.city':true}"> - <ods-chart class="no-bg hide-y-gridline hide-y-values hide-x-legend medium-x-values" + <ods-chart class="no-bg hide-y-gridline hide-y-values hide-x-legend medium-x-values one-out-of-5-values" single-y-axis="true" step="10000" scientific-display="true" display-legend="false" labels-x-length="20" align-month="false"> - <ods-chart-query context="evenementspublicsopenagenda" field-x="department" maxpoints="20" + <ods-chart-query context="evenementspublicsopenagenda" field-x="location_department" maxpoints="20" sort="serie1-1"> <ods-chart-serie chart-type="bar" function-y="COUNT" label-y="Nombre d'événements" color="#565656" display-values="true" display-stack-values="false" @@ -1914,7 +2111,7 @@

          evenementspublicsopenagenda-dataset="evenements-publics-openagenda" evenementspublicsopenagenda-parameters="{'disjunctive.tags':true,'disjunctive.placename':true,'disjunctive.city':true}"> <ods-chart class="no-bg" labels-x-length="20" align-month="true"> - <ods-chart-query context="evenementspublicsopenagenda" field-x="region" maxpoints="10" + <ods-chart-query context="evenementspublicsopenagenda" field-x="location_region" maxpoints="10" sort="serie1-1" category-colors="{'Île-de-France':'#2B3F56','Auvergne-Rhône-Alpes':'#6C7987','Nouvelle-Aquitaine':'#969FAA','Provence-Alpes-Côte d\'Azur':'#C0C5CC','Occitanie':'#2B3F56','Hauts-de-France':'#6C7987','Centre-Val de Loire':'#969FAA','Grand Est':'#C0C5CC','Pays de la Loire':'#2B3F56','Normandie':'#6C7987','Bretagne':'#969FAA','Bourgogne-Franche-Comté':'#C0C5CC','Aquitaine-Limousin-Poitou-Charentes':'#2B3F56','Alsace-Champagne-Ardenne-Lorraine':'#6C7987','Languedoc-Roussillon-Midi-Pyrénées':'#969FAA','Nord-Pas-de-Calais-Picardie':'#C0C5CC','Ile-de-France':'#2B3F56','La Réunion':'#6C7987','Corse':'#969FAA','Guadeloupe':'#C0C5CC'}"> <ods-chart-serie chart-type="treemap" function-y="COUNT" @@ -1949,13 +2146,13 @@

          <ods-dataset-context context="evenementspublicsopenagenda" evenementspublicsopenagenda-domain="userclub" evenementspublicsopenagenda-dataset="evenements-publics-openagenda" - evenementspublicsopenagenda-parameters="{'disjunctive.tags':true,'disjunctive.placename':true,'disjunctive.city':true,'q':'date_start:[2008 TO 2023]'}"> + evenementspublicsopenagenda-parameters="{'disjunctive.tags':true,'disjunctive.placename':true,'disjunctive.city':true,'q':'firstdate_begin:[2008 TO 2023]'}"> <ods-chart class="no-bg small-chart-series small-y-gridline hide-x-legend medium-x-values medium-y-values" display-legend="false" timescale="month" single-y-axis="true" scientific-display="true" align-month="true"> - <ods-chart-query context="evenementspublicsopenagenda" field-x="date_start" maxpoints="0" + <ods-chart-query context="evenementspublicsopenagenda" field-x="firstdate_begin" maxpoints="0" timescale="month"> <ods-chart-serie chart-type="areaspline" function-y="COUNT" color="#2B3F56" label-y="Nombre d'événements" @@ -2035,17 +2232,17 @@

          height: 400px; } -g.highcharts-label.highcharts-data-label { +.one-out-of-5-values g.highcharts-label.highcharts-data-label { display: none; } -g.highcharts-label.highcharts-data-label:first-child, g.highcharts-label.highcharts-data-label:nth-child(5n) { +.one-out-of-5-values g.highcharts-label.highcharts-data-label:first-child, g.highcharts-label.highcharts-data-label:nth-child(5n) { display: inherit; } /** * License: MIT License * Generated on 26 May 2021 - * Author: Labs from Opendatasoft + * Author: Labs from Huwise * Version: 0.1 * Description: ods-chart CSS Library */ @@ -2088,8 +2285,16 @@

          "> -
          - + +

          -

          - -
          -

          - ODS Academy Data Story - - - - - -

          -
          -

          Use this template to follow the module “Build your first datastory” in ODS Academy.

          - -
          - -
          +
          + +
          +
          +

          + ODS Academy Data Story + + + + + +

          +
          +

          Use this template to follow the module “Build your first datastory” in ODS Academy.

          + +
          + + +
          + + + + + + + + +
          name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"\"\u003e\n \u003c!-- Header banner. To change the image, go in the CSS tab and search for the .page-header class --\u003e\n \u003cdiv class=\"page-header\"\u003e\n \u003ch1 class=\"page-title\"\u003e\n -- Page title --\n \u003c/h1\u003e\n \u003c/div\u003e\n \u003c!-- Page subtitle --\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"page-subtitle\"\u003e\n -- Short description of what the page is about -- \n \u003c/div\u003e\n \u003c/div\u003e\n \u003c!-- Some KPIs--\u003e\n \u003csection\u003e\n \u003cdiv class=\"container\"\u003e\n \u003c!-- Insert your aggregation widget code in the \"three-columns\" \u003cdiv\u003e below --\u003e\n \u003cdiv class=\"three-columns\"\u003e\n \u003cdiv class=\"kpi-box\"\u003e\n \u003ci class=\"kpi-icon fa fa-gitlab\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003ch3 class=\"kpi-value\"\u003e\n --\n \u003c/h3\u003e\n \u003cp class=\"kpi-description\"\u003e\n -- KPI description goes here --\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"kpi-box\"\u003e\n \u003ci class=\"kpi-icon fa fa-houzz\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003ch3 class=\"kpi-value\"\u003e \n --\n \u003c/h3\u003e\n \u003cp class=\"kpi-description\"\u003e\n -- KPI description goes here --\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"kpi-box\"\u003e\n \u003ci class=\"kpi-icon fa fa-houzz\"aria-hidden=\"true\" \u003e\u003c/i\u003e\n \u003ch3 class=\"kpi-value\"\u003e \n --\n \u003c/h3\u003e\n \u003cp class=\"kpi-description\"\u003e\n -- KPI description goes here --\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003cdiv class=\"container\"\u003e\n \u003c!-- Section 1--\u003e\n \u003csection class=\"page-section\"\u003e\n \u003ch2 class=\"section-title\"\u003e\n -- Section title --\n \u003c/h2\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003c!-- Remove this placeholder and replace it with the visualization of your choice (map, chart, table, etc.) --\u003e\n \u003cdiv class=\"placeholder\"\u003e\u003c/div\u003e\n \u003c!-- Always provide a link to the dataset for users to dig into the data if they want to--\u003e\n \u003cdiv class=\"small-link\"\u003e\n \u003ca href=\"#\"\u003e-- link to source --\u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003cp\u003e\n -- Description of the visualisation that is being presented -- \n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003c!-- End of the first section --\u003e\n \u003c!-- Section 2 --\u003e\n \u003csection class=\"page-section\"\u003e\n \u003ch2 class=\"section-title\"\u003e\n -- Section title --\n \u003c/h2\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003cp\u003e\n -- Description of the visualisation that is being presented --\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003c!-- Remove this placeholder and replace it with the visualization of your choice (map, chart, table, etc.) --\u003e\n \u003cdiv class=\"placeholder\"\u003e\u003c/div\u003e\n \u003cdiv class=\"small-link\"\u003e\n \u003ca href=\"#\"\u003e-- link to source --\u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003c!-- Section 3 --\u003e\n \u003csection class=\"page-section\"\u003e\n \u003ch2 class=\"section-title\"\u003e\n -- Section title --\n \u003c/h2\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-8\"\u003e\n \u003cdiv class=\"placeholder\"\u003e\u003c/div\u003e\n \u003cdiv class=\"small-link\"\u003e\n \u003ca href=\"#\"\u003e-- link to source --\u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003cp\u003e\n -- Description of the visualisation that is being presented --\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n \u003c/div\u003e", "css": "main.main--page {\n margin: 0;\n}\nbody {\n font-size: 1.4rem;\n background-color: #FFFFFF;\n line-height: 1.6;\n font-weight: 300;\n}\n/* Body text */\np {\n text-align: justify;\n margin-top: 0;\n margin-bottom: 1.5rem;\n}\n.three-columns {\n display: grid;\n grid-gap: 20px;\n grid-template-columns: 1fr;\n}\n@media (min-width: 994px) {\n .three-columns {\n grid-template-columns: 1fr 1fr 1fr;\n }\n}\n.small-link {\n font-size: 0.9rem;\n font-style: italic;\n}\n.placeholder {\n width: 100%;\n height: 400px;\n border-radius: 6px;\n background-color: #eee;\n}\n/* Header\n ========================================================================== */\n.page-header {\n background-color: var(--highlight);\n /* Banner image. Put your image in the \"Assets\" tab of your back-office. Then, take copy/paste here the address begininng with \"/assets\" */\n background-image: url('/assets/theme_image/Capture d’écran 2019-11-22 à 14.51.30.png');\n background-repeat: no-repeat;\n background-position: center;\n background-size: cover;\n min-height: 190px; /* Change the height of the image here by increasing or decreasing the pixels. */\n /* Properties of the title located within the image banner */\n display: flex;\n flex-direction: column-reverse;\n justify-content: space-between;\n align-items: center; \n} \n.page-title {\n color: #142E7B;\n text-align: center; \n background-color: #FFFFFF; \n position: relative;\n vertical-align: bottom;\n margin: 0;\n font-weight: 400;\n font-size: 2.5rem;\n padding: 15px 20px 10px 20px;\n border-radius: 7px 7px 0px 0px; \n}\n.page-subtitle {\n margin-top: 4rem;\n margin-bottom: 2rem;\n}\n/* KPIs\n ========================================================================== */\n.kpi-box {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n text-align: center;\n padding: 26px;\n border: 1px solid #e6e6e6;\n box-shadow: 0 4px 6px 0 rgba(100,100,100,0.2);\n border-radius: 7px;\n}\n@media (min-width: 994px) { \n .kpi-box {\n margin-bottom: 2rem;\n }\n}\n.kpi-icon {\n color: #142E7B;;\n font-size: 4rem;\n margin-top: 0;\n margin-bottom: 13px; \n max-width: 100%;\n}\n.kpi-value {\n color: #142E7B;\n font-size: 3.2rem;\n font-weight: 400;\n margin: 0;\n}\n.kpi-description {\n margin: 0;\n padding: 0;\n}\n/* Sections\n ========================================================================== */\n.page-section {\n margin-top: 2rem;\n margin-bottom: 4rem;\n padding-bottom: 4rem;\n box-shadow: 0 15px 13px -15px rgba(100,100,100,0.2);\n}\n.section-title {\n font-size: 2.2rem;\n font-weight: 400;\n color: #142E7B;\n margin-top: 1.5rem;\n margin-bottom: 1.5rem;\n}\n " @@ -2686,7 +2942,8 @@

          width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -2730,6 +2987,7 @@

          const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -2840,7 +3098,9 @@

          $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
          <div ng-app="ods-widgets"> @@ -3080,8 +3340,10 @@

          "> -
          -

          -

          - -
          -

          - Blog Article Style - - - - - -

          -
          -

          A blog-like template to narrate a story and insert charts or maps to enhance the storytelling experience.

          - -
          - -
          +
          + +
          +
          +

          + Blog Article Style + + + + + +

          +
          +

          A blog-like template to narrate a story and insert charts or maps to enhance the storytelling experience.

          + +
          + + +
          + + + + + + @@ -3657,6 +3927,9 @@

          + + +
          name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003csection class=\"container datastory-header\"\u003e\n \u003ch1 class=\"datastory-title\"\u003e\n Data story title\n \u003c/h1\u003e\n \u003ch2 class=\"datastory-tagline\"\u003e\n Proinde concepta rabie saeviore, quam desperatio incendebat et fames, \n amplificatis viribus ardore incohibili in excidium urbium matris Seleuciae efferebantur, \n quam comes tuebatur Castricius tresque legiones bellicis sudoribus induratae.\n \u003c/h2\u003e\n \u003ch3 class=\"datastory-intro\"\u003e\n Ex his quidam aeternitati se commendari posse per statuas aestimantes eas \n ardenter adfectant quasi plus praemii de figmentis aereis sensu carentibus adepturi, \n quam ex conscientia honeste recteque factorum, easque auro curant inbracteari, \n quod Acilio Glabrioni delatum est primo, cum consiliis armisque regem superasset Antiochum. \n quam autem sit pulchrum exigua haec spernentem et minima ad ascensus verae gloriae tendere longos et arduos, \n ut memorat vates Ascraeus, Censorius Cato monstravit. qui interrogatus quam ob rem inter multos... \n statuam non haberet malo inquit ambigere bonos quam ob rem id non meruerim, quam quod est gravius cur inpetraverim mussitare.\n \u003c/h3\u003e\n\u003c/section\u003e\n\n\u003csection class=\"container datastory-body\"\u003e\n \u003ch2 class=\"datastory-subtitle\"\u003e\n A block\n \u003c/h2\u003e\n \u003cp class=\"datastory-text\"\u003e\n Adolescebat autem obstinatum propositum erga haec et similia multa scrutanda, \n stimulos admovente regina, quae abrupte mariti fortunas trudebat in exitium praeceps, \n cum eum potius lenitate feminea ad veritatis humanitatisque viam reducere utilia suadendo deberet, \n ut in Gordianorum actibus factitasse Maximini truculenti illius imperatoris rettulimus coniugem.\n \u003c/p\u003e\n\n \u003ch2 class=\"datastory-subtitle\"\u003e\n A block with list\n \u003c/h2\u003e\n \u003cp class=\"datastory-text\"\u003e\n Nemo quaeso miretur, si post exsudatos labores itinerum longos congestosque \n adfatim commeatus fiducia vestri ductante barbaricos pagos adventans velut mutato \n repente consilio ad placidiora deverti.\n \u003c/p\u003e\n \u003cul class=\"datastory-text\"\u003e\n \u003cli\u003e\n Nemo quaeso miretur, si post exsudatos labores itinerum longos congestosque.\n \u003c/li\u003e\n \u003cli\u003e\n adfatim commeatus fiducia vestri ductante barbaricos pagos adventans velut \n mutato repente consilio ad placidiora deverti.\n \u003c/li\u003e\n \u003c/ul\u003e\n\n \u003ch2 class=\"datastory-body\"\u003e\n A block with a graph and an image\n \u003c/h2\u003e\n \u003cods-dataset-context context=\"prixdescarburantsj7\" \n prixdescarburantsj7-domain=\"public\"\n prixdescarburantsj7-dataset=\"prix_des_carburants_j_7\" \n prixdescarburantsj7-parameters=\"{'sort':'update'}\"\u003e\n \u003cods-chart single-y-axis=\"true\" \n align-month=\"true\"\u003e\n \u003cods-chart-query context=\"prixdescarburantsj7\" \n field-x=\"update\" \n maxpoints=\"50\" \n timescale=\"month\"\u003e\n \u003cods-chart-serie expression-y=\"price_gazole\" \n chart-type=\"arearange\" \n function-y=\"COUNT\" \n color=\"#FF515A\" \n scientific-display=\"true\" \n subseries='[{\"func\":\"MIN\",\"yAxis\":\"price_gazole\"},{\"func\":\"MAX\",\"yAxis\":\"price_gazole\"}]'\u003e\n \u003c/ods-chart-serie\u003e\n \u003cods-chart-serie expression-y=\"price_sp95\" \n chart-type=\"arearange\" \n function-y=\"COUNT\" \n color=\"#1B6698\" \n scientific-display=\"true\" \n subseries='[{\"func\":\"MIN\",\"yAxis\":\"price_sp95\"},{\"func\":\"MAX\",\"yAxis\":\"price_sp95\"}]'\u003e\n \u003c/ods-chart-serie\u003e\n \u003cods-chart-serie expression-y=\"price_sp98\" \n chart-type=\"arearange\" \n function-y=\"COUNT\" \n color=\"#FCD23B\" \n scientific-display=\"true\" \n subseries='[{\"func\":\"MIN\",\"yAxis\":\"price_sp98\"},{\"func\":\"MAX\",\"yAxis\":\"price_sp98\"}]'\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/ods-dataset-context\u003e\n\n \u003cp class=\"datastory-text\"\u003e\n Adolescebat autem obstinatum propositum erga haec et similia multa scrutanda, \n stimulos admovente regina, quae abrupte mariti fortunas trudebat in exitium praeceps, \n cum eum potius lenitate feminea ad veritatis humanitatisque viam reducere utilia suadendo deberet, \n ut in Gordianorum actibus factitasse Maximini truculenti illius imperatoris rettulimus coniugem.\n \u003c/p\u003e\n \u003cp class=\"datastory-text\"\u003e\n \u003ca href=\"#\"\u003eLorem ipsum !\u003c/a\u003e\n \u003c/p\u003e\n \u003cimg src=\"/img/datastory-image.png\" \n class=\"datastory-image\"\u003e\n\u003c/section\u003e\u003c/div\u003e", "css": "main.main--page {\n margin: 0;\n background-color: #FFFFFF;\n line-height: 1.6;\n}\n\n.datastory-header {\n margin-top: 40px;\n margin-bottom: 60px;\n max-width: 1000px;\n text-align: center;\n}\n\n.datastory-title {\n font-size: 3rem;\n font-weight: normal;\n margin-bottom: 1.5rem;\n}\n\n.datastory-tagline {\n font-size: 1.4rem;\n font-style: italic;\n margin-top: 0;\n margin-bottom: 40px;\n font-weight: 300; \n}\n\n.datastory-intro {\n font-size: 1.4rem;\n font-weight: normal;\n text-align: justify;\n}\n\n.datastory-body {\n max-width: 750px;\n}\n\n.datastory-subtitle {\n font-size: 1.44rem;\n border-left: 3px solid var(--highlight);\n padding-left: 12px;\n font-weight: 400; \n}\n\n.datastory-text {\n font-size: 1.2rem;\n margin-left: 15px;\n}\n \n.datastory-image {\n margin: 0 auto;\n display: block;\n max-width: 100%;\n height: auto;\n}" @@ -3680,7 +3953,8 @@

          width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -3724,6 +3998,7 @@

          const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -3834,7 +4109,9 @@

          $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
          <div ng-app="ods-widgets"> @@ -3997,8 +4274,10 @@

          "> -
          -

          -

          - -
          -

          - Data Story with sections - - - - - -

          -
          - -
          - -
          +
          + +
          +
          +

          + Data Story with sections + + + + + +

          +
          + +
          + + +
          + + + + + + @@ -4419,6 +4706,9 @@

          + + +
          name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003csection class=\"block-grey\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch1 class=\"header-title\"\u003e\n Interesting title\n \u003c/h1\u003e\n \u003ch2 class=\"header-subtitle\"\u003e\n Quam ob rem ut ii qui superiores sunt submittere se debent in amicitia, sic quodam modo inferiores extollere.\n \u003c/h2\u003e\n \u003c/div\u003e\n\u003c/section\u003e\n\n\n\u003csection class=\"block-white\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"block-title\"\u003e\n A block subtitle\n \u003c/h2\u003e\n \u003ch3 class=\"block-subtitle\"\u003e\n Non ergo erunt homines deliciis diffluentes audiendi, si quando de amicitia, quam nec usu nec ratione habent cognitam, disputabunt.\n \u003c/h3\u003e\n\n \u003cdiv class=\"block-section\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003cp class=\"block-text\"\u003e\n Fieri, inquam, Triari, nullo pacto potest, ut non dicas, quid non probes eius, a quo dissentias. quid enim me prohiberet Epicureum esse, si probarem, quae ille diceret? cum praesertim illa perdiscere ludus esset. Quam ob rem dissentientium inter se reprehensiones non sunt vituperandae, maledicta, contumeliae, tum iracundiae, contentiones concertationesque in disputando pertinaces indignae philosophia mihi videri solent.\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003cp class=\"block-text\"\u003e\n Paphius quin etiam et Cornelius senatores, \u003ca href=\"#\"\u003eambo venenorum artibus\u003c/a\u003e pravis se polluisse confessi, eodem pronuntiante Maximino sunt interfecti. pari sorte etiam procurator monetae extinctus est. Sericum enim et Asbolium supra dictos, quoniam cum hortaretur passim nominare, quos vellent, adiecta religione firmarat, nullum igni vel ferro se puniri iussurum, plumbi validis ictibus interemit. et post hoe flammis Campensem aruspicem dedit, in negotio eius nullo sacramento constrictus.\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cods-dataset-context context=\"chart\"\n chart-domain=\"public\"\n chart-dataset=\"modis_c6_global_7d\"\n chart-parameters=\"{'disjunctive.country':true}\"\u003e\n \u003cods-chart align-month=\"true\"\u003e\n \u003cods-chart-query context=\"chart\" \n field-x=\"country\" \n maxpoints=\"50\"\u003e\n \u003cods-chart-serie expression-y=\"brightness\" \n chart-type=\"areasplinerange\" \n function-y=\"COUNT\" \n color=\"#FF9810\" \n scientific-display=\"true\" \n subseries='[{\"func\":\"MIN\",\"yAxis\":\"brightness\"},{\"func\":\"MAX\",\"yAxis\":\"brightness\"}]'\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n\u003c/section\u003e\n\n\n\u003csection class=\"block-grey\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch2 class=\"block-title\"\u003e\n A block subtitle\n \u003c/h2\u003e\n \u003ch3 class=\"block-subtitle\"\u003e\n Unde Rufinus ea tempestate praefectus praetorio\n \u003c/h3\u003e\n\n \u003cp class=\"block-text center-text\"\u003e\n Per hoc minui studium suum existimans Paulus, ut erat in conplicandis negotiis artifex dirus, unde ei Catenae inditum est cognomentum, vicarium ipsum eos quibus praeerat adhuc defensantem ad sortem periculorum communium traxit. et instabat ut eum quoque cum tribunis et aliis pluribus ad comitatum imperatoris vinctum perduceret: quo percitus ille exitio urgente abrupto ferro eundem adoritur Paulum. et quia languente dextera, letaliter ferire non potuit, iam districtum mucronem in proprium latus inpegit. hocque deformi genere mortis excessit e vita iustissimus rector ausus miserabiles casus levare multorum.\n \u003c/p\u003e\n\n \u003cdiv class=\"block-section\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003cods-dataset-context context=\"map\" \n map-domain=\"public\"\n map-dataset=\"modis_c6_global_7d\" \n map-parameters=\"{'disjunctive.country':true}\"\u003e\n \u003cods-map context=\"map\" \n scroll-wheel-zoom=\"false\" \n location=\"2,19.68257,-0.02081\" \n basemap=\"jawg.streets\"\u003e\u003c/ods-map\u003e\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003cp class=\"block-text justify-text\"\u003e\n Non ergo erunt homines deliciis diffluentes audiendi, si quando de amicitia, quam nec usu nec ratione habent cognitam, disputabunt. Nam quis est, pro deorum fidem atque hominum! qui velit, ut neque diligat quemquam nec ipse ab ullo diligatur, circumfluere omnibus copiis atque in omnium rerum abundantia vivere? Haec enim est tyrannorum vita nimirum, in qua nulla fides, nulla caritas, nulla stabilis benevolentiae potest esse fiducia, omnia semper suspecta atque sollicita, nullus locus amicitiae.\n \u003cbr\u003e\n \u003ca href=\"#\"\u003eprecari ab indigno\u003c/a\u003e\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"block-section\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003cp class=\"block-text justify-text\"\u003e\n Atque, ut Tullius ait, ut etiam ferae fame monitae plerumque ad eum locum ubi aliquando pastae sunt revertuntur, ita homines instar turbinis degressi montibus impeditis et arduis loca petivere mari confinia, per quae viis latebrosis sese convallibusque occultantes cum appeterent noctes luna etiam tum cornuta ideoque nondum solido splendore fulgente nauticos observabant quos cum in somnum sentirent effusos per ancoralia, quadrupedo gradu repentes seseque suspensis passibus iniectantes in scaphas eisdem sensim nihil opinantibus adsistebant et incendente aviditate saevitiam ne cedentium quidem ulli parcendo obtruncatis omnibus merces opimas velut viles nullis repugnantibus avertebant. haecque non diu sunt perpetrata.\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003cods-dataset-context context=\"chart2\" \n chart2-domain=\"public\" \n chart2-dataset=\"modis_c6_global_7d\" \n chart2-parameters=\"{'disjunctive.country':true,'timezone':'Europe/Berlin'}\"\u003e\n \u003cods-chart align-month=\"true\"\u003e\n \u003cods-chart-query context=\"chart2\" \n field-x=\"country\" \n maxpoints=\"10\" \n sort=\"serie1-1\"\u003e\n \u003cods-chart-serie expression-y=\"brightness\" \n chart-type=\"column\" \n function-y=\"COUNT\" \n color=\"#FF9810\" \n scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/section\u003e\n\u003c/div\u003e", "css": "main.main--page {\n margin: 0;\n}\n\n.justify-text {\n text-align: justify;\n}\n\n.center-text {\n text-align: center;\n}\n\n.header-title {\n text-align: center;\n font-size: 4rem;\n font-weight: normal;\n margin-bottom: 0;\n color: var(--highlight);\n}\n\n.header-subtitle {\n font-size: 1.7rem;\n text-align: center;\n margin: 0;\n font-weight: normal;\n}\n\n.block-section {\n margin: 26px 0px;\n}\n\n.block-white {\n padding: 65px 0;\n background-color: #FFFFFF;\n}\n\n.block-grey {\n padding: 65px 0;\n background-color: #f7f8f8;\n}\n\n.block-title {\n font-size: 2.2rem;\n text-align: center;\n font-weight: 500;\n color: var(--highlight);\n margin-bottom: .5rem;\n}\n\n.block-subtitle {\n font-size: 1.44rem;\n font-weight: normal;\n margin-top: 0;\n margin-bottom: 2rem;\n text-align: center;\n color: var(--titles);\n}\n\n.block-text {\n font-size: 1.2rem;\n margin-bottom: 1.5rem;\n line-height: 1.7;\n}\n\nrect.highcharts-background {\n fill: rgba(0, 0, 0, 0) !important;\n}\n " @@ -4442,7 +4732,8 @@

          width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -4486,6 +4777,7 @@

          const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -4596,7 +4888,9 @@

          $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
          <div ng-app="ods-widgets"> @@ -4798,8 +5092,10 @@

          "> -
          -

          -

          - -
          -

          - CSS Grid : Light with header and sections - regular box - New +

          + + - - - - - -

        -
        -

        This version is based on the CSS Grid framework available here. Please read the resource description carefully before using it as it’s mainly dedicated to expert users.

        +
        +

        + CSS Grid : Light with header and sections - regular box + + + + + +

        +
        +

        This version is based on the CSS Grid framework available here. Please read the resource description carefully before using it as it’s mainly dedicated to expert users.

        Note: The CSS includes only necessary classes and NOT the entire CSS Grid framework. To change the layout, you’ll then also need to change the according CSS. -Feel free to get the full framework if needed.

        -
        +Feel free to get the full framework if needed.

        + +
        + + +
        + -
        - -
        - + + + + + + +
        @@ -5328,7 +5632,8 @@

        -
        - + +

        - - - - - -

      -
      -

      This version is based on the CSS Grid framework available here. Please read the resource description carefully before using it as it’s mainly dedicated to expert users.

      +
      +

      + CSS Grid : Light with header and sections - heavy shadow box + + + + + +

      +
      +

      This version is based on the CSS Grid framework available here. Please read the resource description carefully before using it as it’s mainly dedicated to expert users.

      Note: The CSS includes only necessary classes and NOT the entire CSS Grid framework. To change the layout, you’ll then also need to change the according CSS. -Feel free to get the full framework if needed.

      -
      +Feel free to get the full framework if needed.

      -
      - -
      - +
      + + +
      + @@ -6401,6 +6757,14 @@

      @@ -6424,7 +6788,8 @@

      -
      - + + +
      + + +
      +
      + +
      +
      +
      + Supprimer le filtre + +
      +
      +
      + + + +

      + + +
      + +
      +

      + {{ (agg[0].x || 0) | number : (kpi.precision || 0) }} + {{ kpi.unit }} +

      +

      + data visualisations sélectionnées +

      +
      + +
      + + + +
      +
      + +
      + +
      +
      + +
      +

      {{item.fields.theme}}

      +
      +       +
      +

      {{ item.fields.title }}

      + +

      Jeux de données utilisés :

      + + +
      +
      +
      +
      + Accéder +
      +       +
      +
      +
      +
      +
      + + + \ No newline at end of file diff --git a/public/page-templates/dataviz-gallery/2/css.inc b/public/page-templates/dataviz-gallery/2/css.inc new file mode 100644 index 000000000..e489127a5 --- /dev/null +++ b/public/page-templates/dataviz-gallery/2/css.inc @@ -0,0 +1,406 @@ +/* General Layout +========================================================================== */ + +:root { + --secondary-color: black; +} + +main { + margin: 6rem 0 3em 0; +} + + + +@media screen and (min-width: 992px) { + .row-equal-height { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-bottom: 20px; + } + /* Fix for early content wrapping in Safari*/ + .row-equal-height:before, + .row-equal-height:after { + content: normal; + } +} + +.page-title { + font-size: 3rem; + font-weight: bold; + margin-top: 0; + margin-bottom: 1rem; +} + +.page-subtitle { + font-size: 1.2rem; + line-height: 2; + margin-top: 0; + margin-bottom: 3rem; +} + +.margin-bottom-20 { + margin-bottom: 20px; +} + + +/* Search Module +========================================================================== */ + +.search-module-container { + padding: 26px; + margin-bottom: 25px; +} + +.search-module { + display: flex; + align-items: stretch; + border-bottom: 1px solid #dee5ef; + margin-bottom: 13px; + transition: all .2s; +} + +.search-module:hover, +.search-module:focus-within { + border-bottom-color: var(--links); +} + +.search-module-icon { + color: #898d92; + margin-right: 8px; + align-self: center; +} + +.search-module-input { + background-color: transparent; + width: 100%; + outline: none; + border: none; + padding: 12px 0; + transition: all .2s; + color: var(--text); +} + +.search-module-input::placeholder { + transition: all .2s; +} + +.search-module-clear { + color: #898d92; + font-size: 1rem; + background: transparent; + border: none; + margin: 0; + outline: none; + padding: 0 0 0 12px; + transition: all .2s; +} + +.search-module-clear:hover { + opacity: .65; +} + +.search-module:hover .search-module-icon, +.search-module:focus-within .search-module-icon, +.search-module:hover .search-module-input::placeholder, +.search-module:focus-within .search-module-input::placeholder { + color: var(--links) +} + + +/* Filters +========================================================================== */ + +.filter-list { + display: flex; + flex-wrap: wrap; + position: relative; +} + +.filter-list>* { + margin: 0 0 10px; + width: 100%; +} + +.odswidget-select .odswidget-select-dropdown.open .odswidget-select-dropdown-menu { + width: 100% +} + +.clear-filters { + display: flex; + align-items: center; + justify-content: center; +} + +.clear-filters-button:hover { + opacity: 0.65; +} + +.odswidget-select, +.odswidget-select .odswidget-select-dropdown { + width: 100%; +} + +@media screen and (min-width: 500px) { + .filter-list>* { + margin: 0 10px 10px 0; + width: inherit; + } + .odswidget-select .odswidget-select-dropdown.open .odswidget-select-dropdown-menu { + width: max-content; + min-width: 240px; + } +} + + +/*********** Filter date ************/ + +.filter-date { + display: flex; + flex-direction: column; + align-items: center; + margin: 13px 26px 32px 26px; +} + +.odswidget-date-range-slider { + width: 100%; +} + +.filter-date-button { + margin-left: 0; + margin-top: 13px; + white-space: nowrap; + text-decoration: underline; +} + +.filter-date-button:not(.filter-date-button-disabled):hover { + opacity: 0.65; +} + +.filter-date-button-disabled { + opacity: 0.5; + pointer-event: none; + text-decoration: none; +} + +@media screen and (min-width: 500px) { + .filter-date { + flex-direction: row; + } + .filter-date-button { + margin-left: 50px; + margin-top: 0; + } +} + + +/* date range slider style override */ + +.odswidget-date-range-slider .irs--flat .irs-from, +.odswidget-date-range-slider .irs--flat .irs-single, +.odswidget-date-range-slider .irs--flat .irs-to { + color: var(--text); + border: 1px solid #cbd2db; + border-radius: 2rem; + background: #FFFFFF; +} + +.odswidget-date-range-slider .irs--flat .irs-from:before, +.odswidget-date-range-slider .irs--flat .irs-single:before, +.odswidget-date-range-slider .irs--flat .irs-to:before { + border-top-color: var(--text); +} + +.odswidget-date-range-slider .irs--flat .irs-bar { + background-color: var(--highlight); +} + +.odswidget-date-range-slider .irs--flat .irs-handle>i:first-child { + background-color: var(--highlight); +} + +.odswidget-date-range-slider .irs--flat .irs-handle.state_hover>i:first-child, +.odswidget-date-range-slider .irs--flat .irs-handle:hover>i:first-child { + background-color: var(--text); +} + + +/* Content Card +========================================================================== */ + +.content-card { + background-color: var(--boxes-background); + border-radius: 4px; + height: 100%; + box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13); +} + +.content-card-button { + color: var(--highlight); + border: 1px solid var(--highlight); + background: transparent; + display: inline-block; + text-align: center; + font-size: .867rem; + border-radius: 4px; + padding: .5rem 1.15rem; + text-decoration: none; + transition: all .2s; +} + +.content-card-button:hover { + background-color: var(--highlight); + color: #FFFFFF; + text-decoration: none; +} + + +/* KPI Card +========================================================================== */ + +@media screen and (min-width: 992px) { + .kpis-container { + display: flex; + justify-content: center; + } +} + +.kpi-card { + background-color: var(--boxes-background); + height: 100%; + padding: 30px; + border-radius: 4px; + box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + text-align: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; +} + + +.kpi-title { + font-weight: normal; + color: var(--highlight); + font-size: 3.2rem; + margin-top: 0; + margin-bottom: 7px; + max-width: 100%; +} + +.kpi-unit { + font-size: 0.8em; + color: var(--secondary-color); +} + +/* Access-card +========================================================================== */ + +.col-md-4 { + padding-bottom: 20px +} + + +ul { + padding-left: 13px; +} + +.access-card { + border-radius: 10px; + background-color: #fff; + height: 100%; + background-color: #f6f8fb; + box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.13); + transition: all 0.3s; + display: block; + color: var(--text); + margin-bottom: 10px; + display: flex; + flex-direction: column; + justify-content: space-between; + overflow: hidden; + +} + +.access-card:hover { + box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.5); + text-decoration: none; + overflow: hidden; +} + +.access-card-img { + background-repeat: no-repeat; + background-size: cover; + background-position: center; + height: 250px; + position: relative; + border-radius: 10px 10px 0 0; +} + +.access-card-content { + padding: 26px 26px 10px 26px; +} + +.access-card-pretitle { + text-transform: uppercase; + color: #FFF; + background-color: var(--links) ; + border-radius: 3px; + font-weight: 400; + margin: 0px; + font-size: 12px; + position: absolute; + bottom: 15px; + left: 26px; + padding: 5px; +} + +.access-card-title { + font-weight: 400; + margin: 10px 0px; + font-size: 22px; + border-bottom: solid var(--highlight) 2px; + padding-bottom: 10px; +} + +.access-card-subtitle { + font-size: 16px; + font-weight: 400; + margin: 0px 0px 10px 0px; +} + +.access-card-content p { + margin: 5px 0px; +} + +.access-card-button { + display: flex; + justify-content: center; + margin: 0px 26px 26px; + padding-top: 0px; +} + +.access-card-button:hover { + opacity: 0.7; +} + +.access-card-button-content { + background-color: var(--highlight); + text-align: center; + color: #FFF; + border-radius: 24px; + padding: 10px 20px 10px 20px; + width: fit-content; +} diff --git a/public/page-templates/dataviz-gallery/2/html.inc b/public/page-templates/dataviz-gallery/2/html.inc new file mode 100644 index 000000000..dbd6f18f8 --- /dev/null +++ b/public/page-templates/dataviz-gallery/2/html.inc @@ -0,0 +1,149 @@ +
      + + +

      Dataviz Gallery

      +

      + On this page you will find the latest visualizations created on our portal. +

      +
      + +
      + + + +
      + + +
      +
      + +
      +
      +
      + Delete the filter + +
      +
      +
      + + + +
      + + +
      + +
      +

      + {{ (agg[0].x || 0) | number : (kpi.precision || 0) }} + {{ kpi.unit }} +

      +

      + Selected data visualisations +

      +
      + +
      + + + +
      +
      + +
      + +
      +
      + +
      +

      {{item.fields.theme}}

      +
      +       +
      +

      {{ item.fields.title }}

      + +

      Datasets in use :

      + + +
      +
      +
      +
      + Access +
      +       +
      +
      +
      +
      +
      + +       +
      \ No newline at end of file diff --git a/public/page-templates/dataviz-gallery/index.html b/public/page-templates/dataviz-gallery/index.html new file mode 100644 index 000000000..b25107df2 --- /dev/null +++ b/public/page-templates/dataviz-gallery/index.html @@ -0,0 +1,4876 @@ + + + + + + Dataviz gallery page – Codelibrary + + + + + + + + + + + + + + + + + + + + + + + + + +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      + + +
      +
      + +
      +
      +

      Page Templates - Dataviz gallery page

      +
      +

      This template is a mixture of the Listing page template and the Access Cards component. It was created to offer a simple way of showcasing your data visualizations, custom views, maps and Studio pages on your portal.

      +

      It offers more customization possibilities to advanced users who would like to add or remove items from this template, like additional filters, new card content or adding a date range slider.

      +

      This ressource integrates the following widgets:

      + + +
      + +
      +

      + French version + + + + + +

      +
      +

      Please refer to this tutorial to see how to implement this template on your portal.

      + +
      + + +
      + + + + + + + + + + + + + + + + + + + + +
      +
      + +
      +
      +
      +
      + +
      + + + + + +
      +
      + + + + +
      + +
      + +
      + +
      +

      + English version + + + + + +

      +
      +

      Please refer to this tutorial to see how to implement this template on your portal.

      + +
      + + +
      + + + + + + + + + + + + + + + + + + + + +
      +
      + +
      +
      +
      +
      + +
      + + + + + +
      +
      + + + + +
      + +
      + +
      + +
      +
      + +
      +
      + +
      + + + + + © Copyright 2026 + +
      + + + + + + + + diff --git a/public/page-templates/fullscreen-map/1/html.inc b/public/page-templates/fullscreen-map/1/html.inc index 50d422f19..60b529852 100644 --- a/public/page-templates/fullscreen-map/1/html.inc +++ b/public/page-templates/fullscreen-map/1/html.inc @@ -36,7 +36,8 @@ {{ctx.nhits | number}} Air measurements

    - +

    Filters

    @@ -81,7 +82,10 @@ - + @@ -91,8 +95,10 @@ - + @@ -101,7 +107,9 @@ - + @@ -110,7 +118,10 @@ - + @@ -130,7 +141,7 @@ ng-model="search['query']" ng-model-options="{ updateOn: 'keyup', debounce: { 'default': 500, 'blur': 0 }}" - ng-change="ctx.parameters['q'] = search['query'];" /> + ng-change="ctx.parameters['q'] = search['query'];"/>
    PM10 Heatmap" ng-click="activemaplayer = 'PM10'; ctx.parameters['refine.measurements_parameter'] = 'PM10';"> - +
    - +
    + color="#45423E" picto="ods-connected_temp" show-marker="false" display="auto" shape-opacity="0.5" + point-opacity="1" border-color="#FFFFFF" border-opacity="1" border-size="1" + border-pattern="solid" + caption="false" caption-picto-color="#E5E5E5" title="Air Quality measurements" size="5" + size-min="2" size-max="6" size-function="linear">
    • {{ record.fields.location }}
    • {{ record.fields.measurements_lastupdated | date:'medium'}}
      • -
    • {{ record.fields.measurements_parameter }}: {{ record.fields.measurements_value }} {{ record.fields.measurements_unit }}
      • +
    • {{ record.fields.measurements_parameter }}: {{ record.fields.measurements_value }} {{ record.fields.measurements_unit }} +
    • (source: {{ record.fields.measurements_sourcename }})
     + color-gradient="{'1':'#FFFFFF','0.3':'#FF0000','0.6':'#FFFF00'}" picto="ods-connected_temp" + show-marker="false" display="heatmap" radius="1" function="AVG" expression="measurements_value" + shape-opacity="0.5" point-opacity="1" border-color="#FFFFFF" border-opacity="1" border-size="1" + border-pattern="solid" + caption="false" caption-picto-color="#E5E5E5" title="PM10 Heatmap" + size-function="log"> + color-gradient="{'1':'#00FAFA','0.2':'#000000','0.4':'#183567','0.6':'#2E649E','0.8':'#17ADCB'}" + picto="ods-connected_temp" show-marker="false" display="heatmap" radius="1" function="AVG" + expression="measurements_value" shape-opacity="0.5" point-opacity="1" border-color="#FFFFFF" + border-opacity="1" border-size="1" border-pattern="solid" + caption="false" caption-picto-color="#E5E5E5" title="O3 Heatmap" + size-function="log"> diff --git a/public/page-templates/fullscreen-map/index.html b/public/page-templates/fullscreen-map/index.html index 6f33b8714..103b2e4ed 100644 --- a/public/page-templates/fullscreen-map/index.html +++ b/public/page-templates/fullscreen-map/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@
    - @@ -179,7 +196,7 @@
    • + href="https://codelibrary.huwize.com/"> Home
      • @@ -196,6 +213,54 @@ + + + + + + + + + + + + + + + + + + + + + +
    • + + Apps + + +
      • + + + + + + + + + + + + + + + + + + + + @@ -250,6 +315,9 @@ + + +
    • @@ -274,6 +342,9 @@ + + + @@ -323,6 +394,16 @@
      • +
    • + +
      + Dashboard with filters + + +
      +       +
      • +
      • +
    • + +
      + Dataviz gallery page + + +
      +       +
      • +
      • +
    • + +
      + Home page 4 with access cards + + +
      +       +
      • + +
    • + +
      + Listing page + + +
      +       +
      • +
      • @@ -554,51 +663,67 @@
      - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
      @@ -609,39 +734,48 @@
      -
      -

      Page Templates - Fullscreen map with filters

      -
      - -
      - -
      -

      - Fullscreen map - - - - - -

      -
      -

      The resource proposes a full screen map visualization. Ideal for datasets which key visuazation is the map. This resource contains filters and analytics drawers to propose filtering features and charts or KPI visualizations on top of the map. The example here uses air quality data.

      - -
      - -
      +
      +

      Page Templates - Fullscreen map with filters

      +
      + +
      +
      +

      + Fullscreen map + + + + + +

      +
      +

      The resource proposes a full screen map visualization. Ideal for datasets which key visuazation is the map. This resource contains filters and analytics drawers to propose filtering features and charts or KPI visualizations on top of the map. The example here uses air quality data.

      + +
      + + +
      + + + + + + + + +
      name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"ctx\"\n ctx-dataset=\"openaq\"\n ctx-domain=\"public\"\n ctx-parameters=\"{'q.forcefilter':'measurements_value \u003c 1000'}\"\n ng-init=\"activemaplayer = 'measurements';\n search = {'query' : ''};\"\u003e\n {{\n nb_active_filters =\n (ctx.parameters[\"refine.location\"].length\u003e=0?1:0) +\n (ctx.parameters[\"refine.measurements_sourcename\"].length\u003e=0?1:0) +\n (ctx.parameters[\"refine.measurements_parameter\"].length\u003e=0?1:0) ; \"\"\n }}\n \u003cdiv class=\"left\"\n ng-init=\"leftmodal = false\"\u003e\n \u003cdiv href=\"#\"\n class=\"filter-btn\"\n ng-class=\"{'filter-btn--active': leftmodal}\"\n ng-click=\"leftmodal = !leftmodal\"\u003e\n Filters\n \u003cspan class=\"filtered\" ng-if=\"nb_active_filters \u003e 0\"\u003e\n ({{ nb_active_filters }})\n \u003c/span\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cl-modal\" ng-class=\"{'cl-modal-active':leftmodal}\"\u003e\n \u003cdiv class=\"cl-modal__header\"\u003e\n \u003cdiv href=\"#\"\n class=\"closebtn\"\n ng-click=\"leftmodal = false\"\u003e\n \u003cspan\u003e\u0026lt;\u003c/span\u003e Close\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cl-modal__content\"\u003e\n \u003cdiv class=\"ods-filters-placeholder\" ods-sticky-scrollable=\"\"\u003e\n \u003cdiv class=\"\"\u003e\n \u003ch1 class=\"ods-filters__count\"\u003e\n \u003cspan class=\"ods-filters__count-number ng-binding\"\u003e{{ctx.nhits | number}}\u003c/span\u003e\n \u003cspan class=\"ods-filters__count-units\"\u003eAir measurements\u003c/span\u003e\n \u003c/h1\u003e\n \u003cods-filter-summary context=\"ctx\" exclude=\"refine.measurements_parameter,q.forcefilter\"\u003e\u003c/ods-filter-summary\u003e\n \u003ch1 class=\"ods-filters__filters\"\u003e\n Filters\n \u003c/h1\u003e\n \u003cods-facets context=\"ctx\"\u003e\n \u003ch3\u003e\n Polluant\n \u003c/h3\u003e\n \u003cods-facet name=\"measurements_parameter\"\n ng-click=\"activemaplayer = 'measurements'\"\u003e\u003c/ods-facet\u003e\n \u003ch3\u003e\n Location\n \u003c/h3\u003e\n \u003cods-facet name=\"location\"\u003e\u003c/ods-facet\u003e\n \u003c/ods-facets\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"right\"\n ng-init=\"rightmodal\"\u003e\n \u003cdiv href=\"#\"\n class=\"filter-btn\"\n ng-class=\"{'filter-btn--active': rightmodal}\"\n ng-click=\"rightmodal = !rightmodal\"\u003e\n Analytics\n \u003c!--span class=\"filtered\" ng-if=\"nb_active_filters \u003e 0\"\u003e\n ({{ nb_active_filters }})\n \u003c/span--\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cl-modal\" ng-class=\"{'cl-modal-active':rightmodal}\"\u003e\n \u003cdiv class=\"cl-modal__header\"\u003e\n \u003cdiv href=\"#\"\n class=\"closebtn\"\n ng-click=\"rightmodal = false\"\u003e\n Close \u003cspan\u003e\u0026gt;\u003c/span\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cl-modal__content\"\u003e\n \u003ch3\u003e\n Average {{ activemaplayer }} evolution over months\n \u003c/h3\u003e\n \u003cods-chart timescale=\"year\" display-legend=\"false\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"ctx\" field-x=\"measurements_lastupdated\" maxpoints=\"5\" timescale=\"month\"\u003e\n \u003cods-chart-serie expression-y=\"measurements_value\" chart-type=\"spline\" function-y=\"AVG\" label-y=\"Average value evolution over time\" color=\"#CF4626\" display-values=\"true\" display-stack-values=\"false\" logarithmic=\"false\" scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003ch3\u003e\n Most measured pollutant\n \u003c/h3\u003e\n \u003cods-chart display-legend=\"false\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"ctx\" field-x=\"measurements_parameter\" maxpoints=\"5\" sort=\"serie1-1\"\n category-colors=\"{'NO2':'#F4F2ED','O3':'#6a83ab','PM10':'#CF4626','SO2':'#45423E','PM2.5':'#CF4626','CO':'#6B83AB','BC':'#45423E'}\"\u003e\n \u003cods-chart-serie expression-y=\"measurements_value\" chart-type=\"pie\" function-y=\"COUNT\" label-y=\"Most measured pollutant\"\n color=\"range-Paired\" display-values=\"false\" display-stack-values=\"false\" logarithmic=\"false\" scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003ch3\u003e\n Most active source\n \u003c/h3\u003e\n \u003cods-chart display-legend=\"false\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"ctx\" field-x=\"measurements_sourcename\" maxpoints=\"5\" sort=\"serie1-1\"\u003e\n \u003cods-chart-serie expression-y=\"measurements_value\" chart-type=\"column\" function-y=\"COUNT\" label-y=\"Most active source\" color=\"#CF4626\" display-values=\"true\" display-stack-values=\"false\" logarithmic=\"false\" scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003ch3\u003e\n Most active location\n \u003c/h3\u003e\n \u003cods-chart display-legend=\"false\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"ctx\" field-x=\"location\" maxpoints=\"5\" sort=\"serie1-1\"\u003e\n \u003cods-chart-serie expression-y=\"measurements_value\" chart-type=\"pie\" function-y=\"COUNT\" label-y=\"Most active source\" display-values=\"false\" display-stack-values=\"false\" logarithmic=\"false\" scientific-display=\"true\" color=\"#cf4526\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003c!--div class=\"cl-modal__footer\"\u003e\n Recherchez, cliquez pour sélectionner et filtrer, puis revenez pour voir votre rapport mis à jour\n \u003c/div--\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"search-module\"\u003e\n \u003cdiv class=\"input-holder\"\u003e\n \u003cdiv class=\"zoom-before-input\"\u003e\u003ci class=\"fa fa-search\" aria-hidden=\"true\"\u003e\u003c/i\u003e\u003c/div\u003e\n \u003cinput type=\"text\"\n name=\"xzxzzxzxzxzxzxzxzxxzxzzxx\"\n autocomplete=\"off\"\n placeholder=\"Search...\"\n ng-model=\"search['query']\"\n ng-model-options=\"{ updateOn: 'keyup',\n debounce: { 'default': 500, 'blur': 0 }}\"\n ng-change=\"ctx.parameters['q'] = search['query'];\" /\u003e\n \u003cdiv class=\"clear-button\"\n ng-if=\"search['query']\"\n ng-click=\"search.query = undefined;\n ctx.parameters['q'] = null\"\u003e\n \u003ci class=\"fa fa-ban\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"input-holder dark\"\n ods-tooltip=\"\u003cspan style='font-size:1.4em; font-weight: 200;'\u003eMeasurements\u003c/strong\u003e\"\n ng-click=\"activemaplayer = 'measurements';\n ctx.parameters['refine.measurements_parameter'] = undefined;\"\u003e\n \u003ci class=\"fa fa-map-marker\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003cdiv class=\"input-holder red\"\n ods-tooltip=\"\u003cspan style='font-size:1.4em; font-weight: 200;'\u003ePM10 Heatmap\u003c/strong\u003e\"\n ng-click=\"activemaplayer = 'PM10';\n ctx.parameters['refine.measurements_parameter'] = 'PM10';\"\u003e\n \u003cods-picto url=\"'https://public.opendatasoft.com/static/pictos/img/set-v3/pictos/fire.svg'\" color=\"'#f4f2ec'\"\u003e\u003c/ods-picto\u003e\n \u003c/div\u003e\n \u003cdiv class=\"input-holder blue\"\n ods-tooltip=\"\u003cspan style='font-size:1.4em; font-weight: 200;'\u003eOzone Heatmap\u003c/strong\u003e\"\n ng-click=\"activemaplayer = 'O3';\n ctx.parameters['refine.measurements_parameter'] = 'O3';\"\u003e\n \u003cods-picto url=\"'https://public.opendatasoft.com/static/pictos/img/set-v3/pictos/fire.svg'\" color=\"'#f4f2ec'\"\u003e\u003c/ods-picto\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"kpi-module\"\n ng-if=\"ctx.parameters['refine.measurements_parameter']\"\n ods-aggregation=\"min,max,avg\"\n ods-aggregation-min-context=\"ctx\"\n ods-aggregation-min-function=\"MIN\"\n ods-aggregation-min-expression=\"measurements_value\"\n ods-aggregation-max-context=\"ctx\"\n ods-aggregation-max-function=\"MAX\"\n ods-aggregation-max-expression=\"measurements_value\"\n ods-aggregation-avg-context=\"ctx\"\n ods-aggregation-avg-function=\"AVG\"\n ods-aggregation-avg-expression=\"measurements_value\"\u003e\n \u003cdiv class=\"kpi\" ng-if=\"activemaplayer != 'measurements'\"\n ng-class=\"{\n 'blue':activemaplayer=='O3',\n 'red':activemaplayer=='PM10'\n }\"\u003e\n \u003cdiv class=\"kpi-title\"\u003eMin {{ activemaplayer }}\u003c/div\u003e\n \u003cdiv class=\"kpi-title--unit\"\u003eMinimum value measurement\u003c/div\u003e\n \u003cdiv class=\"kpi-value\"\u003e{{ min | number : 1 }}\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"kpi\" ng-if=\"activemaplayer != 'measurements'\"\n ng-class=\"{\n 'blue':activemaplayer=='O3',\n 'red':activemaplayer=='PM10'\n }\"\u003e\n \u003cdiv class=\"kpi-title\"\u003eAvg {{ activemaplayer }}\u003c/div\u003e\n \u003cdiv class=\"kpi-title--unit\"\u003eAverage value measurement\u003c/div\u003e\n \u003cdiv class=\"kpi-value\"\u003e{{ avg | number : 1 }}\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"kpi\" ng-if=\"activemaplayer != 'measurements'\"\n ng-class=\"{\n 'blue':activemaplayer=='O3',\n 'red':activemaplayer=='PM10'\n }\"\u003e\n \u003cdiv class=\"kpi-title\"\u003eMax {{ activemaplayer }}\u003c/div\u003e\n \u003cdiv class=\"kpi-title--unit\"\u003eMaximum value measurement\u003c/div\u003e\n \u003cdiv class=\"kpi-value\"\u003e{{ max | number : 1 }}\u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cods-map no-refit=\"true\" scroll-wheel-zoom=\"true\" display-control=\"false\"\n display-control-single-layer=\"false\"\n toolbar-fullscreen=\"false\"\n basemap=\"mapbox.light\"\u003e\n \u003cods-map-layer context=\"ctx\"\n show-if=\"activemaplayer == 'measurements'\"\n color=\"#45423E\" picto=\"ods-connected_temp\" show-marker=\"false\" display=\"auto\" shape-opacity=\"0.5\" point-opacity=\"1\" border-color=\"#FFFFFF\" border-opacity=\"1\" border-size=\"1\" border-pattern=\"solid\"\n caption=\"false\" caption-picto-color=\"#E5E5E5\" title=\"Air Quality measurements\" size=\"5\" size-min=\"2\" size-max=\"6\" size-function=\"linear\"\u003e\n \u003cul style=\"display: block; list-style-type: none; padding:0; margin:0;\"\u003e\n \u003cli\u003e\u003cstrong style=\"font-size:17px;\"\u003e{{ record.fields.location }}\u003c/strong\u003e\u003c/li\u003e\n \u003cli\u003e{{ record.fields.measurements_lastupdated | date:'medium'}}\u003c/li\u003e\n \u003cli\u003e\u003cstrong\u003e\u003ci class=\"fa fa-leaf\"\u003e\u003c/i\u003e {{ record.fields.measurements_parameter }}: {{ record.fields.measurements_value }} {{ record.fields.measurements_unit }}\u003c/strong\u003e\u003c/li\u003e\n \u003cli\u003e(source: {{ record.fields.measurements_sourcename }})\u003c/li\u003e\n \u003c/ul\u003e\n \u003c/ods-map-layer\u003e\n \u003cods-map-layer context=\"ctx\"\n show-if=\"activemaplayer == 'PM10'\"\n color-gradient=\"{'1':'#FFFFFF','0.3':'#FF0000','0.6':'#FFFF00'}\" picto=\"ods-connected_temp\" show-marker=\"false\" display=\"heatmap\"radius=\"1\" function=\"AVG\" expression=\"measurements_value\" shape-opacity=\"0.5\" point-opacity=\"1\" border-color=\"#FFFFFF\" border-opacity=\"1\" border-size=\"1\" border-pattern=\"solid\"\n caption=\"false\" caption-picto-color=\"#E5E5E5\" title=\"PM10 Heatmap\" size-function=\"log\"\u003e\u003c/ods-map-layer\u003e\n \u003cods-map-layer context=\"ctx\"\n show-if=\"activemaplayer == 'O3'\"\n color-gradient=\"{'1':'#00FAFA','0.2':'#000000','0.4':'#183567','0.6':'#2E649E','0.8':'#17ADCB'}\" picto=\"ods-connected_temp\" show-marker=\"false\" display=\"heatmap\"radius=\"1\" function=\"AVG\" expression=\"measurements_value\" shape-opacity=\"0.5\" point-opacity=\"1\" border-color=\"#FFFFFF\" border-opacity=\"1\" border-size=\"1\" border-pattern=\"solid\"\n caption=\"false\" caption-picto-color=\"#E5E5E5\" title=\"O3 Heatmap\" size-function=\"log\"\u003e\u003c/ods-map-layer\u003e\n \u003c/ods-map\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"ctx\"\n ctx-dataset=\"openaq\"\n ctx-domain=\"public\"\n ctx-parameters=\"{'q.forcefilter':'measurements_value \u003c 1000'}\"\n ng-init=\"activemaplayer = 'measurements';\n search = {'query' : ''};\"\u003e\n {{\n nb_active_filters =\n (ctx.parameters[\"refine.location\"].length\u003e=0?1:0) +\n (ctx.parameters[\"refine.measurements_sourcename\"].length\u003e=0?1:0) +\n (ctx.parameters[\"refine.measurements_parameter\"].length\u003e=0?1:0) ; \"\"\n }}\n \u003cdiv class=\"left\"\n ng-init=\"leftmodal = false\"\u003e\n \u003cdiv href=\"#\"\n class=\"filter-btn\"\n ng-class=\"{'filter-btn--active': leftmodal}\"\n ng-click=\"leftmodal = !leftmodal\"\u003e\n Filters\n \u003cspan class=\"filtered\" ng-if=\"nb_active_filters \u003e 0\"\u003e\n ({{ nb_active_filters }})\n \u003c/span\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cl-modal\" ng-class=\"{'cl-modal-active':leftmodal}\"\u003e\n \u003cdiv class=\"cl-modal__header\"\u003e\n \u003cdiv href=\"#\"\n class=\"closebtn\"\n ng-click=\"leftmodal = false\"\u003e\n \u003cspan\u003e\u0026lt;\u003c/span\u003e Close\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cl-modal__content\"\u003e\n \u003cdiv class=\"ods-filters-placeholder\" ods-sticky-scrollable=\"\"\u003e\n \u003cdiv class=\"\"\u003e\n \u003ch1 class=\"ods-filters__count\"\u003e\n \u003cspan class=\"ods-filters__count-number ng-binding\"\u003e{{ctx.nhits | number}}\u003c/span\u003e\n \u003cspan class=\"ods-filters__count-units\"\u003eAir measurements\u003c/span\u003e\n \u003c/h1\u003e\n \u003cods-filter-summary context=\"ctx\"\n exclude=\"refine.measurements_parameter,q.forcefilter\"\u003e\u003c/ods-filter-summary\u003e\n \u003ch1 class=\"ods-filters__filters\"\u003e\n Filters\n \u003c/h1\u003e\n \u003cods-facets context=\"ctx\"\u003e\n \u003ch3\u003e\n Polluant\n \u003c/h3\u003e\n \u003cods-facet name=\"measurements_parameter\"\n ng-click=\"activemaplayer = 'measurements'\"\u003e\u003c/ods-facet\u003e\n \u003ch3\u003e\n Location\n \u003c/h3\u003e\n \u003cods-facet name=\"location\"\u003e\u003c/ods-facet\u003e\n \u003c/ods-facets\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"right\"\n ng-init=\"rightmodal\"\u003e\n \u003cdiv href=\"#\"\n class=\"filter-btn\"\n ng-class=\"{'filter-btn--active': rightmodal}\"\n ng-click=\"rightmodal = !rightmodal\"\u003e\n Analytics\n \u003c!--span class=\"filtered\" ng-if=\"nb_active_filters \u003e 0\"\u003e\n ({{ nb_active_filters }})\n \u003c/span--\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cl-modal\" ng-class=\"{'cl-modal-active':rightmodal}\"\u003e\n \u003cdiv class=\"cl-modal__header\"\u003e\n \u003cdiv href=\"#\"\n class=\"closebtn\"\n ng-click=\"rightmodal = false\"\u003e\n Close \u003cspan\u003e\u0026gt;\u003c/span\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cl-modal__content\"\u003e\n \u003ch3\u003e\n Average {{ activemaplayer }} evolution over months\n \u003c/h3\u003e\n \u003cods-chart timescale=\"year\" display-legend=\"false\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"ctx\" field-x=\"measurements_lastupdated\" maxpoints=\"5\" timescale=\"month\"\u003e\n \u003cods-chart-serie expression-y=\"measurements_value\" chart-type=\"spline\" function-y=\"AVG\"\n label-y=\"Average value evolution over time\" color=\"#CF4626\"\n display-values=\"true\" display-stack-values=\"false\" logarithmic=\"false\"\n scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003ch3\u003e\n Most measured pollutant\n \u003c/h3\u003e\n \u003cods-chart display-legend=\"false\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"ctx\" field-x=\"measurements_parameter\" maxpoints=\"5\" sort=\"serie1-1\"\n category-colors=\"{'NO2':'#F4F2ED','O3':'#6a83ab','PM10':'#CF4626','SO2':'#45423E','PM2.5':'#CF4626','CO':'#6B83AB','BC':'#45423E'}\"\u003e\n \u003cods-chart-serie expression-y=\"measurements_value\" chart-type=\"pie\" function-y=\"COUNT\"\n label-y=\"Most measured pollutant\"\n color=\"range-Paired\" display-values=\"false\" display-stack-values=\"false\"\n logarithmic=\"false\" scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003ch3\u003e\n Most active source\n \u003c/h3\u003e\n \u003cods-chart display-legend=\"false\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"ctx\" field-x=\"measurements_sourcename\" maxpoints=\"5\" sort=\"serie1-1\"\u003e\n \u003cods-chart-serie expression-y=\"measurements_value\" chart-type=\"column\" function-y=\"COUNT\"\n label-y=\"Most active source\" color=\"#CF4626\" display-values=\"true\"\n display-stack-values=\"false\" logarithmic=\"false\" scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003ch3\u003e\n Most active location\n \u003c/h3\u003e\n \u003cods-chart display-legend=\"false\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"ctx\" field-x=\"location\" maxpoints=\"5\" sort=\"serie1-1\"\u003e\n \u003cods-chart-serie expression-y=\"measurements_value\" chart-type=\"pie\" function-y=\"COUNT\"\n label-y=\"Most active source\" display-values=\"false\"\n display-stack-values=\"false\" logarithmic=\"false\" scientific-display=\"true\"\n color=\"#cf4526\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003c!--div class=\"cl-modal__footer\"\u003e\n Recherchez, cliquez pour sélectionner et filtrer, puis revenez pour voir votre rapport mis à jour\n \u003c/div--\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"search-module\"\u003e\n \u003cdiv class=\"input-holder\"\u003e\n \u003cdiv class=\"zoom-before-input\"\u003e\u003ci class=\"fa fa-search\" aria-hidden=\"true\"\u003e\u003c/i\u003e\u003c/div\u003e\n \u003cinput type=\"text\"\n name=\"xzxzzxzxzxzxzxzxzxxzxzzxx\"\n autocomplete=\"off\"\n placeholder=\"Search...\"\n ng-model=\"search['query']\"\n ng-model-options=\"{ updateOn: 'keyup',\n debounce: { 'default': 500, 'blur': 0 }}\"\n ng-change=\"ctx.parameters['q'] = search['query'];\"/\u003e\n \u003cdiv class=\"clear-button\"\n ng-if=\"search['query']\"\n ng-click=\"search.query = undefined;\n ctx.parameters['q'] = null\"\u003e\n \u003ci class=\"fa fa-ban\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"input-holder dark\"\n ods-tooltip=\"\u003cspan style='font-size:1.4em; font-weight: 200;'\u003eMeasurements\u003c/strong\u003e\"\n ng-click=\"activemaplayer = 'measurements';\n ctx.parameters['refine.measurements_parameter'] = undefined;\"\u003e\n \u003ci class=\"fa fa-map-marker\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003cdiv class=\"input-holder red\"\n ods-tooltip=\"\u003cspan style='font-size:1.4em; font-weight: 200;'\u003ePM10 Heatmap\u003c/strong\u003e\"\n ng-click=\"activemaplayer = 'PM10';\n ctx.parameters['refine.measurements_parameter'] = 'PM10';\"\u003e\n \u003cods-picto url=\"'https://public.huwise.com/static/pictos/img/set-v3/pictos/fire.svg'\"\n color=\"'#f4f2ec'\"\u003e\u003c/ods-picto\u003e\n \u003c/div\u003e\n \u003cdiv class=\"input-holder blue\"\n ods-tooltip=\"\u003cspan style='font-size:1.4em; font-weight: 200;'\u003eOzone Heatmap\u003c/strong\u003e\"\n ng-click=\"activemaplayer = 'O3';\n ctx.parameters['refine.measurements_parameter'] = 'O3';\"\u003e\n \u003cods-picto url=\"'https://public.huwise.com/static/pictos/img/set-v3/pictos/fire.svg'\"\n color=\"'#f4f2ec'\"\u003e\u003c/ods-picto\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"kpi-module\"\n ng-if=\"ctx.parameters['refine.measurements_parameter']\"\n ods-aggregation=\"min,max,avg\"\n ods-aggregation-min-context=\"ctx\"\n ods-aggregation-min-function=\"MIN\"\n ods-aggregation-min-expression=\"measurements_value\"\n ods-aggregation-max-context=\"ctx\"\n ods-aggregation-max-function=\"MAX\"\n ods-aggregation-max-expression=\"measurements_value\"\n ods-aggregation-avg-context=\"ctx\"\n ods-aggregation-avg-function=\"AVG\"\n ods-aggregation-avg-expression=\"measurements_value\"\u003e\n \u003cdiv class=\"kpi\" ng-if=\"activemaplayer != 'measurements'\"\n ng-class=\"{\n 'blue':activemaplayer=='O3',\n 'red':activemaplayer=='PM10'\n }\"\u003e\n \u003cdiv class=\"kpi-title\"\u003eMin {{ activemaplayer }}\u003c/div\u003e\n \u003cdiv class=\"kpi-title--unit\"\u003eMinimum value measurement\u003c/div\u003e\n \u003cdiv class=\"kpi-value\"\u003e{{ min | number : 1 }}\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"kpi\" ng-if=\"activemaplayer != 'measurements'\"\n ng-class=\"{\n 'blue':activemaplayer=='O3',\n 'red':activemaplayer=='PM10'\n }\"\u003e\n \u003cdiv class=\"kpi-title\"\u003eAvg {{ activemaplayer }}\u003c/div\u003e\n \u003cdiv class=\"kpi-title--unit\"\u003eAverage value measurement\u003c/div\u003e\n \u003cdiv class=\"kpi-value\"\u003e{{ avg | number : 1 }}\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"kpi\" ng-if=\"activemaplayer != 'measurements'\"\n ng-class=\"{\n 'blue':activemaplayer=='O3',\n 'red':activemaplayer=='PM10'\n }\"\u003e\n \u003cdiv class=\"kpi-title\"\u003eMax {{ activemaplayer }}\u003c/div\u003e\n \u003cdiv class=\"kpi-title--unit\"\u003eMaximum value measurement\u003c/div\u003e\n \u003cdiv class=\"kpi-value\"\u003e{{ max | number : 1 }}\u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cods-map no-refit=\"true\" scroll-wheel-zoom=\"true\" display-control=\"false\"\n display-control-single-layer=\"false\"\n toolbar-fullscreen=\"false\"\n basemap=\"mapbox.light\"\u003e\n \u003cods-map-layer context=\"ctx\"\n show-if=\"activemaplayer == 'measurements'\"\n color=\"#45423E\" picto=\"ods-connected_temp\" show-marker=\"false\" display=\"auto\" shape-opacity=\"0.5\"\n point-opacity=\"1\" border-color=\"#FFFFFF\" border-opacity=\"1\" border-size=\"1\"\n border-pattern=\"solid\"\n caption=\"false\" caption-picto-color=\"#E5E5E5\" title=\"Air Quality measurements\" size=\"5\"\n size-min=\"2\" size-max=\"6\" size-function=\"linear\"\u003e\n \u003cul style=\"display: block; list-style-type: none; padding:0; margin:0;\"\u003e\n \u003cli\u003e\u003cstrong style=\"font-size:17px;\"\u003e{{ record.fields.location }}\u003c/strong\u003e\u003c/li\u003e\n \u003cli\u003e{{ record.fields.measurements_lastupdated | date:'medium'}}\u003c/li\u003e\n \u003cli\u003e\u003cstrong\u003e\u003ci\n class=\"fa fa-leaf\"\u003e\u003c/i\u003e {{ record.fields.measurements_parameter }}: {{ record.fields.measurements_value }} {{ record.fields.measurements_unit }}\u003c/strong\u003e\n \u003c/li\u003e\n \u003cli\u003e(source: {{ record.fields.measurements_sourcename }})\u003c/li\u003e\n \u003c/ul\u003e\n \u003c/ods-map-layer\u003e\n \u003cods-map-layer context=\"ctx\"\n show-if=\"activemaplayer == 'PM10'\"\n color-gradient=\"{'1':'#FFFFFF','0.3':'#FF0000','0.6':'#FFFF00'}\" picto=\"ods-connected_temp\"\n show-marker=\"false\" display=\"heatmap\" radius=\"1\" function=\"AVG\" expression=\"measurements_value\"\n shape-opacity=\"0.5\" point-opacity=\"1\" border-color=\"#FFFFFF\" border-opacity=\"1\" border-size=\"1\"\n border-pattern=\"solid\"\n caption=\"false\" caption-picto-color=\"#E5E5E5\" title=\"PM10 Heatmap\"\n size-function=\"log\"\u003e\u003c/ods-map-layer\u003e\n \u003cods-map-layer context=\"ctx\"\n show-if=\"activemaplayer == 'O3'\"\n color-gradient=\"{'1':'#00FAFA','0.2':'#000000','0.4':'#183567','0.6':'#2E649E','0.8':'#17ADCB'}\"\n picto=\"ods-connected_temp\" show-marker=\"false\" display=\"heatmap\" radius=\"1\" function=\"AVG\"\n expression=\"measurements_value\" shape-opacity=\"0.5\" point-opacity=\"1\" border-color=\"#FFFFFF\"\n border-opacity=\"1\" border-size=\"1\" border-pattern=\"solid\"\n caption=\"false\" caption-picto-color=\"#E5E5E5\" title=\"O3 Heatmap\"\n size-function=\"log\"\u003e\u003c/ods-map-layer\u003e\n \u003c/ods-map\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", "css": "\nbody, h1, h2, h3 {\n color: #45423E;\n}\nmain, body {\n margin: 0;\n padding: 0;\n}\n.main--page {\n margin-top: 0px;\n}\n.ods-front-header, .ods-front-footer, .ods-content:after, footer {\n display: none;\n}\nods-dataset-context {\n position: relative;\n}\n.odswidget.odswidget-map {\n width: 100%;\n height: 100vh;\n}\n.leaflet-popup-content {\n width: 350px !important;\n}\n.odswidget-record-image {\n text-align: center;\n}\n.ods-filters__filters, .ods-filters__count {\n color: #f4f2ec;\n background-color: #6B83AB;\n}\nods-facets h3 {\n color: #45423c;\n}\nrect.highcharts-background {\n fill: transparent !important;\n}\n.highcharts-yaxis {\n display: none;\n}\n/* Button */\n.filter-btn {\n position: absolute;\n top: 225px;\n left: -15px;\n transform: rotate(-90deg);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.4em;\n width: 200px;\n height: 40px;\n padding: 11px;\n border: #F4F2ED;\n border-radius: 0px 0px 4px 4px;\n transition: ease-in 0.3s;\n box-shadow: 4px 4px 12px -1px #94928c;\n text-decoration: none;\n z-index: 3;\n color: #f4f2ec;\n background-color: #6B83AB;\n}\n.filter-btn--active {\n left: 315px;\n}\n.filter-btn:hover {\n box-shadow: 0 10px 26px 5px #a7a49d;\n}\nspan.filtered {\n color: red;\n margin: 0px 4px;\n font-weight: 600;\n}\n/* MODAL */\n.cl-modal {\n display: flex;\n flex-direction: column;\n height: -webkit-calc(100vh - 195px);\n height: -moz-calc(100vh - 195px);\n height: calc(100vh - 195px);\n margin-top: 105px;\n left: 45px;\n width: 20px;\n position: absolute;\n background-color: #f4f2ec;\n border-radius: 4px;\n border-left: 8px solid #6B83AB;\n z-index: 3;\n overflow: hidden; /* Disable horizontal scroll */\n transition: ease-in 0.3s;\n}\n.cl-modal-active {\n width: 350px;\n}\n.cl-modal__header,\n.cl-modal__footer {\n height: 65px;\n background-color: #F4F2ED;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n transition: opacity 0s;\n}\n.cl-modal-active .cl-modal__header, .cl-modal-active .cl-modal__footer {\n opacity: 1;\n transition-delay: 0.3s;\n}\n.cl-modal__header {\n border-bottom: 1px solid #bbbbbb;\n}\n.cl-modal__footer {\n border-top: 1px solid #bbbbbb;\n}\n.cl-modal__content {\n height: 100%;\n overflow-y: auto;\n padding: 25px;\n opacity: 0;\n transition: opacity 0s;\n}\n.cl-modal-active .cl-modal__content {\n opacity: 1;\n transition-delay: 0.3s;\n}\n/* The button used to close the modal */\n.closebtn {\n font-size: 2.5em;\n font-weight: 200;\n}\n.closebtn span {\n font-weight: 300;\n}\n.closebtn:hover,\n.closebtn:focus {\n color: #000;\n text-decoration: none;\n cursor: pointer;\n}\n/* specific right modal */\n.right {\n position: relative;\n}\n.right .filter-btn {\n right: 0px;\n left: initial;\n transform: rotate(90deg);\n background-color: #CF4626;\n top: -webkit-calc(100vh - 180px);\n top: -moz-calc(100vh - 180px);\n top: calc(100vh - 180px);\n}\n.right .cl-modal {\n right: 60px;\n left: initial;\n border-left: none;\n border-right: 7px solid #CF4626;\n height: -webkit-calc(100vh - 130px);\n height: -moz-calc(100vh - 130px);\n height: calc(100vh - 130px);\n margin-top: 100px;\n}\n.right .filter-btn--active {\n left: initial;\n right: 430px;\n}\n.right .cl-modal-active {\n width: 450px;\n}\n/* specific because charts are loaded inside */\n.right .cl-modal__content {\n width: 450px;\n}\n/* SEARCH MODULE */\n.search-module {\n position: fixed;\n left: 0;\n right: 0;\n margin-left: auto;\n margin-right: auto;\n z-index: 2;\n top: 20px;\n width: 400px;\n font-size: 1.1em;\n font-weight: 300;\n display: flex;\n}\n.zoom-before-input {\n color: #ababab;\n font-size: 1.3em;\n}\n.input-holder, .odswidget-timerange__from, .odswidget-timerange__to {\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 55px; /* used for ODS picto */\n font-size: 1.4em; /* used for fontawesome picto */\n max-height: 55px;\n border: 1px solid #e4e4e4;\n padding: 11px;\n margin: 3px;\n border-radius: 4px;\n box-shadow: 1px 1px 5px gainsboro;\n background-color: #f4f2ec;\n z-index: 2;\n}\n.input-holder:hover {\n box-shadow: 1px 1px 10px 3px #74716c;\n}\n.input-holder input, .odswidget-timerange__from input, .odswidget-timerange__to input {\n border: none;\n width: 100%;\n margin-left: 8px;\n background-color: #f4f2ec;\n}\n.input-holder input:focus, .odswidget-timerange__from input:focus, .odswidget-timerange__to input:focus {\n outline: 0;\n}\n.input-holder .odswidget-picto {\n height: 30px;\n width: 30px;\n}\n.clear-button {\n font-size: 1.3em;\n}\n.blue {\n border: 1px solid #6a83ab;\n background-color: #6a83ab;\n color: #f4f2ec;\n}\n.red {\n border: 1px solid #cf4526;\n background-color: #cf4526;\n color: #f4f2ec;\n}\n.dark {\n border: 1px solid #45423E;\n background-color: #45423E;\n color: #f4f2ec;\n}\n/* KPI MODULE */\n.kpi-module {\n position: fixed;\n left: 0;\n right: 0;\n margin-left: auto;\n margin-right: auto;\n z-index: 2;\n bottom: 20px;\n width: 600px;\n display: flex;\n}\n.kpi {\n width: 100%;\n margin: 5px;\n padding: 0px 7px;\n background-color: #45423Eb5;\n border: 2px solid #45423Ed4;\n border-radius: 4px;\n color: #f4f2ec;\n}\n.kpi.blue {\n border: 2px solid #6a83abd4;\n background-color: #6a83abb5;\n}\n.kpi.red {\n border: 2px solid #cf4526d4;\n background-color: #cf4526b5;\n}\n.kpi-title {\n font-weight: 600;\n font-size: 1.3em;\n}\n.kpi-title--unit {\n font-weight: 100;\n font-size: 0.8em;\n}\n.kpi-value {\n font-weight: 400;\n font-size: 2em;\n text-align: center;\n}\n\n" }'>
      @@ -665,7 +799,8 @@

      width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -709,6 +844,7 @@

      const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -819,7 +955,9 @@

      $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
      <div ng-app="ods-widgets"> @@ -861,7 +999,8 @@

      <span class="ods-filters__count-number ng-binding">{{ctx.nhits | number}}</span> <span class="ods-filters__count-units">Air measurements</span> </h1> - <ods-filter-summary context="ctx" exclude="refine.measurements_parameter,q.forcefilter"></ods-filter-summary> + <ods-filter-summary context="ctx" + exclude="refine.measurements_parameter,q.forcefilter"></ods-filter-summary> <h1 class="ods-filters__filters"> Filters </h1> @@ -906,7 +1045,10 @@

      </h3> <ods-chart timescale="year" display-legend="false" align-month="true"> <ods-chart-query context="ctx" field-x="measurements_lastupdated" maxpoints="5" timescale="month"> - <ods-chart-serie expression-y="measurements_value" chart-type="spline" function-y="AVG" label-y="Average value evolution over time" color="#CF4626" display-values="true" display-stack-values="false" logarithmic="false" scientific-display="true"> + <ods-chart-serie expression-y="measurements_value" chart-type="spline" function-y="AVG" + label-y="Average value evolution over time" color="#CF4626" + display-values="true" display-stack-values="false" logarithmic="false" + scientific-display="true"> </ods-chart-serie> </ods-chart-query> </ods-chart> @@ -916,8 +1058,10 @@

      <ods-chart display-legend="false" align-month="true"> <ods-chart-query context="ctx" field-x="measurements_parameter" maxpoints="5" sort="serie1-1" category-colors="{'NO2':'#F4F2ED','O3':'#6a83ab','PM10':'#CF4626','SO2':'#45423E','PM2.5':'#CF4626','CO':'#6B83AB','BC':'#45423E'}"> - <ods-chart-serie expression-y="measurements_value" chart-type="pie" function-y="COUNT" label-y="Most measured pollutant" - color="range-Paired" display-values="false" display-stack-values="false" logarithmic="false" scientific-display="true"> + <ods-chart-serie expression-y="measurements_value" chart-type="pie" function-y="COUNT" + label-y="Most measured pollutant" + color="range-Paired" display-values="false" display-stack-values="false" + logarithmic="false" scientific-display="true"> </ods-chart-serie> </ods-chart-query> </ods-chart> @@ -926,7 +1070,9 @@

      </h3> <ods-chart display-legend="false" align-month="true"> <ods-chart-query context="ctx" field-x="measurements_sourcename" maxpoints="5" sort="serie1-1"> - <ods-chart-serie expression-y="measurements_value" chart-type="column" function-y="COUNT" label-y="Most active source" color="#CF4626" display-values="true" display-stack-values="false" logarithmic="false" scientific-display="true"> + <ods-chart-serie expression-y="measurements_value" chart-type="column" function-y="COUNT" + label-y="Most active source" color="#CF4626" display-values="true" + display-stack-values="false" logarithmic="false" scientific-display="true"> </ods-chart-serie> </ods-chart-query> </ods-chart> @@ -935,7 +1081,10 @@

      </h3> <ods-chart display-legend="false" align-month="true"> <ods-chart-query context="ctx" field-x="location" maxpoints="5" sort="serie1-1"> - <ods-chart-serie expression-y="measurements_value" chart-type="pie" function-y="COUNT" label-y="Most active source" display-values="false" display-stack-values="false" logarithmic="false" scientific-display="true" color="#cf4526"> + <ods-chart-serie expression-y="measurements_value" chart-type="pie" function-y="COUNT" + label-y="Most active source" display-values="false" + display-stack-values="false" logarithmic="false" scientific-display="true" + color="#cf4526"> </ods-chart-serie> </ods-chart-query> </ods-chart> @@ -955,7 +1104,7 @@

      ng-model="search['query']" ng-model-options="{ updateOn: 'keyup', debounce: { 'default': 500, 'blur': 0 }}" - ng-change="ctx.parameters['q'] = search['query'];" /> + ng-change="ctx.parameters['q'] = search['query'];"/> <div class="clear-button" ng-if="search['query']" ng-click="search.query = undefined; @@ -973,13 +1122,15 @@

      ods-tooltip="<span style='font-size:1.4em; font-weight: 200;'>PM10 Heatmap</strong>" ng-click="activemaplayer = 'PM10'; ctx.parameters['refine.measurements_parameter'] = 'PM10';"> - <ods-picto url="'https://public.opendatasoft.com/static/pictos/img/set-v3/pictos/fire.svg'" color="'#f4f2ec'"></ods-picto> + <ods-picto url="'https://public.huwise.com/static/pictos/img/set-v3/pictos/fire.svg'" + color="'#f4f2ec'"></ods-picto> </div> <div class="input-holder blue" ods-tooltip="<span style='font-size:1.4em; font-weight: 200;'>Ozone Heatmap</strong>" ng-click="activemaplayer = 'O3'; ctx.parameters['refine.measurements_parameter'] = 'O3';"> - <ods-picto url="'https://public.opendatasoft.com/static/pictos/img/set-v3/pictos/fire.svg'" color="'#f4f2ec'"></ods-picto> + <ods-picto url="'https://public.huwise.com/static/pictos/img/set-v3/pictos/fire.svg'" + color="'#f4f2ec'"></ods-picto> </div> </div> <div class="kpi-module" @@ -1028,23 +1179,36 @@

      basemap="mapbox.light"> <ods-map-layer context="ctx" show-if="activemaplayer == 'measurements'" - color="#45423E" picto="ods-connected_temp" show-marker="false" display="auto" shape-opacity="0.5" point-opacity="1" border-color="#FFFFFF" border-opacity="1" border-size="1" border-pattern="solid" - caption="false" caption-picto-color="#E5E5E5" title="Air Quality measurements" size="5" size-min="2" size-max="6" size-function="linear"> + color="#45423E" picto="ods-connected_temp" show-marker="false" display="auto" shape-opacity="0.5" + point-opacity="1" border-color="#FFFFFF" border-opacity="1" border-size="1" + border-pattern="solid" + caption="false" caption-picto-color="#E5E5E5" title="Air Quality measurements" size="5" + size-min="2" size-max="6" size-function="linear"> <ul style="display: block; list-style-type: none; padding:0; margin:0;"> <li><strong style="font-size:17px;">{{ record.fields.location }}</strong></li> <li>{{ record.fields.measurements_lastupdated | date:'medium'}}</li> - <li><strong><i class="fa fa-leaf"></i> {{ record.fields.measurements_parameter }}: {{ record.fields.measurements_value }} {{ record.fields.measurements_unit }}</strong></li> + <li><strong><i + class="fa fa-leaf"></i> {{ record.fields.measurements_parameter }}: {{ record.fields.measurements_value }} {{ record.fields.measurements_unit }}</strong> + </li> <li>(source: {{ record.fields.measurements_sourcename }})</li> </ul> </ods-map-layer> <ods-map-layer context="ctx" show-if="activemaplayer == 'PM10'" - color-gradient="{'1':'#FFFFFF','0.3':'#FF0000','0.6':'#FFFF00'}" picto="ods-connected_temp" show-marker="false" display="heatmap"radius="1" function="AVG" expression="measurements_value" shape-opacity="0.5" point-opacity="1" border-color="#FFFFFF" border-opacity="1" border-size="1" border-pattern="solid" - caption="false" caption-picto-color="#E5E5E5" title="PM10 Heatmap" size-function="log"></ods-map-layer> + color-gradient="{'1':'#FFFFFF','0.3':'#FF0000','0.6':'#FFFF00'}" picto="ods-connected_temp" + show-marker="false" display="heatmap" radius="1" function="AVG" expression="measurements_value" + shape-opacity="0.5" point-opacity="1" border-color="#FFFFFF" border-opacity="1" border-size="1" + border-pattern="solid" + caption="false" caption-picto-color="#E5E5E5" title="PM10 Heatmap" + size-function="log"></ods-map-layer> <ods-map-layer context="ctx" show-if="activemaplayer == 'O3'" - color-gradient="{'1':'#00FAFA','0.2':'#000000','0.4':'#183567','0.6':'#2E649E','0.8':'#17ADCB'}" picto="ods-connected_temp" show-marker="false" display="heatmap"radius="1" function="AVG" expression="measurements_value" shape-opacity="0.5" point-opacity="1" border-color="#FFFFFF" border-opacity="1" border-size="1" border-pattern="solid" - caption="false" caption-picto-color="#E5E5E5" title="O3 Heatmap" size-function="log"></ods-map-layer> + color-gradient="{'1':'#00FAFA','0.2':'#000000','0.4':'#183567','0.6':'#2E649E','0.8':'#17ADCB'}" + picto="ods-connected_temp" show-marker="false" display="heatmap" radius="1" function="AVG" + expression="measurements_value" shape-opacity="0.5" point-opacity="1" border-color="#FFFFFF" + border-opacity="1" border-size="1" border-pattern="solid" + caption="false" caption-picto-color="#E5E5E5" title="O3 Heatmap" + size-function="log"></ods-map-layer> </ods-map> </ods-dataset-context> </div>

      @@ -1337,8 +1501,16 @@

      "> -
      - + +

      -
      - -
      +
      + +
      + +
      - - + - © Copyright 2020 + © Copyright 2026
      @@ -2471,7 +2752,7 @@

      diff --git a/public/page-templates/home-1/1/css.inc b/public/page-templates/home-1/1/css.inc index fcda497b6..224d04130 100644 --- a/public/page-templates/home-1/1/css.inc +++ b/public/page-templates/home-1/1/css.inc @@ -358,34 +358,34 @@ * - Change the class name to something related to your project. */ .image-card-mobility { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/mobility-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/mobility-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/mobility-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/mobility-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/mobility-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/mobility-bg.jpg'); } .image-card-garden { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/garden-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/garden-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/garden-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/garden-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/garden-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/garden-bg.jpg'); } .image-card-gastronomy { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/gastronomy-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/gastronomy-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/gastronomy-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/gastronomy-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/gastronomy-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/gastronomy-bg.jpg'); } .image-card-sport { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/sport-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/sport-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/sport-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/sport-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/sport-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/sport-bg.jpg'); } .image-card-culture { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/culture-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/culture-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/culture-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/culture-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/culture-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/culture-bg.jpg'); } .image-card-education { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/education-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/education-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/education-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/education-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/education-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/education-bg.jpg'); } /* ========================================================================== Homepage Styles @@ -438,7 +438,7 @@ main { background-size: cover; /* You can replace the background-image by uploading an image to the portal assets and replacing the text in simple quotes below or use the URL of an image on the web */ - background-image: url('https://discovery.opendatasoft.com/assets/theme_image/header-bg.jpg'); + background-image: url('https://discovery.huwise.com/assets/theme_image/header-bg.jpg'); /* Position of the background-image on x y axis. Change these values to modify where the image is centered. */ diff --git a/public/page-templates/home-1/1/html.inc b/public/page-templates/home-1/1/html.inc index f7d9f0fab..29ab7bb2a 100644 --- a/public/page-templates/home-1/1/html.inc +++ b/public/page-templates/home-1/1/html.inc @@ -262,7 +262,7 @@

      diff --git a/public/page-templates/home-1/index.html b/public/page-templates/home-1/index.html index fd40c56c8..794c87dad 100644 --- a/public/page-templates/home-1/index.html +++ b/public/page-templates/home-1/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@ - @@ -179,7 +196,7 @@
      • + href="https://codelibrary.huwize.com/"> Home
        • @@ -196,6 +213,54 @@ + + + + + + + + + + + + + + + + + + + + + +
      • + + Apps + + +
        • + + + + + + + + + + + + + + + + + + + + @@ -250,6 +315,9 @@ + + +
      • @@ -274,6 +342,9 @@ + + + @@ -323,6 +394,16 @@
        • +
      • + +
        + Dashboard with filters + + +
        +         +
        • +
        • +
      • + +
        + Dataviz gallery page + + +
        +         +
        • +
        • +
      • + +
        + Home page 4 with access cards + + +
        +         +
        • + +
      • + +
        + Listing page + + +
        +         +
        • +
        • @@ -554,51 +663,67 @@
        - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
        @@ -609,27 +734,28 @@
        -
        -

        Page Templates - Home page 1

        -
        - -
        - -
        -

        - Preview - - - - - -

        -
        - -
        - -
        +
        +

        Page Templates - Home page 1

        +
        + +
        +
        +

        + Preview + + + + + +

        +
        + +
        + + +
        + @@ -641,6 +767,14 @@

        + + + + + + + +
        name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003c!--\n The \u003cods-catalog-context\u003e allows other widgets in this page to access the catalog of datasets in this platform.\n Check the ods-widgets documentation to learn more about ods-catalog-context.\n--\u003e\n\u003cods-catalog-context context=\"catalog\"\u003e\n \u003c!-- Header Image\n Check the .home-header class to change the background image\n --\u003e\n \u003csection class=\"home-header\"\u003e\u003c/section\u003e\n \u003c!-- Welcome card and KPI cards --\u003e\n \u003csection class=\"container\"\u003e\n \u003cdiv class=\"row row-equal-height\"\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003cdiv class=\"welcome-card\"\u003e\n \u003ch1 class=\"welcome-card-title\"\u003e\n Welcome to\n \u003cbr /\u003e\n Portal Name\n \u003c/h1\u003e\n \u003cp class=\"welcome-card-description\"\u003e\n Lorem ipsum dolor amet kombucha try-hard biodiesel XOXO scenester subway tile. Etsy selvage shaman master cleanse activated charcoal. Celiac hella wayfarers glossier palo santo pork belly. Vape twee stumptown normcore. Occupy fingerstache listicle etsy.\n \u003c/p\u003e\n \u003ca href=\"/explore/\"\n class=\"welcome-card-link\"\u003e\n Explore catalog \u003ci class=\"fa fa-long-arrow-right fa-fw\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003c!-- KPI box component --\u003e\n \u003cdiv class=\"kpi-card\"\u003e\n \u003ci class=\"kpi-icon fa fa-gitlab\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cp class=\"kpi-title\"\u003e\n 5,983\n \u003c/p\u003e\n \u003cp class=\"kpi-description\"\u003e\n Dignissim suspendisse in est ante in nibh nisl tincidunt eget\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003c!-- KPI box component --\u003e\n \u003cdiv class=\"kpi-card\"\u003e\n \u003ci class=\"kpi-icon fa fa-houzz\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cp class=\"kpi-title\"\u003e\n 18.3k\n \u003c/p\u003e\n \u003cp class=\"kpi-description\"\u003e\n Quam vulputate dignissim suspendisse in est ante in nibh. Faucibus nisl tincidunt eget nullam non nisi est sit amet\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003c!-- Catalog Search Box --\u003e\n \u003csection class=\"container\"\u003e\n \u003c!-- Search box card --\u003e\n \u003cdiv class=\"search-card\"\u003e\n \u003ch2 class=\"search-card-title\"\u003e\n What data are you looking for?\n \u003c/h2\u003e\n \u003cdiv class=\"search-card-container\"\u003e\n \u003cods-searchbox class=\"search-card-searchbox\"\n form-id=\"search-form\"\n translate=\"placeholder\"\n placeholder=\"Search for a dataset\"\u003e\n \u003c/ods-searchbox\u003e\n \u003cbutton type=\"submit\" form=\"search-form\" class=\"search-card-submit-button\"\u003e\n Search\n \u003c/button\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003c!-- Image cards with links --\u003e\n \u003csection class=\"container\"\u003e\n \u003ch2 class=\"home-subtitle\"\u003e\n Title for the best part with photos\n \u003c/h2\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003c!-- Image card --\u003e\n \u003ca href=\"#\"\n class=\"image-card image-card-mobility\"\u003e\n \u003cdiv class=\"image-content\"\u003e\n \u003ch3 class=\"image-title\"\u003e\n Mobility\n \u003c/h3\u003e\n \u003cp class=\"image-description\"\u003e\n Quam vulputate dignissim suspendisse in est ante in nibh. Faucibus nisl tincidunt eget nullam non nisi est sit amet.\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003c!-- Image card --\u003e\n \u003ca href=\"#\"\n class=\"image-card image-card-garden\"\u003e\n \u003cdiv class=\"image-content\"\u003e\n \u003ch3 class=\"image-title\"\u003e\n Garden\n \u003c/h3\u003e\n \u003cp class=\"image-description\"\u003e\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003c!-- Image card --\u003e\n \u003ca href=\"#\"\n class=\"image-card image-card-gastronomy\"\u003e\n \u003cdiv class=\"image-content\"\u003e\n \u003ch3 class=\"image-title\"\u003e\n Gastronomy\n \u003c/h3\u003e\n \u003cp class=\"image-description\"\u003e\n Massa id neque aliquam vestibulum. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate.\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003c!-- Image card --\u003e\n \u003ca href=\"#\"\n class=\"image-card image-card-sport\"\u003e\n \u003cdiv class=\"image-content\"\u003e\n \u003ch3 class=\"image-title\"\u003e\n Sport\n \u003c/h3\u003e\n \u003cp class=\"image-description\"\u003e\n Sed augue lacus viverra vitae congue. Neque egestas congue quisque egestas diam in arcu.\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003c!-- Image card --\u003e\n \u003ca href=\"#\"\n class=\"image-card image-card-culture\"\u003e\n \u003cdiv class=\"image-content\"\u003e\n \u003ch3 class=\"image-title\"\u003e\n Culture\n \u003c/h3\u003e\n \u003cp class=\"image-description\"\u003e\n Integer malesuada nunc vel risus commodo viverra maecenas. Sem et tortor consequat id porta.\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003c!-- Image card --\u003e\n \u003ca href=\"#\"\n class=\"image-card image-card-education\"\u003e\n \u003cdiv class=\"image-content\"\u003e\n \u003ch3 class=\"image-title\"\u003e\n Education\n \u003c/h3\u003e\n \u003cp class=\"image-description\"\u003e\n Euismod lacinia at quis risus sed vulputate odio. Parturient montes nascetur ridiculus mus mauris vitae.\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003csection class=\"container\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003c!-- Content card --\u003e\n \u003cdiv class=\"content-card\"\u003e\n \u003ch2 class=\"content-card-title\"\u003e\n Title Map #1\n \u003c/h2\u003e\n \u003cods-dataset-context context=\"ctx\"\n ctx-domain=\"userclub\"\n ctx-dataset=\"base-nationale-des-lieux-de-covoiturage-en-france\"\n ctx-parameters=\"{'refine.reg_name':'Pays de la Loire'}\"\u003e\n \u003cods-map context=\"ctx\" scroll-wheel-zoom=\"false\" basemap=\"jawg.streets\"\u003e\u003c/ods-map\u003e\n\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-8\"\u003e\n \u003c!-- Content card --\u003e\n \u003cdiv class=\"content-card\"\u003e\n \u003ch2 class=\"content-card-title\"\u003e\n Title Chart #1\n \u003c/h2\u003e\n \u003cods-dataset-context context=\"ctx\"\n ctx-domain=\"userclub\"\n ctx-dataset=\"base-nationale-des-lieux-de-covoiturage-en-france\"\n ctx-parameters=\"{'timezone':'Europe/Berlin'}\"\u003e\n \u003cods-chart single-y-axis=\"true\" scientific-display=\"true\" labels-x-length=\"20\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"ctx\" field-x=\"reg_name\" maxpoints=\"0\" sort=\"serie1-1\"\u003e\n \u003cods-chart-serie expression-y=\"spot_size\" chart-type=\"bar\" function-y=\"SUM\" color=\"#EC643C\" scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-8\"\u003e\n \u003c!-- Content card --\u003e\n \u003cdiv class=\"content-card\"\u003e\n \u003ch2 class=\"content-card-title\"\u003e\n Title Map #2\n \u003c/h2\u003e\n \u003cods-dataset-context context=\"ctx\"\n ctx-domain=\"userclub\"\n ctx-dataset=\"base-nationale-des-lieux-de-covoiturage-en-france\"\n ctx-parameters=\"{'refine.reg_name':'Pays de la Loire'}\"\u003e\n \u003cods-map context=\"ctx\" scroll-wheel-zoom=\"false\" basemap=\"jawg.streets\"\u003e\u003c/ods-map\u003e\n\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003c!-- Content card --\u003e\n \u003cdiv class=\"content-card\"\u003e\n \u003ch2 class=\"content-card-title\"\u003e\n Title Chart #2\n \u003c/h2\u003e\n \u003cods-dataset-context context=\"ctx\"\n ctx-domain=\"userclub\"\n ctx-dataset=\"base-nationale-des-lieux-de-covoiturage-en-france\"\n ctx-parameters=\"{'timezone':'Europe/Berlin'}\"\u003e\n \u003cods-chart single-y-axis=\"true\" scientific-display=\"true\" labels-x-length=\"20\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"ctx\" field-x=\"reg_name\" maxpoints=\"0\" sort=\"serie1-1\"\u003e\n \u003cods-chart-serie expression-y=\"spot_size\" chart-type=\"bar\" function-y=\"SUM\" color=\"#EC643C\" scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003csection class=\"container\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003c!-- Most Popular Datasets --\u003e\n \u003ch2 class=\"home-subtitle\"\u003e\n Most popular data\n \u003c/h2\u003e\n \u003cods-most-popular-datasets context=\"catalog\"\u003e\u003c/ods-most-popular-datasets\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003c!-- Last modified datasets --\u003e\n \u003ch2 class=\"home-subtitle\"\u003e\n Last updated data\n \u003c/h2\u003e\n \u003cods-last-datasets-feed context=\"catalog\"\u003e\u003c/ods-last-datasets-feed\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003c!-- Twitter feed --\u003e\n \u003ch2 class=\"home-subtitle\"\u003e\n On twitter\n \u003c/h2\u003e\n \u003cdiv class=\"twitter-timeline-container\"\u003e\n \u003c!-- To change the Twitter profile to display go to https://publish.twitter.com/# --\u003e\n \u003ca class=\"twitter-timeline\" data-height=\"392\" href=\"https://twitter.com/Opendatasoft?ref_src=twsrc%5Etfw\"\u003eTweets by Opendatasoft\u003c/a\u003e \u003cscript async src=\"https://platform.twitter.com/widgets.js\" charset=\"utf-8\"\u003e\u003c/script\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n\u003c/ods-catalog-context\u003e\n\u003c/div\u003e", - "css": "/* ==========================================================================\n Cards\n ========================================================================== */\n/**\n * Styling for the different types of cards:\n * - Colored Card\n * - Content card\n * - Search box card\n * - KPI card\n * - Image card\n */\n/* Variables \u0026 Shared classes\n ========================================================================== */\n:root {\n --secondary-color: #142E7B;\n}\n.text-center {\n\ttext-align: center;\n}\n.centered-card {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t -ms-flex-direction: column;\n\t flex-direction: column;\n\t-webkit-box-align: center;\n\t -ms-flex-align: center;\n\t align-items: center;\n\t-webkit-box-pack: center;\n\t -ms-flex-pack: center;\n\t justify-content: center;\n}\n/* Colored Card (Basic card)\n ========================================================================== */\n.color-card {\n\tbackground-color: var(--links); /* Background color for IE */\n\tbackground-color: var(--secondary-color);\n\tcolor: #FFFFFF;\n\ttext-align: center;\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t -ms-flex-direction: column;\n\t flex-direction: column;\n\t-webkit-box-align: center;\n\t -ms-flex-align: center;\n\t align-items: center;\n\t-webkit-box-pack: center;\n\t -ms-flex-pack: center;\n\t justify-content: center;\n\tpadding: 39px;\n\tborder-radius: 4px;\n\tmargin-bottom: 20px;\n\theight: 100%;\n\ttext-decoration: none;\n\t-webkit-transition: all .2s;\n\t-o-transition: all .2s;\n\ttransition: all .2s;\n}\n.color-card:hover,\n.color-card:focus {\n\ttext-decoration: none;\n -webkit-transform: scale(1.02);\n -ms-transform: scale(1.02);\n transform: scale(1.02);\n -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);\n box-shadow: 0 0 10px 0 rgba(0,0,0,.1);\n}\n.color-card-icon {\n\tfont-size: 2rem;\n\tmargin-bottom: 13px;\n}\n.color-card-picto {\n\twidth: auto;\n\theight: 56px;\n\tmargin-bottom: 13px;\n\tmax-width: 100%;\n}\n.color-card-title {\n\tcolor: inherit;\n\tfont-size: 1.2rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\tmargin-top: 0;\n\tmargin-bottom: 0;\n\tmax-width: 100%;\n}\n.color-card-description {\n\tfont-size: 1rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\tcolor: inherit;\n\tmargin-top: 13px;\n\tmargin-bottom: 26px;\n\tmax-width: 100%;\n}\n.color-card-link {\n\tcolor: inherit;\n\tfont-weight: bold;\n\tmargin-top: auto;\n\tmax-width: 100%;\n}\n/* Content Card\n ========================================================================== */\n.content-card {\n\tbackground-color: var(--boxes-background);\n\tpadding: 26px;\n\tborder-radius: 4px;\n\tmargin-bottom: 20px;\n\theight: 100%;\n}\n.content-card-title {\n\tcolor: var(--titles);\n\tfont-size: 1.2rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\tmargin-top: 0;\n\tmargin-bottom: 13px;\n\tmax-width: 100%;\n}\n.content-card-description {\n\tcolor: var(--text);\n\tfont-size: 1rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\tmargin-top: 0;\n\tmargin-bottom: 26px;\n\tmax-width: 100%;\n}\n.content-card-icon {\n\tcolor: var(--highlight);\n\tfont-size: 2rem;\n\tmargin-bottom: 13px;\n\tmax-width: 100%;\n}\n.content-card-link {\n\tcolor: var(--links);\n\tfont-weight: bold;\n\t-webkit-transition: all .2s;\n\t-o-transition: all .2s;\n\ttransition: all .2s;\n\topacity: 1;\n\tmax-width: 100%;\n}\n.content-card-link:hover {\n\topacity: .7;\n\ttext-decoration: none;\n}\n.content-card-button {\n\tcolor: var(--highlight); /* Color for IE */\n\tcolor: var(--secondary-color);\n\tborder: 1px solid var(--highlight); /* Border color for IE because it doesn't support CSS variables. */\n\tborder: 1px solid var(--secondary-color);\n background: transparent;\n\tdisplay: inline-block;\n\ttext-align: center;\n\tfont-size: .867rem;\n border-radius: 4px;\n padding: .5rem 1.15rem;\n text-decoration: none;\n -webkit-transition: all .2s;\n -o-transition: all .2s;\n transition: all .2s;\n}\n.content-card-button:hover {\n\tbackground-color: var(--highlight); /* Color for IE */\n\tbackground-color: var(--secondary-color);\n\tcolor: #FFFFFF;\n\ttext-decoration: none;\n}\n/* Search Box Card\n ========================================================================== */\n.search-card {\n\tbackground-color: rgba(0,0,0,.1);\n\tpadding: 39px;\n\tborder-radius: 4px;\n\tmargin-bottom: 20px;\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t -ms-flex-direction: column;\n\t flex-direction: column;\n\t-webkit-box-align: stretch;\n\t -ms-flex-align: stretch;\n\t align-items: stretch;\n\ttext-align: center;\n\t-webkit-box-pack: center;\n\t -ms-flex-pack: center;\n\t justify-content: center;\n\ttext-align: center;\n}\n.search-card-container {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-pack: center;\n\t -ms-flex-pack: center;\n\t justify-content: center;\n\twidth: 100%;\n\tmax-width: 500px;\n\tmargin: 0 auto;\n}\n.search-card-title {\n\tcolor: var(--titles);\n\tfont-size: 1.2rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n}\n.search-card-searchbox {\n\tmargin-bottom: 0;\n\t-webkit-box-flex: 1;\n\t -ms-flex: 1 1 auto;\n\t flex: 1 1 auto;\n}\n.search-card-searchbox .odswidget-searchbox__box {\n\tfont-size: 1rem;\n display: block;\n width: 100%;\n max-width: 500px;\n padding: 8px 13px;\n border-radius: 4px 0 0 4px;\n border: none;\n margin: 0 auto;\n}\n.search-card-submit-button {\n\tborder: none;\n\tbackground-color: var(--highlight);\n\tcolor: #FFFFFF;\n\tfont-size: .866rem;\n\tfont-weight: bold;\n\ttext-align: center;\n\tpadding: 8px 12px;\n\tborder-radius: 0 4px 4px 0;\n\t-webkit-transition: opacity .2s;\n\t-o-transition: opacity .2s;\n\ttransition: opacity .2s;\n}\n.search-card-submit-button:hover {\n\ttext-decoration: none;\n\topacity: .7;\n}\n/* KPI Card\n ========================================================================== */\n.kpi-card {\n\tbackground-color: var(--boxes-background);\n\theight: 100%;\n\tpadding: 39px;\n\tborder-radius: 4px;\n\tmargin-bottom: 20px;\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t -ms-flex-direction: column;\n\t flex-direction: column;\n\t-webkit-box-align: center;\n\t -ms-flex-align: center;\n\t align-items: center;\n\ttext-align: center;\n\t-webkit-box-pack: center;\n\t -ms-flex-pack: center;\n\t justify-content: center;\n\ttext-align: center;\n}\n.kpi-icon {\n\tcolor: var(--highlight);\n\tcolor: var(--secondary-color);\n\tfont-size: 4rem;\n\tmargin-top: 0;\n\tmargin-bottom: 13px;\n\tmax-width: 100%;\n}\n.kpi-title {\n\tfont-weight: normal;\n\tcolor: var(--highlight);\n\tfont-size: 3.2rem;\n\tmargin-top: 0;\n\tmargin-bottom: 13px;\n\tmax-width: 100%;\n}\n.kpi-description {\n\tcolor: var(--text);\n\tfont-size: 1rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\tmargin-top: 0;\n\tmargin-bottom: 0;\n\tmax-width: 100%;\n}\n/* Image Card\n ========================================================================== */\n.image-card {\n\tbackground-color: rgba(0,0,0,.1);\n\tbackground-color: var(--secondary-color);\n\tcolor: #FFFFFF;\n\tpadding: 39px;\n\tborder-radius: 4px;\n\tmargin-bottom: 20px;\n\tmin-height: 300px;\n\theight: 100%;\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t -ms-flex-direction: column;\n\t flex-direction: column;\n\t-webkit-box-align: stretch;\n\t -ms-flex-align: stretch;\n\t align-items: stretch;\n\ttext-align: center;\n\t-webkit-box-pack: center;\n\t -ms-flex-pack: center;\n\t justify-content: center;\n\tbackground-position: center center;\n\tbackground-repeat: no-repeat;\n\tbackground-size: cover;\n\t-webkit-transition: all .2s;\n\t-o-transition: all .2s;\n\ttransition: all .2s;\n\ttext-decoration: none;\n}\n.image-card:hover,\n.image-card:focus {\n\ttext-decoration: none;\n -webkit-transform: scale(1.02);\n -ms-transform: scale(1.02);\n transform: scale(1.02);\n -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);\n box-shadow: 0 0 10px 0 rgba(0,0,0,.1);\n}\n.image-title {\n\tcolor: inherit;\n\tfont-size: 1.733rem;\n\tline-height: 2.26;\n\tfont-weight: bold;\n\tmargin-top: 0;\n\tmargin-bottom: 13px;\n}\n.image-description {\n\tcolor: inherit;\n\tfont-size: 1rem;\n\tline-height: 1.5;\n\tfont-weight: bold;\n\tmargin: 0;\n}\n/* Image card backgrounds\n ========================================================================== */\n/**\n * - Replace the background image url.\n * - Change the class name to something related to your project.\n */\n.image-card-mobility {\n\tbackground-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/mobility-bg.jpg');\n\tbackground-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/mobility-bg.jpg');\n\tbackground-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/mobility-bg.jpg');\n}\n.image-card-garden {\n\tbackground-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/garden-bg.jpg');\n\tbackground-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/garden-bg.jpg');\n\tbackground-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/garden-bg.jpg');\n}\n.image-card-gastronomy {\n\tbackground-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/gastronomy-bg.jpg');\n\tbackground-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/gastronomy-bg.jpg');\n\tbackground-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/gastronomy-bg.jpg');\n}\n.image-card-sport {\n\tbackground-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/sport-bg.jpg');\n\tbackground-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/sport-bg.jpg');\n\tbackground-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/sport-bg.jpg');\n}\n.image-card-culture {\n\tbackground-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/culture-bg.jpg');\n\tbackground-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/culture-bg.jpg');\n\tbackground-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/culture-bg.jpg');\n}\n.image-card-education {\n\tbackground-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/education-bg.jpg');\n\tbackground-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/education-bg.jpg');\n\tbackground-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/education-bg.jpg');\n}\n/* ==========================================================================\n Homepage Styles\n ========================================================================== */\n/*\nThe CSS rules below will only be applied to the HTML used in the \u003c/\u003e HTML tab\nand will not be applied to other pages of your platform.\nThe 'home-' prefix is used for classes that belong to this page only. This makes it easier\nto understand which classes are used here and which ones are in the Platform Theme Stylesheet.\n*/\n/* Shared Styles\n========================================================================== */\n/*\nThese styles are used by different elements in the home page\n*/\nmain {\n /* Overrides an existing CSS rule so the banner image can be \"edge-to-edge\" */\n margin: 0;\n}\n@media screen and (min-width: 992px) {\n\t.row-equal-height {\n\t\tdisplay: -webkit-box;\n\t\tdisplay: -ms-flexbox;\n\t\tdisplay: flex;\n\t\t-ms-flex-wrap: wrap;\n\t\t flex-wrap: wrap;\n\t\tmargin-bottom: 20px;\n\t}\n\t/* Fix for early content wrapping in Safari*/\n\t.row-equal-height:before,\n\t.row-equal-height:after {\n\t\tcontent: normal;\n\t}\n}\n.home-subtitle {\n\tcolor: var(--titles);\n\tfont-size: 1.2rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\tmargin-bottom: 20px;\n}\n/* Header Image\n========================================================================== */\n.home-header {\n\tmargin-bottom: 20px;\n /* Change this value to make the background image taller or smaller */\n height: 350px;\n /* Background color before image loads */\n background-color: var(--highlight);\n background-size: cover;\n /* You can replace the background-image by uploading an image to the portal assets\n and replacing the text in simple quotes below or use the URL of an image on the web */\n background-image: url('https://discovery.opendatasoft.com/assets/theme_image/header-bg.jpg');\n /* Position of the background-image on x y axis. Change these values to\n modify where the image is centered.\n */\n background-position: center center;\n}\n/* Home welcome card\n========================================================================== */\n.welcome-card {\n\tbackground-color: var(--highlight);\n\tcolor: #FFFFFF;\n\tmargin-top: -90px;\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t -ms-flex-direction: column;\n\t flex-direction: column;\n\t-webkit-box-align: start;\n\t -ms-flex-align: start;\n\t align-items: flex-start;\n\t-webkit-box-pack: start;\n\t -ms-flex-pack: start;\n\t justify-content: flex-start;\n\tpadding: 39px;\n\tborder-radius: 4px;\n\tmargin-bottom: 20px;\n\theight: 100%;\n}\n.welcome-card-title {\n\tcolor: inherit;\n\tfont-size: 2.36rem;\n\tline-height: 1.5;\n\tfont-weight: bold;\n\tmargin-top: 0;\n\tmargin-bottom: 13px;\n\tmax-width: 100%;\n}\n.welcome-card-description {\n\tfont-size: 1rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\tcolor: inherit;\n\tmargin-top: 13px;\n\tmargin-bottom: 26px;\n\tmax-width: 100%;\n}\n@media screen and (min-width: 992px) {\n\t.welcome-card-description {\n\t\tmargin-bottom: 0;\n\t}\n}\n.welcome-card-link {\n\tcolor: inherit;\n\tfont-weight: bold;\n\tmargin-top: auto;\n\t-webkit-transition: all .2s;\n\t-o-transition: all .2s;\n\ttransition: all .2s;\n\topacity: 1;\n\tmax-width: 100%\n}\n.welcome-card-link .fa {\n\tposition: relative;\n\tleft: 0;\n\t-webkit-transition: all .2s;\n\t-o-transition: all .2s;\n\ttransition: all .2s;\n}\n.welcome-card-link:hover {\n\topacity: .7;\n\ttext-decoration: none;\n}\n.welcome-card-link:hover .fa {\n\tleft: 3px;\n}\n@media screen and (min-width: 992px) {\n\t.welcome-card {\n\t\theight: 130%;\n\t\tposition: relative;\n\t\ttop: -30%;\n\t\tmargin-top: 0;\n\t\tmargin-bottom: 0;\n\t}\n}\n/* Most Popular / Last Updated datasets section\n========================================================================== */\n.odswidget-most-popular-datasets__datasets,\n.odswidget-last-datasets-feed__datasets {\n\tmargin-top: 0;\n\tmargin-bottom: 20px;\n}\n.odswidget-most-popular-datasets__dataset,\n.odswidget-last-datasets-feed__dataset {\n padding: 13px;\n background-color: #FFFFFF;\n border-radius: 4px;\n\tmargin-bottom: 13px;\n}\n.odswidget-most-popular-datasets__theme-picto,\n.odswidget-last-datasets-feed__theme-picto {\n\tmargin-top: 0;\n}\n.odswidget-most-popular-datasets__dataset-details,\n.odswidget-last-datasets-feed__dataset-details {\n\tmargin-left: 46px;\n}\n.odswidget-most-popular-datasets__dataset-details-title,\n.odswidget-last-datasets-feed__dataset-details-title {\n\tfont-size: 1rem;\n}\n.odswidget-most-popular-datasets__dataset-details-title a,\n.odswidget-last-datasets-feed__dataset-details-title a {\n\tcolor: var(--titles);\n}\n.odswidget-most-popular-datasets__dataset-details-count,\n.odswidget-last-datasets-feed__dataset-details-modified {\n\topacity: .8;\n\tborder-bottom: none;\n\tcursor: default;\n}\n.odswidget-most-popular-datasets__dataset-details-count .fa,\n.odswidget-last-datasets-feed__dataset-details-modified .fa {\n\tdisplay: none;\n}\n.twitter-timeline-container {\n\tmargin-bottom: 20px;\n}\n" + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003c!--\n The \u003cods-catalog-context\u003e allows other widgets in this page to access the catalog of datasets in this platform.\n Check the ods-widgets documentation to learn more about ods-catalog-context.\n--\u003e\n\u003cods-catalog-context context=\"catalog\"\u003e\n \u003c!-- Header Image\n Check the .home-header class to change the background image\n --\u003e\n \u003csection class=\"home-header\"\u003e\u003c/section\u003e\n \u003c!-- Welcome card and KPI cards --\u003e\n \u003csection class=\"container\"\u003e\n \u003cdiv class=\"row row-equal-height\"\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003cdiv class=\"welcome-card\"\u003e\n \u003ch1 class=\"welcome-card-title\"\u003e\n Welcome to\n \u003cbr /\u003e\n Portal Name\n \u003c/h1\u003e\n \u003cp class=\"welcome-card-description\"\u003e\n Lorem ipsum dolor amet kombucha try-hard biodiesel XOXO scenester subway tile. Etsy selvage shaman master cleanse activated charcoal. Celiac hella wayfarers glossier palo santo pork belly. Vape twee stumptown normcore. Occupy fingerstache listicle etsy.\n \u003c/p\u003e\n \u003ca href=\"/explore/\"\n class=\"welcome-card-link\"\u003e\n Explore catalog \u003ci class=\"fa fa-long-arrow-right fa-fw\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003c!-- KPI box component --\u003e\n \u003cdiv class=\"kpi-card\"\u003e\n \u003ci class=\"kpi-icon fa fa-gitlab\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cp class=\"kpi-title\"\u003e\n 5,983\n \u003c/p\u003e\n \u003cp class=\"kpi-description\"\u003e\n Dignissim suspendisse in est ante in nibh nisl tincidunt eget\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003c!-- KPI box component --\u003e\n \u003cdiv class=\"kpi-card\"\u003e\n \u003ci class=\"kpi-icon fa fa-houzz\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cp class=\"kpi-title\"\u003e\n 18.3k\n \u003c/p\u003e\n \u003cp class=\"kpi-description\"\u003e\n Quam vulputate dignissim suspendisse in est ante in nibh. Faucibus nisl tincidunt eget nullam non nisi est sit amet\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003c!-- Catalog Search Box --\u003e\n \u003csection class=\"container\"\u003e\n \u003c!-- Search box card --\u003e\n \u003cdiv class=\"search-card\"\u003e\n \u003ch2 class=\"search-card-title\"\u003e\n What data are you looking for?\n \u003c/h2\u003e\n \u003cdiv class=\"search-card-container\"\u003e\n \u003cods-searchbox class=\"search-card-searchbox\"\n form-id=\"search-form\"\n translate=\"placeholder\"\n placeholder=\"Search for a dataset\"\u003e\n \u003c/ods-searchbox\u003e\n \u003cbutton type=\"submit\" form=\"search-form\" class=\"search-card-submit-button\"\u003e\n Search\n \u003c/button\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003c!-- Image cards with links --\u003e\n \u003csection class=\"container\"\u003e\n \u003ch2 class=\"home-subtitle\"\u003e\n Title for the best part with photos\n \u003c/h2\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003c!-- Image card --\u003e\n \u003ca href=\"#\"\n class=\"image-card image-card-mobility\"\u003e\n \u003cdiv class=\"image-content\"\u003e\n \u003ch3 class=\"image-title\"\u003e\n Mobility\n \u003c/h3\u003e\n \u003cp class=\"image-description\"\u003e\n Quam vulputate dignissim suspendisse in est ante in nibh. Faucibus nisl tincidunt eget nullam non nisi est sit amet.\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003c!-- Image card --\u003e\n \u003ca href=\"#\"\n class=\"image-card image-card-garden\"\u003e\n \u003cdiv class=\"image-content\"\u003e\n \u003ch3 class=\"image-title\"\u003e\n Garden\n \u003c/h3\u003e\n \u003cp class=\"image-description\"\u003e\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003c!-- Image card --\u003e\n \u003ca href=\"#\"\n class=\"image-card image-card-gastronomy\"\u003e\n \u003cdiv class=\"image-content\"\u003e\n \u003ch3 class=\"image-title\"\u003e\n Gastronomy\n \u003c/h3\u003e\n \u003cp class=\"image-description\"\u003e\n Massa id neque aliquam vestibulum. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate.\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003c!-- Image card --\u003e\n \u003ca href=\"#\"\n class=\"image-card image-card-sport\"\u003e\n \u003cdiv class=\"image-content\"\u003e\n \u003ch3 class=\"image-title\"\u003e\n Sport\n \u003c/h3\u003e\n \u003cp class=\"image-description\"\u003e\n Sed augue lacus viverra vitae congue. Neque egestas congue quisque egestas diam in arcu.\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003c!-- Image card --\u003e\n \u003ca href=\"#\"\n class=\"image-card image-card-culture\"\u003e\n \u003cdiv class=\"image-content\"\u003e\n \u003ch3 class=\"image-title\"\u003e\n Culture\n \u003c/h3\u003e\n \u003cp class=\"image-description\"\u003e\n Integer malesuada nunc vel risus commodo viverra maecenas. Sem et tortor consequat id porta.\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003c!-- Image card --\u003e\n \u003ca href=\"#\"\n class=\"image-card image-card-education\"\u003e\n \u003cdiv class=\"image-content\"\u003e\n \u003ch3 class=\"image-title\"\u003e\n Education\n \u003c/h3\u003e\n \u003cp class=\"image-description\"\u003e\n Euismod lacinia at quis risus sed vulputate odio. Parturient montes nascetur ridiculus mus mauris vitae.\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003csection class=\"container\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003c!-- Content card --\u003e\n \u003cdiv class=\"content-card\"\u003e\n \u003ch2 class=\"content-card-title\"\u003e\n Title Map #1\n \u003c/h2\u003e\n \u003cods-dataset-context context=\"ctx\"\n ctx-domain=\"userclub\"\n ctx-dataset=\"base-nationale-des-lieux-de-covoiturage-en-france\"\n ctx-parameters=\"{'refine.reg_name':'Pays de la Loire'}\"\u003e\n \u003cods-map context=\"ctx\" scroll-wheel-zoom=\"false\" basemap=\"jawg.streets\"\u003e\u003c/ods-map\u003e\n\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-8\"\u003e\n \u003c!-- Content card --\u003e\n \u003cdiv class=\"content-card\"\u003e\n \u003ch2 class=\"content-card-title\"\u003e\n Title Chart #1\n \u003c/h2\u003e\n \u003cods-dataset-context context=\"ctx\"\n ctx-domain=\"userclub\"\n ctx-dataset=\"base-nationale-des-lieux-de-covoiturage-en-france\"\n ctx-parameters=\"{'timezone':'Europe/Berlin'}\"\u003e\n \u003cods-chart single-y-axis=\"true\" scientific-display=\"true\" labels-x-length=\"20\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"ctx\" field-x=\"reg_name\" maxpoints=\"0\" sort=\"serie1-1\"\u003e\n \u003cods-chart-serie expression-y=\"spot_size\" chart-type=\"bar\" function-y=\"SUM\" color=\"#EC643C\" scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-8\"\u003e\n \u003c!-- Content card --\u003e\n \u003cdiv class=\"content-card\"\u003e\n \u003ch2 class=\"content-card-title\"\u003e\n Title Map #2\n \u003c/h2\u003e\n \u003cods-dataset-context context=\"ctx\"\n ctx-domain=\"userclub\"\n ctx-dataset=\"base-nationale-des-lieux-de-covoiturage-en-france\"\n ctx-parameters=\"{'refine.reg_name':'Pays de la Loire'}\"\u003e\n \u003cods-map context=\"ctx\" scroll-wheel-zoom=\"false\" basemap=\"jawg.streets\"\u003e\u003c/ods-map\u003e\n\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003c!-- Content card --\u003e\n \u003cdiv class=\"content-card\"\u003e\n \u003ch2 class=\"content-card-title\"\u003e\n Title Chart #2\n \u003c/h2\u003e\n \u003cods-dataset-context context=\"ctx\"\n ctx-domain=\"userclub\"\n ctx-dataset=\"base-nationale-des-lieux-de-covoiturage-en-france\"\n ctx-parameters=\"{'timezone':'Europe/Berlin'}\"\u003e\n \u003cods-chart single-y-axis=\"true\" scientific-display=\"true\" labels-x-length=\"20\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"ctx\" field-x=\"reg_name\" maxpoints=\"0\" sort=\"serie1-1\"\u003e\n \u003cods-chart-serie expression-y=\"spot_size\" chart-type=\"bar\" function-y=\"SUM\" color=\"#EC643C\" scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003csection class=\"container\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003c!-- Most Popular Datasets --\u003e\n \u003ch2 class=\"home-subtitle\"\u003e\n Most popular data\n \u003c/h2\u003e\n \u003cods-most-popular-datasets context=\"catalog\"\u003e\u003c/ods-most-popular-datasets\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003c!-- Last modified datasets --\u003e\n \u003ch2 class=\"home-subtitle\"\u003e\n Last updated data\n \u003c/h2\u003e\n \u003cods-last-datasets-feed context=\"catalog\"\u003e\u003c/ods-last-datasets-feed\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003c!-- Twitter feed --\u003e\n \u003ch2 class=\"home-subtitle\"\u003e\n On twitter\n \u003c/h2\u003e\n \u003cdiv class=\"twitter-timeline-container\"\u003e\n \u003c!-- To change the Twitter profile to display go to https://publish.twitter.com/# --\u003e\n \u003ca class=\"twitter-timeline\" data-height=\"392\" href=\"https://twitter.com/Huwise?ref_src=twsrc%5Etfw\"\u003eTweets by Huwise\u003c/a\u003e \u003cscript async src=\"https://platform.twitter.com/widgets.js\" charset=\"utf-8\"\u003e\u003c/script\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n\u003c/ods-catalog-context\u003e\n\u003c/div\u003e", + "css": "/* ==========================================================================\n Cards\n ========================================================================== */\n/**\n * Styling for the different types of cards:\n * - Colored Card\n * - Content card\n * - Search box card\n * - KPI card\n * - Image card\n */\n/* Variables \u0026 Shared classes\n ========================================================================== */\n:root {\n --secondary-color: #142E7B;\n}\n.text-center {\n\ttext-align: center;\n}\n.centered-card {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t -ms-flex-direction: column;\n\t flex-direction: column;\n\t-webkit-box-align: center;\n\t -ms-flex-align: center;\n\t align-items: center;\n\t-webkit-box-pack: center;\n\t -ms-flex-pack: center;\n\t justify-content: center;\n}\n/* Colored Card (Basic card)\n ========================================================================== */\n.color-card {\n\tbackground-color: var(--links); /* Background color for IE */\n\tbackground-color: var(--secondary-color);\n\tcolor: #FFFFFF;\n\ttext-align: center;\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t -ms-flex-direction: column;\n\t flex-direction: column;\n\t-webkit-box-align: center;\n\t -ms-flex-align: center;\n\t align-items: center;\n\t-webkit-box-pack: center;\n\t -ms-flex-pack: center;\n\t justify-content: center;\n\tpadding: 39px;\n\tborder-radius: 4px;\n\tmargin-bottom: 20px;\n\theight: 100%;\n\ttext-decoration: none;\n\t-webkit-transition: all .2s;\n\t-o-transition: all .2s;\n\ttransition: all .2s;\n}\n.color-card:hover,\n.color-card:focus {\n\ttext-decoration: none;\n -webkit-transform: scale(1.02);\n -ms-transform: scale(1.02);\n transform: scale(1.02);\n -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);\n box-shadow: 0 0 10px 0 rgba(0,0,0,.1);\n}\n.color-card-icon {\n\tfont-size: 2rem;\n\tmargin-bottom: 13px;\n}\n.color-card-picto {\n\twidth: auto;\n\theight: 56px;\n\tmargin-bottom: 13px;\n\tmax-width: 100%;\n}\n.color-card-title {\n\tcolor: inherit;\n\tfont-size: 1.2rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\tmargin-top: 0;\n\tmargin-bottom: 0;\n\tmax-width: 100%;\n}\n.color-card-description {\n\tfont-size: 1rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\tcolor: inherit;\n\tmargin-top: 13px;\n\tmargin-bottom: 26px;\n\tmax-width: 100%;\n}\n.color-card-link {\n\tcolor: inherit;\n\tfont-weight: bold;\n\tmargin-top: auto;\n\tmax-width: 100%;\n}\n/* Content Card\n ========================================================================== */\n.content-card {\n\tbackground-color: var(--boxes-background);\n\tpadding: 26px;\n\tborder-radius: 4px;\n\tmargin-bottom: 20px;\n\theight: 100%;\n}\n.content-card-title {\n\tcolor: var(--titles);\n\tfont-size: 1.2rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\tmargin-top: 0;\n\tmargin-bottom: 13px;\n\tmax-width: 100%;\n}\n.content-card-description {\n\tcolor: var(--text);\n\tfont-size: 1rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\tmargin-top: 0;\n\tmargin-bottom: 26px;\n\tmax-width: 100%;\n}\n.content-card-icon {\n\tcolor: var(--highlight);\n\tfont-size: 2rem;\n\tmargin-bottom: 13px;\n\tmax-width: 100%;\n}\n.content-card-link {\n\tcolor: var(--links);\n\tfont-weight: bold;\n\t-webkit-transition: all .2s;\n\t-o-transition: all .2s;\n\ttransition: all .2s;\n\topacity: 1;\n\tmax-width: 100%;\n}\n.content-card-link:hover {\n\topacity: .7;\n\ttext-decoration: none;\n}\n.content-card-button {\n\tcolor: var(--highlight); /* Color for IE */\n\tcolor: var(--secondary-color);\n\tborder: 1px solid var(--highlight); /* Border color for IE because it doesn't support CSS variables. */\n\tborder: 1px solid var(--secondary-color);\n background: transparent;\n\tdisplay: inline-block;\n\ttext-align: center;\n\tfont-size: .867rem;\n border-radius: 4px;\n padding: .5rem 1.15rem;\n text-decoration: none;\n -webkit-transition: all .2s;\n -o-transition: all .2s;\n transition: all .2s;\n}\n.content-card-button:hover {\n\tbackground-color: var(--highlight); /* Color for IE */\n\tbackground-color: var(--secondary-color);\n\tcolor: #FFFFFF;\n\ttext-decoration: none;\n}\n/* Search Box Card\n ========================================================================== */\n.search-card {\n\tbackground-color: rgba(0,0,0,.1);\n\tpadding: 39px;\n\tborder-radius: 4px;\n\tmargin-bottom: 20px;\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t -ms-flex-direction: column;\n\t flex-direction: column;\n\t-webkit-box-align: stretch;\n\t -ms-flex-align: stretch;\n\t align-items: stretch;\n\ttext-align: center;\n\t-webkit-box-pack: center;\n\t -ms-flex-pack: center;\n\t justify-content: center;\n\ttext-align: center;\n}\n.search-card-container {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-pack: center;\n\t -ms-flex-pack: center;\n\t justify-content: center;\n\twidth: 100%;\n\tmax-width: 500px;\n\tmargin: 0 auto;\n}\n.search-card-title {\n\tcolor: var(--titles);\n\tfont-size: 1.2rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n}\n.search-card-searchbox {\n\tmargin-bottom: 0;\n\t-webkit-box-flex: 1;\n\t -ms-flex: 1 1 auto;\n\t flex: 1 1 auto;\n}\n.search-card-searchbox .odswidget-searchbox__box {\n\tfont-size: 1rem;\n display: block;\n width: 100%;\n max-width: 500px;\n padding: 8px 13px;\n border-radius: 4px 0 0 4px;\n border: none;\n margin: 0 auto;\n}\n.search-card-submit-button {\n\tborder: none;\n\tbackground-color: var(--highlight);\n\tcolor: #FFFFFF;\n\tfont-size: .866rem;\n\tfont-weight: bold;\n\ttext-align: center;\n\tpadding: 8px 12px;\n\tborder-radius: 0 4px 4px 0;\n\t-webkit-transition: opacity .2s;\n\t-o-transition: opacity .2s;\n\ttransition: opacity .2s;\n}\n.search-card-submit-button:hover {\n\ttext-decoration: none;\n\topacity: .7;\n}\n/* KPI Card\n ========================================================================== */\n.kpi-card {\n\tbackground-color: var(--boxes-background);\n\theight: 100%;\n\tpadding: 39px;\n\tborder-radius: 4px;\n\tmargin-bottom: 20px;\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t -ms-flex-direction: column;\n\t flex-direction: column;\n\t-webkit-box-align: center;\n\t -ms-flex-align: center;\n\t align-items: center;\n\ttext-align: center;\n\t-webkit-box-pack: center;\n\t -ms-flex-pack: center;\n\t justify-content: center;\n\ttext-align: center;\n}\n.kpi-icon {\n\tcolor: var(--highlight);\n\tcolor: var(--secondary-color);\n\tfont-size: 4rem;\n\tmargin-top: 0;\n\tmargin-bottom: 13px;\n\tmax-width: 100%;\n}\n.kpi-title {\n\tfont-weight: normal;\n\tcolor: var(--highlight);\n\tfont-size: 3.2rem;\n\tmargin-top: 0;\n\tmargin-bottom: 13px;\n\tmax-width: 100%;\n}\n.kpi-description {\n\tcolor: var(--text);\n\tfont-size: 1rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\tmargin-top: 0;\n\tmargin-bottom: 0;\n\tmax-width: 100%;\n}\n/* Image Card\n ========================================================================== */\n.image-card {\n\tbackground-color: rgba(0,0,0,.1);\n\tbackground-color: var(--secondary-color);\n\tcolor: #FFFFFF;\n\tpadding: 39px;\n\tborder-radius: 4px;\n\tmargin-bottom: 20px;\n\tmin-height: 300px;\n\theight: 100%;\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t -ms-flex-direction: column;\n\t flex-direction: column;\n\t-webkit-box-align: stretch;\n\t -ms-flex-align: stretch;\n\t align-items: stretch;\n\ttext-align: center;\n\t-webkit-box-pack: center;\n\t -ms-flex-pack: center;\n\t justify-content: center;\n\tbackground-position: center center;\n\tbackground-repeat: no-repeat;\n\tbackground-size: cover;\n\t-webkit-transition: all .2s;\n\t-o-transition: all .2s;\n\ttransition: all .2s;\n\ttext-decoration: none;\n}\n.image-card:hover,\n.image-card:focus {\n\ttext-decoration: none;\n -webkit-transform: scale(1.02);\n -ms-transform: scale(1.02);\n transform: scale(1.02);\n -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);\n box-shadow: 0 0 10px 0 rgba(0,0,0,.1);\n}\n.image-title {\n\tcolor: inherit;\n\tfont-size: 1.733rem;\n\tline-height: 2.26;\n\tfont-weight: bold;\n\tmargin-top: 0;\n\tmargin-bottom: 13px;\n}\n.image-description {\n\tcolor: inherit;\n\tfont-size: 1rem;\n\tline-height: 1.5;\n\tfont-weight: bold;\n\tmargin: 0;\n}\n/* Image card backgrounds\n ========================================================================== */\n/**\n * - Replace the background image url.\n * - Change the class name to something related to your project.\n */\n.image-card-mobility {\n\tbackground-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/mobility-bg.jpg');\n\tbackground-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/mobility-bg.jpg');\n\tbackground-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/mobility-bg.jpg');\n}\n.image-card-garden {\n\tbackground-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/garden-bg.jpg');\n\tbackground-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/garden-bg.jpg');\n\tbackground-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/garden-bg.jpg');\n}\n.image-card-gastronomy {\n\tbackground-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/gastronomy-bg.jpg');\n\tbackground-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/gastronomy-bg.jpg');\n\tbackground-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/gastronomy-bg.jpg');\n}\n.image-card-sport {\n\tbackground-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/sport-bg.jpg');\n\tbackground-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/sport-bg.jpg');\n\tbackground-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/sport-bg.jpg');\n}\n.image-card-culture {\n\tbackground-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/culture-bg.jpg');\n\tbackground-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/culture-bg.jpg');\n\tbackground-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/culture-bg.jpg');\n}\n.image-card-education {\n\tbackground-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/education-bg.jpg');\n\tbackground-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/education-bg.jpg');\n\tbackground-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/education-bg.jpg');\n}\n/* ==========================================================================\n Homepage Styles\n ========================================================================== */\n/*\nThe CSS rules below will only be applied to the HTML used in the \u003c/\u003e HTML tab\nand will not be applied to other pages of your platform.\nThe 'home-' prefix is used for classes that belong to this page only. This makes it easier\nto understand which classes are used here and which ones are in the Platform Theme Stylesheet.\n*/\n/* Shared Styles\n========================================================================== */\n/*\nThese styles are used by different elements in the home page\n*/\nmain {\n /* Overrides an existing CSS rule so the banner image can be \"edge-to-edge\" */\n margin: 0;\n}\n@media screen and (min-width: 992px) {\n\t.row-equal-height {\n\t\tdisplay: -webkit-box;\n\t\tdisplay: -ms-flexbox;\n\t\tdisplay: flex;\n\t\t-ms-flex-wrap: wrap;\n\t\t flex-wrap: wrap;\n\t\tmargin-bottom: 20px;\n\t}\n\t/* Fix for early content wrapping in Safari*/\n\t.row-equal-height:before,\n\t.row-equal-height:after {\n\t\tcontent: normal;\n\t}\n}\n.home-subtitle {\n\tcolor: var(--titles);\n\tfont-size: 1.2rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\tmargin-bottom: 20px;\n}\n/* Header Image\n========================================================================== */\n.home-header {\n\tmargin-bottom: 20px;\n /* Change this value to make the background image taller or smaller */\n height: 350px;\n /* Background color before image loads */\n background-color: var(--highlight);\n background-size: cover;\n /* You can replace the background-image by uploading an image to the portal assets\n and replacing the text in simple quotes below or use the URL of an image on the web */\n background-image: url('https://discovery.huwise.com/assets/theme_image/header-bg.jpg');\n /* Position of the background-image on x y axis. Change these values to\n modify where the image is centered.\n */\n background-position: center center;\n}\n/* Home welcome card\n========================================================================== */\n.welcome-card {\n\tbackground-color: var(--highlight);\n\tcolor: #FFFFFF;\n\tmargin-top: -90px;\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t -ms-flex-direction: column;\n\t flex-direction: column;\n\t-webkit-box-align: start;\n\t -ms-flex-align: start;\n\t align-items: flex-start;\n\t-webkit-box-pack: start;\n\t -ms-flex-pack: start;\n\t justify-content: flex-start;\n\tpadding: 39px;\n\tborder-radius: 4px;\n\tmargin-bottom: 20px;\n\theight: 100%;\n}\n.welcome-card-title {\n\tcolor: inherit;\n\tfont-size: 2.36rem;\n\tline-height: 1.5;\n\tfont-weight: bold;\n\tmargin-top: 0;\n\tmargin-bottom: 13px;\n\tmax-width: 100%;\n}\n.welcome-card-description {\n\tfont-size: 1rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\tcolor: inherit;\n\tmargin-top: 13px;\n\tmargin-bottom: 26px;\n\tmax-width: 100%;\n}\n@media screen and (min-width: 992px) {\n\t.welcome-card-description {\n\t\tmargin-bottom: 0;\n\t}\n}\n.welcome-card-link {\n\tcolor: inherit;\n\tfont-weight: bold;\n\tmargin-top: auto;\n\t-webkit-transition: all .2s;\n\t-o-transition: all .2s;\n\ttransition: all .2s;\n\topacity: 1;\n\tmax-width: 100%\n}\n.welcome-card-link .fa {\n\tposition: relative;\n\tleft: 0;\n\t-webkit-transition: all .2s;\n\t-o-transition: all .2s;\n\ttransition: all .2s;\n}\n.welcome-card-link:hover {\n\topacity: .7;\n\ttext-decoration: none;\n}\n.welcome-card-link:hover .fa {\n\tleft: 3px;\n}\n@media screen and (min-width: 992px) {\n\t.welcome-card {\n\t\theight: 130%;\n\t\tposition: relative;\n\t\ttop: -30%;\n\t\tmargin-top: 0;\n\t\tmargin-bottom: 0;\n\t}\n}\n/* Most Popular / Last Updated datasets section\n========================================================================== */\n.odswidget-most-popular-datasets__datasets,\n.odswidget-last-datasets-feed__datasets {\n\tmargin-top: 0;\n\tmargin-bottom: 20px;\n}\n.odswidget-most-popular-datasets__dataset,\n.odswidget-last-datasets-feed__dataset {\n padding: 13px;\n background-color: #FFFFFF;\n border-radius: 4px;\n\tmargin-bottom: 13px;\n}\n.odswidget-most-popular-datasets__theme-picto,\n.odswidget-last-datasets-feed__theme-picto {\n\tmargin-top: 0;\n}\n.odswidget-most-popular-datasets__dataset-details,\n.odswidget-last-datasets-feed__dataset-details {\n\tmargin-left: 46px;\n}\n.odswidget-most-popular-datasets__dataset-details-title,\n.odswidget-last-datasets-feed__dataset-details-title {\n\tfont-size: 1rem;\n}\n.odswidget-most-popular-datasets__dataset-details-title a,\n.odswidget-last-datasets-feed__dataset-details-title a {\n\tcolor: var(--titles);\n}\n.odswidget-most-popular-datasets__dataset-details-count,\n.odswidget-last-datasets-feed__dataset-details-modified {\n\topacity: .8;\n\tborder-bottom: none;\n\tcursor: default;\n}\n.odswidget-most-popular-datasets__dataset-details-count .fa,\n.odswidget-last-datasets-feed__dataset-details-modified .fa {\n\tdisplay: none;\n}\n.twitter-timeline-container {\n\tmargin-bottom: 20px;\n}\n" }'>
        @@ -664,7 +798,8 @@

        width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -708,6 +843,7 @@

        const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -818,7 +954,9 @@

        $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
        <div ng-app="ods-widgets"> @@ -1086,7 +1224,7 @@

        </h2> <div class="twitter-timeline-container"> <!-- To change the Twitter profile to display go to https://publish.twitter.com/# --> - <a class="twitter-timeline" data-height="392" href="https://twitter.com/Opendatasoft?ref_src=twsrc%5Etfw">Tweets by Opendatasoft</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> + <a class="twitter-timeline" data-height="392" href="https://twitter.com/Huwise?ref_src=twsrc%5Etfw">Tweets by Huwise</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> </div> </div> </div> @@ -1454,34 +1592,34 @@

        * - Change the class name to something related to your project. */ .image-card-mobility { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/mobility-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/mobility-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/mobility-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/mobility-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/mobility-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/mobility-bg.jpg'); } .image-card-garden { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/garden-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/garden-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/garden-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/garden-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/garden-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/garden-bg.jpg'); } .image-card-gastronomy { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/gastronomy-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/gastronomy-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/gastronomy-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/gastronomy-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/gastronomy-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/gastronomy-bg.jpg'); } .image-card-sport { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/sport-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/sport-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/sport-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/sport-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/sport-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/sport-bg.jpg'); } .image-card-culture { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/culture-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/culture-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/culture-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/culture-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/culture-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/culture-bg.jpg'); } .image-card-education { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/education-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/education-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/education-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/education-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/education-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/education-bg.jpg'); } /* ========================================================================== Homepage Styles @@ -1534,7 +1672,7 @@

        background-size: cover; /* You can replace the background-image by uploading an image to the portal assets and replacing the text in simple quotes below or use the URL of an image on the web */ - background-image: url('https://discovery.opendatasoft.com/assets/theme_image/header-bg.jpg'); + background-image: url('https://discovery.huwise.com/assets/theme_image/header-bg.jpg'); /* Position of the background-image on x y axis. Change these values to modify where the image is centered. */ @@ -1668,8 +1806,10 @@

        "> -
        -

        -

        - -
        +
        + +
        + +
        - - + - © Copyright 2020 + © Copyright 2026
        @@ -3466,7 +3608,7 @@

        diff --git a/public/page-templates/home-2/1/css.inc b/public/page-templates/home-2/1/css.inc index 218eb6703..a2bd3aee3 100644 --- a/public/page-templates/home-2/1/css.inc +++ b/public/page-templates/home-2/1/css.inc @@ -358,34 +358,34 @@ * - Change the class name to something related to your project. */ .image-card-mobility { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/mobility-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/mobility-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/mobility-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/mobility-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/mobility-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/mobility-bg.jpg'); } .image-card-garden { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/garden-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/garden-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/garden-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/garden-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/garden-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/garden-bg.jpg'); } .image-card-gastronomy { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/gastronomy-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/gastronomy-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/gastronomy-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/gastronomy-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/gastronomy-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/gastronomy-bg.jpg'); } .image-card-sport { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/sport-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/sport-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/sport-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/sport-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/sport-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/sport-bg.jpg'); } .image-card-culture { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/culture-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/culture-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/culture-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/culture-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/culture-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/culture-bg.jpg'); } .image-card-education { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/education-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/education-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/education-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/education-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/education-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/education-bg.jpg'); } /* ========================================================================== Homepage Styles diff --git a/public/page-templates/home-2/index.html b/public/page-templates/home-2/index.html index db6a2417c..a52c58060 100644 --- a/public/page-templates/home-2/index.html +++ b/public/page-templates/home-2/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@ - @@ -179,7 +196,7 @@
        • + href="https://codelibrary.huwize.com/"> Home
          • @@ -196,6 +213,54 @@ + + + + + + + + + + + + + + + + + + + + + +
        • + + Apps + + +
          • + + + + + + + + + + + + + + + + + + + + @@ -250,6 +315,9 @@ + + +
        • @@ -274,6 +342,9 @@ + + + @@ -323,6 +394,16 @@
          • +
        • + +
          + Dashboard with filters + + +
          +           +
          • +
          • +
        • + +
          + Dataviz gallery page + + +
          +           +
          • +
          • +
        • + +
          + Home page 4 with access cards + + +
          +           +
          • + +
        • + +
          + Listing page + + +
          +           +
          • +
          • @@ -554,51 +663,67 @@
          - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
          @@ -609,27 +734,28 @@
          -
          -

          Page Templates - Home page 2

          -
          - -
          - -
          -

          - Preview - - - - - -

          -
          - -
          - -
          +
          +

          Page Templates - Home page 2

          +
          + +
          +
          +

          + Preview + + + + + +

          +
          + +
          + + +
          + @@ -641,6 +767,14 @@

          + + + + + + + +
          name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003c!--\n The \u003cods-catalog-context\u003e allows other widgets in this page to access the catalog of datasets in this platform.\n Check the ods-widgets documentation to learn more about ods-catalog-context.\n--\u003e\n\u003cods-catalog-context context=\"catalog\"\u003e\n \u003csection class=\"container\"\u003e\n \u003cdiv class=\"row row-equal-height\"\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003cdiv class=\"welcome-card\"\u003e\n \u003ch1 class=\"welcome-card-title\"\u003e\n Welcome to\n \u003cbr /\u003e\n Portal Name\n \u003c/h1\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003c!-- Basic card (Title + Description + View More button) --\u003e\n \u003cdiv class=\"content-card centered-card\"\u003e\n \u003cdiv class=\"text-center\"\u003e\n \u003ci class=\"fa fa-envira content-card-icon\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003ch2 class=\"content-card-title text-center\"\u003e\n Our philosophy\n \u003c/h2\u003e\n \u003cp class=\"content-card-description\"\u003e\n Tezos limited a quick all-time-high of lots of whitepaper! Cardano could be many technical analysis since Nexo data mining a fundamental analysis.\n \u003c/p\u003e\n \u003cdiv class=\"text-center\"\u003e\n \u003ca href=\"#\"\n class=\"content-card-button\"\u003e\n View more\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003c!-- Basic card (Title + Description + View More button) --\u003e\n \u003cdiv class=\"content-card centered-card\"\u003e\n \u003cdiv class=\"text-center\"\u003e\n \u003ci class=\"fa fa-bolt content-card-icon\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003ch2 class=\"content-card-title text-center\"\u003e\n Our data\n \u003c/h2\u003e\n \u003cp class=\"content-card-description\"\u003e\n Ravencoin generates a amazing fish of lots of market cap, and Waves serves many quick anti-money laundering! Solidity allowed lots of fast peer-to-peer network.\n \u003c/p\u003e\n \u003cdiv class=\"text-center\"\u003e\n \u003ca href=\"#\"\n class=\"content-card-button\"\u003e\n View more\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003c!-- Catalog Search Box --\u003e\n \u003csection class=\"container\"\u003e\n \u003c!-- Search box card --\u003e\n \u003cdiv class=\"search-card\"\u003e\n \u003ch2 class=\"search-card-title\"\u003e\n What data are you looking for?\n \u003c/h2\u003e\n \u003cdiv class=\"search-card-container\"\u003e\n \u003cods-searchbox class=\"search-card-searchbox\"\n form-id=\"search-form\"\n translate=\"placeholder\"\n placeholder=\"Search for a dataset\"\u003e\n \u003c/ods-searchbox\u003e\n \u003cbutton type=\"submit\" form=\"search-form\" class=\"search-card-submit-button\"\u003e\n Search\n \u003c/button\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003csection class=\"container\"\u003e\n \u003cdiv class=\"row row-equal-height\"\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003c!-- KPI card --\u003e\n \u003cdiv class=\"kpi-card\"\u003e\n \u003ci class=\"kpi-icon fa fa-gitlab\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cp class=\"kpi-title\"\u003e\n 5,983\n \u003c/p\u003e\n \u003cp class=\"kpi-description\"\u003e\n Dignissim suspendisse in est ante in nibh nisl tincidunt eget\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003c!-- KPI card --\u003e\n \u003cdiv class=\"kpi-card\"\u003e\n \u003ci class=\"kpi-icon fa fa-ils\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cp class=\"kpi-title\"\u003e\n 230\n \u003c/p\u003e\n \u003cp class=\"kpi-description\"\u003e\n Faucibus nisl tincidunt eget nullam non nisi est sit amet\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003c!-- KPI card --\u003e\n \u003cdiv class=\"kpi-card\"\u003e\n \u003ci class=\"kpi-icon fa fa-houzz\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cp class=\"kpi-title\"\u003e\n 18.3k\n \u003c/p\u003e\n \u003cp class=\"kpi-description\"\u003e\n Quam vulputate dignissim suspendisse in est ante in nibh. Faucibus nisl tincidunt eget nullam non nisi est sit amet\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003csection class=\"container\"\u003e\n \u003c!-- Content card --\u003e\n \u003cdiv class=\"content-card\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-sm-6\"\u003e\n \u003cods-dataset-context context=\"ctx\"\n ctx-domain=\"userclub\"\n ctx-dataset=\"base-nationale-des-lieux-de-covoiturage-en-france\"\n ctx-parameters=\"{'refine.reg_name':'Pays de la Loire'}\"\u003e\n \u003cods-map context=\"ctx\" scroll-wheel-zoom=\"false\" basemap=\"jawg.streets\"\u003e\u003c/ods-map\u003e\n\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-sm-6\"\u003e\n \u003ch2 class=\"content-card-title\"\u003e\n Créer votre carte\n \u003c/h2\u003e\n \u003cp class=\"content-card-description\"\u003e\n Cardano could be many technical analysis since Nexo data mining a fundamental analysis.\n \u003c/p\u003e\n \u003cp class=\"content-card-description\"\u003e\n Ravencoin generates a amazing fish of lots of market cap, and Waves serves many quick anti-money laundering! Solidity allowed lots of fast peer-to-peer network.\n \u003c/p\u003e\n \u003ca href=\"#\"\n class=\"content-card-link\"\u003e\n En savoir \u003ci class=\"fa fa-plus fa-fw\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003csection class=\"container\"\u003e\n \u003c!-- Content card --\u003e\n \u003cdiv class=\"content-card\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-sm-6\"\u003e\n \u003cods-dataset-context context=\"ctx\"\n ctx-domain=\"userclub\"\n ctx-dataset=\"base-nationale-des-lieux-de-covoiturage-en-france\"\n ctx-parameters=\"{'timezone':'Europe/Berlin'}\"\u003e\n \u003cods-chart single-y-axis=\"true\" scientific-display=\"true\" labels-x-length=\"20\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"ctx\" field-x=\"reg_name\" maxpoints=\"0\" sort=\"serie1-1\"\u003e\n \u003cods-chart-serie expression-y=\"spot_size\" chart-type=\"bar\" function-y=\"SUM\" color=\"#EC643C\" scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-sm-6\"\u003e\n \u003ch2 class=\"content-card-title\"\u003e\n Ouvrez vos données !\n \u003c/h2\u003e\n \u003cp class=\"content-card-description\"\u003e\n Sed adipiscing diam donec adipiscing. Mi in nulla posuere sollicitudin aliquam ultrices sagittis orci a. Scelerisque varius morbi enim nunc faucibus. Urna neque viverra justo nec ultrices dui. Amet consectetur adipiscing elit duis tristique sollicitudin nibh.\n \u003c/p\u003e\n \u003cp class=\"content-card-description\"\u003e\n Laoreet non curabitur gravida arcu ac tortor dignissim convallis. Mauris pellentesque pulvinar pellentesque habitant morbi. Id consectetur purus ut faucibus pulvinar elementum integer.\n \u003c/p\u003e\n \u003cp class=\"content-card-description\"\u003e\n Volutpat odio facilisis mauris sit amet massa vitae tortor. A erat nam at lectus urna duis. Interdum varius sit amet mattis vulputate enim nulla.\n \u003c/p\u003e\n \u003ca href=\"#\"\n class=\"content-card-link\"\u003e\n En savoir \u003ci class=\"fa fa-plus fa-fw\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003csection class=\"container\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003c!-- Content card --\u003e\n \u003cdiv class=\"content-card\"\u003e\n \u003ch2 class=\"content-card-title\"\u003e\n Title Chart #1\n \u003c/h2\u003e\n \u003cods-dataset-context context=\"ctx\"\n ctx-domain=\"userclub\"\n ctx-dataset=\"base-nationale-des-lieux-de-covoiturage-en-france\"\n ctx-parameters=\"{'timezone':'Europe/Berlin'}\"\u003e\n \u003cods-chart single-y-axis=\"true\" scientific-display=\"true\" labels-x-length=\"20\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"ctx\" field-x=\"reg_name\" maxpoints=\"0\" sort=\"serie1-1\"\u003e\n \u003cods-chart-serie expression-y=\"spot_size\" chart-type=\"bar\" function-y=\"SUM\" color=\"#EC643C\" scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-8\"\u003e\n \u003c!-- Content card --\u003e\n \u003cdiv class=\"content-card\"\u003e\n \u003ch2 class=\"content-card-title\"\u003e\n Title Chart #2\n \u003c/h2\u003e\n \u003cods-dataset-context context=\"ctx\"\n ctx-domain=\"userclub\"\n ctx-dataset=\"base-nationale-des-lieux-de-covoiturage-en-france\"\n ctx-parameters=\"{'timezone':'Europe/Berlin'}\"\u003e\n \u003cods-chart single-y-axis=\"true\" scientific-display=\"true\" labels-x-length=\"20\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"ctx\" field-x=\"reg_name\" maxpoints=\"0\" sort=\"serie1-1\"\u003e\n \u003cods-chart-serie expression-y=\"spot_size\" chart-type=\"bar\" function-y=\"SUM\" color=\"#EC643C\" scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003csection class=\"container\"\u003e\n \u003cdiv class=\"row row-equal-height\"\u003e\n \u003cdiv class=\"col-md-3 margin-bottom-2\"\u003e\n \u003c!-- Color card --\u003e\n \u003ca href=\"#\" class=\"color-card\"\u003e\n \u003ci class=\"fa fa-map-o color-card-icon\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003ch3 class=\"color-card-title\"\u003e\n Créer une carte\n \u003c/h3\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-3 margin-bottom-2\"\u003e\n \u003c!-- Color card --\u003e\n \u003ca href=\"#\" class=\"color-card\"\u003e\n \u003ci class=\"fa fa-bar-chart color-card-icon\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003ch3 class=\"color-card-title\"\u003e\n Créer un graphique\n \u003c/h3\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-3 margin-bottom-2\"\u003e\n \u003c!-- Color card --\u003e\n \u003ca href=\"#\" class=\"color-card\"\u003e\n \u003ci class=\"fa fa-cogs color-card-icon\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003ch3 class=\"color-card-title\"\u003e\n Utiliser l'API\n \u003c/h3\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-3 margin-bottom-2\"\u003e\n \u003c!-- Color card --\u003e\n \u003ca href=\"#\" class=\"color-card\"\u003e\n \u003ci class=\"fa fa-book color-card-icon\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003ch3 class=\"color-card-title\"\u003e\n Documentation\n \u003c/h3\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n\u003c/ods-catalog-context\u003e\n\u003c/div\u003e", - "css": "/* ==========================================================================\n Cards\n ========================================================================== */\n/**\n * Styling for the different types of cards:\n * - Colored Card\n * - Content card\n * - Search box card\n * - KPI card\n * - Image card\n */\n/* Variables \u0026 Shared classes\n ========================================================================== */\n:root {\n --secondary-color: #142E7B;\n}\n.text-center {\n\ttext-align: center;\n}\n.centered-card {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t -ms-flex-direction: column;\n\t flex-direction: column;\n\t-webkit-box-align: center;\n\t -ms-flex-align: center;\n\t align-items: center;\n\t-webkit-box-pack: center;\n\t -ms-flex-pack: center;\n\t justify-content: center;\n}\n/* Colored Card (Basic card)\n ========================================================================== */\n.color-card {\n\tbackground-color: var(--links); /* Background color for IE */\n\tbackground-color: var(--secondary-color);\n\tcolor: #FFFFFF;\n\ttext-align: center;\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t -ms-flex-direction: column;\n\t flex-direction: column;\n\t-webkit-box-align: center;\n\t -ms-flex-align: center;\n\t align-items: center;\n\t-webkit-box-pack: center;\n\t -ms-flex-pack: center;\n\t justify-content: center;\n\tpadding: 39px;\n\tborder-radius: 4px;\n\tmargin-bottom: 20px;\n\theight: 100%;\n\ttext-decoration: none;\n\t-webkit-transition: all .2s;\n\t-o-transition: all .2s;\n\ttransition: all .2s;\n}\n.color-card:hover,\n.color-card:focus {\n\ttext-decoration: none;\n -webkit-transform: scale(1.02);\n -ms-transform: scale(1.02);\n transform: scale(1.02);\n -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);\n box-shadow: 0 0 10px 0 rgba(0,0,0,.1);\n}\n.color-card-icon {\n\tfont-size: 2rem;\n\tmargin-bottom: 13px;\n}\n.color-card-picto {\n\twidth: auto;\n\theight: 56px;\n\tmargin-bottom: 13px;\n\tmax-width: 100%;\n}\n.color-card-title {\n\tcolor: inherit;\n\tfont-size: 1.2rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\tmargin-top: 0;\n\tmargin-bottom: 0;\n\tmax-width: 100%;\n}\n.color-card-description {\n\tfont-size: 1rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\tcolor: inherit;\n\tmargin-top: 13px;\n\tmargin-bottom: 26px;\n\tmax-width: 100%;\n}\n.color-card-link {\n\tcolor: inherit;\n\tfont-weight: bold;\n\tmargin-top: auto;\n\tmax-width: 100%;\n}\n/* Content Card\n ========================================================================== */\n.content-card {\n\tbackground-color: var(--boxes-background);\n\tpadding: 26px;\n\tborder-radius: 4px;\n\tmargin-bottom: 20px;\n\theight: 100%;\n}\n.content-card-title {\n\tcolor: var(--titles);\n\tfont-size: 1.2rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\tmargin-top: 0;\n\tmargin-bottom: 13px;\n\tmax-width: 100%;\n}\n.content-card-description {\n\tcolor: var(--text);\n\tfont-size: 1rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\tmargin-top: 0;\n\tmargin-bottom: 26px;\n\tmax-width: 100%;\n}\n.content-card-icon {\n\tcolor: var(--highlight);\n\tfont-size: 2rem;\n\tmargin-bottom: 13px;\n\tmax-width: 100%;\n}\n.content-card-link {\n\tcolor: var(--links);\n\tfont-weight: bold;\n\t-webkit-transition: all .2s;\n\t-o-transition: all .2s;\n\ttransition: all .2s;\n\topacity: 1;\n\tmax-width: 100%;\n}\n.content-card-link:hover {\n\topacity: .7;\n\ttext-decoration: none;\n}\n.content-card-button {\n\tcolor: var(--highlight); /* Color for IE */\n\tcolor: var(--secondary-color);\n\tborder: 1px solid var(--highlight); /* Border color for IE because it doesn't support CSS variables. */\n\tborder: 1px solid var(--secondary-color);\n background: transparent;\n\tdisplay: inline-block;\n\ttext-align: center;\n\tfont-size: .867rem;\n border-radius: 4px;\n padding: .5rem 1.15rem;\n text-decoration: none;\n -webkit-transition: all .2s;\n -o-transition: all .2s;\n transition: all .2s;\n}\n.content-card-button:hover {\n\tbackground-color: var(--highlight); /* Color for IE */\n\tbackground-color: var(--secondary-color);\n\tcolor: #FFFFFF;\n\ttext-decoration: none;\n}\n/* Search Box Card\n ========================================================================== */\n.search-card {\n\tbackground-color: rgba(0,0,0,.1);\n\tpadding: 39px;\n\tborder-radius: 4px;\n\tmargin-bottom: 20px;\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t -ms-flex-direction: column;\n\t flex-direction: column;\n\t-webkit-box-align: stretch;\n\t -ms-flex-align: stretch;\n\t align-items: stretch;\n\ttext-align: center;\n\t-webkit-box-pack: center;\n\t -ms-flex-pack: center;\n\t justify-content: center;\n\ttext-align: center;\n}\n.search-card-container {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-pack: center;\n\t -ms-flex-pack: center;\n\t justify-content: center;\n\twidth: 100%;\n\tmax-width: 500px;\n\tmargin: 0 auto;\n}\n.search-card-title {\n\tcolor: var(--titles);\n\tfont-size: 1.2rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n}\n.search-card-searchbox {\n\tmargin-bottom: 0;\n\t-webkit-box-flex: 1;\n\t -ms-flex: 1 1 auto;\n\t flex: 1 1 auto;\n}\n.search-card-searchbox .odswidget-searchbox__box {\n\tfont-size: 1rem;\n display: block;\n width: 100%;\n max-width: 500px;\n padding: 8px 13px;\n border-radius: 4px 0 0 4px;\n border: none;\n margin: 0 auto;\n}\n.search-card-submit-button {\n\tborder: none;\n\tbackground-color: var(--highlight);\n\tcolor: #FFFFFF;\n\tfont-size: .866rem;\n\tfont-weight: bold;\n\ttext-align: center;\n\tpadding: 8px 12px;\n\tborder-radius: 0 4px 4px 0;\n\t-webkit-transition: opacity .2s;\n\t-o-transition: opacity .2s;\n\ttransition: opacity .2s;\n}\n.search-card-submit-button:hover {\n\ttext-decoration: none;\n\topacity: .7;\n}\n/* KPI Card\n ========================================================================== */\n.kpi-card {\n\tbackground-color: var(--boxes-background);\n\theight: 100%;\n\tpadding: 39px;\n\tborder-radius: 4px;\n\tmargin-bottom: 20px;\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t -ms-flex-direction: column;\n\t flex-direction: column;\n\t-webkit-box-align: center;\n\t -ms-flex-align: center;\n\t align-items: center;\n\ttext-align: center;\n\t-webkit-box-pack: center;\n\t -ms-flex-pack: center;\n\t justify-content: center;\n\ttext-align: center;\n}\n.kpi-icon {\n\tcolor: var(--highlight);\n\tcolor: var(--secondary-color);\n\tfont-size: 4rem;\n\tmargin-top: 0;\n\tmargin-bottom: 13px;\n\tmax-width: 100%;\n}\n.kpi-title {\n\tfont-weight: normal;\n\tcolor: var(--highlight);\n\tfont-size: 3.2rem;\n\tmargin-top: 0;\n\tmargin-bottom: 13px;\n\tmax-width: 100%;\n}\n.kpi-description {\n\tcolor: var(--text);\n\tfont-size: 1rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\tmargin-top: 0;\n\tmargin-bottom: 0;\n\tmax-width: 100%;\n}\n/* Image Card\n ========================================================================== */\n.image-card {\n\tbackground-color: rgba(0,0,0,.1);\n\tbackground-color: var(--secondary-color);\n\tcolor: #FFFFFF;\n\tpadding: 39px;\n\tborder-radius: 4px;\n\tmargin-bottom: 20px;\n\tmin-height: 300px;\n\theight: 100%;\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t -ms-flex-direction: column;\n\t flex-direction: column;\n\t-webkit-box-align: stretch;\n\t -ms-flex-align: stretch;\n\t align-items: stretch;\n\ttext-align: center;\n\t-webkit-box-pack: center;\n\t -ms-flex-pack: center;\n\t justify-content: center;\n\tbackground-position: center center;\n\tbackground-repeat: no-repeat;\n\tbackground-size: cover;\n\t-webkit-transition: all .2s;\n\t-o-transition: all .2s;\n\ttransition: all .2s;\n\ttext-decoration: none;\n}\n.image-card:hover,\n.image-card:focus {\n\ttext-decoration: none;\n -webkit-transform: scale(1.02);\n -ms-transform: scale(1.02);\n transform: scale(1.02);\n -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);\n box-shadow: 0 0 10px 0 rgba(0,0,0,.1);\n}\n.image-title {\n\tcolor: inherit;\n\tfont-size: 1.733rem;\n\tline-height: 2.26;\n\tfont-weight: bold;\n\tmargin-top: 0;\n\tmargin-bottom: 13px;\n}\n.image-description {\n\tcolor: inherit;\n\tfont-size: 1rem;\n\tline-height: 1.5;\n\tfont-weight: bold;\n\tmargin: 0;\n}\n/* Image card backgrounds\n ========================================================================== */\n/**\n * - Replace the background image url.\n * - Change the class name to something related to your project.\n */\n.image-card-mobility {\n\tbackground-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/mobility-bg.jpg');\n\tbackground-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/mobility-bg.jpg');\n\tbackground-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/mobility-bg.jpg');\n}\n.image-card-garden {\n\tbackground-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/garden-bg.jpg');\n\tbackground-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/garden-bg.jpg');\n\tbackground-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/garden-bg.jpg');\n}\n.image-card-gastronomy {\n\tbackground-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/gastronomy-bg.jpg');\n\tbackground-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/gastronomy-bg.jpg');\n\tbackground-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/gastronomy-bg.jpg');\n}\n.image-card-sport {\n\tbackground-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/sport-bg.jpg');\n\tbackground-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/sport-bg.jpg');\n\tbackground-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/sport-bg.jpg');\n}\n.image-card-culture {\n\tbackground-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/culture-bg.jpg');\n\tbackground-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/culture-bg.jpg');\n\tbackground-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/culture-bg.jpg');\n}\n.image-card-education {\n\tbackground-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/education-bg.jpg');\n\tbackground-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/education-bg.jpg');\n\tbackground-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/education-bg.jpg');\n}\n/* ==========================================================================\n Homepage Styles\n ========================================================================== */\n/*\nThe CSS rules below will only be applied to the HTML used in the \u003c/\u003e HTML tab\nand will not be applied to other pages of your platform.\nThe 'home-' prefix is used for classes that belong to this page only. This makes it easier\nto understand which classes are used here and which ones are in the Platform Theme Stylesheet.\n*/\n/* Shared Styles\n========================================================================== */\n/*\nThese styles are used by different elements in the home page\n*/\nmain {\n /* Overrides an existing CSS rule so the banner image can be \"edge-to-edge\" */\n margin: 20px 0 0 0;\n}\n@media screen and (min-width: 992px) {\n\t.row-equal-height {\n\t\tdisplay: -webkit-box;\n\t\tdisplay: -ms-flexbox;\n\t\tdisplay: flex;\n\t\t-ms-flex-wrap: wrap;\n\t\t flex-wrap: wrap;\n\t\tmargin-bottom: 20px;\n\t}\n\t/* Fix for early content wrapping in Safari*/\n\t.row-equal-height:before,\n\t.row-equal-height:after {\n\t\tcontent: normal;\n\t}\n}\n.home-subtitle {\n\tcolor: var(--titles);\n\tfont-size: 1.2rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\tmargin-bottom: 26px;\n}\n.margin-bottom-2 {\n\tmargin-bottom: 20px;\n}\n/* Home welcome card\n========================================================================== */\n.welcome-card {\n\tcolor: #FFFFFF;\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t -ms-flex-direction: column;\n\t flex-direction: column;\n\t-webkit-box-align: start;\n\t -ms-flex-align: start;\n\t align-items: flex-start;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n height: 100%;\n\tpadding: 39px;\n\tborder-radius: 4px;\n\tmargin-bottom: 20px;\n background-color: var(--highlight);\n}\n.welcome-card-title {\n\tcolor: inherit;\n font-size: 2.8rem;\n margin-top: 0;\n margin-bottom: 0;\n line-height: 1.5;\n\tfont-weight: bold;\n\tmax-width: 100%;\n}\n/* Most Popular / Last Updated datasets section\n========================================================================== */\n.odswidget-most-popular-datasets__datasets,\n.odswidget-last-datasets-feed__datasets {\n\tmargin-top: 0;\n\tmargin-bottom: 20px;\n}\n.odswidget-most-popular-datasets__dataset,\n.odswidget-last-datasets-feed__dataset {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n padding: 13px;\n background-color: #FFFFFF;\n border-radius: 4px;\n\tmargin-bottom: 13px;\n}\n.odswidget-most-popular-datasets__theme-picto,\n.odswidget-last-datasets-feed__theme-picto {\n\tmargin-top: 0;\n}\n.odswidget-most-popular-datasets__dataset-details,\n.odswidget-last-datasets-feed__dataset-details {\n\tmargin-left: 13px;\n}\n.odswidget-most-popular-datasets__dataset-details-title,\n.odswidget-last-datasets-feed__dataset-details-title {\n\tfont-size: 1rem;\n}\n.odswidget-most-popular-datasets__dataset-details-title a,\n.odswidget-last-datasets-feed__dataset-details-title a {\n\tcolor: var(--titles);\n}\n.odswidget-most-popular-datasets__dataset-details-count,\n.odswidget-last-datasets-feed__dataset-details-modified {\n\topacity: .8;\n\tborder-bottom: none;\n\tcursor: default;\n}\n.odswidget-most-popular-datasets__dataset-details-count .fa,\n.odswidget-last-datasets-feed__dataset-details-modified .fa {\n\tdisplay: none;\n}\n" + "css": "/* ==========================================================================\n Cards\n ========================================================================== */\n/**\n * Styling for the different types of cards:\n * - Colored Card\n * - Content card\n * - Search box card\n * - KPI card\n * - Image card\n */\n/* Variables \u0026 Shared classes\n ========================================================================== */\n:root {\n --secondary-color: #142E7B;\n}\n.text-center {\n\ttext-align: center;\n}\n.centered-card {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t -ms-flex-direction: column;\n\t flex-direction: column;\n\t-webkit-box-align: center;\n\t -ms-flex-align: center;\n\t align-items: center;\n\t-webkit-box-pack: center;\n\t -ms-flex-pack: center;\n\t justify-content: center;\n}\n/* Colored Card (Basic card)\n ========================================================================== */\n.color-card {\n\tbackground-color: var(--links); /* Background color for IE */\n\tbackground-color: var(--secondary-color);\n\tcolor: #FFFFFF;\n\ttext-align: center;\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t -ms-flex-direction: column;\n\t flex-direction: column;\n\t-webkit-box-align: center;\n\t -ms-flex-align: center;\n\t align-items: center;\n\t-webkit-box-pack: center;\n\t -ms-flex-pack: center;\n\t justify-content: center;\n\tpadding: 39px;\n\tborder-radius: 4px;\n\tmargin-bottom: 20px;\n\theight: 100%;\n\ttext-decoration: none;\n\t-webkit-transition: all .2s;\n\t-o-transition: all .2s;\n\ttransition: all .2s;\n}\n.color-card:hover,\n.color-card:focus {\n\ttext-decoration: none;\n -webkit-transform: scale(1.02);\n -ms-transform: scale(1.02);\n transform: scale(1.02);\n -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);\n box-shadow: 0 0 10px 0 rgba(0,0,0,.1);\n}\n.color-card-icon {\n\tfont-size: 2rem;\n\tmargin-bottom: 13px;\n}\n.color-card-picto {\n\twidth: auto;\n\theight: 56px;\n\tmargin-bottom: 13px;\n\tmax-width: 100%;\n}\n.color-card-title {\n\tcolor: inherit;\n\tfont-size: 1.2rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\tmargin-top: 0;\n\tmargin-bottom: 0;\n\tmax-width: 100%;\n}\n.color-card-description {\n\tfont-size: 1rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\tcolor: inherit;\n\tmargin-top: 13px;\n\tmargin-bottom: 26px;\n\tmax-width: 100%;\n}\n.color-card-link {\n\tcolor: inherit;\n\tfont-weight: bold;\n\tmargin-top: auto;\n\tmax-width: 100%;\n}\n/* Content Card\n ========================================================================== */\n.content-card {\n\tbackground-color: var(--boxes-background);\n\tpadding: 26px;\n\tborder-radius: 4px;\n\tmargin-bottom: 20px;\n\theight: 100%;\n}\n.content-card-title {\n\tcolor: var(--titles);\n\tfont-size: 1.2rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\tmargin-top: 0;\n\tmargin-bottom: 13px;\n\tmax-width: 100%;\n}\n.content-card-description {\n\tcolor: var(--text);\n\tfont-size: 1rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\tmargin-top: 0;\n\tmargin-bottom: 26px;\n\tmax-width: 100%;\n}\n.content-card-icon {\n\tcolor: var(--highlight);\n\tfont-size: 2rem;\n\tmargin-bottom: 13px;\n\tmax-width: 100%;\n}\n.content-card-link {\n\tcolor: var(--links);\n\tfont-weight: bold;\n\t-webkit-transition: all .2s;\n\t-o-transition: all .2s;\n\ttransition: all .2s;\n\topacity: 1;\n\tmax-width: 100%;\n}\n.content-card-link:hover {\n\topacity: .7;\n\ttext-decoration: none;\n}\n.content-card-button {\n\tcolor: var(--highlight); /* Color for IE */\n\tcolor: var(--secondary-color);\n\tborder: 1px solid var(--highlight); /* Border color for IE because it doesn't support CSS variables. */\n\tborder: 1px solid var(--secondary-color);\n background: transparent;\n\tdisplay: inline-block;\n\ttext-align: center;\n\tfont-size: .867rem;\n border-radius: 4px;\n padding: .5rem 1.15rem;\n text-decoration: none;\n -webkit-transition: all .2s;\n -o-transition: all .2s;\n transition: all .2s;\n}\n.content-card-button:hover {\n\tbackground-color: var(--highlight); /* Color for IE */\n\tbackground-color: var(--secondary-color);\n\tcolor: #FFFFFF;\n\ttext-decoration: none;\n}\n/* Search Box Card\n ========================================================================== */\n.search-card {\n\tbackground-color: rgba(0,0,0,.1);\n\tpadding: 39px;\n\tborder-radius: 4px;\n\tmargin-bottom: 20px;\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t -ms-flex-direction: column;\n\t flex-direction: column;\n\t-webkit-box-align: stretch;\n\t -ms-flex-align: stretch;\n\t align-items: stretch;\n\ttext-align: center;\n\t-webkit-box-pack: center;\n\t -ms-flex-pack: center;\n\t justify-content: center;\n\ttext-align: center;\n}\n.search-card-container {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-pack: center;\n\t -ms-flex-pack: center;\n\t justify-content: center;\n\twidth: 100%;\n\tmax-width: 500px;\n\tmargin: 0 auto;\n}\n.search-card-title {\n\tcolor: var(--titles);\n\tfont-size: 1.2rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n}\n.search-card-searchbox {\n\tmargin-bottom: 0;\n\t-webkit-box-flex: 1;\n\t -ms-flex: 1 1 auto;\n\t flex: 1 1 auto;\n}\n.search-card-searchbox .odswidget-searchbox__box {\n\tfont-size: 1rem;\n display: block;\n width: 100%;\n max-width: 500px;\n padding: 8px 13px;\n border-radius: 4px 0 0 4px;\n border: none;\n margin: 0 auto;\n}\n.search-card-submit-button {\n\tborder: none;\n\tbackground-color: var(--highlight);\n\tcolor: #FFFFFF;\n\tfont-size: .866rem;\n\tfont-weight: bold;\n\ttext-align: center;\n\tpadding: 8px 12px;\n\tborder-radius: 0 4px 4px 0;\n\t-webkit-transition: opacity .2s;\n\t-o-transition: opacity .2s;\n\ttransition: opacity .2s;\n}\n.search-card-submit-button:hover {\n\ttext-decoration: none;\n\topacity: .7;\n}\n/* KPI Card\n ========================================================================== */\n.kpi-card {\n\tbackground-color: var(--boxes-background);\n\theight: 100%;\n\tpadding: 39px;\n\tborder-radius: 4px;\n\tmargin-bottom: 20px;\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t -ms-flex-direction: column;\n\t flex-direction: column;\n\t-webkit-box-align: center;\n\t -ms-flex-align: center;\n\t align-items: center;\n\ttext-align: center;\n\t-webkit-box-pack: center;\n\t -ms-flex-pack: center;\n\t justify-content: center;\n\ttext-align: center;\n}\n.kpi-icon {\n\tcolor: var(--highlight);\n\tcolor: var(--secondary-color);\n\tfont-size: 4rem;\n\tmargin-top: 0;\n\tmargin-bottom: 13px;\n\tmax-width: 100%;\n}\n.kpi-title {\n\tfont-weight: normal;\n\tcolor: var(--highlight);\n\tfont-size: 3.2rem;\n\tmargin-top: 0;\n\tmargin-bottom: 13px;\n\tmax-width: 100%;\n}\n.kpi-description {\n\tcolor: var(--text);\n\tfont-size: 1rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\tmargin-top: 0;\n\tmargin-bottom: 0;\n\tmax-width: 100%;\n}\n/* Image Card\n ========================================================================== */\n.image-card {\n\tbackground-color: rgba(0,0,0,.1);\n\tbackground-color: var(--secondary-color);\n\tcolor: #FFFFFF;\n\tpadding: 39px;\n\tborder-radius: 4px;\n\tmargin-bottom: 20px;\n\tmin-height: 300px;\n\theight: 100%;\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t -ms-flex-direction: column;\n\t flex-direction: column;\n\t-webkit-box-align: stretch;\n\t -ms-flex-align: stretch;\n\t align-items: stretch;\n\ttext-align: center;\n\t-webkit-box-pack: center;\n\t -ms-flex-pack: center;\n\t justify-content: center;\n\tbackground-position: center center;\n\tbackground-repeat: no-repeat;\n\tbackground-size: cover;\n\t-webkit-transition: all .2s;\n\t-o-transition: all .2s;\n\ttransition: all .2s;\n\ttext-decoration: none;\n}\n.image-card:hover,\n.image-card:focus {\n\ttext-decoration: none;\n -webkit-transform: scale(1.02);\n -ms-transform: scale(1.02);\n transform: scale(1.02);\n -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);\n box-shadow: 0 0 10px 0 rgba(0,0,0,.1);\n}\n.image-title {\n\tcolor: inherit;\n\tfont-size: 1.733rem;\n\tline-height: 2.26;\n\tfont-weight: bold;\n\tmargin-top: 0;\n\tmargin-bottom: 13px;\n}\n.image-description {\n\tcolor: inherit;\n\tfont-size: 1rem;\n\tline-height: 1.5;\n\tfont-weight: bold;\n\tmargin: 0;\n}\n/* Image card backgrounds\n ========================================================================== */\n/**\n * - Replace the background image url.\n * - Change the class name to something related to your project.\n */\n.image-card-mobility {\n\tbackground-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/mobility-bg.jpg');\n\tbackground-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/mobility-bg.jpg');\n\tbackground-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/mobility-bg.jpg');\n}\n.image-card-garden {\n\tbackground-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/garden-bg.jpg');\n\tbackground-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/garden-bg.jpg');\n\tbackground-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/garden-bg.jpg');\n}\n.image-card-gastronomy {\n\tbackground-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/gastronomy-bg.jpg');\n\tbackground-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/gastronomy-bg.jpg');\n\tbackground-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/gastronomy-bg.jpg');\n}\n.image-card-sport {\n\tbackground-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/sport-bg.jpg');\n\tbackground-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/sport-bg.jpg');\n\tbackground-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/sport-bg.jpg');\n}\n.image-card-culture {\n\tbackground-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/culture-bg.jpg');\n\tbackground-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/culture-bg.jpg');\n\tbackground-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/culture-bg.jpg');\n}\n.image-card-education {\n\tbackground-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/education-bg.jpg');\n\tbackground-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/education-bg.jpg');\n\tbackground-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/education-bg.jpg');\n}\n/* ==========================================================================\n Homepage Styles\n ========================================================================== */\n/*\nThe CSS rules below will only be applied to the HTML used in the \u003c/\u003e HTML tab\nand will not be applied to other pages of your platform.\nThe 'home-' prefix is used for classes that belong to this page only. This makes it easier\nto understand which classes are used here and which ones are in the Platform Theme Stylesheet.\n*/\n/* Shared Styles\n========================================================================== */\n/*\nThese styles are used by different elements in the home page\n*/\nmain {\n /* Overrides an existing CSS rule so the banner image can be \"edge-to-edge\" */\n margin: 20px 0 0 0;\n}\n@media screen and (min-width: 992px) {\n\t.row-equal-height {\n\t\tdisplay: -webkit-box;\n\t\tdisplay: -ms-flexbox;\n\t\tdisplay: flex;\n\t\t-ms-flex-wrap: wrap;\n\t\t flex-wrap: wrap;\n\t\tmargin-bottom: 20px;\n\t}\n\t/* Fix for early content wrapping in Safari*/\n\t.row-equal-height:before,\n\t.row-equal-height:after {\n\t\tcontent: normal;\n\t}\n}\n.home-subtitle {\n\tcolor: var(--titles);\n\tfont-size: 1.2rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\tmargin-bottom: 26px;\n}\n.margin-bottom-2 {\n\tmargin-bottom: 20px;\n}\n/* Home welcome card\n========================================================================== */\n.welcome-card {\n\tcolor: #FFFFFF;\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t -ms-flex-direction: column;\n\t flex-direction: column;\n\t-webkit-box-align: start;\n\t -ms-flex-align: start;\n\t align-items: flex-start;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n height: 100%;\n\tpadding: 39px;\n\tborder-radius: 4px;\n\tmargin-bottom: 20px;\n background-color: var(--highlight);\n}\n.welcome-card-title {\n\tcolor: inherit;\n font-size: 2.8rem;\n margin-top: 0;\n margin-bottom: 0;\n line-height: 1.5;\n\tfont-weight: bold;\n\tmax-width: 100%;\n}\n/* Most Popular / Last Updated datasets section\n========================================================================== */\n.odswidget-most-popular-datasets__datasets,\n.odswidget-last-datasets-feed__datasets {\n\tmargin-top: 0;\n\tmargin-bottom: 20px;\n}\n.odswidget-most-popular-datasets__dataset,\n.odswidget-last-datasets-feed__dataset {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n padding: 13px;\n background-color: #FFFFFF;\n border-radius: 4px;\n\tmargin-bottom: 13px;\n}\n.odswidget-most-popular-datasets__theme-picto,\n.odswidget-last-datasets-feed__theme-picto {\n\tmargin-top: 0;\n}\n.odswidget-most-popular-datasets__dataset-details,\n.odswidget-last-datasets-feed__dataset-details {\n\tmargin-left: 13px;\n}\n.odswidget-most-popular-datasets__dataset-details-title,\n.odswidget-last-datasets-feed__dataset-details-title {\n\tfont-size: 1rem;\n}\n.odswidget-most-popular-datasets__dataset-details-title a,\n.odswidget-last-datasets-feed__dataset-details-title a {\n\tcolor: var(--titles);\n}\n.odswidget-most-popular-datasets__dataset-details-count,\n.odswidget-last-datasets-feed__dataset-details-modified {\n\topacity: .8;\n\tborder-bottom: none;\n\tcursor: default;\n}\n.odswidget-most-popular-datasets__dataset-details-count .fa,\n.odswidget-last-datasets-feed__dataset-details-modified .fa {\n\tdisplay: none;\n}\n" }'>
          @@ -664,7 +798,8 @@

          width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -708,6 +843,7 @@

          const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -818,7 +954,9 @@

          $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
          <div ng-app="ods-widgets"> @@ -1456,34 +1594,34 @@

          * - Change the class name to something related to your project. */ .image-card-mobility { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/mobility-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/mobility-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/mobility-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/mobility-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/mobility-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/mobility-bg.jpg'); } .image-card-garden { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/garden-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/garden-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/garden-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/garden-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/garden-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/garden-bg.jpg'); } .image-card-gastronomy { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/gastronomy-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/gastronomy-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/gastronomy-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/gastronomy-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/gastronomy-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/gastronomy-bg.jpg'); } .image-card-sport { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/sport-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/sport-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/sport-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/sport-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/sport-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/sport-bg.jpg'); } .image-card-culture { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/culture-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/culture-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/culture-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/culture-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/culture-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/culture-bg.jpg'); } .image-card-education { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/education-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/education-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/education-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/education-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/education-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/education-bg.jpg'); } /* ========================================================================== Homepage Styles @@ -1611,8 +1749,10 @@

          "> -
          -

          -

          - -
          +
          + +
          + +
          - - + - © Copyright 2020 + © Copyright 2026
          @@ -3295,7 +3437,7 @@

          diff --git a/public/page-templates/home-3/1/css.inc b/public/page-templates/home-3/1/css.inc index dc2c67e6a..9d71020f8 100644 --- a/public/page-templates/home-3/1/css.inc +++ b/public/page-templates/home-3/1/css.inc @@ -359,34 +359,34 @@ * - Change the class name to something related to your project. */ .image-card-mobility { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/mobility-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/mobility-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/mobility-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/mobility-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/mobility-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/mobility-bg.jpg'); } .image-card-garden { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/garden-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/garden-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/garden-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/garden-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/garden-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/garden-bg.jpg'); } .image-card-gastronomy { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/gastronomy-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/gastronomy-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/gastronomy-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/gastronomy-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/gastronomy-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/gastronomy-bg.jpg'); } .image-card-sport { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/sport-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/sport-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/sport-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/sport-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/sport-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/sport-bg.jpg'); } .image-card-culture { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/culture-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/culture-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/culture-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/culture-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/culture-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/culture-bg.jpg'); } .image-card-education { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/education-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/education-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/education-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/education-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/education-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/education-bg.jpg'); } /* ========================================================================== Homepage Styles @@ -460,7 +460,7 @@ main { background-size: cover; /* You can replace the background-image by uploading an image to the portal assets and replacing the text in simple quotes below or use the URL of an image on the web */ - background-image: url('https://discovery.opendatasoft.com/assets/theme_image/header-bg.jpg'); + background-image: url('https://discovery.huwise.com/assets/theme_image/header-bg.jpg'); /* Position of the background-image on x y axis. Change these values to modify where the image is centered. */ diff --git a/public/page-templates/home-3/1/html.inc b/public/page-templates/home-3/1/html.inc index 76a531160..767e266d6 100644 --- a/public/page-templates/home-3/1/html.inc +++ b/public/page-templates/home-3/1/html.inc @@ -194,7 +194,7 @@
          diff --git a/public/page-templates/home-3/index.html b/public/page-templates/home-3/index.html index 784610512..25297cf80 100644 --- a/public/page-templates/home-3/index.html +++ b/public/page-templates/home-3/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@ - @@ -179,7 +196,7 @@
          • + href="https://codelibrary.huwize.com/"> Home
            • @@ -196,6 +213,54 @@ + + + + + + + + + + + + + + + + + + + + + +
          • + + Apps + + +
            • + + + + + + + + + + + + + + + + + + + + @@ -250,6 +315,9 @@ + + +
          • @@ -274,6 +342,9 @@ + + + @@ -323,6 +394,16 @@
            • +
          • + +
            + Dashboard with filters + + +
            +             +
            • +
            • +
          • + +
            + Dataviz gallery page + + +
            +             +
            • +
            • +
          • + +
            + Home page 4 with access cards + + +
            +             +
            • + +
          • + +
            + Listing page + + +
            +             +
            • +
            • @@ -554,51 +663,67 @@
            - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
            @@ -609,27 +734,28 @@
            -
            -

            Page Templates - Home page 3

            -
            - -
            - -
            -

            - Preview - - - - - -

            -
            - -
            - -
            +
            +

            Page Templates - Home page 3

            +
            + +
            +
            +

            + Preview + + + + + +

            +
            + +
            + + +
            + @@ -641,6 +767,14 @@

            + + + + + + + +
            name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003c!--\n\tThe \u003cods-catalog-context\u003e allows other widgets in this page to access the catalog of datasets in this platform.\n\tCheck the ods-widgets documentation to learn more about ods-catalog-context.\n--\u003e\n\u003cods-catalog-context context=\"catalog\"\u003e\n\t\u003c!-- Header Image\n\t\tCheck the .home-header class to change the background image\n\t--\u003e\n\t\u003csection class=\"home-header\"\u003e\n\t\t\u003cdiv class=\"container\"\u003e\n\t\t\t\u003cdiv class=\"welcome-card\"\u003e\n\t\t\t\t\u003ch1 class=\"welcome-card-title\"\u003e\n\t\t\t\t\tWelcome to Portal Name\n\t\t\t\t\u003c/h1\u003e\n\t\t\t\u003c/div\u003e\n\t\t\u003c/div\u003e\n\t\u003c/section\u003e\n\t\u003c!-- Welcome card and KPI cards --\u003e\n\t\u003csection class=\"container\"\u003e\n\t\t\u003cdiv class=\"row row-equal-height margin-bottom-0\"\n\t\t\t\tods-facet-results=\"themes\"\n\t\t\t\tods-facet-results-context=\"catalog\"\n\t\t\t\tods-facet-results-facet-name=\"theme\"\n\t\t\t\tods-facet-results-sort=\"alphanum\"\u003e\n\t\t\t\u003cdiv ng-repeat=\"theme in themes\"\n\t\t\t\tclass=\"col-md-3 margin-bottom-2\"\u003e\n\t\t\t\t\u003ca href=\"/explore/?refine.theme={{ theme.path }}\"\n\t\t\t\t\tclass=\"color-card centered-card\"\u003e\n\t\t\t\t\t\u003cods-theme-picto theme=\"{{ theme.name }}\" class=\"color-card-picto\"\u003e\u003c/ods-theme-picto\u003e\n\t\t\t\t\t\u003ch3 class=\"color-card-title\"\u003e\n\t\t\t\t\t\t{{ theme.name }}\n\t\t\t\t\t\u003c/h3\u003e\n\t\t\t\t\u003c/a\u003e\n\t\t\t\u003c/div\u003e\n\t\t\u003c/div\u003e\n\t\u003c/section\u003e\n\t\u003c!-- Catalog Search Box --\u003e\n\t\u003csection class=\"container\"\u003e\n\t\t\u003cdiv class=\"search-card\"\u003e\n\t\t\t\u003ch2 class=\"search-card-title\"\u003e\n\t\t\t\tWhat data are you looking for?\n\t\t\t\u003c/h2\u003e\n\t\t\t\u003cdiv class=\"search-card-container\"\u003e\n\t\t\t\t\u003cods-searchbox class=\"search-card-searchbox\"\n\t\t\t\t\tform-id=\"search-form\"\n\t\t\t\t\ttranslate=\"placeholder\"\n\t\t\t\t\tplaceholder=\"Search for a dataset\"\u003e\n\t\t\t\t\u003c/ods-searchbox\u003e\n\t\t\t\t\u003cbutton type=\"submit\" form=\"search-form\" class=\"search-card-submit-button\"\u003e\n\t\t\t\t\tSearch\n\t\t\t\t\u003c/button\u003e\n\t\t\t\u003c/div\u003e\n\t\t\u003c/div\u003e\n\t\u003c/section\u003e\n\t\u003csection class=\"container\"\u003e\n\t\t\u003cdiv class=\"row row-equal-height\"\u003e\n\t\t\t\u003cdiv class=\"col-xs-12 col-md-4\"\u003e\n\t\t\t\t\u003c!-- Image card --\u003e\n\t\t\t\t\u003ca href=\"#\"\n\t\t\t\t\tclass=\"image-card image-card-mobility\"\u003e\n\t\t\t\t\t\u003cdiv class=\"image-content\"\u003e\n\t\t\t\t\t\t\u003ch3 class=\"image-title\"\u003e\n\t\t\t\t\t\t\tMobility\n\t\t\t\t\t\t\u003c/h3\u003e\n\t\t\t\t\t\t\u003cp class=\"image-description\"\u003e\n\t\t\t\t\t\t\tQuam vulputate dignissim suspendisse in est ante in nibh. Faucibus nisl tincidunt eget nullam non nisi est sit amet.\n\t\t\t\t\t\t\u003c/p\u003e\n\t\t\t\t\t\u003c/div\u003e\n\t\t\t\t\u003c/a\u003e\n\t\t\t\u003c/div\u003e\n\t\t\t\u003cdiv class=\"col-xs-12 col-md-4\"\u003e\n\t\t\t\t\u003c!-- KPI card --\u003e\n \u003cdiv class=\"kpi-card\"\u003e\n \u003ci class=\"kpi-icon fa fa-ils\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cp class=\"kpi-title\"\u003e\n 230\n \u003c/p\u003e\n \u003cp class=\"kpi-description\"\u003e\n Faucibus nisl tincidunt eget nullam non nisi est sit amet\n \u003c/p\u003e\n \u003c/div\u003e\n\t\t\t\u003c/div\u003e\n\t\t\t\u003cdiv class=\"col-xs-12 col-md-4\"\u003e\n\t\t\t\t\u003c!-- Image card --\u003e\n\t\t\t\t\u003ca href=\"#\"\n\t\t\t\t\tclass=\"image-card image-card-gastronomy\"\u003e\n\t\t\t\t\t\u003cdiv class=\"image-content\"\u003e\n\t\t\t\t\t\t\u003ch3 class=\"image-title\"\u003e\n\t\t\t\t\t\t\tGastronomy\n\t\t\t\t\t\t\u003c/h3\u003e\n\t\t\t\t\t\t\u003cp class=\"image-description\"\u003e\n\t\t\t\t\t\t\tMassa id neque aliquam vestibulum. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate.\n\t\t\t\t\t\t\u003c/p\u003e\n\t\t\t\t\t\u003c/div\u003e\n\t\t\t\t\u003c/a\u003e\n\t\t\t\u003c/div\u003e\n\t\t\u003c/div\u003e\n\t\t\u003cdiv class=\"row row-equal-height\"\u003e\n\t\t\t\u003cdiv class=\"col-xs-12 col-md-4\"\u003e\n\t\t\t\t\u003c!-- KPI card --\u003e\n \u003cdiv class=\"kpi-card\"\u003e\n \u003ci class=\"kpi-icon fa fa-gitlab\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cp class=\"kpi-title\"\u003e\n 5,983\n \u003c/p\u003e\n \u003cp class=\"kpi-description\"\u003e\n Dignissim suspendisse in est ante in nibh nisl tincidunt eget\n \u003c/p\u003e\n \u003c/div\u003e\n\t\t\t\u003c/div\u003e\n\t\t\t\u003cdiv class=\"col-xs-12 col-md-4\"\u003e\n\t\t\t\t\u003c!-- Image card --\u003e\n\t\t\t\t\u003ca href=\"#\"\n\t\t\t\t\tclass=\"image-card image-card-culture\"\u003e\n\t\t\t\t\t\u003cdiv class=\"image-content\"\u003e\n\t\t\t\t\t\t\u003ch3 class=\"image-title\"\u003e\n\t\t\t\t\t\t\tCulture\n\t\t\t\t\t\t\u003c/h3\u003e\n\t\t\t\t\t\t\u003cp class=\"image-description\"\u003e\n\t\t\t\t\t\t\tInteger malesuada nunc vel risus commodo viverra maecenas. Sem et tortor consequat id porta.\n\t\t\t\t\t\t\u003c/p\u003e\n\t\t\t\t\t\u003c/div\u003e\n\t\t\t\t\u003c/a\u003e\n\t\t\t\u003c/div\u003e\n\t\t\t\u003cdiv class=\"col-xs-12 col-md-4\"\u003e\n \u003c!-- KPI card --\u003e\n \u003cdiv class=\"kpi-card\"\u003e\n \u003ci class=\"kpi-icon fa fa-houzz\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cp class=\"kpi-title\"\u003e\n 18.3k\n \u003c/p\u003e\n \u003cp class=\"kpi-description\"\u003e\n Quam vulputate dignissim suspendisse in est ante in nibh. Faucibus nisl tincidunt eget nullam non nisi est sit amet\n \u003c/p\u003e\n \u003c/div\u003e\n\t\t\t\u003c/div\u003e\n\t\t\u003c/div\u003e\n\t\u003c/section\u003e\n\t\u003csection class=\"container\"\u003e\n\t\t\u003cdiv class=\"row\"\u003e\n\t\t\t\u003cdiv class=\"col-md-4\"\u003e\n\t\t\t\t\u003cdiv class=\"content-card\"\u003e\n\t\t\t\t\t\u003ch2 class=\"content-card-title\"\u003e\n\t\t\t\t\t\tTitle Map #01\n\t\t\t\t\t\u003c/h2\u003e\n\t\t\t\t\t\u003cods-dataset-context context=\"ctx\"\n\t\t\t\t\t\t\t\t\t\t ctx-domain=\"userclub\"\n\t\t\t\t\t\t\t\t\t\t ctx-dataset=\"base-nationale-des-lieux-de-covoiturage-en-france\"\n\t\t\t\t\t\t\t\t\t\t ctx-parameters=\"{'refine.reg_name':'Pays de la Loire'}\"\u003e\n\t\t\t\t\t\t\u003cods-map context=\"ctx\" scroll-wheel-zoom=\"false\" basemap=\"jawg.streets\"\u003e\u003c/ods-map\u003e\n\n\t\t\t\t\t\u003c/ods-dataset-context\u003e\n\t\t\t\t\u003c/div\u003e\n\t\t\t\u003c/div\u003e\n\t\t\t\u003cdiv class=\"col-md-8\"\u003e\n\t\t\t\t\u003cdiv class=\"content-card\"\u003e\n\t\t\t\t\t\u003ch2 class=\"content-card-title\"\u003e\n\t\t\t\t\t\tTitle Chart #01\n\t\t\t\t\t\u003c/h2\u003e\n\t\t\t\t\t\u003cods-dataset-context context=\"ctx\"\n\t\t\t\t\t\t\t\t\t\t ctx-domain=\"userclub\"\n\t\t\t\t\t\t\t\t\t\t ctx-dataset=\"base-nationale-des-lieux-de-covoiturage-en-france\"\n\t\t\t\t\t\t\t\t\t\t ctx-parameters=\"{'timezone':'Europe/Berlin'}\"\u003e\n\t\t\t\t\t\t\u003cods-chart single-y-axis=\"true\" scientific-display=\"true\" labels-x-length=\"20\" align-month=\"true\"\u003e\n\t\t\t\t\t\t\t\u003cods-chart-query context=\"ctx\" field-x=\"reg_name\" maxpoints=\"0\" sort=\"serie1-1\"\u003e\n\t\t\t\t\t\t\t\t\u003cods-chart-serie expression-y=\"spot_size\" chart-type=\"bar\" function-y=\"SUM\" color=\"#EC643C\" scientific-display=\"true\"\u003e\n\t\t\t\t\t\t\t\t\u003c/ods-chart-serie\u003e\n\t\t\t\t\t\t\t\u003c/ods-chart-query\u003e\n\t\t\t\t\t\t\u003c/ods-chart\u003e\n\n\t\t\t\t\t\u003c/ods-dataset-context\u003e\n\t\t\t\t\u003c/div\u003e\n\t\t\t\u003c/div\u003e\n\t\t\u003c/div\u003e\n\t\u003c/section\u003e\n\t\u003csection class=\"container\"\u003e\n\t\t\u003cdiv class=\"row\"\u003e\n\t\t\t\u003cdiv class=\"col-md-4\"\u003e\n\t\t\t\t\u003cdiv class=\"content-card\"\u003e\n\t\t\t\t\t\u003ch2 class=\"home-subtitle\"\u003e\n\t\t\t\t\t\tMost popular data\n\t\t\t\t\t\u003c/h2\u003e\n\t\t\t\t\t\u003cods-most-popular-datasets context=\"catalog\"\u003e\u003c/ods-most-popular-datasets\u003e\n\t \t\u003c/div\u003e\n\t\t\t\u003c/div\u003e\n\t\t\t\u003cdiv class=\"col-md-4\"\u003e\n\t\t\t\t\u003cdiv class=\"content-card\"\u003e\n\t\t\t\t\t\u003ch2 class=\"home-subtitle\"\u003e\n\t\t\t\t\t\tLast updated data\n\t\t\t\t\t\u003c/h2\u003e\n\t\t\t\t\t\u003cods-last-datasets-feed context=\"catalog\"\u003e\u003c/ods-last-datasets-feed\u003e\n\t\t\t\t\u003c/div\u003e\n\t\t\t\u003c/div\u003e\n\t\t\t\u003cdiv class=\"col-md-4\"\u003e\n\t\t\t\t\u003cdiv class=\"content-card\"\u003e\n\t\t\t\t\t\u003cdiv\u003e\n\t\t\t\t\t\t\u003ca class=\"twitter-timeline\" data-height=\"387\" href=\"https://twitter.com/Opendatasoft?ref_src=twsrc%5Etfw\"\u003eTweets by Opendatasoft\u003c/a\u003e \u003cscript async src=\"https://platform.twitter.com/widgets.js\" charset=\"utf-8\"\u003e\u003c/script\u003e\n\t\t\t\t\t\u003c/div\u003e\n\t\t\t\t\u003c/div\u003e\n\t\t\t\u003c/div\u003e\n\t\t\u003c/div\u003e\n\t\u003c/section\u003e\n\u003c/ods-catalog-context\u003e\n\u003c/div\u003e", - "css": "/* ==========================================================================\n Cards\n ========================================================================== */\n/**\n * Styling for the different types of cards:\n * - Colored Card\n * - Content card\n * - Search box card\n * - KPI card\n * - Image card\n */\n/* Variables \u0026 Shared classes\n ========================================================================== */\n:root {\n --secondary-color: #142E7B;\n}\n.text-center {\n\ttext-align: center;\n}\n.centered-card {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t -ms-flex-direction: column;\n\t flex-direction: column;\n\t-webkit-box-align: center;\n\t -ms-flex-align: center;\n\t align-items: center;\n\t-webkit-box-pack: center;\n\t -ms-flex-pack: center;\n\t justify-content: center;\n}\n/* Colored Card (Basic card)\n ========================================================================== */\n.color-card {\n\tbackground-color: var(--links); /* Background color for IE */\n\tbackground-color: var(--secondary-color);\n\tcolor: #FFFFFF;\n\ttext-align: center;\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t -ms-flex-direction: column;\n\t flex-direction: column;\n\t-webkit-box-align: center;\n\t -ms-flex-align: center;\n\t align-items: center;\n\t-webkit-box-pack: center;\n\t -ms-flex-pack: center;\n\t justify-content: center;\n\tpadding: 39px;\n\tborder-radius: 4px;\n\tmargin-bottom: 20px;\n\theight: 100%;\n\ttext-decoration: none;\n\t-webkit-transition: all .2s;\n\t-o-transition: all .2s;\n\ttransition: all .2s;\n}\n.color-card:hover,\n.color-card:focus {\n\ttext-decoration: none;\n -webkit-transform: scale(1.02);\n -ms-transform: scale(1.02);\n transform: scale(1.02);\n -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);\n box-shadow: 0 0 10px 0 rgba(0,0,0,.1);\n}\n.color-card-icon {\n\tfont-size: 2rem;\n\tmargin-bottom: 13px;\n}\n.color-card-picto {\n\twidth: 56px;\n\tmax-width: 100%;\n\theight: auto;\n\tmax-height: 56px;\n\tmargin-bottom: 13px;\n}\n.color-card-title {\n\tcolor: inherit;\n\tfont-size: 1.2rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\tmargin-top: 0;\n\tmargin-bottom: 0;\n\tmax-width: 100%;\n}\n.color-card-description {\n\tfont-size: 1rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\tcolor: inherit;\n\tmargin-top: 13px;\n\tmargin-bottom: 26px;\n\tmax-width: 100%;\n}\n.color-card-link {\n\tcolor: inherit;\n\tfont-weight: bold;\n\tmargin-top: auto;\n\tmax-width: 100%;\n}\n/* Content Card\n ========================================================================== */\n.content-card {\n\tbackground-color: var(--boxes-background);\n\tpadding: 26px;\n\tborder-radius: 4px;\n\tmargin-bottom: 20px;\n\theight: 100%;\n}\n.content-card-title {\n\tcolor: var(--titles);\n\tfont-size: 1.2rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\tmargin-top: 0;\n\tmargin-bottom: 13px;\n\tmax-width: 100%;\n}\n.content-card-description {\n\tcolor: var(--text);\n\tfont-size: 1rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\tmargin-top: 0;\n\tmargin-bottom: 26px;\n\tmax-width: 100%;\n}\n.content-card-icon {\n\tcolor: var(--highlight);\n\tfont-size: 2rem;\n\tmargin-bottom: 13px;\n\tmax-width: 100%;\n}\n.content-card-link {\n\tcolor: var(--links);\n\tfont-weight: bold;\n\t-webkit-transition: all .2s;\n\t-o-transition: all .2s;\n\ttransition: all .2s;\n\topacity: 1;\n\tmax-width: 100%;\n}\n.content-card-link:hover {\n\topacity: .7;\n\ttext-decoration: none;\n}\n.content-card-button {\n\tcolor: var(--highlight); /* Color for IE */\n\tcolor: var(--secondary-color);\n\tborder: 1px solid var(--highlight); /* Border color for IE because it doesn't support CSS variables. */\n\tborder: 1px solid var(--secondary-color);\n background: transparent;\n\tdisplay: inline-block;\n\ttext-align: center;\n\tfont-size: .867rem;\n border-radius: 4px;\n padding: .5rem 1.15rem;\n text-decoration: none;\n -webkit-transition: all .2s;\n -o-transition: all .2s;\n transition: all .2s;\n}\n.content-card-button:hover {\n\tbackground-color: var(--highlight); /* Color for IE */\n\tbackground-color: var(--secondary-color);\n\tcolor: #FFFFFF;\n\ttext-decoration: none;\n}\n/* Search Box Card\n ========================================================================== */\n.search-card {\n\tbackground-color: rgba(0,0,0,.1);\n\tpadding: 39px;\n\tborder-radius: 4px;\n\tmargin-bottom: 20px;\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t -ms-flex-direction: column;\n\t flex-direction: column;\n\t-webkit-box-align: stretch;\n\t -ms-flex-align: stretch;\n\t align-items: stretch;\n\ttext-align: center;\n\t-webkit-box-pack: center;\n\t -ms-flex-pack: center;\n\t justify-content: center;\n\ttext-align: center;\n}\n.search-card-container {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-pack: center;\n\t -ms-flex-pack: center;\n\t justify-content: center;\n\twidth: 100%;\n\tmax-width: 500px;\n\tmargin: 0 auto;\n}\n.search-card-title {\n\tcolor: var(--titles);\n\tfont-size: 1.2rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n}\n.search-card-searchbox {\n\tmargin-bottom: 0;\n\t-webkit-box-flex: 1;\n\t -ms-flex: 1 1 auto;\n\t flex: 1 1 auto;\n}\n.search-card-searchbox .odswidget-searchbox__box {\n\tfont-size: 1rem;\n display: block;\n width: 100%;\n max-width: 500px;\n padding: 8px 13px;\n border-radius: 4px 0 0 4px;\n border: none;\n margin: 0 auto;\n}\n.search-card-submit-button {\n\tborder: none;\n\tbackground-color: var(--highlight);\n\tcolor: #FFFFFF;\n\tfont-size: .866rem;\n\tfont-weight: bold;\n\ttext-align: center;\n\tpadding: 8px 12px;\n\tborder-radius: 0 4px 4px 0;\n\t-webkit-transition: opacity .2s;\n\t-o-transition: opacity .2s;\n\ttransition: opacity .2s;\n}\n.search-card-submit-button:hover {\n\ttext-decoration: none;\n\topacity: .7;\n}\n/* KPI Card\n ========================================================================== */\n.kpi-card {\n\tbackground-color: var(--boxes-background);\n\theight: 100%;\n\tpadding: 39px;\n\tborder-radius: 4px;\n\tmargin-bottom: 20px;\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t -ms-flex-direction: column;\n\t flex-direction: column;\n\t-webkit-box-align: center;\n\t -ms-flex-align: center;\n\t align-items: center;\n\ttext-align: center;\n\t-webkit-box-pack: center;\n\t -ms-flex-pack: center;\n\t justify-content: center;\n\ttext-align: center;\n}\n.kpi-icon {\n\tcolor: var(--highlight);\n\tcolor: var(--secondary-color);\n\tfont-size: 4rem;\n\tmargin-top: 0;\n\tmargin-bottom: 13px;\n\tmax-width: 100%;\n}\n.kpi-title {\n\tfont-weight: normal;\n\tcolor: var(--highlight);\n\tfont-size: 3.2rem;\n\tmargin-top: 0;\n\tmargin-bottom: 13px;\n\tmax-width: 100%;\n}\n.kpi-description {\n\tcolor: var(--text);\n\tfont-size: 1rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\tmargin-top: 0;\n\tmargin-bottom: 0;\n\tmax-width: 100%;\n}\n/* Image Card\n ========================================================================== */\n.image-card {\n\tbackground-color: rgba(0,0,0,.1);\n\tbackground-color: var(--secondary-color);\n\tcolor: #FFFFFF;\n\tpadding: 39px;\n\tborder-radius: 4px;\n\tmargin-bottom: 20px;\n\tmin-height: 300px;\n\theight: 100%;\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t -ms-flex-direction: column;\n\t flex-direction: column;\n\t-webkit-box-align: stretch;\n\t -ms-flex-align: stretch;\n\t align-items: stretch;\n\ttext-align: center;\n\t-webkit-box-pack: center;\n\t -ms-flex-pack: center;\n\t justify-content: center;\n\tbackground-position: center center;\n\tbackground-repeat: no-repeat;\n\tbackground-size: cover;\n\t-webkit-transition: all .2s;\n\t-o-transition: all .2s;\n\ttransition: all .2s;\n\ttext-decoration: none;\n}\n.image-card:hover,\n.image-card:focus {\n\ttext-decoration: none;\n -webkit-transform: scale(1.02);\n -ms-transform: scale(1.02);\n transform: scale(1.02);\n -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);\n box-shadow: 0 0 10px 0 rgba(0,0,0,.1);\n}\n.image-title {\n\tcolor: inherit;\n\tfont-size: 1.733rem;\n\tline-height: 2.26;\n\tfont-weight: bold;\n\tmargin-top: 0;\n\tmargin-bottom: 13px;\n}\n.image-description {\n\tcolor: inherit;\n\tfont-size: 1rem;\n\tline-height: 1.5;\n\tfont-weight: bold;\n\tmargin: 0;\n}\n/* Image card backgrounds\n ========================================================================== */\n/**\n * - Replace the background image url.\n * - Change the class name to something related to your project.\n */\n.image-card-mobility {\n\tbackground-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/mobility-bg.jpg');\n\tbackground-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/mobility-bg.jpg');\n\tbackground-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/mobility-bg.jpg');\n}\n.image-card-garden {\n\tbackground-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/garden-bg.jpg');\n\tbackground-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/garden-bg.jpg');\n\tbackground-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/garden-bg.jpg');\n}\n.image-card-gastronomy {\n\tbackground-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/gastronomy-bg.jpg');\n\tbackground-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/gastronomy-bg.jpg');\n\tbackground-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/gastronomy-bg.jpg');\n}\n.image-card-sport {\n\tbackground-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/sport-bg.jpg');\n\tbackground-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/sport-bg.jpg');\n\tbackground-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/sport-bg.jpg');\n}\n.image-card-culture {\n\tbackground-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/culture-bg.jpg');\n\tbackground-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/culture-bg.jpg');\n\tbackground-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/culture-bg.jpg');\n}\n.image-card-education {\n\tbackground-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/education-bg.jpg');\n\tbackground-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/education-bg.jpg');\n\tbackground-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/education-bg.jpg');\n}\n/* ==========================================================================\n Homepage Styles\n ========================================================================== */\n/*\nThe CSS rules below will only be applied to the HTML used in the \u003c/\u003e HTML tab\nand will not be applied to other pages of your platform.\nThe 'home-' prefix is used for classes that belong to this page only. This makes it easier\nto understand which classes are used here and which ones are in the Platform Theme Stylesheet.\n*/\n/* Shared Styles\n========================================================================== */\n/*\nThese styles are used by different elements in the home page\n*/\nmain {\n /* Overrides an existing CSS rule so the banner image can be \"edge-to-edge\" */\n margin: 0;\n}\n@media screen and (min-width: 992px) {\n\t.row-equal-height {\n\t\tdisplay: -webkit-box;\n\t\tdisplay: -ms-flexbox;\n\t\tdisplay: flex;\n\t\t-ms-flex-wrap: wrap;\n\t\t flex-wrap: wrap;\n\t\tmargin-bottom: 20px;\n\t}\n\t/* Fix for early content wrapping in Safari*/\n\t.row-equal-height:before,\n\t.row-equal-height:after {\n\t\tcontent: normal;\n\t}\n}\n.home-subtitle {\n\tcolor: var(--titles);\n\tfont-size: 1.2rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\tborder-bottom: 1px solid var(--boxes-border);\n\tpadding-bottom: 26px;\n\tmargin-bottom: 26px;\n}\n.margin-bottom-0 {\n\tmargin-bottom: 0;\n}\n.margin-bottom-2 {\n\tmargin-bottom: 20px;\n}\n/* Header Image\n========================================================================== */\n.home-header {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-align: start;\n\t -ms-flex-align: start;\n\t align-items: flex-start;\n\t-webkit-box-pack: end;\n\t -ms-flex-pack: end;\n\t justify-content: flex-end;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t -ms-flex-direction: column;\n\t flex-direction: column;\n\tmargin-bottom: 20px;\n /* Change this value to make the background image taller or smaller */\n height: 350px;\n /* Background color before image loads */\n background-color: var(--highlight);\n background-size: cover;\n /* You can replace the background-image by uploading an image to the portal assets\n and replacing the text in simple quotes below or use the URL of an image on the web */\n background-image: url('https://discovery.opendatasoft.com/assets/theme_image/header-bg.jpg');\n /* Position of the background-image on x y axis. Change these values to\n modify where the image is centered.\n */\n background-position: center center;\n}\n/* Home welcome card\n========================================================================== */\n.welcome-card {\n\tdisplay: block;\n\tbackground-color: var(--highlight);\n\tcolor: #FFFFFF;\n\ttext-align: center;\n\tpadding: 13px 39px;\n\tborder-radius: 4px 4px 0 0;\n}\n.welcome-card-title {\n\tcolor: inherit;\n\tfont-size: 2.46rem;\n\tline-height: 1.5;\n\tfont-weight: bold;\n\tmargin-top: 0;\n\tmargin-bottom: 0;\n}\n@media screen and (min-width: 992px) {\n\t.welcome-card {\n\t\tdisplay: inline-block;\n\t\ttext-align: left;\n\t}\n}\n/* Overrides\n========================================================================== */\n.color-card {\n\tbackground-color: var(--boxes-background);\n\tcolor: var(--text);\n}\n/* Most Popular / Last Updated datasets section\n========================================================================== */\n.odswidget-most-popular-datasets__datasets,\n.odswidget-last-datasets-feed__datasets {\n\tmargin-top: 0;\n\tmargin-bottom: 0;\n}\n.odswidget-most-popular-datasets__dataset,\n.odswidget-last-datasets-feed__dataset {\n\tmargin-bottom: 20px;\n}\n.odswidget-most-popular-datasets__theme-picto,\n.odswidget-last-datasets-feed__theme-picto {\n\tmargin-top: 0;\n}\n.odswidget-most-popular-datasets__dataset-details,\n.odswidget-last-datasets-feed__dataset-details {\n\tmargin-left: 46px;\n}\n.odswidget-most-popular-datasets__dataset-details-title,\n.odswidget-last-datasets-feed__dataset-details-title {\n\tfont-size: 1rem;\n}\n.odswidget-most-popular-datasets__dataset-details-title a,\n.odswidget-last-datasets-feed__dataset-details-title a {\n\tcolor: var(--titles);\n}\n.odswidget-most-popular-datasets__dataset-details-count,\n.odswidget-last-datasets-feed__dataset-details-modified {\n\topacity: .8;\n\tborder-bottom: none;\n\tcursor: default;\n}\n.odswidget-most-popular-datasets__dataset-details-count .fa,\n.odswidget-last-datasets-feed__dataset-details-modified .fa {\n\tdisplay: none;\n}\n " + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003c!--\n\tThe \u003cods-catalog-context\u003e allows other widgets in this page to access the catalog of datasets in this platform.\n\tCheck the ods-widgets documentation to learn more about ods-catalog-context.\n--\u003e\n\u003cods-catalog-context context=\"catalog\"\u003e\n\t\u003c!-- Header Image\n\t\tCheck the .home-header class to change the background image\n\t--\u003e\n\t\u003csection class=\"home-header\"\u003e\n\t\t\u003cdiv class=\"container\"\u003e\n\t\t\t\u003cdiv class=\"welcome-card\"\u003e\n\t\t\t\t\u003ch1 class=\"welcome-card-title\"\u003e\n\t\t\t\t\tWelcome to Portal Name\n\t\t\t\t\u003c/h1\u003e\n\t\t\t\u003c/div\u003e\n\t\t\u003c/div\u003e\n\t\u003c/section\u003e\n\t\u003c!-- Welcome card and KPI cards --\u003e\n\t\u003csection class=\"container\"\u003e\n\t\t\u003cdiv class=\"row row-equal-height margin-bottom-0\"\n\t\t\t\tods-facet-results=\"themes\"\n\t\t\t\tods-facet-results-context=\"catalog\"\n\t\t\t\tods-facet-results-facet-name=\"theme\"\n\t\t\t\tods-facet-results-sort=\"alphanum\"\u003e\n\t\t\t\u003cdiv ng-repeat=\"theme in themes\"\n\t\t\t\tclass=\"col-md-3 margin-bottom-2\"\u003e\n\t\t\t\t\u003ca href=\"/explore/?refine.theme={{ theme.path }}\"\n\t\t\t\t\tclass=\"color-card centered-card\"\u003e\n\t\t\t\t\t\u003cods-theme-picto theme=\"{{ theme.name }}\" class=\"color-card-picto\"\u003e\u003c/ods-theme-picto\u003e\n\t\t\t\t\t\u003ch3 class=\"color-card-title\"\u003e\n\t\t\t\t\t\t{{ theme.name }}\n\t\t\t\t\t\u003c/h3\u003e\n\t\t\t\t\u003c/a\u003e\n\t\t\t\u003c/div\u003e\n\t\t\u003c/div\u003e\n\t\u003c/section\u003e\n\t\u003c!-- Catalog Search Box --\u003e\n\t\u003csection class=\"container\"\u003e\n\t\t\u003cdiv class=\"search-card\"\u003e\n\t\t\t\u003ch2 class=\"search-card-title\"\u003e\n\t\t\t\tWhat data are you looking for?\n\t\t\t\u003c/h2\u003e\n\t\t\t\u003cdiv class=\"search-card-container\"\u003e\n\t\t\t\t\u003cods-searchbox class=\"search-card-searchbox\"\n\t\t\t\t\tform-id=\"search-form\"\n\t\t\t\t\ttranslate=\"placeholder\"\n\t\t\t\t\tplaceholder=\"Search for a dataset\"\u003e\n\t\t\t\t\u003c/ods-searchbox\u003e\n\t\t\t\t\u003cbutton type=\"submit\" form=\"search-form\" class=\"search-card-submit-button\"\u003e\n\t\t\t\t\tSearch\n\t\t\t\t\u003c/button\u003e\n\t\t\t\u003c/div\u003e\n\t\t\u003c/div\u003e\n\t\u003c/section\u003e\n\t\u003csection class=\"container\"\u003e\n\t\t\u003cdiv class=\"row row-equal-height\"\u003e\n\t\t\t\u003cdiv class=\"col-xs-12 col-md-4\"\u003e\n\t\t\t\t\u003c!-- Image card --\u003e\n\t\t\t\t\u003ca href=\"#\"\n\t\t\t\t\tclass=\"image-card image-card-mobility\"\u003e\n\t\t\t\t\t\u003cdiv class=\"image-content\"\u003e\n\t\t\t\t\t\t\u003ch3 class=\"image-title\"\u003e\n\t\t\t\t\t\t\tMobility\n\t\t\t\t\t\t\u003c/h3\u003e\n\t\t\t\t\t\t\u003cp class=\"image-description\"\u003e\n\t\t\t\t\t\t\tQuam vulputate dignissim suspendisse in est ante in nibh. Faucibus nisl tincidunt eget nullam non nisi est sit amet.\n\t\t\t\t\t\t\u003c/p\u003e\n\t\t\t\t\t\u003c/div\u003e\n\t\t\t\t\u003c/a\u003e\n\t\t\t\u003c/div\u003e\n\t\t\t\u003cdiv class=\"col-xs-12 col-md-4\"\u003e\n\t\t\t\t\u003c!-- KPI card --\u003e\n \u003cdiv class=\"kpi-card\"\u003e\n \u003ci class=\"kpi-icon fa fa-ils\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cp class=\"kpi-title\"\u003e\n 230\n \u003c/p\u003e\n \u003cp class=\"kpi-description\"\u003e\n Faucibus nisl tincidunt eget nullam non nisi est sit amet\n \u003c/p\u003e\n \u003c/div\u003e\n\t\t\t\u003c/div\u003e\n\t\t\t\u003cdiv class=\"col-xs-12 col-md-4\"\u003e\n\t\t\t\t\u003c!-- Image card --\u003e\n\t\t\t\t\u003ca href=\"#\"\n\t\t\t\t\tclass=\"image-card image-card-gastronomy\"\u003e\n\t\t\t\t\t\u003cdiv class=\"image-content\"\u003e\n\t\t\t\t\t\t\u003ch3 class=\"image-title\"\u003e\n\t\t\t\t\t\t\tGastronomy\n\t\t\t\t\t\t\u003c/h3\u003e\n\t\t\t\t\t\t\u003cp class=\"image-description\"\u003e\n\t\t\t\t\t\t\tMassa id neque aliquam vestibulum. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate.\n\t\t\t\t\t\t\u003c/p\u003e\n\t\t\t\t\t\u003c/div\u003e\n\t\t\t\t\u003c/a\u003e\n\t\t\t\u003c/div\u003e\n\t\t\u003c/div\u003e\n\t\t\u003cdiv class=\"row row-equal-height\"\u003e\n\t\t\t\u003cdiv class=\"col-xs-12 col-md-4\"\u003e\n\t\t\t\t\u003c!-- KPI card --\u003e\n \u003cdiv class=\"kpi-card\"\u003e\n \u003ci class=\"kpi-icon fa fa-gitlab\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cp class=\"kpi-title\"\u003e\n 5,983\n \u003c/p\u003e\n \u003cp class=\"kpi-description\"\u003e\n Dignissim suspendisse in est ante in nibh nisl tincidunt eget\n \u003c/p\u003e\n \u003c/div\u003e\n\t\t\t\u003c/div\u003e\n\t\t\t\u003cdiv class=\"col-xs-12 col-md-4\"\u003e\n\t\t\t\t\u003c!-- Image card --\u003e\n\t\t\t\t\u003ca href=\"#\"\n\t\t\t\t\tclass=\"image-card image-card-culture\"\u003e\n\t\t\t\t\t\u003cdiv class=\"image-content\"\u003e\n\t\t\t\t\t\t\u003ch3 class=\"image-title\"\u003e\n\t\t\t\t\t\t\tCulture\n\t\t\t\t\t\t\u003c/h3\u003e\n\t\t\t\t\t\t\u003cp class=\"image-description\"\u003e\n\t\t\t\t\t\t\tInteger malesuada nunc vel risus commodo viverra maecenas. Sem et tortor consequat id porta.\n\t\t\t\t\t\t\u003c/p\u003e\n\t\t\t\t\t\u003c/div\u003e\n\t\t\t\t\u003c/a\u003e\n\t\t\t\u003c/div\u003e\n\t\t\t\u003cdiv class=\"col-xs-12 col-md-4\"\u003e\n \u003c!-- KPI card --\u003e\n \u003cdiv class=\"kpi-card\"\u003e\n \u003ci class=\"kpi-icon fa fa-houzz\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cp class=\"kpi-title\"\u003e\n 18.3k\n \u003c/p\u003e\n \u003cp class=\"kpi-description\"\u003e\n Quam vulputate dignissim suspendisse in est ante in nibh. Faucibus nisl tincidunt eget nullam non nisi est sit amet\n \u003c/p\u003e\n \u003c/div\u003e\n\t\t\t\u003c/div\u003e\n\t\t\u003c/div\u003e\n\t\u003c/section\u003e\n\t\u003csection class=\"container\"\u003e\n\t\t\u003cdiv class=\"row\"\u003e\n\t\t\t\u003cdiv class=\"col-md-4\"\u003e\n\t\t\t\t\u003cdiv class=\"content-card\"\u003e\n\t\t\t\t\t\u003ch2 class=\"content-card-title\"\u003e\n\t\t\t\t\t\tTitle Map #01\n\t\t\t\t\t\u003c/h2\u003e\n\t\t\t\t\t\u003cods-dataset-context context=\"ctx\"\n\t\t\t\t\t\t\t\t\t\t ctx-domain=\"userclub\"\n\t\t\t\t\t\t\t\t\t\t ctx-dataset=\"base-nationale-des-lieux-de-covoiturage-en-france\"\n\t\t\t\t\t\t\t\t\t\t ctx-parameters=\"{'refine.reg_name':'Pays de la Loire'}\"\u003e\n\t\t\t\t\t\t\u003cods-map context=\"ctx\" scroll-wheel-zoom=\"false\" basemap=\"jawg.streets\"\u003e\u003c/ods-map\u003e\n\n\t\t\t\t\t\u003c/ods-dataset-context\u003e\n\t\t\t\t\u003c/div\u003e\n\t\t\t\u003c/div\u003e\n\t\t\t\u003cdiv class=\"col-md-8\"\u003e\n\t\t\t\t\u003cdiv class=\"content-card\"\u003e\n\t\t\t\t\t\u003ch2 class=\"content-card-title\"\u003e\n\t\t\t\t\t\tTitle Chart #01\n\t\t\t\t\t\u003c/h2\u003e\n\t\t\t\t\t\u003cods-dataset-context context=\"ctx\"\n\t\t\t\t\t\t\t\t\t\t ctx-domain=\"userclub\"\n\t\t\t\t\t\t\t\t\t\t ctx-dataset=\"base-nationale-des-lieux-de-covoiturage-en-france\"\n\t\t\t\t\t\t\t\t\t\t ctx-parameters=\"{'timezone':'Europe/Berlin'}\"\u003e\n\t\t\t\t\t\t\u003cods-chart single-y-axis=\"true\" scientific-display=\"true\" labels-x-length=\"20\" align-month=\"true\"\u003e\n\t\t\t\t\t\t\t\u003cods-chart-query context=\"ctx\" field-x=\"reg_name\" maxpoints=\"0\" sort=\"serie1-1\"\u003e\n\t\t\t\t\t\t\t\t\u003cods-chart-serie expression-y=\"spot_size\" chart-type=\"bar\" function-y=\"SUM\" color=\"#EC643C\" scientific-display=\"true\"\u003e\n\t\t\t\t\t\t\t\t\u003c/ods-chart-serie\u003e\n\t\t\t\t\t\t\t\u003c/ods-chart-query\u003e\n\t\t\t\t\t\t\u003c/ods-chart\u003e\n\n\t\t\t\t\t\u003c/ods-dataset-context\u003e\n\t\t\t\t\u003c/div\u003e\n\t\t\t\u003c/div\u003e\n\t\t\u003c/div\u003e\n\t\u003c/section\u003e\n\t\u003csection class=\"container\"\u003e\n\t\t\u003cdiv class=\"row\"\u003e\n\t\t\t\u003cdiv class=\"col-md-4\"\u003e\n\t\t\t\t\u003cdiv class=\"content-card\"\u003e\n\t\t\t\t\t\u003ch2 class=\"home-subtitle\"\u003e\n\t\t\t\t\t\tMost popular data\n\t\t\t\t\t\u003c/h2\u003e\n\t\t\t\t\t\u003cods-most-popular-datasets context=\"catalog\"\u003e\u003c/ods-most-popular-datasets\u003e\n\t \t\u003c/div\u003e\n\t\t\t\u003c/div\u003e\n\t\t\t\u003cdiv class=\"col-md-4\"\u003e\n\t\t\t\t\u003cdiv class=\"content-card\"\u003e\n\t\t\t\t\t\u003ch2 class=\"home-subtitle\"\u003e\n\t\t\t\t\t\tLast updated data\n\t\t\t\t\t\u003c/h2\u003e\n\t\t\t\t\t\u003cods-last-datasets-feed context=\"catalog\"\u003e\u003c/ods-last-datasets-feed\u003e\n\t\t\t\t\u003c/div\u003e\n\t\t\t\u003c/div\u003e\n\t\t\t\u003cdiv class=\"col-md-4\"\u003e\n\t\t\t\t\u003cdiv class=\"content-card\"\u003e\n\t\t\t\t\t\u003cdiv\u003e\n\t\t\t\t\t\t\u003ca class=\"twitter-timeline\" data-height=\"387\" href=\"https://twitter.com/Huwise?ref_src=twsrc%5Etfw\"\u003eTweets by Huwise\u003c/a\u003e \u003cscript async src=\"https://platform.twitter.com/widgets.js\" charset=\"utf-8\"\u003e\u003c/script\u003e\n\t\t\t\t\t\u003c/div\u003e\n\t\t\t\t\u003c/div\u003e\n\t\t\t\u003c/div\u003e\n\t\t\u003c/div\u003e\n\t\u003c/section\u003e\n\u003c/ods-catalog-context\u003e\n\u003c/div\u003e", + "css": "/* ==========================================================================\n Cards\n ========================================================================== */\n/**\n * Styling for the different types of cards:\n * - Colored Card\n * - Content card\n * - Search box card\n * - KPI card\n * - Image card\n */\n/* Variables \u0026 Shared classes\n ========================================================================== */\n:root {\n --secondary-color: #142E7B;\n}\n.text-center {\n\ttext-align: center;\n}\n.centered-card {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t -ms-flex-direction: column;\n\t flex-direction: column;\n\t-webkit-box-align: center;\n\t -ms-flex-align: center;\n\t align-items: center;\n\t-webkit-box-pack: center;\n\t -ms-flex-pack: center;\n\t justify-content: center;\n}\n/* Colored Card (Basic card)\n ========================================================================== */\n.color-card {\n\tbackground-color: var(--links); /* Background color for IE */\n\tbackground-color: var(--secondary-color);\n\tcolor: #FFFFFF;\n\ttext-align: center;\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t -ms-flex-direction: column;\n\t flex-direction: column;\n\t-webkit-box-align: center;\n\t -ms-flex-align: center;\n\t align-items: center;\n\t-webkit-box-pack: center;\n\t -ms-flex-pack: center;\n\t justify-content: center;\n\tpadding: 39px;\n\tborder-radius: 4px;\n\tmargin-bottom: 20px;\n\theight: 100%;\n\ttext-decoration: none;\n\t-webkit-transition: all .2s;\n\t-o-transition: all .2s;\n\ttransition: all .2s;\n}\n.color-card:hover,\n.color-card:focus {\n\ttext-decoration: none;\n -webkit-transform: scale(1.02);\n -ms-transform: scale(1.02);\n transform: scale(1.02);\n -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);\n box-shadow: 0 0 10px 0 rgba(0,0,0,.1);\n}\n.color-card-icon {\n\tfont-size: 2rem;\n\tmargin-bottom: 13px;\n}\n.color-card-picto {\n\twidth: 56px;\n\tmax-width: 100%;\n\theight: auto;\n\tmax-height: 56px;\n\tmargin-bottom: 13px;\n}\n.color-card-title {\n\tcolor: inherit;\n\tfont-size: 1.2rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\tmargin-top: 0;\n\tmargin-bottom: 0;\n\tmax-width: 100%;\n}\n.color-card-description {\n\tfont-size: 1rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\tcolor: inherit;\n\tmargin-top: 13px;\n\tmargin-bottom: 26px;\n\tmax-width: 100%;\n}\n.color-card-link {\n\tcolor: inherit;\n\tfont-weight: bold;\n\tmargin-top: auto;\n\tmax-width: 100%;\n}\n/* Content Card\n ========================================================================== */\n.content-card {\n\tbackground-color: var(--boxes-background);\n\tpadding: 26px;\n\tborder-radius: 4px;\n\tmargin-bottom: 20px;\n\theight: 100%;\n}\n.content-card-title {\n\tcolor: var(--titles);\n\tfont-size: 1.2rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\tmargin-top: 0;\n\tmargin-bottom: 13px;\n\tmax-width: 100%;\n}\n.content-card-description {\n\tcolor: var(--text);\n\tfont-size: 1rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\tmargin-top: 0;\n\tmargin-bottom: 26px;\n\tmax-width: 100%;\n}\n.content-card-icon {\n\tcolor: var(--highlight);\n\tfont-size: 2rem;\n\tmargin-bottom: 13px;\n\tmax-width: 100%;\n}\n.content-card-link {\n\tcolor: var(--links);\n\tfont-weight: bold;\n\t-webkit-transition: all .2s;\n\t-o-transition: all .2s;\n\ttransition: all .2s;\n\topacity: 1;\n\tmax-width: 100%;\n}\n.content-card-link:hover {\n\topacity: .7;\n\ttext-decoration: none;\n}\n.content-card-button {\n\tcolor: var(--highlight); /* Color for IE */\n\tcolor: var(--secondary-color);\n\tborder: 1px solid var(--highlight); /* Border color for IE because it doesn't support CSS variables. */\n\tborder: 1px solid var(--secondary-color);\n background: transparent;\n\tdisplay: inline-block;\n\ttext-align: center;\n\tfont-size: .867rem;\n border-radius: 4px;\n padding: .5rem 1.15rem;\n text-decoration: none;\n -webkit-transition: all .2s;\n -o-transition: all .2s;\n transition: all .2s;\n}\n.content-card-button:hover {\n\tbackground-color: var(--highlight); /* Color for IE */\n\tbackground-color: var(--secondary-color);\n\tcolor: #FFFFFF;\n\ttext-decoration: none;\n}\n/* Search Box Card\n ========================================================================== */\n.search-card {\n\tbackground-color: rgba(0,0,0,.1);\n\tpadding: 39px;\n\tborder-radius: 4px;\n\tmargin-bottom: 20px;\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t -ms-flex-direction: column;\n\t flex-direction: column;\n\t-webkit-box-align: stretch;\n\t -ms-flex-align: stretch;\n\t align-items: stretch;\n\ttext-align: center;\n\t-webkit-box-pack: center;\n\t -ms-flex-pack: center;\n\t justify-content: center;\n\ttext-align: center;\n}\n.search-card-container {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-pack: center;\n\t -ms-flex-pack: center;\n\t justify-content: center;\n\twidth: 100%;\n\tmax-width: 500px;\n\tmargin: 0 auto;\n}\n.search-card-title {\n\tcolor: var(--titles);\n\tfont-size: 1.2rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n}\n.search-card-searchbox {\n\tmargin-bottom: 0;\n\t-webkit-box-flex: 1;\n\t -ms-flex: 1 1 auto;\n\t flex: 1 1 auto;\n}\n.search-card-searchbox .odswidget-searchbox__box {\n\tfont-size: 1rem;\n display: block;\n width: 100%;\n max-width: 500px;\n padding: 8px 13px;\n border-radius: 4px 0 0 4px;\n border: none;\n margin: 0 auto;\n}\n.search-card-submit-button {\n\tborder: none;\n\tbackground-color: var(--highlight);\n\tcolor: #FFFFFF;\n\tfont-size: .866rem;\n\tfont-weight: bold;\n\ttext-align: center;\n\tpadding: 8px 12px;\n\tborder-radius: 0 4px 4px 0;\n\t-webkit-transition: opacity .2s;\n\t-o-transition: opacity .2s;\n\ttransition: opacity .2s;\n}\n.search-card-submit-button:hover {\n\ttext-decoration: none;\n\topacity: .7;\n}\n/* KPI Card\n ========================================================================== */\n.kpi-card {\n\tbackground-color: var(--boxes-background);\n\theight: 100%;\n\tpadding: 39px;\n\tborder-radius: 4px;\n\tmargin-bottom: 20px;\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t -ms-flex-direction: column;\n\t flex-direction: column;\n\t-webkit-box-align: center;\n\t -ms-flex-align: center;\n\t align-items: center;\n\ttext-align: center;\n\t-webkit-box-pack: center;\n\t -ms-flex-pack: center;\n\t justify-content: center;\n\ttext-align: center;\n}\n.kpi-icon {\n\tcolor: var(--highlight);\n\tcolor: var(--secondary-color);\n\tfont-size: 4rem;\n\tmargin-top: 0;\n\tmargin-bottom: 13px;\n\tmax-width: 100%;\n}\n.kpi-title {\n\tfont-weight: normal;\n\tcolor: var(--highlight);\n\tfont-size: 3.2rem;\n\tmargin-top: 0;\n\tmargin-bottom: 13px;\n\tmax-width: 100%;\n}\n.kpi-description {\n\tcolor: var(--text);\n\tfont-size: 1rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\tmargin-top: 0;\n\tmargin-bottom: 0;\n\tmax-width: 100%;\n}\n/* Image Card\n ========================================================================== */\n.image-card {\n\tbackground-color: rgba(0,0,0,.1);\n\tbackground-color: var(--secondary-color);\n\tcolor: #FFFFFF;\n\tpadding: 39px;\n\tborder-radius: 4px;\n\tmargin-bottom: 20px;\n\tmin-height: 300px;\n\theight: 100%;\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t -ms-flex-direction: column;\n\t flex-direction: column;\n\t-webkit-box-align: stretch;\n\t -ms-flex-align: stretch;\n\t align-items: stretch;\n\ttext-align: center;\n\t-webkit-box-pack: center;\n\t -ms-flex-pack: center;\n\t justify-content: center;\n\tbackground-position: center center;\n\tbackground-repeat: no-repeat;\n\tbackground-size: cover;\n\t-webkit-transition: all .2s;\n\t-o-transition: all .2s;\n\ttransition: all .2s;\n\ttext-decoration: none;\n}\n.image-card:hover,\n.image-card:focus {\n\ttext-decoration: none;\n -webkit-transform: scale(1.02);\n -ms-transform: scale(1.02);\n transform: scale(1.02);\n -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);\n box-shadow: 0 0 10px 0 rgba(0,0,0,.1);\n}\n.image-title {\n\tcolor: inherit;\n\tfont-size: 1.733rem;\n\tline-height: 2.26;\n\tfont-weight: bold;\n\tmargin-top: 0;\n\tmargin-bottom: 13px;\n}\n.image-description {\n\tcolor: inherit;\n\tfont-size: 1rem;\n\tline-height: 1.5;\n\tfont-weight: bold;\n\tmargin: 0;\n}\n/* Image card backgrounds\n ========================================================================== */\n/**\n * - Replace the background image url.\n * - Change the class name to something related to your project.\n */\n.image-card-mobility {\n\tbackground-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/mobility-bg.jpg');\n\tbackground-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/mobility-bg.jpg');\n\tbackground-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/mobility-bg.jpg');\n}\n.image-card-garden {\n\tbackground-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/garden-bg.jpg');\n\tbackground-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/garden-bg.jpg');\n\tbackground-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/garden-bg.jpg');\n}\n.image-card-gastronomy {\n\tbackground-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/gastronomy-bg.jpg');\n\tbackground-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/gastronomy-bg.jpg');\n\tbackground-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/gastronomy-bg.jpg');\n}\n.image-card-sport {\n\tbackground-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/sport-bg.jpg');\n\tbackground-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/sport-bg.jpg');\n\tbackground-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/sport-bg.jpg');\n}\n.image-card-culture {\n\tbackground-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/culture-bg.jpg');\n\tbackground-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/culture-bg.jpg');\n\tbackground-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/culture-bg.jpg');\n}\n.image-card-education {\n\tbackground-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/education-bg.jpg');\n\tbackground-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/education-bg.jpg');\n\tbackground-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/education-bg.jpg');\n}\n/* ==========================================================================\n Homepage Styles\n ========================================================================== */\n/*\nThe CSS rules below will only be applied to the HTML used in the \u003c/\u003e HTML tab\nand will not be applied to other pages of your platform.\nThe 'home-' prefix is used for classes that belong to this page only. This makes it easier\nto understand which classes are used here and which ones are in the Platform Theme Stylesheet.\n*/\n/* Shared Styles\n========================================================================== */\n/*\nThese styles are used by different elements in the home page\n*/\nmain {\n /* Overrides an existing CSS rule so the banner image can be \"edge-to-edge\" */\n margin: 0;\n}\n@media screen and (min-width: 992px) {\n\t.row-equal-height {\n\t\tdisplay: -webkit-box;\n\t\tdisplay: -ms-flexbox;\n\t\tdisplay: flex;\n\t\t-ms-flex-wrap: wrap;\n\t\t flex-wrap: wrap;\n\t\tmargin-bottom: 20px;\n\t}\n\t/* Fix for early content wrapping in Safari*/\n\t.row-equal-height:before,\n\t.row-equal-height:after {\n\t\tcontent: normal;\n\t}\n}\n.home-subtitle {\n\tcolor: var(--titles);\n\tfont-size: 1.2rem;\n\tline-height: 1.5;\n\tfont-weight: normal;\n\tborder-bottom: 1px solid var(--boxes-border);\n\tpadding-bottom: 26px;\n\tmargin-bottom: 26px;\n}\n.margin-bottom-0 {\n\tmargin-bottom: 0;\n}\n.margin-bottom-2 {\n\tmargin-bottom: 20px;\n}\n/* Header Image\n========================================================================== */\n.home-header {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-align: start;\n\t -ms-flex-align: start;\n\t align-items: flex-start;\n\t-webkit-box-pack: end;\n\t -ms-flex-pack: end;\n\t justify-content: flex-end;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t -ms-flex-direction: column;\n\t flex-direction: column;\n\tmargin-bottom: 20px;\n /* Change this value to make the background image taller or smaller */\n height: 350px;\n /* Background color before image loads */\n background-color: var(--highlight);\n background-size: cover;\n /* You can replace the background-image by uploading an image to the portal assets\n and replacing the text in simple quotes below or use the URL of an image on the web */\n background-image: url('https://discovery.huwise.com/assets/theme_image/header-bg.jpg');\n /* Position of the background-image on x y axis. Change these values to\n modify where the image is centered.\n */\n background-position: center center;\n}\n/* Home welcome card\n========================================================================== */\n.welcome-card {\n\tdisplay: block;\n\tbackground-color: var(--highlight);\n\tcolor: #FFFFFF;\n\ttext-align: center;\n\tpadding: 13px 39px;\n\tborder-radius: 4px 4px 0 0;\n}\n.welcome-card-title {\n\tcolor: inherit;\n\tfont-size: 2.46rem;\n\tline-height: 1.5;\n\tfont-weight: bold;\n\tmargin-top: 0;\n\tmargin-bottom: 0;\n}\n@media screen and (min-width: 992px) {\n\t.welcome-card {\n\t\tdisplay: inline-block;\n\t\ttext-align: left;\n\t}\n}\n/* Overrides\n========================================================================== */\n.color-card {\n\tbackground-color: var(--boxes-background);\n\tcolor: var(--text);\n}\n/* Most Popular / Last Updated datasets section\n========================================================================== */\n.odswidget-most-popular-datasets__datasets,\n.odswidget-last-datasets-feed__datasets {\n\tmargin-top: 0;\n\tmargin-bottom: 0;\n}\n.odswidget-most-popular-datasets__dataset,\n.odswidget-last-datasets-feed__dataset {\n\tmargin-bottom: 20px;\n}\n.odswidget-most-popular-datasets__theme-picto,\n.odswidget-last-datasets-feed__theme-picto {\n\tmargin-top: 0;\n}\n.odswidget-most-popular-datasets__dataset-details,\n.odswidget-last-datasets-feed__dataset-details {\n\tmargin-left: 46px;\n}\n.odswidget-most-popular-datasets__dataset-details-title,\n.odswidget-last-datasets-feed__dataset-details-title {\n\tfont-size: 1rem;\n}\n.odswidget-most-popular-datasets__dataset-details-title a,\n.odswidget-last-datasets-feed__dataset-details-title a {\n\tcolor: var(--titles);\n}\n.odswidget-most-popular-datasets__dataset-details-count,\n.odswidget-last-datasets-feed__dataset-details-modified {\n\topacity: .8;\n\tborder-bottom: none;\n\tcursor: default;\n}\n.odswidget-most-popular-datasets__dataset-details-count .fa,\n.odswidget-last-datasets-feed__dataset-details-modified .fa {\n\tdisplay: none;\n}\n " }'>
            @@ -664,7 +798,8 @@

            width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -708,6 +843,7 @@

            const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -818,7 +954,9 @@

            $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
            <div ng-app="ods-widgets"> @@ -1018,7 +1156,7 @@

            <div class="col-md-4"> <div class="content-card"> <div> - <a class="twitter-timeline" data-height="387" href="https://twitter.com/Opendatasoft?ref_src=twsrc%5Etfw">Tweets by Opendatasoft</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> + <a class="twitter-timeline" data-height="387" href="https://twitter.com/Huwise?ref_src=twsrc%5Etfw">Tweets by Huwise</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> </div> </div> </div> @@ -1388,34 +1526,34 @@

            * - Change the class name to something related to your project. */ .image-card-mobility { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/mobility-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/mobility-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/mobility-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/mobility-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/mobility-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/mobility-bg.jpg'); } .image-card-garden { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/garden-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/garden-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/garden-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/garden-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/garden-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/garden-bg.jpg'); } .image-card-gastronomy { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/gastronomy-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/gastronomy-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/gastronomy-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/gastronomy-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/gastronomy-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/gastronomy-bg.jpg'); } .image-card-sport { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/sport-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/sport-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/sport-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/sport-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/sport-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/sport-bg.jpg'); } .image-card-culture { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/culture-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/culture-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/culture-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/culture-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/culture-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/culture-bg.jpg'); } .image-card-education { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.opendatasoft.com/assets/theme_image/education-bg.jpg'); - background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/education-bg.jpg'); - background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.opendatasoft.com/assets/theme_image/education-bg.jpg'); + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5))), url('https://discovery.huwise.com/assets/theme_image/education-bg.jpg'); + background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/education-bg.jpg'); + background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://discovery.huwise.com/assets/theme_image/education-bg.jpg'); } /* ========================================================================== Homepage Styles @@ -1489,7 +1627,7 @@

            background-size: cover; /* You can replace the background-image by uploading an image to the portal assets and replacing the text in simple quotes below or use the URL of an image on the web */ - background-image: url('https://discovery.opendatasoft.com/assets/theme_image/header-bg.jpg'); + background-image: url('https://discovery.huwise.com/assets/theme_image/header-bg.jpg'); /* Position of the background-image on x y axis. Change these values to modify where the image is centered. */ @@ -1567,8 +1705,10 @@

            "> -
            -

            -

            - -
            +
            + +
            + +
            - - + - © Copyright 2020 + © Copyright 2026
            @@ -3163,7 +3305,7 @@

            diff --git a/public/page-templates/home-4-access-cards/1/css.inc b/public/page-templates/home-4-access-cards/1/css.inc new file mode 100644 index 000000000..0d1f08a8b --- /dev/null +++ b/public/page-templates/home-4-access-cards/1/css.inc @@ -0,0 +1,688 @@ +/* ========================================================================== + Cards + ========================================================================== */ +/** + * Styling for the different types of cards: + * - Colored Card + * - Content card + * - Search box card + * - KPI card + * - Image card + */ +/* Variables & Shared classes + ========================================================================== */ +:root { + --secondary-color: #142E7B; +} + +.text-center { + text-align: center; +} + +.centered-card { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +/* Colored Card (Basic card) + ========================================================================== */ +.color-card { + background-color: var(--links); /* Background color for IE */ + background-color: var(--secondary-color); + color: #FFFFFF; + text-align: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding: 39px; + border-radius: 4px; + margin-bottom: 20px; + height: 100%; + text-decoration: none; + -webkit-transition: all .2s; + -o-transition: all .2s; + transition: all .2s; +} + +.color-card:hover, +.color-card:focus { + text-decoration: none; + -webkit-transform: scale(1.02); + -ms-transform: scale(1.02); + transform: scale(1.02); + -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); + box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); +} + +.color-card-icon { + font-size: 2rem; + margin-bottom: 13px; +} + +.color-card-picto { + width: auto; + height: 56px; + margin-bottom: 13px; + max-width: 100%; +} + +.color-card-title { + color: inherit; + font-size: 1.2rem; + line-height: 1.5; + font-weight: normal; + margin-top: 0; + margin-bottom: 0; + max-width: 100%; +} + +.color-card-description { + font-size: 1rem; + line-height: 1.5; + font-weight: normal; + color: inherit; + margin-top: 13px; + margin-bottom: 26px; + max-width: 100%; +} + +.color-card-link { + color: inherit; + font-weight: bold; + margin-top: auto; + max-width: 100%; +} + +/* Content Card + ========================================================================== */ +.content-card { + background-color: var(--boxes-background); + padding: 26px; + border-radius: 4px; + margin-bottom: 20px; + height: 100%; +} + +.content-card-title { + color: var(--titles); + font-size: 1.2rem; + line-height: 1.5; + font-weight: normal; + margin-top: 0; + margin-bottom: 13px; + max-width: 100%; +} + +.content-card-description { + color: var(--text); + font-size: 1rem; + line-height: 1.5; + font-weight: normal; + margin-top: 0; + margin-bottom: 26px; + max-width: 100%; +} + +.content-card-icon { + color: var(--highlight); + font-size: 2rem; + margin-bottom: 13px; + max-width: 100%; +} + +.content-card-link { + color: var(--links); + font-weight: bold; + -webkit-transition: all .2s; + -o-transition: all .2s; + transition: all .2s; + opacity: 1; + max-width: 100%; +} + +.content-card-link:hover { + opacity: .7; + text-decoration: none; +} + +.content-card-button { + color: var(--highlight); /* Color for IE */ + color: var(--secondary-color); + border: 1px solid var(--highlight); /* Border color for IE because it doesn't support CSS variables. */ + border: 1px solid var(--secondary-color); + background: transparent; + display: inline-block; + text-align: center; + font-size: .867rem; + border-radius: 4px; + padding: .5rem 1.15rem; + text-decoration: none; + -webkit-transition: all .2s; + -o-transition: all .2s; + transition: all .2s; +} + +.content-card-button:hover { + background-color: var(--highlight); /* Color for IE */ + background-color: var(--secondary-color); + color: #FFFFFF; + text-decoration: none; +} + +/* Search Box Card + ========================================================================== */ +.search-card { + background-color: rgba(0, 0, 0, .1); + padding: 39px; + border-radius: 4px; + margin-bottom: 20px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + text-align: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; +} + +.search-card-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + max-width: 500px; + margin: 0 auto; +} + +.search-card-title { + color: var(--titles); + font-size: 1.2rem; + line-height: 1.5; + font-weight: normal; +} + +.search-card-searchbox { + margin-bottom: 0; + -webkit-box-flex: 1; + -ms-flex: 1 1 auto; + flex: 1 1 auto; +} + +.search-card-searchbox .odswidget-searchbox__box { + font-size: 1rem; + display: block; + width: 100%; + max-width: 500px; + padding: 8px 13px; + border-radius: 4px 0 0 4px; + border: none; + margin: 0 auto; +} + +.search-card-submit-button { + border: none; + background-color: var(--highlight); + color: #FFFFFF; + font-size: .866rem; + font-weight: bold; + text-align: center; + padding: 8px 12px; + border-radius: 0 4px 4px 0; + -webkit-transition: opacity .2s; + -o-transition: opacity .2s; + transition: opacity .2s; +} + +.search-card-submit-button:hover { + text-decoration: none; + opacity: .7; +} + +/* KPI Card + ========================================================================== */ +.kpi-card { + background-color: var(--boxes-background); + height: 100%; + padding: 39px; + border-radius: 4px; + margin-bottom: 20px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + text-align: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; +} + +.kpi-icon { + color: var(--highlight); + color: var(--secondary-color); + font-size: 4rem; + margin-top: 0; + margin-bottom: 13px; + max-width: 100%; +} + +.kpi-title { + font-weight: normal; + color: var(--highlight); + font-size: 3.2rem; + margin-top: 0; + margin-bottom: 13px; + max-width: 100%; +} + +.kpi-description { + color: var(--text); + font-size: 1rem; + line-height: 1.5; + font-weight: normal; + margin-top: 0; + margin-bottom: 0; + max-width: 100%; +} + +/* Image Card + ========================================================================== */ +.image-card { + background-color: rgba(0, 0, 0, .1); + background-color: var(--secondary-color); + color: #FFFFFF; + padding: 39px; + border-radius: 4px; + margin-bottom: 20px; + min-height: 300px; + height: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + text-align: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + background-position: center center; + background-repeat: no-repeat; + background-size: cover; + -webkit-transition: all .2s; + -o-transition: all .2s; + transition: all .2s; + text-decoration: none; +} + +.image-card:hover, +.image-card:focus { + text-decoration: none; + -webkit-transform: scale(1.02); + -ms-transform: scale(1.02); + transform: scale(1.02); + -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); + box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); +} + +.image-title { + color: inherit; + font-size: 1.733rem; + line-height: 2.26; + font-weight: bold; + margin-top: 0; + margin-bottom: 13px; +} + +.image-description { + color: inherit; + font-size: 1rem; + line-height: 1.5; + font-weight: bold; + margin: 0; +} + +/* ========================================================================== +Access Card Container + ========================================================================== */ +.access-cards-container { + margin-bottom: 20px; + display: grid; + grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); + gap: 40px; +} + +/* ========================================================================== +Access Cards + ========================================================================== */ + +.access-card-bg { + background-repeat: no-repeat; + background-size: cover; + border-radius: 4px; + box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.13); + transition: all 0.3s; + color: var(--text); + display: flex; + height: 100%; + justify-content: center; + margin-bottom: 20px; +} + +.access-card-bg:hover { + box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.5); + text-decoration: none; +} + +.access-card { + border-radius: 10px; + background-color: #fff; + margin: 200px 26px 26px; + padding: 26px; + width: 100%; + + display: flex; + flex-direction: column; + justify-content: space-between; +} + +.access-card-pretitle { + text-transform: uppercase; + color: var(--secondary-color); + opacity: 0.7; + font-weight: 400; + margin: 0px; + font-size: 12px; +} + +.access-card-title { + font-weight: 400; + margin: 10px 0px; + font-size: 22px; +} + +.access-card-subtitle { + font-size: 16px; + font-weight: 400; + margin: 0px 0px 10px 0px; +} + +.access-card-description { + background-color: var(--boxes-background); + padding: 10px; +} + +.access-card-description h4 { + font-weight: 700; + margin: 5px 0px 0px 0px; +} + +.access-card-description p { + margin: 5px 0px; +} + +.access-card-button { + color: var(--secondary-color); + font-size: 16px; + font-weight: 700; + display: flex; + justify-content: right; + align-items: center; + width: 100%; + padding: 26px 0px 0px 26px; +} + +.access-card-button i { + padding-left: 5px; + transition: all 0.3s; +} + +.access-card:hover .access-card-button i { + transform: translateX(5px); +} + + +/* ========================================================================== + Homepage Styles + ========================================================================== */ +/* +The CSS rules below will only be applied to the HTML used in the HTML tab +and will not be applied to other pages of your platform. +The 'home-' prefix is used for classes that belong to this page only. This makes it easier +to understand which classes are used here and which ones are in the Platform Theme Stylesheet. +*/ +/* Shared Styles +========================================================================== */ +/* +These styles are used by different elements in the home page +*/ +main { + /* Overrides an existing CSS rule so the banner image can be "edge-to-edge" */ + margin: 0; +} + +@media screen and (min-width: 992px) { + .row-equal-height { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-bottom: 20px; + } + + /* Fix for early content wrapping in Safari*/ + .row-equal-height:before, + .row-equal-height:after { + content: normal; + } +} + +.home-subtitle { + color: var(--titles); + font-size: 1.2rem; + line-height: 1.5; + font-weight: normal; + margin-bottom: 20px; +} + +/* Header Image +========================================================================== */ +.home-header { + margin-bottom: 20px; + /* Change this value to make the background image taller or smaller */ + height: 350px; + /* Background color before image loads */ + background-color: var(--highlight); + background-size: cover; + /* You can replace the background-image by uploading an image to the portal assets + and replacing the text in simple quotes below or use the URL of an image on the web */ + background-image: url('https://discovery.huwise.com/assets/theme_image/header-bg.jpg'); + /* Position of the background-image on x y axis. Change these values to + modify where the image is centered. + */ + background-position: center center; +} + +/* Home welcome card +========================================================================== */ +.welcome-card { + background-color: var(--highlight); + color: #FFFFFF; + margin-top: -90px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + padding: 39px; + border-radius: 4px; + margin-bottom: 20px; + height: 100%; +} + +.welcome-card-title { + color: inherit; + font-size: 2.36rem; + line-height: 1.5; + font-weight: bold; + margin-top: 0; + margin-bottom: 13px; + max-width: 100%; +} + +.welcome-card-description { + font-size: 1rem; + line-height: 1.5; + font-weight: normal; + color: inherit; + margin-top: 13px; + margin-bottom: 26px; + max-width: 100%; +} + +@media screen and (min-width: 992px) { + .welcome-card-description { + margin-bottom: 0; + } +} + +.welcome-card-link { + color: inherit; + font-weight: bold; + margin-top: auto; + -webkit-transition: all .2s; + -o-transition: all .2s; + transition: all .2s; + opacity: 1; + max-width: 100% +} + +.welcome-card-link .fa { + position: relative; + left: 0; + -webkit-transition: all .2s; + -o-transition: all .2s; + transition: all .2s; +} + +.welcome-card-link:hover { + opacity: .7; + text-decoration: none; +} + +.welcome-card-link:hover .fa { + left: 3px; +} + +@media screen and (min-width: 992px) { + .welcome-card { + height: 130%; + position: relative; + top: -30%; + margin-top: 0; + margin-bottom: 0; + } +} + +/* Most Popular / Last Updated datasets section +========================================================================== */ +.odswidget-most-popular-datasets__datasets, +.odswidget-last-datasets-feed__datasets { + margin-top: 0; + margin-bottom: 20px; +} + +.odswidget-most-popular-datasets__dataset, +.odswidget-last-datasets-feed__dataset { + padding: 13px; + background-color: #FFFFFF; + border-radius: 4px; + margin-bottom: 13px; +} + +.odswidget-most-popular-datasets__theme-picto, +.odswidget-last-datasets-feed__theme-picto { + margin-top: 0; +} + +.odswidget-most-popular-datasets__dataset-details, +.odswidget-last-datasets-feed__dataset-details { + margin-left: 46px; +} + +.odswidget-most-popular-datasets__dataset-details-title, +.odswidget-last-datasets-feed__dataset-details-title { + font-size: 1rem; +} + +.odswidget-most-popular-datasets__dataset-details-title a, +.odswidget-last-datasets-feed__dataset-details-title a { + color: var(--titles); +} + +.odswidget-most-popular-datasets__dataset-details-count, +.odswidget-last-datasets-feed__dataset-details-modified { + opacity: .8; + border-bottom: none; + cursor: default; +} + +.odswidget-most-popular-datasets__dataset-details-count .fa, +.odswidget-last-datasets-feed__dataset-details-modified .fa { + display: none; +} + +.twitter-timeline-container { + margin-bottom: 20px; +} diff --git a/public/page-templates/home-4-access-cards/1/html.inc b/public/page-templates/home-4-access-cards/1/html.inc new file mode 100644 index 000000000..6eca7b858 --- /dev/null +++ b/public/page-templates/home-4-access-cards/1/html.inc @@ -0,0 +1,174 @@ + + + +
            + +
            +
            +
            +
            +

            + Welcome to +
            + Portal Name +

            +

            + Lorem ipsum dolor amet kombucha try-hard biodiesel XOXO scenester + subway tile. Etsy selvage shaman master cleanse activated charcoal. + Celiac hella wayfarers glossier palo santo pork belly. Vape twee + stumptown normcore. Occupy fingerstache listicle etsy. +

            + + Explore catalog + + +
            +
            +
            + +
            + +

            5,983

            +

            + Dignissim suspendisse in est ante in nibh nisl tincidunt eget +

            +
            +
            +
            + +
            + +

            18.3k

            +

            + Quam vulputate dignissim suspendisse in est ante in nibh. Faucibus + nisl tincidunt eget nullam non nisi est sit amet +

            +
            +
            +
            +
            + +
            + +
            +

            What data are you looking for?

            +
            + + + +
            +
            +
            +
            +
            + + +
            +
            +

            Mobility

            +

            Map of the bike stations

            +

            + Quam vulputate dignissim suspendisse in est ante in nibh. Faucibus nisl tincidunt eget nullam non nisi est sit amet. +

            +
            +

            Categories

            +

            Title category #1 : XXXX

            +

            Title category #2 : XXXX

            +

            Title category #3 : XXXX

            +

            Title category #4 : XXXX

            +
            +
            +
            + +
            +
            +             + + + +
            +
            +

            Gastronomy

            +

            Restaurant of the month

            +

            + Massa id neque aliquam vestibulum. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate. +

            +
            +

            Categorie

            +
            +
            +
            + +
            +
            +             + + + +
            +
            +

            Culture

            +

            Opened libraries

            +

            + Integer malesuada nunc vel risus commodo viverra maecenas. Sem et tortor consequat id porta. +

            +
            +
            + +
            +
            +             + +
            +
            +
            +
            +
            + +

            Most popular data

            + +
            +
            + +

            Last updated data

            + +
            +
            + +

            On twitter

            + +
            +
            +
            +             \ No newline at end of file diff --git a/public/page-templates/home-4-access-cards/index.html b/public/page-templates/home-4-access-cards/index.html new file mode 100644 index 000000000..ffd990753 --- /dev/null +++ b/public/page-templates/home-4-access-cards/index.html @@ -0,0 +1,3689 @@ + + + + + + Home page 4 with access cards – Codelibrary + + + + + + + + + + + + + + + + + + + + + + + + + +
            +
            +
            +
            +
            +
            +
            +
            +
            +
            + + +
            +
            + +
            +
            +

            Page Templates - Home page 4 with access cards

            +
            +

            This home page integrates the first version of the component Access cards to highlight redirections to other pages. +The access cards are inserted in a grid container, so that all the cards have the same height.

            +

            Tips

            +
              +
            • You can use another version of the access cards by replacing the HTML between the comments <!--Start Access Card --> and <!--End Access Card --> and the CSS between /*==== Access Cards ====*/ and /*==== Homepage Styles ====*/
              • +
            • You can change the background image of the access cards in the HTML file
              • +
            • You can change the arrow icon of the access card with another icon from the Fontawesome Library
              • +
            + +
            + +
            +

            + Preview + + + + + +

            +
            + +
            + + +
            + + + + + + + + + + + + + + + + + + + + +
            +
            + +
            +
            +
            +
            + +
            + + + +
            +
            + + +
            + +
            + +
            + +
            +
            + +
            +
            + +
            + + + + + © Copyright 2026 + +
            + + + + + + + + diff --git a/public/page-templates/index.html b/public/page-templates/index.html index 0c9230a61..9be8f8a08 100644 --- a/public/page-templates/index.html +++ b/public/page-templates/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@ - @@ -159,7 +176,7 @@
            • + href="https://codelibrary.huwize.com/"> Home
              • @@ -176,6 +193,54 @@ + + + + + + + + + + + + + + + + + + + + + +
            • + + Apps + + +
              • + + + + + + + + + + + + + + + + + + + + @@ -230,6 +295,9 @@ + + +
            • @@ -254,6 +322,9 @@ + + + @@ -303,6 +374,16 @@
              • +
            • + +
              + Dashboard with filters + + +
              +               +
              • +
              • +
            • + +
              + Dataviz gallery page + + +
              +               +
              • +
              • +
            • + +
              + Home page 4 with access cards + + +
              +               +
              • + +
            • + +
              + Listing page + + +
              +               +
              • +
              • @@ -534,51 +643,67 @@
              - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
              @@ -598,6 +723,73 @@

              + +
              +

              + Dashboard with filters + + +

              +

              + A dashboard template to display KPIs and charts, with filters + +

              +
              + +
              + display +
              + +
              +
              +               + + +
              +

              + Dataviz gallery page + + +

              +

              + A page template to display data visualizations on your portal. + +

              +
              + +
              + display +
              + +
              +
              +               + + +
              +

              + Listing page + + +

              +

              + A template version of the listing generator, for the users who want to add more customization to the automated version. + +

              +
              + +
              + display +
              + +
              + list +
              + +
              +
              +               +

              @@ -606,9 +798,13 @@

              - This resource is an over-ride of ODS default layout system by transforming a row and it’s children into a Flexbox layout. -Flexbox brings two major benefits compared to the actual layout : - Equal height of children of a same row re-ordering elements If any of these two benefits are useful to your project, there is no interest in using this resource ! +

              This resource is an over-ride of ODS default layout system by transforming a row and it’s children into a Flexbox layout.

              +

              Flexbox brings two major benefits compared to the actual layout :

              +
                +
              • Equal height of children of a same row
                • +
              • re-ordering elements
                • +
              +

              If any of these two benefits are useful to your project, there is no interest in using this resource !

              @@ -670,10 +866,11 @@

              - This resource introduces a CSS Grid framework based on CSS Grid layout system. - It’s an alternative to ODS Layout system, suitable for expert users, looking for more advanced layout system, specially designed for 2 dimensions layouts instead of one. - CSS Grid is the most modern and performant way to structure pages. -A framework is a set of CSS classes to set into the HTML to easily develop nice looking pages. +

              This resource introduces a CSS Grid framework based on CSS Grid layout system.

              +
              +

              It’s an alternative to ODS Layout system, suitable for expert users, looking for more advanced layout system, specially designed for 2 dimensions layouts instead of one.

              +

              CSS Grid is the most modern and performant way to structure pages.

              +

              A framework is a set of CSS classes to set into the HTML to easily develop nice looking pages.

              @@ -693,8 +890,9 @@

              - This dashboard presents the main informations from the monitoring dataset. See the full documentation about the monitoring dataset. See themed versions of this dashboard here. -Note: Since monitoring data are private, we use a dummy dataset in these exemple. +

              This dashboard presents the main figures from the monitoring dataset. See the full documentation about the monitoring dataset. +See themed versions of this dashboard here.

              +

              Note: Since monitoring data are private, we use a dummy dataset in this example.

              @@ -772,7 +970,7 @@

              - A home page for your Opendatasoft portal, alternative 1 + A home page for your Huwise portal, alternative 1

              @@ -797,7 +995,7 @@

              - An home page for your Opendatasoft portal, alternative 2 + An home page for your Huwise portal, alternative 2

              @@ -822,7 +1020,32 @@

              - A home page for your Opendatasoft portal, alternative 3 + A home page for your Huwise portal, alternative 3 + +

              +
              + +
              + display +
              + +
              + navigation +
              + +
              +
              + + + +
              +

              + Home page 4 with access cards + + +

              +

              + A home page for your Huwise portal, with access cards

              @@ -945,16 +1168,16 @@

              - - + - © Copyright 2020 + © Copyright 2026
              @@ -966,7 +1189,7 @@

              diff --git a/public/page-templates/index.xml b/public/page-templates/index.xml index 8d2e898ff..3cbeaf1f8 100644 --- a/public/page-templates/index.xml +++ b/public/page-templates/index.xml @@ -2,145 +2,137 @@ Page Templates on Codelibrary - https://codelibrary.opendatasoft.com/page-templates/ + https://codelibrary.huwize.com/page-templates/ Recent content in Page Templates on Codelibrary - Hugo -- gohugo.io + Hugo en-us - Mon, 07 Jun 2021 12:12:02 +0200 + Tue, 23 May 2023 12:00:00 +0200 + + + Dashboard with filters + https://codelibrary.huwize.com/page-templates/dashboard-filter/ + Tue, 23 May 2023 12:00:00 +0200 + https://codelibrary.huwize.com/page-templates/dashboard-filter/ + <p>This dashboard displays KPIs, charts, map, and includes filters to customize your analysis.</p> + + + Dataviz gallery page + https://codelibrary.huwize.com/page-templates/dataviz-gallery/ + Fri, 17 Mar 2023 12:00:00 +0200 + https://codelibrary.huwize.com/page-templates/dataviz-gallery/ + <p>This template is a mixture of the <a href="https://codelibrary.huwize.com/page-templates/listing-page/">Listing page template</a> and the <a href="https://codelibrary.huwize.com/components/access-card/">Access Cards component</a>. It was created to offer a simple way of showcasing your data visualizations, custom views, maps and Studio pages on your portal.</p> <p>It offers more customization possibilities to advanced users who would like to add or remove items from this template, like additional filters, new card content or adding a date range slider.</p> <p>This ressource integrates the following widgets:</p> + + + Listing page + https://codelibrary.huwize.com/page-templates/listing-page/ + Wed, 05 Jan 2022 12:00:00 +0200 + https://codelibrary.huwize.com/page-templates/listing-page/ + + ODS Layout over-ride - https://codelibrary.opendatasoft.com/page-templates/ods-layout-over-ride/ + https://codelibrary.huwize.com/page-templates/ods-layout-over-ride/ Mon, 07 Jun 2021 12:12:02 +0200 - - https://codelibrary.opendatasoft.com/page-templates/ods-layout-over-ride/ - This resource is an over-ride of ODS default layout system by transforming a row and it&rsquo;s children into a Flexbox layout. -Flexbox brings two major benefits compared to the actual layout : - Equal height of children of a same row re-ordering elements If any of these two benefits are useful to your project, there is no interest in using this resource ! + https://codelibrary.huwize.com/page-templates/ods-layout-over-ride/ + <p>This resource is an over-ride of ODS default layout system by transforming a <code>row</code> and it&rsquo;s children into a Flexbox layout.</p> <p><strong>Flexbox</strong> brings two major benefits compared to the actual layout :</p> <ul> <li>Equal height of children of a same row</li> <li>re-ordering elements</li> </ul> <p><strong>If any of these two benefits are useful to your project, there is no interest in using this resource !</strong></p> - Dashboard - https://codelibrary.opendatasoft.com/page-templates/dashboard/ + https://codelibrary.huwize.com/page-templates/dashboard/ Mon, 07 Jun 2021 12:00:00 +0200 - - https://codelibrary.opendatasoft.com/page-templates/dashboard/ - There is two version of the dashboard, the first one built with the standard ODS Layout, it suits to most users. -The second one, more advanced, built with the CSS Grid framework layout, for specific usages only. + https://codelibrary.huwize.com/page-templates/dashboard/ + <p>There is two version of the dashboard, the first one built with the standard ODS Layout, <strong>it suits to most users</strong>.</p> <p>The second one, more advanced, built with the <a href="https://codelibrary.huwize.com/page-templates/css-grid-framework">CSS Grid framework layout</a>, for specific usages only.</p> - Dashboard layouts - https://codelibrary.opendatasoft.com/page-templates/dashboard-layouts/ + https://codelibrary.huwize.com/page-templates/dashboard-layouts/ Mon, 07 Jun 2021 12:00:00 +0200 - - https://codelibrary.opendatasoft.com/page-templates/dashboard-layouts/ - These resources are split into 2 main parts - Resources built with standard ODS Layout The same resources, built with the CSS Grid framework layout To see the final example made with these layouts, go to dashboard resource. -ODS Layout is well known from Opendatasoft users, and these resources over-ride it by setting row as display: flex elements to take advantage of Flexbox capabilities. You can see the ODS Layout over-ride resource here. + https://codelibrary.huwize.com/page-templates/dashboard-layouts/ + <p>These resources are split into 2 main parts</p> <ol> <li>Resources built with standard ODS Layout</li> <li>The same resources, built with the <a href="https://codelibrary.huwize.com/page-templates/css-grid-framework">CSS Grid framework layout</a></li> </ol> <p>To see the final example made with these layouts, go to <a href="https://codelibrary.huwize.com/page-templates/dashboard">dashboard resource</a>.</p> <p><strong>ODS Layout</strong> is well known from Huwise users, and these resources over-ride it by setting <code>row</code> as <code>display: flex</code> elements to take advantage of Flexbox capabilities. You can see the <a href="https://codelibrary.huwize.com/page-templates/ods-layout-over-ride">ODS Layout over-ride resource here</a>.</p> <p><strong>CSS Grid framework</strong> refer to some custom CSS classes that over-rides CSS Grid layout. It&rsquo;s mainly suitable for <strong>expert users only</strong> that are looking for more advanced layouts such as grids and multiple rows designs. We strongly encourage you to have a look to the <a href="https://codelibrary.huwize.com/page-templates/css-grid-framework">CSS Grid framework resource</a> before using it. And be assured that your needs really justify the use of this advanced layout system.</p> - CSS Grid Framework - https://codelibrary.opendatasoft.com/page-templates/css-grid-framework/ + https://codelibrary.huwize.com/page-templates/css-grid-framework/ Mon, 24 May 2021 12:12:02 +0200 - - https://codelibrary.opendatasoft.com/page-templates/css-grid-framework/ - This resource introduces a CSS Grid framework based on CSS Grid layout system. - It&rsquo;s an alternative to ODS Layout system, suitable for expert users, looking for more advanced layout system, specially designed for 2 dimensions layouts instead of one. - CSS Grid is the most modern and performant way to structure pages. -A framework is a set of CSS classes to set into the HTML to easily develop nice looking pages. + https://codelibrary.huwize.com/page-templates/css-grid-framework/ + <p>This resource introduces a <strong>CSS Grid framework</strong> based on CSS Grid layout system.</p> <blockquote> <p>It&rsquo;s an alternative to ODS Layout system, suitable for <strong>expert users</strong>, looking for more advanced layout system, specially designed for 2 dimensions layouts instead of one.</p></blockquote> <p><strong>CSS Grid</strong> is the most modern and performant way to structure pages.</p> <p>A <strong>framework</strong> is a set of CSS classes to set into the HTML to easily develop nice looking pages.</p> - Monitoring Dashboard - https://codelibrary.opendatasoft.com/page-templates/monitoring-dashboard/ + https://codelibrary.huwize.com/page-templates/monitoring-dashboard/ Mon, 03 May 2021 15:26:47 +0200 - - https://codelibrary.opendatasoft.com/page-templates/monitoring-dashboard/ - This dashboard presents the main informations from the monitoring dataset. See the full documentation about the monitoring dataset. See themed versions of this dashboard here. -Note: Since monitoring data are private, we use a dummy dataset in these exemple. + https://codelibrary.huwize.com/page-templates/monitoring-dashboard/ + <p>This dashboard presents the main figures from the monitoring dataset. See the full documentation about the <a href="https://help.huwise.com/platform/en/managing_domain/03_analyzing_domain_usage/analyzing_source_data.html">monitoring dataset</a>. See themed versions of this dashboard <a href="'/themed-dashboard'">here</a>.</p> <p><em><strong>Note:</strong> Since monitoring data are private, we use a dummy dataset in this example.</em></p> - Data Story - https://codelibrary.opendatasoft.com/page-templates/datastory/ + https://codelibrary.huwize.com/page-templates/datastory/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/page-templates/datastory/ - Tell a story based on your data. Through chapters and sections, narrate a story and use data visualisations to emphasize your story. + https://codelibrary.huwize.com/page-templates/datastory/ + <p>Tell a story based on your data. Through chapters and sections, narrate a story and use data visualisations to emphasize your story.</p> - Fullscreen map with filters - https://codelibrary.opendatasoft.com/page-templates/fullscreen-map/ + https://codelibrary.huwize.com/page-templates/fullscreen-map/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/page-templates/fullscreen-map/ + https://codelibrary.huwize.com/page-templates/fullscreen-map/ - Home page 1 - https://codelibrary.opendatasoft.com/page-templates/home-1/ + https://codelibrary.huwize.com/page-templates/home-1/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/page-templates/home-1/ + https://codelibrary.huwize.com/page-templates/home-1/ - Home page 2 - https://codelibrary.opendatasoft.com/page-templates/home-2/ + https://codelibrary.huwize.com/page-templates/home-2/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/page-templates/home-2/ + https://codelibrary.huwize.com/page-templates/home-2/ - Home page 3 - https://codelibrary.opendatasoft.com/page-templates/home-3/ + https://codelibrary.huwize.com/page-templates/home-3/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/page-templates/home-3/ + https://codelibrary.huwize.com/page-templates/home-3/ - + + Home page 4 with access cards + https://codelibrary.huwize.com/page-templates/home-4-access-cards/ + Mon, 01 Jan 0001 00:00:00 +0000 + https://codelibrary.huwize.com/page-templates/home-4-access-cards/ + <p>This home page integrates the first version of the <a href="https://codelibrary.huwise.com/components/access-card/">component Access cards</a> to highlight redirections to other pages. The access cards are inserted in a grid container, so that all the cards have the same height.</p> <p><strong>Tips</strong></p> <ul> <li>You can use another version of the access cards by replacing the HTML between the comments <code>&lt;!--Start Access Card --&gt;</code> and <code>&lt;!--End Access Card --&gt;</code> and the CSS between <code>/*==== Access Cards ====*/</code> and <code>/*==== Homepage Styles ====*/</code></li> <li>You can change the background image of the access cards in the HTML file</li> <li>You can change the arrow icon of the access card with another icon from <a href="https://fontawesome.com/v4.7.0/icons/">the Fontawesome Library</a></li> </ul> + Map & Refine - https://codelibrary.opendatasoft.com/page-templates/map-refine/ + https://codelibrary.huwize.com/page-templates/map-refine/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/page-templates/map-refine/ + https://codelibrary.huwize.com/page-templates/map-refine/ - Observatory - https://codelibrary.opendatasoft.com/page-templates/observatory/ + https://codelibrary.huwize.com/page-templates/observatory/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/page-templates/observatory/ + https://codelibrary.huwize.com/page-templates/observatory/ - Regional COVID-19 Dashboard - https://codelibrary.opendatasoft.com/page-templates/regional-covid/ + https://codelibrary.huwize.com/page-templates/regional-covid/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/page-templates/regional-covid/ + https://codelibrary.huwize.com/page-templates/regional-covid/ - Timeline - https://codelibrary.opendatasoft.com/page-templates/timeline/ + https://codelibrary.huwize.com/page-templates/timeline/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/page-templates/timeline/ + https://codelibrary.huwize.com/page-templates/timeline/ - diff --git a/public/page-templates/listing-page/1/css.inc b/public/page-templates/listing-page/1/css.inc new file mode 100644 index 000000000..8c2e92ae9 --- /dev/null +++ b/public/page-templates/listing-page/1/css.inc @@ -0,0 +1,405 @@ +/* General Layout +========================================================================== */ + +:root { + --secondary-color: black; +} + +main { + margin: 6rem 0 3em 0; +} + +@media screen and (min-width: 992px) { + .row-equal-height { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-bottom: 20px; + } + /* Fix for early content wrapping in Safari*/ + .row-equal-height:before, + .row-equal-height:after { + content: normal; + } +} + +.page-title { + font-size: 3rem; + font-weight: bold; + margin-top: 0; + margin-bottom: 1rem; +} + +.page-subtitle { + font-size: 1.2rem; + line-height: 2; + margin-top: 0; + margin-bottom: 3rem; +} + +.margin-bottom-20 { + margin-bottom: 20px; +} + + +/* Search Module +========================================================================== */ + +.search-module-container { + padding: 26px; + margin-bottom: 20px; +} + +.search-module { + display: flex; + align-items: stretch; + border-bottom: 1px solid #dee5ef; + margin-bottom: 13px; + transition: all .2s; +} + +.search-module:hover, +.search-module:focus-within { + border-bottom-color: var(--links); +} + +.search-module-icon { + color: #898d92; + margin-right: 8px; + align-self: center; +} + +.search-module-input { + background-color: transparent; + width: 100%; + outline: none; + border: none; + padding: 12px 0; + transition: all .2s; + color: var(--text); +} + +.search-module-input::placeholder { + transition: all .2s; +} + +.search-module-clear { + color: #898d92; + font-size: 1rem; + background: transparent; + border: none; + margin: 0; + outline: none; + padding: 0 0 0 12px; + transition: all .2s; +} + +.search-module-clear:hover { + opacity: .65; +} + +.search-module:hover .search-module-icon, +.search-module:focus-within .search-module-icon, +.search-module:hover .search-module-input::placeholder, +.search-module:focus-within .search-module-input::placeholder { + color: var(--links) +} + + +/* Filters +========================================================================== */ + +.filter-list { + display: flex; + flex-wrap: wrap; + position: relative; +} + +.filter-list>* { + margin: 0 0 10px; + width: 100%; +} + +.odswidget-select .odswidget-select-dropdown.open .odswidget-select-dropdown-menu { + width: 100% +} + +.clear-filters { + display: flex; + align-items: center; + justify-content: center; +} + +.clear-filters-button:hover { + opacity: 0.65; +} + +.odswidget-select, +.odswidget-select .odswidget-select-dropdown { + width: 100%; +} + +@media screen and (min-width: 500px) { + .filter-list>* { + margin: 0 10px 10px 0; + width: inherit; + } + .odswidget-select .odswidget-select-dropdown.open .odswidget-select-dropdown-menu { + width: max-content; + min-width: 240px; + } +} + + +/*********** Filter date ************/ + +.filter-date { + display: flex; + flex-direction: column; + align-items: center; + margin: 13px 26px 32px 26px; +} + +.odswidget-date-range-slider { + width: 100%; +} + +.filter-date-button { + margin-left: 0; + margin-top: 13px; + white-space: nowrap; + text-decoration: underline; +} + +.filter-date-button:not(.filter-date-button-disabled):hover { + opacity: 0.65; +} + +.filter-date-button-disabled { + opacity: 0.5; + pointer-event: none; + text-decoration: none; +} + +@media screen and (min-width: 500px) { + .filter-date { + flex-direction: row; + } + .filter-date-button { + margin-left: 50px; + margin-top: 0; + } +} + + +/* date range slider style override */ + +.odswidget-date-range-slider .irs--flat .irs-from, +.odswidget-date-range-slider .irs--flat .irs-single, +.odswidget-date-range-slider .irs--flat .irs-to { + color: var(--text); + border: 1px solid #cbd2db; + border-radius: 2rem; + background: #FFFFFF; +} + +.odswidget-date-range-slider .irs--flat .irs-from:before, +.odswidget-date-range-slider .irs--flat .irs-single:before, +.odswidget-date-range-slider .irs--flat .irs-to:before { + border-top-color: var(--text); +} + +.odswidget-date-range-slider .irs--flat .irs-bar { + background-color: var(--highlight); +} + +.odswidget-date-range-slider .irs--flat .irs-handle>i:first-child { + background-color: var(--highlight); +} + +.odswidget-date-range-slider .irs--flat .irs-handle.state_hover>i:first-child, +.odswidget-date-range-slider .irs--flat .irs-handle:hover>i:first-child { + background-color: var(--text); +} + + +/* Content Card +========================================================================== */ + +.content-card { + background-color: var(--boxes-background); + border-radius: 4px; + height: 100%; + box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13); +} + +.content-card-img { + display: block; + height: 110px; + background-position: center; + background-size: cover; + background-repeat: no-repeat; +} + +.content-card-body { + padding: 26px; + flex: 1 1 auto; +} + +.content-card-title { + color: var(--titles); + font-size: 1.2rem; + line-height: 1.5; + font-weight: normal; + margin-top: 0; + margin-bottom: 13px; + max-width: 100%; +} + +.content-card-description { + color: var(--text); + font-size: 1rem; + line-height: 1.5; + font-weight: normal; + margin-top: 0; + margin-bottom: 26px; + max-width: 100%; +} + +.content-card-fields dt { + font-size: 0.8rem; + opacity: 0.8; +} + +.content-card-fields dd { + margin-left: 0; +} + +.content-card-icon { + color: var(--highlight); + font-size: 2rem; + margin-bottom: 13px; + max-width: 100%; +} + +.content-card-link { + color: var(--links); + font-weight: bold; + transition: all .2s; + opacity: 1; + max-width: 100%; +} + +.content-card-link:hover { + opacity: .7; + text-decoration: none; +} + +.content-card-button { + color: var(--highlight); + border: 1px solid var(--highlight); + background: transparent; + display: inline-block; + text-align: center; + font-size: .867rem; + border-radius: 4px; + padding: .5rem 1.15rem; + text-decoration: none; + transition: all .2s; +} + +.content-card-button:hover { + background-color: var(--highlight); + color: #FFFFFF; + text-decoration: none; +} + + +/* KPI Card +========================================================================== */ + +@media screen and (min-width: 992px) { + .kpis-container { + display: flex; + justify-content: center; + } +} + +.kpi-card { + background-color: var(--boxes-background); + height: 100%; + padding: 39px; + border-radius: 4px; + box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + text-align: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; +} + +.kpi-icon { + color: var(--highlight); + color: var(--secondary-color); + font-size: 4rem; + margin-top: 0; + margin-bottom: 13px; + max-width: 100%; +} + +.kpi-title { + font-weight: normal; + color: var(--highlight); + font-size: 3.2rem; + margin-top: 0; + margin-bottom: 13px; + max-width: 100%; +} + +.kpi-unit { + font-size: 0.8em; + color: var(--secondary-color); +} + +.kpi-description { + color: var(--text); + font-size: 1rem; + line-height: 1.5; + font-weight: normal; + margin-top: 0; + margin-bottom: 0; + max-width: 100%; +} + + +/** Specific override for custom views **/ + +@media screen and (min-width: 1408px) { + .ods-dataset-visualization .ods-tabs__pane .container:not(.is-max-desktop):not(.is-max-widescreen) { + max-width: 100%; + } +} + +@media screen and (min-width: 1216px) { + .ods-dataset-visualization .ods-tabs__pane .container:not(.is-max-desktop) { + max-width: 100%; + } +} + +@media screen and (min-width: 1024px) { + .ods-dataset-visualization .ods-tabs__pane .container { + max-width: 100%; + } +} \ No newline at end of file diff --git a/public/page-templates/listing-page/1/html.inc b/public/page-templates/listing-page/1/html.inc new file mode 100644 index 000000000..ce9f90ab3 --- /dev/null +++ b/public/page-templates/listing-page/1/html.inc @@ -0,0 +1,155 @@ +
              + +

              Rappel conso

              +

              + Le jeu de données du site rappel-conso comprend la liste des fiches de rappels publiées sur le site + rappel-conso. +

              +
              + +
              + + + +
              + + +
              +
              + +
              +
              + +
              +
              + +
              + +
              +
              + Supprimer tous les filtres + +
              +
              +
              + + +
              + + + + {{ bounds['min'] = dateminmax.results[0].x.year + '-' + (10 > + dateminmax.results[0].x.month?'0':'') + dateminmax.results[0].x.month + '-' + + (10 > dateminmax.results[0].x.day?'0':'') + dateminmax.results[0].x.day; + bounds['max'] = dateminmax.results[dateminmax.results.length-1].x.year + '-' + + (10 > dateminmax.results[dateminmax.results.length-1].x.month?'0':'') + + dateminmax.results[dateminmax.results.length-1].x.month + '-' + (10 > + dateminmax.results[dateminmax.results.length-1].x.day?'0':'') + + dateminmax.results[dateminmax.results.length-1].x.day; ''}} + + + + + +
              + Toute la période +
              +
              +
              + + +
              +
              + +
              + +

              {{ (total || 0) | number : 0 }}

              +

              Nombre de rappels

              +
              +
              +
              + + +
              +
              +
              +
              +
              +
              +
              +

              + {{ item.fields.noms_des_modeles_ou_references }} +

              +
              +
              +
              Motif du rappel
              +
              {{item.fields.motif_du_rappel}}
              +
              Risques
              +
              {{item.fields.risques_encourus_par_le_consommateur}}
              +
              Marque
              +
              {{item.fields.nom_de_la_marque_du_produit}}
              +
              Catégorie
              +
              {{item.fields.categorie_de_produit}}
              +
              Distributeur
              +
              {{item.fields.distributeurs}}
              +
              Nature juridique du rappel
              +
              {{item.fields.nature_juridique_du_rappel}}
              +
              Date de publication de la fiche
              +
              + {{item.fields.date_de_publication_de_la_fiche | moment : 'DD/MM/YYYY'}} +
              +
              +
              +
              + + Lien vers l'affichette + +
              +
              +
              +
              +
              +
              + Voir les données +               +
              \ No newline at end of file diff --git a/public/page-templates/listing-page/2/css.inc b/public/page-templates/listing-page/2/css.inc new file mode 100644 index 000000000..aec1a934e --- /dev/null +++ b/public/page-templates/listing-page/2/css.inc @@ -0,0 +1,366 @@ +/* General Layout +========================================================================== */ + +main.main--page { + margin: 0; +} + +/* Body text */ +p { + text-align: justify; + margin-top: 0; + margin-bottom: 1.5rem; +} + +ul { + list-style: none; + padding-left: 0; +} + +@media screen and (min-width: 992px) { + .row-equal-height { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-bottom: 20px; + } + /* Fix for early content wrapping in Safari*/ + .row-equal-height:before, + .row-equal-height:after { + content: normal; + } +} + +.margin-bottom-20 { + margin-bottom: 20px; +} + +.page-section { + margin-top: 2rem; + margin-bottom: 6rem; +} + +.section-title { + font-size: 2.2rem; + font-weight: 400; + color: #FFF; + background-color: var(--highlight); + text-align: center; + padding: 10px; + margin-top: 1.5rem; + margin-bottom: 1.5rem; +} + +/* Header +========================================================================== */ + +.page-header { + background-color: var(--highlight); + min-height: 180px; /* Change the height of the image here by increasing or decreasing the pixels. */ + /* Properties of the title located within the image banner */ + display: flex; + justify-content: center; + align-items: flex-end; + margin-bottom: 40px; + background-size: cover; + background-repeat: no-repeat; + background-position: center center; + background-image: url(''); +} + +.page-title { + color: var(--highlight); + text-align: center; + background-color: var(--page-background); + position: relative; + vertical-align: bottom; + margin: 0; + font-weight: 400; + font-size: 2.5rem; + padding: 15px 20px 10px 20px; + border-radius: 7px 7px 0px 0px; +} + +.page-subtitle { + font-weight: 400; + margin-top: 0; + margin-bottom: 20px; + font-size: 1.14rem; +} + + +/* Search Module +========================================================================== */ + +.search-module { + display: flex; + align-items: stretch; + border-bottom: 1px solid #dee5ef; + margin-bottom: 13px; + transition: all .2s; +} + +.search-module:hover, +.search-module:focus-within { + border-bottom-color: var(--links); +} + +.search-module-icon { + color: #898d92; + margin-right: 8px; + align-self: center; +} + +.search-module-input { + background-color: transparent; + width: 100%; + outline: none; + border: none; + padding: 12px 0; + transition: all .2s; + color: var(--text); +} + +.search-module-input::placeholder { + transition: all .2s; +} + +.search-module-clear { + color: #898d92; + font-size: 1rem; + background: transparent; + border: none; + margin: 0; + outline: none; + padding: 0 0 0 12px; + transition: all .2s; +} + +.search-module-clear:hover { + opacity: .65; +} + +.search-module:hover .search-module-icon, +.search-module:focus-within .search-module-icon, +.search-module:hover .search-module-input::placeholder, +.search-module:focus-within .search-module-input::placeholder { + color: var(--links) +} + + +/* Filters +========================================================================== */ + +.filter-list { + display: flex; + flex-wrap: wrap; + position: relative; +} +.filter-list > * { + margin: 0 0 10px; + width: 100%; +} +.odswidget-select .odswidget-select-dropdown.open .odswidget-select-dropdown-menu { + width: 100% +} +.clear-filters { + display: flex; + align-items: center; + justify-content: center; +} +.clear-filters-button:hover { + opacity: 0.65; +} +.odswidget-select, +.odswidget-select .odswidget-select-dropdown { + width: 100%; +} +@media screen and (min-width: 500px) { + .filter-list > * { + margin: 0 10px 10px 0; + width: inherit; + } + .odswidget-select .odswidget-select-dropdown.open .odswidget-select-dropdown-menu { + width: max-content; + min-width: 240px; + } +} + + +/* Content Card +========================================================================== */ + +.content-card { + background-color: var(--boxes-background); + border-radius: 4px; + height: 100%; + padding: 26px; + box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13); + margin-bottom: 10px; +} + +.content-card-description { + color: var(--text); + font-size: 1rem; + line-height: 1.5; + font-weight: normal; + margin-top: 0; + margin-bottom: 26px; + max-width: 100%; +} + +.content-card-button { + color: var(--highlight); + border: 1px solid var(--highlight); + background: transparent; + display: inline-block; + text-align: center; + font-size: .867rem; + border-radius: 4px; + padding: .5rem 1.15rem; + text-decoration: none; + transition: all .2s; +} + +.content-card-button:hover { + background-color: var(--highlight); + color: #FFFFFF; + text-decoration: none; +} + + +/* KPI Card +========================================================================== */ + +@media screen and (min-width: 992px) { + .kpis-container { + display: flex; + justify-content: center; + } +} + +.kpi-card { + background-color: var(--boxes-background); + height: 100%; + padding: 39px; + border-radius: 4px; + box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + text-align: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; +} + +.kpi-icon { + color: var(--highlight); + color: var(--secondary-color); + font-size: 4rem; + margin-top: 0; + margin-bottom: 13px; + max-width: 100%; +} + +.kpi-title { + font-weight: normal; + color: var(--highlight); + font-size: 3.2rem; + margin-top: 0; + margin-bottom: 13px; + max-width: 100%; +} + +.kpi-unit { + font-size: 0.8em; + color: var(--secondary-color); +} + +.kpi-description { + color: var(--text); + font-size: 1rem; + line-height: 1.5; + font-weight: normal; + margin-top: 0; + margin-bottom: 0; + max-width: 100%; +} + + +/* Results and Map +========================================================================== */ + +.odswidget-map__map { + min-height: 550px; +} + +@media screen and (min-width: 991px) { + .col-md-5 { + padding-right: 0; + } + + .col-md-7 { + padding-left: 0; + } +} + + +.result-list { + list-style: none; + padding-left: 0; + margin-top: 0; + height: 550px; + overflow-y: auto; +} + +.result { + margin-bottom: 10px; + padding: 0 1rem 1rem 0; + border-bottom: 1px solid #DEE5EF; +} + +.result-img { + display: block; + height: 118px; + background-position: center; + background-size: cover; + background-repeat: no-repeat; + margin-bottom: 5px; +} + +.result-title { + color: var(--titles); + font-size: 1rem; + font-weight: bold; + margin-top: 0; + margin-bottom: 5px; +} + +.result-info { + list-style: none; + padding-left: 0; + margin-top: 0; + margin-bottom: 10px; + overflow-wrap: break-word; +} + +.result-info dt { + font-size: .9rem; + opacity: .9; +} + +.result-info dd { + margin-left: 0; + margin-bottom: 5px; +} diff --git a/public/page-templates/listing-page/2/html.inc b/public/page-templates/listing-page/2/html.inc new file mode 100644 index 000000000..2918e1d8e --- /dev/null +++ b/public/page-templates/listing-page/2/html.inc @@ -0,0 +1,173 @@ +
              + +
              +

              + Archives de la Planète - Paris +

              +
              + + +

              Extraction des images de Paris de la collection des Archives de la Planète, un ensemble d'images fixes et animées, réalisé au début du XXe siècle, consacré à la diversité des peuples et des cultures et conservé par le musée départemental Albert-Kahn.

              + + +
              +
              + +
              + +

              + {{ agg | number : 0 }} + +

              +

              + Nombre d'oeuvres référencées +

              +
              +
              +
              + + +
              +

              + Autochromes dans la capitale, par les opérateurs d'Albert Kahn +

              + +
              +

              + Utilisez les filtres ci-dessus pour affiner votre recherche. +

              + + +
              + + + +
              + + +
              +
              + +
              +
              + +
              +
              + +
              +
              +
              + Supprimer tous les filtres + +
              +
              +
              + +
              +
              +
                +
              • +
                +
                +
                +

                + {{ item.fields.legende_revisee }} +

                +
                +
                Sujets
                +
                {{item.fields.sujets}}
                +
                Procédé technique
                +
                {{item.fields.procede_technique}}
                +
                Date de prise de vue
                +
                {{item.fields.date_de_prise_de_vue}}
                +
                + + Télécharger la photo + +
                +
                • +
              +
              + +
              + + + + + +
              +
              +
              + Accéder aux données source +
              +               +
              diff --git a/public/page-templates/listing-page/index.html b/public/page-templates/listing-page/index.html new file mode 100644 index 000000000..0aa621bb5 --- /dev/null +++ b/public/page-templates/listing-page/index.html @@ -0,0 +1,4888 @@ + + + + + + Listing page – Codelibrary + + + + + + + + + + + + + + + + + + + + + + + + + +
              +
              +
              +
              +
              +
              +
              +
              +
              +
              + + +
              +
              + +
              +
              +

              Page Templates - Listing page

              +
              + +
              + +
              +

              + Listing page + + + + + +

              +
              +

              This template is an alternative to the automated Listing Generator. It offers more customization possibilities to advanced users who would like to add or remove items to this template, or reuse some blocks on another page.

              +
              +

              This ressource integrates the following widgets:

              +
              + +
              + + +
              + + + + + + + + + + + + + + + + + + + + +
              +
              + +
              +
              +
              +
              + +
              + + + + + +
              +
              + + + + +
              + +
              + +
              + +
              +

              + Map listing page + + + + + +

              +
              +

              This template is an alternative to the automated Map Listing Generator. It offers more customization possibilities to advanced users who would like to add or remove items to this template, or reuse some blocks on another page.

              +
              +

              This ressource integrates the following widgets:

              +
              + +
              + + +
              + + + + + + + + + + + + + + + + + + + + +
              +
              + +
              +
              +
              +
              + +
              + + + + + +
              +
              + + + + +
              + +
              + +
              + +
              +
              + +
              +
              + +
              + + + + + © Copyright 2026 + +
              + + + + + + + + diff --git a/public/page-templates/map-refine/2/html.inc b/public/page-templates/map-refine/2/html.inc index 3ae31186c..4367433f8 100644 --- a/public/page-templates/map-refine/2/html.inc +++ b/public/page-templates/map-refine/2/html.inc @@ -55,7 +55,7 @@
              diff --git a/public/page-templates/map-refine/index.html b/public/page-templates/map-refine/index.html index 0540d7601..e85bb833a 100644 --- a/public/page-templates/map-refine/index.html +++ b/public/page-templates/map-refine/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@
              - @@ -185,7 +202,7 @@
              • + href="https://codelibrary.huwize.com/"> Home
                • @@ -202,6 +219,54 @@ + + + + + + + + + + + + + + + + + + + + + +
              • + + Apps + + +
                • + + + + + + + + + + + + + + + + + + + + @@ -256,6 +321,9 @@ + + +
              • @@ -280,6 +348,9 @@ + + + @@ -329,6 +400,16 @@
                • +
              • + +
                + Dashboard with filters + + +
                +                 +
                • +
                • +
              • + +
                + Dataviz gallery page + + +
                +                 +
                • +
                • +
              • + +
                + Home page 4 with access cards + + +
                +                 +
                • + +
              • + +
                + Listing page + + +
                +                 +
                • +
                • @@ -560,51 +669,67 @@
                - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
                @@ -615,23 +740,23 @@
                -
                -

                Page Templates - Map & Refine

                -
                - -
                - -
                -

                - Use a map as a selector and display results on the side - - - - - -

                -
                -

                This template propose a 2 steps dynamic view. First you propose a map with clickable points or shapes.

                +
                +

                Page Templates - Map & Refine

                +
                + +
                + +
                +

                + Use a map as a selector and display results on the side + + + + + +

                +
                +

                This template propose a 2 steps dynamic view. First you propose a map with clickable points or shapes.

                • Global information are displayed on the side.
                • Then, the user clic on the map, it then open a drawer with specific information relative to the selection.
                  • @@ -640,10 +765,11 @@

                  - +

                + + +
                + @@ -655,6 +781,14 @@

                <div ng-app="ods-widgets"> @@ -981,8 +1119,10 @@

                -
                -

                + +
                +

                + Reuse example - Shanghai university ranking + + + + + +

                +
                +

                Pick a country to see it’s universtities Click on the chart icon to see it’s ranking evolution over years

                -
                - -
                - +
                + + +
                + @@ -1377,6 +1520,14 @@

                + + + + + + + +
                name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"shanghai,shanghaihistoric\"\n shanghai-dataset=\"shanghai-world-university-ranking\"\n shanghai-domain=\"userclub\"\n shanghaihistoric-dataset=\"shanghai-world-university-ranking\"\n shanghaihistoric-domain=\"userclub\"\n shanghaihistoric-parameters=\"{'sort':'year'}\"\u003e\n \u003cdiv class=\"ods-box\"\u003e\n \u003ch2\u003e\n Shanghai World University Ranking\n \u003c/h2\u003e\n \u003cdiv class=\"map-drawer-container\"\n ng-class=\"{\n 'map-drawer-container--active': shanghai.parameters['refine.country'],\n 'map-drawer-container--active-full': drawer.status}\"\n ng-init=\"drawer = {'status':false}\"\u003e\n \u003cdiv class=\"map-drawer-container__map\"\u003e\n \u003cdiv class=\"map-drawer-container__backdrop\"\n ng-click=\"shanghai.parameters['refine.country'] = undefined;\n shanghaihistoric.parameters['refine.university_namex'] = undefined;\n drawer.status = false\"\n ng-class=\"{'map-drawer-container__backdrop--active': shanghai.parameters['refine.country'] }\"\u003e\n \u003c/div\u003e\n \u003cods-map no-refit=\"false\"\n scroll-wheel-zoom=\"true\"\n display-control=\"false\"\n toolbar-fullscreen=\"false\"\n toolbar-drawing=\"false\"\n toolbar-geolocation=\"false\"\n location=\"2,33.39542,4.10444\"\u003e\n \u003cods-map-layer context=\"shanghai\"\n display=\"choropleth\"\n function=\"AVG\"\n expression=\"world_rank_int\"\n color-numeric-ranges=\"{'120':'#000000','175':'#2E3539','225':'#5D6A73','350':'#8C9FAD','500':'#BBD5E7'}\"\n color-undefined=\"#FFFFFF\"\n color-out-of-bounds=\"#FFFFFF\"\n color-numeric-range-min=\"1\"\n shape-opacity=\"0.9\"\n caption=\"false\"\n refine-on-click-context=\"[shanghai,shanghaihistoric]\"\n refine-on-click-shanghai-context-field=\"country\"\n refine-on-click-shanghai-map-field=\"country\"\n refine-on-click-shanghai-replace-refine=\"true\"\n refine-on-click-shanghaihistoric-context-field=\"country\"\n refine-on-click-shanghaihistoric-map-field=\"country\"\n refine-on-click-shanghaihistoric-replace-refine=\"true\"\u003e\n \u003c/ods-map-layer\u003e\n \u003c/ods-map\u003e\n \u003c/div\u003e\n \u003cdiv class=\"map-drawer-container__info\"\u003e\n \u003ch2\u003e\n Pick a country on the map\n \u003c/h2\u003e\n \u003c/div\u003e\n \u003cdiv class=\"map-drawer-container__drawer map-drawer-container__drawer__partial\"\u003e\n \u003cdiv class=\"map-drawer-container__drawer__close\"\n ng-click=\"shanghai.parameters['refine.country'] = undefined;\n shanghaihistoric.parameters['refine.university_namex'] = undefined;\n drawer.status = false\"\u003e\n \u003ci class=\"fa fa-times\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003ch2\u003e\n {{ shanghai.parameters['refine.country'] }} universities\n \u003c/h2\u003e\n \u003ch3\u003e\n sorted by average ranking\n \u003c/h3\u003e\n \u003cdiv ods-analysis=\"univs\"\n ods-analysis-context=\"shanghai\"\n ods-analysis-x=\"university_name\"\n ods-analysis-max=\"0\"\n ods-analysis-serie-agg=\"AVG(world_rank_int)\"\n ods-analysis-sort=\"-agg\"\u003e\n \u003cul\u003e\n \u003cli class=\"univ\"\u003e\n \u003cdiv class=\"univ-name\"\u003e\n University\n \u003c/div\u003e\n \u003cdiv class=\"univ-score\"\u003e\n Avg. rank\n \u003c/div\u003e\n \u003cdiv class=\"univ-seemore\"\u003e\n \u003ci class=\"fa fa-line-chart\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003cli ng-repeat=\"univ in univs.results\"\n class=\"univ\"\u003e\n \u003cdiv class=\"univ-name\"\n ng-class=\"{'univ-selected': shanghaihistoric.parameters['refine.university_name'] == univ.x}\"\u003e\n {{ univ.x }}\n \u003c/div\u003e\n \u003cdiv class=\"univ-score\"\u003e\n {{ univ.agg | number : 0 }}\n \u003c/div\u003e\n \u003cdiv class=\"univ-seemore\"\n ng-click=\"shanghaihistoric.parameters['refine.university_name'] = univ.x;\n drawer.status = true\"\u003e\n \u003ci class=\"fa fa-line-chart\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003c/li\u003e\n \u003c/ul\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"map-drawer-container__drawer map-drawer-container__drawer__full\"\u003e\n \u003ch2\u003e\n {{ shanghaihistoric.parameters['refine.university_name'] }} ({{\n shanghai.parameters['refine.country'] }})\n \u003c/h2\u003e\n \u003cods-chart timescale=\"year\" display-legend=\"false\" align-month=\"false\"\u003e\n \u003cods-chart-query context=\"shanghaihistoric\" field-x=\"year\" maxpoints=\"200\" timescale=\"year\"\u003e\n \u003cods-chart-serie expression-y=\"world_rank_int\" chart-type=\"column\" function-y=\"AVG\"\n label-y=\"Ranking range per year\" color=\"#142E7B\" display-units=\"true\"\n scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"shanghai,shanghaihistoric\"\n shanghai-dataset=\"shanghai-world-university-ranking\"\n shanghai-domain=\"userclub\"\n shanghaihistoric-dataset=\"shanghai-world-university-ranking\"\n shanghaihistoric-domain=\"userclub\"\n shanghaihistoric-parameters=\"{'sort':'year'}\"\u003e\n \u003cdiv class=\"ods-box\"\u003e\n \u003ch2\u003e\n Shanghai World University Ranking\n \u003c/h2\u003e\n \u003cdiv class=\"map-drawer-container\"\n ng-class=\"{\n 'map-drawer-container--active': shanghai.parameters['refine.country'],\n 'map-drawer-container--active-full': drawer.status}\"\n ng-init=\"drawer = {'status':false}\"\u003e\n \u003cdiv class=\"map-drawer-container__map\"\u003e\n \u003cdiv class=\"map-drawer-container__backdrop\"\n ng-click=\"shanghai.parameters['refine.country'] = undefined;\n shanghaihistoric.parameters['refine.university_namex'] = undefined;\n drawer.status = false\"\n ng-class=\"{'map-drawer-container__backdrop--active': shanghai.parameters['refine.country'] }\"\u003e\n \u003c/div\u003e\n \u003cods-map no-refit=\"false\"\n scroll-wheel-zoom=\"true\"\n display-control=\"false\"\n toolbar-fullscreen=\"false\"\n toolbar-drawing=\"false\"\n toolbar-geolocation=\"false\"\n location=\"2,33.39542,4.10444\"\u003e\n \u003cods-map-layer context=\"shanghai\"\n display=\"choropleth\"\n function=\"AVG\"\n expression=\"world_rank_int\"\n color-numeric-ranges=\"{'120':'#000000','175':'#2E3539','225':'#5D6A73','350':'#8C9FAD','500':'#BBD5E7'}\"\n color-undefined=\"#FFFFFF\"\n color-out-of-bounds=\"#FFFFFF\"\n color-numeric-range-min=\"1\"\n shape-opacity=\"0.9\"\n caption=\"false\"\n refine-on-click-context=\"[shanghai,shanghaihistoric]\"\n refine-on-click-shanghai-context-field=\"country\"\n refine-on-click-shanghai-map-field=\"country\"\n refine-on-click-shanghai-replace-refine=\"true\"\n refine-on-click-shanghaihistoric-context-field=\"country\"\n refine-on-click-shanghaihistoric-map-field=\"country\"\n refine-on-click-shanghaihistoric-replace-refine=\"true\"\u003e\n \u003c/ods-map-layer\u003e\n \u003c/ods-map\u003e\n \u003c/div\u003e\n \u003cdiv class=\"map-drawer-container__info\"\u003e\n \u003ch2\u003e\n Pick a country on the map\n \u003c/h2\u003e\n \u003c/div\u003e\n \u003cdiv class=\"map-drawer-container__drawer map-drawer-container__drawer__partial\"\u003e\n \u003cdiv class=\"map-drawer-container__drawer__close\"\n ng-click=\"shanghai.parameters['refine.country'] = undefined;\n shanghaihistoric.parameters['refine.university_name'] = undefined;\n drawer.status = false\"\u003e\n \u003ci class=\"fa fa-times\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003ch2\u003e\n {{ shanghai.parameters['refine.country'] }} universities\n \u003c/h2\u003e\n \u003ch3\u003e\n sorted by average ranking\n \u003c/h3\u003e\n \u003cdiv ods-analysis=\"univs\"\n ods-analysis-context=\"shanghai\"\n ods-analysis-x=\"university_name\"\n ods-analysis-max=\"0\"\n ods-analysis-serie-agg=\"AVG(world_rank_int)\"\n ods-analysis-sort=\"-agg\"\u003e\n \u003cul\u003e\n \u003cli class=\"univ\"\u003e\n \u003cdiv class=\"univ-name\"\u003e\n University\n \u003c/div\u003e\n \u003cdiv class=\"univ-score\"\u003e\n Avg. rank\n \u003c/div\u003e\n \u003cdiv class=\"univ-seemore\"\u003e\n \u003ci class=\"fa fa-line-chart\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003cli ng-repeat=\"univ in univs.results\"\n class=\"univ\"\u003e\n \u003cdiv class=\"univ-name\"\n ng-class=\"{'univ-selected': shanghaihistoric.parameters['refine.university_name'] == univ.x}\"\u003e\n {{ univ.x }}\n \u003c/div\u003e\n \u003cdiv class=\"univ-score\"\u003e\n {{ univ.agg | number : 0 }}\n \u003c/div\u003e\n \u003cdiv class=\"univ-seemore\"\n ng-click=\"shanghaihistoric.parameters['refine.university_name'] = univ.x;\n drawer.status = true\"\u003e\n \u003ci class=\"fa fa-line-chart\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003c/li\u003e\n \u003c/ul\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"map-drawer-container__drawer map-drawer-container__drawer__full\"\u003e\n \u003ch2\u003e\n {{ shanghaihistoric.parameters['refine.university_name'] }} ({{\n shanghai.parameters['refine.country'] }})\n \u003c/h2\u003e\n \u003cods-chart timescale=\"year\" display-legend=\"false\" align-month=\"false\"\u003e\n \u003cods-chart-query context=\"shanghaihistoric\" field-x=\"year\" maxpoints=\"200\" timescale=\"year\"\u003e\n \u003cods-chart-serie expression-y=\"world_rank_int\" chart-type=\"column\" function-y=\"AVG\"\n label-y=\"Ranking range per year\" color=\"#142E7B\" display-units=\"true\"\n scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", "css": "/* Tempalte maprefine */\n:root {\n --drawer-width: 320px;\n --map-width: calc(100% - var(--drawer-width));\n --backdrop-width-when-modal-active: 75px;\n --drawer-background-color: white;\n}\n.map-drawer-container {\n display: flex;\n position: relative;\n overflow: hidden;\n}\n.map-drawer-container__map {\n position:relative;\n width: var(--map-width);\n}\n.map-drawer-container__info {\n width: var(--drawer-width);\n}\n/* BACKDROP (black screen when modal active) */\n.map-drawer-container__backdrop {\n visibility: hidden;\n opacity: 0;\n position: absolute;\n height: 100%;\n width: 100%;\n z-index: 9;\n background-color: #000;\n cursor: default;\n -webkit-transition: visibility .5s,opacity .5s;\n transition: visibility .5s,opacity .5s;\n}\n.map-drawer-container__backdrop--active {\n visibility: visible;\n opacity: .45; /* make a more or less darker backdrop, 1:totally dark, 0:totally transparent (invisibile) */\n}\n.map-drawer-container__drawer {\n position: absolute;\n top: 0;\n bottom: 0;\n background-color: var(--drawer-background-color);\n transition: 0.3s;\n}\n.map-drawer-container__drawer__partial {\n right: calc(-1 * var(--drawer-width));\n width: var(--drawer-width);\n z-index: 11;\n}\n.map-drawer-container__drawer__full {\n right: calc(-1 * var(--map-width));\n width: calc(var(--map-width) - var(--backdrop-width-when-modal-active));\n z-index: 10;\n}\n.map-drawer-container__drawer__close {\n position: absolute;\n top: 0px;\n right: 8px;\n font-size: 1.5em;\n}\n/* active state partial drawer */\n.map-drawer-container--active .map-drawer-container__drawer__partial {\n right: 0;\n}\n/* active state full drawer */\n.map-drawer-container--active-full .map-drawer-container__drawer__full {\n right: var(--drawer-width);\n}\n/* Example specific */\n.odswidget.odswidget-map {\n height: 500px;\n}\n.map-drawer-container__info {\n background-color: #f8f8f8;\n padding: 5px 10px;\n}\n.app h2, .map-drawer-container__drawer h2, .map-drawer-container__info h2 {\n font-weight: 300;\n color: black;\n text-align: center;\n}\n.map-drawer-container__drawer {\n padding: 5px 10px;\n}\n.map-drawer-container__drawer h3 {\n font-weight: 100;\n color: black;\n margin-top: 0px;\n text-align: center;\n}\nul {\n list-style: none;\n position: relative;\n padding: 0;\n overflow: auto;\n}\nli.univ {\n display: flex;\n justify-content: space-between;\n margin: 3px 0px;\n}\nli.univ:first-child {\n border-bottom: 1px solid;\n font-weight: 200;\n}\n.univ-name {\n width: 100%;\n font-weight: 100;\n margin-left: 5px;\n}\n.univ-score {\n margin: 0 5px;\n font-weight: 600;\n}\nli.univ:first-child .univ-score {\n width: 100%;\n text-align: right;\n}\n.univ-selected {\n border-left: 3px solid;\n padding-left: 2px;\n margin-left: 0;\n}\n \n" }'> @@ -1400,7 +1551,8 @@

                width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -1444,6 +1596,7 @@

                const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -1554,7 +1707,9 @@

                $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                <div ng-app="ods-widgets"> @@ -1615,7 +1770,7 @@

                <div class="map-drawer-container__drawer map-drawer-container__drawer__partial"> <div class="map-drawer-container__drawer__close" ng-click="shanghai.parameters['refine.country'] = undefined; - shanghaihistoric.parameters['refine.university_namex'] = undefined; + shanghaihistoric.parameters['refine.university_name'] = undefined; drawer.status = false"> <i class="fa fa-times"></i> </div> @@ -1807,8 +1962,16 @@

                "> -
                - + +

                -

                - -
                +
                + +
                + +

              - - + - © Copyright 2020 + © Copyright 2026
              @@ -2411,7 +2616,7 @@

              diff --git a/public/page-templates/monitoring-dashboard/1/html.inc b/public/page-templates/monitoring-dashboard/1/html.inc index 643244713..9834c5daa 100644 --- a/public/page-templates/monitoring-dashboard/1/html.inc +++ b/public/page-templates/monitoring-dashboard/1/html.inc @@ -57,7 +57,7 @@

              Portal's activity.

              -

              Count of daily API calls from {{ startDate|date:longDate }} to {{ endDate|date:longDate }}. See full activity log. +

              Count of daily API calls from {{ startDate|date:longDate }} to {{ endDate|date:longDate }}. See full activity log.

              @@ -79,9 +79,24 @@ Number of exports

              Daily number of full dataset download, in any format.

              - - - + + + diff --git a/public/page-templates/monitoring-dashboard/index.html b/public/page-templates/monitoring-dashboard/index.html index 0cc664901..881400c3a 100644 --- a/public/page-templates/monitoring-dashboard/index.html +++ b/public/page-templates/monitoring-dashboard/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@ - @@ -179,7 +196,7 @@
              • + href="https://codelibrary.huwize.com/"> Home
                • @@ -196,6 +213,54 @@ + + + + + + + + + + + + + + + + + + + + + +
              • + + Apps + + +
                • + + + + + + + + + + + + + + + + + + + + @@ -250,6 +315,9 @@ + + +
              • @@ -274,6 +342,9 @@ + + + @@ -323,6 +394,16 @@
                • +
              • + +
                + Dashboard with filters + + +
                +                 +
                • +
                • +
              • + +
                + Dataviz gallery page + + +
                +                 +
                • +
                • +
              • + +
                + Home page 4 with access cards + + +
                +                 +
                • + +
              • + +
                + Listing page + + +
                +                 +
                • +
                • @@ -554,51 +663,67 @@
                - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
                @@ -609,31 +734,32 @@
                -
                -

                Page Templates - Monitoring Dashboard

                -
                -

                This dashboard presents the main informations from the monitoring dataset. See the full documentation about the monitoring dataset. +

                +

                Page Templates - Monitoring Dashboard

                +
                +

                This dashboard presents the main figures from the monitoring dataset. See the full documentation about the monitoring dataset. See themed versions of this dashboard here.

                -

                Note: Since monitoring data are private, we use a dummy dataset in these exemple.

                - -
                - -
                -

                - Blank - - - - - -

                -
                -

                A basic version without color theming that use vanilla widgets. The widgets can be configured normally, but cannot be theme.

                +

                Note: Since monitoring data are private, we use a dummy dataset in this example.

                -
                - -
                +
                +
                +

                + Blank + + + + + +

                +
                +

                A basic version without color theming that use vanilla widgets. The widgets can be configured normally, but cannot be theme.

                + +
                + + +
                + @@ -645,6 +771,14 @@

                + + + + + + + +
                name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv ods-datetime=\"now\"\u003e\n \u003cods-dataset-context context=\"stats\"\n stats-dataset=\"ods-api-monitoring\"\n stats-source=\"monitoring\"\n stats-parameters=\"{'disjunctive.dataset_id':true}\"\n \u003e\n \u003cdiv class=\"container\"\u003e\n \u003csection\u003e\n \u003ch1 class=\"title\"\u003e\n Company Data Hub's Analytics\n \u003c/h1\u003e\n \u003cp\u003eDISCLAIMER Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi sint, sequi ratione esse, officiis, aliquam quaerat perferendis mollitia laborum cumque molestiae aspernatur.\u003c/p\u003e\n \u003cp \u003e\n These Analytics are based on usages made on \u003ca href=\"/explore\" target=\"_blank\"\u003eCompany's\u003c/a\u003e data portal. Contact \u003ca href=mailto:admin@mycompany.com class=\"link_color\"\u003eAdmin\u003c/a\u003e for any additional questions.\n \u003c/p\u003e\n\n \u003c/section\u003e\n \u003cnav class=\"row row-sticky\"\u003e\n \u003cdiv class=\"menu z-depth-2\"\u003e\n \u003cdiv class=\"filter\"\u003e\n \u003cdiv ods-facet-results=\"items\"\n ods-facet-results-context=\"stats\"\n ods-facet-results-facet-name=\"dataset_id\"\n ods-facet-results-sort=\"alphanum\"\n \u003e\n \u003cods-select placeholder=\"Dataset\"\n selected-values=\"stats.parameters['refine.dataset_id']\"\n multiple=\"false\"\n options=\"items\"\n label-modifier=\"name\"\n value-modifier=\"name\"\n \u003e\n \u003c/ods-select\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"filter\"\u003e\n \u003cods-timerange context=\"stats\"\n date-format=\"DD MMM YYYY\"\n precision=\"day\"\n default-from=\"{{ (now|momentadd:'months':-3)|moment:'YYYY-MM-DD' }}\"\n default-to=\"{{ now|moment:'YYYY-MM-DD' }}\"\n stats-time-field=\"timestamp\"\n download-time-field=\"timestamp\"\n searchnoresult-time-field=\"timestamp\"\n queryresult-time-field=\"timestamp\"\n users-time-field=\"timestamp\"\n from=\"startDate\"\n to=\"endDate\"\n \u003e\n \u003c/ods-timerange\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/nav\u003e\n \u003csection class=\"row\"\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003cdiv class=\"card z-depth-1\"\u003e\n \u003ch2 class=\"title\"\u003e\n Portal's activity.\n \u003c/h2\u003e\n \u003cp class=\"subtitle\"\u003eCount of daily API calls from {{ startDate|date:longDate }} to {{ endDate|date:longDate }}. See full \u003ca href=\"/explore/dataset/ods-api-monitoring/?source=monitoring\u0026disjunctive.dataset_id\"\u003e activity log.\u003c/a\u003e\n \u003c/p\u003e\n\n \u003cods-chart timescale=\"day\" single-y-axis=\"true\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"stats\" field-x=\"timestamp\" maxpoints=\"0\" timescale=\"day\"\u003e\n \u003cods-chart-serie expression-y=\"size_res\" chart-type=\"areaspline\" function-y=\"COUNT\" color=\"#26ADFF\" label-y=\"Count API calls\" scientific-display=\"true\" display-values=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003cods-dataset-context context=\"download\"\n download-dataset=\"ods-api-monitoring\"\n download-source=\"monitoring\"\n download-parameters=\"{'refine.action': 'download'}\"\n \u003e\n \u003cdiv class=\"card z-depth-1\"\u003e\n \u003ch2 class=\"title\"\u003e\n Number of exports\n \u003c/h2\u003e\n \u003cp class=\"subtitle\"\u003eDaily number of full dataset download, in any format.\u003c/p\u003e\n \u003cods-chart timescale=\"day\" single-y-axis=\"true\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"download\" field-x=\"timestamp\" maxpoints=\"0\" timescale=\"day\"\u003e\n \u003cods-chart-serie expression-y=\"size_res\" chart-type=\"areaspline\" function-y=\"COUNT\" color=\"#26ADFF\" label-y=\"Count exports\" scientific-display=\"true\" display-values=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003csection class=\"row\"\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003cdiv class=\"card z-depth-1\"\u003e\n \u003ch2 class=\"title\"\u003e\n Users ranked by API calls\n \u003c/h2\u003e\n \u003cp class=\"subtitle\"\u003eMost active users by sum of all API calls, regardless of the nature of the call.\u003c/p\u003e\n \u003cods-chart\u003e\n \u003cods-chart-query context=\"stats\" field-x=\"user_id\" maxpoints=\"10\" sort=\"serie1-1\" display-legend=\"true\"\u003e\n \u003cods-chart-serie chart-type=\"pie\" function-y=\"COUNT\" scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003cods-dataset-context context=\"download\"\n download-dataset=\"ods-api-monitoring\"\n download-source=\"monitoring\"\n download-parameters=\"{'refine.action': 'download'}\"\n \u003e\n {{ download.parameters['q.timerange'] = stats.parameters['q.timerange'] ; '' }}\n {{ download.parameters['refine.dataset_id'] = stats.parameters['refine.dataset_id'] ; '' }}\n \u003cdiv class=\"card z-depth-1\"\u003e\n \u003ch2 class=\"title\" \u003e\n Users ranked by download count\n \u003c/h2\u003e\n \u003cp class=\"subtitle\"\u003eMost active users only on the download action.\u003c/p\u003e\n \u003cods-chart\u003e\n \u003cods-chart-query context=\"download\" field-x=\"user_id\" maxpoints=\"10\" sort=\"serie1-1\" display-legend=\"true\"\u003e\n \u003cods-chart-serie chart-type=\"pie\" function-y=\"COUNT\" scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003csection class=\"row\"\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003cods-dataset-context context=\"noresults\"\n noresults-dataset=\"ods-api-monitoring\"\n noresults-source=\"monitoring\"\n noresults-parameters=\"{'q':'nhits=0'}\"\n \u003e\n {{ noresults.parameters['q.timerange'] = stats.parameters['q.timerange'] ; '' }}\n {{ noresults.parameters['refine.dataset_id'] = stats.parameters['refine.dataset_id'] ; '' }}\n \u003cdiv class=\"card z-depth-1\"\u003e\n \u003ch2 class=\"title\"\u003e\n Text searches leading to no result\n \u003c/h2\u003e\n \u003ctable class=\"data-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003e Rank \u003c/th\u003e\n \u003cth\u003eRequest\u003c/th\u003e\n \u003cth\u003eOccurrences\u003c/th\u003e\n \u003c/tr\u003e\n \u003c/thead\u003e\n \u003ctbody\u003e\n \u003ctr ods-facet-results=\"emptyqueriesopen\"\n ods-facet-results-context=\"noresults\"\n ods-facet-results-facet-name=\"query_text\"\n ng-repeat=\"(i,emptyquery) in emptyqueriesopen.slice(0,9)\"\n ng-show=\"emptyquery.count\u003e5\"\n \u003e\n\n \u003ctd style=\"text-align:center;\"\u003e{{ i+1 }}\u003c/td\u003e\n \u003ctd style=\"width: 100%\"\u003e{{ emptyquery.name }}\u003c/td\u003e\n \u003ctd\u003e{{ emptyquery.count }}\u003c/td\u003e\n \u003c/tr\u003e\n \u003c/tbody\u003e\n \u003c/table\u003e\n \u003c/div\u003e\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003cods-dataset-context context=\"queries\"\n queries-dataset=\"ods-api-monitoring\"\n queries-source=\"monitoring\"\n queries-parameters=\"{'q':'NOT #null(query_text)'}\"\n \u003e\n {{ queries.parameters['q.timerange'] = stats.parameters['q.timerange'] ; '' }}\n {{ queries.parameters['refine.dataset_id'] = stats.parameters['refine.dataset_id'] ; '' }}\n \u003cdiv class=\"card z-depth-1\"\u003e\n \u003ch2 class=\"title\"\u003e\n Most frequent queries\n \u003c/h2\u003e\n \u003ctable class=\"data-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003e Rank \u003c/th\u003e\n \u003cth\u003eRequest\u003c/th\u003e\n \u003cth\u003eOccurrences\u003c/th\u003e\n \u003c/tr\u003e\n \u003c/thead\u003e\n \u003ctbody\u003e\n \u003ctr ods-facet-results=\"frequentqueries\"\n ods-facet-results-context=\"queries\"\n ods-facet-results-facet-name=\"query_text\"\n ng-repeat=\"(i,query) in frequentqueries.slice(0,10)\"\n ng-show=\"query.count\u003e5\"\n \u003e\n \u003ctd style=\"text-align:center;\"\u003e{{ i+1 }}\u003c/td\u003e\n \u003ctd style=\"width: 100%\"\u003e{{ query.name }}\u003c/td\u003e\n \u003ctd\u003e{{ query.count }}\u003c/td\u003e\n \u003c/tr\u003e\n \u003c/tbody\u003e\n \u003c/table\u003e\n \u003c/div\u003e\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003csection class=\"row\"\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003cdiv class=\"card z-depth-1\"\u003e\n \u003ch2 class=\"title\" \u003e\n Most active pages\n \u003c/h2\u003e\n \u003cp\u003e\u003c/p\u003e\n \u003cods-chart\u003e\n \u003cods-chart-query context=\"stats\" field-x=\"attributes\" maxpoints=\"7\" sort=\"serie1-1\"\u003e\n \u003cods-chart-serie chart-type=\"bar\" function-y=\"COUNT\" color=\"#26ADFF\" label-y=\"Sum of API calls\" scientific-display=\"true\" display-values=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003cdiv class=\"card z-depth-1\"\u003e\n \u003ch2 class=\"title\"\u003e\n Popular actions\n \u003c/h2\u003e\n \u003cods-chart single-y-axis=\"true\" align-month=\"true\" labels-x-length=\"15\"\u003e\n \u003cods-chart-query context=\"stats\" field-x=\"action\" maxpoints=\"6\" sort=\"serie1-1\" \u003e\n \u003cods-chart-serie chart-type=\"bar\" function-y=\"COUNT\" color=\"#26ADFF\" label-y=\"Sum of API calls\" scientific-display=\"true\" display-values=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003csection class=\"row\"\u003e\n \u003cdiv class=\"col-md-12\"\u003e\n \u003cdiv class=\"card z-depth-1\"\u003e\n \u003ch2 class=\"title\" \u003e\n Origin of users on Company's Data Hub\n \u003c/h2\u003e\n \u003cods-map scroll-wheel-zoom=\"false\"\n location=\"5,47.27923,2.94434\"\n basemap=\"jawg.light\"\n toolbar-geolocation=\"false\"\n toolbar-drawing=\"true\"\n toolbar-fullscreen=\"true\"\n search-box=\"false\"\n display-control=\"false\"\n display-control-single-layer=\"true\"\n \u003e\n \u003cods-map-layer-group\u003e\n \u003cods-map-layer context=\"stats\" color=\"#26ADFF\" picto=\"ods-circle\" show-marker=\"true\" display=\"auto\" shape-opacity=\"0.5\" point-opacity=\"1\" border-color=\"#FFFFFF\" border-opacity=\"1\" border-size=\"1\" border-pattern=\"solid\" caption=\"false\" caption-picto-color=\"#f2cb46\" title=\"Company Data Hub\" size=\"4\" size-min=\"3\" size-max=\"5\" size-function=\"linear\"\u003e\u003c/ods-map-layer\u003e\n \u003c/ods-map-layer-group\u003e\n \u003c/ods-map\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003c/div\u003e\n \u003c/ods-dataset-context\u003e\n\u003c/div\u003e\n\u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv ods-datetime=\"now\"\u003e\n \u003cods-dataset-context context=\"stats\"\n stats-dataset=\"ods-api-monitoring\"\n stats-source=\"monitoring\"\n stats-parameters=\"{'disjunctive.dataset_id':true}\"\n \u003e\n \u003cdiv class=\"container\"\u003e\n \u003csection\u003e\n \u003ch1 class=\"title\"\u003e\n Company Data Hub's Analytics\n \u003c/h1\u003e\n \u003cp\u003eDISCLAIMER Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi sint, sequi ratione esse, officiis, aliquam quaerat perferendis mollitia laborum cumque molestiae aspernatur.\u003c/p\u003e\n \u003cp \u003e\n These Analytics are based on usages made on \u003ca href=\"/explore\" target=\"_blank\"\u003eCompany's\u003c/a\u003e data portal. Contact \u003ca href=mailto:admin@mycompany.com class=\"link_color\"\u003eAdmin\u003c/a\u003e for any additional questions.\n \u003c/p\u003e\n\n \u003c/section\u003e\n \u003cnav class=\"row row-sticky\"\u003e\n \u003cdiv class=\"menu z-depth-2\"\u003e\n \u003cdiv class=\"filter\"\u003e\n \u003cdiv ods-facet-results=\"items\"\n ods-facet-results-context=\"stats\"\n ods-facet-results-facet-name=\"dataset_id\"\n ods-facet-results-sort=\"alphanum\"\n \u003e\n \u003cods-select placeholder=\"Dataset\"\n selected-values=\"stats.parameters['refine.dataset_id']\"\n multiple=\"false\"\n options=\"items\"\n label-modifier=\"name\"\n value-modifier=\"name\"\n \u003e\n \u003c/ods-select\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"filter\"\u003e\n \u003cods-timerange context=\"stats\"\n date-format=\"DD MMM YYYY\"\n precision=\"day\"\n default-from=\"{{ (now|momentadd:'months':-3)|moment:'YYYY-MM-DD' }}\"\n default-to=\"{{ now|moment:'YYYY-MM-DD' }}\"\n stats-time-field=\"timestamp\"\n download-time-field=\"timestamp\"\n searchnoresult-time-field=\"timestamp\"\n queryresult-time-field=\"timestamp\"\n users-time-field=\"timestamp\"\n from=\"startDate\"\n to=\"endDate\"\n \u003e\n \u003c/ods-timerange\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/nav\u003e\n \u003csection class=\"row\"\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003cdiv class=\"card z-depth-1\"\u003e\n \u003ch2 class=\"title\"\u003e\n Portal's activity.\n \u003c/h2\u003e\n \u003cp class=\"subtitle\"\u003eCount of daily API calls from {{ startDate|date:longDate }} to {{ endDate|date:longDate }}. See full \u003ca href=\"/explore/dataset/ods-api-monitoring/?source=monitoring\u0026disjunctive.dataset_id\"\u003e activity log.\u003c/a\u003e\n \u003c/p\u003e\n\n \u003cods-chart timescale=\"day\" single-y-axis=\"true\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"stats\" field-x=\"timestamp\" maxpoints=\"0\" timescale=\"day\"\u003e\n \u003cods-chart-serie expression-y=\"size_res\" chart-type=\"areaspline\" function-y=\"COUNT\" color=\"#26ADFF\" label-y=\"Count API calls\" scientific-display=\"true\" display-values=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003cods-dataset-context context=\"download\"\n download-dataset=\"ods-api-monitoring\"\n download-source=\"monitoring\"\n download-parameters=\"{'refine.action': 'download'}\"\n \u003e\n \u003cdiv class=\"card z-depth-1\"\u003e\n \u003ch2 class=\"title\"\u003e\n Number of exports\n \u003c/h2\u003e\n \u003cp class=\"subtitle\"\u003eDaily number of full dataset download, in any format.\u003c/p\u003e\n \u003cods-chart timescale=\"day\"\n single-y-axis=\"true\"\n align-month=\"true\"\n label-x=\"Automated download (bot)?\"\u003e\n \u003cods-chart-query context=\"download\"\n field-x=\"timestamp\"\n maxpoints=\"0\"\n timescale=\"day\"\n series-breakdown=\"bot\"\n category-colors=\"{'TRUE':'#26ADFF', 'FALSE':'#142E7B'}\"\n display-legend=\"true\"\u003e\n \u003cods-chart-serie expression-y=\"size_res\"\n chart-type=\"spline\"\n colors=\"'range-custom'\"\n function-y=\"COUNT\"\n label-y=\"Count exports\"\n scientific-display=\"true\"\n display-values=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003csection class=\"row\"\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003cdiv class=\"card z-depth-1\"\u003e\n \u003ch2 class=\"title\"\u003e\n Users ranked by API calls\n \u003c/h2\u003e\n \u003cp class=\"subtitle\"\u003eMost active users by sum of all API calls, regardless of the nature of the call.\u003c/p\u003e\n \u003cods-chart\u003e\n \u003cods-chart-query context=\"stats\" field-x=\"user_id\" maxpoints=\"10\" sort=\"serie1-1\" display-legend=\"true\"\u003e\n \u003cods-chart-serie chart-type=\"pie\" function-y=\"COUNT\" scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003cods-dataset-context context=\"download\"\n download-dataset=\"ods-api-monitoring\"\n download-source=\"monitoring\"\n download-parameters=\"{'refine.action': 'download'}\"\n \u003e\n {{ download.parameters['q.timerange'] = stats.parameters['q.timerange'] ; '' }}\n {{ download.parameters['refine.dataset_id'] = stats.parameters['refine.dataset_id'] ; '' }}\n \u003cdiv class=\"card z-depth-1\"\u003e\n \u003ch2 class=\"title\" \u003e\n Users ranked by download count\n \u003c/h2\u003e\n \u003cp class=\"subtitle\"\u003eMost active users only on the download action.\u003c/p\u003e\n \u003cods-chart\u003e\n \u003cods-chart-query context=\"download\" field-x=\"user_id\" maxpoints=\"10\" sort=\"serie1-1\" display-legend=\"true\"\u003e\n \u003cods-chart-serie chart-type=\"pie\" function-y=\"COUNT\" scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003csection class=\"row\"\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003cods-dataset-context context=\"noresults\"\n noresults-dataset=\"ods-api-monitoring\"\n noresults-source=\"monitoring\"\n noresults-parameters=\"{'q':'nhits=0'}\"\n \u003e\n {{ noresults.parameters['q.timerange'] = stats.parameters['q.timerange'] ; '' }}\n {{ noresults.parameters['refine.dataset_id'] = stats.parameters['refine.dataset_id'] ; '' }}\n \u003cdiv class=\"card z-depth-1\"\u003e\n \u003ch2 class=\"title\"\u003e\n Text searches leading to no result\n \u003c/h2\u003e\n \u003ctable class=\"data-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003e Rank \u003c/th\u003e\n \u003cth\u003eRequest\u003c/th\u003e\n \u003cth\u003eOccurrences\u003c/th\u003e\n \u003c/tr\u003e\n \u003c/thead\u003e\n \u003ctbody\u003e\n \u003ctr ods-facet-results=\"emptyqueriesopen\"\n ods-facet-results-context=\"noresults\"\n ods-facet-results-facet-name=\"query_text\"\n ng-repeat=\"(i,emptyquery) in emptyqueriesopen.slice(0,9)\"\n ng-show=\"emptyquery.count\u003e5\"\n \u003e\n\n \u003ctd style=\"text-align:center;\"\u003e{{ i+1 }}\u003c/td\u003e\n \u003ctd style=\"width: 100%\"\u003e{{ emptyquery.name }}\u003c/td\u003e\n \u003ctd\u003e{{ emptyquery.count }}\u003c/td\u003e\n \u003c/tr\u003e\n \u003c/tbody\u003e\n \u003c/table\u003e\n \u003c/div\u003e\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003cods-dataset-context context=\"queries\"\n queries-dataset=\"ods-api-monitoring\"\n queries-source=\"monitoring\"\n queries-parameters=\"{'q':'NOT #null(query_text)'}\"\n \u003e\n {{ queries.parameters['q.timerange'] = stats.parameters['q.timerange'] ; '' }}\n {{ queries.parameters['refine.dataset_id'] = stats.parameters['refine.dataset_id'] ; '' }}\n \u003cdiv class=\"card z-depth-1\"\u003e\n \u003ch2 class=\"title\"\u003e\n Most frequent queries\n \u003c/h2\u003e\n \u003ctable class=\"data-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003e Rank \u003c/th\u003e\n \u003cth\u003eRequest\u003c/th\u003e\n \u003cth\u003eOccurrences\u003c/th\u003e\n \u003c/tr\u003e\n \u003c/thead\u003e\n \u003ctbody\u003e\n \u003ctr ods-facet-results=\"frequentqueries\"\n ods-facet-results-context=\"queries\"\n ods-facet-results-facet-name=\"query_text\"\n ng-repeat=\"(i,query) in frequentqueries.slice(0,10)\"\n ng-show=\"query.count\u003e5\"\n \u003e\n \u003ctd style=\"text-align:center;\"\u003e{{ i+1 }}\u003c/td\u003e\n \u003ctd style=\"width: 100%\"\u003e{{ query.name }}\u003c/td\u003e\n \u003ctd\u003e{{ query.count }}\u003c/td\u003e\n \u003c/tr\u003e\n \u003c/tbody\u003e\n \u003c/table\u003e\n \u003c/div\u003e\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003csection class=\"row\"\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003cdiv class=\"card z-depth-1\"\u003e\n \u003ch2 class=\"title\" \u003e\n Most active pages\n \u003c/h2\u003e\n \u003cp\u003e\u003c/p\u003e\n \u003cods-chart\u003e\n \u003cods-chart-query context=\"stats\" field-x=\"attributes\" maxpoints=\"7\" sort=\"serie1-1\"\u003e\n \u003cods-chart-serie chart-type=\"bar\" function-y=\"COUNT\" color=\"#26ADFF\" label-y=\"Sum of API calls\" scientific-display=\"true\" display-values=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003cdiv class=\"card z-depth-1\"\u003e\n \u003ch2 class=\"title\"\u003e\n Popular actions\n \u003c/h2\u003e\n \u003cods-chart single-y-axis=\"true\" align-month=\"true\" labels-x-length=\"15\"\u003e\n \u003cods-chart-query context=\"stats\" field-x=\"action\" maxpoints=\"6\" sort=\"serie1-1\" \u003e\n \u003cods-chart-serie chart-type=\"bar\" function-y=\"COUNT\" color=\"#26ADFF\" label-y=\"Sum of API calls\" scientific-display=\"true\" display-values=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003csection class=\"row\"\u003e\n \u003cdiv class=\"col-md-12\"\u003e\n \u003cdiv class=\"card z-depth-1\"\u003e\n \u003ch2 class=\"title\" \u003e\n Origin of users on Company's Data Hub\n \u003c/h2\u003e\n \u003cods-map scroll-wheel-zoom=\"false\"\n location=\"5,47.27923,2.94434\"\n basemap=\"jawg.light\"\n toolbar-geolocation=\"false\"\n toolbar-drawing=\"true\"\n toolbar-fullscreen=\"true\"\n search-box=\"false\"\n display-control=\"false\"\n display-control-single-layer=\"true\"\n \u003e\n \u003cods-map-layer-group\u003e\n \u003cods-map-layer context=\"stats\" color=\"#26ADFF\" picto=\"ods-circle\" show-marker=\"true\" display=\"auto\" shape-opacity=\"0.5\" point-opacity=\"1\" border-color=\"#FFFFFF\" border-opacity=\"1\" border-size=\"1\" border-pattern=\"solid\" caption=\"false\" caption-picto-color=\"#f2cb46\" title=\"Company Data Hub\" size=\"4\" size-min=\"3\" size-max=\"5\" size-function=\"linear\"\u003e\u003c/ods-map-layer\u003e\n \u003c/ods-map-layer-group\u003e\n \u003c/ods-map\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003c/div\u003e\n \u003c/ods-dataset-context\u003e\n\u003c/div\u003e\n\u003c/div\u003e", "css": "/* Import des autres stylesheets css*/\nbody {\n background-color: #ffffff;\n}\n\n@media screen and (max-width: 992px) {\n body {\n padding: 0;\n }\n}\n\n/* ODS Over-ride */\n.row \u003e *:first-child {\n margin-left: 0;\n}\n\n.row \u003e *:last-child {\n margin-right: 0;\n}\n\n.row {\n display: flex;\n justify-content: center;\n}\n\n@media screen and (max-width: 992px) {\n .row {\n flex-direction: column;\n }\n\n .row \u003e *:not(:last-child) {\n margin-bottom: 16px;\n }\n}\n\n.odswidget-charts {\n margin: 0 -12px;\n}\n\n/* Utilities */\n.z-depth-1 {\n z-index: 1;\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),\n 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);\n}\n\n.z-depth-2 {\n z-index: 2;\n box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12),\n 0 2px 4px -1px rgba(0, 0, 0, 0.3);\n}\n\n.row-sticky {\n position: sticky;\n top: 0;\n z-index: 20;\n}\n\n/* Elements */\nsection {\n padding: 0 16px;\n margin: 16px 0;\n}\n\n.title {\n margin-bottom: 1em;\n}\n\n.subtitle {\n margin-top: -1em;\n}\n\nh1.title {\n font-size: 2.25rem;\n}\n\nh2.title {\n font-size: 1.5rem;\n}\n\nh5.subtitle {\n font-size: 1.25rem;\n font-weight: 600;\n margin: 0;\n}\n\n/* Components */\n\n.menu {\n display: flex;\n justify-content: center;\n align-items: stretch;\n background: white;\n border-radius: 999px;\n padding: 0 16px;\n margin-top: 16px;\n}\n\n@media screen and (max-width: 768px) {\n .menu {\n flex-direction: column;\n width: 100%;\n border-radius: 0;\n margin: 0;\n padding: 0;\n }\n}\n\n.filter {\n display: flex;\n flex: 1 1;\n align-items: center;\n justify-content: flex-end;\n padding: 8px;\n}\n\n.filter:not(:last-child) {\n border-right: 1px solid lightgray;\n}\n\n.filter .odswidget-select {\n min-width: 220px;\n}\n\n.filter \u003e *:not(:last-child) {\n margin-right: 8px;\n}\n\n.filter .odswidget-timerange {\n display: flex;\n}\n\n.filter .odswidget-timerange__to,\n.filter .odswidget-timerange__from {\n display: flex;\n justify-content: space-between;\n margin-right: 16px;\n}\n\n.filter .odswidget-timerange__label {\n margin-right: 8px;\n}\n\n.filter .odswidget-select-button:hover {\n /*! border: 1px solid #33629C; */\n}\n\n.filter .odswidget-select-button,\n.filter .odswidget-select-input {\n padding: 8px;\n border: none;\n background: transparent;\n}\n\n.filter .odswidget-select-button:hover {\n border: none;\n}\n\n.filter .odswidget-timerange__input {\n border: none;\n border-bottom: 1px solid lightgrey;\n}\n\n.filter .odswidget-select-dropdown-menu {\n top: 32px;\n}\n\n.filter .odswidget-select-input-container {\n border: none;\n}\n\n@media screen and (max-width: 768px) {\n .filter {\n justify-content: center;\n }\n\n .filter .odswidget-timerange {\n flex-direction: column;\n }\n\n .filter .odswidget-timerange__from {\n margin-bottom: 2em;\n }\n\n .filter:not(:last-child) {\n width: 100%;\n border-right: none;\n border-bottom: 1px solid lightgray;\n }\n}\n\n.card {\n border-radius: 4px;\n padding: 16px;\n height: 100%;\n}\n\n.data-table {\n width: 100%;\n}\n\n.data-table th {\n background-color: #f2f3f8;\n padding: 8px;\n color: #142e7b;\n font-weight: 300;\n white-space: nowrap;\n}\n\n.data-table td a {\n font-weight: 300;\n}\n\n.data-table td {\n padding: 8px;\n max-width: 265px;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.data-table tr {\n border-top: 1px solid #dee5ef;\n}\n\n.data-table tbody tr:nth-child(-n + 3) * {\n font-weight: 500;\n}\n" }'>
                @@ -668,7 +802,8 @@

                width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -712,6 +847,7 @@

                const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -822,7 +958,9 @@

                $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                <div ng-app="ods-widgets"> @@ -885,7 +1023,7 @@

                <h2 class="title"> Portal's activity. </h2> - <p class="subtitle">Count of daily API calls from {{ startDate|date:longDate }} to {{ endDate|date:longDate }}. See full <a href="/explore/dataset/ods-api-monitoring/?source=monitoring&disjunctive.dataset_id"> activity log.</a> + <p class="subtitle">Count of daily API calls from {{ startDate|date:longDate }} to {{ endDate|date:longDate }}. See full <a href="/explore/dataset/ods-api-monitoring/?source=monitoring&disjunctive.dataset_id"> activity log.</a> </p> <ods-chart timescale="day" single-y-axis="true" align-month="true"> @@ -907,9 +1045,24 @@

                Number of exports </h2> <p class="subtitle">Daily number of full dataset download, in any format.</p> - <ods-chart timescale="day" single-y-axis="true" align-month="true"> - <ods-chart-query context="download" field-x="timestamp" maxpoints="0" timescale="day"> - <ods-chart-serie expression-y="size_res" chart-type="areaspline" function-y="COUNT" color="#26ADFF" label-y="Count exports" scientific-display="true" display-values="true"> + <ods-chart timescale="day" + single-y-axis="true" + align-month="true" + label-x="Automated download (bot)?"> + <ods-chart-query context="download" + field-x="timestamp" + maxpoints="0" + timescale="day" + series-breakdown="bot" + category-colors="{'TRUE':'#26ADFF', 'FALSE':'#142E7B'}" + display-legend="true"> + <ods-chart-serie expression-y="size_res" + chart-type="spline" + colors="'range-custom'" + function-y="COUNT" + label-y="Count exports" + scientific-display="true" + display-values="true"> </ods-chart-serie> </ods-chart-query> </ods-chart> @@ -1319,8 +1472,16 @@

                "> -
                - + +

                -

                - -
                +
                + + + +
                - - + - © Copyright 2020 + © Copyright 2026
                @@ -2411,7 +2669,7 @@

                diff --git a/public/page-templates/observatory/1/css.inc b/public/page-templates/observatory/1/css.inc index b2aa8513d..a32397fc9 100644 --- a/public/page-templates/observatory/1/css.inc +++ b/public/page-templates/observatory/1/css.inc @@ -384,4 +384,4 @@ a.odswidget-clear-all-filters i { * Description: ODS Layout over-ride to Flexbox system */ -.box,.row.full-height{height:100%}.row{display:flex;flex-wrap:wrap}.row>*{margin-bottom:20px}.order-0{order:0}@media screen and (min-width:750px){.order-sm-0{order:0}}@media screen and (min-width:970px){.order-md-0{order:0}}@media screen and (min-width:1170px){.order-lg-0{order:0}.order-lg-1{order:1}}.order-1{order:1}@media screen and (min-width:750px){.order-sm-1{order:1}}@media screen and (min-width:970px){.order-md-1{order:1}.order-md-2{order:2}}.order-2{order:2}@media screen and (min-width:750px){.order-sm-2{order:2}}@media screen and (min-width:1170px){.order-lg-2{order:2}.order-lg-3{order:3}}.order-3{order:3}@media screen and (min-width:750px){.order-sm-3{order:3}}@media screen and (min-width:970px){.order-md-3{order:3}.order-md-4{order:4}}.order-4{order:4}@media screen and (min-width:750px){.order-sm-4{order:4}}@media screen and (min-width:1170px){.order-lg-4{order:4}.order-lg-5{order:5}}.order-5{order:5}@media screen and (min-width:750px){.order-sm-5{order:5}}@media screen and (min-width:970px){.order-md-5{order:5}.order-md-6{order:6}}.order-6{order:6}@media screen and (min-width:750px){.order-sm-6{order:6}}@media screen and (min-width:1170px){.order-lg-6{order:6}.order-lg-7{order:7}}.order-7{order:7}@media screen and (min-width:750px){.order-sm-7{order:7}}@media screen and (min-width:970px){.order-md-7{order:7}.order-md-8{order:8}}.order-8{order:8}@media screen and (min-width:750px){.order-sm-8{order:8}}@media screen and (min-width:1170px){.order-lg-8{order:8}.order-lg-9{order:9}}.order-9{order:9}@media screen and (min-width:750px){.order-sm-9{order:9}}@media screen and (min-width:970px){.order-md-9{order:9}.order-md-10{order:10}}.order-10{order:10}@media screen and (min-width:750px){.order-sm-10{order:10}}@media screen and (min-width:1170px){.order-lg-10{order:10}.order-lg-11{order:11}}.order-11{order:11}@media screen and (min-width:750px){.order-sm-11{order:11}}@media screen and (min-width:970px){.order-md-11{order:11}.order-md-12{order:12}}.order-12{order:12}@media screen and (min-width:750px){.order-sm-12{order:12}}@media screen and (min-width:1170px){.order-lg-12{order:12}}@media screen and (max-width:1169px){:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-1,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-10,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-11,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-12,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-2,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-3,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-4,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-5,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-6,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-7,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-8,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-9{width:100%}}@media screen and (max-width:969px){:not([class*=col-sm]):not([class*=col-xs]).col-md-1,:not([class*=col-sm]):not([class*=col-xs]).col-md-10,:not([class*=col-sm]):not([class*=col-xs]).col-md-11,:not([class*=col-sm]):not([class*=col-xs]).col-md-12,:not([class*=col-sm]):not([class*=col-xs]).col-md-2,:not([class*=col-sm]):not([class*=col-xs]).col-md-3,:not([class*=col-sm]):not([class*=col-xs]).col-md-4,:not([class*=col-sm]):not([class*=col-xs]).col-md-5,:not([class*=col-sm]):not([class*=col-xs]).col-md-6,:not([class*=col-sm]):not([class*=col-xs]).col-md-7,:not([class*=col-sm]):not([class*=col-xs]).col-md-8,:not([class*=col-sm]):not([class*=col-xs]).col-md-9{width:100%}}@media screen and (max-width:749px){.row{flex-direction:column}:not([class*=col-xs]).col-sm-1,:not([class*=col-xs]).col-sm-10,:not([class*=col-xs]).col-sm-11,:not([class*=col-xs]).col-sm-12,:not([class*=col-xs]).col-sm-2,:not([class*=col-xs]).col-sm-3,:not([class*=col-xs]).col-sm-4,:not([class*=col-xs]).col-sm-5,:not([class*=col-xs]).col-sm-6,:not([class*=col-xs]).col-sm-7,:not([class*=col-xs]).col-sm-8,:not([class*=col-xs]).col-sm-9{width:100%}}.no-margin-bottom,.no-mb{margin-bottom:0!important}.no-margin-x,.no-mx{margin-left:0!important;margin-right:0!important} +.box,.row.full-height{height:100%}.row{display:flex;flex-wrap:wrap}.row>*{margin-bottom:20px;flex-grow:1}.order-0{order:0}@media screen and (min-width:750px){.order-sm-0{order:0}}@media screen and (min-width:970px){.order-md-0{order:0}}@media screen and (min-width:1170px){.order-lg-0{order:0}.order-lg-1{order:1}}.order-1{order:1}@media screen and (min-width:750px){.order-sm-1{order:1}}@media screen and (min-width:970px){.order-md-1{order:1}.order-md-2{order:2}}.order-2{order:2}@media screen and (min-width:750px){.order-sm-2{order:2}}@media screen and (min-width:1170px){.order-lg-2{order:2}.order-lg-3{order:3}}.order-3{order:3}@media screen and (min-width:750px){.order-sm-3{order:3}}@media screen and (min-width:970px){.order-md-3{order:3}.order-md-4{order:4}}.order-4{order:4}@media screen and (min-width:750px){.order-sm-4{order:4}}@media screen and (min-width:1170px){.order-lg-4{order:4}.order-lg-5{order:5}}.order-5{order:5}@media screen and (min-width:750px){.order-sm-5{order:5}}@media screen and (min-width:970px){.order-md-5{order:5}.order-md-6{order:6}}.order-6{order:6}@media screen and (min-width:750px){.order-sm-6{order:6}}@media screen and (min-width:1170px){.order-lg-6{order:6}.order-lg-7{order:7}}.order-7{order:7}@media screen and (min-width:750px){.order-sm-7{order:7}}@media screen and (min-width:970px){.order-md-7{order:7}.order-md-8{order:8}}.order-8{order:8}@media screen and (min-width:750px){.order-sm-8{order:8}}@media screen and (min-width:1170px){.order-lg-8{order:8}.order-lg-9{order:9}}.order-9{order:9}@media screen and (min-width:750px){.order-sm-9{order:9}}@media screen and (min-width:970px){.order-md-9{order:9}.order-md-10{order:10}}.order-10{order:10}@media screen and (min-width:750px){.order-sm-10{order:10}}@media screen and (min-width:1170px){.order-lg-10{order:10}.order-lg-11{order:11}}.order-11{order:11}@media screen and (min-width:750px){.order-sm-11{order:11}}@media screen and (min-width:970px){.order-md-11{order:11}.order-md-12{order:12}}.order-12{order:12}@media screen and (min-width:750px){.order-sm-12{order:12}}@media screen and (min-width:1170px){.order-lg-12{order:12}}@media screen and (max-width:1169px){:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-1,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-10,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-11,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-12,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-2,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-3,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-4,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-5,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-6,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-7,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-8,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-9{width:100%}}@media screen and (max-width:969px){:not([class*=col-sm]):not([class*=col-xs]).col-md-1,:not([class*=col-sm]):not([class*=col-xs]).col-md-10,:not([class*=col-sm]):not([class*=col-xs]).col-md-11,:not([class*=col-sm]):not([class*=col-xs]).col-md-12,:not([class*=col-sm]):not([class*=col-xs]).col-md-2,:not([class*=col-sm]):not([class*=col-xs]).col-md-3,:not([class*=col-sm]):not([class*=col-xs]).col-md-4,:not([class*=col-sm]):not([class*=col-xs]).col-md-5,:not([class*=col-sm]):not([class*=col-xs]).col-md-6,:not([class*=col-sm]):not([class*=col-xs]).col-md-7,:not([class*=col-sm]):not([class*=col-xs]).col-md-8,:not([class*=col-sm]):not([class*=col-xs]).col-md-9{width:100%}}@media screen and (max-width:749px){.row{flex-direction:column}:not([class*=col-xs]).col-sm-1,:not([class*=col-xs]).col-sm-10,:not([class*=col-xs]).col-sm-11,:not([class*=col-xs]).col-sm-12,:not([class*=col-xs]).col-sm-2,:not([class*=col-xs]).col-sm-3,:not([class*=col-xs]).col-sm-4,:not([class*=col-xs]).col-sm-5,:not([class*=col-xs]).col-sm-6,:not([class*=col-xs]).col-sm-7,:not([class*=col-xs]).col-sm-8,:not([class*=col-xs]).col-sm-9{width:100%}}.no-margin-bottom,.no-mb{margin-bottom:0!important}.no-margin-x,.no-mx{margin-left:0!important;margin-right:0!important} diff --git a/public/page-templates/observatory/1/html.inc b/public/page-templates/observatory/1/html.inc index 7e372d3fb..c3335c7be 100644 --- a/public/page-templates/observatory/1/html.inc +++ b/public/page-templates/observatory/1/html.inc @@ -142,7 +142,7 @@
                {{ ctx1.dataset.metas.data_processed | date }} Source @@ -181,7 +181,7 @@
                {{ ctx1.dataset.metas.data_processed | date }} Source @@ -220,7 +220,7 @@
                {{ ctx1.dataset.metas.data_processed | date }} Source @@ -262,7 +262,7 @@
                {{ ctx1.dataset.metas.data_processed | date }} Source @@ -299,7 +299,7 @@
                {{ ctx1.dataset.metas.data_processed | date }} Source @@ -335,7 +335,7 @@
                {{ ctx1.dataset.metas.data_processed | date }} Source @@ -365,7 +365,7 @@
                {{ ctx1.dataset.metas.data_processed | date }} Source @@ -401,7 +401,7 @@
                {{ ctx1.dataset.metas.data_processed | date }} Source diff --git a/public/page-templates/observatory/grid-1/html.inc b/public/page-templates/observatory/grid-1/html.inc index d285b64ba..84ba6f6cf 100644 --- a/public/page-templates/observatory/grid-1/html.inc +++ b/public/page-templates/observatory/grid-1/html.inc @@ -141,7 +141,7 @@
                {{ ctx1.dataset.metas.data_processed | date }} Source @@ -177,7 +177,7 @@
                {{ ctx1.dataset.metas.data_processed | date }} Source @@ -214,7 +214,7 @@
                {{ ctx1.dataset.metas.data_processed | date }} Source @@ -249,7 +249,7 @@
                {{ ctx1.dataset.metas.data_processed | date }} Source @@ -283,7 +283,7 @@
                {{ ctx1.dataset.metas.data_processed | date }} Source @@ -315,7 +315,7 @@
                {{ ctx1.dataset.metas.data_processed | date }} Source @@ -342,7 +342,7 @@
                {{ ctx1.dataset.metas.data_processed | date }} Source @@ -374,7 +374,7 @@
                {{ ctx1.dataset.metas.data_processed | date }} Source diff --git a/public/page-templates/observatory/index.html b/public/page-templates/observatory/index.html index 1baf6f4fd..d24ddf989 100644 --- a/public/page-templates/observatory/index.html +++ b/public/page-templates/observatory/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@
                - @@ -185,7 +202,7 @@
                • + href="https://codelibrary.huwize.com/"> Home
                  • @@ -202,6 +219,54 @@ + + + + + + + + + + + + + + + + + + + + + +
                • + + Apps + + +
                  • + + + + + + + + + + + + + + + + + + + + @@ -256,6 +321,9 @@ + + +
                • @@ -280,6 +348,9 @@ + + + @@ -329,6 +400,16 @@
                  • +
                • + +
                  + Dashboard with filters + + +
                  +                   +
                  • +
                  • +
                • + +
                  + Dataviz gallery page + + +
                  +                   +
                  • +
                  • +
                • + +
                  + Home page 4 with access cards + + +
                  +                   +
                  • + +
                • + +
                  + Listing page + + +
                  +                   +
                  • +
                  • @@ -560,51 +669,67 @@
                  - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
                  @@ -615,30 +740,29 @@
                  -
                  -

                  Page Templates - Observatory

                  -
                  - -
                  - -
                  -

                  - An observatory dashboard model - New +
                  +

                  Page Templates - Observatory

                  +
                  + +
                  - - - - - -

                  -
                  -

                  Analytic view with KPIs, charts and filters

                  +
                  +

                  + An observatory dashboard model + + + + + +

                  +
                  +

                  Analytic view with KPIs, charts and filters

                  -
                  - -
                  - +
                  + + +
                  + @@ -650,6 +774,14 @@

                  + + + + + + + +
                  name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003csection class=\"observatory\" ng-init=\"values.modalswitchstatus = false\"\u003e\n \u003cdiv class=\"backdrop\"\n ng-click=\"values.modalswitchstatus = !values.modalswitchstatus\"\n ng-class=\"{'backdrop-active':values.modalswitchstatus}\"\u003e\n \u003c/div\u003e\n\n \u003cods-dataset-context context=\"ctx1,ctx2,ctx3\"\n ctx1-dataset=\"buildingref-france-bpe-all-geolocated\"\n ctx1-parameters=\"{'disjunctive.epci_name':true}\"\n ctx1-domain=\"public\"\n ctx2-dataset=\"buildingref-france-bpe-all-geolocated\"\n ctx2-parameters=\"{'disjunctive.epci_name':true,'refine.category':'Services aux particuliers'}\"\n ctx2-domain=\"public\"\n ctx3-dataset=\"buildingref-france-bpe-all-geolocated\"\n ctx3-parameters=\"{'disjunctive.epci_name':true,'refine.category':'Santé'}\"\n ctx3-domain=\"public\"\u003e\n\n {{\n ctx2.parameters['refine.reg_name'] = ctx1.parameters['refine.reg_name'] ;\n ctx3.parameters['refine.reg_name'] = ctx1.parameters['refine.reg_name'] ;\n ctx2.parameters['refine.dep_name'] = ctx1.parameters['refine.dep_name'] ;\n ctx3.parameters['refine.dep_name'] = ctx1.parameters['refine.dep_name'] ;\n ctx2.parameters['refine.com_arm_area_code'] = ctx1.parameters['refine.com_arm_area_code'] ;\n ctx3.parameters['refine.com_arm_area_code'] = ctx1.parameters['refine.com_arm_area_code'] ;\n ctx2.parameters['refine.epci_name'] = ctx1.parameters['refine.epci_name'] ;\n ctx3.parameters['refine.epci_name'] = ctx1.parameters['refine.epci_name'] ;\n \"\"\n }}\n\n \u003c!-- Analyses --\u003e\n \u003cspan ods-aggregation=\"agg\"\n ods-aggregation-context=\"ctx1\"\n ods-aggregation-function=\"COUNT\"\u003e\n {{ values.nbequip = agg ; '' }}\n \u003c/span\u003e\n \u003cspan ods-aggregation=\"services\"\n ods-aggregation-context=\"ctx2\"\n ods-aggregation-function=\"COUNT\"\u003e\n {{ values.services = services ; '' }}\n \u003c/span\u003e\n \u003cspan ods-aggregation=\"sante\"\n ods-aggregation-context=\"ctx3\"\n ods-aggregation-function=\"COUNT\"\u003e\n {{ values.sante = sante ; '' }}\n \u003c/span\u003e\n\n\n \u003c!-- THE RIGHT MODAL --\u003e\n \u003cdiv class=\"rightmodal\"\u003e\n \u003cdiv class=\"cl-modal\"\n ng-class=\"{'cl-modal-active':values.modalswitchstatus}\"\u003e\n \u003cdiv class=\"cl-modal__header\"\n ng-click=\"values.modalswitchstatus = !values.modalswitchstatus\"\u003e\n \u003ca href=\"#\"\n class=\"closebtn\"\u003e\n Fermer \u003ci class=\"fa fa-times-circle\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cl-modal__content\"\u003e\n \u003cods-facets context=\"ctx1\"\u003e\n \u003ch3\u003e\n Région\n \u003c/h3\u003e\n \u003cods-facet name=\"reg_name\"\u003e\u003c/ods-facet\u003e\n \u003ch3\u003e\n Département\n \u003c/h3\u003e\n \u003cods-facet name=\"dep_name\"\u003e\u003c/ods-facet\u003e\n \u003ch3\u003e\n Code DROM\n \u003c/h3\u003e\n \u003cods-facet name=\"com_arm_area_code\"\u003e\u003c/ods-facet\u003e\n \u003ch3\u003e\n EPCI\n \u003c/h3\u003e\n \u003cods-facet name=\"epci_name\"\u003e\u003c/ods-facet\u003e\n \u003c/ods-facets\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003csection class=\"head\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch1 class=\"titre\"\u003e\n Un modèle d'observation des équipements en France\n \u003c/h1\u003e\n \u003cdiv class=\"edito\"\u003e\n \u003cp\u003eBien que .. \u003cq\u003eIl n'y a pas de modèle pour qui cherche ce qu'il n'a jamais vu.\u003c/q\u003e Paul Éluard\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv id=\"resume\"\u003e\n \u003cp\u003e\n L'objectif de la Base Permanente des Équipements (BPE) est de proposer annuellement une base\n d'équipements géolocalisés construite à partir de sources administratives diverses.\n \u003c/p\u003e\n \u003cp\u003e\n La classification des équipements en gammes a pour objectif de réunir des équipements qui\n présentent\n des logiques d'implantation voisines, en ce sens qu'ils sont fréquemment présents dans les mêmes\n communes. Ces regroupements permettent d'élaborer des indicateurs synthétiques reflétant\n l'organisation hiérarchisée des territoires en termes de services à la population.\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003csection class=\"filter-block\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cbutton ng-click=\"values.modalswitchstatus = !values.modalswitchstatus\"\u003e\n \u003csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\n stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n class=\"feather feather-filter\"\u003e\n \u003cpolygon points=\"22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3\"\u003e\u003c/polygon\u003e\n \u003c/svg\u003e\n Filtrer les données\n \u003c/button\u003e\n \u003cods-filter-summary context=\"ctx1\"\u003e\n {{ refinements }}\n \u003c/ods-filter-summary\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n\n \u003csection\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Nombre d'équipements en 2019\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Données INSEE issu de la BPE (Base permanente des équipements)\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\u003e\n {{ values.nbequip | number }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ ctx1.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + ctx1.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + ctx1.dataset.datasetid }}\"\n title=\"{{ ctx1.dataset.metas.title }}\"\u003eSource \u003ci\n class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-6\"\n ng-if=\"!ctx1.parameters['refine.reg_name']\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Top 5 Région\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Nombre d'équipements des 5 régions les mieux équipées\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle\"\u003e\n \u003cods-chart style=\"height: 170px\" class=\"small-chart\" single-y-axis=\"true\"\n scientific-display=\"true\"\n display-legend=\"false\"\n labels-x-length=\"20\" align-month=\"false\"\u003e\n \u003cods-chart-query context=\"ctx1\" field-x=\"reg_name\" maxpoints=\"5\"\n sort=\"serie1-1\"\u003e\n \u003cods-chart-serie chart-type=\"bar\" function-y=\"COUNT\" color=\"#000000\"\n scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ ctx1.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + ctx1.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + ctx1.dataset.datasetid }}\"\n title=\"{{ ctx1.dataset.metas.title }}\"\u003eSource \u003ci\n class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-6\"\n ng-if=\"ctx1.parameters['refine.reg_name']\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Top 5 Département\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Nombre d'équipements des 5 départements les mieux équipées\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle\"\u003e\n \u003cods-chart style=\"height: 170px\" class=\"small-chart\" single-y-axis=\"true\"\n scientific-display=\"true\"\n display-legend=\"false\"\n labels-x-length=\"20\" align-month=\"false\"\u003e\n \u003cods-chart-query context=\"ctx1\" field-x=\"dep_name\" maxpoints=\"5\"\n sort=\"serie1-1\"\u003e\n \u003cods-chart-serie chart-type=\"bar\" function-y=\"COUNT\" color=\"#000000\"\n scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ ctx1.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + ctx1.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + ctx1.dataset.datasetid }}\"\n title=\"{{ ctx1.dataset.metas.title }}\"\u003eSource \u003ci\n class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-12\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Répartis en grandes catégories\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n La Base Permanente des Équipements est réparti en 7 grands domaines :\n services\n aux\n particuliers ; commerces ; enseignement ; santé ; transports et\n déplacements ;\n sports, loisirs et culture ; tourisme.\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle\"\u003e\n \u003cods-chart class=\"medium-chart\" labels-x-length=\"30\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"ctx1\" field-x=\"category\" maxpoints=\"0\"\n sort=\"serie1-1\"\n category-colors=\"{'Services aux particuliers':'#ff714d','Santé':'#25c9ff','Commerces':'#CCEFC2','Sports, loisirs et culture':'#E5E2A7','Enseignement':'#E9D9FF','Transports et déplacements':'#FFFFFF','Tourisme':'#F4C5C8'}\"\u003e\n \u003cods-chart-serie chart-type=\"treemap\" function-y=\"COUNT\"\n color=\"range-PiYG\"\n scientific-display=\"false\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ ctx1.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + ctx1.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + ctx1.dataset.datasetid }}\"\n title=\"{{ ctx1.dataset.metas.title }}\"\u003eSource \u003ci\n class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003ch2\u003e\n Observons ses deux principales catégories\n \u003c/h2\u003e\n\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-6 order-md-1\"\u003e\n \u003cdiv class=\"box white flat colored services\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Les Services aux particuliers\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n qui représentent\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\u003e\n {{ (values.services / values.nbequip * 100) | number : 1 }} %\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ ctx1.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + ctx1.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + ctx1.dataset.datasetid }}\"\n title=\"{{ ctx1.dataset.metas.title }}\"\u003eSource \u003ci\n class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-6 order-md-3\"\u003e\n \u003cdiv class=\"box white flat colored services\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Principaux équipement de services aux particuliers\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description du TOP 20 de cette catégorie\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle\"\u003e\n \u003cods-chart class=\"medium-chart\" labels-x-length=\"40\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"ctx2\" field-x=\"equipment_name\" maxpoints=\"20\"\n sort=\"serie1-1\"\u003e\n \u003cods-chart-serie chart-type=\"bar\" function-y=\"COUNT\" color=\"#ff714d\"\n scientific-display=\"true\"\n label-y=\"Nb. équipements\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ ctx1.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + ctx1.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + ctx1.dataset.datasetid }}\"\n title=\"{{ ctx1.dataset.metas.title }}\"\u003eSource \u003ci\n class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-6 order-md-2\"\u003e\n \u003cdiv class=\"box white flat colored sante\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n et la Santé\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n qui représente\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\u003e\n {{ (values.sante / values.nbequip * 100) | number : 1 }} %\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ ctx1.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + ctx1.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + ctx1.dataset.datasetid }}\"\n title=\"{{ ctx1.dataset.metas.title }}\"\u003eSource \u003ci\n class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-6 order-md-4\"\u003e\n \u003cdiv class=\"box white flat colored sante\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Principaux équipements de Santé\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description du TOP 20 de cette catégorie\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle\"\u003e\n \u003cods-chart class=\"medium-chart\" labels-x-length=\"40\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"ctx3\" field-x=\"equipment_name\" maxpoints=\"20\"\n sort=\"serie1-1\"\u003e\n \u003cods-chart-serie chart-type=\"bar\" function-y=\"COUNT\" color=\"#25c9ff\"\n scientific-display=\"true\"\n label-y=\"Nb. équipements\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ ctx1.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + ctx1.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + ctx1.dataset.datasetid }}\"\n title=\"{{ ctx1.dataset.metas.title }}\"\u003eSource \u003ci\n class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003c/ods-dataset-context\u003e\n\u003c/section\u003e\u003c/div\u003e", - "css": ":root {\n --boxes-radius: 6px;\n}\n\nmain {\n margin: 0;\n}\n\n/* ALL PAGE CONTAINER */\n.observatory {\n background-color: var(--page-background);\n /* prerequisite for full height modal bar */\n position: relative;\n}\n\n/* Section 1 : heading */\nsection.head {\n background-color: white;\n padding: 26px 0;\n}\n\n.filter-block {\n position: sticky;\n top: 0;\n z-index: 1;\n box-shadow: 0px 15px 10px -15px #2b2b2b;\n margin-bottom: 35px;\n background-color: black;\n}\n\n.filter-block .container {\n display: flex;\n align-items: center;\n padding: 18px 0;\n}\n\n.filter-block button {\n padding: 0 13px;\n margin: 0 10px;\n border-radius: 100000px;\n display: flex;\n align-items: center;\n background-color: white;\n color: black;\n border: 1px solid black;\n height: 36px;\n min-width: max-content;\n}\n\n.filter-block button:hover {\n filter: invert();\n}\n\n.filter-block button svg {\n margin-right: 6px;\n}\n\n.titre {\n font-size: 37px;\n margin: 26px 0 6px;\n}\n\n.edito {\n margin: 0;\n font-size: 19px;\n}\n\n.edito q {\n font-style: italic;\n}\n\n#resume {\n font-size: 1.1em;\n line-height: 1.8em;\n margin-top: 26px;\n}\n\n@media screen and (min-width: 640px) {\n #resume {\n margin-right: 33%;\n }\n}\n\n/* BACKDROP (black screen when modal active) */\n.backdrop {\n visibility: hidden;\n opacity: 0;\n position: absolute;\n height: 100%;\n width: 100%;\n z-index: 900;\n background-color: #000;\n cursor: default;\n -webkit-transition: visibility 0.5s, opacity 0.5s;\n transition: visibility 0.5s, opacity 0.5s;\n}\n\n.backdrop-active {\n visibility: visible;\n opacity: 0.6;\n /* make a more or less darker backdrop, 1:totally dark, 0:totally transparent (invisibile) */\n}\n\n/* MODAL */\n/* The modal is composed of 2 parts:\nthe leftside, that is the banner that is always visible, and contains an icon on top to click and actiavte the modal\nthe right side, that contains filters, searchbar, charts etc... that is not visible, activated on demand\nthe modal default size (width) is 57px, it correspond to the leftside width */\n.cl-modal {\n display: flex;\n flex-direction: column;\n position: fixed;\n top: 0;\n right: -400px;\n bottom: 0;\n width: 400px;\n background-color: white;\n z-index: 1000;\n overflow: hidden;\n /* Disable horizontal scroll */\n transition: ease-in 0.3s;\n}\n\n.cl-modal-active {\n right: 0;\n}\n\n/* specific because charts are loaded inside */\n.cl-modal__content {\n width: 400px;\n}\n\n@media (max-width: 420px) {\n .cl-modal-active {\n width: 100%;\n }\n\n .cl-modal__content {\n width: 100vw;\n }\n}\n\n.cl-modal__header {\n min-height: 35px;\n background-color: white;\n padding: 0 10px;\n display: flex;\n align-items: center;\n justify-content: start;\n opacity: 0;\n transition: opacity 0s;\n}\n\n.cl-modal__header .closebtn {\n padding: 0 13px;\n color: black;\n}\n\n.cl-modal-active .cl-modal__header {\n opacity: 1;\n transition-delay: 0.3s;\n}\n\n/* CONTENT OF THE MODAL */\n/* HEADER / UPPER PART */\n.cl-modal__header {\n border-bottom: 1px solid lightgrey;\n}\n\n/* THEN THE MIDDLE / CONTENT */\n.cl-modal__content {\n height: 100%;\n overflow-y: auto;\n padding: 25px;\n opacity: 0;\n transition: opacity 0s;\n}\n\n/* WARNING ! This part is very important : it renders the content only after the end of the openning of the modal\nie. when the modal is resized, nothing is visible, after 0.3s of resizing, it's displays the content\nthis trick is very important to avoid the browser the resize all the content during the modal opening */\n.cl-modal-active .cl-modal__content {\n opacity: 1;\n transition-delay: 0.3s;\n}\n\n/** FILTER SUMMARY */\nul.odswidget.odswidget-filter-summary {\n font-size: 1em;\n margin-left: 13px;\n position: relative;\n}\n\n@media (min-width: 420px) {\n ul.odswidget.odswidget-filter-summary {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n }\n}\n\nli.odswidget-filter-summary__active-filter,\nli.odswidget-filter-summary__clear-all {\n border-radius: 3px;\n margin: 2px 4px;\n padding: 0;\n}\n\nli.odswidget-filter-summary__active-filter {\n color: white;\n}\n\n.odswidget-filter-summary__active-filter-label {\n color: black;\n font-size: 1rem;\n}\n\na.odswidget-filter-summary__active-filter-link,\na.odswidget-clear-all-filters {\n border-left: none;\n margin: 0;\n padding: 2px 4px 2px 2px;\n display: flex;\n align-items: center;\n}\n\na.odswidget-clear-all-filters {\n align-items: center;\n color: white;\n opacity: 0.8;\n}\n\na.odswidget-clear-all-filters:hover {\n color: white;\n opacity: 1;\n}\n\na.odswidget-clear-all-filters i {\n margin-right: 3px;\n}\n\n.box {\n position: relative;\n padding: 13px;\n}\n\n.box.colored {\n padding-top: calc(13px + 9px);\n}\n\n.box.colored:before {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 9px;\n content: \"\";\n border-radius: var(--boxes-radius) var(--boxes-radius) 0 0;\n}\n\n.box.colored.services:before {\n background-color: #ff714d;\n}\n\n.box.colored.sante:before {\n background-color: #25c9ff;\n}\n\n.box.white {\n background-color: white;\n}\n\n.box.flat {\n border: 1px solid #dfdfdf;\n border-radius: var(--boxes-radius);\n}\n\n.advanced-kpi {\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.advanced-kpi--top .title {\n font-size: 1.2em;\n margin: 0 auto 6px;\n}\n\n.advanced-kpi--top .description {\n margin: 0 auto;\n color: #565656;\n font-size: 1em;\n font-weight: 400;\n}\n\n.advanced-kpi--middle {\n display: flex;\n flex-direction: column;\n margin: 20px 0;\n}\n\n.advanced-kpi--middle.centered {\n align-items: center;\n}\n\n.advanced-kpi--middle \u003e * {\n margin: 5px 0;\n}\n\n.advanced-kpi--middle .value {\n color: var(--highlight);\n font-weight: 600;\n font-size: 3rem;\n}\n\n.advanced-kpi--bottom {\n font-size: 0.8em;\n}\n\n.advanced-kpi--bottom .advanced-kpi--bottom-second-stage {\n display: flex;\n justify-content: space-between;\n}\n\n.advanced-kpi--bottom .source {\n text-decoration: underline;\n color: var(--links);\n}\n\n.advanced-kpi--bottom .source i {\n margin-left: 6px;\n}\n\n.advanced-kpi--bottom .source:hover {\n opacity: 0.65;\n}\n\n.advanced-kpi--bottom .source:hover i {\n animation: bounce 0.7s ease infinite;\n}\n\n@keyframes bounce {\n from {\n margin-left: 6px;\n margin-right: 0;\n }\n 50% {\n margin-left: 2px;\n margin-right: 4px;\n }\n to {\n margin-left: 6px;\n margin-right: 0;\n }\n}\n\n/* CHARTS */\n.ods-chart {\n min-height: inherit;\n}\n\n.medium-chart {\n height: 350px;\n}\n\n.small-chart {\n height: 130px;\n}\n\n.highcharts-axis tspan, .highcharts-data-label tspan, .highcharts-label span, .highcharts-xaxis-labels text, .highcharts-yaxis-labels text {\n font-family: Gotham-book, Arial, sans-serif !important;\n}\n\n.ods-highcharts__tooltip {\n align-items: center;\n}\n\n/**\n * License: MIT License\n * Generated on 25 Jun 2021\n * Author: Labs from opendatasoft\n * Version: 0.3\n * Description: ODS Layout over-ride to Flexbox system\n */\n\n.box,.row.full-height{height:100%}.row{display:flex;flex-wrap:wrap}.row\u003e*{margin-bottom:20px}.order-0{order:0}@media screen and (min-width:750px){.order-sm-0{order:0}}@media screen and (min-width:970px){.order-md-0{order:0}}@media screen and (min-width:1170px){.order-lg-0{order:0}.order-lg-1{order:1}}.order-1{order:1}@media screen and (min-width:750px){.order-sm-1{order:1}}@media screen and (min-width:970px){.order-md-1{order:1}.order-md-2{order:2}}.order-2{order:2}@media screen and (min-width:750px){.order-sm-2{order:2}}@media screen and (min-width:1170px){.order-lg-2{order:2}.order-lg-3{order:3}}.order-3{order:3}@media screen and (min-width:750px){.order-sm-3{order:3}}@media screen and (min-width:970px){.order-md-3{order:3}.order-md-4{order:4}}.order-4{order:4}@media screen and (min-width:750px){.order-sm-4{order:4}}@media screen and (min-width:1170px){.order-lg-4{order:4}.order-lg-5{order:5}}.order-5{order:5}@media screen and (min-width:750px){.order-sm-5{order:5}}@media screen and (min-width:970px){.order-md-5{order:5}.order-md-6{order:6}}.order-6{order:6}@media screen and (min-width:750px){.order-sm-6{order:6}}@media screen and (min-width:1170px){.order-lg-6{order:6}.order-lg-7{order:7}}.order-7{order:7}@media screen and (min-width:750px){.order-sm-7{order:7}}@media screen and (min-width:970px){.order-md-7{order:7}.order-md-8{order:8}}.order-8{order:8}@media screen and (min-width:750px){.order-sm-8{order:8}}@media screen and (min-width:1170px){.order-lg-8{order:8}.order-lg-9{order:9}}.order-9{order:9}@media screen and (min-width:750px){.order-sm-9{order:9}}@media screen and (min-width:970px){.order-md-9{order:9}.order-md-10{order:10}}.order-10{order:10}@media screen and (min-width:750px){.order-sm-10{order:10}}@media screen and (min-width:1170px){.order-lg-10{order:10}.order-lg-11{order:11}}.order-11{order:11}@media screen and (min-width:750px){.order-sm-11{order:11}}@media screen and (min-width:970px){.order-md-11{order:11}.order-md-12{order:12}}.order-12{order:12}@media screen and (min-width:750px){.order-sm-12{order:12}}@media screen and (min-width:1170px){.order-lg-12{order:12}}@media screen and (max-width:1169px){:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-1,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-10,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-11,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-12,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-2,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-3,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-4,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-5,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-6,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-7,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-8,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-9{width:100%}}@media screen and (max-width:969px){:not([class*=col-sm]):not([class*=col-xs]).col-md-1,:not([class*=col-sm]):not([class*=col-xs]).col-md-10,:not([class*=col-sm]):not([class*=col-xs]).col-md-11,:not([class*=col-sm]):not([class*=col-xs]).col-md-12,:not([class*=col-sm]):not([class*=col-xs]).col-md-2,:not([class*=col-sm]):not([class*=col-xs]).col-md-3,:not([class*=col-sm]):not([class*=col-xs]).col-md-4,:not([class*=col-sm]):not([class*=col-xs]).col-md-5,:not([class*=col-sm]):not([class*=col-xs]).col-md-6,:not([class*=col-sm]):not([class*=col-xs]).col-md-7,:not([class*=col-sm]):not([class*=col-xs]).col-md-8,:not([class*=col-sm]):not([class*=col-xs]).col-md-9{width:100%}}@media screen and (max-width:749px){.row{flex-direction:column}:not([class*=col-xs]).col-sm-1,:not([class*=col-xs]).col-sm-10,:not([class*=col-xs]).col-sm-11,:not([class*=col-xs]).col-sm-12,:not([class*=col-xs]).col-sm-2,:not([class*=col-xs]).col-sm-3,:not([class*=col-xs]).col-sm-4,:not([class*=col-xs]).col-sm-5,:not([class*=col-xs]).col-sm-6,:not([class*=col-xs]).col-sm-7,:not([class*=col-xs]).col-sm-8,:not([class*=col-xs]).col-sm-9{width:100%}}.no-margin-bottom,.no-mb{margin-bottom:0!important}.no-margin-x,.no-mx{margin-left:0!important;margin-right:0!important}\n" + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003csection class=\"observatory\" ng-init=\"values.modalswitchstatus = false\"\u003e\n \u003cdiv class=\"backdrop\"\n ng-click=\"values.modalswitchstatus = !values.modalswitchstatus\"\n ng-class=\"{'backdrop-active':values.modalswitchstatus}\"\u003e\n \u003c/div\u003e\n\n \u003cods-dataset-context context=\"ctx1,ctx2,ctx3\"\n ctx1-dataset=\"buildingref-france-bpe-all-geolocated\"\n ctx1-parameters=\"{'disjunctive.epci_name':true}\"\n ctx1-domain=\"public\"\n ctx2-dataset=\"buildingref-france-bpe-all-geolocated\"\n ctx2-parameters=\"{'disjunctive.epci_name':true,'refine.category':'Services aux particuliers'}\"\n ctx2-domain=\"public\"\n ctx3-dataset=\"buildingref-france-bpe-all-geolocated\"\n ctx3-parameters=\"{'disjunctive.epci_name':true,'refine.category':'Santé'}\"\n ctx3-domain=\"public\"\u003e\n\n {{\n ctx2.parameters['refine.reg_name'] = ctx1.parameters['refine.reg_name'] ;\n ctx3.parameters['refine.reg_name'] = ctx1.parameters['refine.reg_name'] ;\n ctx2.parameters['refine.dep_name'] = ctx1.parameters['refine.dep_name'] ;\n ctx3.parameters['refine.dep_name'] = ctx1.parameters['refine.dep_name'] ;\n ctx2.parameters['refine.com_arm_area_code'] = ctx1.parameters['refine.com_arm_area_code'] ;\n ctx3.parameters['refine.com_arm_area_code'] = ctx1.parameters['refine.com_arm_area_code'] ;\n ctx2.parameters['refine.epci_name'] = ctx1.parameters['refine.epci_name'] ;\n ctx3.parameters['refine.epci_name'] = ctx1.parameters['refine.epci_name'] ;\n \"\"\n }}\n\n \u003c!-- Analyses --\u003e\n \u003cspan ods-aggregation=\"agg\"\n ods-aggregation-context=\"ctx1\"\n ods-aggregation-function=\"COUNT\"\u003e\n {{ values.nbequip = agg ; '' }}\n \u003c/span\u003e\n \u003cspan ods-aggregation=\"services\"\n ods-aggregation-context=\"ctx2\"\n ods-aggregation-function=\"COUNT\"\u003e\n {{ values.services = services ; '' }}\n \u003c/span\u003e\n \u003cspan ods-aggregation=\"sante\"\n ods-aggregation-context=\"ctx3\"\n ods-aggregation-function=\"COUNT\"\u003e\n {{ values.sante = sante ; '' }}\n \u003c/span\u003e\n\n\n \u003c!-- THE RIGHT MODAL --\u003e\n \u003cdiv class=\"rightmodal\"\u003e\n \u003cdiv class=\"cl-modal\"\n ng-class=\"{'cl-modal-active':values.modalswitchstatus}\"\u003e\n \u003cdiv class=\"cl-modal__header\"\n ng-click=\"values.modalswitchstatus = !values.modalswitchstatus\"\u003e\n \u003ca href=\"#\"\n class=\"closebtn\"\u003e\n Fermer \u003ci class=\"fa fa-times-circle\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cl-modal__content\"\u003e\n \u003cods-facets context=\"ctx1\"\u003e\n \u003ch3\u003e\n Région\n \u003c/h3\u003e\n \u003cods-facet name=\"reg_name\"\u003e\u003c/ods-facet\u003e\n \u003ch3\u003e\n Département\n \u003c/h3\u003e\n \u003cods-facet name=\"dep_name\"\u003e\u003c/ods-facet\u003e\n \u003ch3\u003e\n Code DROM\n \u003c/h3\u003e\n \u003cods-facet name=\"com_arm_area_code\"\u003e\u003c/ods-facet\u003e\n \u003ch3\u003e\n EPCI\n \u003c/h3\u003e\n \u003cods-facet name=\"epci_name\"\u003e\u003c/ods-facet\u003e\n \u003c/ods-facets\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003csection class=\"head\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch1 class=\"titre\"\u003e\n Un modèle d'observation des équipements en France\n \u003c/h1\u003e\n \u003cdiv class=\"edito\"\u003e\n \u003cp\u003eBien que .. \u003cq\u003eIl n'y a pas de modèle pour qui cherche ce qu'il n'a jamais vu.\u003c/q\u003e Paul Éluard\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv id=\"resume\"\u003e\n \u003cp\u003e\n L'objectif de la Base Permanente des Équipements (BPE) est de proposer annuellement une base\n d'équipements géolocalisés construite à partir de sources administratives diverses.\n \u003c/p\u003e\n \u003cp\u003e\n La classification des équipements en gammes a pour objectif de réunir des équipements qui\n présentent\n des logiques d'implantation voisines, en ce sens qu'ils sont fréquemment présents dans les mêmes\n communes. Ces regroupements permettent d'élaborer des indicateurs synthétiques reflétant\n l'organisation hiérarchisée des territoires en termes de services à la population.\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003csection class=\"filter-block\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cbutton ng-click=\"values.modalswitchstatus = !values.modalswitchstatus\"\u003e\n \u003csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\n stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n class=\"feather feather-filter\"\u003e\n \u003cpolygon points=\"22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3\"\u003e\u003c/polygon\u003e\n \u003c/svg\u003e\n Filtrer les données\n \u003c/button\u003e\n \u003cods-filter-summary context=\"ctx1\"\u003e\n {{ refinements }}\n \u003c/ods-filter-summary\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n\n \u003csection\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Nombre d'équipements en 2019\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Données INSEE issu de la BPE (Base permanente des équipements)\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\u003e\n {{ values.nbequip | number }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ ctx1.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + ctx1.dataset.metas.domain + '.huwise.com/explore/dataset/' + ctx1.dataset.datasetid }}\"\n title=\"{{ ctx1.dataset.metas.title }}\"\u003eSource \u003ci\n class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-6\"\n ng-if=\"!ctx1.parameters['refine.reg_name']\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Top 5 Région\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Nombre d'équipements des 5 régions les mieux équipées\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle\"\u003e\n \u003cods-chart style=\"height: 170px\" class=\"small-chart\" single-y-axis=\"true\"\n scientific-display=\"true\"\n display-legend=\"false\"\n labels-x-length=\"20\" align-month=\"false\"\u003e\n \u003cods-chart-query context=\"ctx1\" field-x=\"reg_name\" maxpoints=\"5\"\n sort=\"serie1-1\"\u003e\n \u003cods-chart-serie chart-type=\"bar\" function-y=\"COUNT\" color=\"#000000\"\n scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ ctx1.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + ctx1.dataset.metas.domain + '.huwise.com/explore/dataset/' + ctx1.dataset.datasetid }}\"\n title=\"{{ ctx1.dataset.metas.title }}\"\u003eSource \u003ci\n class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-6\"\n ng-if=\"ctx1.parameters['refine.reg_name']\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Top 5 Département\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Nombre d'équipements des 5 départements les mieux équipées\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle\"\u003e\n \u003cods-chart style=\"height: 170px\" class=\"small-chart\" single-y-axis=\"true\"\n scientific-display=\"true\"\n display-legend=\"false\"\n labels-x-length=\"20\" align-month=\"false\"\u003e\n \u003cods-chart-query context=\"ctx1\" field-x=\"dep_name\" maxpoints=\"5\"\n sort=\"serie1-1\"\u003e\n \u003cods-chart-serie chart-type=\"bar\" function-y=\"COUNT\" color=\"#000000\"\n scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ ctx1.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + ctx1.dataset.metas.domain + '.huwise.com/explore/dataset/' + ctx1.dataset.datasetid }}\"\n title=\"{{ ctx1.dataset.metas.title }}\"\u003eSource \u003ci\n class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-12\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Répartis en grandes catégories\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n La Base Permanente des Équipements est réparti en 7 grands domaines :\n services\n aux\n particuliers ; commerces ; enseignement ; santé ; transports et\n déplacements ;\n sports, loisirs et culture ; tourisme.\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle\"\u003e\n \u003cods-chart class=\"medium-chart\" labels-x-length=\"30\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"ctx1\" field-x=\"category\" maxpoints=\"0\"\n sort=\"serie1-1\"\n category-colors=\"{'Services aux particuliers':'#ff714d','Santé':'#25c9ff','Commerces':'#CCEFC2','Sports, loisirs et culture':'#E5E2A7','Enseignement':'#E9D9FF','Transports et déplacements':'#FFFFFF','Tourisme':'#F4C5C8'}\"\u003e\n \u003cods-chart-serie chart-type=\"treemap\" function-y=\"COUNT\"\n color=\"range-PiYG\"\n scientific-display=\"false\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ ctx1.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + ctx1.dataset.metas.domain + '.huwise.com/explore/dataset/' + ctx1.dataset.datasetid }}\"\n title=\"{{ ctx1.dataset.metas.title }}\"\u003eSource \u003ci\n class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003ch2\u003e\n Observons ses deux principales catégories\n \u003c/h2\u003e\n\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-6 order-md-1\"\u003e\n \u003cdiv class=\"box white flat colored services\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Les Services aux particuliers\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n qui représentent\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\u003e\n {{ (values.services / values.nbequip * 100) | number : 1 }} %\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ ctx1.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + ctx1.dataset.metas.domain + '.huwise.com/explore/dataset/' + ctx1.dataset.datasetid }}\"\n title=\"{{ ctx1.dataset.metas.title }}\"\u003eSource \u003ci\n class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-6 order-md-3\"\u003e\n \u003cdiv class=\"box white flat colored services\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Principaux équipement de services aux particuliers\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description du TOP 20 de cette catégorie\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle\"\u003e\n \u003cods-chart class=\"medium-chart\" labels-x-length=\"40\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"ctx2\" field-x=\"equipment_name\" maxpoints=\"20\"\n sort=\"serie1-1\"\u003e\n \u003cods-chart-serie chart-type=\"bar\" function-y=\"COUNT\" color=\"#ff714d\"\n scientific-display=\"true\"\n label-y=\"Nb. équipements\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ ctx1.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + ctx1.dataset.metas.domain + '.huwise.com/explore/dataset/' + ctx1.dataset.datasetid }}\"\n title=\"{{ ctx1.dataset.metas.title }}\"\u003eSource \u003ci\n class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-6 order-md-2\"\u003e\n \u003cdiv class=\"box white flat colored sante\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n et la Santé\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n qui représente\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\u003e\n {{ (values.sante / values.nbequip * 100) | number : 1 }} %\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ ctx1.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + ctx1.dataset.metas.domain + '.huwise.com/explore/dataset/' + ctx1.dataset.datasetid }}\"\n title=\"{{ ctx1.dataset.metas.title }}\"\u003eSource \u003ci\n class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-6 order-md-4\"\u003e\n \u003cdiv class=\"box white flat colored sante\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Principaux équipements de Santé\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description du TOP 20 de cette catégorie\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle\"\u003e\n \u003cods-chart class=\"medium-chart\" labels-x-length=\"40\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"ctx3\" field-x=\"equipment_name\" maxpoints=\"20\"\n sort=\"serie1-1\"\u003e\n \u003cods-chart-serie chart-type=\"bar\" function-y=\"COUNT\" color=\"#25c9ff\"\n scientific-display=\"true\"\n label-y=\"Nb. équipements\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ ctx1.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + ctx1.dataset.metas.domain + '.huwise.com/explore/dataset/' + ctx1.dataset.datasetid }}\"\n title=\"{{ ctx1.dataset.metas.title }}\"\u003eSource \u003ci\n class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003c/ods-dataset-context\u003e\n\u003c/section\u003e\u003c/div\u003e", + "css": ":root {\n --boxes-radius: 6px;\n}\n\nmain {\n margin: 0;\n}\n\n/* ALL PAGE CONTAINER */\n.observatory {\n background-color: var(--page-background);\n /* prerequisite for full height modal bar */\n position: relative;\n}\n\n/* Section 1 : heading */\nsection.head {\n background-color: white;\n padding: 26px 0;\n}\n\n.filter-block {\n position: sticky;\n top: 0;\n z-index: 1;\n box-shadow: 0px 15px 10px -15px #2b2b2b;\n margin-bottom: 35px;\n background-color: black;\n}\n\n.filter-block .container {\n display: flex;\n align-items: center;\n padding: 18px 0;\n}\n\n.filter-block button {\n padding: 0 13px;\n margin: 0 10px;\n border-radius: 100000px;\n display: flex;\n align-items: center;\n background-color: white;\n color: black;\n border: 1px solid black;\n height: 36px;\n min-width: max-content;\n}\n\n.filter-block button:hover {\n filter: invert();\n}\n\n.filter-block button svg {\n margin-right: 6px;\n}\n\n.titre {\n font-size: 37px;\n margin: 26px 0 6px;\n}\n\n.edito {\n margin: 0;\n font-size: 19px;\n}\n\n.edito q {\n font-style: italic;\n}\n\n#resume {\n font-size: 1.1em;\n line-height: 1.8em;\n margin-top: 26px;\n}\n\n@media screen and (min-width: 640px) {\n #resume {\n margin-right: 33%;\n }\n}\n\n/* BACKDROP (black screen when modal active) */\n.backdrop {\n visibility: hidden;\n opacity: 0;\n position: absolute;\n height: 100%;\n width: 100%;\n z-index: 900;\n background-color: #000;\n cursor: default;\n -webkit-transition: visibility 0.5s, opacity 0.5s;\n transition: visibility 0.5s, opacity 0.5s;\n}\n\n.backdrop-active {\n visibility: visible;\n opacity: 0.6;\n /* make a more or less darker backdrop, 1:totally dark, 0:totally transparent (invisibile) */\n}\n\n/* MODAL */\n/* The modal is composed of 2 parts:\nthe leftside, that is the banner that is always visible, and contains an icon on top to click and actiavte the modal\nthe right side, that contains filters, searchbar, charts etc... that is not visible, activated on demand\nthe modal default size (width) is 57px, it correspond to the leftside width */\n.cl-modal {\n display: flex;\n flex-direction: column;\n position: fixed;\n top: 0;\n right: -400px;\n bottom: 0;\n width: 400px;\n background-color: white;\n z-index: 1000;\n overflow: hidden;\n /* Disable horizontal scroll */\n transition: ease-in 0.3s;\n}\n\n.cl-modal-active {\n right: 0;\n}\n\n/* specific because charts are loaded inside */\n.cl-modal__content {\n width: 400px;\n}\n\n@media (max-width: 420px) {\n .cl-modal-active {\n width: 100%;\n }\n\n .cl-modal__content {\n width: 100vw;\n }\n}\n\n.cl-modal__header {\n min-height: 35px;\n background-color: white;\n padding: 0 10px;\n display: flex;\n align-items: center;\n justify-content: start;\n opacity: 0;\n transition: opacity 0s;\n}\n\n.cl-modal__header .closebtn {\n padding: 0 13px;\n color: black;\n}\n\n.cl-modal-active .cl-modal__header {\n opacity: 1;\n transition-delay: 0.3s;\n}\n\n/* CONTENT OF THE MODAL */\n/* HEADER / UPPER PART */\n.cl-modal__header {\n border-bottom: 1px solid lightgrey;\n}\n\n/* THEN THE MIDDLE / CONTENT */\n.cl-modal__content {\n height: 100%;\n overflow-y: auto;\n padding: 25px;\n opacity: 0;\n transition: opacity 0s;\n}\n\n/* WARNING ! This part is very important : it renders the content only after the end of the openning of the modal\nie. when the modal is resized, nothing is visible, after 0.3s of resizing, it's displays the content\nthis trick is very important to avoid the browser the resize all the content during the modal opening */\n.cl-modal-active .cl-modal__content {\n opacity: 1;\n transition-delay: 0.3s;\n}\n\n/** FILTER SUMMARY */\nul.odswidget.odswidget-filter-summary {\n font-size: 1em;\n margin-left: 13px;\n position: relative;\n}\n\n@media (min-width: 420px) {\n ul.odswidget.odswidget-filter-summary {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n }\n}\n\nli.odswidget-filter-summary__active-filter,\nli.odswidget-filter-summary__clear-all {\n border-radius: 3px;\n margin: 2px 4px;\n padding: 0;\n}\n\nli.odswidget-filter-summary__active-filter {\n color: white;\n}\n\n.odswidget-filter-summary__active-filter-label {\n color: black;\n font-size: 1rem;\n}\n\na.odswidget-filter-summary__active-filter-link,\na.odswidget-clear-all-filters {\n border-left: none;\n margin: 0;\n padding: 2px 4px 2px 2px;\n display: flex;\n align-items: center;\n}\n\na.odswidget-clear-all-filters {\n align-items: center;\n color: white;\n opacity: 0.8;\n}\n\na.odswidget-clear-all-filters:hover {\n color: white;\n opacity: 1;\n}\n\na.odswidget-clear-all-filters i {\n margin-right: 3px;\n}\n\n.box {\n position: relative;\n padding: 13px;\n}\n\n.box.colored {\n padding-top: calc(13px + 9px);\n}\n\n.box.colored:before {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 9px;\n content: \"\";\n border-radius: var(--boxes-radius) var(--boxes-radius) 0 0;\n}\n\n.box.colored.services:before {\n background-color: #ff714d;\n}\n\n.box.colored.sante:before {\n background-color: #25c9ff;\n}\n\n.box.white {\n background-color: white;\n}\n\n.box.flat {\n border: 1px solid #dfdfdf;\n border-radius: var(--boxes-radius);\n}\n\n.advanced-kpi {\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.advanced-kpi--top .title {\n font-size: 1.2em;\n margin: 0 auto 6px;\n}\n\n.advanced-kpi--top .description {\n margin: 0 auto;\n color: #565656;\n font-size: 1em;\n font-weight: 400;\n}\n\n.advanced-kpi--middle {\n display: flex;\n flex-direction: column;\n margin: 20px 0;\n}\n\n.advanced-kpi--middle.centered {\n align-items: center;\n}\n\n.advanced-kpi--middle \u003e * {\n margin: 5px 0;\n}\n\n.advanced-kpi--middle .value {\n color: var(--highlight);\n font-weight: 600;\n font-size: 3rem;\n}\n\n.advanced-kpi--bottom {\n font-size: 0.8em;\n}\n\n.advanced-kpi--bottom .advanced-kpi--bottom-second-stage {\n display: flex;\n justify-content: space-between;\n}\n\n.advanced-kpi--bottom .source {\n text-decoration: underline;\n color: var(--links);\n}\n\n.advanced-kpi--bottom .source i {\n margin-left: 6px;\n}\n\n.advanced-kpi--bottom .source:hover {\n opacity: 0.65;\n}\n\n.advanced-kpi--bottom .source:hover i {\n animation: bounce 0.7s ease infinite;\n}\n\n@keyframes bounce {\n from {\n margin-left: 6px;\n margin-right: 0;\n }\n 50% {\n margin-left: 2px;\n margin-right: 4px;\n }\n to {\n margin-left: 6px;\n margin-right: 0;\n }\n}\n\n/* CHARTS */\n.ods-chart {\n min-height: inherit;\n}\n\n.medium-chart {\n height: 350px;\n}\n\n.small-chart {\n height: 130px;\n}\n\n.highcharts-axis tspan, .highcharts-data-label tspan, .highcharts-label span, .highcharts-xaxis-labels text, .highcharts-yaxis-labels text {\n font-family: Gotham-book, Arial, sans-serif !important;\n}\n\n.ods-highcharts__tooltip {\n align-items: center;\n}\n\n/**\n * License: MIT License\n * Generated on 25 Jun 2021\n * Author: Labs from opendatasoft\n * Version: 0.3\n * Description: ODS Layout over-ride to Flexbox system\n */\n\n.box,.row.full-height{height:100%}.row{display:flex;flex-wrap:wrap}.row\u003e*{margin-bottom:20px;flex-grow:1}.order-0{order:0}@media screen and (min-width:750px){.order-sm-0{order:0}}@media screen and (min-width:970px){.order-md-0{order:0}}@media screen and (min-width:1170px){.order-lg-0{order:0}.order-lg-1{order:1}}.order-1{order:1}@media screen and (min-width:750px){.order-sm-1{order:1}}@media screen and (min-width:970px){.order-md-1{order:1}.order-md-2{order:2}}.order-2{order:2}@media screen and (min-width:750px){.order-sm-2{order:2}}@media screen and (min-width:1170px){.order-lg-2{order:2}.order-lg-3{order:3}}.order-3{order:3}@media screen and (min-width:750px){.order-sm-3{order:3}}@media screen and (min-width:970px){.order-md-3{order:3}.order-md-4{order:4}}.order-4{order:4}@media screen and (min-width:750px){.order-sm-4{order:4}}@media screen and (min-width:1170px){.order-lg-4{order:4}.order-lg-5{order:5}}.order-5{order:5}@media screen and (min-width:750px){.order-sm-5{order:5}}@media screen and (min-width:970px){.order-md-5{order:5}.order-md-6{order:6}}.order-6{order:6}@media screen and (min-width:750px){.order-sm-6{order:6}}@media screen and (min-width:1170px){.order-lg-6{order:6}.order-lg-7{order:7}}.order-7{order:7}@media screen and (min-width:750px){.order-sm-7{order:7}}@media screen and (min-width:970px){.order-md-7{order:7}.order-md-8{order:8}}.order-8{order:8}@media screen and (min-width:750px){.order-sm-8{order:8}}@media screen and (min-width:1170px){.order-lg-8{order:8}.order-lg-9{order:9}}.order-9{order:9}@media screen and (min-width:750px){.order-sm-9{order:9}}@media screen and (min-width:970px){.order-md-9{order:9}.order-md-10{order:10}}.order-10{order:10}@media screen and (min-width:750px){.order-sm-10{order:10}}@media screen and (min-width:1170px){.order-lg-10{order:10}.order-lg-11{order:11}}.order-11{order:11}@media screen and (min-width:750px){.order-sm-11{order:11}}@media screen and (min-width:970px){.order-md-11{order:11}.order-md-12{order:12}}.order-12{order:12}@media screen and (min-width:750px){.order-sm-12{order:12}}@media screen and (min-width:1170px){.order-lg-12{order:12}}@media screen and (max-width:1169px){:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-1,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-10,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-11,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-12,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-2,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-3,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-4,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-5,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-6,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-7,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-8,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-9{width:100%}}@media screen and (max-width:969px){:not([class*=col-sm]):not([class*=col-xs]).col-md-1,:not([class*=col-sm]):not([class*=col-xs]).col-md-10,:not([class*=col-sm]):not([class*=col-xs]).col-md-11,:not([class*=col-sm]):not([class*=col-xs]).col-md-12,:not([class*=col-sm]):not([class*=col-xs]).col-md-2,:not([class*=col-sm]):not([class*=col-xs]).col-md-3,:not([class*=col-sm]):not([class*=col-xs]).col-md-4,:not([class*=col-sm]):not([class*=col-xs]).col-md-5,:not([class*=col-sm]):not([class*=col-xs]).col-md-6,:not([class*=col-sm]):not([class*=col-xs]).col-md-7,:not([class*=col-sm]):not([class*=col-xs]).col-md-8,:not([class*=col-sm]):not([class*=col-xs]).col-md-9{width:100%}}@media screen and (max-width:749px){.row{flex-direction:column}:not([class*=col-xs]).col-sm-1,:not([class*=col-xs]).col-sm-10,:not([class*=col-xs]).col-sm-11,:not([class*=col-xs]).col-sm-12,:not([class*=col-xs]).col-sm-2,:not([class*=col-xs]).col-sm-3,:not([class*=col-xs]).col-sm-4,:not([class*=col-xs]).col-sm-5,:not([class*=col-xs]).col-sm-6,:not([class*=col-xs]).col-sm-7,:not([class*=col-xs]).col-sm-8,:not([class*=col-xs]).col-sm-9{width:100%}}.no-margin-bottom,.no-mb{margin-bottom:0!important}.no-margin-x,.no-mx{margin-left:0!important;margin-right:0!important}\n" }'>
                  @@ -673,7 +805,8 @@

                  width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -717,6 +850,7 @@

                  const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -827,7 +961,9 @@

                  $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                  <div ng-app="ods-widgets"> @@ -975,7 +1111,7 @@

                  <div class="advanced-kpi--bottom-second-stage"> <span class="date">{{ ctx1.dataset.metas.data_processed | date }}</span> <a class="source" - href="{{ 'https://' + ctx1.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + ctx1.dataset.datasetid }}" + href="{{ 'https://' + ctx1.dataset.metas.domain + '.huwise.com/explore/dataset/' + ctx1.dataset.datasetid }}" title="{{ ctx1.dataset.metas.title }}">Source <i class="fa fa-long-arrow-right" aria-hidden="true"></i> @@ -1014,7 +1150,7 @@

                  <div class="advanced-kpi--bottom-second-stage"> <span class="date">{{ ctx1.dataset.metas.data_processed | date }}</span> <a class="source" - href="{{ 'https://' + ctx1.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + ctx1.dataset.datasetid }}" + href="{{ 'https://' + ctx1.dataset.metas.domain + '.huwise.com/explore/dataset/' + ctx1.dataset.datasetid }}" title="{{ ctx1.dataset.metas.title }}">Source <i class="fa fa-long-arrow-right" aria-hidden="true"></i> @@ -1053,7 +1189,7 @@

                  <div class="advanced-kpi--bottom-second-stage"> <span class="date">{{ ctx1.dataset.metas.data_processed | date }}</span> <a class="source" - href="{{ 'https://' + ctx1.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + ctx1.dataset.datasetid }}" + href="{{ 'https://' + ctx1.dataset.metas.domain + '.huwise.com/explore/dataset/' + ctx1.dataset.datasetid }}" title="{{ ctx1.dataset.metas.title }}">Source <i class="fa fa-long-arrow-right" aria-hidden="true"></i> @@ -1095,7 +1231,7 @@

                  <div class="advanced-kpi--bottom-second-stage"> <span class="date">{{ ctx1.dataset.metas.data_processed | date }}</span> <a class="source" - href="{{ 'https://' + ctx1.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + ctx1.dataset.datasetid }}" + href="{{ 'https://' + ctx1.dataset.metas.domain + '.huwise.com/explore/dataset/' + ctx1.dataset.datasetid }}" title="{{ ctx1.dataset.metas.title }}">Source <i class="fa fa-long-arrow-right" aria-hidden="true"></i> @@ -1132,7 +1268,7 @@

                  <div class="advanced-kpi--bottom-second-stage"> <span class="date">{{ ctx1.dataset.metas.data_processed | date }}</span> <a class="source" - href="{{ 'https://' + ctx1.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + ctx1.dataset.datasetid }}" + href="{{ 'https://' + ctx1.dataset.metas.domain + '.huwise.com/explore/dataset/' + ctx1.dataset.datasetid }}" title="{{ ctx1.dataset.metas.title }}">Source <i class="fa fa-long-arrow-right" aria-hidden="true"></i> @@ -1168,7 +1304,7 @@

                  <div class="advanced-kpi--bottom-second-stage"> <span class="date">{{ ctx1.dataset.metas.data_processed | date }}</span> <a class="source" - href="{{ 'https://' + ctx1.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + ctx1.dataset.datasetid }}" + href="{{ 'https://' + ctx1.dataset.metas.domain + '.huwise.com/explore/dataset/' + ctx1.dataset.datasetid }}" title="{{ ctx1.dataset.metas.title }}">Source <i class="fa fa-long-arrow-right" aria-hidden="true"></i> @@ -1198,7 +1334,7 @@

                  <div class="advanced-kpi--bottom-second-stage"> <span class="date">{{ ctx1.dataset.metas.data_processed | date }}</span> <a class="source" - href="{{ 'https://' + ctx1.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + ctx1.dataset.datasetid }}" + href="{{ 'https://' + ctx1.dataset.metas.domain + '.huwise.com/explore/dataset/' + ctx1.dataset.datasetid }}" title="{{ ctx1.dataset.metas.title }}">Source <i class="fa fa-long-arrow-right" aria-hidden="true"></i> @@ -1234,7 +1370,7 @@

                  <div class="advanced-kpi--bottom-second-stage"> <span class="date">{{ ctx1.dataset.metas.data_processed | date }}</span> <a class="source" - href="{{ 'https://' + ctx1.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + ctx1.dataset.datasetid }}" + href="{{ 'https://' + ctx1.dataset.metas.domain + '.huwise.com/explore/dataset/' + ctx1.dataset.datasetid }}" title="{{ ctx1.dataset.metas.title }}">Source <i class="fa fa-long-arrow-right" aria-hidden="true"></i> @@ -1636,14 +1772,22 @@

                  * Description: ODS Layout over-ride to Flexbox system */ -.box,.row.full-height{height:100%}.row{display:flex;flex-wrap:wrap}.row>*{margin-bottom:20px}.order-0{order:0}@media screen and (min-width:750px){.order-sm-0{order:0}}@media screen and (min-width:970px){.order-md-0{order:0}}@media screen and (min-width:1170px){.order-lg-0{order:0}.order-lg-1{order:1}}.order-1{order:1}@media screen and (min-width:750px){.order-sm-1{order:1}}@media screen and (min-width:970px){.order-md-1{order:1}.order-md-2{order:2}}.order-2{order:2}@media screen and (min-width:750px){.order-sm-2{order:2}}@media screen and (min-width:1170px){.order-lg-2{order:2}.order-lg-3{order:3}}.order-3{order:3}@media screen and (min-width:750px){.order-sm-3{order:3}}@media screen and (min-width:970px){.order-md-3{order:3}.order-md-4{order:4}}.order-4{order:4}@media screen and (min-width:750px){.order-sm-4{order:4}}@media screen and (min-width:1170px){.order-lg-4{order:4}.order-lg-5{order:5}}.order-5{order:5}@media screen and (min-width:750px){.order-sm-5{order:5}}@media screen and (min-width:970px){.order-md-5{order:5}.order-md-6{order:6}}.order-6{order:6}@media screen and (min-width:750px){.order-sm-6{order:6}}@media screen and (min-width:1170px){.order-lg-6{order:6}.order-lg-7{order:7}}.order-7{order:7}@media screen and (min-width:750px){.order-sm-7{order:7}}@media screen and (min-width:970px){.order-md-7{order:7}.order-md-8{order:8}}.order-8{order:8}@media screen and (min-width:750px){.order-sm-8{order:8}}@media screen and (min-width:1170px){.order-lg-8{order:8}.order-lg-9{order:9}}.order-9{order:9}@media screen and (min-width:750px){.order-sm-9{order:9}}@media screen and (min-width:970px){.order-md-9{order:9}.order-md-10{order:10}}.order-10{order:10}@media screen and (min-width:750px){.order-sm-10{order:10}}@media screen and (min-width:1170px){.order-lg-10{order:10}.order-lg-11{order:11}}.order-11{order:11}@media screen and (min-width:750px){.order-sm-11{order:11}}@media screen and (min-width:970px){.order-md-11{order:11}.order-md-12{order:12}}.order-12{order:12}@media screen and (min-width:750px){.order-sm-12{order:12}}@media screen and (min-width:1170px){.order-lg-12{order:12}}@media screen and (max-width:1169px){:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-1,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-10,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-11,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-12,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-2,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-3,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-4,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-5,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-6,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-7,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-8,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-9{width:100%}}@media screen and (max-width:969px){:not([class*=col-sm]):not([class*=col-xs]).col-md-1,:not([class*=col-sm]):not([class*=col-xs]).col-md-10,:not([class*=col-sm]):not([class*=col-xs]).col-md-11,:not([class*=col-sm]):not([class*=col-xs]).col-md-12,:not([class*=col-sm]):not([class*=col-xs]).col-md-2,:not([class*=col-sm]):not([class*=col-xs]).col-md-3,:not([class*=col-sm]):not([class*=col-xs]).col-md-4,:not([class*=col-sm]):not([class*=col-xs]).col-md-5,:not([class*=col-sm]):not([class*=col-xs]).col-md-6,:not([class*=col-sm]):not([class*=col-xs]).col-md-7,:not([class*=col-sm]):not([class*=col-xs]).col-md-8,:not([class*=col-sm]):not([class*=col-xs]).col-md-9{width:100%}}@media screen and (max-width:749px){.row{flex-direction:column}:not([class*=col-xs]).col-sm-1,:not([class*=col-xs]).col-sm-10,:not([class*=col-xs]).col-sm-11,:not([class*=col-xs]).col-sm-12,:not([class*=col-xs]).col-sm-2,:not([class*=col-xs]).col-sm-3,:not([class*=col-xs]).col-sm-4,:not([class*=col-xs]).col-sm-5,:not([class*=col-xs]).col-sm-6,:not([class*=col-xs]).col-sm-7,:not([class*=col-xs]).col-sm-8,:not([class*=col-xs]).col-sm-9{width:100%}}.no-margin-bottom,.no-mb{margin-bottom:0!important}.no-margin-x,.no-mx{margin-left:0!important;margin-right:0!important} +.box,.row.full-height{height:100%}.row{display:flex;flex-wrap:wrap}.row>*{margin-bottom:20px;flex-grow:1}.order-0{order:0}@media screen and (min-width:750px){.order-sm-0{order:0}}@media screen and (min-width:970px){.order-md-0{order:0}}@media screen and (min-width:1170px){.order-lg-0{order:0}.order-lg-1{order:1}}.order-1{order:1}@media screen and (min-width:750px){.order-sm-1{order:1}}@media screen and (min-width:970px){.order-md-1{order:1}.order-md-2{order:2}}.order-2{order:2}@media screen and (min-width:750px){.order-sm-2{order:2}}@media screen and (min-width:1170px){.order-lg-2{order:2}.order-lg-3{order:3}}.order-3{order:3}@media screen and (min-width:750px){.order-sm-3{order:3}}@media screen and (min-width:970px){.order-md-3{order:3}.order-md-4{order:4}}.order-4{order:4}@media screen and (min-width:750px){.order-sm-4{order:4}}@media screen and (min-width:1170px){.order-lg-4{order:4}.order-lg-5{order:5}}.order-5{order:5}@media screen and (min-width:750px){.order-sm-5{order:5}}@media screen and (min-width:970px){.order-md-5{order:5}.order-md-6{order:6}}.order-6{order:6}@media screen and (min-width:750px){.order-sm-6{order:6}}@media screen and (min-width:1170px){.order-lg-6{order:6}.order-lg-7{order:7}}.order-7{order:7}@media screen and (min-width:750px){.order-sm-7{order:7}}@media screen and (min-width:970px){.order-md-7{order:7}.order-md-8{order:8}}.order-8{order:8}@media screen and (min-width:750px){.order-sm-8{order:8}}@media screen and (min-width:1170px){.order-lg-8{order:8}.order-lg-9{order:9}}.order-9{order:9}@media screen and (min-width:750px){.order-sm-9{order:9}}@media screen and (min-width:970px){.order-md-9{order:9}.order-md-10{order:10}}.order-10{order:10}@media screen and (min-width:750px){.order-sm-10{order:10}}@media screen and (min-width:1170px){.order-lg-10{order:10}.order-lg-11{order:11}}.order-11{order:11}@media screen and (min-width:750px){.order-sm-11{order:11}}@media screen and (min-width:970px){.order-md-11{order:11}.order-md-12{order:12}}.order-12{order:12}@media screen and (min-width:750px){.order-sm-12{order:12}}@media screen and (min-width:1170px){.order-lg-12{order:12}}@media screen and (max-width:1169px){:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-1,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-10,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-11,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-12,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-2,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-3,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-4,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-5,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-6,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-7,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-8,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-9{width:100%}}@media screen and (max-width:969px){:not([class*=col-sm]):not([class*=col-xs]).col-md-1,:not([class*=col-sm]):not([class*=col-xs]).col-md-10,:not([class*=col-sm]):not([class*=col-xs]).col-md-11,:not([class*=col-sm]):not([class*=col-xs]).col-md-12,:not([class*=col-sm]):not([class*=col-xs]).col-md-2,:not([class*=col-sm]):not([class*=col-xs]).col-md-3,:not([class*=col-sm]):not([class*=col-xs]).col-md-4,:not([class*=col-sm]):not([class*=col-xs]).col-md-5,:not([class*=col-sm]):not([class*=col-xs]).col-md-6,:not([class*=col-sm]):not([class*=col-xs]).col-md-7,:not([class*=col-sm]):not([class*=col-xs]).col-md-8,:not([class*=col-sm]):not([class*=col-xs]).col-md-9{width:100%}}@media screen and (max-width:749px){.row{flex-direction:column}:not([class*=col-xs]).col-sm-1,:not([class*=col-xs]).col-sm-10,:not([class*=col-xs]).col-sm-11,:not([class*=col-xs]).col-sm-12,:not([class*=col-xs]).col-sm-2,:not([class*=col-xs]).col-sm-3,:not([class*=col-xs]).col-sm-4,:not([class*=col-xs]).col-sm-5,:not([class*=col-xs]).col-sm-6,:not([class*=col-xs]).col-sm-7,:not([class*=col-xs]).col-sm-8,:not([class*=col-xs]).col-sm-9{width:100%}}.no-margin-bottom,.no-mb{margin-bottom:0!important}.no-margin-x,.no-mx{margin-left:0!important;margin-right:0!important} "> -
                  - + +

                  - -

                  - -
                  -

                  - CSS Grid : Observatory model - New +

                  + +
                  - - - - - -

                -
                -

                This version is based on the CSS Grid framework available here. Please read the resource description carefully before using it as it’s mainly dedicated to expert users.

                +
                +

                + CSS Grid : Observatory model + + + + + +

                +
                +

                This version is based on the CSS Grid framework available here. Please read the resource description carefully before using it as it’s mainly dedicated to expert users.

                Note: The CSS includes only necessary classes and NOT the entire CSS Grid framework. To change the layout, you’ll then also need to change the according CSS. -Feel free to get the full framework if needed.

                -
                +Feel free to get the full framework if needed.

                + +
                + + +
                + -
                - -
                - + + + + + + +
                name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003csection class=\"observatory\" ng-init=\"values.modalswitchstatus = false\"\u003e\n \u003cdiv class=\"backdrop\"\n ng-click=\"values.modalswitchstatus = !values.modalswitchstatus\"\n ng-class=\"{'backdrop-active':values.modalswitchstatus}\"\u003e\n \u003c/div\u003e\n\n \u003cods-dataset-context context=\"ctx1,ctx2,ctx3\"\n ctx1-dataset=\"buildingref-france-bpe-all-geolocated\"\n ctx1-parameters=\"{'disjunctive.epci_name':true}\"\n ctx1-domain=\"public\"\n ctx2-dataset=\"buildingref-france-bpe-all-geolocated\"\n ctx2-parameters=\"{'disjunctive.epci_name':true,'refine.category':'Services aux particuliers'}\"\n ctx2-domain=\"public\"\n ctx3-dataset=\"buildingref-france-bpe-all-geolocated\"\n ctx3-parameters=\"{'disjunctive.epci_name':true,'refine.category':'Santé'}\"\n ctx3-domain=\"public\"\u003e\n\n {{\n ctx2.parameters['refine.reg_name'] = ctx1.parameters['refine.reg_name'] ;\n ctx3.parameters['refine.reg_name'] = ctx1.parameters['refine.reg_name'] ;\n ctx2.parameters['refine.dep_name'] = ctx1.parameters['refine.dep_name'] ;\n ctx3.parameters['refine.dep_name'] = ctx1.parameters['refine.dep_name'] ;\n ctx2.parameters['refine.com_arm_area_code'] = ctx1.parameters['refine.com_arm_area_code'] ;\n ctx3.parameters['refine.com_arm_area_code'] = ctx1.parameters['refine.com_arm_area_code'] ;\n ctx2.parameters['refine.epci_name'] = ctx1.parameters['refine.epci_name'] ;\n ctx3.parameters['refine.epci_name'] = ctx1.parameters['refine.epci_name'] ;\n \"\"\n }}\n\n \u003c!-- Analyses --\u003e\n \u003cspan ods-aggregation=\"agg\"\n ods-aggregation-context=\"ctx1\"\n ods-aggregation-function=\"COUNT\"\u003e\n {{ values.nbequip = agg ; '' }}\n \u003c/span\u003e\n \u003cspan ods-aggregation=\"services\"\n ods-aggregation-context=\"ctx2\"\n ods-aggregation-function=\"COUNT\"\u003e\n {{ values.services = services ; '' }}\n \u003c/span\u003e\n \u003cspan ods-aggregation=\"sante\"\n ods-aggregation-context=\"ctx3\"\n ods-aggregation-function=\"COUNT\"\u003e\n {{ values.sante = sante ; '' }}\n \u003c/span\u003e\n\n\n \u003c!-- THE RIGHT MODAL --\u003e\n \u003cdiv class=\"rightmodal\"\u003e\n \u003cdiv class=\"cl-modal\"\n ng-class=\"{'cl-modal-active':values.modalswitchstatus}\"\u003e\n \u003cdiv class=\"cl-modal__header\"\n ng-click=\"values.modalswitchstatus = !values.modalswitchstatus\"\u003e\n \u003ca href=\"#\"\n class=\"closebtn\"\u003e\n Fermer \u003ci class=\"fa fa-times-circle\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cl-modal__content\"\u003e\n \u003cods-facets context=\"ctx1\"\u003e\n \u003ch3\u003e\n Région\n \u003c/h3\u003e\n \u003cods-facet name=\"reg_name\"\u003e\u003c/ods-facet\u003e\n \u003ch3\u003e\n Département\n \u003c/h3\u003e\n \u003cods-facet name=\"dep_name\"\u003e\u003c/ods-facet\u003e\n \u003ch3\u003e\n Code DROM\n \u003c/h3\u003e\n \u003cods-facet name=\"com_arm_area_code\"\u003e\u003c/ods-facet\u003e\n \u003ch3\u003e\n EPCI\n \u003c/h3\u003e\n \u003cods-facet name=\"epci_name\"\u003e\u003c/ods-facet\u003e\n \u003c/ods-facets\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003csection class=\"head\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch1 class=\"titre\"\u003e\n Un modèle d'observation des équipements en France\n \u003c/h1\u003e\n \u003cdiv class=\"edito\"\u003e\n \u003cp\u003eBien que .. \u003cq\u003eIl n'y a pas de modèle pour qui cherche ce qu'il n'a jamais vu.\u003c/q\u003e Paul Éluard\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv id=\"resume\"\u003e\n \u003cp\u003e\n L'objectif de la Base Permanente des Équipements (BPE) est de proposer annuellement une base\n d'équipements géolocalisés construite à partir de sources administratives diverses.\n \u003c/p\u003e\n \u003cp\u003e\n La classification des équipements en gammes a pour objectif de réunir des équipements qui\n présentent\n des logiques d'implantation voisines, en ce sens qu'ils sont fréquemment présents dans les mêmes\n communes. Ces regroupements permettent d'élaborer des indicateurs synthétiques reflétant\n l'organisation hiérarchisée des territoires en termes de services à la population.\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003csection class=\"filter-block\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cbutton ng-click=\"values.modalswitchstatus = !values.modalswitchstatus\"\u003e\n \u003csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\n stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n class=\"feather feather-filter\"\u003e\n \u003cpolygon points=\"22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3\"\u003e\u003c/polygon\u003e\n \u003c/svg\u003e\n Filtrer les données\n \u003c/button\u003e\n \u003cods-filter-summary context=\"ctx1\"\u003e\n {{ refinements }}\n \u003c/ods-filter-summary\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n\n \u003csection\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"grid md:grid-4 gap-6\"\u003e\n \u003cdiv class=\"md:cell-2 box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Nombre d'équipements en 2019\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Données INSEE issu de la BPE (Base permanente des équipements)\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\u003e\n {{ values.nbequip | number }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ ctx1.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + ctx1.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + ctx1.dataset.datasetid }}\"\n title=\"{{ ctx1.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"md:cell-2 box white flat\"\n ng-if=\"!ctx1.parameters['refine.reg_name']\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Top 5 Région\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Nombre d'équipements des 5 régions les mieux équipées\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle\"\u003e\n \u003cods-chart style=\"height: 170px\" class=\"small-chart\" single-y-axis=\"true\"\n scientific-display=\"true\"\n display-legend=\"false\"\n labels-x-length=\"20\" align-month=\"false\"\u003e\n \u003cods-chart-query context=\"ctx1\" field-x=\"reg_name\" maxpoints=\"5\"\n sort=\"serie1-1\"\u003e\n \u003cods-chart-serie chart-type=\"bar\" function-y=\"COUNT\" color=\"#000000\"\n scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ ctx1.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + ctx1.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + ctx1.dataset.datasetid }}\"\n title=\"{{ ctx1.dataset.metas.title }}\"\u003eSource \u003ci\n class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"md:cell-2 box white flat\"\n ng-if=\"ctx1.parameters['refine.reg_name']\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Top 5 Département\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Nombre d'équipements des 5 départements les mieux équipées\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle\"\u003e\n \u003cods-chart style=\"height: 170px\" class=\"small-chart\" single-y-axis=\"true\"\n scientific-display=\"true\"\n display-legend=\"false\"\n labels-x-length=\"20\" align-month=\"false\"\u003e\n \u003cods-chart-query context=\"ctx1\" field-x=\"dep_name\" maxpoints=\"5\"\n sort=\"serie1-1\"\u003e\n \u003cods-chart-serie chart-type=\"bar\" function-y=\"COUNT\" color=\"#000000\"\n scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ ctx1.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + ctx1.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + ctx1.dataset.datasetid }}\"\n title=\"{{ ctx1.dataset.metas.title }}\"\u003eSource \u003ci\n class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"md:cell-full box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Répartis en grandes catégories\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n La Base Permanente des Équipements est réparti en 7 grands domaines : services aux\n particuliers ; commerces ; enseignement ; santé ; transports et déplacements ;\n sports, loisirs et culture ; tourisme.\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle\"\u003e\n \u003cods-chart class=\"medium-chart\" labels-x-length=\"30\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"ctx1\" field-x=\"category\" maxpoints=\"0\" sort=\"serie1-1\"\n category-colors=\"{'Services aux particuliers':'#ff714d','Santé':'#25c9ff','Commerces':'#CCEFC2','Sports, loisirs et culture':'#E5E2A7','Enseignement':'#E9D9FF','Transports et déplacements':'#FFFFFF','Tourisme':'#F4C5C8'}\"\u003e\n \u003cods-chart-serie chart-type=\"treemap\" function-y=\"COUNT\" color=\"range-PiYG\"\n scientific-display=\"false\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ ctx1.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + ctx1.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + ctx1.dataset.datasetid }}\"\n title=\"{{ ctx1.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003ch2\u003e\n Observons ses deux principales catégories\n \u003c/h2\u003e\n\n \u003cdiv class=\"grid lg:grid-4 gap-6\"\u003e\n \u003cdiv class=\"lg:cell-2 lg:cell-order-1 box white flat colored services\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Les Services aux particuliers\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n qui représentent\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\u003e\n {{ (values.services / values.nbequip * 100) | number : 1 }} %\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ ctx1.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + ctx1.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + ctx1.dataset.datasetid }}\"\n title=\"{{ ctx1.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"lg:cell-2 lg:cell-order-3 box white flat colored services\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Principaux équipement de services aux particuliers\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description du TOP 20 de cette catégorie\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle\"\u003e\n \u003cods-chart class=\"medium-chart\" labels-x-length=\"40\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"ctx2\" field-x=\"equipment_name\" maxpoints=\"20\"\n sort=\"serie1-1\"\u003e\n \u003cods-chart-serie chart-type=\"bar\" function-y=\"COUNT\" color=\"#ff714d\"\n scientific-display=\"true\" label-y=\"Nb. équipements\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ ctx1.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + ctx1.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + ctx1.dataset.datasetid }}\"\n title=\"{{ ctx1.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"lg:cell-2 lg:cell-order-2 box white flat colored sante\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n et la Santé\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n qui représente\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\u003e\n {{ (values.sante / values.nbequip * 100) | number : 1 }} %\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ ctx1.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + ctx1.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + ctx1.dataset.datasetid }}\"\n title=\"{{ ctx1.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"lg:cell-2 lg:cell-order-4 box white flat colored sante\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Principaux équipements de Santé\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description du TOP 20 de cette catégorie\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle\"\u003e\n \u003cods-chart class=\"medium-chart\" labels-x-length=\"40\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"ctx3\" field-x=\"equipment_name\" maxpoints=\"20\"\n sort=\"serie1-1\"\u003e\n \u003cods-chart-serie chart-type=\"bar\" function-y=\"COUNT\" color=\"#25c9ff\"\n scientific-display=\"true\" label-y=\"Nb. équipements\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ ctx1.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + ctx1.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + ctx1.dataset.datasetid }}\"\n title=\"{{ ctx1.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003c/ods-dataset-context\u003e\n\u003c/section\u003e\u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003csection class=\"observatory\" ng-init=\"values.modalswitchstatus = false\"\u003e\n \u003cdiv class=\"backdrop\"\n ng-click=\"values.modalswitchstatus = !values.modalswitchstatus\"\n ng-class=\"{'backdrop-active':values.modalswitchstatus}\"\u003e\n \u003c/div\u003e\n\n \u003cods-dataset-context context=\"ctx1,ctx2,ctx3\"\n ctx1-dataset=\"buildingref-france-bpe-all-geolocated\"\n ctx1-parameters=\"{'disjunctive.epci_name':true}\"\n ctx1-domain=\"public\"\n ctx2-dataset=\"buildingref-france-bpe-all-geolocated\"\n ctx2-parameters=\"{'disjunctive.epci_name':true,'refine.category':'Services aux particuliers'}\"\n ctx2-domain=\"public\"\n ctx3-dataset=\"buildingref-france-bpe-all-geolocated\"\n ctx3-parameters=\"{'disjunctive.epci_name':true,'refine.category':'Santé'}\"\n ctx3-domain=\"public\"\u003e\n\n {{\n ctx2.parameters['refine.reg_name'] = ctx1.parameters['refine.reg_name'] ;\n ctx3.parameters['refine.reg_name'] = ctx1.parameters['refine.reg_name'] ;\n ctx2.parameters['refine.dep_name'] = ctx1.parameters['refine.dep_name'] ;\n ctx3.parameters['refine.dep_name'] = ctx1.parameters['refine.dep_name'] ;\n ctx2.parameters['refine.com_arm_area_code'] = ctx1.parameters['refine.com_arm_area_code'] ;\n ctx3.parameters['refine.com_arm_area_code'] = ctx1.parameters['refine.com_arm_area_code'] ;\n ctx2.parameters['refine.epci_name'] = ctx1.parameters['refine.epci_name'] ;\n ctx3.parameters['refine.epci_name'] = ctx1.parameters['refine.epci_name'] ;\n \"\"\n }}\n\n \u003c!-- Analyses --\u003e\n \u003cspan ods-aggregation=\"agg\"\n ods-aggregation-context=\"ctx1\"\n ods-aggregation-function=\"COUNT\"\u003e\n {{ values.nbequip = agg ; '' }}\n \u003c/span\u003e\n \u003cspan ods-aggregation=\"services\"\n ods-aggregation-context=\"ctx2\"\n ods-aggregation-function=\"COUNT\"\u003e\n {{ values.services = services ; '' }}\n \u003c/span\u003e\n \u003cspan ods-aggregation=\"sante\"\n ods-aggregation-context=\"ctx3\"\n ods-aggregation-function=\"COUNT\"\u003e\n {{ values.sante = sante ; '' }}\n \u003c/span\u003e\n\n\n \u003c!-- THE RIGHT MODAL --\u003e\n \u003cdiv class=\"rightmodal\"\u003e\n \u003cdiv class=\"cl-modal\"\n ng-class=\"{'cl-modal-active':values.modalswitchstatus}\"\u003e\n \u003cdiv class=\"cl-modal__header\"\n ng-click=\"values.modalswitchstatus = !values.modalswitchstatus\"\u003e\n \u003ca href=\"#\"\n class=\"closebtn\"\u003e\n Fermer \u003ci class=\"fa fa-times-circle\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cl-modal__content\"\u003e\n \u003cods-facets context=\"ctx1\"\u003e\n \u003ch3\u003e\n Région\n \u003c/h3\u003e\n \u003cods-facet name=\"reg_name\"\u003e\u003c/ods-facet\u003e\n \u003ch3\u003e\n Département\n \u003c/h3\u003e\n \u003cods-facet name=\"dep_name\"\u003e\u003c/ods-facet\u003e\n \u003ch3\u003e\n Code DROM\n \u003c/h3\u003e\n \u003cods-facet name=\"com_arm_area_code\"\u003e\u003c/ods-facet\u003e\n \u003ch3\u003e\n EPCI\n \u003c/h3\u003e\n \u003cods-facet name=\"epci_name\"\u003e\u003c/ods-facet\u003e\n \u003c/ods-facets\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003csection class=\"head\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003ch1 class=\"titre\"\u003e\n Un modèle d'observation des équipements en France\n \u003c/h1\u003e\n \u003cdiv class=\"edito\"\u003e\n \u003cp\u003eBien que .. \u003cq\u003eIl n'y a pas de modèle pour qui cherche ce qu'il n'a jamais vu.\u003c/q\u003e Paul Éluard\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv id=\"resume\"\u003e\n \u003cp\u003e\n L'objectif de la Base Permanente des Équipements (BPE) est de proposer annuellement une base\n d'équipements géolocalisés construite à partir de sources administratives diverses.\n \u003c/p\u003e\n \u003cp\u003e\n La classification des équipements en gammes a pour objectif de réunir des équipements qui\n présentent\n des logiques d'implantation voisines, en ce sens qu'ils sont fréquemment présents dans les mêmes\n communes. Ces regroupements permettent d'élaborer des indicateurs synthétiques reflétant\n l'organisation hiérarchisée des territoires en termes de services à la population.\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003csection class=\"filter-block\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cbutton ng-click=\"values.modalswitchstatus = !values.modalswitchstatus\"\u003e\n \u003csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\n stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n class=\"feather feather-filter\"\u003e\n \u003cpolygon points=\"22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3\"\u003e\u003c/polygon\u003e\n \u003c/svg\u003e\n Filtrer les données\n \u003c/button\u003e\n \u003cods-filter-summary context=\"ctx1\"\u003e\n {{ refinements }}\n \u003c/ods-filter-summary\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n\n \u003csection\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"grid md:grid-4 gap-6\"\u003e\n \u003cdiv class=\"md:cell-2 box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Nombre d'équipements en 2019\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Données INSEE issu de la BPE (Base permanente des équipements)\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\u003e\n {{ values.nbequip | number }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ ctx1.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + ctx1.dataset.metas.domain + '.huwise.com/explore/dataset/' + ctx1.dataset.datasetid }}\"\n title=\"{{ ctx1.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"md:cell-2 box white flat\"\n ng-if=\"!ctx1.parameters['refine.reg_name']\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Top 5 Région\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Nombre d'équipements des 5 régions les mieux équipées\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle\"\u003e\n \u003cods-chart style=\"height: 170px\" class=\"small-chart\" single-y-axis=\"true\"\n scientific-display=\"true\"\n display-legend=\"false\"\n labels-x-length=\"20\" align-month=\"false\"\u003e\n \u003cods-chart-query context=\"ctx1\" field-x=\"reg_name\" maxpoints=\"5\"\n sort=\"serie1-1\"\u003e\n \u003cods-chart-serie chart-type=\"bar\" function-y=\"COUNT\" color=\"#000000\"\n scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ ctx1.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + ctx1.dataset.metas.domain + '.huwise.com/explore/dataset/' + ctx1.dataset.datasetid }}\"\n title=\"{{ ctx1.dataset.metas.title }}\"\u003eSource \u003ci\n class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"md:cell-2 box white flat\"\n ng-if=\"ctx1.parameters['refine.reg_name']\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Top 5 Département\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Nombre d'équipements des 5 départements les mieux équipées\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle\"\u003e\n \u003cods-chart style=\"height: 170px\" class=\"small-chart\" single-y-axis=\"true\"\n scientific-display=\"true\"\n display-legend=\"false\"\n labels-x-length=\"20\" align-month=\"false\"\u003e\n \u003cods-chart-query context=\"ctx1\" field-x=\"dep_name\" maxpoints=\"5\"\n sort=\"serie1-1\"\u003e\n \u003cods-chart-serie chart-type=\"bar\" function-y=\"COUNT\" color=\"#000000\"\n scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ ctx1.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + ctx1.dataset.metas.domain + '.huwise.com/explore/dataset/' + ctx1.dataset.datasetid }}\"\n title=\"{{ ctx1.dataset.metas.title }}\"\u003eSource \u003ci\n class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"md:cell-full box white flat\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Répartis en grandes catégories\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n La Base Permanente des Équipements est réparti en 7 grands domaines : services aux\n particuliers ; commerces ; enseignement ; santé ; transports et déplacements ;\n sports, loisirs et culture ; tourisme.\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle\"\u003e\n \u003cods-chart class=\"medium-chart\" labels-x-length=\"30\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"ctx1\" field-x=\"category\" maxpoints=\"0\" sort=\"serie1-1\"\n category-colors=\"{'Services aux particuliers':'#ff714d','Santé':'#25c9ff','Commerces':'#CCEFC2','Sports, loisirs et culture':'#E5E2A7','Enseignement':'#E9D9FF','Transports et déplacements':'#FFFFFF','Tourisme':'#F4C5C8'}\"\u003e\n \u003cods-chart-serie chart-type=\"treemap\" function-y=\"COUNT\" color=\"range-PiYG\"\n scientific-display=\"false\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ ctx1.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + ctx1.dataset.metas.domain + '.huwise.com/explore/dataset/' + ctx1.dataset.datasetid }}\"\n title=\"{{ ctx1.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003ch2\u003e\n Observons ses deux principales catégories\n \u003c/h2\u003e\n\n \u003cdiv class=\"grid lg:grid-4 gap-6\"\u003e\n \u003cdiv class=\"lg:cell-2 lg:cell-order-1 box white flat colored services\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Les Services aux particuliers\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n qui représentent\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\u003e\n {{ (values.services / values.nbequip * 100) | number : 1 }} %\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ ctx1.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + ctx1.dataset.metas.domain + '.huwise.com/explore/dataset/' + ctx1.dataset.datasetid }}\"\n title=\"{{ ctx1.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"lg:cell-2 lg:cell-order-3 box white flat colored services\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Principaux équipement de services aux particuliers\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description du TOP 20 de cette catégorie\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle\"\u003e\n \u003cods-chart class=\"medium-chart\" labels-x-length=\"40\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"ctx2\" field-x=\"equipment_name\" maxpoints=\"20\"\n sort=\"serie1-1\"\u003e\n \u003cods-chart-serie chart-type=\"bar\" function-y=\"COUNT\" color=\"#ff714d\"\n scientific-display=\"true\" label-y=\"Nb. équipements\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ ctx1.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + ctx1.dataset.metas.domain + '.huwise.com/explore/dataset/' + ctx1.dataset.datasetid }}\"\n title=\"{{ ctx1.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"lg:cell-2 lg:cell-order-2 box white flat colored sante\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n et la Santé\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n qui représente\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle centered\"\u003e\n \u003cp class=\"value\"\u003e\n {{ (values.sante / values.nbequip * 100) | number : 1 }} %\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ ctx1.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + ctx1.dataset.metas.domain + '.huwise.com/explore/dataset/' + ctx1.dataset.datasetid }}\"\n title=\"{{ ctx1.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"lg:cell-2 lg:cell-order-4 box white flat colored sante\"\u003e\n \u003cdiv class=\"advanced-kpi\"\u003e\n \u003cdiv class=\"advanced-kpi--top\"\u003e\n \u003ch3 class=\"title\"\u003e\n Principaux équipements de Santé\n \u003c/h3\u003e\n \u003cp class=\"description\"\u003e\n Description du TOP 20 de cette catégorie\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--middle\"\u003e\n \u003cods-chart class=\"medium-chart\" labels-x-length=\"40\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"ctx3\" field-x=\"equipment_name\" maxpoints=\"20\"\n sort=\"serie1-1\"\u003e\n \u003cods-chart-serie chart-type=\"bar\" function-y=\"COUNT\" color=\"#25c9ff\"\n scientific-display=\"true\" label-y=\"Nb. équipements\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003cdiv class=\"advanced-kpi--bottom\"\u003e\n \u003cdiv class=\"advanced-kpi--bottom-second-stage\"\u003e\n \u003cspan class=\"date\"\u003e{{ ctx1.dataset.metas.data_processed | date }}\u003c/span\u003e\n \u003ca class=\"source\"\n href=\"{{ 'https://' + ctx1.dataset.metas.domain + '.huwise.com/explore/dataset/' + ctx1.dataset.datasetid }}\"\n title=\"{{ ctx1.dataset.metas.title }}\"\u003eSource \u003ci class=\"fa fa-long-arrow-right\"\n aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003c/ods-dataset-context\u003e\n\u003c/section\u003e\u003c/div\u003e", "css": "/***** Observatory *****/\n:root {\n --boxes-radius: 6px;\n}\n\nmain {\n margin: 0;\n}\n\n.observatory {\n background-color: var(--page-background);\n /* prerequisite for full height modal bar */\n position: relative;\n}\n\n/***** GRID ******/\n[class^=grid] {\n display: grid;\n grid-gap: 1rem;\n}\n\n@media screen and (min-width: 768px), print {\n\n .md\\:grid-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n}\n@media screen and (min-width: 1024px), print {\n\n .lg\\:grid-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n}\n\n[class*=\":cell\"] {\n display: flex;\n flex-direction: column;\n /*grid-column: 1 / -1;*/\n justify-content: stretch;\n}\n@media screen and (min-width: 768px), print {\n\n .md\\:cell-full {\n grid-column: 1/-1;\n }\n\n .md\\:cell-2 {\n grid-column: span 2/span 2;\n }\n}\n@media screen and (min-width: 1024px), print {\n\n .lg\\:cell-2 {\n grid-column: span 2/span 2;\n }\n\n .lg\\:cell-order-1 {\n order: 1;\n }\n\n .lg\\:cell-order-2 {\n order: 2;\n }\n\n .lg\\:cell-order-3 {\n order: 3;\n }\n\n .lg\\:cell-order-4 {\n order: 4;\n }\n}\n\n.gap-6,\n.gap-6 [class^=grid] {\n gap: 1.5rem;\n}\n\n\nsection.head {\n background-color: white;\n padding: 26px 0;\n}\n\n.filter-block {\n position: sticky;\n top: 0;\n z-index: 1;\n box-shadow: 0px 15px 10px -15px #2b2b2b;\n margin-bottom: 35px;\n background-color: black;\n}\n.filter-block .container {\n display: flex;\n align-items: center;\n padding: 18px 0;\n}\n.filter-block button {\n padding: 0 13px;\n margin: 0 10px;\n border-radius: 100000px;\n display: flex;\n align-items: center;\n background-color: white;\n color: black;\n border: 1px solid black;\n height: 36px;\n min-width: max-content;\n}\n.filter-block button:hover {\n filter: invert();\n}\n.filter-block button svg {\n margin-right: 6px;\n}\n\n.titre {\n font-size: 37px;\n margin: 26px 0 6px;\n}\n\n.edito {\n margin: 0;\n font-size: 19px;\n}\n\n.edito q {\n font-style: italic;\n}\n\n#resume {\n font-size: 1.1em;\n line-height: 1.8em;\n margin-top: 26px;\n}\n@media screen and (min-width: 640px) {\n #resume {\n margin-right: 33%;\n }\n}\n\n/* BACKDROP (black screen when modal active) */\n.backdrop {\n visibility: hidden;\n opacity: 0;\n position: absolute;\n height: 100%;\n width: 100%;\n z-index: 900;\n background-color: #000;\n cursor: default;\n -webkit-transition: visibility 0.5s, opacity 0.5s;\n transition: visibility 0.5s, opacity 0.5s;\n}\n\n.backdrop-active {\n visibility: visible;\n opacity: 0.6;\n /* make a more or less darker backdrop, 1:totally dark, 0:totally transparent (invisibile) */\n}\n\n/* MODAL */\n.cl-modal {\n display: flex;\n flex-direction: column;\n position: fixed;\n top: 0;\n right: -400px;\n bottom: 0;\n width: 400px;\n background-color: white;\n z-index: 1000;\n overflow: hidden;\n /* Disable horizontal scroll */\n transition: ease-in 0.3s;\n}\n\n.cl-modal-active {\n right: 0;\n}\n\n/* specific because ods-widgets are loaded inside */\n.cl-modal__content {\n width: 400px;\n}\n\n@media (max-width: 420px) {\n .cl-modal-active {\n width: 100%;\n }\n\n .cl-modal__content {\n width: 100vw;\n }\n}\n.cl-modal__header {\n min-height: 35px;\n background-color: white;\n padding: 0 10px;\n display: flex;\n align-items: center;\n justify-content: start;\n opacity: 0;\n transition: opacity 0s;\n}\n.cl-modal__header .closebtn {\n padding: 0 13px;\n color: black;\n}\n\n.cl-modal-active .cl-modal__header {\n opacity: 1;\n transition-delay: 0.3s;\n}\n\n/* CONTENT OF THE MODAL */\n/* HEADER / UPPER PART */\n.cl-modal__header {\n border-bottom: 1px solid lightgrey;\n}\n\n/* THEN THE MIDDLE / CONTENT */\n.cl-modal__content {\n height: 100%;\n overflow-y: auto;\n padding: 25px;\n opacity: 0;\n transition: opacity 0s;\n}\n\n/* WARNING ! This part is very important : it renders the content only after the end of the openning of the modal\nie. when the modal is resized, nothing is visible, after 0.3s of resizing, it's displays the content\nthis trick is very important to avoid the browser the resize all the content during the modal opening */\n.cl-modal-active .cl-modal__content {\n opacity: 1;\n transition-delay: 0.3s;\n}\n\n/** FILTER SUMMARY */\nul.odswidget.odswidget-filter-summary {\n font-size: 1em;\n margin-left: 13px;\n position: relative;\n}\n\n@media (min-width: 420px) {\n ul.odswidget.odswidget-filter-summary {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n }\n}\nli.odswidget-filter-summary__active-filter,\nli.odswidget-filter-summary__clear-all {\n border-radius: 3px;\n margin: 2px 4px;\n padding: 0;\n}\n\nli.odswidget-filter-summary__active-filter {\n color: white;\n}\n\n.odswidget-filter-summary__active-filter-label {\n color: black;\n font-size: 1rem;\n}\n\na.odswidget-filter-summary__active-filter-link,\na.odswidget-clear-all-filters {\n border-left: none;\n margin: 0;\n padding: 2px 4px 2px 2px;\n display: flex;\n align-items: center;\n}\n\na.odswidget-clear-all-filters {\n align-items: center;\n color: white;\n opacity: 0.8;\n}\na.odswidget-clear-all-filters:hover {\n color: white;\n opacity: 1;\n}\n\na.odswidget-clear-all-filters i {\n margin-right: 3px;\n}\n\n.box {\n position: relative;\n padding: 13px;\n}\n.box.colored {\n padding-top: calc(13px + 9px);\n}\n.box.colored:before {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 9px;\n content: \"\";\n border-radius: var(--boxes-radius) var(--boxes-radius) 0 0;\n}\n.box.colored.services:before {\n background-color: #ff714d;\n}\n.box.colored.sante:before {\n background-color: #25c9ff;\n}\n.box.white {\n background-color: white;\n}\n.box.flat {\n border: 1px solid #dfdfdf;\n border-radius: var(--boxes-radius);\n}\n\n.advanced-kpi {\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.advanced-kpi--top .title {\n font-size: 1.2em;\n margin: 0 auto 6px;\n}\n.advanced-kpi--top .description {\n margin: 0 auto;\n color: #565656;\n font-size: 1em;\n font-weight: 400;\n}\n\n.advanced-kpi--middle {\n display: flex;\n flex-direction: column;\n margin: 20px 0;\n}\n.advanced-kpi--middle.centered {\n align-items: center;\n}\n.advanced-kpi--middle \u003e * {\n margin: 5px 0;\n}\n.advanced-kpi--middle .value {\n color: var(--highlight);\n font-weight: 600;\n font-size: 3rem;\n}\n\n.advanced-kpi--bottom {\n font-size: 0.8em;\n}\n.advanced-kpi--bottom .advanced-kpi--bottom-second-stage {\n display: flex;\n justify-content: space-between;\n}\n.advanced-kpi--bottom .source {\n text-decoration: underline;\n color: var(--links);\n}\n.advanced-kpi--bottom .source i {\n margin-left: 6px;\n}\n.advanced-kpi--bottom .source:hover {\n opacity: 0.65;\n}\n.advanced-kpi--bottom .source:hover i {\n animation: bounce 0.7s ease infinite;\n}\n\n@keyframes bounce {\n from {\n margin-left: 6px;\n margin-right: 0;\n }\n 50% {\n margin-left: 2px;\n margin-right: 4px;\n }\n to {\n margin-left: 6px;\n margin-right: 0;\n }\n}\n/* CHARTS */\n.ods-chart {\n min-height: inherit;\n}\n\n.medium-chart {\n height: 350px;\n}\n\n.small-chart {\n height: 130px;\n}\n\n.highcharts-axis tspan, .highcharts-data-label tspan, .highcharts-label span, .highcharts-xaxis-labels text, .highcharts-yaxis-labels text {\n font-family: Gotham-book, Arial, sans-serif !important;\n}\n\n.ods-highcharts__tooltip {\n align-items: center;\n}" }'>
                @@ -3398,7 +3605,8 @@

                width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -3442,6 +3650,7 @@

                const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -3552,7 +3761,9 @@

                $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                <div ng-app="ods-widgets"> @@ -3699,7 +3910,7 @@

                <div class="advanced-kpi--bottom-second-stage"> <span class="date">{{ ctx1.dataset.metas.data_processed | date }}</span> <a class="source" - href="{{ 'https://' + ctx1.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + ctx1.dataset.datasetid }}" + href="{{ 'https://' + ctx1.dataset.metas.domain + '.huwise.com/explore/dataset/' + ctx1.dataset.datasetid }}" title="{{ ctx1.dataset.metas.title }}">Source <i class="fa fa-long-arrow-right" aria-hidden="true"></i> </a> @@ -3735,7 +3946,7 @@

                <div class="advanced-kpi--bottom-second-stage"> <span class="date">{{ ctx1.dataset.metas.data_processed | date }}</span> <a class="source" - href="{{ 'https://' + ctx1.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + ctx1.dataset.datasetid }}" + href="{{ 'https://' + ctx1.dataset.metas.domain + '.huwise.com/explore/dataset/' + ctx1.dataset.datasetid }}" title="{{ ctx1.dataset.metas.title }}">Source <i class="fa fa-long-arrow-right" aria-hidden="true"></i> @@ -3772,7 +3983,7 @@

                <div class="advanced-kpi--bottom-second-stage"> <span class="date">{{ ctx1.dataset.metas.data_processed | date }}</span> <a class="source" - href="{{ 'https://' + ctx1.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + ctx1.dataset.datasetid }}" + href="{{ 'https://' + ctx1.dataset.metas.domain + '.huwise.com/explore/dataset/' + ctx1.dataset.datasetid }}" title="{{ ctx1.dataset.metas.title }}">Source <i class="fa fa-long-arrow-right" aria-hidden="true"></i> @@ -3807,7 +4018,7 @@

                <div class="advanced-kpi--bottom-second-stage"> <span class="date">{{ ctx1.dataset.metas.data_processed | date }}</span> <a class="source" - href="{{ 'https://' + ctx1.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + ctx1.dataset.datasetid }}" + href="{{ 'https://' + ctx1.dataset.metas.domain + '.huwise.com/explore/dataset/' + ctx1.dataset.datasetid }}" title="{{ ctx1.dataset.metas.title }}">Source <i class="fa fa-long-arrow-right" aria-hidden="true"></i> </a> @@ -3841,7 +4052,7 @@

                <div class="advanced-kpi--bottom-second-stage"> <span class="date">{{ ctx1.dataset.metas.data_processed | date }}</span> <a class="source" - href="{{ 'https://' + ctx1.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + ctx1.dataset.datasetid }}" + href="{{ 'https://' + ctx1.dataset.metas.domain + '.huwise.com/explore/dataset/' + ctx1.dataset.datasetid }}" title="{{ ctx1.dataset.metas.title }}">Source <i class="fa fa-long-arrow-right" aria-hidden="true"></i> </a> @@ -3873,7 +4084,7 @@

                <div class="advanced-kpi--bottom-second-stage"> <span class="date">{{ ctx1.dataset.metas.data_processed | date }}</span> <a class="source" - href="{{ 'https://' + ctx1.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + ctx1.dataset.datasetid }}" + href="{{ 'https://' + ctx1.dataset.metas.domain + '.huwise.com/explore/dataset/' + ctx1.dataset.datasetid }}" title="{{ ctx1.dataset.metas.title }}">Source <i class="fa fa-long-arrow-right" aria-hidden="true"></i> </a> @@ -3900,7 +4111,7 @@

                <div class="advanced-kpi--bottom-second-stage"> <span class="date">{{ ctx1.dataset.metas.data_processed | date }}</span> <a class="source" - href="{{ 'https://' + ctx1.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + ctx1.dataset.datasetid }}" + href="{{ 'https://' + ctx1.dataset.metas.domain + '.huwise.com/explore/dataset/' + ctx1.dataset.datasetid }}" title="{{ ctx1.dataset.metas.title }}">Source <i class="fa fa-long-arrow-right" aria-hidden="true"></i> </a> @@ -3932,7 +4143,7 @@

                <div class="advanced-kpi--bottom-second-stage"> <span class="date">{{ ctx1.dataset.metas.data_processed | date }}</span> <a class="source" - href="{{ 'https://' + ctx1.dataset.metas.domain + '.opendatasoft.com/explore/dataset/' + ctx1.dataset.datasetid }}" + href="{{ 'https://' + ctx1.dataset.metas.domain + '.huwise.com/explore/dataset/' + ctx1.dataset.datasetid }}" title="{{ ctx1.dataset.metas.title }}">Source <i class="fa fa-long-arrow-right" aria-hidden="true"></i> </a> @@ -4361,8 +4572,16 @@

                "> -
                - + +

                -

                - -
                + + + + +
                - - + - © Copyright 2020 + © Copyright 2026
                @@ -6077,7 +6353,7 @@

                diff --git a/public/page-templates/ods-layout-over-ride/benefits/css.inc b/public/page-templates/ods-layout-over-ride/benefits/css.inc index 804636d0a..e063fdf7e 100644 --- a/public/page-templates/ods-layout-over-ride/benefits/css.inc +++ b/public/page-templates/ods-layout-over-ride/benefits/css.inc @@ -6,7 +6,7 @@ * Description: ODS Layout over-ride to Flexbox system */ -.box,.row.full-height{height:100%}.row{display:flex;flex-wrap:wrap}.row>*{margin-bottom:20px}.order-0{order:0}@media screen and (min-width:750px){.order-sm-0{order:0}}@media screen and (min-width:970px){.order-md-0{order:0}}@media screen and (min-width:1170px){.order-lg-0{order:0}.order-lg-1{order:1}}.order-1{order:1}@media screen and (min-width:750px){.order-sm-1{order:1}}@media screen and (min-width:970px){.order-md-1{order:1}.order-md-2{order:2}}.order-2{order:2}@media screen and (min-width:750px){.order-sm-2{order:2}}@media screen and (min-width:1170px){.order-lg-2{order:2}.order-lg-3{order:3}}.order-3{order:3}@media screen and (min-width:750px){.order-sm-3{order:3}}@media screen and (min-width:970px){.order-md-3{order:3}.order-md-4{order:4}}.order-4{order:4}@media screen and (min-width:750px){.order-sm-4{order:4}}@media screen and (min-width:1170px){.order-lg-4{order:4}.order-lg-5{order:5}}.order-5{order:5}@media screen and (min-width:750px){.order-sm-5{order:5}}@media screen and (min-width:970px){.order-md-5{order:5}.order-md-6{order:6}}.order-6{order:6}@media screen and (min-width:750px){.order-sm-6{order:6}}@media screen and (min-width:1170px){.order-lg-6{order:6}.order-lg-7{order:7}}.order-7{order:7}@media screen and (min-width:750px){.order-sm-7{order:7}}@media screen and (min-width:970px){.order-md-7{order:7}.order-md-8{order:8}}.order-8{order:8}@media screen and (min-width:750px){.order-sm-8{order:8}}@media screen and (min-width:1170px){.order-lg-8{order:8}.order-lg-9{order:9}}.order-9{order:9}@media screen and (min-width:750px){.order-sm-9{order:9}}@media screen and (min-width:970px){.order-md-9{order:9}.order-md-10{order:10}}.order-10{order:10}@media screen and (min-width:750px){.order-sm-10{order:10}}@media screen and (min-width:1170px){.order-lg-10{order:10}.order-lg-11{order:11}}.order-11{order:11}@media screen and (min-width:750px){.order-sm-11{order:11}}@media screen and (min-width:970px){.order-md-11{order:11}.order-md-12{order:12}}.order-12{order:12}@media screen and (min-width:750px){.order-sm-12{order:12}}@media screen and (min-width:1170px){.order-lg-12{order:12}}@media screen and (max-width:1169px){:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-1,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-10,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-11,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-12,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-2,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-3,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-4,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-5,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-6,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-7,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-8,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-9{width:100%}}@media screen and (max-width:969px){:not([class*=col-sm]):not([class*=col-xs]).col-md-1,:not([class*=col-sm]):not([class*=col-xs]).col-md-10,:not([class*=col-sm]):not([class*=col-xs]).col-md-11,:not([class*=col-sm]):not([class*=col-xs]).col-md-12,:not([class*=col-sm]):not([class*=col-xs]).col-md-2,:not([class*=col-sm]):not([class*=col-xs]).col-md-3,:not([class*=col-sm]):not([class*=col-xs]).col-md-4,:not([class*=col-sm]):not([class*=col-xs]).col-md-5,:not([class*=col-sm]):not([class*=col-xs]).col-md-6,:not([class*=col-sm]):not([class*=col-xs]).col-md-7,:not([class*=col-sm]):not([class*=col-xs]).col-md-8,:not([class*=col-sm]):not([class*=col-xs]).col-md-9{width:100%}}@media screen and (max-width:749px){.row{flex-direction:column}:not([class*=col-xs]).col-sm-1,:not([class*=col-xs]).col-sm-10,:not([class*=col-xs]).col-sm-11,:not([class*=col-xs]).col-sm-12,:not([class*=col-xs]).col-sm-2,:not([class*=col-xs]).col-sm-3,:not([class*=col-xs]).col-sm-4,:not([class*=col-xs]).col-sm-5,:not([class*=col-xs]).col-sm-6,:not([class*=col-xs]).col-sm-7,:not([class*=col-xs]).col-sm-8,:not([class*=col-xs]).col-sm-9{width:100%}}.no-margin-bottom,.no-mb{margin-bottom:0!important}.no-margin-x,.no-mx{margin-left:0!important;margin-right:0!important} +.box,.row.full-height{height:100%}.row{display:flex;flex-wrap:wrap}.row>*{margin-bottom:20px;flex-grow:1}.order-0{order:0}@media screen and (min-width:750px){.order-sm-0{order:0}}@media screen and (min-width:970px){.order-md-0{order:0}}@media screen and (min-width:1170px){.order-lg-0{order:0}.order-lg-1{order:1}}.order-1{order:1}@media screen and (min-width:750px){.order-sm-1{order:1}}@media screen and (min-width:970px){.order-md-1{order:1}.order-md-2{order:2}}.order-2{order:2}@media screen and (min-width:750px){.order-sm-2{order:2}}@media screen and (min-width:1170px){.order-lg-2{order:2}.order-lg-3{order:3}}.order-3{order:3}@media screen and (min-width:750px){.order-sm-3{order:3}}@media screen and (min-width:970px){.order-md-3{order:3}.order-md-4{order:4}}.order-4{order:4}@media screen and (min-width:750px){.order-sm-4{order:4}}@media screen and (min-width:1170px){.order-lg-4{order:4}.order-lg-5{order:5}}.order-5{order:5}@media screen and (min-width:750px){.order-sm-5{order:5}}@media screen and (min-width:970px){.order-md-5{order:5}.order-md-6{order:6}}.order-6{order:6}@media screen and (min-width:750px){.order-sm-6{order:6}}@media screen and (min-width:1170px){.order-lg-6{order:6}.order-lg-7{order:7}}.order-7{order:7}@media screen and (min-width:750px){.order-sm-7{order:7}}@media screen and (min-width:970px){.order-md-7{order:7}.order-md-8{order:8}}.order-8{order:8}@media screen and (min-width:750px){.order-sm-8{order:8}}@media screen and (min-width:1170px){.order-lg-8{order:8}.order-lg-9{order:9}}.order-9{order:9}@media screen and (min-width:750px){.order-sm-9{order:9}}@media screen and (min-width:970px){.order-md-9{order:9}.order-md-10{order:10}}.order-10{order:10}@media screen and (min-width:750px){.order-sm-10{order:10}}@media screen and (min-width:1170px){.order-lg-10{order:10}.order-lg-11{order:11}}.order-11{order:11}@media screen and (min-width:750px){.order-sm-11{order:11}}@media screen and (min-width:970px){.order-md-11{order:11}.order-md-12{order:12}}.order-12{order:12}@media screen and (min-width:750px){.order-sm-12{order:12}}@media screen and (min-width:1170px){.order-lg-12{order:12}}@media screen and (max-width:1169px){:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-1,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-10,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-11,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-12,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-2,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-3,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-4,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-5,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-6,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-7,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-8,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-9{width:100%}}@media screen and (max-width:969px){:not([class*=col-sm]):not([class*=col-xs]).col-md-1,:not([class*=col-sm]):not([class*=col-xs]).col-md-10,:not([class*=col-sm]):not([class*=col-xs]).col-md-11,:not([class*=col-sm]):not([class*=col-xs]).col-md-12,:not([class*=col-sm]):not([class*=col-xs]).col-md-2,:not([class*=col-sm]):not([class*=col-xs]).col-md-3,:not([class*=col-sm]):not([class*=col-xs]).col-md-4,:not([class*=col-sm]):not([class*=col-xs]).col-md-5,:not([class*=col-sm]):not([class*=col-xs]).col-md-6,:not([class*=col-sm]):not([class*=col-xs]).col-md-7,:not([class*=col-sm]):not([class*=col-xs]).col-md-8,:not([class*=col-sm]):not([class*=col-xs]).col-md-9{width:100%}}@media screen and (max-width:749px){.row{flex-direction:column}:not([class*=col-xs]).col-sm-1,:not([class*=col-xs]).col-sm-10,:not([class*=col-xs]).col-sm-11,:not([class*=col-xs]).col-sm-12,:not([class*=col-xs]).col-sm-2,:not([class*=col-xs]).col-sm-3,:not([class*=col-xs]).col-sm-4,:not([class*=col-xs]).col-sm-5,:not([class*=col-xs]).col-sm-6,:not([class*=col-xs]).col-sm-7,:not([class*=col-xs]).col-sm-8,:not([class*=col-xs]).col-sm-9{width:100%}}.no-margin-bottom,.no-mb{margin-bottom:0!important}.no-margin-x,.no-mx{margin-left:0!important;margin-right:0!important} /** Optional design for boxes */ .box { diff --git a/public/page-templates/ods-layout-over-ride/index.html b/public/page-templates/ods-layout-over-ride/index.html index 212fdfb0e..0f61340f1 100644 --- a/public/page-templates/ods-layout-over-ride/index.html +++ b/public/page-templates/ods-layout-over-ride/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@ - @@ -179,7 +196,7 @@

                -
                -

                The ODS Layout is based on Bootstrap 3, you can find the official documentation and examples here

                +
                +

                + ODS Layout example + + + + + +

                +
                +

                The ODS Layout is based on Bootstrap 3, you can find the official documentation and examples here

                -
                - -
                - +
                + + +
                + @@ -651,6 +775,14 @@

                + + + + + + + +
                name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"container\"\u003e\n \u003ch4\u003eKPI Wall\u003c/h4\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-3 col-sm-6\"\u003e\n \u003cdiv class=\"box dark\"\u003eI'm a KPI, 12/12 on mobile, 6/12 on tablet, 3/12 above !\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-3 col-sm-6\"\u003e\n \u003cdiv class=\"box dark\"\u003eI'm a KPI, 12/12 on mobile, 6/12 on tablet, 3/12 above !\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-3 col-sm-6\"\u003e\n \u003cdiv class=\"box dark\"\u003eI'm a KPI, 12/12 on mobile, 6/12 on tablet, 3/12 above !\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-3 col-sm-6\"\u003e\n \u003cdiv class=\"box dark\"\u003eI'm a KPI, 12/12 on mobile, 6/12 on tablet, 3/12 above !\u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003ch4\u003eKPI and it's description\u003c/h4\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-3\"\u003e\n \u003cdiv class=\"box dark\"\u003eI'm a KPI, centered on mobile, 3/12 above !\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-9\"\u003e\n \u003cdiv class=\"box dark\"\u003eI'm it's description, 12/12 on mobile, 9/12 above !\u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003ch4\u003eAdaptive height\u003c/h4\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-3\"\u003e\n \u003cdiv class=\"box dark\"\u003eI'm a small KPI !\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-5\"\u003e\n \u003cdiv class=\"row full-height\"\u003e\n \u003cdiv class=\"col-md-12\"\u003e\n \u003cdiv class=\"box dark\"\u003e\n I'm a KPI\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-12\"\u003e\n \u003cdiv class=\"box dark\"\u003e\n I'm a KPI\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-12 no-mb\"\u003e\n \u003cdiv class=\"box dark\"\u003e\n I'm a KPI\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-3\"\u003e\n \u003cdiv class=\"box dark\"\u003e\n I'm a tall KPI with a lot of content !\n \u003cbr/\u003e\n A\n \u003c/br\u003e\n B\n \u003c/br\u003e\n C\n \u003c/br\u003e\n D\n \u003c/br\u003e\n E\n \u003c/br\u003e\n F\n \u003c/br\u003e\n G\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/div\u003e\u003c/div\u003e", - "css": "/**\n * License: MIT License\n * Generated on 25 Jun 2021\n * Author: Labs from opendatasoft\n * Version: 0.3\n * Description: ODS Layout over-ride to Flexbox system\n */\n\n.box,.row.full-height{height:100%}.row{display:flex;flex-wrap:wrap}.row\u003e*{margin-bottom:20px}.order-0{order:0}@media screen and (min-width:750px){.order-sm-0{order:0}}@media screen and (min-width:970px){.order-md-0{order:0}}@media screen and (min-width:1170px){.order-lg-0{order:0}.order-lg-1{order:1}}.order-1{order:1}@media screen and (min-width:750px){.order-sm-1{order:1}}@media screen and (min-width:970px){.order-md-1{order:1}.order-md-2{order:2}}.order-2{order:2}@media screen and (min-width:750px){.order-sm-2{order:2}}@media screen and (min-width:1170px){.order-lg-2{order:2}.order-lg-3{order:3}}.order-3{order:3}@media screen and (min-width:750px){.order-sm-3{order:3}}@media screen and (min-width:970px){.order-md-3{order:3}.order-md-4{order:4}}.order-4{order:4}@media screen and (min-width:750px){.order-sm-4{order:4}}@media screen and (min-width:1170px){.order-lg-4{order:4}.order-lg-5{order:5}}.order-5{order:5}@media screen and (min-width:750px){.order-sm-5{order:5}}@media screen and (min-width:970px){.order-md-5{order:5}.order-md-6{order:6}}.order-6{order:6}@media screen and (min-width:750px){.order-sm-6{order:6}}@media screen and (min-width:1170px){.order-lg-6{order:6}.order-lg-7{order:7}}.order-7{order:7}@media screen and (min-width:750px){.order-sm-7{order:7}}@media screen and (min-width:970px){.order-md-7{order:7}.order-md-8{order:8}}.order-8{order:8}@media screen and (min-width:750px){.order-sm-8{order:8}}@media screen and (min-width:1170px){.order-lg-8{order:8}.order-lg-9{order:9}}.order-9{order:9}@media screen and (min-width:750px){.order-sm-9{order:9}}@media screen and (min-width:970px){.order-md-9{order:9}.order-md-10{order:10}}.order-10{order:10}@media screen and (min-width:750px){.order-sm-10{order:10}}@media screen and (min-width:1170px){.order-lg-10{order:10}.order-lg-11{order:11}}.order-11{order:11}@media screen and (min-width:750px){.order-sm-11{order:11}}@media screen and (min-width:970px){.order-md-11{order:11}.order-md-12{order:12}}.order-12{order:12}@media screen and (min-width:750px){.order-sm-12{order:12}}@media screen and (min-width:1170px){.order-lg-12{order:12}}@media screen and (max-width:1169px){:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-1,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-10,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-11,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-12,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-2,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-3,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-4,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-5,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-6,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-7,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-8,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-9{width:100%}}@media screen and (max-width:969px){:not([class*=col-sm]):not([class*=col-xs]).col-md-1,:not([class*=col-sm]):not([class*=col-xs]).col-md-10,:not([class*=col-sm]):not([class*=col-xs]).col-md-11,:not([class*=col-sm]):not([class*=col-xs]).col-md-12,:not([class*=col-sm]):not([class*=col-xs]).col-md-2,:not([class*=col-sm]):not([class*=col-xs]).col-md-3,:not([class*=col-sm]):not([class*=col-xs]).col-md-4,:not([class*=col-sm]):not([class*=col-xs]).col-md-5,:not([class*=col-sm]):not([class*=col-xs]).col-md-6,:not([class*=col-sm]):not([class*=col-xs]).col-md-7,:not([class*=col-sm]):not([class*=col-xs]).col-md-8,:not([class*=col-sm]):not([class*=col-xs]).col-md-9{width:100%}}@media screen and (max-width:749px){.row{flex-direction:column}:not([class*=col-xs]).col-sm-1,:not([class*=col-xs]).col-sm-10,:not([class*=col-xs]).col-sm-11,:not([class*=col-xs]).col-sm-12,:not([class*=col-xs]).col-sm-2,:not([class*=col-xs]).col-sm-3,:not([class*=col-xs]).col-sm-4,:not([class*=col-xs]).col-sm-5,:not([class*=col-xs]).col-sm-6,:not([class*=col-xs]).col-sm-7,:not([class*=col-xs]).col-sm-8,:not([class*=col-xs]).col-sm-9{width:100%}}.no-margin-bottom,.no-mb{margin-bottom:0!important}.no-margin-x,.no-mx{margin-left:0!important;margin-right:0!important}\n\n/** Optional design for boxes */\n.box {\n height: 100%;\n /* default style */\n padding: 13px 19px;\n border-radius: 6px;\n border: 1px solid #cbcbcb;\n /* Content management */\n word-break: break-word;\n position: relative;\n /* Flex */\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n.box.dark {\n background-color: darkslategrey;\n color: white;\n}" + "css": "/**\n * License: MIT License\n * Generated on 25 Jun 2021\n * Author: Labs from opendatasoft\n * Version: 0.3\n * Description: ODS Layout over-ride to Flexbox system\n */\n\n.box,.row.full-height{height:100%}.row{display:flex;flex-wrap:wrap}.row\u003e*{margin-bottom:20px;flex-grow:1}.order-0{order:0}@media screen and (min-width:750px){.order-sm-0{order:0}}@media screen and (min-width:970px){.order-md-0{order:0}}@media screen and (min-width:1170px){.order-lg-0{order:0}.order-lg-1{order:1}}.order-1{order:1}@media screen and (min-width:750px){.order-sm-1{order:1}}@media screen and (min-width:970px){.order-md-1{order:1}.order-md-2{order:2}}.order-2{order:2}@media screen and (min-width:750px){.order-sm-2{order:2}}@media screen and (min-width:1170px){.order-lg-2{order:2}.order-lg-3{order:3}}.order-3{order:3}@media screen and (min-width:750px){.order-sm-3{order:3}}@media screen and (min-width:970px){.order-md-3{order:3}.order-md-4{order:4}}.order-4{order:4}@media screen and (min-width:750px){.order-sm-4{order:4}}@media screen and (min-width:1170px){.order-lg-4{order:4}.order-lg-5{order:5}}.order-5{order:5}@media screen and (min-width:750px){.order-sm-5{order:5}}@media screen and (min-width:970px){.order-md-5{order:5}.order-md-6{order:6}}.order-6{order:6}@media screen and (min-width:750px){.order-sm-6{order:6}}@media screen and (min-width:1170px){.order-lg-6{order:6}.order-lg-7{order:7}}.order-7{order:7}@media screen and (min-width:750px){.order-sm-7{order:7}}@media screen and (min-width:970px){.order-md-7{order:7}.order-md-8{order:8}}.order-8{order:8}@media screen and (min-width:750px){.order-sm-8{order:8}}@media screen and (min-width:1170px){.order-lg-8{order:8}.order-lg-9{order:9}}.order-9{order:9}@media screen and (min-width:750px){.order-sm-9{order:9}}@media screen and (min-width:970px){.order-md-9{order:9}.order-md-10{order:10}}.order-10{order:10}@media screen and (min-width:750px){.order-sm-10{order:10}}@media screen and (min-width:1170px){.order-lg-10{order:10}.order-lg-11{order:11}}.order-11{order:11}@media screen and (min-width:750px){.order-sm-11{order:11}}@media screen and (min-width:970px){.order-md-11{order:11}.order-md-12{order:12}}.order-12{order:12}@media screen and (min-width:750px){.order-sm-12{order:12}}@media screen and (min-width:1170px){.order-lg-12{order:12}}@media screen and (max-width:1169px){:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-1,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-10,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-11,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-12,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-2,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-3,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-4,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-5,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-6,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-7,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-8,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-9{width:100%}}@media screen and (max-width:969px){:not([class*=col-sm]):not([class*=col-xs]).col-md-1,:not([class*=col-sm]):not([class*=col-xs]).col-md-10,:not([class*=col-sm]):not([class*=col-xs]).col-md-11,:not([class*=col-sm]):not([class*=col-xs]).col-md-12,:not([class*=col-sm]):not([class*=col-xs]).col-md-2,:not([class*=col-sm]):not([class*=col-xs]).col-md-3,:not([class*=col-sm]):not([class*=col-xs]).col-md-4,:not([class*=col-sm]):not([class*=col-xs]).col-md-5,:not([class*=col-sm]):not([class*=col-xs]).col-md-6,:not([class*=col-sm]):not([class*=col-xs]).col-md-7,:not([class*=col-sm]):not([class*=col-xs]).col-md-8,:not([class*=col-sm]):not([class*=col-xs]).col-md-9{width:100%}}@media screen and (max-width:749px){.row{flex-direction:column}:not([class*=col-xs]).col-sm-1,:not([class*=col-xs]).col-sm-10,:not([class*=col-xs]).col-sm-11,:not([class*=col-xs]).col-sm-12,:not([class*=col-xs]).col-sm-2,:not([class*=col-xs]).col-sm-3,:not([class*=col-xs]).col-sm-4,:not([class*=col-xs]).col-sm-5,:not([class*=col-xs]).col-sm-6,:not([class*=col-xs]).col-sm-7,:not([class*=col-xs]).col-sm-8,:not([class*=col-xs]).col-sm-9{width:100%}}.no-margin-bottom,.no-mb{margin-bottom:0!important}.no-margin-x,.no-mx{margin-left:0!important;margin-right:0!important}\n\n/** Optional design for boxes */\n.box {\n height: 100%;\n /* default style */\n padding: 13px 19px;\n border-radius: 6px;\n border: 1px solid #cbcbcb;\n /* Content management */\n word-break: break-word;\n position: relative;\n /* Flex */\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n.box.dark {\n background-color: darkslategrey;\n color: white;\n}" }'>
                @@ -674,7 +806,8 @@

                width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -718,6 +851,7 @@

                const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -828,7 +962,9 @@

                $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                <div ng-app="ods-widgets"> @@ -913,7 +1049,7 @@

                * Description: ODS Layout over-ride to Flexbox system */ -.box,.row.full-height{height:100%}.row{display:flex;flex-wrap:wrap}.row>*{margin-bottom:20px}.order-0{order:0}@media screen and (min-width:750px){.order-sm-0{order:0}}@media screen and (min-width:970px){.order-md-0{order:0}}@media screen and (min-width:1170px){.order-lg-0{order:0}.order-lg-1{order:1}}.order-1{order:1}@media screen and (min-width:750px){.order-sm-1{order:1}}@media screen and (min-width:970px){.order-md-1{order:1}.order-md-2{order:2}}.order-2{order:2}@media screen and (min-width:750px){.order-sm-2{order:2}}@media screen and (min-width:1170px){.order-lg-2{order:2}.order-lg-3{order:3}}.order-3{order:3}@media screen and (min-width:750px){.order-sm-3{order:3}}@media screen and (min-width:970px){.order-md-3{order:3}.order-md-4{order:4}}.order-4{order:4}@media screen and (min-width:750px){.order-sm-4{order:4}}@media screen and (min-width:1170px){.order-lg-4{order:4}.order-lg-5{order:5}}.order-5{order:5}@media screen and (min-width:750px){.order-sm-5{order:5}}@media screen and (min-width:970px){.order-md-5{order:5}.order-md-6{order:6}}.order-6{order:6}@media screen and (min-width:750px){.order-sm-6{order:6}}@media screen and (min-width:1170px){.order-lg-6{order:6}.order-lg-7{order:7}}.order-7{order:7}@media screen and (min-width:750px){.order-sm-7{order:7}}@media screen and (min-width:970px){.order-md-7{order:7}.order-md-8{order:8}}.order-8{order:8}@media screen and (min-width:750px){.order-sm-8{order:8}}@media screen and (min-width:1170px){.order-lg-8{order:8}.order-lg-9{order:9}}.order-9{order:9}@media screen and (min-width:750px){.order-sm-9{order:9}}@media screen and (min-width:970px){.order-md-9{order:9}.order-md-10{order:10}}.order-10{order:10}@media screen and (min-width:750px){.order-sm-10{order:10}}@media screen and (min-width:1170px){.order-lg-10{order:10}.order-lg-11{order:11}}.order-11{order:11}@media screen and (min-width:750px){.order-sm-11{order:11}}@media screen and (min-width:970px){.order-md-11{order:11}.order-md-12{order:12}}.order-12{order:12}@media screen and (min-width:750px){.order-sm-12{order:12}}@media screen and (min-width:1170px){.order-lg-12{order:12}}@media screen and (max-width:1169px){:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-1,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-10,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-11,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-12,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-2,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-3,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-4,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-5,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-6,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-7,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-8,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-9{width:100%}}@media screen and (max-width:969px){:not([class*=col-sm]):not([class*=col-xs]).col-md-1,:not([class*=col-sm]):not([class*=col-xs]).col-md-10,:not([class*=col-sm]):not([class*=col-xs]).col-md-11,:not([class*=col-sm]):not([class*=col-xs]).col-md-12,:not([class*=col-sm]):not([class*=col-xs]).col-md-2,:not([class*=col-sm]):not([class*=col-xs]).col-md-3,:not([class*=col-sm]):not([class*=col-xs]).col-md-4,:not([class*=col-sm]):not([class*=col-xs]).col-md-5,:not([class*=col-sm]):not([class*=col-xs]).col-md-6,:not([class*=col-sm]):not([class*=col-xs]).col-md-7,:not([class*=col-sm]):not([class*=col-xs]).col-md-8,:not([class*=col-sm]):not([class*=col-xs]).col-md-9{width:100%}}@media screen and (max-width:749px){.row{flex-direction:column}:not([class*=col-xs]).col-sm-1,:not([class*=col-xs]).col-sm-10,:not([class*=col-xs]).col-sm-11,:not([class*=col-xs]).col-sm-12,:not([class*=col-xs]).col-sm-2,:not([class*=col-xs]).col-sm-3,:not([class*=col-xs]).col-sm-4,:not([class*=col-xs]).col-sm-5,:not([class*=col-xs]).col-sm-6,:not([class*=col-xs]).col-sm-7,:not([class*=col-xs]).col-sm-8,:not([class*=col-xs]).col-sm-9{width:100%}}.no-margin-bottom,.no-mb{margin-bottom:0!important}.no-margin-x,.no-mx{margin-left:0!important;margin-right:0!important} +.box,.row.full-height{height:100%}.row{display:flex;flex-wrap:wrap}.row>*{margin-bottom:20px;flex-grow:1}.order-0{order:0}@media screen and (min-width:750px){.order-sm-0{order:0}}@media screen and (min-width:970px){.order-md-0{order:0}}@media screen and (min-width:1170px){.order-lg-0{order:0}.order-lg-1{order:1}}.order-1{order:1}@media screen and (min-width:750px){.order-sm-1{order:1}}@media screen and (min-width:970px){.order-md-1{order:1}.order-md-2{order:2}}.order-2{order:2}@media screen and (min-width:750px){.order-sm-2{order:2}}@media screen and (min-width:1170px){.order-lg-2{order:2}.order-lg-3{order:3}}.order-3{order:3}@media screen and (min-width:750px){.order-sm-3{order:3}}@media screen and (min-width:970px){.order-md-3{order:3}.order-md-4{order:4}}.order-4{order:4}@media screen and (min-width:750px){.order-sm-4{order:4}}@media screen and (min-width:1170px){.order-lg-4{order:4}.order-lg-5{order:5}}.order-5{order:5}@media screen and (min-width:750px){.order-sm-5{order:5}}@media screen and (min-width:970px){.order-md-5{order:5}.order-md-6{order:6}}.order-6{order:6}@media screen and (min-width:750px){.order-sm-6{order:6}}@media screen and (min-width:1170px){.order-lg-6{order:6}.order-lg-7{order:7}}.order-7{order:7}@media screen and (min-width:750px){.order-sm-7{order:7}}@media screen and (min-width:970px){.order-md-7{order:7}.order-md-8{order:8}}.order-8{order:8}@media screen and (min-width:750px){.order-sm-8{order:8}}@media screen and (min-width:1170px){.order-lg-8{order:8}.order-lg-9{order:9}}.order-9{order:9}@media screen and (min-width:750px){.order-sm-9{order:9}}@media screen and (min-width:970px){.order-md-9{order:9}.order-md-10{order:10}}.order-10{order:10}@media screen and (min-width:750px){.order-sm-10{order:10}}@media screen and (min-width:1170px){.order-lg-10{order:10}.order-lg-11{order:11}}.order-11{order:11}@media screen and (min-width:750px){.order-sm-11{order:11}}@media screen and (min-width:970px){.order-md-11{order:11}.order-md-12{order:12}}.order-12{order:12}@media screen and (min-width:750px){.order-sm-12{order:12}}@media screen and (min-width:1170px){.order-lg-12{order:12}}@media screen and (max-width:1169px){:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-1,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-10,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-11,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-12,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-2,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-3,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-4,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-5,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-6,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-7,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-8,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-9{width:100%}}@media screen and (max-width:969px){:not([class*=col-sm]):not([class*=col-xs]).col-md-1,:not([class*=col-sm]):not([class*=col-xs]).col-md-10,:not([class*=col-sm]):not([class*=col-xs]).col-md-11,:not([class*=col-sm]):not([class*=col-xs]).col-md-12,:not([class*=col-sm]):not([class*=col-xs]).col-md-2,:not([class*=col-sm]):not([class*=col-xs]).col-md-3,:not([class*=col-sm]):not([class*=col-xs]).col-md-4,:not([class*=col-sm]):not([class*=col-xs]).col-md-5,:not([class*=col-sm]):not([class*=col-xs]).col-md-6,:not([class*=col-sm]):not([class*=col-xs]).col-md-7,:not([class*=col-sm]):not([class*=col-xs]).col-md-8,:not([class*=col-sm]):not([class*=col-xs]).col-md-9{width:100%}}@media screen and (max-width:749px){.row{flex-direction:column}:not([class*=col-xs]).col-sm-1,:not([class*=col-xs]).col-sm-10,:not([class*=col-xs]).col-sm-11,:not([class*=col-xs]).col-sm-12,:not([class*=col-xs]).col-sm-2,:not([class*=col-xs]).col-sm-3,:not([class*=col-xs]).col-sm-4,:not([class*=col-xs]).col-sm-5,:not([class*=col-xs]).col-sm-6,:not([class*=col-xs]).col-sm-7,:not([class*=col-xs]).col-sm-8,:not([class*=col-xs]).col-sm-9{width:100%}}.no-margin-bottom,.no-mb{margin-bottom:0!important}.no-margin-x,.no-mx{margin-left:0!important;margin-right:0!important} /** Optional design for boxes */ .box { @@ -938,8 +1074,10 @@

                "> -
                -

                -

                - -
                + + + + +
                - - + - © Copyright 2020 + © Copyright 2026
                @@ -1256,7 +1396,7 @@

                diff --git a/public/page-templates/page/1/index.html b/public/page-templates/page/1/index.html index 8f72dc6ce..6c693698c 100644 --- a/public/page-templates/page/1/index.html +++ b/public/page-templates/page/1/index.html @@ -1 +1,9 @@ -https://codelibrary.opendatasoft.com/page-templates/ \ No newline at end of file + + + + https://codelibrary.huwize.com/page-templates/ + + + + + diff --git a/public/page-templates/regional-covid/1/html.inc b/public/page-templates/regional-covid/1/html.inc index bb14fee1a..a1a151166 100644 --- a/public/page-templates/regional-covid/1/html.inc +++ b/public/page-templates/regional-covid/1/html.inc @@ -7,10 +7,17 @@ - - {{ nbRecords = byDate.results.length - 1; "" }} @@ -20,11 +27,16 @@ {{ lastDate = list[list.length-1].fields.fecha; "" }} {{ cases.parameters['refine.fecha'] = lastDate;""}} - + - + @@ -63,45 +75,62 @@
                - + Total cases - + New cases today
                -
                +
                {{reg_code = res.codigos > 9999 ? (res.codigos | limitTo:2) : (res.codigos | limitTo:1); ""}} {{colors[reg_code] = "hsl(220,75%," + (75 - ((res.confirmados - results[0].minval) / (results[0].maxval - results[0].minval) * 50) | number : 0) + "%,1)"; "" }}
                - + - - + +
                -
                +
                {{reg_code = res.codigos > 9999 ? (res.codigos | limitTo:2) : (res.codigos | limitTo:1); ""}} {{colors[reg_code] = "hsl(220,75%," + (75 - ((res.nuevos - results[0].minval) / (results[0].maxval - results[0].minval) * 50) | number : 0) + "%,1)"; "" }}
                - - + - +
                @@ -125,8 +154,11 @@
                - - + + {{ region.x }}
                @@ -143,9 +175,13 @@

                Evolution

                - + - + @@ -154,7 +190,9 @@

                Daily Increment

                - + diff --git a/public/page-templates/regional-covid/index.html b/public/page-templates/regional-covid/index.html index 2b2b25b75..d42dd12e1 100644 --- a/public/page-templates/regional-covid/index.html +++ b/public/page-templates/regional-covid/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@
                - @@ -179,7 +196,7 @@
                • + href="https://codelibrary.huwize.com/"> Home
                  • @@ -196,6 +213,54 @@ + + + + + + + + + + + + + + + + + + + + + +
                • + + Apps + + +
                  • + + + + + + + + + + + + + + + + + + + + @@ -250,6 +315,9 @@ + + +
                • @@ -274,6 +342,9 @@ + + + @@ -323,6 +394,16 @@
                  • +
                • + +
                  + Dashboard with filters + + +
                  +                   +
                  • +
                  • +
                • + +
                  + Dataviz gallery page + + +
                  +                   +
                  • +
                  • +
                • + +
                  + Home page 4 with access cards + + +
                  +                   +
                  • + +
                • + +
                  + Listing page + + +
                  +                   +
                  • +
                  • @@ -554,51 +663,67 @@
                  - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
                  @@ -609,39 +734,48 @@
                  -
                  -

                  Page Templates - Regional COVID-19 Dashboard

                  -
                  - -
                  - -
                  -

                  - Regional covid dashboard - - - - - -

                  -
                  -

                  A dedicated dashboard for local COVID-19 data.

                  - -
                  - -
                  +
                  +

                  Page Templates - Regional COVID-19 Dashboard

                  +
                  + +
                  +
                  +

                  + Regional covid dashboard + + + + + +

                  +
                  +

                  A dedicated dashboard for local COVID-19 data.

                  + +
                  + + +
                  + + + + + + + + +
                  name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"container\"\u003e\n \u003csection\u003e\n \u003ch2 class=\"text-primary text-center mb-4\"\u003e\n COVID-19 epidemiologic status in Castilla y León\n \u003c/h2\u003e\n \u003c/section\u003e\n \u003c!-- The data used here are from the first dashboard of the kind on ODS made by Junta de Castilla y Leone.\n See the page here : https://analisis.datosabiertos.jcyl.es/pages/coronavirus/\n See the data here : https://analisis.datosabiertos.jcyl.es/explore/dataset/situacion-epidemiologica-coronavirus-en-castilla-y-leon/table/?disjunctive.provincia\u0026dataChart=eyJxdWVyaWVzIjpbeyJjaGFydHMiOlt7InR5cGUiOiJzcGxpbmUiLCJmdW5jIjoiU1VNIiwieUF4aXMiOiJjYXNvc19jb25maXJtYWRvcyIsInNjaWVudGlmaWNEaXNwbGF5Ijp0cnVlLCJjb2xvciI6IiM2NmMyYTUifSx7ImFsaWduTW9udGgiOnRydWUsInR5cGUiOiJzcGxpbmUiLCJmdW5jIjoiU1VNIiwieUF4aXMiOiJmYWxsZWNpbWllbnRvcyIsInNjaWVudGlmaWNEaXNwbGF5Ijp0cnVlLCJjb2xvciI6IiNmYzhkNjIifV0sInhBeGlzIjoiZmVjaGEiLCJtYXhwb2ludHMiOiIiLCJ0aW1lc2NhbGUiOiJkYXkiLCJzb3J0IjoiIiwiY29uZmlnIjp7ImRhdGFzZXQiOiJzaXR1YWNpb24tZXBpZGVtaW9sb2dpY2EtY29yb25hdmlydXMtZW4tY2FzdGlsbGEteS1sZW9uIiwib3B0aW9ucyI6eyJkaXNqdW5jdGl2ZS5wcm92aW5jaWEiOnRydWV9fX1dLCJkaXNwbGF5TGVnZW5kIjp0cnVlLCJhbGlnbk1vbnRoIjp0cnVlLCJ0aW1lc2NhbGUiOiIiLCJzaW5nbGVBeGlzIjp0cnVlfQ%3D%3D\u0026location=8,41.64954,-4.33333\u0026basemap=jawg.streets --\u003e\n \u003cods-dataset-context context=\"regions, cases, selected\" cases-domain=\"jcyl\" cases-dataset=\"situacion-epidemiologica-coronavirus-en-castilla-y-leon\" selected-domain=\"jcyl\"\n selected-dataset=\"situacion-epidemiologica-coronavirus-en-castilla-y-leon\" selected-parameters=\"{'disjunctive.provincia':true}\" regions-dataset=\"limites-provinciales-de-castilla-y-leon-recintos\"\n regions-domain=\"https://analisis.datosabiertos.jcyl.es\"\u003e\n \u003cspan ods-analysis=\"byDate\" ods-analysis-context=\"cases\" ods-analysis-max=\"0\" ods-analysis-x=\"fecha\" ods-analysis-serie-confirmados=\"SUM(casos_confirmados)\" ods-analysis-serie-nuevos=\"SUM(nuevos_positivos)\" ods-analysis-serie-altas=\"SUM(altas)\"\n ods-analysis-serie-fallecimientos=\"SUM(fallecimientos)\" ods-analysis-sort=\"fecha\"\u003e\n \u003c/span\u003e\n {{ nbRecords = byDate.results.length - 1; \"\" }}\n \u003c!-- This code will refine results for latest date present in the datafield. The data on a given date must then already have the cumulative total at a given day avalaible.\n If you only have daily increments, you need one more context that is not refined by the last date, on which you do the ODS analysis with SUM --\u003e\n \u003cspan ods-results=\"list\" ods-results-context=\"cases\" ods-results-max=\"-1\" ods-results-sort=\"fecha\"\u003e\n {{ lastDate = list[list.length-1].fields.fecha; \"\" }}\n {{ cases.parameters['refine.fecha'] = lastDate;\"\"}}\n \u003c/span\u003e\n \u003cspan ods-analysis=\"byPostcode\" ods-analysis-context=\"cases\" ods-analysis-max=\"0\" ods-analysis-x-provincia=\"provincia\" ods-analysis-serie-confirmados=\"SUM(casos_confirmados)\" ods-analysis-serie-nuevos=\"SUM(nuevos_positivos)\"\n ods-analysis-serie-altas=\"SUM(altas)\" ods-analysis-serie-fallecimientos=\"SUM(fallecimientos)\" ods-analysis-serie-codigos=\"SUM(codigo_ine)\" ods-analysis-sort=\"-codigos\"\u003e\n \u003c/span\u003e\n \u003cspan ods-analysis=\"byRegion\" ods-analysis-context=\"cases\" ods-analysis-x=\"provincia\" ods-analysis-max=\"0\" ods-analysis-serie-confirmados=\"SUM(casos_confirmados)\" ods-analysis-serie-nuevos=\"SUM(nuevos_positivos)\"\n ods-analysis-serie-altas=\"SUM(altas)\" ods-analysis-serie-fallecimientos=\"SUM(fallecimientos)\" ods-analysis-sort=\"confirmados\"\u003e\n \u003c/span\u003e\n\n \u003c!-- These are a few examples key figures you may want to put. You can add as many as you want, they will warp to multiple lines if you have a lot (but consider not putting too many) --\u003e\n \u003csection\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-3\"\u003e\n \u003cdiv class=\"insight-card\"\u003e\n \u003ch3 class=\"text-highlight insight-figure\"\u003e{{ byDate.results[nbRecords].confirmados }}\u003c/h3\u003e\n \u003cp class=\"text-light\"\u003eCases\u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-3\"\u003e\n \u003cdiv class=\"insight-card\"\u003e\n \u003ch3 class=\"text-highlight insight-figure\"\u003e{{ byDate.results[nbRecords].nuevos }}\u003c/h3\u003e\n \u003cp class=\"text-light\"\u003eNew-cases today\u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-3\"\u003e\n \u003cdiv class=\"insight-card\"\u003e\n \u003ch3 class=\"text-highlight insight-figure\"\u003e{{ byDate.results[nbRecords].altas }}\u003c/h3\u003e\n \u003cp class=\"text-light\"\u003eRecovered\u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-3\"\u003e\n \u003cdiv class=\"insight-card\"\u003e\n \u003ch3 class=\"text-highlight insight-figure\"\u003e{{ byDate.results[nbRecords].fallecimientos }}\u003c/h3\u003e\n \u003cp class=\"text-light\"\u003eDeaths\u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003cp ods-resluts=\"items\" ods-results-context=\"cases\" ods-results-max=\"0\"\u003e{{ items }}\u003c/p\u003e\n \u003c!-- The example shows two tabs, you may add as many as you want for deaths etc. (but we strongly recommend not adding too many)\n The subagregation here is only needed for colors--\u003e\n \u003csection\u003e\n \u003cdiv class=\"row feature-box\" ng-init=\"tabselector = 'firsttab'\"\u003e\n \u003cdiv class=\"col-xs-12\"\u003e\n \u003cdiv class=\"tabs\"\u003e\n \u003ca class=\"tab\" ng-click=\"tabselector = 'firsttab'\" ng-class=\"{'activetab' : tabselector == 'firsttab'}\"\u003e\n Total cases\n \u003c/a\u003e\n \u003ca class=\"tab\" ng-click=\"tabselector = 'secondtab'\" ng-class=\"{'activetab' : tabselector == 'secondtab'}\"\u003e\n New cases today\n \u003c/a\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-xs-12\" ng-if=\"tabselector == 'firsttab'\"\u003e\n \u003cdiv ng-init=\"colors = {};\"\u003e\n \u003c!-- Put serie you want to color regions with in \"maxval/minval\" res.\"nameofserie\". Replace res.codigos with your ZIP code field name --\u003e\n \u003cdiv ods-subaggregation=\"byPostcode.results\" ods-subaggregation-serie-maxval=\"MAX(confirmados)\" ods-subaggregation-serie-minval=\"MIN(confirmados)\"\u003e\n \u003cspan ng-repeat=\"res in byPostcode.results\"\u003e\n \u003c!-- This is a little trick to have 5 digit ZIP code match 2 digit region code --\u003e\n {{reg_code = res.codigos \u003e 9999 ? (res.codigos | limitTo:2) : (res.codigos | limitTo:1); \"\"}}\n {{colors[reg_code] = \"hsl(220,75%,\" + (75 - ((res.confirmados - results[0].minval) / (results[0].maxval - results[0].minval) * 50) | number : 0) + \"%,1)\"; \"\" }}\n \u003c/span\u003e\n \u003c/div\u003e\n \u003cods-map basemap=\"jawg.light\" no-refit=\"false\" scroll-wheel-zoom=\"false\" display-control=\"false\" toolbar-drawing=\"false\"\u003e\n \u003c!-- Put the serie you want as numbers on the map in \"expresion\" --\u003e\n \u003cods-map-layer context=\"cases\" color=\"#142e7b\" picto=\"ods-circle\" display=\"clusters\" function=\"SUM\" expression=\"casos_confirmados\" shape-opacity=\"0.5\" point-opacity=\"1\" caption=\"false\"\n title=\"Epidimioliogic satutus in Castilla dy Leon\" size-min=\"3\" size-max=\"5\" size-function=\"linear\"\u003e\u003c/ods-map-layer\u003e\n \u003cods-map-layer context=\"regions\" color-categories=\"colors\" color-by-field=\"cod_ine_prov\" color-categories-other=\"lightgrey\" display=\"categories\" shape-opacity=\"0.7\" tooltip-disabled=\"true\"\u003e\u003c/ods-map-layer\u003e\n \u003c/ods-map\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-xs-12\" ng-if=\"tabselector == 'secondtab'\"\u003e\n \u003cdiv ng-init=\"colors = {};\"\u003e\n \u003c!-- Put serie you want to color regions with in maxval/min --\u003e\n \u003cdiv ods-subaggregation=\"byPostcode.results\" ods-subaggregation-serie-maxval=\"MAX(nuevos)\" ods-subaggregation-serie-minval=\"MIN(nuevos)\"\u003e\n \u003cspan ng-repeat=\"res in byPostcode.results\"\u003e\n {{reg_code = res.codigos \u003e 9999 ? (res.codigos | limitTo:2) : (res.codigos | limitTo:1); \"\"}}\n {{colors[reg_code] = \"hsl(220,75%,\" + (75 - ((res.nuevos - results[0].minval) / (results[0].maxval - results[0].minval) * 50) | number : 0) + \"%,1)\"; \"\" }}\n \u003c/span\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cods-map basemap=\"jawg.light\" no-refit=\"false\" scroll-wheel-zoom=\"false\" display-control=\"false\" toolbar-drawing=\"false\"\u003e\n \u003cods-map-layer context=\"cases\" color=\"#142e7b\" picto=\"ods-circle\" display=\"clusters\" function=\"SUM\" expression=\"nuevos_positivos\" shape-opacity=\"0.5\" point-opacity=\"1\" caption=\"false\" title=\"Epidimioliogic satutus in Castilla dy Leon\"\n size-min=\"3\" size-max=\"5\" size-function=\"linear\"\u003e\u003c/ods-map-layer\u003e\n \u003cods-map-layer context=\"regions\" color-categories=\"colors\" color-by-field=\"cod_ine_prov\" color-categories-other=\"lightgrey\" display=\"categories\" shape-opacity=\"0.7\" tooltip-disabled=\"true\"\u003e\u003c/ods-map-layer\u003e\n \u003c/ods-map\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n\n \u003csection\u003e\n \u003c!-- Row of this section a selectable, to stack by filtering the \"selected\" context. That is why we use the same context twice (otherwise the map and KPIs would also be filtered) --\u003e\n \u003cdiv class=\"row feature-box\"\u003e\n \u003cdiv class=\"col-xs-12\" title=\"Click on a row to add it to the charts below\"\u003e\n \u003ctable class=\"summary-table\"\u003e\n \u003cthead\u003e\n \u003c!-- Replace with your own headings. You may add more fields. --\u003e\n \u003cth\u003eRegion\u003c/th\u003e\n \u003cth\u003eConfirmed\u003c/th\u003e\n \u003cth\u003eRecovered\u003c/th\u003e\n \u003cth\u003eDeaths\u003c/th\u003e\n \u003c/thead\u003e\n \u003ctbody\u003e\n \u003ctr ng-repeat=\"region in byRegion.results\" ng-class=\"{'toggled': toggled}\"\u003e\n \u003ctd\u003e\n \u003cdiv\u003e\n \u003c!-- The custom checkbox is made by using the label and hiding the checkbox. Regular checkboxes will work perfectly as wall (but cannot be styled) --\u003e\n \u003cinput id=\"{{ region.x }}\" type=\"checkbox\" class=\"hidden-checkbox\" ods-toggle-model=\"$parent.selected.parameters\" ods-toggle-key=\"refine.provincia\" ods-toggle-value=\"{{ region.x }}\" /\u003e\n \u003clabel for=\"{{ region.x }}\" class=\"fake-checkbox\" ng-click=\"toggled = !toggled\"\u003e\u003c/label\u003e\n {{ region.x }}\n \u003c/div\u003e\n \u003c/td\u003e\n \u003c!-- Replace with corresponding data fields --\u003e\n \u003ctd\u003e{{ region.confirmados }}\u003c/td\u003e\n \u003ctd\u003e{{ region.altas }}\u003c/td\u003e\n \u003ctd\u003e{{ region.fallecimientos }}\u003c/td\u003e\n \u003c/tr\u003e\n \u003c/tbody\u003e\n \u003c/table\u003e\n \u003c/div\u003e\n \u003c!-- Those charts will react to selected rows. Only change the expression-y. --\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003ch4 class=\"text-primary text-center\"\u003eEvolution\u003c/h4\u003e\n \u003cods-chart timescale=\"year\" single-y-axis=\"true\" scientific-display=\"false\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"selected\" field-x=\"fecha\" maxpoints=\"0\" timescale=\"day\"\u003e\n \u003cods-chart-serie expression-y=\"casos_confirmados\" chart-type=\"spline\" function-y=\"SUM\" label-y=\"Confirmed cases\" color=\"#00c7b1\" scientific-display=\"true\" display-values=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003cods-chart-serie expression-y=\"fallecimientos\" chart-type=\"line\" function-y=\"SUM\" label-y=\"Deceased\" color=\"#fc8d62\" scientific-display=\"true\" display-values=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003ch4 class=\"text-primary text-center\"\u003eDaily Increment\u003c/h4\u003e\n \u003cods-chart timescale=\"year\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"selected\" field-x=\"fecha\" maxpoints=\"0\" timescale=\"day\"\u003e\n \u003cods-chart-serie expression-y=\"nuevos_positivos\" chart-type=\"column\" function-y=\"SUM\" label-y=\"New positives\" color=\"#00c7b1\" display-values=\"true\" display-stack-values=\"false\" scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003c/ods-dataset-context\u003e\n\u003c/div\u003e\n\n\u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"container\"\u003e\n \u003csection\u003e\n \u003ch2 class=\"text-primary text-center mb-4\"\u003e\n COVID-19 epidemiologic status in Castilla y León\n \u003c/h2\u003e\n \u003c/section\u003e\n \u003c!-- The data used here are from the first dashboard of the kind on ODS made by Junta de Castilla y Leone.\n See the page here : https://analisis.datosabiertos.jcyl.es/pages/coronavirus/\n See the data here : https://analisis.datosabiertos.jcyl.es/explore/dataset/situacion-epidemiologica-coronavirus-en-castilla-y-leon/table/?disjunctive.provincia\u0026dataChart=eyJxdWVyaWVzIjpbeyJjaGFydHMiOlt7InR5cGUiOiJzcGxpbmUiLCJmdW5jIjoiU1VNIiwieUF4aXMiOiJjYXNvc19jb25maXJtYWRvcyIsInNjaWVudGlmaWNEaXNwbGF5Ijp0cnVlLCJjb2xvciI6IiM2NmMyYTUifSx7ImFsaWduTW9udGgiOnRydWUsInR5cGUiOiJzcGxpbmUiLCJmdW5jIjoiU1VNIiwieUF4aXMiOiJmYWxsZWNpbWllbnRvcyIsInNjaWVudGlmaWNEaXNwbGF5Ijp0cnVlLCJjb2xvciI6IiNmYzhkNjIifV0sInhBeGlzIjoiZmVjaGEiLCJtYXhwb2ludHMiOiIiLCJ0aW1lc2NhbGUiOiJkYXkiLCJzb3J0IjoiIiwiY29uZmlnIjp7ImRhdGFzZXQiOiJzaXR1YWNpb24tZXBpZGVtaW9sb2dpY2EtY29yb25hdmlydXMtZW4tY2FzdGlsbGEteS1sZW9uIiwib3B0aW9ucyI6eyJkaXNqdW5jdGl2ZS5wcm92aW5jaWEiOnRydWV9fX1dLCJkaXNwbGF5TGVnZW5kIjp0cnVlLCJhbGlnbk1vbnRoIjp0cnVlLCJ0aW1lc2NhbGUiOiIiLCJzaW5nbGVBeGlzIjp0cnVlfQ%3D%3D\u0026location=8,41.64954,-4.33333\u0026basemap=jawg.streets --\u003e\n \u003cods-dataset-context context=\"regions, cases, selected\"\n cases-domain=\"jcyl\"\n cases-dataset=\"situacion-epidemiologica-coronavirus-en-castilla-y-leon\"\n selected-domain=\"jcyl\"\n selected-dataset=\"situacion-epidemiologica-coronavirus-en-castilla-y-leon\"\n selected-parameters=\"{'disjunctive.provincia':true}\"\n regions-dataset=\"limites-provinciales-de-castilla-y-leon-recintos\"\n regions-domain=\"https://analisis.datosabiertos.jcyl.es\"\u003e\n \u003cspan ods-analysis=\"byDate\" ods-analysis-context=\"cases\" ods-analysis-max=\"0\" ods-analysis-x=\"fecha\"\n ods-analysis-serie-confirmados=\"SUM(casos_confirmados)\" ods-analysis-serie-nuevos=\"SUM(nuevos_positivos)\"\n ods-analysis-serie-altas=\"SUM(altas)\"\n ods-analysis-serie-fallecimientos=\"SUM(fallecimientos)\" ods-analysis-sort=\"fecha\"\u003e\n \u003c/span\u003e\n {{ nbRecords = byDate.results.length - 1; \"\" }}\n \u003c!-- This code will refine results for latest date present in the datafield. The data on a given date must then already have the cumulative total at a given day avalaible.\n If you only have daily increments, you need one more context that is not refined by the last date, on which you do the ODS analysis with SUM --\u003e\n \u003cspan ods-results=\"list\" ods-results-context=\"cases\" ods-results-max=\"-1\" ods-results-sort=\"fecha\"\u003e\n {{ lastDate = list[list.length-1].fields.fecha; \"\" }}\n {{ cases.parameters['refine.fecha'] = lastDate;\"\"}}\n \u003c/span\u003e\n \u003cspan ods-analysis=\"byPostcode\" ods-analysis-context=\"cases\" ods-analysis-max=\"0\"\n ods-analysis-x-provincia=\"provincia\" ods-analysis-serie-confirmados=\"SUM(casos_confirmados)\"\n ods-analysis-serie-nuevos=\"SUM(nuevos_positivos)\"\n ods-analysis-serie-altas=\"SUM(altas)\" ods-analysis-serie-fallecimientos=\"SUM(fallecimientos)\"\n ods-analysis-serie-codigos=\"SUM(codigo_ine)\" ods-analysis-sort=\"-codigos\"\u003e\n \u003c/span\u003e\n \u003cspan ods-analysis=\"byRegion\" ods-analysis-context=\"cases\" ods-analysis-x=\"provincia\" ods-analysis-max=\"0\"\n ods-analysis-serie-confirmados=\"SUM(casos_confirmados)\" ods-analysis-serie-nuevos=\"SUM(nuevos_positivos)\"\n ods-analysis-serie-altas=\"SUM(altas)\" ods-analysis-serie-fallecimientos=\"SUM(fallecimientos)\"\n ods-analysis-sort=\"confirmados\"\u003e\n \u003c/span\u003e\n\n \u003c!-- These are a few examples key figures you may want to put. You can add as many as you want, they will warp to multiple lines if you have a lot (but consider not putting too many) --\u003e\n \u003csection\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-3\"\u003e\n \u003cdiv class=\"insight-card\"\u003e\n \u003ch3 class=\"text-highlight insight-figure\"\u003e{{ byDate.results[nbRecords].confirmados }}\u003c/h3\u003e\n \u003cp class=\"text-light\"\u003eCases\u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-3\"\u003e\n \u003cdiv class=\"insight-card\"\u003e\n \u003ch3 class=\"text-highlight insight-figure\"\u003e{{ byDate.results[nbRecords].nuevos }}\u003c/h3\u003e\n \u003cp class=\"text-light\"\u003eNew-cases today\u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-3\"\u003e\n \u003cdiv class=\"insight-card\"\u003e\n \u003ch3 class=\"text-highlight insight-figure\"\u003e{{ byDate.results[nbRecords].altas }}\u003c/h3\u003e\n \u003cp class=\"text-light\"\u003eRecovered\u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-3\"\u003e\n \u003cdiv class=\"insight-card\"\u003e\n \u003ch3 class=\"text-highlight insight-figure\"\u003e{{ byDate.results[nbRecords].fallecimientos }}\u003c/h3\u003e\n \u003cp class=\"text-light\"\u003eDeaths\u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003cp ods-resluts=\"items\" ods-results-context=\"cases\" ods-results-max=\"0\"\u003e{{ items }}\u003c/p\u003e\n \u003c!-- The example shows two tabs, you may add as many as you want for deaths etc. (but we strongly recommend not adding too many)\n The subagregation here is only needed for colors--\u003e\n \u003csection\u003e\n \u003cdiv class=\"row feature-box\" ng-init=\"tabselector = 'firsttab'\"\u003e\n \u003cdiv class=\"col-xs-12\"\u003e\n \u003cdiv class=\"tabs\"\u003e\n \u003ca class=\"tab\" ng-click=\"tabselector = 'firsttab'\"\n ng-class=\"{'activetab' : tabselector == 'firsttab'}\"\u003e\n Total cases\n \u003c/a\u003e\n \u003ca class=\"tab\" ng-click=\"tabselector = 'secondtab'\"\n ng-class=\"{'activetab' : tabselector == 'secondtab'}\"\u003e\n New cases today\n \u003c/a\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-xs-12\" ng-if=\"tabselector == 'firsttab'\"\u003e\n \u003cdiv ng-init=\"colors = {};\"\u003e\n \u003c!-- Put serie you want to color regions with in \"maxval/minval\" res.\"nameofserie\". Replace res.codigos with your ZIP code field name --\u003e\n \u003cdiv ods-subaggregation=\"byPostcode.results\"\n ods-subaggregation-serie-maxval=\"MAX(confirmados)\"\n ods-subaggregation-serie-minval=\"MIN(confirmados)\"\u003e\n \u003cspan ng-repeat=\"res in byPostcode.results\"\u003e\n \u003c!-- This is a little trick to have 5 digit ZIP code match 2 digit region code --\u003e\n {{reg_code = res.codigos \u003e 9999 ? (res.codigos | limitTo:2) : (res.codigos | limitTo:1); \"\"}}\n {{colors[reg_code] = \"hsl(220,75%,\" + (75 - ((res.confirmados - results[0].minval) / (results[0].maxval - results[0].minval) * 50) | number : 0) + \"%,1)\"; \"\" }}\n \u003c/span\u003e\n \u003c/div\u003e\n \u003cods-map basemap=\"jawg.light\" no-refit=\"false\" scroll-wheel-zoom=\"false\"\n display-control=\"false\" toolbar-drawing=\"false\"\u003e\n \u003c!-- Put the serie you want as numbers on the map in \"expresion\" --\u003e\n \u003cods-map-layer context=\"cases\" color=\"#142e7b\" picto=\"ods-circle\" display=\"clusters\"\n function=\"SUM\" expression=\"casos_confirmados\" shape-opacity=\"0.5\"\n point-opacity=\"1\" caption=\"false\"\n title=\"Epidimioliogic satutus in Castilla dy Leon\" size-min=\"3\"\n size-max=\"5\" size-function=\"linear\"\u003e\u003c/ods-map-layer\u003e\n \u003cods-map-layer context=\"regions\" color-categories=\"colors\" color-by-field=\"cod_ine_prov\"\n color-categories-other=\"lightgrey\" display=\"categories\"\n shape-opacity=\"0.7\" tooltip-disabled=\"true\"\u003e\u003c/ods-map-layer\u003e\n \u003c/ods-map\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-xs-12\" ng-if=\"tabselector == 'secondtab'\"\u003e\n \u003cdiv ng-init=\"colors = {};\"\u003e\n \u003c!-- Put serie you want to color regions with in maxval/min --\u003e\n \u003cdiv ods-subaggregation=\"byPostcode.results\" ods-subaggregation-serie-maxval=\"MAX(nuevos)\"\n ods-subaggregation-serie-minval=\"MIN(nuevos)\"\u003e\n \u003cspan ng-repeat=\"res in byPostcode.results\"\u003e\n {{reg_code = res.codigos \u003e 9999 ? (res.codigos | limitTo:2) : (res.codigos | limitTo:1); \"\"}}\n {{colors[reg_code] = \"hsl(220,75%,\" + (75 - ((res.nuevos - results[0].minval) / (results[0].maxval - results[0].minval) * 50) | number : 0) + \"%,1)\"; \"\" }}\n \u003c/span\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cods-map basemap=\"jawg.light\" no-refit=\"false\" scroll-wheel-zoom=\"false\" display-control=\"false\"\n toolbar-drawing=\"false\"\u003e\n \u003cods-map-layer context=\"cases\" color=\"#142e7b\" picto=\"ods-circle\" display=\"clusters\"\n function=\"SUM\" expression=\"nuevos_positivos\" shape-opacity=\"0.5\"\n point-opacity=\"1\" caption=\"false\"\n title=\"Epidimioliogic satutus in Castilla dy Leon\"\n size-min=\"3\" size-max=\"5\" size-function=\"linear\"\u003e\u003c/ods-map-layer\u003e\n \u003cods-map-layer context=\"regions\" color-categories=\"colors\" color-by-field=\"cod_ine_prov\"\n color-categories-other=\"lightgrey\" display=\"categories\" shape-opacity=\"0.7\"\n tooltip-disabled=\"true\"\u003e\u003c/ods-map-layer\u003e\n \u003c/ods-map\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n\n \u003csection\u003e\n \u003c!-- Row of this section a selectable, to stack by filtering the \"selected\" context. That is why we use the same context twice (otherwise the map and KPIs would also be filtered) --\u003e\n \u003cdiv class=\"row feature-box\"\u003e\n \u003cdiv class=\"col-xs-12\" title=\"Click on a row to add it to the charts below\"\u003e\n \u003ctable class=\"summary-table\"\u003e\n \u003cthead\u003e\n \u003c!-- Replace with your own headings. You may add more fields. --\u003e\n \u003cth\u003eRegion\u003c/th\u003e\n \u003cth\u003eConfirmed\u003c/th\u003e\n \u003cth\u003eRecovered\u003c/th\u003e\n \u003cth\u003eDeaths\u003c/th\u003e\n \u003c/thead\u003e\n \u003ctbody\u003e\n \u003ctr ng-repeat=\"region in byRegion.results\" ng-class=\"{'toggled': toggled}\"\u003e\n \u003ctd\u003e\n \u003cdiv\u003e\n \u003c!-- The custom checkbox is made by using the label and hiding the checkbox. Regular checkboxes will work perfectly as wall (but cannot be styled) --\u003e\n \u003cinput id=\"{{ region.x }}\" type=\"checkbox\" class=\"hidden-checkbox\"\n ods-toggle-model=\"$parent.selected.parameters\"\n ods-toggle-key=\"refine.provincia\" ods-toggle-value=\"{{ region.x }}\"/\u003e\n \u003clabel for=\"{{ region.x }}\" class=\"fake-checkbox\"\n ng-click=\"toggled = !toggled\"\u003e\u003c/label\u003e\n {{ region.x }}\n \u003c/div\u003e\n \u003c/td\u003e\n \u003c!-- Replace with corresponding data fields --\u003e\n \u003ctd\u003e{{ region.confirmados }}\u003c/td\u003e\n \u003ctd\u003e{{ region.altas }}\u003c/td\u003e\n \u003ctd\u003e{{ region.fallecimientos }}\u003c/td\u003e\n \u003c/tr\u003e\n \u003c/tbody\u003e\n \u003c/table\u003e\n \u003c/div\u003e\n \u003c!-- Those charts will react to selected rows. Only change the expression-y. --\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003ch4 class=\"text-primary text-center\"\u003eEvolution\u003c/h4\u003e\n \u003cods-chart timescale=\"year\" single-y-axis=\"true\" scientific-display=\"false\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"selected\" field-x=\"fecha\" maxpoints=\"0\" timescale=\"day\"\u003e\n \u003cods-chart-serie expression-y=\"casos_confirmados\" chart-type=\"spline\" function-y=\"SUM\"\n label-y=\"Confirmed cases\" color=\"#00c7b1\" scientific-display=\"true\"\n display-values=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003cods-chart-serie expression-y=\"fallecimientos\" chart-type=\"line\" function-y=\"SUM\"\n label-y=\"Deceased\" color=\"#fc8d62\" scientific-display=\"true\"\n display-values=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003ch4 class=\"text-primary text-center\"\u003eDaily Increment\u003c/h4\u003e\n \u003cods-chart timescale=\"year\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"selected\" field-x=\"fecha\" maxpoints=\"0\" timescale=\"day\"\u003e\n \u003cods-chart-serie expression-y=\"nuevos_positivos\" chart-type=\"column\" function-y=\"SUM\"\n label-y=\"New positives\" color=\"#00c7b1\" display-values=\"true\"\n display-stack-values=\"false\" scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/section\u003e\n \u003c/ods-dataset-context\u003e\n\u003c/div\u003e\n\n\u003c/div\u003e", "css": "/* General settings */\nbody {\n background-color: #f6f8fb;\n}\n\n.feature-box {\n margin: 21px 0px;\n padding: 13px;\n background: white;\n border-radius: 4px;\n background-color: #ffffff;\n background-size: cover;\n box-shadow: 0 1px 3px rgba(0,0,0,0.13);\n}\n/* Table design */\n.summary-table {\n table-layout: fixed;\n white-space: nowrap;\n width: 100%;\n margin-bottom: 21px;\n}\n\n.summary-table thead {\n background: #f6f8fb;\n color: #142e7b;\n}\n\n.summary-table td,\nth {\n padding: 1rem;\n}\n\n.summary-table td {\n border-top: 1px solid;\n border-color: #dee5ef;\n}\n\n.summary-table tr:hover {\n background: #f6f8fb;\n}\n\n.summary-table .toggled {\n background: #f6f8fb;\n}\n\n.hidden-checkbox {\n visibility: hidden;\n}\n\n.fake-checkbox {\n width: 21px;\n height: 21px;\n background: white;\n border: 1px solid #142e7b;\n border-radius: 4px;\n font-weight: normal;\n}\n\n.fake-checkbox:after {\n content: \"\\f00c\";\n opacity: 0;\n font-family: FontAwesome;\n color: #142e7b;\n margin-left: 3px;\n}\n\n.hidden-checkbox:checked ~ .fake-checkbox:after {\n content: \"\\f00c\";\n opacity: 1;\n font-family: FontAwesome;\n color: #142e7b;\n margin-left: 3px;\n}\n\n/* cards */\n.insight-card {\n margin: 13px;\n border: 1px dotted #142e7b;\n border-radius: 4px;\n color: #565656;\n text-decoration: rgb(86, 86, 86);\n box-shadow: 0px 0px 0px rgba(0,0,0,0);\n text-align: center;\n padding: 21px;\n height: 100%;\n}\n\n.insight-figure {\n font-size: 34px;\n}\n/* tabs */\n.tabs {\n margin: 1em;\n /* Adds lots of space around the tabs, to avoid the border to fall into the tab content area */\n}\n\n.tab {\n padding: 10px 20px;\n /* Gives some space to tab titles */\n color: gray;\n /* Colors the text in gray */\n}\n/* Only visible when the mouse is on a tab title */\n.tab:hover {\n color: black;\n /* Colors the text in black to highlight the possible selection */\n text-decoration: none;\n /* Removes the hyperlink underline style */\n}\n\n.activetab {\n color: black;\n /* Colors the text in black */\n border-bottom: 3px solid #2d2d2d;\n /* Underlines the text with a bold dark border */\n}\n\n/* Utilities */\n.mb-4 {\n margin-bottom: 55px;\n}\n\n.text-primary {\n color: #142e7b;\n}\n\n.text-highlight {\n color: #00c7b1;\n}\n\n.text-center {\n text-align: center;\n}\n\n.text-light {\n color: #898D92;\n}\n\n.justify-content-left {\n display: flex;\n justify-content: flex-start;\n}\n" }'>
                  @@ -665,7 +799,8 @@

                  width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -709,6 +844,7 @@

                  const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -819,7 +955,9 @@

                  $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                  <div ng-app="ods-widgets"> @@ -832,10 +970,17 @@

                  <!-- The data used here are from the first dashboard of the kind on ODS made by Junta de Castilla y Leone. See the page here : https://analisis.datosabiertos.jcyl.es/pages/coronavirus/ See the data here : https://analisis.datosabiertos.jcyl.es/explore/dataset/situacion-epidemiologica-coronavirus-en-castilla-y-leon/table/?disjunctive.provincia&dataChart=eyJxdWVyaWVzIjpbeyJjaGFydHMiOlt7InR5cGUiOiJzcGxpbmUiLCJmdW5jIjoiU1VNIiwieUF4aXMiOiJjYXNvc19jb25maXJtYWRvcyIsInNjaWVudGlmaWNEaXNwbGF5Ijp0cnVlLCJjb2xvciI6IiM2NmMyYTUifSx7ImFsaWduTW9udGgiOnRydWUsInR5cGUiOiJzcGxpbmUiLCJmdW5jIjoiU1VNIiwieUF4aXMiOiJmYWxsZWNpbWllbnRvcyIsInNjaWVudGlmaWNEaXNwbGF5Ijp0cnVlLCJjb2xvciI6IiNmYzhkNjIifV0sInhBeGlzIjoiZmVjaGEiLCJtYXhwb2ludHMiOiIiLCJ0aW1lc2NhbGUiOiJkYXkiLCJzb3J0IjoiIiwiY29uZmlnIjp7ImRhdGFzZXQiOiJzaXR1YWNpb24tZXBpZGVtaW9sb2dpY2EtY29yb25hdmlydXMtZW4tY2FzdGlsbGEteS1sZW9uIiwib3B0aW9ucyI6eyJkaXNqdW5jdGl2ZS5wcm92aW5jaWEiOnRydWV9fX1dLCJkaXNwbGF5TGVnZW5kIjp0cnVlLCJhbGlnbk1vbnRoIjp0cnVlLCJ0aW1lc2NhbGUiOiIiLCJzaW5nbGVBeGlzIjp0cnVlfQ%3D%3D&location=8,41.64954,-4.33333&basemap=jawg.streets --> - <ods-dataset-context context="regions, cases, selected" cases-domain="jcyl" cases-dataset="situacion-epidemiologica-coronavirus-en-castilla-y-leon" selected-domain="jcyl" - selected-dataset="situacion-epidemiologica-coronavirus-en-castilla-y-leon" selected-parameters="{'disjunctive.provincia':true}" regions-dataset="limites-provinciales-de-castilla-y-leon-recintos" + <ods-dataset-context context="regions, cases, selected" + cases-domain="jcyl" + cases-dataset="situacion-epidemiologica-coronavirus-en-castilla-y-leon" + selected-domain="jcyl" + selected-dataset="situacion-epidemiologica-coronavirus-en-castilla-y-leon" + selected-parameters="{'disjunctive.provincia':true}" + regions-dataset="limites-provinciales-de-castilla-y-leon-recintos" regions-domain="https://analisis.datosabiertos.jcyl.es"> - <span ods-analysis="byDate" ods-analysis-context="cases" ods-analysis-max="0" ods-analysis-x="fecha" ods-analysis-serie-confirmados="SUM(casos_confirmados)" ods-analysis-serie-nuevos="SUM(nuevos_positivos)" ods-analysis-serie-altas="SUM(altas)" + <span ods-analysis="byDate" ods-analysis-context="cases" ods-analysis-max="0" ods-analysis-x="fecha" + ods-analysis-serie-confirmados="SUM(casos_confirmados)" ods-analysis-serie-nuevos="SUM(nuevos_positivos)" + ods-analysis-serie-altas="SUM(altas)" ods-analysis-serie-fallecimientos="SUM(fallecimientos)" ods-analysis-sort="fecha"> </span> {{ nbRecords = byDate.results.length - 1; "" }} @@ -845,11 +990,16 @@

                  {{ lastDate = list[list.length-1].fields.fecha; "" }} {{ cases.parameters['refine.fecha'] = lastDate;""}} </span> - <span ods-analysis="byPostcode" ods-analysis-context="cases" ods-analysis-max="0" ods-analysis-x-provincia="provincia" ods-analysis-serie-confirmados="SUM(casos_confirmados)" ods-analysis-serie-nuevos="SUM(nuevos_positivos)" - ods-analysis-serie-altas="SUM(altas)" ods-analysis-serie-fallecimientos="SUM(fallecimientos)" ods-analysis-serie-codigos="SUM(codigo_ine)" ods-analysis-sort="-codigos"> + <span ods-analysis="byPostcode" ods-analysis-context="cases" ods-analysis-max="0" + ods-analysis-x-provincia="provincia" ods-analysis-serie-confirmados="SUM(casos_confirmados)" + ods-analysis-serie-nuevos="SUM(nuevos_positivos)" + ods-analysis-serie-altas="SUM(altas)" ods-analysis-serie-fallecimientos="SUM(fallecimientos)" + ods-analysis-serie-codigos="SUM(codigo_ine)" ods-analysis-sort="-codigos"> </span> - <span ods-analysis="byRegion" ods-analysis-context="cases" ods-analysis-x="provincia" ods-analysis-max="0" ods-analysis-serie-confirmados="SUM(casos_confirmados)" ods-analysis-serie-nuevos="SUM(nuevos_positivos)" - ods-analysis-serie-altas="SUM(altas)" ods-analysis-serie-fallecimientos="SUM(fallecimientos)" ods-analysis-sort="confirmados"> + <span ods-analysis="byRegion" ods-analysis-context="cases" ods-analysis-x="provincia" ods-analysis-max="0" + ods-analysis-serie-confirmados="SUM(casos_confirmados)" ods-analysis-serie-nuevos="SUM(nuevos_positivos)" + ods-analysis-serie-altas="SUM(altas)" ods-analysis-serie-fallecimientos="SUM(fallecimientos)" + ods-analysis-sort="confirmados"> </span> <!-- These are a few examples key figures you may want to put. You can add as many as you want, they will warp to multiple lines if you have a lot (but consider not putting too many) --> @@ -888,45 +1038,62 @@

                  <div class="row feature-box" ng-init="tabselector = 'firsttab'"> <div class="col-xs-12"> <div class="tabs"> - <a class="tab" ng-click="tabselector = 'firsttab'" ng-class="{'activetab' : tabselector == 'firsttab'}"> + <a class="tab" ng-click="tabselector = 'firsttab'" + ng-class="{'activetab' : tabselector == 'firsttab'}"> Total cases </a> - <a class="tab" ng-click="tabselector = 'secondtab'" ng-class="{'activetab' : tabselector == 'secondtab'}"> + <a class="tab" ng-click="tabselector = 'secondtab'" + ng-class="{'activetab' : tabselector == 'secondtab'}"> New cases today </a> </div> <div class="col-xs-12" ng-if="tabselector == 'firsttab'"> <div ng-init="colors = {};"> <!-- Put serie you want to color regions with in "maxval/minval" res."nameofserie". Replace res.codigos with your ZIP code field name --> - <div ods-subaggregation="byPostcode.results" ods-subaggregation-serie-maxval="MAX(confirmados)" ods-subaggregation-serie-minval="MIN(confirmados)"> + <div ods-subaggregation="byPostcode.results" + ods-subaggregation-serie-maxval="MAX(confirmados)" + ods-subaggregation-serie-minval="MIN(confirmados)"> <span ng-repeat="res in byPostcode.results"> <!-- This is a little trick to have 5 digit ZIP code match 2 digit region code --> {{reg_code = res.codigos > 9999 ? (res.codigos | limitTo:2) : (res.codigos | limitTo:1); ""}} {{colors[reg_code] = "hsl(220,75%," + (75 - ((res.confirmados - results[0].minval) / (results[0].maxval - results[0].minval) * 50) | number : 0) + "%,1)"; "" }} </span> </div> - <ods-map basemap="jawg.light" no-refit="false" scroll-wheel-zoom="false" display-control="false" toolbar-drawing="false"> + <ods-map basemap="jawg.light" no-refit="false" scroll-wheel-zoom="false" + display-control="false" toolbar-drawing="false"> <!-- Put the serie you want as numbers on the map in "expresion" --> - <ods-map-layer context="cases" color="#142e7b" picto="ods-circle" display="clusters" function="SUM" expression="casos_confirmados" shape-opacity="0.5" point-opacity="1" caption="false" - title="Epidimioliogic satutus in Castilla dy Leon" size-min="3" size-max="5" size-function="linear"></ods-map-layer> - <ods-map-layer context="regions" color-categories="colors" color-by-field="cod_ine_prov" color-categories-other="lightgrey" display="categories" shape-opacity="0.7" tooltip-disabled="true"></ods-map-layer> + <ods-map-layer context="cases" color="#142e7b" picto="ods-circle" display="clusters" + function="SUM" expression="casos_confirmados" shape-opacity="0.5" + point-opacity="1" caption="false" + title="Epidimioliogic satutus in Castilla dy Leon" size-min="3" + size-max="5" size-function="linear"></ods-map-layer> + <ods-map-layer context="regions" color-categories="colors" color-by-field="cod_ine_prov" + color-categories-other="lightgrey" display="categories" + shape-opacity="0.7" tooltip-disabled="true"></ods-map-layer> </ods-map> </div> </div> <div class="col-xs-12" ng-if="tabselector == 'secondtab'"> <div ng-init="colors = {};"> <!-- Put serie you want to color regions with in maxval/min --> - <div ods-subaggregation="byPostcode.results" ods-subaggregation-serie-maxval="MAX(nuevos)" ods-subaggregation-serie-minval="MIN(nuevos)"> + <div ods-subaggregation="byPostcode.results" ods-subaggregation-serie-maxval="MAX(nuevos)" + ods-subaggregation-serie-minval="MIN(nuevos)"> <span ng-repeat="res in byPostcode.results"> {{reg_code = res.codigos > 9999 ? (res.codigos | limitTo:2) : (res.codigos | limitTo:1); ""}} {{colors[reg_code] = "hsl(220,75%," + (75 - ((res.nuevos - results[0].minval) / (results[0].maxval - results[0].minval) * 50) | number : 0) + "%,1)"; "" }} </span> </div> </div> - <ods-map basemap="jawg.light" no-refit="false" scroll-wheel-zoom="false" display-control="false" toolbar-drawing="false"> - <ods-map-layer context="cases" color="#142e7b" picto="ods-circle" display="clusters" function="SUM" expression="nuevos_positivos" shape-opacity="0.5" point-opacity="1" caption="false" title="Epidimioliogic satutus in Castilla dy Leon" + <ods-map basemap="jawg.light" no-refit="false" scroll-wheel-zoom="false" display-control="false" + toolbar-drawing="false"> + <ods-map-layer context="cases" color="#142e7b" picto="ods-circle" display="clusters" + function="SUM" expression="nuevos_positivos" shape-opacity="0.5" + point-opacity="1" caption="false" + title="Epidimioliogic satutus in Castilla dy Leon" size-min="3" size-max="5" size-function="linear"></ods-map-layer> - <ods-map-layer context="regions" color-categories="colors" color-by-field="cod_ine_prov" color-categories-other="lightgrey" display="categories" shape-opacity="0.7" tooltip-disabled="true"></ods-map-layer> + <ods-map-layer context="regions" color-categories="colors" color-by-field="cod_ine_prov" + color-categories-other="lightgrey" display="categories" shape-opacity="0.7" + tooltip-disabled="true"></ods-map-layer> </ods-map> </div> </div> @@ -950,8 +1117,11 @@

                  <td> <div> <!-- The custom checkbox is made by using the label and hiding the checkbox. Regular checkboxes will work perfectly as wall (but cannot be styled) --> - <input id="{{ region.x }}" type="checkbox" class="hidden-checkbox" ods-toggle-model="$parent.selected.parameters" ods-toggle-key="refine.provincia" ods-toggle-value="{{ region.x }}" /> - <label for="{{ region.x }}" class="fake-checkbox" ng-click="toggled = !toggled"></label> + <input id="{{ region.x }}" type="checkbox" class="hidden-checkbox" + ods-toggle-model="$parent.selected.parameters" + ods-toggle-key="refine.provincia" ods-toggle-value="{{ region.x }}"/> + <label for="{{ region.x }}" class="fake-checkbox" + ng-click="toggled = !toggled"></label> {{ region.x }} </div> </td> @@ -968,9 +1138,13 @@

                  <h4 class="text-primary text-center">Evolution</h4> <ods-chart timescale="year" single-y-axis="true" scientific-display="false" align-month="true"> <ods-chart-query context="selected" field-x="fecha" maxpoints="0" timescale="day"> - <ods-chart-serie expression-y="casos_confirmados" chart-type="spline" function-y="SUM" label-y="Confirmed cases" color="#00c7b1" scientific-display="true" display-values="true"> + <ods-chart-serie expression-y="casos_confirmados" chart-type="spline" function-y="SUM" + label-y="Confirmed cases" color="#00c7b1" scientific-display="true" + display-values="true"> </ods-chart-serie> - <ods-chart-serie expression-y="fallecimientos" chart-type="line" function-y="SUM" label-y="Deceased" color="#fc8d62" scientific-display="true" display-values="true"> + <ods-chart-serie expression-y="fallecimientos" chart-type="line" function-y="SUM" + label-y="Deceased" color="#fc8d62" scientific-display="true" + display-values="true"> </ods-chart-serie> </ods-chart-query> </ods-chart> @@ -979,7 +1153,9 @@

                  <h4 class="text-primary text-center">Daily Increment</h4> <ods-chart timescale="year" align-month="true"> <ods-chart-query context="selected" field-x="fecha" maxpoints="0" timescale="day"> - <ods-chart-serie expression-y="nuevos_positivos" chart-type="column" function-y="SUM" label-y="New positives" color="#00c7b1" display-values="true" display-stack-values="false" scientific-display="true"> + <ods-chart-serie expression-y="nuevos_positivos" chart-type="column" function-y="SUM" + label-y="New positives" color="#00c7b1" display-values="true" + display-stack-values="false" scientific-display="true"> </ods-chart-serie> </ods-chart-query> </ods-chart> @@ -1138,8 +1314,16 @@

                  "> -
                  - + +

                  -

                  - -
                  +
                  + +
                  + +
                - - + - © Copyright 2020 + © Copyright 2026
                @@ -1874,7 +2219,7 @@

                diff --git a/public/page-templates/timeline/1/html.inc b/public/page-templates/timeline/1/html.inc index 646b3b3de..8afa0ddec 100644 --- a/public/page-templates/timeline/1/html.inc +++ b/public/page-templates/timeline/1/html.inc @@ -10,7 +10,7 @@ result-class="timeline-item" no-results-message="No more event..."> - {{ url = 'https://issy-les-moulineaux.opendatasoft.com/explore/dataset/' + item.datasetid + '/files/' + item.fields.imagecsv.id + '/300/' ; "" }} + {{ url = 'https://issy-les-moulineaux.huwise.com/explore/dataset/' + item.datasetid + '/files/' + item.fields.imagecsv.id + '/300/' ; "" }}
                @@ -38,7 +38,6 @@ record="item" width="300" height="300"> - {{ item.fields.numero }} {{ item.fields.adresse }}
                {{ item.fields.ville }}

                diff --git a/public/page-templates/timeline/index.html b/public/page-templates/timeline/index.html index b0cb7e7a2..43096c7a2 100644 --- a/public/page-templates/timeline/index.html +++ b/public/page-templates/timeline/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@ - @@ -179,7 +196,7 @@
                • + href="https://codelibrary.huwize.com/"> Home
                  • @@ -196,6 +213,54 @@ + + + + + + + + + + + + + + + + + + + + + +
                • + + Apps + + +
                  • + + + + + + + + + + + + + + + + + + + + @@ -250,6 +315,9 @@ + + +
                • @@ -274,6 +342,9 @@ + + + @@ -323,6 +394,16 @@
                  • +
                • + +
                  + Dashboard with filters + + +
                  +                   +
                  • +
                  • +
                • + +
                  + Dataviz gallery page + + +
                  +                   +
                  • +
                  • +
                • + +
                  + Home page 4 with access cards + + +
                  +                   +
                  • + +
                • + +
                  + Listing page + + +
                  +                   +
                  • +
                  • @@ -554,51 +663,67 @@
                  - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
                  @@ -609,39 +734,48 @@
                  -
                  -

                  Page Templates - Timeline

                  -
                  - -
                  - -
                  -

                  - Timeline view - - - - - -

                  -
                  -

                  Another interesting view to present datasets with date and chronological ordering

                  - -
                  - -
                  +
                  +

                  Page Templates - Timeline

                  +
                  + +
                  +
                  +

                  + Timeline view + + + + + +

                  +
                  +

                  Another interesting view to present datasets with date and chronological ordering

                  + +
                  + + +
                  + + + + + + + + +
                  name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"ods-box\"\u003e\n \u003cods-dataset-context context=\"ctx\"\n ctx-dataset=\"chrono_issy0\"\n ctx-domain=\"issy-les-moulineaux\"\n ctx-parameters=\"{'sort':'annee'}\"\u003e\n\n \u003cods-infinite-scroll-results context=\"ctx\"\n scroll-top-when-refresh=\"false\"\n list-class=\"timeline-frame\"\n result-class=\"timeline-item\"\n no-results-message=\"No more event...\"\u003e\n\n {{ url = 'https://issy-les-moulineaux.opendatasoft.com/explore/dataset/' + item.datasetid + '/files/' + item.fields.imagecsv.id + '/300/' ; \"\" }}\n\n \u003cdiv class=\"timeline-img\" style=\"\"\u003e\u003c/div\u003e\n\n \u003cdiv class=\"timeline-content timeline-card\"\u003e\n \u003cdiv class=\"timeline-img-header\"\n ng-class=\"{'no-img' : !item.fields.imagecsv}\"\n style=\"{{ 'background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0, .4)), url(' + url + ') center center no-repeat;\n background-size: cover;' }}\"\u003e\n \u003ch2\u003e{{ item.fields.evenement }}\u003c/h2\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"date\"\u003e\n \u003cspan ng-if=\"item.fields.jour\"\u003e{{ item.fields.jour }} \u003c/span\u003e\n \u003cspan ng-if=\"item.fields.mois\"\u003e {{item.fields.mois }} \u003c/span\u003e\n {{ item.fields.annee }}\n \u003c/div\u003e\n \u003cp\u003e{{ item.fields.description }}\u003c/p\u003e\n \u003cdiv class=\"timeline-bottom\"\u003e\n \u003ca class=\"bnt-more\"\n target=\"_blank\"\n ng-href=\"{{ item.fields.web }}\"\u003eKnow more \u003ci class=\"fa fa-external-link\" aria-hidden=\"true\"\u003e\u003c/i\u003e\u003c/a\u003e\n \u003cdiv class=\"timeline-geo\"\u003e\n \u003ci class=\"fa fa-map-marker\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cods-geotooltip coords=\"item.fields.coordonnees_geo\"\n record=\"item\"\n width=\"300\"\n height=\"300\"\u003e\n {{ item.fields.numero }} {{ item.fields.adresse }}\u003cbr/\u003e{{ item.fields.ville }}\n \u003c/ods-geotooltip\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003c/ods-infinite-scroll-results\u003e\n \u003c/ods-dataset-context\u003e\n\u003c/div\u003e\n\u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"ods-box\"\u003e\n \u003cods-dataset-context context=\"ctx\"\n ctx-dataset=\"chrono_issy0\"\n ctx-domain=\"issy-les-moulineaux\"\n ctx-parameters=\"{'sort':'annee'}\"\u003e\n\n \u003cods-infinite-scroll-results context=\"ctx\"\n scroll-top-when-refresh=\"false\"\n list-class=\"timeline-frame\"\n result-class=\"timeline-item\"\n no-results-message=\"No more event...\"\u003e\n\n {{ url = 'https://issy-les-moulineaux.huwise.com/explore/dataset/' + item.datasetid + '/files/' + item.fields.imagecsv.id + '/300/' ; \"\" }}\n\n \u003cdiv class=\"timeline-img\" style=\"\"\u003e\u003c/div\u003e\n\n \u003cdiv class=\"timeline-content timeline-card\"\u003e\n \u003cdiv class=\"timeline-img-header\"\n ng-class=\"{'no-img' : !item.fields.imagecsv}\"\n style=\"{{ 'background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0, .4)), url(' + url + ') center center no-repeat;\n background-size: cover;' }}\"\u003e\n \u003ch2\u003e{{ item.fields.evenement }}\u003c/h2\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"date\"\u003e\n \u003cspan ng-if=\"item.fields.jour\"\u003e{{ item.fields.jour }} \u003c/span\u003e\n \u003cspan ng-if=\"item.fields.mois\"\u003e {{item.fields.mois }} \u003c/span\u003e\n {{ item.fields.annee }}\n \u003c/div\u003e\n \u003cp\u003e{{ item.fields.description }}\u003c/p\u003e\n \u003cdiv class=\"timeline-bottom\"\u003e\n \u003ca class=\"bnt-more\"\n target=\"_blank\"\n ng-href=\"{{ item.fields.web }}\"\u003eKnow more \u003ci class=\"fa fa-external-link\" aria-hidden=\"true\"\u003e\u003c/i\u003e\u003c/a\u003e\n \u003cdiv class=\"timeline-geo\"\u003e\n \u003ci class=\"fa fa-map-marker\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cods-geotooltip coords=\"item.fields.coordonnees_geo\"\n record=\"item\"\n width=\"300\"\n height=\"300\"\u003e\n \u003c/ods-geotooltip\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003c/ods-infinite-scroll-results\u003e\n \u003c/ods-dataset-context\u003e\n\u003c/div\u003e\n\u003c/div\u003e", "css": ".timeline-frame {\n position: relative;\n}\n.timeline-frame:before {\n content: '';\n background: #1C0F31;\n width: 5px;\n height: 95%;\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n\n}\n\n.timeline-item {\n width: 100%;\n margin-bottom: 70px;\n}\n.timeline-item:nth-child(even) .timeline-content {\n float: right;\n padding: 40px 30px 10px 30px;\n}\n.timeline-item:nth-child(even) .timeline-content .date {\n right: auto;\n left: 0;\n}\n.timeline-item:nth-child(even) .timeline-content .date:after {\n content: '';\n position: absolute;\n border-style: solid;\n width: 0;\n height: 0;\n top: 30px;\n left: -15px;\n border-width: 10px 15px 10px 0;\n border-color: transparent #1d0f31 transparent transparent;\n}\n.timeline-item:after {\n content: '';\n display: block;\n clear: both;\n}\n\n.timeline-content {\n position: relative;\n width: 45%;\n padding: 10px 30px;\n border-radius: 4px;\n background: #f5f5f5;\n box-shadow: 0 20px 25px -15px rgba(0, 0, 0, .3);\n}\n\n.timeline-item:nth-child(odd) .timeline-content:after {\n content: '';\n position: absolute;\n border-style: solid;\n width: 0;\n height: 0;\n top: 30px;\n right: -15px;\n border-width: 10px 0 10px 15px;\n border-color: transparent transparent transparent #1d0f31;\n}\n\n.timeline-img {\n width: 30px;\n height: 30px;\n background: white;\n border: 5px #1d0f31 solid;\n border-radius: 50%;\n position: absolute;\n left: 50%;\n margin-top: 25px;\n margin-left: -15px;\n}\n\na.bnt-more {\n background: #1C0F31;\n color: white;\n padding: 8px 20px;\n text-transform: uppercase;\n font-size: 14px;\n margin-top: 10px;\n margin-left: 20px;\n margin-bottom: 5px;\n display: inline-block;\n border-radius: 2px;\n box-shadow: 0 1px 3px -1px rgba(0, 0, 0, .6);\n}\na.bnt-more:hover, a.bnt-more:active, a.bnt-more:focus {\n background: white;\n color: #1C0F31;\n text-decoration: none;\n}\n\n.timeline-card {\n padding: 0!important;\n}\n.timeline-content p {\n padding: 0 20px;\n}\n\n\n.timeline-img-header {\n height: 200px;\n position: relative;\n margin-bottom: 20px;\n}\n\n.timeline-img-header h2 {\n color: white;\n position: absolute;\n bottom: 5px;\n left: 20px;\n}\n.timeline-img-header.no-img {\n height: 100px;\n}\n\nblockquote {\n margin-top: 30px;\n color: grey;\n border-left-color: blue;\n padding: 0 20px;\n}\n\n.timeline-content .date {\n background: #1C0F31;\n display: inline-block;\n color: white;\n padding: 10px;\n position: absolute;\n top: 0;\n right: 0;\n}\n\n.timeline-bottom {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n padding-bottom: 15px;\n}\n.timeline-geo {\n display: flex;\n margin: 0px 20px 0px 20px;\n align-items: center;\n}\n.timeline-geo i.fa.fa-map-marker {\n font-size: 2rem;\n margin-right: 7px;\n}\n.geotooltip {\n border: none !important;\n cursor: zoom-in !important;\n}\n.geotooltip span {\n border-bottom: 1px dotted #000000;\n font-size: 0.9em;\n}\n@media (min-width: 1200px) {\n .geotooltip {\n max-width: 260px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n}\n\n\n@media screen and (max-width: 768px) {\n\n .timeline-frame:before {\n left: 50px;\n }\n\n .timeline-img {\n left: 50px;\n }\n\n .timeline-content {\n max-width: 100%;\n width: auto;\n margin-left: 80px;\n }\n\n .timeline-item:nth-child(even) .timeline-content {\n float: none;\n }\n\n .timeline-item:nth-child(odd) .timeline-content:after {\n content: '';\n position: absolute;\n border-style: solid;\n width: 0;\n height: 0;\n top: 30px;\n left: -15px;\n border-width: 10px 15px 10px 0;\n border-color: transparent #1C0F31 transparent transparent;\n }\n\n}\n" }'>
                  @@ -665,7 +799,8 @@

                  width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -709,6 +844,7 @@

                  const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -819,7 +955,9 @@

                  $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                  <div ng-app="ods-widgets"> @@ -835,7 +973,7 @@

                  result-class="timeline-item" no-results-message="No more event..."> - {{ url = 'https://issy-les-moulineaux.opendatasoft.com/explore/dataset/' + item.datasetid + '/files/' + item.fields.imagecsv.id + '/300/' ; "" }} + {{ url = 'https://issy-les-moulineaux.huwise.com/explore/dataset/' + item.datasetid + '/files/' + item.fields.imagecsv.id + '/300/' ; "" }} <div class="timeline-img" style=""></div> @@ -863,7 +1001,6 @@

                  record="item" width="300" height="300"> - {{ item.fields.numero }} {{ item.fields.adresse }}<br/>{{ item.fields.ville }} </ods-geotooltip> </div> </div> @@ -1081,8 +1218,16 @@

                  "> -
                  - + +

                  -

                  - -
                  +
                  + +
                  + +
                  - - + - © Copyright 2020 + © Copyright 2026
                  @@ -1703,7 +1908,7 @@

                  diff --git a/public/portal-themes/color/index.html b/public/portal-themes/color/index.html index a96685937..24c3508ef 100644 --- a/public/portal-themes/color/index.html +++ b/public/portal-themes/color/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@ - @@ -191,7 +208,7 @@
                  • + href="https://codelibrary.huwize.com/"> Home
                    • @@ -208,6 +225,54 @@ + + + + + + + + + + + + + + + + + + + + + +
                  • + + Apps + + +
                    • + + + + + + + + + + + + + + + + + + + + @@ -262,6 +327,9 @@ + + +
                  • @@ -286,6 +354,9 @@ + + + @@ -330,6 +401,18 @@ + + + + + + + + + + + + @@ -483,8 +566,6 @@ class="sidebar-subtitle"> Widget tricks - 6 -
                    • @@ -496,51 +577,67 @@
                    - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
                    @@ -551,34 +648,35 @@
                    -
                    -

                    Portal Themes - Colored theme

                    -
                    - -
                    - -
                    -

                    - Basic - - - - - -

                    -
                    - -
                    - -
                    +
                    +

                    Portal Themes - Colored theme

                    +
                    + +
                    +
                    +

                    + Basic + + + + + +

                    +
                    + +
                    + + +
                    +
                    @@ -1468,31 +1566,33 @@

                    -
                    -
                    - -
                    -

                    - Big header alternative - - - - - -

                    -
                    - -
                    - -
                    +
                    + +
                    +
                    +

                    + Big header alternative + + + + + +

                    +
                    + +
                    + + +
                    +
                    @@ -2412,31 +2512,33 @@

                    -
                    - - - +
                    +

                    + Big header + + + + + +

                    +
                    + +
                    + + +
                    +
                    @@ -3356,26 +3458,27 @@

                    -
                    - - - + + + + +
                    - - + - © Copyright 2020 + © Copyright 2026
                    @@ -3387,7 +3490,7 @@

                    diff --git a/public/portal-themes/dark/index.html b/public/portal-themes/dark/index.html index 56bdcec7b..6fd76b7e9 100644 --- a/public/portal-themes/dark/index.html +++ b/public/portal-themes/dark/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@ - @@ -191,7 +208,7 @@
                    • + href="https://codelibrary.huwize.com/"> Home
                      • @@ -208,6 +225,54 @@ + + + + + + + + + + + + + + + + + + + + + +
                    • + + Apps + + +
                      • + + + + + + + + + + + + + + + + + + + + @@ -262,6 +327,9 @@ + + +
                    • @@ -286,6 +354,9 @@ + + + @@ -330,6 +401,18 @@ + + + + + + + + + + + + @@ -483,8 +566,6 @@ class="sidebar-subtitle"> Widget tricks - 6 -
                      • @@ -496,51 +577,67 @@
                      - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
                      @@ -551,34 +648,35 @@
                      -
                      -

                      Portal Themes - Dark theme

                      -
                      - -
                      - -
                      -

                      - Basic - - - - - -

                      -
                      - -
                      - -
                      +
                      +

                      Portal Themes - Dark theme

                      +
                      + +
                      +
                      +

                      + Basic + + + + + +

                      +
                      + +
                      + + +
                      +
                      @@ -1468,31 +1566,33 @@

                      -
                      -
                      - -
                      -

                      - Big header alternative - - - - - -

                      -
                      - -
                      - -
                      +
                      + +
                      +
                      +

                      + Big header alternative + + + + + +

                      +
                      + +
                      + + +
                      +
                      @@ -2426,31 +2526,33 @@

                      -
                      - - - +
                      +

                      + Big header + + + + + +

                      +
                      + +
                      + + +
                      +
                      @@ -3370,26 +3472,27 @@

                      -
                      - - - + + + + +
                      - - + - © Copyright 2020 + © Copyright 2026
                      @@ -3401,7 +3504,7 @@

                      diff --git a/public/portal-themes/dropdown-menu/index.html b/public/portal-themes/dropdown-menu/index.html index 4000399e4..951f95be3 100644 --- a/public/portal-themes/dropdown-menu/index.html +++ b/public/portal-themes/dropdown-menu/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@ - @@ -197,7 +214,7 @@

                      -
                      -

                      How to use it

                      +
                      +

                      + Based on click - for default headers + + + + + +

                      +
                      +

                      How to use it

                      1. Copy the content of the HEADER tab.
                        2. -
                      2. Paste it in https://yourdomain.opendatasoft.com/backoffice/customization/theme/#header instead of ##menu##.
                        3. +
                      3. Paste it in https://yourdomain.huwise.com/backoffice/customization/theme/#header instead of ##menu##.
                      4. Copy the content of the STYLESHEET tab.
                        5. -
                      5. Paste it in https://yourdomain.opendatasoft.com/backoffice/customization/theme/#stylesheet.
                        6. +
                      6. Paste it in https://yourdomain.huwise.com/backoffice/customization/theme/#stylesheet.
                      7. Replace the links and titles of the items menu in the HEADER tab.
                      -
                      - -
                      - +
                      + + +
                      +
                      @@ -1161,39 +1257,41 @@

                      -
                      - - -
                      -

                      - Based on click - for Code Library custom headers - - - - - -

                      -
                      -

                      How to use it

                      +
                      + +
                      + +
                      +

                      + Based on click - for Code Library custom headers + + + + + +

                      +
                      +

                      How to use it

                      1. Copy the content of the HEADER tab.
                        2. -
                      2. Paste it in https://yourdomain.opendatasoft.com/backoffice/customization/theme/#header instead of ##menu##.
                        3. +
                      3. Paste it in https://yourdomain.huwise.com/backoffice/customization/theme/#header instead of ##menu##.
                      4. Copy the content of the STYLESHEET tab.
                        5. -
                      5. Paste it in https://yourdomain.opendatasoft.com/backoffice/customization/theme/#stylesheet AFTER the existing code.
                        6. +
                      6. Paste it in https://yourdomain.huwise.com/backoffice/customization/theme/#stylesheet AFTER the existing code.
                      7. Replace the links and titles of the items menu in the HEADER tab.
                      -
                      - -
                      - +
                      + + +
                      +
                      @@ -1707,38 +1805,40 @@

                      - -
                      - -
                      -

                      - Based on hover - for default headers - - - - - -

                      -
                      -

                      How to use it

                      +
                      + +
                      + +
                      +

                      + Based on hover - for default headers + + + + + +

                      +
                      +

                      How to use it

                      1. Copy the content of the HEADER tab.
                        2. -
                      2. Paste it in https://yourdomain.opendatasoft.com/backoffice/customization/theme/#header instead of ##menu##.
                        3. +
                      3. Paste it in https://yourdomain.huwise.com/backoffice/customization/theme/#header instead of ##menu##.
                      4. Copy the content of the STYLESHEET tab.
                        5. -
                      5. Paste it in https://yourdomain.opendatasoft.com/backoffice/customization/theme/#stylesheet".
                        6. +
                      6. Paste it in https://yourdomain.huwise.com/backoffice/customization/theme/#stylesheet".
                      -
                      - -
                      - +
                      + + +
                      +
                      @@ -2268,39 +2368,41 @@

                      - -
                      - -
                      -

                      - Based on hover - for Code Library customer headers - - - - - -

                      -
                      -

                      How to use it

                      +
                      + +
                      + +
                      +

                      + Based on hover - for Code Library customer headers + + + + + +

                      +
                      +

                      How to use it

                      1. Copy the content of the HEADER tab.
                        2. -
                      2. Paste it in https://yourdomain.opendatasoft.com/backoffice/customization/theme/#header instead of ##menu##.
                        3. +
                      3. Paste it in https://yourdomain.huwise.com/backoffice/customization/theme/#header instead of ##menu##.
                      4. Copy the content of the STYLESHEET tab.
                        5. -
                      5. Paste it in https://yourdomain.opendatasoft.com/backoffice/customization/theme/#stylesheet AFTER the existing code.
                        6. +
                      6. Paste it in https://yourdomain.huwise.com/backoffice/customization/theme/#stylesheet AFTER the existing code.
                      7. Replace the links and titles of the items menu in the HEADER tab.
                      -
                      - -
                      - +
                      + + +
                      +
                      @@ -2736,26 +2838,27 @@

                      - -
                      - - + + + + +
                      - - + - © Copyright 2020 + © Copyright 2026
                      @@ -2767,7 +2870,7 @@

                      diff --git a/public/portal-themes/index.html b/public/portal-themes/index.html index 9f59bb437..5e1f25b8f 100644 --- a/public/portal-themes/index.html +++ b/public/portal-themes/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@ - @@ -159,7 +176,7 @@
                      • + href="https://codelibrary.huwize.com/"> Home
                        • @@ -176,6 +193,54 @@ + + + + + + + + + + + + + + + + + + + + + +
                      • + + Apps + + +
                        • + + + + + + + + + + + + + + + + + + + + @@ -230,6 +295,9 @@ + + +
                      • @@ -254,6 +322,9 @@ + + + @@ -298,6 +369,18 @@ + + + + + + + + + + + + @@ -451,8 +534,6 @@ class="sidebar-subtitle"> Widget tricks - 6 -
                        • @@ -464,51 +545,67 @@
                        - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
                        @@ -553,7 +650,7 @@

                        - An Opendatasoft theme, when your business identity contains dominant colors + A Huwise theme, when your business identity contains dominant colors

                        @@ -570,7 +667,7 @@

                        - An Opendatasoft theme, with dark header to keep it sober + A Huwise theme, with dark header to keep it sober

                        @@ -587,7 +684,7 @@

                        - An Opendatasoft theme, with white header to keep it classic and light + A Huwise theme, with white header to keep it classic and light

                        @@ -602,16 +699,16 @@

                        - - + - © Copyright 2020 + © Copyright 2026
                        @@ -623,7 +720,7 @@

                        diff --git a/public/portal-themes/index.xml b/public/portal-themes/index.xml index 59ffde1ba..39d80f7dd 100644 --- a/public/portal-themes/index.xml +++ b/public/portal-themes/index.xml @@ -2,48 +2,39 @@ Portal Themes on Codelibrary - https://codelibrary.opendatasoft.com/portal-themes/ + https://codelibrary.huwize.com/portal-themes/ Recent content in Portal Themes on Codelibrary - Hugo -- gohugo.io + Hugo en-us - Wed, 23 Jun 2021 20:57:00 +0200 + Wed, 23 Jun 2021 20:57:00 +0200 + Dropdown menu for portal headers - https://codelibrary.opendatasoft.com/portal-themes/dropdown-menu/ + https://codelibrary.huwize.com/portal-themes/dropdown-menu/ Wed, 23 Jun 2021 20:57:00 +0200 - - https://codelibrary.opendatasoft.com/portal-themes/dropdown-menu/ - Important note -By using these types of headers, you will note be able to link the menu items to the ones you enter in the back-office of your domain (https://yourdomain.opendatasoft.com/backoffice/customization/navigation/). These customed headers will recreate the navigation bar and you will have to enter the title and the link for each of them, in the HTML code. -Moreover, you will not be able to have a specific CSS class for the active items (no background/underline effect on an item title to highlight the active page). + https://codelibrary.huwize.com/portal-themes/dropdown-menu/ + <p><strong>Important note</strong></p> <p><em>By using these types of headers, you will note be able to link the menu items to the ones you enter in the back-office of your domain (<code>https://yourdomain.huwise.com/backoffice/customization/navigation/</code>)</em>. <em>These customed headers will recreate the navigation bar and you will have to enter the title and the link for each of them, in the HTML code</em>.</p> <p><em>Moreover, you will not be able to have a specific CSS class for the active items (no background/underline effect on an item title to highlight the active page)</em>.</p> - Colored theme - https://codelibrary.opendatasoft.com/portal-themes/color/ + https://codelibrary.huwize.com/portal-themes/color/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/portal-themes/color/ + https://codelibrary.huwize.com/portal-themes/color/ - Dark theme - https://codelibrary.opendatasoft.com/portal-themes/dark/ + https://codelibrary.huwize.com/portal-themes/dark/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/portal-themes/dark/ + https://codelibrary.huwize.com/portal-themes/dark/ - Light theme - https://codelibrary.opendatasoft.com/portal-themes/light/ + https://codelibrary.huwize.com/portal-themes/light/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/portal-themes/light/ + https://codelibrary.huwize.com/portal-themes/light/ - diff --git a/public/portal-themes/light/index.html b/public/portal-themes/light/index.html index e9790151f..d49cff9ec 100644 --- a/public/portal-themes/light/index.html +++ b/public/portal-themes/light/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@

                        - @@ -185,7 +202,7 @@
                        + + + +
                        - - + - © Copyright 2020 + © Copyright 2026
                        @@ -2435,7 +2536,7 @@

                        diff --git a/public/portal-themes/page/1/index.html b/public/portal-themes/page/1/index.html index bebc6fbdd..8cd52bb10 100644 --- a/public/portal-themes/page/1/index.html +++ b/public/portal-themes/page/1/index.html @@ -1 +1,9 @@ -https://codelibrary.opendatasoft.com/portal-themes/ \ No newline at end of file + + + + https://codelibrary.huwize.com/portal-themes/ + + + + + diff --git a/public/scss/main.css b/public/scss/main.css index 3edc0aa42..a03b66ba0 100644 --- a/public/scss/main.css +++ b/public/scss/main.css @@ -1 +1 @@ -.pagination-previous,.pagination-next,.pagination-link,.pagination-ellipsis,.file-cta,.file-name,.select select,.textarea,.input,.button{-moz-appearance:none;-webkit-appearance:none;align-items:center;border:1px solid transparent;border-radius:8px;box-shadow:none;display:inline-flex;font-size:1rem;height:2.5em;justify-content:flex-start;line-height:1.5;padding-bottom:calc(0.5em - 1px);padding-left:calc(0.75em - 1px);padding-right:calc(0.75em - 1px);padding-top:calc(0.5em - 1px);position:relative;vertical-align:top}.pagination-previous:focus,.pagination-next:focus,.pagination-link:focus,.pagination-ellipsis:focus,.file-cta:focus,.file-name:focus,.select select:focus,.textarea:focus,.input:focus,.button:focus,.is-focused.pagination-previous,.is-focused.pagination-next,.is-focused.pagination-link,.is-focused.pagination-ellipsis,.is-focused.file-cta,.is-focused.file-name,.select select.is-focused,.is-focused.textarea,.is-focused.input,.is-focused.button,.pagination-previous:active,.pagination-next:active,.pagination-link:active,.pagination-ellipsis:active,.file-cta:active,.file-name:active,.select select:active,.textarea:active,.input:active,.button:active,.is-active.pagination-previous,.is-active.pagination-next,.is-active.pagination-link,.is-active.pagination-ellipsis,.is-active.file-cta,.is-active.file-name,.select select.is-active,.is-active.textarea,.is-active.input,.is-active.button{outline:none}.pagination-previous[disabled],.pagination-next[disabled],.pagination-link[disabled],.pagination-ellipsis[disabled],.file-cta[disabled],.file-name[disabled],.select select[disabled],.textarea[disabled],.input[disabled],.button[disabled],fieldset[disabled] .pagination-previous,fieldset[disabled] .pagination-next,fieldset[disabled] .pagination-link,fieldset[disabled] .pagination-ellipsis,fieldset[disabled] .file-cta,fieldset[disabled] .file-name,fieldset[disabled] .select select,.select fieldset[disabled] select,fieldset[disabled] .textarea,fieldset[disabled] .input,fieldset[disabled] .button{cursor:not-allowed}.tabs,.pagination-previous,.pagination-next,.pagination-link,.pagination-ellipsis,.breadcrumb,.is-unselectable,.file,.button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.navbar-link:not(.is-arrowless)::after,.select:not(.is-multiple):not(.is-loading)::after{border:3px solid rgba(0,0,0,0);border-radius:2px;border-right:0;border-top:0;content:" ";display:block;height:0.625em;margin-top:-0.4375em;pointer-events:none;position:absolute;top:50%;transform:rotate(-45deg);transform-origin:center;width:0.625em}.tabs:not(:last-child),.pagination:not(:last-child),.message:not(:last-child),.level:not(:last-child),.breadcrumb:not(:last-child),.highlight:not(:last-child),.block:not(:last-child),.title:not(:last-child),.subtitle:not(:last-child),.table-container:not(:last-child),.table:not(:last-child),.progress:not(:last-child),.notification:not(:last-child),.content:not(:last-child),.box:not(:last-child){margin-bottom:1.5rem}.modal-close,.delete{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;background-color:rgba(10,10,10,0.2);border:none;border-radius:290486px;cursor:pointer;pointer-events:auto;display:inline-block;flex-grow:0;flex-shrink:0;font-size:0;height:20px;max-height:20px;max-width:20px;min-height:20px;min-width:20px;outline:none;position:relative;vertical-align:top;width:20px}.modal-close::before,.delete::before,.modal-close::after,.delete::after{background-color:#fff;content:"";display:block;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) rotate(45deg);transform-origin:center center}.modal-close::before,.delete::before{height:2px;width:50%}.modal-close::after,.delete::after{height:50%;width:2px}.modal-close:hover,.delete:hover,.modal-close:focus,.delete:focus{background-color:rgba(10,10,10,0.3)}.modal-close:active,.delete:active{background-color:rgba(10,10,10,0.4)}.is-small.modal-close,.is-small.delete{height:16px;max-height:16px;max-width:16px;min-height:16px;min-width:16px;width:16px}.is-medium.modal-close,.is-medium.delete{height:24px;max-height:24px;max-width:24px;min-height:24px;min-width:24px;width:24px}.is-large.modal-close,.is-large.delete{height:32px;max-height:32px;max-width:32px;min-height:32px;min-width:32px;width:32px}.control.is-loading::after,.select.is-loading::after,.loader,.button.is-loading::after{animation:spinAround 500ms infinite linear;border:2px solid #dbdbdb;border-radius:290486px;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:1em;position:relative;width:1em}.hero-video,.modal-background,.modal,.is-overlay,.image.is-square img,.image.is-square .has-ratio,.image.is-1by1 img,.image.is-1by1 .has-ratio,.image.is-5by4 img,.image.is-5by4 .has-ratio,.image.is-4by3 img,.image.is-4by3 .has-ratio,.image.is-3by2 img,.image.is-3by2 .has-ratio,.image.is-5by3 img,.image.is-5by3 .has-ratio,.image.is-16by9 img,.image.is-16by9 .has-ratio,.image.is-2by1 img,.image.is-2by1 .has-ratio,.image.is-3by1 img,.image.is-3by1 .has-ratio,.image.is-4by5 img,.image.is-4by5 .has-ratio,.image.is-3by4 img,.image.is-3by4 .has-ratio,.image.is-2by3 img,.image.is-2by3 .has-ratio,.image.is-3by5 img,.image.is-3by5 .has-ratio,.image.is-9by16 img,.image.is-9by16 .has-ratio,.image.is-1by2 img,.image.is-1by2 .has-ratio,.image.is-1by3 img,.image.is-1by3 .has-ratio{bottom:0;left:0;position:absolute;right:0;top:0}/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}td:not([align]),th:not([align]){text-align:inherit}html{background-color:#fff;font-size:15px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;min-width:300px;overflow-x:hidden;overflow-y:scroll;text-rendering:optimizeLegibility;text-size-adjust:100%}article,aside,figure,footer,header,hgroup,section{display:block}body,button,input,optgroup,select,textarea{font-family:BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif}code,pre{-moz-osx-font-smoothing:auto;-webkit-font-smoothing:auto;font-family:monospace}body{color:#4a4a4a;font-size:1em;font-weight:400;line-height:1.5}a{color:#3273dc;cursor:pointer;text-decoration:none}a strong{color:currentColor}a:hover{color:#363636}code{background-color:#f5f5f5;color:#da1039;font-size:.875em;font-weight:normal;padding:0.25em 0.5em 0.25em}hr{background-color:#f5f5f5;border:none;display:block;height:2px;margin:1.5rem 0}img{height:auto;max-width:100%}input[type="checkbox"],input[type="radio"]{vertical-align:baseline}small{font-size:.875em}span{font-style:inherit;font-weight:inherit}strong{color:#363636;font-weight:700}fieldset{border:none}pre{-webkit-overflow-scrolling:touch;background-color:#f5f5f5;color:#4a4a4a;font-size:.875em;overflow-x:auto;padding:1.25rem 1.5rem;white-space:pre;word-wrap:normal}pre code{background-color:transparent;color:currentColor;font-size:1em;padding:0}table td,table th{vertical-align:top}table td:not([align]),table th:not([align]){text-align:inherit}table th{color:#363636}@keyframes spinAround{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}.box{background-color:#fff;border-radius:6px;box-shadow:none;color:#565656;display:block;padding:0}a.box:hover,a.box:focus{box-shadow:0 0.5em 1em -0.125em rgba(10,10,10,0.1),0 0 0 1px #3273dc}a.box:active{box-shadow:inset 0 1px 2px rgba(10,10,10,0.2),0 0 0 1px #3273dc}.button{background-color:#fff;border-color:#dbdbdb;border-width:1px;color:#363636;cursor:pointer;justify-content:center;padding-bottom:calc(0.5em - 1px);padding-left:1em;padding-right:1em;padding-top:calc(0.5em - 1px);text-align:center;white-space:nowrap}.button strong{color:inherit}.button .icon,.button .icon.is-small,.button .icon.is-medium,.button .icon.is-large{height:1.5em;width:1.5em}.button .icon:first-child:not(:last-child){margin-left:calc(-.5em - 1px);margin-right:.25em}.button .icon:last-child:not(:first-child){margin-left:.25em;margin-right:calc(-.5em - 1px)}.button .icon:first-child:last-child{margin-left:calc(-.5em - 1px);margin-right:calc(-.5em - 1px)}.button:hover,.button.is-hovered{border-color:#cbd2db;color:#363636}.button:focus,.button.is-focused{border-color:#3273dc;color:#363636}.button:focus:not(:active),.button.is-focused:not(:active){box-shadow:0 0 0 0.125em rgba(50,115,220,0.25)}.button:active,.button.is-active{border-color:#4a4a4a;color:#363636}.button.is-text{background-color:transparent;border-color:transparent;color:#4a4a4a;text-decoration:underline}.button.is-text:hover,.button.is-text.is-hovered,.button.is-text:focus,.button.is-text.is-focused{background-color:#f5f5f5;color:#363636}.button.is-text:active,.button.is-text.is-active{background-color:#e8e8e8;color:#363636}.button.is-text[disabled],fieldset[disabled] .button.is-text{background-color:transparent;border-color:transparent;box-shadow:none}.button.is-ghost{background:none;border-color:rgba(0,0,0,0);color:#3273dc;text-decoration:none}.button.is-ghost:hover,.button.is-ghost.is-hovered{color:#3273dc;text-decoration:underline}.button.is-white{background-color:#fff;border-color:transparent;color:#0a0a0a}.button.is-white:hover,.button.is-white.is-hovered{background-color:#f9f9f9;border-color:transparent;color:#0a0a0a}.button.is-white:focus,.button.is-white.is-focused{border-color:transparent;color:#0a0a0a}.button.is-white:focus:not(:active),.button.is-white.is-focused:not(:active){box-shadow:0 0 0 0.125em rgba(255,255,255,0.25)}.button.is-white:active,.button.is-white.is-active{background-color:#f2f2f2;border-color:transparent;color:#0a0a0a}.button.is-white[disabled],fieldset[disabled] .button.is-white{background-color:#fff;border-color:transparent;box-shadow:none}.button.is-white.is-inverted{background-color:#0a0a0a;color:#fff}.button.is-white.is-inverted:hover,.button.is-white.is-inverted.is-hovered{background-color:#000}.button.is-white.is-inverted[disabled],fieldset[disabled] .button.is-white.is-inverted{background-color:#0a0a0a;border-color:transparent;box-shadow:none;color:#fff}.button.is-white.is-loading::after{border-color:transparent transparent #0a0a0a #0a0a0a !important}.button.is-white.is-outlined{background-color:transparent;border-color:#fff;color:#fff}.button.is-white.is-outlined:hover,.button.is-white.is-outlined.is-hovered,.button.is-white.is-outlined:focus,.button.is-white.is-outlined.is-focused{background-color:#fff;border-color:#fff;color:#0a0a0a}.button.is-white.is-outlined.is-loading::after{border-color:transparent transparent #fff #fff !important}.button.is-white.is-outlined.is-loading:hover::after,.button.is-white.is-outlined.is-loading.is-hovered::after,.button.is-white.is-outlined.is-loading:focus::after,.button.is-white.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #0a0a0a #0a0a0a !important}.button.is-white.is-outlined[disabled],fieldset[disabled] .button.is-white.is-outlined{background-color:transparent;border-color:#fff;box-shadow:none;color:#fff}.button.is-white.is-inverted.is-outlined{background-color:transparent;border-color:#0a0a0a;color:#0a0a0a}.button.is-white.is-inverted.is-outlined:hover,.button.is-white.is-inverted.is-outlined.is-hovered,.button.is-white.is-inverted.is-outlined:focus,.button.is-white.is-inverted.is-outlined.is-focused{background-color:#0a0a0a;color:#fff}.button.is-white.is-inverted.is-outlined.is-loading:hover::after,.button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-white.is-inverted.is-outlined.is-loading:focus::after,.button.is-white.is-inverted.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #fff #fff !important}.button.is-white.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-white.is-inverted.is-outlined{background-color:transparent;border-color:#0a0a0a;box-shadow:none;color:#0a0a0a}.button.is-black{background-color:#0a0a0a;border-color:transparent;color:#fff}.button.is-black:hover,.button.is-black.is-hovered{background-color:#040404;border-color:transparent;color:#fff}.button.is-black:focus,.button.is-black.is-focused{border-color:transparent;color:#fff}.button.is-black:focus:not(:active),.button.is-black.is-focused:not(:active){box-shadow:0 0 0 0.125em rgba(10,10,10,0.25)}.button.is-black:active,.button.is-black.is-active{background-color:#000;border-color:transparent;color:#fff}.button.is-black[disabled],fieldset[disabled] .button.is-black{background-color:#0a0a0a;border-color:transparent;box-shadow:none}.button.is-black.is-inverted{background-color:#fff;color:#0a0a0a}.button.is-black.is-inverted:hover,.button.is-black.is-inverted.is-hovered{background-color:#f2f2f2}.button.is-black.is-inverted[disabled],fieldset[disabled] .button.is-black.is-inverted{background-color:#fff;border-color:transparent;box-shadow:none;color:#0a0a0a}.button.is-black.is-loading::after{border-color:transparent transparent #fff #fff !important}.button.is-black.is-outlined{background-color:transparent;border-color:#0a0a0a;color:#0a0a0a}.button.is-black.is-outlined:hover,.button.is-black.is-outlined.is-hovered,.button.is-black.is-outlined:focus,.button.is-black.is-outlined.is-focused{background-color:#0a0a0a;border-color:#0a0a0a;color:#fff}.button.is-black.is-outlined.is-loading::after{border-color:transparent transparent #0a0a0a #0a0a0a !important}.button.is-black.is-outlined.is-loading:hover::after,.button.is-black.is-outlined.is-loading.is-hovered::after,.button.is-black.is-outlined.is-loading:focus::after,.button.is-black.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #fff #fff !important}.button.is-black.is-outlined[disabled],fieldset[disabled] .button.is-black.is-outlined{background-color:transparent;border-color:#0a0a0a;box-shadow:none;color:#0a0a0a}.button.is-black.is-inverted.is-outlined{background-color:transparent;border-color:#fff;color:#fff}.button.is-black.is-inverted.is-outlined:hover,.button.is-black.is-inverted.is-outlined.is-hovered,.button.is-black.is-inverted.is-outlined:focus,.button.is-black.is-inverted.is-outlined.is-focused{background-color:#fff;color:#0a0a0a}.button.is-black.is-inverted.is-outlined.is-loading:hover::after,.button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-black.is-inverted.is-outlined.is-loading:focus::after,.button.is-black.is-inverted.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #0a0a0a #0a0a0a !important}.button.is-black.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-black.is-inverted.is-outlined{background-color:transparent;border-color:#fff;box-shadow:none;color:#fff}.button.is-light{background-color:#f6f8fb;border-color:transparent;color:rgba(0,0,0,0.7)}.button.is-light:hover,.button.is-light.is-hovered{background-color:#edf1f7;border-color:transparent;color:rgba(0,0,0,0.7)}.button.is-light:focus,.button.is-light.is-focused{border-color:transparent;color:rgba(0,0,0,0.7)}.button.is-light:focus:not(:active),.button.is-light.is-focused:not(:active){box-shadow:0 0 0 0.125em rgba(246,248,251,0.25)}.button.is-light:active,.button.is-light.is-active{background-color:#e4eaf3;border-color:transparent;color:rgba(0,0,0,0.7)}.button.is-light[disabled],fieldset[disabled] .button.is-light{background-color:#f6f8fb;border-color:transparent;box-shadow:none}.button.is-light.is-inverted{background-color:rgba(0,0,0,0.7);color:#f6f8fb}.button.is-light.is-inverted:hover,.button.is-light.is-inverted.is-hovered{background-color:rgba(0,0,0,0.7)}.button.is-light.is-inverted[disabled],fieldset[disabled] .button.is-light.is-inverted{background-color:rgba(0,0,0,0.7);border-color:transparent;box-shadow:none;color:#f6f8fb}.button.is-light.is-loading::after{border-color:transparent transparent rgba(0,0,0,0.7) rgba(0,0,0,0.7) !important}.button.is-light.is-outlined{background-color:transparent;border-color:#f6f8fb;color:#f6f8fb}.button.is-light.is-outlined:hover,.button.is-light.is-outlined.is-hovered,.button.is-light.is-outlined:focus,.button.is-light.is-outlined.is-focused{background-color:#f6f8fb;border-color:#f6f8fb;color:rgba(0,0,0,0.7)}.button.is-light.is-outlined.is-loading::after{border-color:transparent transparent #f6f8fb #f6f8fb !important}.button.is-light.is-outlined.is-loading:hover::after,.button.is-light.is-outlined.is-loading.is-hovered::after,.button.is-light.is-outlined.is-loading:focus::after,.button.is-light.is-outlined.is-loading.is-focused::after{border-color:transparent transparent rgba(0,0,0,0.7) rgba(0,0,0,0.7) !important}.button.is-light.is-outlined[disabled],fieldset[disabled] .button.is-light.is-outlined{background-color:transparent;border-color:#f6f8fb;box-shadow:none;color:#f6f8fb}.button.is-light.is-inverted.is-outlined{background-color:transparent;border-color:rgba(0,0,0,0.7);color:rgba(0,0,0,0.7)}.button.is-light.is-inverted.is-outlined:hover,.button.is-light.is-inverted.is-outlined.is-hovered,.button.is-light.is-inverted.is-outlined:focus,.button.is-light.is-inverted.is-outlined.is-focused{background-color:rgba(0,0,0,0.7);color:#f6f8fb}.button.is-light.is-inverted.is-outlined.is-loading:hover::after,.button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-light.is-inverted.is-outlined.is-loading:focus::after,.button.is-light.is-inverted.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #f6f8fb #f6f8fb !important}.button.is-light.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-light.is-inverted.is-outlined{background-color:transparent;border-color:rgba(0,0,0,0.7);box-shadow:none;color:rgba(0,0,0,0.7)}.button.is-dark{background-color:#363636;border-color:transparent;color:#fff}.button.is-dark:hover,.button.is-dark.is-hovered{background-color:#2f2f2f;border-color:transparent;color:#fff}.button.is-dark:focus,.button.is-dark.is-focused{border-color:transparent;color:#fff}.button.is-dark:focus:not(:active),.button.is-dark.is-focused:not(:active){box-shadow:0 0 0 0.125em rgba(54,54,54,0.25)}.button.is-dark:active,.button.is-dark.is-active{background-color:#292929;border-color:transparent;color:#fff}.button.is-dark[disabled],fieldset[disabled] .button.is-dark{background-color:#363636;border-color:transparent;box-shadow:none}.button.is-dark.is-inverted{background-color:#fff;color:#363636}.button.is-dark.is-inverted:hover,.button.is-dark.is-inverted.is-hovered{background-color:#f2f2f2}.button.is-dark.is-inverted[disabled],fieldset[disabled] .button.is-dark.is-inverted{background-color:#fff;border-color:transparent;box-shadow:none;color:#363636}.button.is-dark.is-loading::after{border-color:transparent transparent #fff #fff !important}.button.is-dark.is-outlined{background-color:transparent;border-color:#363636;color:#363636}.button.is-dark.is-outlined:hover,.button.is-dark.is-outlined.is-hovered,.button.is-dark.is-outlined:focus,.button.is-dark.is-outlined.is-focused{background-color:#363636;border-color:#363636;color:#fff}.button.is-dark.is-outlined.is-loading::after{border-color:transparent transparent #363636 #363636 !important}.button.is-dark.is-outlined.is-loading:hover::after,.button.is-dark.is-outlined.is-loading.is-hovered::after,.button.is-dark.is-outlined.is-loading:focus::after,.button.is-dark.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #fff #fff !important}.button.is-dark.is-outlined[disabled],fieldset[disabled] .button.is-dark.is-outlined{background-color:transparent;border-color:#363636;box-shadow:none;color:#363636}.button.is-dark.is-inverted.is-outlined{background-color:transparent;border-color:#fff;color:#fff}.button.is-dark.is-inverted.is-outlined:hover,.button.is-dark.is-inverted.is-outlined.is-hovered,.button.is-dark.is-inverted.is-outlined:focus,.button.is-dark.is-inverted.is-outlined.is-focused{background-color:#fff;color:#363636}.button.is-dark.is-inverted.is-outlined.is-loading:hover::after,.button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-dark.is-inverted.is-outlined.is-loading:focus::after,.button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #363636 #363636 !important}.button.is-dark.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-dark.is-inverted.is-outlined{background-color:transparent;border-color:#fff;box-shadow:none;color:#fff}.button.is-primary{background-color:#142e7b;border-color:transparent;color:#fff}.button.is-primary:hover,.button.is-primary.is-hovered{background-color:#122a70;border-color:transparent;color:#fff}.button.is-primary:focus,.button.is-primary.is-focused{border-color:transparent;color:#fff}.button.is-primary:focus:not(:active),.button.is-primary.is-focused:not(:active){box-shadow:0 0 0 0.125em rgba(20,46,123,0.25)}.button.is-primary:active,.button.is-primary.is-active{background-color:#102665;border-color:transparent;color:#fff}.button.is-primary[disabled],fieldset[disabled] .button.is-primary{background-color:#142e7b;border-color:transparent;box-shadow:none}.button.is-primary.is-inverted{background-color:#fff;color:#142e7b}.button.is-primary.is-inverted:hover,.button.is-primary.is-inverted.is-hovered{background-color:#f2f2f2}.button.is-primary.is-inverted[disabled],fieldset[disabled] .button.is-primary.is-inverted{background-color:#fff;border-color:transparent;box-shadow:none;color:#142e7b}.button.is-primary.is-loading::after{border-color:transparent transparent #fff #fff !important}.button.is-primary.is-outlined{background-color:transparent;border-color:#142e7b;color:#142e7b}.button.is-primary.is-outlined:hover,.button.is-primary.is-outlined.is-hovered,.button.is-primary.is-outlined:focus,.button.is-primary.is-outlined.is-focused{background-color:#142e7b;border-color:#142e7b;color:#fff}.button.is-primary.is-outlined.is-loading::after{border-color:transparent transparent #142e7b #142e7b !important}.button.is-primary.is-outlined.is-loading:hover::after,.button.is-primary.is-outlined.is-loading.is-hovered::after,.button.is-primary.is-outlined.is-loading:focus::after,.button.is-primary.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #fff #fff !important}.button.is-primary.is-outlined[disabled],fieldset[disabled] .button.is-primary.is-outlined{background-color:transparent;border-color:#142e7b;box-shadow:none;color:#142e7b}.button.is-primary.is-inverted.is-outlined{background-color:transparent;border-color:#fff;color:#fff}.button.is-primary.is-inverted.is-outlined:hover,.button.is-primary.is-inverted.is-outlined.is-hovered,.button.is-primary.is-inverted.is-outlined:focus,.button.is-primary.is-inverted.is-outlined.is-focused{background-color:#fff;color:#142e7b}.button.is-primary.is-inverted.is-outlined.is-loading:hover::after,.button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-primary.is-inverted.is-outlined.is-loading:focus::after,.button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #142e7b #142e7b !important}.button.is-primary.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-primary.is-inverted.is-outlined{background-color:transparent;border-color:#fff;box-shadow:none;color:#fff}.button.is-primary.is-light{background-color:#edf1fc;color:#3560de}.button.is-primary.is-light:hover,.button.is-primary.is-light.is-hovered{background-color:#e2e9fa;border-color:transparent;color:#3560de}.button.is-primary.is-light:active,.button.is-primary.is-light.is-active{background-color:#d8e0f9;border-color:transparent;color:#3560de}.button.is-link{background-color:#3273dc;border-color:transparent;color:#fff}.button.is-link:hover,.button.is-link.is-hovered{background-color:#276cda;border-color:transparent;color:#fff}.button.is-link:focus,.button.is-link.is-focused{border-color:transparent;color:#fff}.button.is-link:focus:not(:active),.button.is-link.is-focused:not(:active){box-shadow:0 0 0 0.125em rgba(50,115,220,0.25)}.button.is-link:active,.button.is-link.is-active{background-color:#2366d1;border-color:transparent;color:#fff}.button.is-link[disabled],fieldset[disabled] .button.is-link{background-color:#3273dc;border-color:transparent;box-shadow:none}.button.is-link.is-inverted{background-color:#fff;color:#3273dc}.button.is-link.is-inverted:hover,.button.is-link.is-inverted.is-hovered{background-color:#f2f2f2}.button.is-link.is-inverted[disabled],fieldset[disabled] .button.is-link.is-inverted{background-color:#fff;border-color:transparent;box-shadow:none;color:#3273dc}.button.is-link.is-loading::after{border-color:transparent transparent #fff #fff !important}.button.is-link.is-outlined{background-color:transparent;border-color:#3273dc;color:#3273dc}.button.is-link.is-outlined:hover,.button.is-link.is-outlined.is-hovered,.button.is-link.is-outlined:focus,.button.is-link.is-outlined.is-focused{background-color:#3273dc;border-color:#3273dc;color:#fff}.button.is-link.is-outlined.is-loading::after{border-color:transparent transparent #3273dc #3273dc !important}.button.is-link.is-outlined.is-loading:hover::after,.button.is-link.is-outlined.is-loading.is-hovered::after,.button.is-link.is-outlined.is-loading:focus::after,.button.is-link.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #fff #fff !important}.button.is-link.is-outlined[disabled],fieldset[disabled] .button.is-link.is-outlined{background-color:transparent;border-color:#3273dc;box-shadow:none;color:#3273dc}.button.is-link.is-inverted.is-outlined{background-color:transparent;border-color:#fff;color:#fff}.button.is-link.is-inverted.is-outlined:hover,.button.is-link.is-inverted.is-outlined.is-hovered,.button.is-link.is-inverted.is-outlined:focus,.button.is-link.is-inverted.is-outlined.is-focused{background-color:#fff;color:#3273dc}.button.is-link.is-inverted.is-outlined.is-loading:hover::after,.button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-link.is-inverted.is-outlined.is-loading:focus::after,.button.is-link.is-inverted.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #3273dc #3273dc !important}.button.is-link.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-link.is-inverted.is-outlined{background-color:transparent;border-color:#fff;box-shadow:none;color:#fff}.button.is-link.is-light{background-color:#eef3fc;color:#2160c4}.button.is-link.is-light:hover,.button.is-link.is-light.is-hovered{background-color:#e3ecfa;border-color:transparent;color:#2160c4}.button.is-link.is-light:active,.button.is-link.is-light.is-active{background-color:#d8e4f8;border-color:transparent;color:#2160c4}.button.is-info{background-color:#0086d6;border-color:transparent;color:#fff}.button.is-info:hover,.button.is-info.is-hovered{background-color:#007ec9;border-color:transparent;color:#fff}.button.is-info:focus,.button.is-info.is-focused{border-color:transparent;color:#fff}.button.is-info:focus:not(:active),.button.is-info.is-focused:not(:active){box-shadow:0 0 0 0.125em rgba(0,134,214,0.25)}.button.is-info:active,.button.is-info.is-active{background-color:#0076bd;border-color:transparent;color:#fff}.button.is-info[disabled],fieldset[disabled] .button.is-info{background-color:#0086d6;border-color:transparent;box-shadow:none}.button.is-info.is-inverted{background-color:#fff;color:#0086d6}.button.is-info.is-inverted:hover,.button.is-info.is-inverted.is-hovered{background-color:#f2f2f2}.button.is-info.is-inverted[disabled],fieldset[disabled] .button.is-info.is-inverted{background-color:#fff;border-color:transparent;box-shadow:none;color:#0086d6}.button.is-info.is-loading::after{border-color:transparent transparent #fff #fff !important}.button.is-info.is-outlined{background-color:transparent;border-color:#0086d6;color:#0086d6}.button.is-info.is-outlined:hover,.button.is-info.is-outlined.is-hovered,.button.is-info.is-outlined:focus,.button.is-info.is-outlined.is-focused{background-color:#0086d6;border-color:#0086d6;color:#fff}.button.is-info.is-outlined.is-loading::after{border-color:transparent transparent #0086d6 #0086d6 !important}.button.is-info.is-outlined.is-loading:hover::after,.button.is-info.is-outlined.is-loading.is-hovered::after,.button.is-info.is-outlined.is-loading:focus::after,.button.is-info.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #fff #fff !important}.button.is-info.is-outlined[disabled],fieldset[disabled] .button.is-info.is-outlined{background-color:transparent;border-color:#0086d6;box-shadow:none;color:#0086d6}.button.is-info.is-inverted.is-outlined{background-color:transparent;border-color:#fff;color:#fff}.button.is-info.is-inverted.is-outlined:hover,.button.is-info.is-inverted.is-outlined.is-hovered,.button.is-info.is-inverted.is-outlined:focus,.button.is-info.is-inverted.is-outlined.is-focused{background-color:#fff;color:#0086d6}.button.is-info.is-inverted.is-outlined.is-loading:hover::after,.button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-info.is-inverted.is-outlined.is-loading:focus::after,.button.is-info.is-inverted.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #0086d6 #0086d6 !important}.button.is-info.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-info.is-inverted.is-outlined{background-color:transparent;border-color:#fff;box-shadow:none;color:#fff}.button.is-info.is-light{background-color:#ebf7ff;color:#0089db}.button.is-info.is-light:hover,.button.is-info.is-light.is-hovered{background-color:#def3ff;border-color:transparent;color:#0089db}.button.is-info.is-light:active,.button.is-info.is-light.is-active{background-color:#d1eeff;border-color:transparent;color:#0089db}.button.is-success{background-color:#4bc467;border-color:transparent;color:#fff}.button.is-success:hover,.button.is-success.is-hovered{background-color:#41c15f;border-color:transparent;color:#fff}.button.is-success:focus,.button.is-success.is-focused{border-color:transparent;color:#fff}.button.is-success:focus:not(:active),.button.is-success.is-focused:not(:active){box-shadow:0 0 0 0.125em rgba(75,196,103,0.25)}.button.is-success:active,.button.is-success.is-active{background-color:#3db959;border-color:transparent;color:#fff}.button.is-success[disabled],fieldset[disabled] .button.is-success{background-color:#4bc467;border-color:transparent;box-shadow:none}.button.is-success.is-inverted{background-color:#fff;color:#4bc467}.button.is-success.is-inverted:hover,.button.is-success.is-inverted.is-hovered{background-color:#f2f2f2}.button.is-success.is-inverted[disabled],fieldset[disabled] .button.is-success.is-inverted{background-color:#fff;border-color:transparent;box-shadow:none;color:#4bc467}.button.is-success.is-loading::after{border-color:transparent transparent #fff #fff !important}.button.is-success.is-outlined{background-color:transparent;border-color:#4bc467;color:#4bc467}.button.is-success.is-outlined:hover,.button.is-success.is-outlined.is-hovered,.button.is-success.is-outlined:focus,.button.is-success.is-outlined.is-focused{background-color:#4bc467;border-color:#4bc467;color:#fff}.button.is-success.is-outlined.is-loading::after{border-color:transparent transparent #4bc467 #4bc467 !important}.button.is-success.is-outlined.is-loading:hover::after,.button.is-success.is-outlined.is-loading.is-hovered::after,.button.is-success.is-outlined.is-loading:focus::after,.button.is-success.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #fff #fff !important}.button.is-success.is-outlined[disabled],fieldset[disabled] .button.is-success.is-outlined{background-color:transparent;border-color:#4bc467;box-shadow:none;color:#4bc467}.button.is-success.is-inverted.is-outlined{background-color:transparent;border-color:#fff;color:#fff}.button.is-success.is-inverted.is-outlined:hover,.button.is-success.is-inverted.is-outlined.is-hovered,.button.is-success.is-inverted.is-outlined:focus,.button.is-success.is-inverted.is-outlined.is-focused{background-color:#fff;color:#4bc467}.button.is-success.is-inverted.is-outlined.is-loading:hover::after,.button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-success.is-inverted.is-outlined.is-loading:focus::after,.button.is-success.is-inverted.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #4bc467 #4bc467 !important}.button.is-success.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-success.is-inverted.is-outlined{background-color:transparent;border-color:#fff;box-shadow:none;color:#fff}.button.is-success.is-light{background-color:#f0faf2;color:#287b3b}.button.is-success.is-light:hover,.button.is-success.is-light.is-hovered{background-color:#e6f7ea;border-color:transparent;color:#287b3b}.button.is-success.is-light:active,.button.is-success.is-light.is-active{background-color:#dcf4e2;border-color:transparent;color:#287b3b}.button.is-warning{background-color:#efb71b;border-color:transparent;color:rgba(0,0,0,0.7)}.button.is-warning:hover,.button.is-warning.is-hovered{background-color:#edb311;border-color:transparent;color:rgba(0,0,0,0.7)}.button.is-warning:focus,.button.is-warning.is-focused{border-color:transparent;color:rgba(0,0,0,0.7)}.button.is-warning:focus:not(:active),.button.is-warning.is-focused:not(:active){box-shadow:0 0 0 0.125em rgba(239,183,27,0.25)}.button.is-warning:active,.button.is-warning.is-active{background-color:#e1aa10;border-color:transparent;color:rgba(0,0,0,0.7)}.button.is-warning[disabled],fieldset[disabled] .button.is-warning{background-color:#efb71b;border-color:transparent;box-shadow:none}.button.is-warning.is-inverted{background-color:rgba(0,0,0,0.7);color:#efb71b}.button.is-warning.is-inverted:hover,.button.is-warning.is-inverted.is-hovered{background-color:rgba(0,0,0,0.7)}.button.is-warning.is-inverted[disabled],fieldset[disabled] .button.is-warning.is-inverted{background-color:rgba(0,0,0,0.7);border-color:transparent;box-shadow:none;color:#efb71b}.button.is-warning.is-loading::after{border-color:transparent transparent rgba(0,0,0,0.7) rgba(0,0,0,0.7) !important}.button.is-warning.is-outlined{background-color:transparent;border-color:#efb71b;color:#efb71b}.button.is-warning.is-outlined:hover,.button.is-warning.is-outlined.is-hovered,.button.is-warning.is-outlined:focus,.button.is-warning.is-outlined.is-focused{background-color:#efb71b;border-color:#efb71b;color:rgba(0,0,0,0.7)}.button.is-warning.is-outlined.is-loading::after{border-color:transparent transparent #efb71b #efb71b !important}.button.is-warning.is-outlined.is-loading:hover::after,.button.is-warning.is-outlined.is-loading.is-hovered::after,.button.is-warning.is-outlined.is-loading:focus::after,.button.is-warning.is-outlined.is-loading.is-focused::after{border-color:transparent transparent rgba(0,0,0,0.7) rgba(0,0,0,0.7) !important}.button.is-warning.is-outlined[disabled],fieldset[disabled] .button.is-warning.is-outlined{background-color:transparent;border-color:#efb71b;box-shadow:none;color:#efb71b}.button.is-warning.is-inverted.is-outlined{background-color:transparent;border-color:rgba(0,0,0,0.7);color:rgba(0,0,0,0.7)}.button.is-warning.is-inverted.is-outlined:hover,.button.is-warning.is-inverted.is-outlined.is-hovered,.button.is-warning.is-inverted.is-outlined:focus,.button.is-warning.is-inverted.is-outlined.is-focused{background-color:rgba(0,0,0,0.7);color:#efb71b}.button.is-warning.is-inverted.is-outlined.is-loading:hover::after,.button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-warning.is-inverted.is-outlined.is-loading:focus::after,.button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #efb71b #efb71b !important}.button.is-warning.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-warning.is-inverted.is-outlined{background-color:transparent;border-color:rgba(0,0,0,0.7);box-shadow:none;color:rgba(0,0,0,0.7)}.button.is-warning.is-light{background-color:#fef9ec;color:#8a680a}.button.is-warning.is-light:hover,.button.is-warning.is-light.is-hovered{background-color:#fdf5e0;border-color:transparent;color:#8a680a}.button.is-warning.is-light:active,.button.is-warning.is-light.is-active{background-color:#fcf1d4;border-color:transparent;color:#8a680a}.button.is-danger{background-color:#ce0037;border-color:transparent;color:#fff}.button.is-danger:hover,.button.is-danger.is-hovered{background-color:#c10034;border-color:transparent;color:#fff}.button.is-danger:focus,.button.is-danger.is-focused{border-color:transparent;color:#fff}.button.is-danger:focus:not(:active),.button.is-danger.is-focused:not(:active){box-shadow:0 0 0 0.125em rgba(206,0,55,0.25)}.button.is-danger:active,.button.is-danger.is-active{background-color:#b50030;border-color:transparent;color:#fff}.button.is-danger[disabled],fieldset[disabled] .button.is-danger{background-color:#ce0037;border-color:transparent;box-shadow:none}.button.is-danger.is-inverted{background-color:#fff;color:#ce0037}.button.is-danger.is-inverted:hover,.button.is-danger.is-inverted.is-hovered{background-color:#f2f2f2}.button.is-danger.is-inverted[disabled],fieldset[disabled] .button.is-danger.is-inverted{background-color:#fff;border-color:transparent;box-shadow:none;color:#ce0037}.button.is-danger.is-loading::after{border-color:transparent transparent #fff #fff !important}.button.is-danger.is-outlined{background-color:transparent;border-color:#ce0037;color:#ce0037}.button.is-danger.is-outlined:hover,.button.is-danger.is-outlined.is-hovered,.button.is-danger.is-outlined:focus,.button.is-danger.is-outlined.is-focused{background-color:#ce0037;border-color:#ce0037;color:#fff}.button.is-danger.is-outlined.is-loading::after{border-color:transparent transparent #ce0037 #ce0037 !important}.button.is-danger.is-outlined.is-loading:hover::after,.button.is-danger.is-outlined.is-loading.is-hovered::after,.button.is-danger.is-outlined.is-loading:focus::after,.button.is-danger.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #fff #fff !important}.button.is-danger.is-outlined[disabled],fieldset[disabled] .button.is-danger.is-outlined{background-color:transparent;border-color:#ce0037;box-shadow:none;color:#ce0037}.button.is-danger.is-inverted.is-outlined{background-color:transparent;border-color:#fff;color:#fff}.button.is-danger.is-inverted.is-outlined:hover,.button.is-danger.is-inverted.is-outlined.is-hovered,.button.is-danger.is-inverted.is-outlined:focus,.button.is-danger.is-inverted.is-outlined.is-focused{background-color:#fff;color:#ce0037}.button.is-danger.is-inverted.is-outlined.is-loading:hover::after,.button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-danger.is-inverted.is-outlined.is-loading:focus::after,.button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #ce0037 #ce0037 !important}.button.is-danger.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-danger.is-inverted.is-outlined{background-color:transparent;border-color:#fff;box-shadow:none;color:#fff}.button.is-danger.is-light{background-color:#ffebf0;color:#fa0043}.button.is-danger.is-light:hover,.button.is-danger.is-light.is-hovered{background-color:#ffdee7;border-color:transparent;color:#fa0043}.button.is-danger.is-light:active,.button.is-danger.is-light.is-active{background-color:#ffd1dd;border-color:transparent;color:#fa0043}.button.is-small{font-size:.64rem}.button.is-small:not(.is-rounded){border-radius:4px}.button.is-normal{font-size:1rem}.button.is-medium{font-size:1.3rem}.button.is-large{font-size:1.5335rem}.button[disabled],fieldset[disabled] .button{background-color:#fff;border-color:#dbdbdb;box-shadow:none;opacity:.5}.button.is-fullwidth{display:flex;width:100%}.button.is-loading{color:transparent !important;pointer-events:none}.button.is-loading::after{position:absolute;left:calc(50% - (1em / 2));top:calc(50% - (1em / 2));position:absolute !important}.button.is-static{background-color:#f5f5f5;border-color:#dbdbdb;color:#7a7a7a;box-shadow:none;pointer-events:none}.button.is-rounded{border-radius:290486px;padding-left:calc(1em + 0.25em);padding-right:calc(1em + 0.25em)}.buttons{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start}.buttons .button{margin-bottom:0.5rem}.buttons .button:not(:last-child):not(.is-fullwidth){margin-right:.5rem}.buttons:last-child{margin-bottom:-0.5rem}.buttons:not(:last-child){margin-bottom:1rem}.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large){font-size:.64rem}.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded){border-radius:4px}.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large){font-size:1.3rem}.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium){font-size:1.5335rem}.buttons.has-addons .button:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.buttons.has-addons .button:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0;margin-right:-1px}.buttons.has-addons .button:last-child{margin-right:0}.buttons.has-addons .button:hover,.buttons.has-addons .button.is-hovered{z-index:2}.buttons.has-addons .button:focus,.buttons.has-addons .button.is-focused,.buttons.has-addons .button:active,.buttons.has-addons .button.is-active,.buttons.has-addons .button.is-selected{z-index:3}.buttons.has-addons .button:focus:hover,.buttons.has-addons .button.is-focused:hover,.buttons.has-addons .button:active:hover,.buttons.has-addons .button.is-active:hover,.buttons.has-addons .button.is-selected:hover{z-index:4}.buttons.has-addons .button.is-expanded{flex-grow:1;flex-shrink:1}.buttons.is-centered{justify-content:center}.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth){margin-left:0.25rem;margin-right:0.25rem}.buttons.is-right{justify-content:flex-end}.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth){margin-left:0.25rem;margin-right:0.25rem}.container{flex-grow:1;margin:0 auto;position:relative;width:auto}.container.is-fluid{max-width:none !important;padding-left:32px;padding-right:32px;width:100%}@media screen and (min-width: 1024px){.container{max-width:960px}}@media screen and (max-width: 1215px){.container.is-widescreen:not(.is-max-desktop){max-width:1152px}}@media screen and (max-width: 1407px){.container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen){max-width:1344px}}@media screen and (min-width: 1216px){.container:not(.is-max-desktop){max-width:1152px}}@media screen and (min-width: 1408px){.container:not(.is-max-desktop):not(.is-max-widescreen){max-width:1344px}}.content li+li{margin-top:0.25em}.content p:not(:last-child),.content dl:not(:last-child),.content ol:not(:last-child),.content ul:not(:last-child),.content blockquote:not(:last-child),.content pre:not(:last-child),.content table:not(:last-child){margin-bottom:1em}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{color:#363636;font-weight:500;line-height:1.25}.content h1{font-size:2em;margin-bottom:0.5em}.content h1:not(:first-child){margin-top:1em}.content h2{font-size:1.75em;margin-bottom:0.5714em}.content h2:not(:first-child){margin-top:1.1428em}.content h3{font-size:1.5em;margin-bottom:0.6666em}.content h3:not(:first-child){margin-top:1.3333em}.content h4{font-size:1.25em;margin-bottom:0.8em}.content h5{font-size:1.125em;margin-bottom:0.8888em}.content h6{font-size:1em;margin-bottom:1em}.content blockquote{background-color:#f5f5f5;border-left:5px solid #dbdbdb;padding:0.75em 1em}.content ol{list-style-position:outside;margin-left:2em;margin-top:1em}.content ol:not([type]){list-style-type:decimal}.content ol.is-lower-alpha:not([type]){list-style-type:lower-alpha}.content ol.is-lower-roman:not([type]){list-style-type:lower-roman}.content ol.is-upper-alpha:not([type]){list-style-type:upper-alpha}.content ol.is-upper-roman:not([type]){list-style-type:upper-roman}.content ul{list-style:disc outside;margin-left:2em;margin-top:1em}.content ul ul{list-style-type:circle;margin-top:0.5em}.content ul ul ul{list-style-type:square}.content dd{margin-left:2em}.content figure{margin-left:2em;margin-right:2em;text-align:center}.content figure:not(:first-child){margin-top:2em}.content figure:not(:last-child){margin-bottom:2em}.content figure img{display:inline-block}.content figure figcaption{font-style:italic}.content pre{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:1.25em 1.5em;white-space:pre;word-wrap:normal}.content sup,.content sub{font-size:75%}.content table{width:100%}.content table td,.content table th{border:1px solid #dbdbdb;border-width:0 0 1px;padding:0.5em 0.75em;vertical-align:top}.content table th{color:#363636}.content table th:not([align]){text-align:inherit}.content table thead td,.content table thead th{border-width:0 0 2px;color:#363636}.content table tfoot td,.content table tfoot th{border-width:2px 0 0;color:#363636}.content table tbody tr:last-child td,.content table tbody tr:last-child th{border-bottom-width:0}.content .tabs li+li{margin-top:0}.content.is-small{font-size:.64rem}.content.is-medium{font-size:1.3rem}.content.is-large{font-size:1.5335rem}.icon{align-items:center;display:inline-flex;justify-content:center;height:1rem;width:1rem}.icon.is-small{height:.75rem;width:.75rem}.icon.is-medium{height:1.5rem;width:1.5rem}.icon.is-large{height:3rem;width:3rem}.icon-text{align-items:flex-start;color:inherit;display:inline-flex;flex-wrap:wrap;line-height:1rem;vertical-align:top}.icon-text .icon{flex-grow:0;flex-shrink:0}.icon-text .icon:not(:last-child){margin-right:.25em}.icon-text .icon:not(:first-child){margin-left:.25em}div.icon-text{display:flex}.image{display:block;position:relative}.image img{display:block;height:auto;width:100%}.image img.is-rounded{border-radius:290486px}.image.is-fullwidth{width:100%}.image.is-square img,.image.is-square .has-ratio,.image.is-1by1 img,.image.is-1by1 .has-ratio,.image.is-5by4 img,.image.is-5by4 .has-ratio,.image.is-4by3 img,.image.is-4by3 .has-ratio,.image.is-3by2 img,.image.is-3by2 .has-ratio,.image.is-5by3 img,.image.is-5by3 .has-ratio,.image.is-16by9 img,.image.is-16by9 .has-ratio,.image.is-2by1 img,.image.is-2by1 .has-ratio,.image.is-3by1 img,.image.is-3by1 .has-ratio,.image.is-4by5 img,.image.is-4by5 .has-ratio,.image.is-3by4 img,.image.is-3by4 .has-ratio,.image.is-2by3 img,.image.is-2by3 .has-ratio,.image.is-3by5 img,.image.is-3by5 .has-ratio,.image.is-9by16 img,.image.is-9by16 .has-ratio,.image.is-1by2 img,.image.is-1by2 .has-ratio,.image.is-1by3 img,.image.is-1by3 .has-ratio{height:100%;width:100%}.image.is-square,.image.is-1by1{padding-top:100%}.image.is-5by4{padding-top:80%}.image.is-4by3{padding-top:75%}.image.is-3by2{padding-top:66.6666%}.image.is-5by3{padding-top:60%}.image.is-16by9{padding-top:56.25%}.image.is-2by1{padding-top:50%}.image.is-3by1{padding-top:33.3333%}.image.is-4by5{padding-top:125%}.image.is-3by4{padding-top:133.3333%}.image.is-2by3{padding-top:150%}.image.is-3by5{padding-top:166.6666%}.image.is-9by16{padding-top:177.7777%}.image.is-1by2{padding-top:200%}.image.is-1by3{padding-top:300%}.image.is-16x16{height:16px;width:16px}.image.is-24x24{height:24px;width:24px}.image.is-32x32{height:32px;width:32px}.image.is-48x48{height:48px;width:48px}.image.is-64x64{height:64px;width:64px}.image.is-96x96{height:96px;width:96px}.image.is-128x128{height:128px;width:128px}.notification{background-color:#f5f5f5;border-radius:6px;position:relative;padding:1.25rem 2.5rem 1.25rem 1.5rem}.notification a:not(.button):not(.dropdown-item){color:currentColor;text-decoration:underline}.notification strong{color:currentColor}.notification code,.notification pre{background:#fff}.notification pre code{background:transparent}.notification>.delete{right:.5rem;position:absolute;top:0.5rem}.notification .title,.notification .subtitle,.notification .content{color:currentColor}.notification.is-white{background-color:#fff;color:#0a0a0a}.notification.is-black{background-color:#0a0a0a;color:#fff}.notification.is-light{background-color:#f6f8fb;color:rgba(0,0,0,0.7)}.notification.is-dark{background-color:#363636;color:#fff}.notification.is-primary{background-color:#142e7b;color:#fff}.notification.is-primary.is-light{background-color:#edf1fc;color:#3560de}.notification.is-link{background-color:#3273dc;color:#fff}.notification.is-link.is-light{background-color:#eef3fc;color:#2160c4}.notification.is-info{background-color:#0086d6;color:#fff}.notification.is-info.is-light{background-color:#ebf7ff;color:#0089db}.notification.is-success{background-color:#4bc467;color:#fff}.notification.is-success.is-light{background-color:#f0faf2;color:#287b3b}.notification.is-warning{background-color:#efb71b;color:rgba(0,0,0,0.7)}.notification.is-warning.is-light{background-color:#fef9ec;color:#8a680a}.notification.is-danger{background-color:#ce0037;color:#fff}.notification.is-danger.is-light{background-color:#ffebf0;color:#fa0043}.progress{-moz-appearance:none;-webkit-appearance:none;border:none;border-radius:290486px;display:block;height:1rem;overflow:hidden;padding:0;width:100%}.progress::-webkit-progress-bar{background-color:#ededed}.progress::-webkit-progress-value{background-color:#4a4a4a}.progress::-moz-progress-bar{background-color:#4a4a4a}.progress::-ms-fill{background-color:#4a4a4a;border:none}.progress.is-white::-webkit-progress-value{background-color:#fff}.progress.is-white::-moz-progress-bar{background-color:#fff}.progress.is-white::-ms-fill{background-color:#fff}.progress.is-white:indeterminate{background-image:linear-gradient(to right, #fff 30%, #ededed 30%)}.progress.is-black::-webkit-progress-value{background-color:#0a0a0a}.progress.is-black::-moz-progress-bar{background-color:#0a0a0a}.progress.is-black::-ms-fill{background-color:#0a0a0a}.progress.is-black:indeterminate{background-image:linear-gradient(to right, #0a0a0a 30%, #ededed 30%)}.progress.is-light::-webkit-progress-value{background-color:#f6f8fb}.progress.is-light::-moz-progress-bar{background-color:#f6f8fb}.progress.is-light::-ms-fill{background-color:#f6f8fb}.progress.is-light:indeterminate{background-image:linear-gradient(to right, #f6f8fb 30%, #ededed 30%)}.progress.is-dark::-webkit-progress-value{background-color:#363636}.progress.is-dark::-moz-progress-bar{background-color:#363636}.progress.is-dark::-ms-fill{background-color:#363636}.progress.is-dark:indeterminate{background-image:linear-gradient(to right, #363636 30%, #ededed 30%)}.progress.is-primary::-webkit-progress-value{background-color:#142e7b}.progress.is-primary::-moz-progress-bar{background-color:#142e7b}.progress.is-primary::-ms-fill{background-color:#142e7b}.progress.is-primary:indeterminate{background-image:linear-gradient(to right, #142e7b 30%, #ededed 30%)}.progress.is-link::-webkit-progress-value{background-color:#3273dc}.progress.is-link::-moz-progress-bar{background-color:#3273dc}.progress.is-link::-ms-fill{background-color:#3273dc}.progress.is-link:indeterminate{background-image:linear-gradient(to right, #3273dc 30%, #ededed 30%)}.progress.is-info::-webkit-progress-value{background-color:#0086d6}.progress.is-info::-moz-progress-bar{background-color:#0086d6}.progress.is-info::-ms-fill{background-color:#0086d6}.progress.is-info:indeterminate{background-image:linear-gradient(to right, #0086d6 30%, #ededed 30%)}.progress.is-success::-webkit-progress-value{background-color:#4bc467}.progress.is-success::-moz-progress-bar{background-color:#4bc467}.progress.is-success::-ms-fill{background-color:#4bc467}.progress.is-success:indeterminate{background-image:linear-gradient(to right, #4bc467 30%, #ededed 30%)}.progress.is-warning::-webkit-progress-value{background-color:#efb71b}.progress.is-warning::-moz-progress-bar{background-color:#efb71b}.progress.is-warning::-ms-fill{background-color:#efb71b}.progress.is-warning:indeterminate{background-image:linear-gradient(to right, #efb71b 30%, #ededed 30%)}.progress.is-danger::-webkit-progress-value{background-color:#ce0037}.progress.is-danger::-moz-progress-bar{background-color:#ce0037}.progress.is-danger::-ms-fill{background-color:#ce0037}.progress.is-danger:indeterminate{background-image:linear-gradient(to right, #ce0037 30%, #ededed 30%)}.progress:indeterminate{animation-duration:1.5s;animation-iteration-count:infinite;animation-name:moveIndeterminate;animation-timing-function:linear;background-color:#ededed;background-image:linear-gradient(to right, #4a4a4a 30%, #ededed 30%);background-position:top left;background-repeat:no-repeat;background-size:150% 150%}.progress:indeterminate::-webkit-progress-bar{background-color:transparent}.progress:indeterminate::-moz-progress-bar{background-color:transparent}.progress:indeterminate::-ms-fill{animation-name:none}.progress.is-small{height:.64rem}.progress.is-medium{height:1.3rem}.progress.is-large{height:1.5335rem}@keyframes moveIndeterminate{from{background-position:200% 0}to{background-position:-200% 0}}.table{background-color:#fff;color:#363636}.table td,.table th{border:1px solid #dbdbdb;border-width:0 0 1px;padding:0.5em 0.75em;vertical-align:top}.table td.is-white,.table th.is-white{background-color:#fff;border-color:#fff;color:#0a0a0a}.table td.is-black,.table th.is-black{background-color:#0a0a0a;border-color:#0a0a0a;color:#fff}.table td.is-light,.table th.is-light{background-color:#f6f8fb;border-color:#f6f8fb;color:rgba(0,0,0,0.7)}.table td.is-dark,.table th.is-dark{background-color:#363636;border-color:#363636;color:#fff}.table td.is-primary,.table th.is-primary{background-color:#142e7b;border-color:#142e7b;color:#fff}.table td.is-link,.table th.is-link{background-color:#3273dc;border-color:#3273dc;color:#fff}.table td.is-info,.table th.is-info{background-color:#0086d6;border-color:#0086d6;color:#fff}.table td.is-success,.table th.is-success{background-color:#4bc467;border-color:#4bc467;color:#fff}.table td.is-warning,.table th.is-warning{background-color:#efb71b;border-color:#efb71b;color:rgba(0,0,0,0.7)}.table td.is-danger,.table th.is-danger{background-color:#ce0037;border-color:#ce0037;color:#fff}.table td.is-narrow,.table th.is-narrow{white-space:nowrap;width:1%}.table td.is-selected,.table th.is-selected{background-color:#142e7b;color:#fff}.table td.is-selected a,.table td.is-selected strong,.table th.is-selected a,.table th.is-selected strong{color:currentColor}.table td.is-vcentered,.table th.is-vcentered{vertical-align:middle}.table th{color:#363636}.table th:not([align]){text-align:inherit}.table tr.is-selected{background-color:#142e7b;color:#fff}.table tr.is-selected a,.table tr.is-selected strong{color:currentColor}.table tr.is-selected td,.table tr.is-selected th{border-color:#fff;color:currentColor}.table thead{background-color:rgba(0,0,0,0)}.table thead td,.table thead th{border-width:0 0 2px;color:#363636}.table tfoot{background-color:rgba(0,0,0,0)}.table tfoot td,.table tfoot th{border-width:2px 0 0;color:#363636}.table tbody{background-color:rgba(0,0,0,0)}.table tbody tr:last-child td,.table tbody tr:last-child th{border-bottom-width:0}.table.is-bordered td,.table.is-bordered th{border-width:1px}.table.is-bordered tr:last-child td,.table.is-bordered tr:last-child th{border-bottom-width:1px}.table.is-fullwidth{width:100%}.table.is-hoverable tbody tr:not(.is-selected):hover{background-color:#fafafa}.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover{background-color:#fafafa}.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even){background-color:#f5f5f5}.table.is-narrow td,.table.is-narrow th{padding:0.25em 0.5em}.table.is-striped tbody tr:not(.is-selected):nth-child(even){background-color:#fafafa}.table-container{-webkit-overflow-scrolling:touch;overflow:auto;overflow-y:hidden;max-width:100%}.tags{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start}.tags .tag{margin-bottom:0.5rem}.tags .tag:not(:last-child){margin-right:.5rem}.tags:last-child{margin-bottom:-0.5rem}.tags:not(:last-child){margin-bottom:1rem}.tags.are-medium .tag:not(.is-normal):not(.is-large){font-size:1rem}.tags.are-large .tag:not(.is-normal):not(.is-medium){font-size:1.3rem}.tags.is-centered{justify-content:center}.tags.is-centered .tag{margin-right:0.25rem;margin-left:0.25rem}.tags.is-right{justify-content:flex-end}.tags.is-right .tag:not(:first-child){margin-left:0.5rem}.tags.is-right .tag:not(:last-child){margin-right:0}.tags.has-addons .tag{margin-right:0}.tags.has-addons .tag:not(:first-child){margin-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.tags.has-addons .tag:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.tag:not(body){align-items:center;background-color:#e6f0fa;border-radius:6px;color:#024369;display:inline-flex;font-size:.64rem;height:2em;justify-content:center;line-height:1.5;padding-left:0.75em;padding-right:0.75em;white-space:nowrap}.tag:not(body) .delete{margin-left:.25rem;margin-right:-.375rem}.tag.is-white:not(body){background-color:#fff;color:#0a0a0a}.tag.is-black:not(body){background-color:#0a0a0a;color:#fff}.tag.is-light:not(body){background-color:#f6f8fb;color:rgba(0,0,0,0.7)}.tag.is-dark:not(body){background-color:#363636;color:#fff}.tag.is-primary:not(body){background-color:#142e7b;color:#fff}.tag.is-primary.is-light:not(body){background-color:#edf1fc;color:#3560de}.tag.is-link:not(body){background-color:#3273dc;color:#fff}.tag.is-link.is-light:not(body){background-color:#eef3fc;color:#2160c4}.tag.is-info:not(body){background-color:#0086d6;color:#fff}.tag.is-info.is-light:not(body){background-color:#ebf7ff;color:#0089db}.tag.is-success:not(body){background-color:#4bc467;color:#fff}.tag.is-success.is-light:not(body){background-color:#f0faf2;color:#287b3b}.tag.is-warning:not(body){background-color:#efb71b;color:rgba(0,0,0,0.7)}.tag.is-warning.is-light:not(body){background-color:#fef9ec;color:#8a680a}.tag.is-danger:not(body){background-color:#ce0037;color:#fff}.tag.is-danger.is-light:not(body){background-color:#ffebf0;color:#fa0043}.tag.is-normal:not(body){font-size:.64rem}.tag.is-medium:not(body){font-size:1rem}.tag.is-large:not(body){font-size:1.3rem}.tag:not(body) .icon:first-child:not(:last-child){margin-left:-.375em;margin-right:.1875em}.tag:not(body) .icon:last-child:not(:first-child){margin-left:.1875em;margin-right:-.375em}.tag:not(body) .icon:first-child:last-child{margin-left:-.375em;margin-right:-.375em}.tag.is-delete:not(body){margin-left:1px;padding:0;position:relative;width:2em}.tag.is-delete:not(body)::before,.tag.is-delete:not(body)::after{background-color:currentColor;content:"";display:block;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) rotate(45deg);transform-origin:center center}.tag.is-delete:not(body)::before{height:1px;width:50%}.tag.is-delete:not(body)::after{height:50%;width:1px}.tag.is-delete:not(body):hover,.tag.is-delete:not(body):focus{background-color:#d1e3f6}.tag.is-delete:not(body):active{background-color:#bcd7f2}.tag.is-rounded:not(body){border-radius:290486px}a.tag:hover{text-decoration:underline}.title,.subtitle{word-break:break-word}.title em,.title span,.subtitle em,.subtitle span{font-weight:inherit}.title sub,.subtitle sub{font-size:.75em}.title sup,.subtitle sup{font-size:.75em}.title .tag,.subtitle .tag{vertical-align:middle}.title{color:#000;font-size:1.5335rem;font-weight:500;line-height:1.125}.title strong{color:inherit;font-weight:inherit}.title+.highlight{margin-top:-0.75rem}.title:not(.is-spaced)+.subtitle{margin-top:-1.25rem}.title.is-1{font-size:2.466rem}.title.is-2{font-size:1.935rem}.title.is-3{font-size:1.5335rem}.title.is-4{font-size:1.3rem}.title.is-5{font-size:1rem}.title.is-6{font-size:.8rem}.title.is-7{font-size:.64rem}.subtitle{color:#565656;font-size:1rem;font-weight:400;line-height:1.25}.subtitle strong{color:#363636;font-weight:600}.subtitle:not(.is-spaced)+.title{margin-top:-1.25rem}.subtitle.is-1{font-size:2.466rem}.subtitle.is-2{font-size:1.935rem}.subtitle.is-3{font-size:1.5335rem}.subtitle.is-4{font-size:1.3rem}.subtitle.is-5{font-size:1rem}.subtitle.is-6{font-size:.8rem}.subtitle.is-7{font-size:.64rem}.heading{display:block;font-size:11px;letter-spacing:1px;margin-bottom:5px;text-transform:uppercase}.highlight{font-weight:400;max-width:100%;overflow:hidden;padding:0}.highlight pre{overflow:auto;max-width:100%}.number{align-items:center;background-color:#f5f5f5;border-radius:290486px;display:inline-flex;font-size:1.3rem;height:2em;justify-content:center;margin-right:1.5rem;min-width:2.5em;padding:0.25rem 0.5rem;text-align:center;vertical-align:top}.select select,.textarea,.input{background-color:#fff;border-color:#dbdbdb;border-radius:6px;color:#363636}.select select::-moz-placeholder,.textarea::-moz-placeholder,.input::-moz-placeholder{color:rgba(54,54,54,0.3)}.select select::-webkit-input-placeholder,.textarea::-webkit-input-placeholder,.input::-webkit-input-placeholder{color:rgba(54,54,54,0.3)}.select select:-moz-placeholder,.textarea:-moz-placeholder,.input:-moz-placeholder{color:rgba(54,54,54,0.3)}.select select:-ms-input-placeholder,.textarea:-ms-input-placeholder,.input:-ms-input-placeholder{color:rgba(54,54,54,0.3)}.select select:hover,.textarea:hover,.input:hover,.select select.is-hovered,.is-hovered.textarea,.is-hovered.input{border-color:#cbd2db}.select select:focus,.textarea:focus,.input:focus,.select select.is-focused,.is-focused.textarea,.is-focused.input,.select select:active,.textarea:active,.input:active,.select select.is-active,.is-active.textarea,.is-active.input{border-color:#3273dc;box-shadow:0 0 0 0.125em rgba(50,115,220,0.25)}.select select[disabled],.textarea[disabled],.input[disabled],fieldset[disabled] .select select,.select fieldset[disabled] select,fieldset[disabled] .textarea,fieldset[disabled] .input{background-color:#f5f5f5;border-color:#f5f5f5;box-shadow:none;color:#7a7a7a}.select select[disabled]::-moz-placeholder,.textarea[disabled]::-moz-placeholder,.input[disabled]::-moz-placeholder,fieldset[disabled] .select select::-moz-placeholder,.select fieldset[disabled] select::-moz-placeholder,fieldset[disabled] .textarea::-moz-placeholder,fieldset[disabled] .input::-moz-placeholder{color:rgba(122,122,122,0.3)}.select select[disabled]::-webkit-input-placeholder,.textarea[disabled]::-webkit-input-placeholder,.input[disabled]::-webkit-input-placeholder,fieldset[disabled] .select select::-webkit-input-placeholder,.select fieldset[disabled] select::-webkit-input-placeholder,fieldset[disabled] .textarea::-webkit-input-placeholder,fieldset[disabled] .input::-webkit-input-placeholder{color:rgba(122,122,122,0.3)}.select select[disabled]:-moz-placeholder,.textarea[disabled]:-moz-placeholder,.input[disabled]:-moz-placeholder,fieldset[disabled] .select select:-moz-placeholder,.select fieldset[disabled] select:-moz-placeholder,fieldset[disabled] .textarea:-moz-placeholder,fieldset[disabled] .input:-moz-placeholder{color:rgba(122,122,122,0.3)}.select select[disabled]:-ms-input-placeholder,.textarea[disabled]:-ms-input-placeholder,.input[disabled]:-ms-input-placeholder,fieldset[disabled] .select select:-ms-input-placeholder,.select fieldset[disabled] select:-ms-input-placeholder,fieldset[disabled] .textarea:-ms-input-placeholder,fieldset[disabled] .input:-ms-input-placeholder{color:rgba(122,122,122,0.3)}.textarea,.input{box-shadow:inset 0 0.0625em 0.125em rgba(10,10,10,0.05);max-width:100%;width:100%}.textarea[readonly],.input[readonly]{box-shadow:none}.is-white.textarea,.is-white.input{border-color:#fff}.is-white.textarea:focus,.is-white.input:focus,.is-white.is-focused.textarea,.is-white.is-focused.input,.is-white.textarea:active,.is-white.input:active,.is-white.is-active.textarea,.is-white.is-active.input{box-shadow:0 0 0 0.125em rgba(255,255,255,0.25)}.is-black.textarea,.is-black.input{border-color:#0a0a0a}.is-black.textarea:focus,.is-black.input:focus,.is-black.is-focused.textarea,.is-black.is-focused.input,.is-black.textarea:active,.is-black.input:active,.is-black.is-active.textarea,.is-black.is-active.input{box-shadow:0 0 0 0.125em rgba(10,10,10,0.25)}.is-light.textarea,.is-light.input{border-color:#f6f8fb}.is-light.textarea:focus,.is-light.input:focus,.is-light.is-focused.textarea,.is-light.is-focused.input,.is-light.textarea:active,.is-light.input:active,.is-light.is-active.textarea,.is-light.is-active.input{box-shadow:0 0 0 0.125em rgba(246,248,251,0.25)}.is-dark.textarea,.is-dark.input{border-color:#363636}.is-dark.textarea:focus,.is-dark.input:focus,.is-dark.is-focused.textarea,.is-dark.is-focused.input,.is-dark.textarea:active,.is-dark.input:active,.is-dark.is-active.textarea,.is-dark.is-active.input{box-shadow:0 0 0 0.125em rgba(54,54,54,0.25)}.is-primary.textarea,.is-primary.input{border-color:#142e7b}.is-primary.textarea:focus,.is-primary.input:focus,.is-primary.is-focused.textarea,.is-primary.is-focused.input,.is-primary.textarea:active,.is-primary.input:active,.is-primary.is-active.textarea,.is-primary.is-active.input{box-shadow:0 0 0 0.125em rgba(20,46,123,0.25)}.is-link.textarea,.is-link.input{border-color:#3273dc}.is-link.textarea:focus,.is-link.input:focus,.is-link.is-focused.textarea,.is-link.is-focused.input,.is-link.textarea:active,.is-link.input:active,.is-link.is-active.textarea,.is-link.is-active.input{box-shadow:0 0 0 0.125em rgba(50,115,220,0.25)}.is-info.textarea,.is-info.input{border-color:#0086d6}.is-info.textarea:focus,.is-info.input:focus,.is-info.is-focused.textarea,.is-info.is-focused.input,.is-info.textarea:active,.is-info.input:active,.is-info.is-active.textarea,.is-info.is-active.input{box-shadow:0 0 0 0.125em rgba(0,134,214,0.25)}.is-success.textarea,.is-success.input{border-color:#4bc467}.is-success.textarea:focus,.is-success.input:focus,.is-success.is-focused.textarea,.is-success.is-focused.input,.is-success.textarea:active,.is-success.input:active,.is-success.is-active.textarea,.is-success.is-active.input{box-shadow:0 0 0 0.125em rgba(75,196,103,0.25)}.is-warning.textarea,.is-warning.input{border-color:#efb71b}.is-warning.textarea:focus,.is-warning.input:focus,.is-warning.is-focused.textarea,.is-warning.is-focused.input,.is-warning.textarea:active,.is-warning.input:active,.is-warning.is-active.textarea,.is-warning.is-active.input{box-shadow:0 0 0 0.125em rgba(239,183,27,0.25)}.is-danger.textarea,.is-danger.input{border-color:#ce0037}.is-danger.textarea:focus,.is-danger.input:focus,.is-danger.is-focused.textarea,.is-danger.is-focused.input,.is-danger.textarea:active,.is-danger.input:active,.is-danger.is-active.textarea,.is-danger.is-active.input{box-shadow:0 0 0 0.125em rgba(206,0,55,0.25)}.is-small.textarea,.is-small.input{border-radius:4px;font-size:.64rem}.is-medium.textarea,.is-medium.input{font-size:1.3rem}.is-large.textarea,.is-large.input{font-size:1.5335rem}.is-fullwidth.textarea,.is-fullwidth.input{display:block;width:100%}.is-inline.textarea,.is-inline.input{display:inline;width:auto}.input.is-rounded{border-radius:290486px;padding-left:calc(calc(0.75em - 1px) + 0.375em);padding-right:calc(calc(0.75em - 1px) + 0.375em)}.input.is-static{background-color:transparent;border-color:transparent;box-shadow:none;padding-left:0;padding-right:0}.textarea{display:block;max-width:100%;min-width:100%;padding:calc(0.75em - 1px);resize:vertical}.textarea:not([rows]){max-height:40em;min-height:8em}.textarea[rows]{height:initial}.textarea.has-fixed-size{resize:none}.radio,.checkbox{cursor:pointer;display:inline-block;line-height:1.25;position:relative}.radio input,.checkbox input{cursor:pointer}.radio:hover,.checkbox:hover{color:#363636}.radio[disabled],.checkbox[disabled],fieldset[disabled] .radio,fieldset[disabled] .checkbox,.radio input[disabled],.checkbox input[disabled]{color:#7a7a7a;cursor:not-allowed}.radio+.radio{margin-left:.5em}.select{display:inline-block;max-width:100%;position:relative;vertical-align:top}.select:not(.is-multiple){height:2.5em}.select:not(.is-multiple):not(.is-loading)::after{border-color:#3273dc;right:1.125em;z-index:4}.select.is-rounded select{border-radius:290486px;padding-left:1em}.select select{cursor:pointer;display:block;font-size:1em;max-width:100%;outline:none}.select select::-ms-expand{display:none}.select select[disabled]:hover,fieldset[disabled] .select select:hover{border-color:#f5f5f5}.select select:not([multiple]){padding-right:2.5em}.select select[multiple]{height:auto;padding:0}.select select[multiple] option{padding:0.5em 1em}.select:not(.is-multiple):not(.is-loading):hover::after{border-color:#363636}.select.is-white:not(:hover)::after{border-color:#fff}.select.is-white select{border-color:#fff}.select.is-white select:hover,.select.is-white select.is-hovered{border-color:#f2f2f2}.select.is-white select:focus,.select.is-white select.is-focused,.select.is-white select:active,.select.is-white select.is-active{box-shadow:0 0 0 0.125em rgba(255,255,255,0.25)}.select.is-black:not(:hover)::after{border-color:#0a0a0a}.select.is-black select{border-color:#0a0a0a}.select.is-black select:hover,.select.is-black select.is-hovered{border-color:#000}.select.is-black select:focus,.select.is-black select.is-focused,.select.is-black select:active,.select.is-black select.is-active{box-shadow:0 0 0 0.125em rgba(10,10,10,0.25)}.select.is-light:not(:hover)::after{border-color:#f6f8fb}.select.is-light select{border-color:#f6f8fb}.select.is-light select:hover,.select.is-light select.is-hovered{border-color:#e4eaf3}.select.is-light select:focus,.select.is-light select.is-focused,.select.is-light select:active,.select.is-light select.is-active{box-shadow:0 0 0 0.125em rgba(246,248,251,0.25)}.select.is-dark:not(:hover)::after{border-color:#363636}.select.is-dark select{border-color:#363636}.select.is-dark select:hover,.select.is-dark select.is-hovered{border-color:#292929}.select.is-dark select:focus,.select.is-dark select.is-focused,.select.is-dark select:active,.select.is-dark select.is-active{box-shadow:0 0 0 0.125em rgba(54,54,54,0.25)}.select.is-primary:not(:hover)::after{border-color:#142e7b}.select.is-primary select{border-color:#142e7b}.select.is-primary select:hover,.select.is-primary select.is-hovered{border-color:#102665}.select.is-primary select:focus,.select.is-primary select.is-focused,.select.is-primary select:active,.select.is-primary select.is-active{box-shadow:0 0 0 0.125em rgba(20,46,123,0.25)}.select.is-link:not(:hover)::after{border-color:#3273dc}.select.is-link select{border-color:#3273dc}.select.is-link select:hover,.select.is-link select.is-hovered{border-color:#2366d1}.select.is-link select:focus,.select.is-link select.is-focused,.select.is-link select:active,.select.is-link select.is-active{box-shadow:0 0 0 0.125em rgba(50,115,220,0.25)}.select.is-info:not(:hover)::after{border-color:#0086d6}.select.is-info select{border-color:#0086d6}.select.is-info select:hover,.select.is-info select.is-hovered{border-color:#0076bd}.select.is-info select:focus,.select.is-info select.is-focused,.select.is-info select:active,.select.is-info select.is-active{box-shadow:0 0 0 0.125em rgba(0,134,214,0.25)}.select.is-success:not(:hover)::after{border-color:#4bc467}.select.is-success select{border-color:#4bc467}.select.is-success select:hover,.select.is-success select.is-hovered{border-color:#3db959}.select.is-success select:focus,.select.is-success select.is-focused,.select.is-success select:active,.select.is-success select.is-active{box-shadow:0 0 0 0.125em rgba(75,196,103,0.25)}.select.is-warning:not(:hover)::after{border-color:#efb71b}.select.is-warning select{border-color:#efb71b}.select.is-warning select:hover,.select.is-warning select.is-hovered{border-color:#e1aa10}.select.is-warning select:focus,.select.is-warning select.is-focused,.select.is-warning select:active,.select.is-warning select.is-active{box-shadow:0 0 0 0.125em rgba(239,183,27,0.25)}.select.is-danger:not(:hover)::after{border-color:#ce0037}.select.is-danger select{border-color:#ce0037}.select.is-danger select:hover,.select.is-danger select.is-hovered{border-color:#b50030}.select.is-danger select:focus,.select.is-danger select.is-focused,.select.is-danger select:active,.select.is-danger select.is-active{box-shadow:0 0 0 0.125em rgba(206,0,55,0.25)}.select.is-small{border-radius:4px;font-size:.64rem}.select.is-medium{font-size:1.3rem}.select.is-large{font-size:1.5335rem}.select.is-disabled::after{border-color:#7a7a7a}.select.is-fullwidth{width:100%}.select.is-fullwidth select{width:100%}.select.is-loading::after{margin-top:0;position:absolute;right:.625em;top:0.625em;transform:none}.select.is-loading.is-small:after{font-size:.64rem}.select.is-loading.is-medium:after{font-size:1.3rem}.select.is-loading.is-large:after{font-size:1.5335rem}.file{align-items:stretch;display:flex;justify-content:flex-start;position:relative}.file.is-white .file-cta{background-color:#fff;border-color:transparent;color:#0a0a0a}.file.is-white:hover .file-cta,.file.is-white.is-hovered .file-cta{background-color:#f9f9f9;border-color:transparent;color:#0a0a0a}.file.is-white:focus .file-cta,.file.is-white.is-focused .file-cta{border-color:transparent;box-shadow:0 0 0.5em rgba(255,255,255,0.25);color:#0a0a0a}.file.is-white:active .file-cta,.file.is-white.is-active .file-cta{background-color:#f2f2f2;border-color:transparent;color:#0a0a0a}.file.is-black .file-cta{background-color:#0a0a0a;border-color:transparent;color:#fff}.file.is-black:hover .file-cta,.file.is-black.is-hovered .file-cta{background-color:#040404;border-color:transparent;color:#fff}.file.is-black:focus .file-cta,.file.is-black.is-focused .file-cta{border-color:transparent;box-shadow:0 0 0.5em rgba(10,10,10,0.25);color:#fff}.file.is-black:active .file-cta,.file.is-black.is-active .file-cta{background-color:#000;border-color:transparent;color:#fff}.file.is-light .file-cta{background-color:#f6f8fb;border-color:transparent;color:rgba(0,0,0,0.7)}.file.is-light:hover .file-cta,.file.is-light.is-hovered .file-cta{background-color:#edf1f7;border-color:transparent;color:rgba(0,0,0,0.7)}.file.is-light:focus .file-cta,.file.is-light.is-focused .file-cta{border-color:transparent;box-shadow:0 0 0.5em rgba(246,248,251,0.25);color:rgba(0,0,0,0.7)}.file.is-light:active .file-cta,.file.is-light.is-active .file-cta{background-color:#e4eaf3;border-color:transparent;color:rgba(0,0,0,0.7)}.file.is-dark .file-cta{background-color:#363636;border-color:transparent;color:#fff}.file.is-dark:hover .file-cta,.file.is-dark.is-hovered .file-cta{background-color:#2f2f2f;border-color:transparent;color:#fff}.file.is-dark:focus .file-cta,.file.is-dark.is-focused .file-cta{border-color:transparent;box-shadow:0 0 0.5em rgba(54,54,54,0.25);color:#fff}.file.is-dark:active .file-cta,.file.is-dark.is-active .file-cta{background-color:#292929;border-color:transparent;color:#fff}.file.is-primary .file-cta{background-color:#142e7b;border-color:transparent;color:#fff}.file.is-primary:hover .file-cta,.file.is-primary.is-hovered .file-cta{background-color:#122a70;border-color:transparent;color:#fff}.file.is-primary:focus .file-cta,.file.is-primary.is-focused .file-cta{border-color:transparent;box-shadow:0 0 0.5em rgba(20,46,123,0.25);color:#fff}.file.is-primary:active .file-cta,.file.is-primary.is-active .file-cta{background-color:#102665;border-color:transparent;color:#fff}.file.is-link .file-cta{background-color:#3273dc;border-color:transparent;color:#fff}.file.is-link:hover .file-cta,.file.is-link.is-hovered .file-cta{background-color:#276cda;border-color:transparent;color:#fff}.file.is-link:focus .file-cta,.file.is-link.is-focused .file-cta{border-color:transparent;box-shadow:0 0 0.5em rgba(50,115,220,0.25);color:#fff}.file.is-link:active .file-cta,.file.is-link.is-active .file-cta{background-color:#2366d1;border-color:transparent;color:#fff}.file.is-info .file-cta{background-color:#0086d6;border-color:transparent;color:#fff}.file.is-info:hover .file-cta,.file.is-info.is-hovered .file-cta{background-color:#007ec9;border-color:transparent;color:#fff}.file.is-info:focus .file-cta,.file.is-info.is-focused .file-cta{border-color:transparent;box-shadow:0 0 0.5em rgba(0,134,214,0.25);color:#fff}.file.is-info:active .file-cta,.file.is-info.is-active .file-cta{background-color:#0076bd;border-color:transparent;color:#fff}.file.is-success .file-cta{background-color:#4bc467;border-color:transparent;color:#fff}.file.is-success:hover .file-cta,.file.is-success.is-hovered .file-cta{background-color:#41c15f;border-color:transparent;color:#fff}.file.is-success:focus .file-cta,.file.is-success.is-focused .file-cta{border-color:transparent;box-shadow:0 0 0.5em rgba(75,196,103,0.25);color:#fff}.file.is-success:active .file-cta,.file.is-success.is-active .file-cta{background-color:#3db959;border-color:transparent;color:#fff}.file.is-warning .file-cta{background-color:#efb71b;border-color:transparent;color:rgba(0,0,0,0.7)}.file.is-warning:hover .file-cta,.file.is-warning.is-hovered .file-cta{background-color:#edb311;border-color:transparent;color:rgba(0,0,0,0.7)}.file.is-warning:focus .file-cta,.file.is-warning.is-focused .file-cta{border-color:transparent;box-shadow:0 0 0.5em rgba(239,183,27,0.25);color:rgba(0,0,0,0.7)}.file.is-warning:active .file-cta,.file.is-warning.is-active .file-cta{background-color:#e1aa10;border-color:transparent;color:rgba(0,0,0,0.7)}.file.is-danger .file-cta{background-color:#ce0037;border-color:transparent;color:#fff}.file.is-danger:hover .file-cta,.file.is-danger.is-hovered .file-cta{background-color:#c10034;border-color:transparent;color:#fff}.file.is-danger:focus .file-cta,.file.is-danger.is-focused .file-cta{border-color:transparent;box-shadow:0 0 0.5em rgba(206,0,55,0.25);color:#fff}.file.is-danger:active .file-cta,.file.is-danger.is-active .file-cta{background-color:#b50030;border-color:transparent;color:#fff}.file.is-small{font-size:.64rem}.file.is-medium{font-size:1.3rem}.file.is-medium .file-icon .fa{font-size:21px}.file.is-large{font-size:1.5335rem}.file.is-large .file-icon .fa{font-size:28px}.file.has-name .file-cta{border-bottom-right-radius:0;border-top-right-radius:0}.file.has-name .file-name{border-bottom-left-radius:0;border-top-left-radius:0}.file.has-name.is-empty .file-cta{border-radius:6px}.file.has-name.is-empty .file-name{display:none}.file.is-boxed .file-label{flex-direction:column}.file.is-boxed .file-cta{flex-direction:column;height:auto;padding:1em 3em}.file.is-boxed .file-name{border-width:0 1px 1px}.file.is-boxed .file-icon{height:1.5em;width:1.5em}.file.is-boxed .file-icon .fa{font-size:21px}.file.is-boxed.is-small .file-icon .fa{font-size:14px}.file.is-boxed.is-medium .file-icon .fa{font-size:28px}.file.is-boxed.is-large .file-icon .fa{font-size:35px}.file.is-boxed.has-name .file-cta{border-radius:6px 6px 0 0}.file.is-boxed.has-name .file-name{border-radius:0 0 6px 6px;border-width:0 1px 1px}.file.is-centered{justify-content:center}.file.is-fullwidth .file-label{width:100%}.file.is-fullwidth .file-name{flex-grow:1;max-width:none}.file.is-right{justify-content:flex-end}.file.is-right .file-cta{border-radius:0 6px 6px 0}.file.is-right .file-name{border-radius:6px 0 0 6px;border-width:1px 0 1px 1px;order:-1}.file-label{align-items:stretch;display:flex;cursor:pointer;justify-content:flex-start;overflow:hidden;position:relative}.file-label:hover .file-cta{background-color:#eee;color:#363636}.file-label:hover .file-name{border-color:#d5d5d5}.file-label:active .file-cta{background-color:#e8e8e8;color:#363636}.file-label:active .file-name{border-color:#cfcfcf}.file-input{height:100%;left:0;opacity:0;outline:none;position:absolute;top:0;width:100%}.file-cta,.file-name{border-color:#dbdbdb;border-radius:6px;font-size:1em;padding-left:1em;padding-right:1em;white-space:nowrap}.file-cta{background-color:#f5f5f5;color:#4a4a4a}.file-name{border-color:#dbdbdb;border-style:solid;border-width:1px 1px 1px 0;display:block;max-width:16em;overflow:hidden;text-align:inherit;text-overflow:ellipsis}.file-icon{align-items:center;display:flex;height:1em;justify-content:center;margin-right:.5em;width:1em}.file-icon .fa{font-size:14px}.label{color:#363636;display:block;font-size:1rem;font-weight:700}.label:not(:last-child){margin-bottom:0.5em}.label.is-small{font-size:.64rem}.label.is-medium{font-size:1.3rem}.label.is-large{font-size:1.5335rem}.help{display:block;font-size:.64rem;margin-top:0.25rem}.help.is-white{color:#fff}.help.is-black{color:#0a0a0a}.help.is-light{color:#f6f8fb}.help.is-dark{color:#363636}.help.is-primary{color:#142e7b}.help.is-link{color:#3273dc}.help.is-info{color:#0086d6}.help.is-success{color:#4bc467}.help.is-warning{color:#efb71b}.help.is-danger{color:#ce0037}.field:not(:last-child){margin-bottom:0.75rem}.field.has-addons{display:flex;justify-content:flex-start}.field.has-addons .control:not(:last-child){margin-right:-1px}.field.has-addons .control:not(:first-child):not(:last-child) .button,.field.has-addons .control:not(:first-child):not(:last-child) .input,.field.has-addons .control:not(:first-child):not(:last-child) .select select{border-radius:0}.field.has-addons .control:first-child:not(:only-child) .button,.field.has-addons .control:first-child:not(:only-child) .input,.field.has-addons .control:first-child:not(:only-child) .select select{border-bottom-right-radius:0;border-top-right-radius:0}.field.has-addons .control:last-child:not(:only-child) .button,.field.has-addons .control:last-child:not(:only-child) .input,.field.has-addons .control:last-child:not(:only-child) .select select{border-bottom-left-radius:0;border-top-left-radius:0}.field.has-addons .control .button:not([disabled]):hover,.field.has-addons .control .button.is-hovered:not([disabled]),.field.has-addons .control .input:not([disabled]):hover,.field.has-addons .control .input.is-hovered:not([disabled]),.field.has-addons .control .select select:not([disabled]):hover,.field.has-addons .control .select select.is-hovered:not([disabled]){z-index:2}.field.has-addons .control .button:not([disabled]):focus,.field.has-addons .control .button.is-focused:not([disabled]),.field.has-addons .control .button:not([disabled]):active,.field.has-addons .control .button.is-active:not([disabled]),.field.has-addons .control .input:not([disabled]):focus,.field.has-addons .control .input.is-focused:not([disabled]),.field.has-addons .control .input:not([disabled]):active,.field.has-addons .control .input.is-active:not([disabled]),.field.has-addons .control .select select:not([disabled]):focus,.field.has-addons .control .select select.is-focused:not([disabled]),.field.has-addons .control .select select:not([disabled]):active,.field.has-addons .control .select select.is-active:not([disabled]){z-index:3}.field.has-addons .control .button:not([disabled]):focus:hover,.field.has-addons .control .button.is-focused:not([disabled]):hover,.field.has-addons .control .button:not([disabled]):active:hover,.field.has-addons .control .button.is-active:not([disabled]):hover,.field.has-addons .control .input:not([disabled]):focus:hover,.field.has-addons .control .input.is-focused:not([disabled]):hover,.field.has-addons .control .input:not([disabled]):active:hover,.field.has-addons .control .input.is-active:not([disabled]):hover,.field.has-addons .control .select select:not([disabled]):focus:hover,.field.has-addons .control .select select.is-focused:not([disabled]):hover,.field.has-addons .control .select select:not([disabled]):active:hover,.field.has-addons .control .select select.is-active:not([disabled]):hover{z-index:4}.field.has-addons .control.is-expanded{flex-grow:1;flex-shrink:1}.field.has-addons.has-addons-centered{justify-content:center}.field.has-addons.has-addons-right{justify-content:flex-end}.field.has-addons.has-addons-fullwidth .control{flex-grow:1;flex-shrink:0}.field.is-grouped{display:flex;justify-content:flex-start}.field.is-grouped>.control{flex-shrink:0}.field.is-grouped>.control:not(:last-child){margin-bottom:0;margin-right:.75rem}.field.is-grouped>.control.is-expanded{flex-grow:1;flex-shrink:1}.field.is-grouped.is-grouped-centered{justify-content:center}.field.is-grouped.is-grouped-right{justify-content:flex-end}.field.is-grouped.is-grouped-multiline{flex-wrap:wrap}.field.is-grouped.is-grouped-multiline>.control:last-child,.field.is-grouped.is-grouped-multiline>.control:not(:last-child){margin-bottom:0.75rem}.field.is-grouped.is-grouped-multiline:last-child{margin-bottom:-0.75rem}.field.is-grouped.is-grouped-multiline:not(:last-child){margin-bottom:0}@media screen and (min-width: 769px),print{.field.is-horizontal{display:flex}}.field-label .label{font-size:inherit}@media screen and (max-width: 768px){.field-label{margin-bottom:0.5rem}}@media screen and (min-width: 769px),print{.field-label{flex-basis:0;flex-grow:1;flex-shrink:0;margin-right:1.5rem;text-align:right}.field-label.is-small{font-size:.64rem;padding-top:0.375em}.field-label.is-normal{padding-top:0.375em}.field-label.is-medium{font-size:1.3rem;padding-top:0.375em}.field-label.is-large{font-size:1.5335rem;padding-top:0.375em}}.field-body .field .field{margin-bottom:0}@media screen and (min-width: 769px),print{.field-body{display:flex;flex-basis:0;flex-grow:5;flex-shrink:1}.field-body .field{margin-bottom:0}.field-body>.field{flex-shrink:1}.field-body>.field:not(.is-narrow){flex-grow:1}.field-body>.field:not(:last-child){margin-right:.75rem}}.control{box-sizing:border-box;clear:both;font-size:1rem;position:relative;text-align:inherit}.control.has-icons-left .input:focus~.icon,.control.has-icons-left .select:focus~.icon,.control.has-icons-right .input:focus~.icon,.control.has-icons-right .select:focus~.icon{color:#4a4a4a}.control.has-icons-left .input.is-small~.icon,.control.has-icons-left .select.is-small~.icon,.control.has-icons-right .input.is-small~.icon,.control.has-icons-right .select.is-small~.icon{font-size:.64rem}.control.has-icons-left .input.is-medium~.icon,.control.has-icons-left .select.is-medium~.icon,.control.has-icons-right .input.is-medium~.icon,.control.has-icons-right .select.is-medium~.icon{font-size:1.3rem}.control.has-icons-left .input.is-large~.icon,.control.has-icons-left .select.is-large~.icon,.control.has-icons-right .input.is-large~.icon,.control.has-icons-right .select.is-large~.icon{font-size:1.5335rem}.control.has-icons-left .icon,.control.has-icons-right .icon{color:#dbdbdb;height:2.5em;pointer-events:none;position:absolute;top:0;width:2.5em;z-index:4}.control.has-icons-left .input,.control.has-icons-left .select select{padding-left:2.5em}.control.has-icons-left .icon.is-left{left:0}.control.has-icons-right .input,.control.has-icons-right .select select{padding-right:2.5em}.control.has-icons-right .icon.is-right{right:0}.control.is-loading::after{position:absolute !important;right:.625em;top:0.625em;z-index:4}.control.is-loading.is-small:after{font-size:.64rem}.control.is-loading.is-medium:after{font-size:1.3rem}.control.is-loading.is-large:after{font-size:1.5335rem}.has-text-white{color:#fff !important}a.has-text-white:hover,a.has-text-white:focus{color:#e6e6e6 !important}.has-background-white{background-color:#fff !important}.has-text-black{color:#0a0a0a !important}a.has-text-black:hover,a.has-text-black:focus{color:#000 !important}.has-background-black{background-color:#0a0a0a !important}.has-text-light{color:#f6f8fb !important}a.has-text-light:hover,a.has-text-light:focus{color:#d3ddeb !important}.has-background-light{background-color:#f6f8fb !important}.has-text-dark{color:#363636 !important}a.has-text-dark:hover,a.has-text-dark:focus{color:#1c1c1c !important}.has-background-dark{background-color:#363636 !important}.has-text-primary{color:#142e7b !important}a.has-text-primary:hover,a.has-text-primary:focus{color:#0d1e4f !important}.has-background-primary{background-color:#142e7b !important}.has-text-primary-light{color:#edf1fc !important}a.has-text-primary-light:hover,a.has-text-primary-light:focus{color:#c2cff5 !important}.has-background-primary-light{background-color:#edf1fc !important}.has-text-primary-dark{color:#3560de !important}a.has-text-primary-dark:hover,a.has-text-primary-dark:focus{color:#6182e5 !important}.has-background-primary-dark{background-color:#3560de !important}.has-text-link{color:#3273dc !important}a.has-text-link:hover,a.has-text-link:focus{color:#205bbc !important}.has-background-link{background-color:#3273dc !important}.has-text-link-light{color:#eef3fc !important}a.has-text-link-light:hover,a.has-text-link-light:focus{color:#c2d5f5 !important}.has-background-link-light{background-color:#eef3fc !important}.has-text-link-dark{color:#2160c4 !important}a.has-text-link-dark:hover,a.has-text-link-dark:focus{color:#3b79de !important}.has-background-link-dark{background-color:#2160c4 !important}.has-text-info{color:#0086d6 !important}a.has-text-info:hover,a.has-text-info:focus{color:#0066a3 !important}.has-background-info{background-color:#0086d6 !important}.has-text-info-light{color:#ebf7ff !important}a.has-text-info-light:hover,a.has-text-info-light:focus{color:#b8e4ff !important}.has-background-info-light{background-color:#ebf7ff !important}.has-text-info-dark{color:#0089db !important}a.has-text-info-dark:hover,a.has-text-info-dark:focus{color:#0fa5ff !important}.has-background-info-dark{background-color:#0089db !important}.has-text-success{color:#4bc467 !important}a.has-text-success:hover,a.has-text-success:focus{color:#36a650 !important}.has-background-success{background-color:#4bc467 !important}.has-text-success-light{color:#f0faf2 !important}a.has-text-success-light:hover,a.has-text-success-light:focus{color:#c9edd2 !important}.has-background-success-light{background-color:#f0faf2 !important}.has-text-success-dark{color:#287b3b !important}a.has-text-success-dark:hover,a.has-text-success-dark:focus{color:#35a14e !important}.has-background-success-dark{background-color:#287b3b !important}.has-text-warning{color:#efb71b !important}a.has-text-warning:hover,a.has-text-warning:focus{color:#c9980e !important}.has-background-warning{background-color:#efb71b !important}.has-text-warning-light{color:#fef9ec !important}a.has-text-warning-light:hover,a.has-text-warning-light:focus{color:#faeabc !important}.has-background-warning-light{background-color:#fef9ec !important}.has-text-warning-dark{color:#8a680a !important}a.has-text-warning-dark:hover,a.has-text-warning-dark:focus{color:#ba8c0d !important}.has-background-warning-dark{background-color:#8a680a !important}.has-text-danger{color:#ce0037 !important}a.has-text-danger:hover,a.has-text-danger:focus{color:#9b0029 !important}.has-background-danger{background-color:#ce0037 !important}.has-text-danger-light{color:#ffebf0 !important}a.has-text-danger-light:hover,a.has-text-danger-light:focus{color:#ffb8cb !important}.has-background-danger-light{background-color:#ffebf0 !important}.has-text-danger-dark{color:#fa0043 !important}a.has-text-danger-dark:hover,a.has-text-danger-dark:focus{color:#ff2e66 !important}.has-background-danger-dark{background-color:#fa0043 !important}.has-text-black-bis{color:#121212 !important}.has-background-black-bis{background-color:#121212 !important}.has-text-black-ter{color:#242424 !important}.has-background-black-ter{background-color:#242424 !important}.has-text-grey-darker{color:#363636 !important}.has-background-grey-darker{background-color:#363636 !important}.has-text-grey-dark{color:#4a4a4a !important}.has-background-grey-dark{background-color:#4a4a4a !important}.has-text-grey{color:#7a7a7a !important}.has-background-grey{background-color:#7a7a7a !important}.has-text-grey-light{color:#cbd2db !important}.has-background-grey-light{background-color:#cbd2db !important}.has-text-grey-lighter{color:#dbdbdb !important}.has-background-grey-lighter{background-color:#dbdbdb !important}.has-text-white-ter{color:#f5f5f5 !important}.has-background-white-ter{background-color:#f5f5f5 !important}.has-text-white-bis{color:#fafafa !important}.has-background-white-bis{background-color:#fafafa !important}.is-flex-direction-row{flex-direction:row !important}.is-flex-direction-row-reverse{flex-direction:row-reverse !important}.is-flex-direction-column{flex-direction:column !important}.is-flex-direction-column-reverse{flex-direction:column-reverse !important}.is-flex-wrap-nowrap{flex-wrap:nowrap !important}.is-flex-wrap-wrap{flex-wrap:wrap !important}.is-flex-wrap-wrap-reverse{flex-wrap:wrap-reverse !important}.is-justify-content-flex-start{justify-content:flex-start !important}.is-justify-content-flex-end{justify-content:flex-end !important}.is-justify-content-center{justify-content:center !important}.is-justify-content-space-between{justify-content:space-between !important}.is-justify-content-space-around{justify-content:space-around !important}.is-justify-content-space-evenly{justify-content:space-evenly !important}.is-justify-content-start{justify-content:start !important}.is-justify-content-end{justify-content:end !important}.is-justify-content-left{justify-content:left !important}.is-justify-content-right{justify-content:right !important}.is-align-content-flex-start{align-content:flex-start !important}.is-align-content-flex-end{align-content:flex-end !important}.is-align-content-center{align-content:center !important}.is-align-content-space-between{align-content:space-between !important}.is-align-content-space-around{align-content:space-around !important}.is-align-content-space-evenly{align-content:space-evenly !important}.is-align-content-stretch{align-content:stretch !important}.is-align-content-start{align-content:start !important}.is-align-content-end{align-content:end !important}.is-align-content-baseline{align-content:baseline !important}.is-align-items-stretch{align-items:stretch !important}.is-align-items-flex-start{align-items:flex-start !important}.is-align-items-flex-end{align-items:flex-end !important}.is-align-items-center{align-items:center !important}.is-align-items-baseline{align-items:baseline !important}.is-align-items-start{align-items:start !important}.is-align-items-end{align-items:end !important}.is-align-items-self-start{align-items:self-start !important}.is-align-items-self-end{align-items:self-end !important}.is-align-self-auto{align-self:auto !important}.is-align-self-flex-start{align-self:flex-start !important}.is-align-self-flex-end{align-self:flex-end !important}.is-align-self-center{align-self:center !important}.is-align-self-baseline{align-self:baseline !important}.is-align-self-stretch{align-self:stretch !important}.is-flex-grow-0{flex-grow:0 !important}.is-flex-grow-1{flex-grow:1 !important}.is-flex-grow-2{flex-grow:2 !important}.is-flex-grow-3{flex-grow:3 !important}.is-flex-grow-4{flex-grow:4 !important}.is-flex-grow-5{flex-grow:5 !important}.is-flex-shrink-0{flex-shrink:0 !important}.is-flex-shrink-1{flex-shrink:1 !important}.is-flex-shrink-2{flex-shrink:2 !important}.is-flex-shrink-3{flex-shrink:3 !important}.is-flex-shrink-4{flex-shrink:4 !important}.is-flex-shrink-5{flex-shrink:5 !important}.is-clearfix::after{clear:both;content:" ";display:table}.is-pulled-left{float:left !important}.is-pulled-right{float:right !important}.is-radiusless{border-radius:0 !important}.is-shadowless{box-shadow:none !important}.is-clickable{cursor:pointer !important;pointer-events:all !important}.is-clipped{overflow:hidden !important}.is-relative{position:relative !important}.is-marginless{margin:0 !important}.is-paddingless{padding:0 !important}.m-0{margin:0 !important}.mt-0{margin-top:0 !important}.mr-0{margin-right:0 !important}.mb-0{margin-bottom:0 !important}.ml-0{margin-left:0 !important}.mx-0{margin-left:0 !important;margin-right:0 !important}.my-0{margin-top:0 !important;margin-bottom:0 !important}.m-1{margin:.25rem !important}.mt-1{margin-top:.25rem !important}.mr-1{margin-right:.25rem !important}.mb-1{margin-bottom:.25rem !important}.ml-1{margin-left:.25rem !important}.mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.m-2{margin:.5rem !important}.mt-2{margin-top:.5rem !important}.mr-2{margin-right:.5rem !important}.mb-2{margin-bottom:.5rem !important}.ml-2{margin-left:.5rem !important}.mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.m-3{margin:.75rem !important}.mt-3{margin-top:.75rem !important}.mr-3{margin-right:.75rem !important}.mb-3{margin-bottom:.75rem !important}.ml-3{margin-left:.75rem !important}.mx-3{margin-left:.75rem !important;margin-right:.75rem !important}.my-3{margin-top:.75rem !important;margin-bottom:.75rem !important}.m-4{margin:1rem !important}.mt-4{margin-top:1rem !important}.mr-4{margin-right:1rem !important}.mb-4{margin-bottom:1rem !important}.ml-4{margin-left:1rem !important}.mx-4{margin-left:1rem !important;margin-right:1rem !important}.my-4{margin-top:1rem !important;margin-bottom:1rem !important}.m-5{margin:1.5rem !important}.mt-5{margin-top:1.5rem !important}.mr-5{margin-right:1.5rem !important}.mb-5{margin-bottom:1.5rem !important}.ml-5{margin-left:1.5rem !important}.mx-5{margin-left:1.5rem !important;margin-right:1.5rem !important}.my-5{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.m-6{margin:3rem !important}.mt-6{margin-top:3rem !important}.mr-6{margin-right:3rem !important}.mb-6{margin-bottom:3rem !important}.ml-6{margin-left:3rem !important}.mx-6{margin-left:3rem !important;margin-right:3rem !important}.my-6{margin-top:3rem !important;margin-bottom:3rem !important}.p-0{padding:0 !important}.pt-0{padding-top:0 !important}.pr-0{padding-right:0 !important}.pb-0{padding-bottom:0 !important}.pl-0{padding-left:0 !important}.px-0{padding-left:0 !important;padding-right:0 !important}.py-0{padding-top:0 !important;padding-bottom:0 !important}.p-1{padding:.25rem !important}.pt-1{padding-top:.25rem !important}.pr-1{padding-right:.25rem !important}.pb-1{padding-bottom:.25rem !important}.pl-1{padding-left:.25rem !important}.px-1{padding-left:.25rem !important;padding-right:.25rem !important}.py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.p-2{padding:.5rem !important}.pt-2{padding-top:.5rem !important}.pr-2{padding-right:.5rem !important}.pb-2{padding-bottom:.5rem !important}.pl-2{padding-left:.5rem !important}.px-2{padding-left:.5rem !important;padding-right:.5rem !important}.py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-3{padding:.75rem !important}.pt-3{padding-top:.75rem !important}.pr-3{padding-right:.75rem !important}.pb-3{padding-bottom:.75rem !important}.pl-3{padding-left:.75rem !important}.px-3{padding-left:.75rem !important;padding-right:.75rem !important}.py-3{padding-top:.75rem !important;padding-bottom:.75rem !important}.p-4{padding:1rem !important}.pt-4{padding-top:1rem !important}.pr-4{padding-right:1rem !important}.pb-4{padding-bottom:1rem !important}.pl-4{padding-left:1rem !important}.px-4{padding-left:1rem !important;padding-right:1rem !important}.py-4{padding-top:1rem !important;padding-bottom:1rem !important}.p-5{padding:1.5rem !important}.pt-5{padding-top:1.5rem !important}.pr-5{padding-right:1.5rem !important}.pb-5{padding-bottom:1.5rem !important}.pl-5{padding-left:1.5rem !important}.px-5{padding-left:1.5rem !important;padding-right:1.5rem !important}.py-5{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-6{padding:3rem !important}.pt-6{padding-top:3rem !important}.pr-6{padding-right:3rem !important}.pb-6{padding-bottom:3rem !important}.pl-6{padding-left:3rem !important}.px-6{padding-left:3rem !important;padding-right:3rem !important}.py-6{padding-top:3rem !important;padding-bottom:3rem !important}.is-size-1{font-size:2.466rem !important}.is-size-2{font-size:1.935rem !important}.is-size-3{font-size:1.5335rem !important}.is-size-4{font-size:1.3rem !important}.is-size-5{font-size:1rem !important}.is-size-6{font-size:.8rem !important}.is-size-7{font-size:.64rem !important}@media screen and (max-width: 768px){.is-size-1-mobile{font-size:2.466rem !important}.is-size-2-mobile{font-size:1.935rem !important}.is-size-3-mobile{font-size:1.5335rem !important}.is-size-4-mobile{font-size:1.3rem !important}.is-size-5-mobile{font-size:1rem !important}.is-size-6-mobile{font-size:.8rem !important}.is-size-7-mobile{font-size:.64rem !important}}@media screen and (min-width: 769px),print{.is-size-1-tablet{font-size:2.466rem !important}.is-size-2-tablet{font-size:1.935rem !important}.is-size-3-tablet{font-size:1.5335rem !important}.is-size-4-tablet{font-size:1.3rem !important}.is-size-5-tablet{font-size:1rem !important}.is-size-6-tablet{font-size:.8rem !important}.is-size-7-tablet{font-size:.64rem !important}}@media screen and (max-width: 1023px){.is-size-1-touch{font-size:2.466rem !important}.is-size-2-touch{font-size:1.935rem !important}.is-size-3-touch{font-size:1.5335rem !important}.is-size-4-touch{font-size:1.3rem !important}.is-size-5-touch{font-size:1rem !important}.is-size-6-touch{font-size:.8rem !important}.is-size-7-touch{font-size:.64rem !important}}@media screen and (min-width: 1024px){.is-size-1-desktop{font-size:2.466rem !important}.is-size-2-desktop{font-size:1.935rem !important}.is-size-3-desktop{font-size:1.5335rem !important}.is-size-4-desktop{font-size:1.3rem !important}.is-size-5-desktop{font-size:1rem !important}.is-size-6-desktop{font-size:.8rem !important}.is-size-7-desktop{font-size:.64rem !important}}@media screen and (min-width: 1216px){.is-size-1-widescreen{font-size:2.466rem !important}.is-size-2-widescreen{font-size:1.935rem !important}.is-size-3-widescreen{font-size:1.5335rem !important}.is-size-4-widescreen{font-size:1.3rem !important}.is-size-5-widescreen{font-size:1rem !important}.is-size-6-widescreen{font-size:.8rem !important}.is-size-7-widescreen{font-size:.64rem !important}}@media screen and (min-width: 1408px){.is-size-1-fullhd{font-size:2.466rem !important}.is-size-2-fullhd{font-size:1.935rem !important}.is-size-3-fullhd{font-size:1.5335rem !important}.is-size-4-fullhd{font-size:1.3rem !important}.is-size-5-fullhd{font-size:1rem !important}.is-size-6-fullhd{font-size:.8rem !important}.is-size-7-fullhd{font-size:.64rem !important}}.has-text-centered{text-align:center !important}.has-text-justified{text-align:justify !important}.has-text-left{text-align:left !important}.has-text-right{text-align:right !important}@media screen and (max-width: 768px){.has-text-centered-mobile{text-align:center !important}}@media screen and (min-width: 769px),print{.has-text-centered-tablet{text-align:center !important}}@media screen and (min-width: 769px) and (max-width: 1023px){.has-text-centered-tablet-only{text-align:center !important}}@media screen and (max-width: 1023px){.has-text-centered-touch{text-align:center !important}}@media screen and (min-width: 1024px){.has-text-centered-desktop{text-align:center !important}}@media screen and (min-width: 1024px) and (max-width: 1215px){.has-text-centered-desktop-only{text-align:center !important}}@media screen and (min-width: 1216px){.has-text-centered-widescreen{text-align:center !important}}@media screen and (min-width: 1216px) and (max-width: 1407px){.has-text-centered-widescreen-only{text-align:center !important}}@media screen and (min-width: 1408px){.has-text-centered-fullhd{text-align:center !important}}@media screen and (max-width: 768px){.has-text-justified-mobile{text-align:justify !important}}@media screen and (min-width: 769px),print{.has-text-justified-tablet{text-align:justify !important}}@media screen and (min-width: 769px) and (max-width: 1023px){.has-text-justified-tablet-only{text-align:justify !important}}@media screen and (max-width: 1023px){.has-text-justified-touch{text-align:justify !important}}@media screen and (min-width: 1024px){.has-text-justified-desktop{text-align:justify !important}}@media screen and (min-width: 1024px) and (max-width: 1215px){.has-text-justified-desktop-only{text-align:justify !important}}@media screen and (min-width: 1216px){.has-text-justified-widescreen{text-align:justify !important}}@media screen and (min-width: 1216px) and (max-width: 1407px){.has-text-justified-widescreen-only{text-align:justify !important}}@media screen and (min-width: 1408px){.has-text-justified-fullhd{text-align:justify !important}}@media screen and (max-width: 768px){.has-text-left-mobile{text-align:left !important}}@media screen and (min-width: 769px),print{.has-text-left-tablet{text-align:left !important}}@media screen and (min-width: 769px) and (max-width: 1023px){.has-text-left-tablet-only{text-align:left !important}}@media screen and (max-width: 1023px){.has-text-left-touch{text-align:left !important}}@media screen and (min-width: 1024px){.has-text-left-desktop{text-align:left !important}}@media screen and (min-width: 1024px) and (max-width: 1215px){.has-text-left-desktop-only{text-align:left !important}}@media screen and (min-width: 1216px){.has-text-left-widescreen{text-align:left !important}}@media screen and (min-width: 1216px) and (max-width: 1407px){.has-text-left-widescreen-only{text-align:left !important}}@media screen and (min-width: 1408px){.has-text-left-fullhd{text-align:left !important}}@media screen and (max-width: 768px){.has-text-right-mobile{text-align:right !important}}@media screen and (min-width: 769px),print{.has-text-right-tablet{text-align:right !important}}@media screen and (min-width: 769px) and (max-width: 1023px){.has-text-right-tablet-only{text-align:right !important}}@media screen and (max-width: 1023px){.has-text-right-touch{text-align:right !important}}@media screen and (min-width: 1024px){.has-text-right-desktop{text-align:right !important}}@media screen and (min-width: 1024px) and (max-width: 1215px){.has-text-right-desktop-only{text-align:right !important}}@media screen and (min-width: 1216px){.has-text-right-widescreen{text-align:right !important}}@media screen and (min-width: 1216px) and (max-width: 1407px){.has-text-right-widescreen-only{text-align:right !important}}@media screen and (min-width: 1408px){.has-text-right-fullhd{text-align:right !important}}.is-capitalized{text-transform:capitalize !important}.is-lowercase{text-transform:lowercase !important}.is-uppercase{text-transform:uppercase !important}.is-italic{font-style:italic !important}.has-text-weight-light{font-weight:300 !important}.has-text-weight-normal{font-weight:400 !important}.has-text-weight-medium{font-weight:500 !important}.has-text-weight-semibold{font-weight:600 !important}.has-text-weight-bold{font-weight:700 !important}.is-family-primary{font-family:BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif !important}.is-family-secondary{font-family:BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif !important}.is-family-sans-serif{font-family:BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif !important}.is-family-monospace{font-family:monospace !important}.is-family-code{font-family:monospace !important}.is-block{display:block !important}@media screen and (max-width: 768px){.is-block-mobile{display:block !important}}@media screen and (min-width: 769px),print{.is-block-tablet{display:block !important}}@media screen and (min-width: 769px) and (max-width: 1023px){.is-block-tablet-only{display:block !important}}@media screen and (max-width: 1023px){.is-block-touch{display:block !important}}@media screen and (min-width: 1024px){.is-block-desktop{display:block !important}}@media screen and (min-width: 1024px) and (max-width: 1215px){.is-block-desktop-only{display:block !important}}@media screen and (min-width: 1216px){.is-block-widescreen{display:block !important}}@media screen and (min-width: 1216px) and (max-width: 1407px){.is-block-widescreen-only{display:block !important}}@media screen and (min-width: 1408px){.is-block-fullhd{display:block !important}}.is-flex{display:flex !important}@media screen and (max-width: 768px){.is-flex-mobile{display:flex !important}}@media screen and (min-width: 769px),print{.is-flex-tablet{display:flex !important}}@media screen and (min-width: 769px) and (max-width: 1023px){.is-flex-tablet-only{display:flex !important}}@media screen and (max-width: 1023px){.is-flex-touch{display:flex !important}}@media screen and (min-width: 1024px){.is-flex-desktop{display:flex !important}}@media screen and (min-width: 1024px) and (max-width: 1215px){.is-flex-desktop-only{display:flex !important}}@media screen and (min-width: 1216px){.is-flex-widescreen{display:flex !important}}@media screen and (min-width: 1216px) and (max-width: 1407px){.is-flex-widescreen-only{display:flex !important}}@media screen and (min-width: 1408px){.is-flex-fullhd{display:flex !important}}.is-inline{display:inline !important}@media screen and (max-width: 768px){.is-inline-mobile{display:inline !important}}@media screen and (min-width: 769px),print{.is-inline-tablet{display:inline !important}}@media screen and (min-width: 769px) and (max-width: 1023px){.is-inline-tablet-only{display:inline !important}}@media screen and (max-width: 1023px){.is-inline-touch{display:inline !important}}@media screen and (min-width: 1024px){.is-inline-desktop{display:inline !important}}@media screen and (min-width: 1024px) and (max-width: 1215px){.is-inline-desktop-only{display:inline !important}}@media screen and (min-width: 1216px){.is-inline-widescreen{display:inline !important}}@media screen and (min-width: 1216px) and (max-width: 1407px){.is-inline-widescreen-only{display:inline !important}}@media screen and (min-width: 1408px){.is-inline-fullhd{display:inline !important}}.is-inline-block{display:inline-block !important}@media screen and (max-width: 768px){.is-inline-block-mobile{display:inline-block !important}}@media screen and (min-width: 769px),print{.is-inline-block-tablet{display:inline-block !important}}@media screen and (min-width: 769px) and (max-width: 1023px){.is-inline-block-tablet-only{display:inline-block !important}}@media screen and (max-width: 1023px){.is-inline-block-touch{display:inline-block !important}}@media screen and (min-width: 1024px){.is-inline-block-desktop{display:inline-block !important}}@media screen and (min-width: 1024px) and (max-width: 1215px){.is-inline-block-desktop-only{display:inline-block !important}}@media screen and (min-width: 1216px){.is-inline-block-widescreen{display:inline-block !important}}@media screen and (min-width: 1216px) and (max-width: 1407px){.is-inline-block-widescreen-only{display:inline-block !important}}@media screen and (min-width: 1408px){.is-inline-block-fullhd{display:inline-block !important}}.is-inline-flex{display:inline-flex !important}@media screen and (max-width: 768px){.is-inline-flex-mobile{display:inline-flex !important}}@media screen and (min-width: 769px),print{.is-inline-flex-tablet{display:inline-flex !important}}@media screen and (min-width: 769px) and (max-width: 1023px){.is-inline-flex-tablet-only{display:inline-flex !important}}@media screen and (max-width: 1023px){.is-inline-flex-touch{display:inline-flex !important}}@media screen and (min-width: 1024px){.is-inline-flex-desktop{display:inline-flex !important}}@media screen and (min-width: 1024px) and (max-width: 1215px){.is-inline-flex-desktop-only{display:inline-flex !important}}@media screen and (min-width: 1216px){.is-inline-flex-widescreen{display:inline-flex !important}}@media screen and (min-width: 1216px) and (max-width: 1407px){.is-inline-flex-widescreen-only{display:inline-flex !important}}@media screen and (min-width: 1408px){.is-inline-flex-fullhd{display:inline-flex !important}}.is-hidden{display:none !important}.is-sr-only{border:none !important;clip:rect(0, 0, 0, 0) !important;height:0.01em !important;overflow:hidden !important;padding:0 !important;position:absolute !important;white-space:nowrap !important;width:0.01em !important}@media screen and (max-width: 768px){.is-hidden-mobile{display:none !important}}@media screen and (min-width: 769px),print{.is-hidden-tablet{display:none !important}}@media screen and (min-width: 769px) and (max-width: 1023px){.is-hidden-tablet-only{display:none !important}}@media screen and (max-width: 1023px){.is-hidden-touch{display:none !important}}@media screen and (min-width: 1024px){.is-hidden-desktop{display:none !important}}@media screen and (min-width: 1024px) and (max-width: 1215px){.is-hidden-desktop-only{display:none !important}}@media screen and (min-width: 1216px){.is-hidden-widescreen{display:none !important}}@media screen and (min-width: 1216px) and (max-width: 1407px){.is-hidden-widescreen-only{display:none !important}}@media screen and (min-width: 1408px){.is-hidden-fullhd{display:none !important}}.is-invisible{visibility:hidden !important}@media screen and (max-width: 768px){.is-invisible-mobile{visibility:hidden !important}}@media screen and (min-width: 769px),print{.is-invisible-tablet{visibility:hidden !important}}@media screen and (min-width: 769px) and (max-width: 1023px){.is-invisible-tablet-only{visibility:hidden !important}}@media screen and (max-width: 1023px){.is-invisible-touch{visibility:hidden !important}}@media screen and (min-width: 1024px){.is-invisible-desktop{visibility:hidden !important}}@media screen and (min-width: 1024px) and (max-width: 1215px){.is-invisible-desktop-only{visibility:hidden !important}}@media screen and (min-width: 1216px){.is-invisible-widescreen{visibility:hidden !important}}@media screen and (min-width: 1216px) and (max-width: 1407px){.is-invisible-widescreen-only{visibility:hidden !important}}@media screen and (min-width: 1408px){.is-invisible-fullhd{visibility:hidden !important}}.breadcrumb{font-size:1rem;white-space:nowrap}.breadcrumb a{align-items:center;color:#3273dc;display:flex;justify-content:center;padding:0 .75em}.breadcrumb a:hover{color:#363636}.breadcrumb li{align-items:center;display:flex}.breadcrumb li:first-child a{padding-left:0}.breadcrumb li.is-active a{color:#363636;cursor:default;pointer-events:none}.breadcrumb li+li::before{color:#cbd2db;content:"\0002f"}.breadcrumb ul,.breadcrumb ol{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:flex-start}.breadcrumb .icon:first-child{margin-right:.5em}.breadcrumb .icon:last-child{margin-left:.5em}.breadcrumb.is-centered ol,.breadcrumb.is-centered ul{justify-content:center}.breadcrumb.is-right ol,.breadcrumb.is-right ul{justify-content:flex-end}.breadcrumb.is-small{font-size:.64rem}.breadcrumb.is-medium{font-size:1.3rem}.breadcrumb.is-large{font-size:1.5335rem}.breadcrumb.has-arrow-separator li+li::before{content:"\02192"}.breadcrumb.has-bullet-separator li+li::before{content:"\02022"}.breadcrumb.has-dot-separator li+li::before{content:"\000b7"}.breadcrumb.has-succeeds-separator li+li::before{content:"\0227B"}.card{background-color:#f6f8fb;border-radius:.25rem;box-shadow:none;color:#4a4a4a;max-width:100%;position:relative}.card-footer:first-child,.card-content:first-child,.card-header:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card-footer:last-child,.card-content:last-child,.card-header:last-child{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.card-header{background-color:rgba(0,0,0,0);align-items:stretch;box-shadow:0 0.125em 0.25em rgba(10,10,10,0.1);display:flex}.card-header-title{align-items:center;color:#363636;display:flex;flex-grow:1;font-weight:700;padding:0.75rem 1rem}.card-header-title.is-centered{justify-content:center}.card-header-icon{align-items:center;cursor:pointer;display:flex;justify-content:center;padding:0.75rem 1rem}.card-image{display:block;position:relative}.card-image:first-child img{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card-image:last-child img{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.card-content{background-color:rgba(0,0,0,0);padding:1.5rem}.card-footer{background-color:rgba(0,0,0,0);border-top:1px solid #ededed;align-items:stretch;display:flex}.card-footer-item{align-items:center;display:flex;flex-basis:0;flex-grow:1;flex-shrink:0;justify-content:center;padding:.75rem}.card-footer-item:not(:last-child){border-right:1px solid #ededed}.card .media:not(:last-child){margin-bottom:1.5rem}.dropdown{display:inline-flex;position:relative;vertical-align:top}.dropdown.is-active .dropdown-menu,.dropdown.is-hoverable:hover .dropdown-menu{display:block}.dropdown.is-right .dropdown-menu{left:auto;right:0}.dropdown.is-up .dropdown-menu{bottom:100%;padding-bottom:4px;padding-top:initial;top:auto}.dropdown-menu{display:none;left:0;min-width:12rem;padding-top:4px;position:absolute;top:100%;z-index:20}.dropdown-content{background-color:#fff;border-radius:6px;box-shadow:0 0.5em 1em -0.125em rgba(10,10,10,0.1),0 0px 0 1px rgba(10,10,10,0.02);padding-bottom:.5rem;padding-top:.5rem}.dropdown-item{color:#4a4a4a;display:block;font-size:0.875rem;line-height:1.5;padding:0.375rem 1rem;position:relative}a.dropdown-item,button.dropdown-item{padding-right:3rem;text-align:inherit;white-space:nowrap;width:100%}a.dropdown-item:hover,button.dropdown-item:hover{background-color:#f5f5f5;color:#0a0a0a}a.dropdown-item.is-active,button.dropdown-item.is-active{background-color:#3273dc;color:#fff}.dropdown-divider{background-color:#ededed;border:none;display:block;height:1px;margin:0.5rem 0}.level{align-items:center;justify-content:space-between}.level code{border-radius:6px}.level img{display:inline-block;vertical-align:top}.level.is-mobile{display:flex}.level.is-mobile .level-left,.level.is-mobile .level-right{display:flex}.level.is-mobile .level-left+.level-right{margin-top:0}.level.is-mobile .level-item:not(:last-child){margin-bottom:0;margin-right:.75rem}.level.is-mobile .level-item:not(.is-narrow){flex-grow:1}@media screen and (min-width: 769px),print{.level{display:flex}.level>.level-item:not(.is-narrow){flex-grow:1}}.level-item{align-items:center;display:flex;flex-basis:auto;flex-grow:0;flex-shrink:0;justify-content:center}.level-item .title,.level-item .subtitle{margin-bottom:0}@media screen and (max-width: 768px){.level-item:not(:last-child){margin-bottom:.75rem}}.level-left,.level-right{flex-basis:auto;flex-grow:0;flex-shrink:0}.level-left .level-item.is-flexible,.level-right .level-item.is-flexible{flex-grow:1}@media screen and (min-width: 769px),print{.level-left .level-item:not(:last-child),.level-right .level-item:not(:last-child){margin-right:.75rem}}.level-left{align-items:center;justify-content:flex-start}@media screen and (max-width: 768px){.level-left+.level-right{margin-top:1.5rem}}@media screen and (min-width: 769px),print{.level-left{display:flex}}.level-right{align-items:center;justify-content:flex-end}@media screen and (min-width: 769px),print{.level-right{display:flex}}.media{align-items:flex-start;display:flex;text-align:inherit}.media .content:not(:last-child){margin-bottom:.75rem}.media .media{border-top:1px solid rgba(219,219,219,0.5);display:flex;padding-top:.75rem}.media .media .content:not(:last-child),.media .media .control:not(:last-child){margin-bottom:.5rem}.media .media .media{padding-top:.5rem}.media .media .media+.media{margin-top:.5rem}.media+.media{border-top:1px solid rgba(219,219,219,0.5);margin-top:1rem;padding-top:1rem}.media.is-large+.media{margin-top:1.5rem;padding-top:1.5rem}.media-left,.media-right{flex-basis:auto;flex-grow:0;flex-shrink:0}.media-left{margin-right:1rem}.media-right{margin-left:1rem}.media-content{flex-basis:auto;flex-grow:1;flex-shrink:1;text-align:inherit}@media screen and (max-width: 768px){.media-content{overflow-x:auto}}.menu{font-size:1rem}.menu.is-small{font-size:.64rem}.menu.is-medium{font-size:1.3rem}.menu.is-large{font-size:1.5335rem}.menu-list{line-height:1.25}.menu-list a{border-radius:4px;color:#565656;display:block;padding:5px 0 5px 0}.menu-list a:hover{background-color:rgba(0,0,0,0);color:#0086d6}.menu-list a.is-active{background-color:#fff;color:#0086d6}.menu-list li ul{border-left:0;margin:0;padding-left:.75em}.menu-label{color:#565656;font-size:.8rem;letter-spacing:0;text-transform:uppercase}.menu-label:not(:first-child){margin-top:1em}.menu-label:not(:last-child){margin-bottom:1em}.message{background-color:#f5f5f5;border-radius:6px;font-size:1rem}.message strong{color:currentColor}.message a:not(.button):not(.tag):not(.dropdown-item){color:currentColor;text-decoration:underline}.message.is-small{font-size:.64rem}.message.is-medium{font-size:1.3rem}.message.is-large{font-size:1.5335rem}.message.is-white{background-color:#fff}.message.is-white .message-header{background-color:#fff;color:#0a0a0a}.message.is-white .message-body{border-color:#fff}.message.is-black{background-color:#fafafa}.message.is-black .message-header{background-color:#0a0a0a;color:#fff}.message.is-black .message-body{border-color:#0a0a0a}.message.is-light{background-color:#f8fafc}.message.is-light .message-header{background-color:#f6f8fb;color:rgba(0,0,0,0.7)}.message.is-light .message-body{border-color:#f6f8fb}.message.is-dark{background-color:#fafafa}.message.is-dark .message-header{background-color:#363636;color:#fff}.message.is-dark .message-body{border-color:#363636}.message.is-primary{background-color:#edf1fc}.message.is-primary .message-header{background-color:#142e7b;color:#fff}.message.is-primary .message-body{border-color:#142e7b;color:#3560de}.message.is-link{background-color:#eef3fc}.message.is-link .message-header{background-color:#3273dc;color:#fff}.message.is-link .message-body{border-color:#3273dc;color:#2160c4}.message.is-info{background-color:#ebf7ff}.message.is-info .message-header{background-color:#0086d6;color:#fff}.message.is-info .message-body{border-color:#0086d6;color:#0089db}.message.is-success{background-color:#f0faf2}.message.is-success .message-header{background-color:#4bc467;color:#fff}.message.is-success .message-body{border-color:#4bc467;color:#287b3b}.message.is-warning{background-color:#fef9ec}.message.is-warning .message-header{background-color:#efb71b;color:rgba(0,0,0,0.7)}.message.is-warning .message-body{border-color:#efb71b;color:#8a680a}.message.is-danger{background-color:#ffebf0}.message.is-danger .message-header{background-color:#ce0037;color:#fff}.message.is-danger .message-body{border-color:#ce0037;color:#fa0043}.message-header{align-items:center;background-color:#4a4a4a;border-radius:6px 6px 0 0;color:#fff;display:flex;font-weight:700;justify-content:space-between;line-height:1.25;padding:0.75em 1em;position:relative}.message-header .delete{flex-grow:0;flex-shrink:0;margin-left:.75em}.message-header+.message-body{border-width:0;border-top-left-radius:0;border-top-right-radius:0}.message-body{border-color:#dbdbdb;border-radius:6px;border-style:solid;border-width:0 0 0 4px;color:#4a4a4a;padding:1.25em 1.5em}.message-body code,.message-body pre{background-color:#fff}.message-body pre code{background-color:rgba(0,0,0,0)}.modal{align-items:center;display:none;flex-direction:column;justify-content:center;overflow:hidden;position:fixed;z-index:40}.modal.is-active{display:flex}.modal-background{background-color:rgba(10,10,10,0.86)}.modal-content,.modal-card{margin:0 20px;max-height:calc(100vh - 160px);overflow:auto;position:relative;width:100%}@media screen and (min-width: 769px){.modal-content,.modal-card{margin:0 auto;max-height:calc(100vh - 40px);width:640px}}.modal-close{background:none;height:40px;position:fixed;right:20px;top:20px;width:40px}.modal-card{display:flex;flex-direction:column;max-height:calc(100vh - 40px);overflow:hidden;-ms-overflow-y:visible}.modal-card-head,.modal-card-foot{align-items:center;background-color:#f5f5f5;display:flex;flex-shrink:0;justify-content:flex-start;padding:20px;position:relative}.modal-card-head{border-bottom:1px solid #dbdbdb;border-top-left-radius:8px;border-top-right-radius:8px}.modal-card-title{color:#363636;flex-grow:1;flex-shrink:0;font-size:1.3rem;line-height:1}.modal-card-foot{border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top:1px solid #dbdbdb}.modal-card-foot .button:not(:last-child){margin-right:.5em}.modal-card-body{-webkit-overflow-scrolling:touch;background-color:#fff;flex-grow:1;flex-shrink:1;overflow:auto;padding:20px}.navbar{background-color:#0086d6;min-height:5.3rem;position:relative;z-index:30}.navbar.is-white{background-color:#fff;color:#0a0a0a}.navbar.is-white .navbar-brand>.navbar-item,.navbar.is-white .navbar-brand .navbar-link{color:#0a0a0a}.navbar.is-white .navbar-brand>a.navbar-item:focus,.navbar.is-white .navbar-brand>a.navbar-item:hover,.navbar.is-white .navbar-brand>a.navbar-item.is-active,.navbar.is-white .navbar-brand .navbar-link:focus,.navbar.is-white .navbar-brand .navbar-link:hover,.navbar.is-white .navbar-brand .navbar-link.is-active{background-color:#f2f2f2;color:#0a0a0a}.navbar.is-white .navbar-brand .navbar-link::after{border-color:#0a0a0a}.navbar.is-white .navbar-burger{color:#0a0a0a}@media screen and (min-width: 1024px){.navbar.is-white .navbar-start>.navbar-item,.navbar.is-white .navbar-start .navbar-link,.navbar.is-white .navbar-end>.navbar-item,.navbar.is-white .navbar-end .navbar-link{color:#0a0a0a}.navbar.is-white .navbar-start>a.navbar-item:focus,.navbar.is-white .navbar-start>a.navbar-item:hover,.navbar.is-white .navbar-start>a.navbar-item.is-active,.navbar.is-white .navbar-start .navbar-link:focus,.navbar.is-white .navbar-start .navbar-link:hover,.navbar.is-white .navbar-start .navbar-link.is-active,.navbar.is-white .navbar-end>a.navbar-item:focus,.navbar.is-white .navbar-end>a.navbar-item:hover,.navbar.is-white .navbar-end>a.navbar-item.is-active,.navbar.is-white .navbar-end .navbar-link:focus,.navbar.is-white .navbar-end .navbar-link:hover,.navbar.is-white .navbar-end .navbar-link.is-active{background-color:#f2f2f2;color:#0a0a0a}.navbar.is-white .navbar-start .navbar-link::after,.navbar.is-white .navbar-end .navbar-link::after{border-color:#0a0a0a}.navbar.is-white .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-white .navbar-item.has-dropdown:hover .navbar-link,.navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link{background-color:#f2f2f2;color:#0a0a0a}.navbar.is-white .navbar-dropdown a.navbar-item.is-active{background-color:#fff;color:#0a0a0a}}.navbar.is-black{background-color:#0a0a0a;color:#fff}.navbar.is-black .navbar-brand>.navbar-item,.navbar.is-black .navbar-brand .navbar-link{color:#fff}.navbar.is-black .navbar-brand>a.navbar-item:focus,.navbar.is-black .navbar-brand>a.navbar-item:hover,.navbar.is-black .navbar-brand>a.navbar-item.is-active,.navbar.is-black .navbar-brand .navbar-link:focus,.navbar.is-black .navbar-brand .navbar-link:hover,.navbar.is-black .navbar-brand .navbar-link.is-active{background-color:#000;color:#fff}.navbar.is-black .navbar-brand .navbar-link::after{border-color:#fff}.navbar.is-black .navbar-burger{color:#fff}@media screen and (min-width: 1024px){.navbar.is-black .navbar-start>.navbar-item,.navbar.is-black .navbar-start .navbar-link,.navbar.is-black .navbar-end>.navbar-item,.navbar.is-black .navbar-end .navbar-link{color:#fff}.navbar.is-black .navbar-start>a.navbar-item:focus,.navbar.is-black .navbar-start>a.navbar-item:hover,.navbar.is-black .navbar-start>a.navbar-item.is-active,.navbar.is-black .navbar-start .navbar-link:focus,.navbar.is-black .navbar-start .navbar-link:hover,.navbar.is-black .navbar-start .navbar-link.is-active,.navbar.is-black .navbar-end>a.navbar-item:focus,.navbar.is-black .navbar-end>a.navbar-item:hover,.navbar.is-black .navbar-end>a.navbar-item.is-active,.navbar.is-black .navbar-end .navbar-link:focus,.navbar.is-black .navbar-end .navbar-link:hover,.navbar.is-black .navbar-end .navbar-link.is-active{background-color:#000;color:#fff}.navbar.is-black .navbar-start .navbar-link::after,.navbar.is-black .navbar-end .navbar-link::after{border-color:#fff}.navbar.is-black .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-black .navbar-item.has-dropdown:hover .navbar-link,.navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link{background-color:#000;color:#fff}.navbar.is-black .navbar-dropdown a.navbar-item.is-active{background-color:#0a0a0a;color:#fff}}.navbar.is-light{background-color:#f6f8fb;color:rgba(0,0,0,0.7)}.navbar.is-light .navbar-brand>.navbar-item,.navbar.is-light .navbar-brand .navbar-link{color:rgba(0,0,0,0.7)}.navbar.is-light .navbar-brand>a.navbar-item:focus,.navbar.is-light .navbar-brand>a.navbar-item:hover,.navbar.is-light .navbar-brand>a.navbar-item.is-active,.navbar.is-light .navbar-brand .navbar-link:focus,.navbar.is-light .navbar-brand .navbar-link:hover,.navbar.is-light .navbar-brand .navbar-link.is-active{background-color:#e4eaf3;color:rgba(0,0,0,0.7)}.navbar.is-light .navbar-brand .navbar-link::after{border-color:rgba(0,0,0,0.7)}.navbar.is-light .navbar-burger{color:rgba(0,0,0,0.7)}@media screen and (min-width: 1024px){.navbar.is-light .navbar-start>.navbar-item,.navbar.is-light .navbar-start .navbar-link,.navbar.is-light .navbar-end>.navbar-item,.navbar.is-light .navbar-end .navbar-link{color:rgba(0,0,0,0.7)}.navbar.is-light .navbar-start>a.navbar-item:focus,.navbar.is-light .navbar-start>a.navbar-item:hover,.navbar.is-light .navbar-start>a.navbar-item.is-active,.navbar.is-light .navbar-start .navbar-link:focus,.navbar.is-light .navbar-start .navbar-link:hover,.navbar.is-light .navbar-start .navbar-link.is-active,.navbar.is-light .navbar-end>a.navbar-item:focus,.navbar.is-light .navbar-end>a.navbar-item:hover,.navbar.is-light .navbar-end>a.navbar-item.is-active,.navbar.is-light .navbar-end .navbar-link:focus,.navbar.is-light .navbar-end .navbar-link:hover,.navbar.is-light .navbar-end .navbar-link.is-active{background-color:#e4eaf3;color:rgba(0,0,0,0.7)}.navbar.is-light .navbar-start .navbar-link::after,.navbar.is-light .navbar-end .navbar-link::after{border-color:rgba(0,0,0,0.7)}.navbar.is-light .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-light .navbar-item.has-dropdown:hover .navbar-link,.navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link{background-color:#e4eaf3;color:rgba(0,0,0,0.7)}.navbar.is-light .navbar-dropdown a.navbar-item.is-active{background-color:#f6f8fb;color:rgba(0,0,0,0.7)}}.navbar.is-dark{background-color:#363636;color:#fff}.navbar.is-dark .navbar-brand>.navbar-item,.navbar.is-dark .navbar-brand .navbar-link{color:#fff}.navbar.is-dark .navbar-brand>a.navbar-item:focus,.navbar.is-dark .navbar-brand>a.navbar-item:hover,.navbar.is-dark .navbar-brand>a.navbar-item.is-active,.navbar.is-dark .navbar-brand .navbar-link:focus,.navbar.is-dark .navbar-brand .navbar-link:hover,.navbar.is-dark .navbar-brand .navbar-link.is-active{background-color:#292929;color:#fff}.navbar.is-dark .navbar-brand .navbar-link::after{border-color:#fff}.navbar.is-dark .navbar-burger{color:#fff}@media screen and (min-width: 1024px){.navbar.is-dark .navbar-start>.navbar-item,.navbar.is-dark .navbar-start .navbar-link,.navbar.is-dark .navbar-end>.navbar-item,.navbar.is-dark .navbar-end .navbar-link{color:#fff}.navbar.is-dark .navbar-start>a.navbar-item:focus,.navbar.is-dark .navbar-start>a.navbar-item:hover,.navbar.is-dark .navbar-start>a.navbar-item.is-active,.navbar.is-dark .navbar-start .navbar-link:focus,.navbar.is-dark .navbar-start .navbar-link:hover,.navbar.is-dark .navbar-start .navbar-link.is-active,.navbar.is-dark .navbar-end>a.navbar-item:focus,.navbar.is-dark .navbar-end>a.navbar-item:hover,.navbar.is-dark .navbar-end>a.navbar-item.is-active,.navbar.is-dark .navbar-end .navbar-link:focus,.navbar.is-dark .navbar-end .navbar-link:hover,.navbar.is-dark .navbar-end .navbar-link.is-active{background-color:#292929;color:#fff}.navbar.is-dark .navbar-start .navbar-link::after,.navbar.is-dark .navbar-end .navbar-link::after{border-color:#fff}.navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link,.navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link{background-color:#292929;color:#fff}.navbar.is-dark .navbar-dropdown a.navbar-item.is-active{background-color:#363636;color:#fff}}.navbar.is-primary{background-color:#142e7b;color:#fff}.navbar.is-primary .navbar-brand>.navbar-item,.navbar.is-primary .navbar-brand .navbar-link{color:#fff}.navbar.is-primary .navbar-brand>a.navbar-item:focus,.navbar.is-primary .navbar-brand>a.navbar-item:hover,.navbar.is-primary .navbar-brand>a.navbar-item.is-active,.navbar.is-primary .navbar-brand .navbar-link:focus,.navbar.is-primary .navbar-brand .navbar-link:hover,.navbar.is-primary .navbar-brand .navbar-link.is-active{background-color:#102665;color:#fff}.navbar.is-primary .navbar-brand .navbar-link::after{border-color:#fff}.navbar.is-primary .navbar-burger{color:#fff}@media screen and (min-width: 1024px){.navbar.is-primary .navbar-start>.navbar-item,.navbar.is-primary .navbar-start .navbar-link,.navbar.is-primary .navbar-end>.navbar-item,.navbar.is-primary .navbar-end .navbar-link{color:#fff}.navbar.is-primary .navbar-start>a.navbar-item:focus,.navbar.is-primary .navbar-start>a.navbar-item:hover,.navbar.is-primary .navbar-start>a.navbar-item.is-active,.navbar.is-primary .navbar-start .navbar-link:focus,.navbar.is-primary .navbar-start .navbar-link:hover,.navbar.is-primary .navbar-start .navbar-link.is-active,.navbar.is-primary .navbar-end>a.navbar-item:focus,.navbar.is-primary .navbar-end>a.navbar-item:hover,.navbar.is-primary .navbar-end>a.navbar-item.is-active,.navbar.is-primary .navbar-end .navbar-link:focus,.navbar.is-primary .navbar-end .navbar-link:hover,.navbar.is-primary .navbar-end .navbar-link.is-active{background-color:#102665;color:#fff}.navbar.is-primary .navbar-start .navbar-link::after,.navbar.is-primary .navbar-end .navbar-link::after{border-color:#fff}.navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,.navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link{background-color:#102665;color:#fff}.navbar.is-primary .navbar-dropdown a.navbar-item.is-active{background-color:#142e7b;color:#fff}}.navbar.is-link{background-color:#3273dc;color:#fff}.navbar.is-link .navbar-brand>.navbar-item,.navbar.is-link .navbar-brand .navbar-link{color:#fff}.navbar.is-link .navbar-brand>a.navbar-item:focus,.navbar.is-link .navbar-brand>a.navbar-item:hover,.navbar.is-link .navbar-brand>a.navbar-item.is-active,.navbar.is-link .navbar-brand .navbar-link:focus,.navbar.is-link .navbar-brand .navbar-link:hover,.navbar.is-link .navbar-brand .navbar-link.is-active{background-color:#2366d1;color:#fff}.navbar.is-link .navbar-brand .navbar-link::after{border-color:#fff}.navbar.is-link .navbar-burger{color:#fff}@media screen and (min-width: 1024px){.navbar.is-link .navbar-start>.navbar-item,.navbar.is-link .navbar-start .navbar-link,.navbar.is-link .navbar-end>.navbar-item,.navbar.is-link .navbar-end .navbar-link{color:#fff}.navbar.is-link .navbar-start>a.navbar-item:focus,.navbar.is-link .navbar-start>a.navbar-item:hover,.navbar.is-link .navbar-start>a.navbar-item.is-active,.navbar.is-link .navbar-start .navbar-link:focus,.navbar.is-link .navbar-start .navbar-link:hover,.navbar.is-link .navbar-start .navbar-link.is-active,.navbar.is-link .navbar-end>a.navbar-item:focus,.navbar.is-link .navbar-end>a.navbar-item:hover,.navbar.is-link .navbar-end>a.navbar-item.is-active,.navbar.is-link .navbar-end .navbar-link:focus,.navbar.is-link .navbar-end .navbar-link:hover,.navbar.is-link .navbar-end .navbar-link.is-active{background-color:#2366d1;color:#fff}.navbar.is-link .navbar-start .navbar-link::after,.navbar.is-link .navbar-end .navbar-link::after{border-color:#fff}.navbar.is-link .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-link .navbar-item.has-dropdown:hover .navbar-link,.navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link{background-color:#2366d1;color:#fff}.navbar.is-link .navbar-dropdown a.navbar-item.is-active{background-color:#3273dc;color:#fff}}.navbar.is-info{background-color:#0086d6;color:#fff}.navbar.is-info .navbar-brand>.navbar-item,.navbar.is-info .navbar-brand .navbar-link{color:#fff}.navbar.is-info .navbar-brand>a.navbar-item:focus,.navbar.is-info .navbar-brand>a.navbar-item:hover,.navbar.is-info .navbar-brand>a.navbar-item.is-active,.navbar.is-info .navbar-brand .navbar-link:focus,.navbar.is-info .navbar-brand .navbar-link:hover,.navbar.is-info .navbar-brand .navbar-link.is-active{background-color:#0076bd;color:#fff}.navbar.is-info .navbar-brand .navbar-link::after{border-color:#fff}.navbar.is-info .navbar-burger{color:#fff}@media screen and (min-width: 1024px){.navbar.is-info .navbar-start>.navbar-item,.navbar.is-info .navbar-start .navbar-link,.navbar.is-info .navbar-end>.navbar-item,.navbar.is-info .navbar-end .navbar-link{color:#fff}.navbar.is-info .navbar-start>a.navbar-item:focus,.navbar.is-info .navbar-start>a.navbar-item:hover,.navbar.is-info .navbar-start>a.navbar-item.is-active,.navbar.is-info .navbar-start .navbar-link:focus,.navbar.is-info .navbar-start .navbar-link:hover,.navbar.is-info .navbar-start .navbar-link.is-active,.navbar.is-info .navbar-end>a.navbar-item:focus,.navbar.is-info .navbar-end>a.navbar-item:hover,.navbar.is-info .navbar-end>a.navbar-item.is-active,.navbar.is-info .navbar-end .navbar-link:focus,.navbar.is-info .navbar-end .navbar-link:hover,.navbar.is-info .navbar-end .navbar-link.is-active{background-color:#0076bd;color:#fff}.navbar.is-info .navbar-start .navbar-link::after,.navbar.is-info .navbar-end .navbar-link::after{border-color:#fff}.navbar.is-info .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-info .navbar-item.has-dropdown:hover .navbar-link,.navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link{background-color:#0076bd;color:#fff}.navbar.is-info .navbar-dropdown a.navbar-item.is-active{background-color:#0086d6;color:#fff}}.navbar.is-success{background-color:#4bc467;color:#fff}.navbar.is-success .navbar-brand>.navbar-item,.navbar.is-success .navbar-brand .navbar-link{color:#fff}.navbar.is-success .navbar-brand>a.navbar-item:focus,.navbar.is-success .navbar-brand>a.navbar-item:hover,.navbar.is-success .navbar-brand>a.navbar-item.is-active,.navbar.is-success .navbar-brand .navbar-link:focus,.navbar.is-success .navbar-brand .navbar-link:hover,.navbar.is-success .navbar-brand .navbar-link.is-active{background-color:#3db959;color:#fff}.navbar.is-success .navbar-brand .navbar-link::after{border-color:#fff}.navbar.is-success .navbar-burger{color:#fff}@media screen and (min-width: 1024px){.navbar.is-success .navbar-start>.navbar-item,.navbar.is-success .navbar-start .navbar-link,.navbar.is-success .navbar-end>.navbar-item,.navbar.is-success .navbar-end .navbar-link{color:#fff}.navbar.is-success .navbar-start>a.navbar-item:focus,.navbar.is-success .navbar-start>a.navbar-item:hover,.navbar.is-success .navbar-start>a.navbar-item.is-active,.navbar.is-success .navbar-start .navbar-link:focus,.navbar.is-success .navbar-start .navbar-link:hover,.navbar.is-success .navbar-start .navbar-link.is-active,.navbar.is-success .navbar-end>a.navbar-item:focus,.navbar.is-success .navbar-end>a.navbar-item:hover,.navbar.is-success .navbar-end>a.navbar-item.is-active,.navbar.is-success .navbar-end .navbar-link:focus,.navbar.is-success .navbar-end .navbar-link:hover,.navbar.is-success .navbar-end .navbar-link.is-active{background-color:#3db959;color:#fff}.navbar.is-success .navbar-start .navbar-link::after,.navbar.is-success .navbar-end .navbar-link::after{border-color:#fff}.navbar.is-success .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-success .navbar-item.has-dropdown:hover .navbar-link,.navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link{background-color:#3db959;color:#fff}.navbar.is-success .navbar-dropdown a.navbar-item.is-active{background-color:#4bc467;color:#fff}}.navbar.is-warning{background-color:#efb71b;color:rgba(0,0,0,0.7)}.navbar.is-warning .navbar-brand>.navbar-item,.navbar.is-warning .navbar-brand .navbar-link{color:rgba(0,0,0,0.7)}.navbar.is-warning .navbar-brand>a.navbar-item:focus,.navbar.is-warning .navbar-brand>a.navbar-item:hover,.navbar.is-warning .navbar-brand>a.navbar-item.is-active,.navbar.is-warning .navbar-brand .navbar-link:focus,.navbar.is-warning .navbar-brand .navbar-link:hover,.navbar.is-warning .navbar-brand .navbar-link.is-active{background-color:#e1aa10;color:rgba(0,0,0,0.7)}.navbar.is-warning .navbar-brand .navbar-link::after{border-color:rgba(0,0,0,0.7)}.navbar.is-warning .navbar-burger{color:rgba(0,0,0,0.7)}@media screen and (min-width: 1024px){.navbar.is-warning .navbar-start>.navbar-item,.navbar.is-warning .navbar-start .navbar-link,.navbar.is-warning .navbar-end>.navbar-item,.navbar.is-warning .navbar-end .navbar-link{color:rgba(0,0,0,0.7)}.navbar.is-warning .navbar-start>a.navbar-item:focus,.navbar.is-warning .navbar-start>a.navbar-item:hover,.navbar.is-warning .navbar-start>a.navbar-item.is-active,.navbar.is-warning .navbar-start .navbar-link:focus,.navbar.is-warning .navbar-start .navbar-link:hover,.navbar.is-warning .navbar-start .navbar-link.is-active,.navbar.is-warning .navbar-end>a.navbar-item:focus,.navbar.is-warning .navbar-end>a.navbar-item:hover,.navbar.is-warning .navbar-end>a.navbar-item.is-active,.navbar.is-warning .navbar-end .navbar-link:focus,.navbar.is-warning .navbar-end .navbar-link:hover,.navbar.is-warning .navbar-end .navbar-link.is-active{background-color:#e1aa10;color:rgba(0,0,0,0.7)}.navbar.is-warning .navbar-start .navbar-link::after,.navbar.is-warning .navbar-end .navbar-link::after{border-color:rgba(0,0,0,0.7)}.navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link,.navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link{background-color:#e1aa10;color:rgba(0,0,0,0.7)}.navbar.is-warning .navbar-dropdown a.navbar-item.is-active{background-color:#efb71b;color:rgba(0,0,0,0.7)}}.navbar.is-danger{background-color:#ce0037;color:#fff}.navbar.is-danger .navbar-brand>.navbar-item,.navbar.is-danger .navbar-brand .navbar-link{color:#fff}.navbar.is-danger .navbar-brand>a.navbar-item:focus,.navbar.is-danger .navbar-brand>a.navbar-item:hover,.navbar.is-danger .navbar-brand>a.navbar-item.is-active,.navbar.is-danger .navbar-brand .navbar-link:focus,.navbar.is-danger .navbar-brand .navbar-link:hover,.navbar.is-danger .navbar-brand .navbar-link.is-active{background-color:#b50030;color:#fff}.navbar.is-danger .navbar-brand .navbar-link::after{border-color:#fff}.navbar.is-danger .navbar-burger{color:#fff}@media screen and (min-width: 1024px){.navbar.is-danger .navbar-start>.navbar-item,.navbar.is-danger .navbar-start .navbar-link,.navbar.is-danger .navbar-end>.navbar-item,.navbar.is-danger .navbar-end .navbar-link{color:#fff}.navbar.is-danger .navbar-start>a.navbar-item:focus,.navbar.is-danger .navbar-start>a.navbar-item:hover,.navbar.is-danger .navbar-start>a.navbar-item.is-active,.navbar.is-danger .navbar-start .navbar-link:focus,.navbar.is-danger .navbar-start .navbar-link:hover,.navbar.is-danger .navbar-start .navbar-link.is-active,.navbar.is-danger .navbar-end>a.navbar-item:focus,.navbar.is-danger .navbar-end>a.navbar-item:hover,.navbar.is-danger .navbar-end>a.navbar-item.is-active,.navbar.is-danger .navbar-end .navbar-link:focus,.navbar.is-danger .navbar-end .navbar-link:hover,.navbar.is-danger .navbar-end .navbar-link.is-active{background-color:#b50030;color:#fff}.navbar.is-danger .navbar-start .navbar-link::after,.navbar.is-danger .navbar-end .navbar-link::after{border-color:#fff}.navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link,.navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link{background-color:#b50030;color:#fff}.navbar.is-danger .navbar-dropdown a.navbar-item.is-active{background-color:#ce0037;color:#fff}}.navbar>.container{align-items:stretch;display:flex;min-height:5.3rem;width:100%}.navbar.has-shadow{box-shadow:0 #f5f5f5}.navbar.is-fixed-bottom,.navbar.is-fixed-top{left:0;position:fixed;right:0;z-index:30}.navbar.is-fixed-bottom{bottom:0}.navbar.is-fixed-bottom.has-shadow{box-shadow:0 -2px 0 0 #f5f5f5}.navbar.is-fixed-top{top:0}html.has-navbar-fixed-top,body.has-navbar-fixed-top{padding-top:5.3rem}html.has-navbar-fixed-bottom,body.has-navbar-fixed-bottom{padding-bottom:5.3rem}.navbar-brand,.navbar-tabs{align-items:stretch;display:flex;flex-shrink:0;min-height:5.3rem}.navbar-brand a.navbar-item:focus,.navbar-brand a.navbar-item:hover{background-color:transparent}.navbar-tabs{-webkit-overflow-scrolling:touch;max-width:100vw;overflow-x:auto;overflow-y:hidden}.navbar-burger{color:#0086d6;cursor:pointer;display:block;height:5.3rem;position:relative;width:5.3rem;margin-left:auto}.navbar-burger span{background-color:currentColor;display:block;height:1px;left:calc(50% - 8px);position:absolute;transform-origin:center;transition-duration:86ms;transition-property:background-color, opacity, transform;transition-timing-function:ease-out;width:16px}.navbar-burger span:nth-child(1){top:calc(50% - 6px)}.navbar-burger span:nth-child(2){top:calc(50% - 1px)}.navbar-burger span:nth-child(3){top:calc(50% + 4px)}.navbar-burger:hover{background-color:rgba(0,0,0,0.05)}.navbar-burger.is-active span:nth-child(1){transform:translateY(5px) rotate(45deg)}.navbar-burger.is-active span:nth-child(2){opacity:0}.navbar-burger.is-active span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}.navbar-menu{display:none}.navbar-item,.navbar-link{color:#fff;display:block;line-height:1.5;padding:0.5rem 0.75rem;position:relative}.navbar-item .icon:only-child,.navbar-link .icon:only-child{margin-left:-0.25rem;margin-right:-0.25rem}a.navbar-item,.navbar-link{cursor:pointer}a.navbar-item:focus,a.navbar-item:focus-within,a.navbar-item:hover,a.navbar-item.is-active,.navbar-link:focus,.navbar-link:focus-within,.navbar-link:hover,.navbar-link.is-active{background-color:#142e7b;color:#fff}.navbar-item{flex-grow:0;flex-shrink:0}.navbar-item img{max-height:1.75rem}.navbar-item.has-dropdown{padding:0}.navbar-item.is-expanded{flex-grow:1;flex-shrink:1}.navbar-item.is-tab{border-bottom:1px solid transparent;min-height:5.3rem;padding-bottom:calc(0.5rem - 1px)}.navbar-item.is-tab:focus,.navbar-item.is-tab:hover{background-color:rgba(0,0,0,0);border-bottom-color:#3273dc}.navbar-item.is-tab.is-active{background-color:rgba(0,0,0,0);border-bottom-color:#3273dc;border-bottom-style:solid;border-bottom-width:3px;color:#3273dc;padding-bottom:calc(0.5rem - 3px)}.navbar-content{flex-grow:1;flex-shrink:1}.navbar-link:not(.is-arrowless){padding-right:2.5em}.navbar-link:not(.is-arrowless)::after{border-color:#3273dc;margin-top:-0.375em;right:1.125em}.navbar-dropdown{font-size:0.875rem;padding-bottom:0.5rem;padding-top:0.5rem}.navbar-dropdown .navbar-item{padding-left:1.5rem;padding-right:1.5rem}.navbar-divider{background-color:#f5f5f5;border:none;display:none;height:2px;margin:0.5rem 0}@media screen and (max-width: 1023px){.navbar>.container{display:block}.navbar-brand .navbar-item,.navbar-tabs .navbar-item{align-items:center;display:flex}.navbar-link::after{display:none}.navbar-menu{background-color:#0086d6;box-shadow:0 8px 16px rgba(10,10,10,0.1);padding:0.5rem 0}.navbar-menu.is-active{display:block}.navbar.is-fixed-bottom-touch,.navbar.is-fixed-top-touch{left:0;position:fixed;right:0;z-index:30}.navbar.is-fixed-bottom-touch{bottom:0}.navbar.is-fixed-bottom-touch.has-shadow{box-shadow:0 -2px 3px rgba(10,10,10,0.1)}.navbar.is-fixed-top-touch{top:0}.navbar.is-fixed-top .navbar-menu,.navbar.is-fixed-top-touch .navbar-menu{-webkit-overflow-scrolling:touch;max-height:calc(100vh - 5.3rem);overflow:auto}html.has-navbar-fixed-top-touch,body.has-navbar-fixed-top-touch{padding-top:5.3rem}html.has-navbar-fixed-bottom-touch,body.has-navbar-fixed-bottom-touch{padding-bottom:5.3rem}}@media screen and (min-width: 1024px){.navbar,.navbar-menu,.navbar-start,.navbar-end{align-items:stretch;display:flex}.navbar{min-height:5.3rem}.navbar.is-spaced{padding:0rem 2.6rem}.navbar.is-spaced .navbar-start,.navbar.is-spaced .navbar-end{align-items:center}.navbar.is-spaced a.navbar-item,.navbar.is-spaced .navbar-link{border-radius:6px}.navbar.is-transparent a.navbar-item:focus,.navbar.is-transparent a.navbar-item:hover,.navbar.is-transparent a.navbar-item.is-active,.navbar.is-transparent .navbar-link:focus,.navbar.is-transparent .navbar-link:hover,.navbar.is-transparent .navbar-link.is-active{background-color:transparent !important}.navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link,.navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link,.navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link,.navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link{background-color:transparent !important}.navbar.is-transparent .navbar-dropdown a.navbar-item:focus,.navbar.is-transparent .navbar-dropdown a.navbar-item:hover{background-color:#f5f5f5;color:#0a0a0a}.navbar.is-transparent .navbar-dropdown a.navbar-item.is-active{background-color:#f5f5f5;color:#3273dc}.navbar-burger{display:none}.navbar-item,.navbar-link{align-items:center;display:flex}.navbar-item.has-dropdown{align-items:stretch}.navbar-item.has-dropdown-up .navbar-link::after{transform:rotate(135deg) translate(0.25em, -0.25em)}.navbar-item.has-dropdown-up .navbar-dropdown{border-bottom:2px solid #dbdbdb;border-radius:8px 8px 0 0;border-top:none;bottom:100%;box-shadow:0 -8px 8px rgba(10,10,10,0.1);top:auto}.navbar-item.is-active .navbar-dropdown,.navbar-item.is-hoverable:focus .navbar-dropdown,.navbar-item.is-hoverable:focus-within .navbar-dropdown,.navbar-item.is-hoverable:hover .navbar-dropdown{display:block}.navbar.is-spaced .navbar-item.is-active .navbar-dropdown,.navbar-item.is-active .navbar-dropdown.is-boxed,.navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown,.navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed,.navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown,.navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed,.navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown,.navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed{opacity:1;pointer-events:auto;transform:translateY(0)}.navbar-menu{flex-grow:1;flex-shrink:0}.navbar-start{justify-content:flex-start;margin-right:auto}.navbar-end{justify-content:flex-end;margin-left:auto}.navbar-dropdown{background-color:#fff;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top:2px solid #dbdbdb;box-shadow:0 8px 8px rgba(10,10,10,0.1);display:none;font-size:0.875rem;left:0;min-width:100%;position:absolute;top:100%;z-index:20}.navbar-dropdown .navbar-item{padding:0.375rem 1rem;white-space:nowrap}.navbar-dropdown a.navbar-item{padding-right:3rem}.navbar-dropdown a.navbar-item:focus,.navbar-dropdown a.navbar-item:hover{background-color:#f5f5f5;color:#0a0a0a}.navbar-dropdown a.navbar-item.is-active{background-color:#f5f5f5;color:#3273dc}.navbar.is-spaced .navbar-dropdown,.navbar-dropdown.is-boxed{border-radius:8px;border-top:none;box-shadow:0 8px 8px rgba(10,10,10,0.1), 0 0 0 1px rgba(10,10,10,0.1);display:block;opacity:0;pointer-events:none;top:calc(100% + (-4px));transform:translateY(-5px);transition-duration:86ms;transition-property:opacity, transform}.navbar-dropdown.is-right{left:auto;right:0}.navbar-divider{display:block}.navbar>.container .navbar-brand,.container>.navbar .navbar-brand{margin-left:-.75rem}.navbar>.container .navbar-menu,.container>.navbar .navbar-menu{margin-right:-.75rem}.navbar.is-fixed-bottom-desktop,.navbar.is-fixed-top-desktop{left:0;position:fixed;right:0;z-index:30}.navbar.is-fixed-bottom-desktop{bottom:0}.navbar.is-fixed-bottom-desktop.has-shadow{box-shadow:0 -2px 3px rgba(10,10,10,0.1)}.navbar.is-fixed-top-desktop{top:0}html.has-navbar-fixed-top-desktop,body.has-navbar-fixed-top-desktop{padding-top:5.3rem}html.has-navbar-fixed-bottom-desktop,body.has-navbar-fixed-bottom-desktop{padding-bottom:5.3rem}html.has-spaced-navbar-fixed-top,body.has-spaced-navbar-fixed-top{padding-top:5.3rem}html.has-spaced-navbar-fixed-bottom,body.has-spaced-navbar-fixed-bottom{padding-bottom:5.3rem}a.navbar-item.is-active,.navbar-link.is-active{color:#fff}a.navbar-item.is-active:not(:focus):not(:hover),.navbar-link.is-active:not(:focus):not(:hover){background-color:#142e7b}.navbar-item.has-dropdown:focus .navbar-link,.navbar-item.has-dropdown:hover .navbar-link,.navbar-item.has-dropdown.is-active .navbar-link{background-color:#142e7b}}.hero.is-fullheight-with-navbar{min-height:calc(100vh - 5.3rem)}.pagination{font-size:1rem;margin:-.25rem}.pagination.is-small{font-size:.64rem}.pagination.is-medium{font-size:1.3rem}.pagination.is-large{font-size:1.5335rem}.pagination.is-rounded .pagination-previous,.pagination.is-rounded .pagination-next{padding-left:1em;padding-right:1em;border-radius:290486px}.pagination.is-rounded .pagination-link{border-radius:290486px}.pagination,.pagination-list{align-items:center;display:flex;justify-content:center;text-align:center}.pagination-previous,.pagination-next,.pagination-link,.pagination-ellipsis{font-size:1em;justify-content:center;margin:.25rem;padding-left:.5em;padding-right:.5em;text-align:center}.pagination-previous,.pagination-next,.pagination-link{border-color:#dbdbdb;color:#363636;min-width:2.5em}.pagination-previous:hover,.pagination-next:hover,.pagination-link:hover{border-color:#cbd2db;color:#363636}.pagination-previous:focus,.pagination-next:focus,.pagination-link:focus{border-color:#3273dc}.pagination-previous:active,.pagination-next:active,.pagination-link:active{box-shadow:inset 0 1px 2px rgba(10,10,10,0.2)}.pagination-previous[disabled],.pagination-next[disabled],.pagination-link[disabled]{background-color:#dbdbdb;border-color:#dbdbdb;box-shadow:none;color:#7a7a7a;opacity:0.5}.pagination-previous,.pagination-next{padding-left:.75em;padding-right:.75em;white-space:nowrap}.pagination-link.is-current{background-color:#3273dc;border-color:#3273dc;color:#fff}.pagination-ellipsis{color:#cbd2db;pointer-events:none}.pagination-list{flex-wrap:wrap}.pagination-list li{list-style:none}@media screen and (max-width: 768px){.pagination{flex-wrap:wrap}.pagination-previous,.pagination-next{flex-grow:1;flex-shrink:1}.pagination-list li{flex-grow:1;flex-shrink:1}}@media screen and (min-width: 769px),print{.pagination-list{flex-grow:1;flex-shrink:1;justify-content:flex-start;order:1}.pagination-previous{order:2}.pagination-next{order:3}.pagination{justify-content:space-between}.pagination.is-centered .pagination-previous{order:1}.pagination.is-centered .pagination-list{justify-content:center;order:2}.pagination.is-centered .pagination-next{order:3}.pagination.is-right .pagination-previous{order:1}.pagination.is-right .pagination-next{order:2}.pagination.is-right .pagination-list{justify-content:flex-end;order:3}}.panel{border-radius:8px;box-shadow:0 0.5em 1em -0.125em rgba(10,10,10,0.1),0 0px 0 1px rgba(10,10,10,0.02);font-size:1rem}.panel:not(:last-child){margin-bottom:1.5rem}.panel.is-white .panel-heading{background-color:#fff;color:#0a0a0a}.panel.is-white .panel-tabs a.is-active{border-bottom-color:#fff}.panel.is-white .panel-block.is-active .panel-icon{color:#fff}.panel.is-black .panel-heading{background-color:#0a0a0a;color:#fff}.panel.is-black .panel-tabs a.is-active{border-bottom-color:#0a0a0a}.panel.is-black .panel-block.is-active .panel-icon{color:#0a0a0a}.panel.is-light .panel-heading{background-color:#f6f8fb;color:rgba(0,0,0,0.7)}.panel.is-light .panel-tabs a.is-active{border-bottom-color:#f6f8fb}.panel.is-light .panel-block.is-active .panel-icon{color:#f6f8fb}.panel.is-dark .panel-heading{background-color:#363636;color:#fff}.panel.is-dark .panel-tabs a.is-active{border-bottom-color:#363636}.panel.is-dark .panel-block.is-active .panel-icon{color:#363636}.panel.is-primary .panel-heading{background-color:#142e7b;color:#fff}.panel.is-primary .panel-tabs a.is-active{border-bottom-color:#142e7b}.panel.is-primary .panel-block.is-active .panel-icon{color:#142e7b}.panel.is-link .panel-heading{background-color:#3273dc;color:#fff}.panel.is-link .panel-tabs a.is-active{border-bottom-color:#3273dc}.panel.is-link .panel-block.is-active .panel-icon{color:#3273dc}.panel.is-info .panel-heading{background-color:#0086d6;color:#fff}.panel.is-info .panel-tabs a.is-active{border-bottom-color:#0086d6}.panel.is-info .panel-block.is-active .panel-icon{color:#0086d6}.panel.is-success .panel-heading{background-color:#4bc467;color:#fff}.panel.is-success .panel-tabs a.is-active{border-bottom-color:#4bc467}.panel.is-success .panel-block.is-active .panel-icon{color:#4bc467}.panel.is-warning .panel-heading{background-color:#efb71b;color:rgba(0,0,0,0.7)}.panel.is-warning .panel-tabs a.is-active{border-bottom-color:#efb71b}.panel.is-warning .panel-block.is-active .panel-icon{color:#efb71b}.panel.is-danger .panel-heading{background-color:#ce0037;color:#fff}.panel.is-danger .panel-tabs a.is-active{border-bottom-color:#ce0037}.panel.is-danger .panel-block.is-active .panel-icon{color:#ce0037}.panel-tabs:not(:last-child),.panel-block:not(:last-child){border-bottom:1px solid #ededed}.panel-heading{background-color:#ededed;border-radius:8px 8px 0 0;color:#363636;font-size:1.25em;font-weight:700;line-height:1.25;padding:0.75em 1em}.panel-tabs{align-items:flex-end;display:flex;font-size:.875em;justify-content:center}.panel-tabs a{border-bottom:1px solid #dbdbdb;margin-bottom:-1px;padding:0.5em}.panel-tabs a.is-active{border-bottom-color:#4a4a4a;color:#363636}.panel-list a{color:#4a4a4a}.panel-list a:hover{color:#3273dc}.panel-block{align-items:center;color:#363636;display:flex;justify-content:flex-start;padding:0.5em 0.75em}.panel-block input[type="checkbox"]{margin-right:.75em}.panel-block>.control{flex-grow:1;flex-shrink:1;width:100%}.panel-block.is-wrapped{flex-wrap:wrap}.panel-block.is-active{border-left-color:#3273dc;color:#363636}.panel-block.is-active .panel-icon{color:#3273dc}.panel-block:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}a.panel-block,label.panel-block{cursor:pointer}a.panel-block:hover,label.panel-block:hover{background-color:#f5f5f5}.panel-icon{display:inline-block;font-size:14px;height:1em;line-height:1em;text-align:center;vertical-align:top;width:1em;color:#7a7a7a;margin-right:.75em}.panel-icon .fa{font-size:inherit;line-height:inherit}.tabs{-webkit-overflow-scrolling:touch;align-items:stretch;display:flex;font-size:1rem;justify-content:space-between;overflow:hidden;overflow-x:auto;white-space:nowrap}.tabs a{align-items:center;border-bottom-color:#dbdbdb;border-bottom-style:solid;border-bottom-width:1px;color:#4a4a4a;display:flex;justify-content:center;margin-bottom:-1px;padding:0.5em 1em;vertical-align:top}.tabs a:hover{border-bottom-color:#363636;color:#363636}.tabs li{display:block}.tabs li.is-active a{border-bottom-color:#3273dc;color:#3273dc}.tabs ul{align-items:center;border-bottom-color:#dbdbdb;border-bottom-style:solid;border-bottom-width:1px;display:flex;flex-grow:1;flex-shrink:0;justify-content:flex-start}.tabs ul.is-left{padding-right:0.75em}.tabs ul.is-center{flex:none;justify-content:center;padding-left:0.75em;padding-right:0.75em}.tabs ul.is-right{justify-content:flex-end;padding-left:0.75em}.tabs .icon:first-child{margin-right:.5em}.tabs .icon:last-child{margin-left:.5em}.tabs.is-centered ul{justify-content:center}.tabs.is-right ul{justify-content:flex-end}.tabs.is-boxed a{border:1px solid transparent;border-radius:6px 6px 0 0}.tabs.is-boxed a:hover{background-color:#f5f5f5;border-bottom-color:#dbdbdb}.tabs.is-boxed li.is-active a{background-color:#fff;border-color:#dbdbdb;border-bottom-color:rgba(0,0,0,0) !important}.tabs.is-fullwidth li{flex-grow:1;flex-shrink:0}.tabs.is-toggle a{border-color:#dbdbdb;border-style:solid;border-width:1px;margin-bottom:0;position:relative}.tabs.is-toggle a:hover{background-color:#f5f5f5;border-color:#cbd2db;z-index:2}.tabs.is-toggle li+li{margin-left:-1px}.tabs.is-toggle li:first-child a{border-top-left-radius:6px;border-bottom-left-radius:6px}.tabs.is-toggle li:last-child a{border-top-right-radius:6px;border-bottom-right-radius:6px}.tabs.is-toggle li.is-active a{background-color:#3273dc;border-color:#3273dc;color:#fff;z-index:1}.tabs.is-toggle ul{border-bottom:none}.tabs.is-toggle.is-toggle-rounded li:first-child a{border-bottom-left-radius:290486px;border-top-left-radius:290486px;padding-left:1.25em}.tabs.is-toggle.is-toggle-rounded li:last-child a{border-bottom-right-radius:290486px;border-top-right-radius:290486px;padding-right:1.25em}.tabs.is-small{font-size:.64rem}.tabs.is-medium{font-size:1.3rem}.tabs.is-large{font-size:1.5335rem}.column{display:block;flex-basis:0;flex-grow:1;flex-shrink:1;padding:.75rem}.columns.is-mobile>.column.is-narrow{flex:none;width:unset}.columns.is-mobile>.column.is-full{flex:none;width:100%}.columns.is-mobile>.column.is-three-quarters{flex:none;width:75%}.columns.is-mobile>.column.is-two-thirds{flex:none;width:66.6666%}.columns.is-mobile>.column.is-half{flex:none;width:50%}.columns.is-mobile>.column.is-one-third{flex:none;width:33.3333%}.columns.is-mobile>.column.is-one-quarter{flex:none;width:25%}.columns.is-mobile>.column.is-one-fifth{flex:none;width:20%}.columns.is-mobile>.column.is-two-fifths{flex:none;width:40%}.columns.is-mobile>.column.is-three-fifths{flex:none;width:60%}.columns.is-mobile>.column.is-four-fifths{flex:none;width:80%}.columns.is-mobile>.column.is-offset-three-quarters{margin-left:75%}.columns.is-mobile>.column.is-offset-two-thirds{margin-left:66.6666%}.columns.is-mobile>.column.is-offset-half{margin-left:50%}.columns.is-mobile>.column.is-offset-one-third{margin-left:33.3333%}.columns.is-mobile>.column.is-offset-one-quarter{margin-left:25%}.columns.is-mobile>.column.is-offset-one-fifth{margin-left:20%}.columns.is-mobile>.column.is-offset-two-fifths{margin-left:40%}.columns.is-mobile>.column.is-offset-three-fifths{margin-left:60%}.columns.is-mobile>.column.is-offset-four-fifths{margin-left:80%}.columns.is-mobile>.column.is-0{flex:none;width:0%}.columns.is-mobile>.column.is-offset-0{margin-left:0%}.columns.is-mobile>.column.is-1{flex:none;width:8.33333333%}.columns.is-mobile>.column.is-offset-1{margin-left:8.33333333%}.columns.is-mobile>.column.is-2{flex:none;width:16.66666667%}.columns.is-mobile>.column.is-offset-2{margin-left:16.66666667%}.columns.is-mobile>.column.is-3{flex:none;width:25%}.columns.is-mobile>.column.is-offset-3{margin-left:25%}.columns.is-mobile>.column.is-4{flex:none;width:33.33333333%}.columns.is-mobile>.column.is-offset-4{margin-left:33.33333333%}.columns.is-mobile>.column.is-5{flex:none;width:41.66666667%}.columns.is-mobile>.column.is-offset-5{margin-left:41.66666667%}.columns.is-mobile>.column.is-6{flex:none;width:50%}.columns.is-mobile>.column.is-offset-6{margin-left:50%}.columns.is-mobile>.column.is-7{flex:none;width:58.33333333%}.columns.is-mobile>.column.is-offset-7{margin-left:58.33333333%}.columns.is-mobile>.column.is-8{flex:none;width:66.66666667%}.columns.is-mobile>.column.is-offset-8{margin-left:66.66666667%}.columns.is-mobile>.column.is-9{flex:none;width:75%}.columns.is-mobile>.column.is-offset-9{margin-left:75%}.columns.is-mobile>.column.is-10{flex:none;width:83.33333333%}.columns.is-mobile>.column.is-offset-10{margin-left:83.33333333%}.columns.is-mobile>.column.is-11{flex:none;width:91.66666667%}.columns.is-mobile>.column.is-offset-11{margin-left:91.66666667%}.columns.is-mobile>.column.is-12{flex:none;width:100%}.columns.is-mobile>.column.is-offset-12{margin-left:100%}@media screen and (max-width: 768px){.column.is-narrow-mobile{flex:none;width:unset}.column.is-full-mobile{flex:none;width:100%}.column.is-three-quarters-mobile{flex:none;width:75%}.column.is-two-thirds-mobile{flex:none;width:66.6666%}.column.is-half-mobile{flex:none;width:50%}.column.is-one-third-mobile{flex:none;width:33.3333%}.column.is-one-quarter-mobile{flex:none;width:25%}.column.is-one-fifth-mobile{flex:none;width:20%}.column.is-two-fifths-mobile{flex:none;width:40%}.column.is-three-fifths-mobile{flex:none;width:60%}.column.is-four-fifths-mobile{flex:none;width:80%}.column.is-offset-three-quarters-mobile{margin-left:75%}.column.is-offset-two-thirds-mobile{margin-left:66.6666%}.column.is-offset-half-mobile{margin-left:50%}.column.is-offset-one-third-mobile{margin-left:33.3333%}.column.is-offset-one-quarter-mobile{margin-left:25%}.column.is-offset-one-fifth-mobile{margin-left:20%}.column.is-offset-two-fifths-mobile{margin-left:40%}.column.is-offset-three-fifths-mobile{margin-left:60%}.column.is-offset-four-fifths-mobile{margin-left:80%}.column.is-0-mobile{flex:none;width:0%}.column.is-offset-0-mobile{margin-left:0%}.column.is-1-mobile{flex:none;width:8.33333333%}.column.is-offset-1-mobile{margin-left:8.33333333%}.column.is-2-mobile{flex:none;width:16.66666667%}.column.is-offset-2-mobile{margin-left:16.66666667%}.column.is-3-mobile{flex:none;width:25%}.column.is-offset-3-mobile{margin-left:25%}.column.is-4-mobile{flex:none;width:33.33333333%}.column.is-offset-4-mobile{margin-left:33.33333333%}.column.is-5-mobile{flex:none;width:41.66666667%}.column.is-offset-5-mobile{margin-left:41.66666667%}.column.is-6-mobile{flex:none;width:50%}.column.is-offset-6-mobile{margin-left:50%}.column.is-7-mobile{flex:none;width:58.33333333%}.column.is-offset-7-mobile{margin-left:58.33333333%}.column.is-8-mobile{flex:none;width:66.66666667%}.column.is-offset-8-mobile{margin-left:66.66666667%}.column.is-9-mobile{flex:none;width:75%}.column.is-offset-9-mobile{margin-left:75%}.column.is-10-mobile{flex:none;width:83.33333333%}.column.is-offset-10-mobile{margin-left:83.33333333%}.column.is-11-mobile{flex:none;width:91.66666667%}.column.is-offset-11-mobile{margin-left:91.66666667%}.column.is-12-mobile{flex:none;width:100%}.column.is-offset-12-mobile{margin-left:100%}}@media screen and (min-width: 769px),print{.column.is-narrow,.column.is-narrow-tablet{flex:none;width:unset}.column.is-full,.column.is-full-tablet{flex:none;width:100%}.column.is-three-quarters,.column.is-three-quarters-tablet{flex:none;width:75%}.column.is-two-thirds,.column.is-two-thirds-tablet{flex:none;width:66.6666%}.column.is-half,.column.is-half-tablet{flex:none;width:50%}.column.is-one-third,.column.is-one-third-tablet{flex:none;width:33.3333%}.column.is-one-quarter,.column.is-one-quarter-tablet{flex:none;width:25%}.column.is-one-fifth,.column.is-one-fifth-tablet{flex:none;width:20%}.column.is-two-fifths,.column.is-two-fifths-tablet{flex:none;width:40%}.column.is-three-fifths,.column.is-three-fifths-tablet{flex:none;width:60%}.column.is-four-fifths,.column.is-four-fifths-tablet{flex:none;width:80%}.column.is-offset-three-quarters,.column.is-offset-three-quarters-tablet{margin-left:75%}.column.is-offset-two-thirds,.column.is-offset-two-thirds-tablet{margin-left:66.6666%}.column.is-offset-half,.column.is-offset-half-tablet{margin-left:50%}.column.is-offset-one-third,.column.is-offset-one-third-tablet{margin-left:33.3333%}.column.is-offset-one-quarter,.column.is-offset-one-quarter-tablet{margin-left:25%}.column.is-offset-one-fifth,.column.is-offset-one-fifth-tablet{margin-left:20%}.column.is-offset-two-fifths,.column.is-offset-two-fifths-tablet{margin-left:40%}.column.is-offset-three-fifths,.column.is-offset-three-fifths-tablet{margin-left:60%}.column.is-offset-four-fifths,.column.is-offset-four-fifths-tablet{margin-left:80%}.column.is-0,.column.is-0-tablet{flex:none;width:0%}.column.is-offset-0,.column.is-offset-0-tablet{margin-left:0%}.column.is-1,.column.is-1-tablet{flex:none;width:8.33333333%}.column.is-offset-1,.column.is-offset-1-tablet{margin-left:8.33333333%}.column.is-2,.column.is-2-tablet{flex:none;width:16.66666667%}.column.is-offset-2,.column.is-offset-2-tablet{margin-left:16.66666667%}.column.is-3,.column.is-3-tablet{flex:none;width:25%}.column.is-offset-3,.column.is-offset-3-tablet{margin-left:25%}.column.is-4,.column.is-4-tablet{flex:none;width:33.33333333%}.column.is-offset-4,.column.is-offset-4-tablet{margin-left:33.33333333%}.column.is-5,.column.is-5-tablet{flex:none;width:41.66666667%}.column.is-offset-5,.column.is-offset-5-tablet{margin-left:41.66666667%}.column.is-6,.column.is-6-tablet{flex:none;width:50%}.column.is-offset-6,.column.is-offset-6-tablet{margin-left:50%}.column.is-7,.column.is-7-tablet{flex:none;width:58.33333333%}.column.is-offset-7,.column.is-offset-7-tablet{margin-left:58.33333333%}.column.is-8,.column.is-8-tablet{flex:none;width:66.66666667%}.column.is-offset-8,.column.is-offset-8-tablet{margin-left:66.66666667%}.column.is-9,.column.is-9-tablet{flex:none;width:75%}.column.is-offset-9,.column.is-offset-9-tablet{margin-left:75%}.column.is-10,.column.is-10-tablet{flex:none;width:83.33333333%}.column.is-offset-10,.column.is-offset-10-tablet{margin-left:83.33333333%}.column.is-11,.column.is-11-tablet{flex:none;width:91.66666667%}.column.is-offset-11,.column.is-offset-11-tablet{margin-left:91.66666667%}.column.is-12,.column.is-12-tablet{flex:none;width:100%}.column.is-offset-12,.column.is-offset-12-tablet{margin-left:100%}}@media screen and (max-width: 1023px){.column.is-narrow-touch{flex:none;width:unset}.column.is-full-touch{flex:none;width:100%}.column.is-three-quarters-touch{flex:none;width:75%}.column.is-two-thirds-touch{flex:none;width:66.6666%}.column.is-half-touch{flex:none;width:50%}.column.is-one-third-touch{flex:none;width:33.3333%}.column.is-one-quarter-touch{flex:none;width:25%}.column.is-one-fifth-touch{flex:none;width:20%}.column.is-two-fifths-touch{flex:none;width:40%}.column.is-three-fifths-touch{flex:none;width:60%}.column.is-four-fifths-touch{flex:none;width:80%}.column.is-offset-three-quarters-touch{margin-left:75%}.column.is-offset-two-thirds-touch{margin-left:66.6666%}.column.is-offset-half-touch{margin-left:50%}.column.is-offset-one-third-touch{margin-left:33.3333%}.column.is-offset-one-quarter-touch{margin-left:25%}.column.is-offset-one-fifth-touch{margin-left:20%}.column.is-offset-two-fifths-touch{margin-left:40%}.column.is-offset-three-fifths-touch{margin-left:60%}.column.is-offset-four-fifths-touch{margin-left:80%}.column.is-0-touch{flex:none;width:0%}.column.is-offset-0-touch{margin-left:0%}.column.is-1-touch{flex:none;width:8.33333333%}.column.is-offset-1-touch{margin-left:8.33333333%}.column.is-2-touch{flex:none;width:16.66666667%}.column.is-offset-2-touch{margin-left:16.66666667%}.column.is-3-touch{flex:none;width:25%}.column.is-offset-3-touch{margin-left:25%}.column.is-4-touch{flex:none;width:33.33333333%}.column.is-offset-4-touch{margin-left:33.33333333%}.column.is-5-touch{flex:none;width:41.66666667%}.column.is-offset-5-touch{margin-left:41.66666667%}.column.is-6-touch{flex:none;width:50%}.column.is-offset-6-touch{margin-left:50%}.column.is-7-touch{flex:none;width:58.33333333%}.column.is-offset-7-touch{margin-left:58.33333333%}.column.is-8-touch{flex:none;width:66.66666667%}.column.is-offset-8-touch{margin-left:66.66666667%}.column.is-9-touch{flex:none;width:75%}.column.is-offset-9-touch{margin-left:75%}.column.is-10-touch{flex:none;width:83.33333333%}.column.is-offset-10-touch{margin-left:83.33333333%}.column.is-11-touch{flex:none;width:91.66666667%}.column.is-offset-11-touch{margin-left:91.66666667%}.column.is-12-touch{flex:none;width:100%}.column.is-offset-12-touch{margin-left:100%}}@media screen and (min-width: 1024px){.column.is-narrow-desktop{flex:none;width:unset}.column.is-full-desktop{flex:none;width:100%}.column.is-three-quarters-desktop{flex:none;width:75%}.column.is-two-thirds-desktop{flex:none;width:66.6666%}.column.is-half-desktop{flex:none;width:50%}.column.is-one-third-desktop{flex:none;width:33.3333%}.column.is-one-quarter-desktop{flex:none;width:25%}.column.is-one-fifth-desktop{flex:none;width:20%}.column.is-two-fifths-desktop{flex:none;width:40%}.column.is-three-fifths-desktop{flex:none;width:60%}.column.is-four-fifths-desktop{flex:none;width:80%}.column.is-offset-three-quarters-desktop{margin-left:75%}.column.is-offset-two-thirds-desktop{margin-left:66.6666%}.column.is-offset-half-desktop{margin-left:50%}.column.is-offset-one-third-desktop{margin-left:33.3333%}.column.is-offset-one-quarter-desktop{margin-left:25%}.column.is-offset-one-fifth-desktop{margin-left:20%}.column.is-offset-two-fifths-desktop{margin-left:40%}.column.is-offset-three-fifths-desktop{margin-left:60%}.column.is-offset-four-fifths-desktop{margin-left:80%}.column.is-0-desktop{flex:none;width:0%}.column.is-offset-0-desktop{margin-left:0%}.column.is-1-desktop{flex:none;width:8.33333333%}.column.is-offset-1-desktop{margin-left:8.33333333%}.column.is-2-desktop{flex:none;width:16.66666667%}.column.is-offset-2-desktop{margin-left:16.66666667%}.column.is-3-desktop{flex:none;width:25%}.column.is-offset-3-desktop{margin-left:25%}.column.is-4-desktop{flex:none;width:33.33333333%}.column.is-offset-4-desktop{margin-left:33.33333333%}.column.is-5-desktop{flex:none;width:41.66666667%}.column.is-offset-5-desktop{margin-left:41.66666667%}.column.is-6-desktop{flex:none;width:50%}.column.is-offset-6-desktop{margin-left:50%}.column.is-7-desktop{flex:none;width:58.33333333%}.column.is-offset-7-desktop{margin-left:58.33333333%}.column.is-8-desktop{flex:none;width:66.66666667%}.column.is-offset-8-desktop{margin-left:66.66666667%}.column.is-9-desktop{flex:none;width:75%}.column.is-offset-9-desktop{margin-left:75%}.column.is-10-desktop{flex:none;width:83.33333333%}.column.is-offset-10-desktop{margin-left:83.33333333%}.column.is-11-desktop{flex:none;width:91.66666667%}.column.is-offset-11-desktop{margin-left:91.66666667%}.column.is-12-desktop{flex:none;width:100%}.column.is-offset-12-desktop{margin-left:100%}}@media screen and (min-width: 1216px){.column.is-narrow-widescreen{flex:none;width:unset}.column.is-full-widescreen{flex:none;width:100%}.column.is-three-quarters-widescreen{flex:none;width:75%}.column.is-two-thirds-widescreen{flex:none;width:66.6666%}.column.is-half-widescreen{flex:none;width:50%}.column.is-one-third-widescreen{flex:none;width:33.3333%}.column.is-one-quarter-widescreen{flex:none;width:25%}.column.is-one-fifth-widescreen{flex:none;width:20%}.column.is-two-fifths-widescreen{flex:none;width:40%}.column.is-three-fifths-widescreen{flex:none;width:60%}.column.is-four-fifths-widescreen{flex:none;width:80%}.column.is-offset-three-quarters-widescreen{margin-left:75%}.column.is-offset-two-thirds-widescreen{margin-left:66.6666%}.column.is-offset-half-widescreen{margin-left:50%}.column.is-offset-one-third-widescreen{margin-left:33.3333%}.column.is-offset-one-quarter-widescreen{margin-left:25%}.column.is-offset-one-fifth-widescreen{margin-left:20%}.column.is-offset-two-fifths-widescreen{margin-left:40%}.column.is-offset-three-fifths-widescreen{margin-left:60%}.column.is-offset-four-fifths-widescreen{margin-left:80%}.column.is-0-widescreen{flex:none;width:0%}.column.is-offset-0-widescreen{margin-left:0%}.column.is-1-widescreen{flex:none;width:8.33333333%}.column.is-offset-1-widescreen{margin-left:8.33333333%}.column.is-2-widescreen{flex:none;width:16.66666667%}.column.is-offset-2-widescreen{margin-left:16.66666667%}.column.is-3-widescreen{flex:none;width:25%}.column.is-offset-3-widescreen{margin-left:25%}.column.is-4-widescreen{flex:none;width:33.33333333%}.column.is-offset-4-widescreen{margin-left:33.33333333%}.column.is-5-widescreen{flex:none;width:41.66666667%}.column.is-offset-5-widescreen{margin-left:41.66666667%}.column.is-6-widescreen{flex:none;width:50%}.column.is-offset-6-widescreen{margin-left:50%}.column.is-7-widescreen{flex:none;width:58.33333333%}.column.is-offset-7-widescreen{margin-left:58.33333333%}.column.is-8-widescreen{flex:none;width:66.66666667%}.column.is-offset-8-widescreen{margin-left:66.66666667%}.column.is-9-widescreen{flex:none;width:75%}.column.is-offset-9-widescreen{margin-left:75%}.column.is-10-widescreen{flex:none;width:83.33333333%}.column.is-offset-10-widescreen{margin-left:83.33333333%}.column.is-11-widescreen{flex:none;width:91.66666667%}.column.is-offset-11-widescreen{margin-left:91.66666667%}.column.is-12-widescreen{flex:none;width:100%}.column.is-offset-12-widescreen{margin-left:100%}}@media screen and (min-width: 1408px){.column.is-narrow-fullhd{flex:none;width:unset}.column.is-full-fullhd{flex:none;width:100%}.column.is-three-quarters-fullhd{flex:none;width:75%}.column.is-two-thirds-fullhd{flex:none;width:66.6666%}.column.is-half-fullhd{flex:none;width:50%}.column.is-one-third-fullhd{flex:none;width:33.3333%}.column.is-one-quarter-fullhd{flex:none;width:25%}.column.is-one-fifth-fullhd{flex:none;width:20%}.column.is-two-fifths-fullhd{flex:none;width:40%}.column.is-three-fifths-fullhd{flex:none;width:60%}.column.is-four-fifths-fullhd{flex:none;width:80%}.column.is-offset-three-quarters-fullhd{margin-left:75%}.column.is-offset-two-thirds-fullhd{margin-left:66.6666%}.column.is-offset-half-fullhd{margin-left:50%}.column.is-offset-one-third-fullhd{margin-left:33.3333%}.column.is-offset-one-quarter-fullhd{margin-left:25%}.column.is-offset-one-fifth-fullhd{margin-left:20%}.column.is-offset-two-fifths-fullhd{margin-left:40%}.column.is-offset-three-fifths-fullhd{margin-left:60%}.column.is-offset-four-fifths-fullhd{margin-left:80%}.column.is-0-fullhd{flex:none;width:0%}.column.is-offset-0-fullhd{margin-left:0%}.column.is-1-fullhd{flex:none;width:8.33333333%}.column.is-offset-1-fullhd{margin-left:8.33333333%}.column.is-2-fullhd{flex:none;width:16.66666667%}.column.is-offset-2-fullhd{margin-left:16.66666667%}.column.is-3-fullhd{flex:none;width:25%}.column.is-offset-3-fullhd{margin-left:25%}.column.is-4-fullhd{flex:none;width:33.33333333%}.column.is-offset-4-fullhd{margin-left:33.33333333%}.column.is-5-fullhd{flex:none;width:41.66666667%}.column.is-offset-5-fullhd{margin-left:41.66666667%}.column.is-6-fullhd{flex:none;width:50%}.column.is-offset-6-fullhd{margin-left:50%}.column.is-7-fullhd{flex:none;width:58.33333333%}.column.is-offset-7-fullhd{margin-left:58.33333333%}.column.is-8-fullhd{flex:none;width:66.66666667%}.column.is-offset-8-fullhd{margin-left:66.66666667%}.column.is-9-fullhd{flex:none;width:75%}.column.is-offset-9-fullhd{margin-left:75%}.column.is-10-fullhd{flex:none;width:83.33333333%}.column.is-offset-10-fullhd{margin-left:83.33333333%}.column.is-11-fullhd{flex:none;width:91.66666667%}.column.is-offset-11-fullhd{margin-left:91.66666667%}.column.is-12-fullhd{flex:none;width:100%}.column.is-offset-12-fullhd{margin-left:100%}}.columns{margin-left:-.75rem;margin-right:-.75rem;margin-top:-.75rem}.columns:last-child{margin-bottom:-.75rem}.columns:not(:last-child){margin-bottom:calc(1.5rem - .75rem)}.columns.is-centered{justify-content:center}.columns.is-gapless{margin-left:0;margin-right:0;margin-top:0}.columns.is-gapless>.column{margin:0;padding:0 !important}.columns.is-gapless:not(:last-child){margin-bottom:1.5rem}.columns.is-gapless:last-child{margin-bottom:0}.columns.is-mobile{display:flex}.columns.is-multiline{flex-wrap:wrap}.columns.is-vcentered{align-items:center}@media screen and (min-width: 769px),print{.columns:not(.is-desktop){display:flex}}@media screen and (min-width: 1024px){.columns.is-desktop{display:flex}}.columns.is-variable{--columnGap: 0.75rem;margin-left:calc(-1 * var(--columnGap));margin-right:calc(-1 * var(--columnGap))}.columns.is-variable>.column{padding-left:var(--columnGap);padding-right:var(--columnGap)}.columns.is-variable.is-0{--columnGap: 0rem}@media screen and (max-width: 768px){.columns.is-variable.is-0-mobile{--columnGap: 0rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-0-tablet{--columnGap: 0rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-0-tablet-only{--columnGap: 0rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-0-touch{--columnGap: 0rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-0-desktop{--columnGap: 0rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-0-desktop-only{--columnGap: 0rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-0-widescreen{--columnGap: 0rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-0-widescreen-only{--columnGap: 0rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-0-fullhd{--columnGap: 0rem}}.columns.is-variable.is-1{--columnGap: .25rem}@media screen and (max-width: 768px){.columns.is-variable.is-1-mobile{--columnGap: .25rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-1-tablet{--columnGap: .25rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-1-tablet-only{--columnGap: .25rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-1-touch{--columnGap: .25rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-1-desktop{--columnGap: .25rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-1-desktop-only{--columnGap: .25rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-1-widescreen{--columnGap: .25rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-1-widescreen-only{--columnGap: .25rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-1-fullhd{--columnGap: .25rem}}.columns.is-variable.is-2{--columnGap: .5rem}@media screen and (max-width: 768px){.columns.is-variable.is-2-mobile{--columnGap: .5rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-2-tablet{--columnGap: .5rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-2-tablet-only{--columnGap: .5rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-2-touch{--columnGap: .5rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-2-desktop{--columnGap: .5rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-2-desktop-only{--columnGap: .5rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-2-widescreen{--columnGap: .5rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-2-widescreen-only{--columnGap: .5rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-2-fullhd{--columnGap: .5rem}}.columns.is-variable.is-3{--columnGap: .75rem}@media screen and (max-width: 768px){.columns.is-variable.is-3-mobile{--columnGap: .75rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-3-tablet{--columnGap: .75rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-3-tablet-only{--columnGap: .75rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-3-touch{--columnGap: .75rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-3-desktop{--columnGap: .75rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-3-desktop-only{--columnGap: .75rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-3-widescreen{--columnGap: .75rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-3-widescreen-only{--columnGap: .75rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-3-fullhd{--columnGap: .75rem}}.columns.is-variable.is-4{--columnGap: 1rem}@media screen and (max-width: 768px){.columns.is-variable.is-4-mobile{--columnGap: 1rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-4-tablet{--columnGap: 1rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-4-tablet-only{--columnGap: 1rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-4-touch{--columnGap: 1rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-4-desktop{--columnGap: 1rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-4-desktop-only{--columnGap: 1rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-4-widescreen{--columnGap: 1rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-4-widescreen-only{--columnGap: 1rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-4-fullhd{--columnGap: 1rem}}.columns.is-variable.is-5{--columnGap: 1.25rem}@media screen and (max-width: 768px){.columns.is-variable.is-5-mobile{--columnGap: 1.25rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-5-tablet{--columnGap: 1.25rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-5-tablet-only{--columnGap: 1.25rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-5-touch{--columnGap: 1.25rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-5-desktop{--columnGap: 1.25rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-5-desktop-only{--columnGap: 1.25rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-5-widescreen{--columnGap: 1.25rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-5-widescreen-only{--columnGap: 1.25rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-5-fullhd{--columnGap: 1.25rem}}.columns.is-variable.is-6{--columnGap: 1.5rem}@media screen and (max-width: 768px){.columns.is-variable.is-6-mobile{--columnGap: 1.5rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-6-tablet{--columnGap: 1.5rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-6-tablet-only{--columnGap: 1.5rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-6-touch{--columnGap: 1.5rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-6-desktop{--columnGap: 1.5rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-6-desktop-only{--columnGap: 1.5rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-6-widescreen{--columnGap: 1.5rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-6-widescreen-only{--columnGap: 1.5rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-6-fullhd{--columnGap: 1.5rem}}.columns.is-variable.is-7{--columnGap: 1.75rem}@media screen and (max-width: 768px){.columns.is-variable.is-7-mobile{--columnGap: 1.75rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-7-tablet{--columnGap: 1.75rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-7-tablet-only{--columnGap: 1.75rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-7-touch{--columnGap: 1.75rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-7-desktop{--columnGap: 1.75rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-7-desktop-only{--columnGap: 1.75rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-7-widescreen{--columnGap: 1.75rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-7-widescreen-only{--columnGap: 1.75rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-7-fullhd{--columnGap: 1.75rem}}.columns.is-variable.is-8{--columnGap: 2rem}@media screen and (max-width: 768px){.columns.is-variable.is-8-mobile{--columnGap: 2rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-8-tablet{--columnGap: 2rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-8-tablet-only{--columnGap: 2rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-8-touch{--columnGap: 2rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-8-desktop{--columnGap: 2rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-8-desktop-only{--columnGap: 2rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-8-widescreen{--columnGap: 2rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-8-widescreen-only{--columnGap: 2rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-8-fullhd{--columnGap: 2rem}}.tile{align-items:stretch;display:block;flex-basis:0;flex-grow:1;flex-shrink:1;min-height:min-content}.tile.is-ancestor{margin-left:-.75rem;margin-right:-.75rem;margin-top:-.75rem}.tile.is-ancestor:last-child{margin-bottom:-.75rem}.tile.is-ancestor:not(:last-child){margin-bottom:.75rem}.tile.is-child{margin:0 !important}.tile.is-parent{padding:.75rem}.tile.is-vertical{flex-direction:column}.tile.is-vertical>.tile.is-child:not(:last-child){margin-bottom:1.5rem !important}@media screen and (min-width: 769px),print{.tile:not(.is-child){display:flex}.tile.is-1{flex:none;width:8.33333333%}.tile.is-2{flex:none;width:16.66666667%}.tile.is-3{flex:none;width:25%}.tile.is-4{flex:none;width:33.33333333%}.tile.is-5{flex:none;width:41.66666667%}.tile.is-6{flex:none;width:50%}.tile.is-7{flex:none;width:58.33333333%}.tile.is-8{flex:none;width:66.66666667%}.tile.is-9{flex:none;width:75%}.tile.is-10{flex:none;width:83.33333333%}.tile.is-11{flex:none;width:91.66666667%}.tile.is-12{flex:none;width:100%}}.hero{align-items:stretch;display:flex;flex-direction:column;justify-content:space-between}.hero .navbar{background:none}.hero .tabs ul{border-bottom:none}.hero.is-white{background-color:#fff;color:#0a0a0a}.hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-white strong{color:inherit}.hero.is-white .title{color:#0a0a0a}.hero.is-white .subtitle{color:rgba(10,10,10,0.9)}.hero.is-white .subtitle a:not(.button),.hero.is-white .subtitle strong{color:#0a0a0a}@media screen and (max-width: 1023px){.hero.is-white .navbar-menu{background-color:#fff}}.hero.is-white .navbar-item,.hero.is-white .navbar-link{color:rgba(10,10,10,0.7)}.hero.is-white a.navbar-item:hover,.hero.is-white a.navbar-item.is-active,.hero.is-white .navbar-link:hover,.hero.is-white .navbar-link.is-active{background-color:#f2f2f2;color:#0a0a0a}.hero.is-white .tabs a{color:#0a0a0a;opacity:0.9}.hero.is-white .tabs a:hover{opacity:1}.hero.is-white .tabs li.is-active a{opacity:1}.hero.is-white .tabs.is-boxed a,.hero.is-white .tabs.is-toggle a{color:#0a0a0a}.hero.is-white .tabs.is-boxed a:hover,.hero.is-white .tabs.is-toggle a:hover{background-color:rgba(10,10,10,0.1)}.hero.is-white .tabs.is-boxed li.is-active a,.hero.is-white .tabs.is-boxed li.is-active a:hover,.hero.is-white .tabs.is-toggle li.is-active a,.hero.is-white .tabs.is-toggle li.is-active a:hover{background-color:#0a0a0a;border-color:#0a0a0a;color:#fff}.hero.is-white.is-bold{background-image:linear-gradient(141deg, #e8e3e4 0%, #fff 71%, #fff 100%)}@media screen and (max-width: 768px){.hero.is-white.is-bold .navbar-menu{background-image:linear-gradient(141deg, #e8e3e4 0%, #fff 71%, #fff 100%)}}.hero.is-black{background-color:#0a0a0a;color:#fff}.hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-black strong{color:inherit}.hero.is-black .title{color:#fff}.hero.is-black .subtitle{color:rgba(255,255,255,0.9)}.hero.is-black .subtitle a:not(.button),.hero.is-black .subtitle strong{color:#fff}@media screen and (max-width: 1023px){.hero.is-black .navbar-menu{background-color:#0a0a0a}}.hero.is-black .navbar-item,.hero.is-black .navbar-link{color:rgba(255,255,255,0.7)}.hero.is-black a.navbar-item:hover,.hero.is-black a.navbar-item.is-active,.hero.is-black .navbar-link:hover,.hero.is-black .navbar-link.is-active{background-color:#000;color:#fff}.hero.is-black .tabs a{color:#fff;opacity:0.9}.hero.is-black .tabs a:hover{opacity:1}.hero.is-black .tabs li.is-active a{opacity:1}.hero.is-black .tabs.is-boxed a,.hero.is-black .tabs.is-toggle a{color:#fff}.hero.is-black .tabs.is-boxed a:hover,.hero.is-black .tabs.is-toggle a:hover{background-color:rgba(10,10,10,0.1)}.hero.is-black .tabs.is-boxed li.is-active a,.hero.is-black .tabs.is-boxed li.is-active a:hover,.hero.is-black .tabs.is-toggle li.is-active a,.hero.is-black .tabs.is-toggle li.is-active a:hover{background-color:#fff;border-color:#fff;color:#0a0a0a}.hero.is-black.is-bold{background-image:linear-gradient(141deg, #000 0%, #0a0a0a 71%, #181616 100%)}@media screen and (max-width: 768px){.hero.is-black.is-bold .navbar-menu{background-image:linear-gradient(141deg, #000 0%, #0a0a0a 71%, #181616 100%)}}.hero.is-light{background-color:#f6f8fb;color:rgba(0,0,0,0.7)}.hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-light strong{color:inherit}.hero.is-light .title{color:rgba(0,0,0,0.7)}.hero.is-light .subtitle{color:rgba(0,0,0,0.9)}.hero.is-light .subtitle a:not(.button),.hero.is-light .subtitle strong{color:rgba(0,0,0,0.7)}@media screen and (max-width: 1023px){.hero.is-light .navbar-menu{background-color:#f6f8fb}}.hero.is-light .navbar-item,.hero.is-light .navbar-link{color:rgba(0,0,0,0.7)}.hero.is-light a.navbar-item:hover,.hero.is-light a.navbar-item.is-active,.hero.is-light .navbar-link:hover,.hero.is-light .navbar-link.is-active{background-color:#e4eaf3;color:rgba(0,0,0,0.7)}.hero.is-light .tabs a{color:rgba(0,0,0,0.7);opacity:0.9}.hero.is-light .tabs a:hover{opacity:1}.hero.is-light .tabs li.is-active a{opacity:1}.hero.is-light .tabs.is-boxed a,.hero.is-light .tabs.is-toggle a{color:rgba(0,0,0,0.7)}.hero.is-light .tabs.is-boxed a:hover,.hero.is-light .tabs.is-toggle a:hover{background-color:rgba(10,10,10,0.1)}.hero.is-light .tabs.is-boxed li.is-active a,.hero.is-light .tabs.is-boxed li.is-active a:hover,.hero.is-light .tabs.is-toggle li.is-active a,.hero.is-light .tabs.is-toggle li.is-active a:hover{background-color:rgba(0,0,0,0.7);border-color:rgba(0,0,0,0.7);color:#f6f8fb}.hero.is-light.is-bold{background-image:linear-gradient(141deg, #cfe1ef 0%, #f6f8fb 71%, #fff 100%)}@media screen and (max-width: 768px){.hero.is-light.is-bold .navbar-menu{background-image:linear-gradient(141deg, #cfe1ef 0%, #f6f8fb 71%, #fff 100%)}}.hero.is-dark{background-color:#363636;color:#fff}.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-dark strong{color:inherit}.hero.is-dark .title{color:#fff}.hero.is-dark .subtitle{color:rgba(255,255,255,0.9)}.hero.is-dark .subtitle a:not(.button),.hero.is-dark .subtitle strong{color:#fff}@media screen and (max-width: 1023px){.hero.is-dark .navbar-menu{background-color:#363636}}.hero.is-dark .navbar-item,.hero.is-dark .navbar-link{color:rgba(255,255,255,0.7)}.hero.is-dark a.navbar-item:hover,.hero.is-dark a.navbar-item.is-active,.hero.is-dark .navbar-link:hover,.hero.is-dark .navbar-link.is-active{background-color:#292929;color:#fff}.hero.is-dark .tabs a{color:#fff;opacity:0.9}.hero.is-dark .tabs a:hover{opacity:1}.hero.is-dark .tabs li.is-active a{opacity:1}.hero.is-dark .tabs.is-boxed a,.hero.is-dark .tabs.is-toggle a{color:#fff}.hero.is-dark .tabs.is-boxed a:hover,.hero.is-dark .tabs.is-toggle a:hover{background-color:rgba(10,10,10,0.1)}.hero.is-dark .tabs.is-boxed li.is-active a,.hero.is-dark .tabs.is-boxed li.is-active a:hover,.hero.is-dark .tabs.is-toggle li.is-active a,.hero.is-dark .tabs.is-toggle li.is-active a:hover{background-color:#fff;border-color:#fff;color:#363636}.hero.is-dark.is-bold{background-image:linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%)}@media screen and (max-width: 768px){.hero.is-dark.is-bold .navbar-menu{background-image:linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%)}}.hero.is-primary{background-color:#142e7b;color:#fff}.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-primary strong{color:inherit}.hero.is-primary .title{color:#fff}.hero.is-primary .subtitle{color:rgba(255,255,255,0.9)}.hero.is-primary .subtitle a:not(.button),.hero.is-primary .subtitle strong{color:#fff}@media screen and (max-width: 1023px){.hero.is-primary .navbar-menu{background-color:#142e7b}}.hero.is-primary .navbar-item,.hero.is-primary .navbar-link{color:rgba(255,255,255,0.7)}.hero.is-primary a.navbar-item:hover,.hero.is-primary a.navbar-item.is-active,.hero.is-primary .navbar-link:hover,.hero.is-primary .navbar-link.is-active{background-color:#102665;color:#fff}.hero.is-primary .tabs a{color:#fff;opacity:0.9}.hero.is-primary .tabs a:hover{opacity:1}.hero.is-primary .tabs li.is-active a{opacity:1}.hero.is-primary .tabs.is-boxed a,.hero.is-primary .tabs.is-toggle a{color:#fff}.hero.is-primary .tabs.is-boxed a:hover,.hero.is-primary .tabs.is-toggle a:hover{background-color:rgba(10,10,10,0.1)}.hero.is-primary .tabs.is-boxed li.is-active a,.hero.is-primary .tabs.is-boxed li.is-active a:hover,.hero.is-primary .tabs.is-toggle li.is-active a,.hero.is-primary .tabs.is-toggle li.is-active a:hover{background-color:#fff;border-color:#fff;color:#142e7b}.hero.is-primary.is-bold{background-image:linear-gradient(141deg, #082854 0%, #142e7b 71%, #131e95 100%)}@media screen and (max-width: 768px){.hero.is-primary.is-bold .navbar-menu{background-image:linear-gradient(141deg, #082854 0%, #142e7b 71%, #131e95 100%)}}.hero.is-link{background-color:#3273dc;color:#fff}.hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-link strong{color:inherit}.hero.is-link .title{color:#fff}.hero.is-link .subtitle{color:rgba(255,255,255,0.9)}.hero.is-link .subtitle a:not(.button),.hero.is-link .subtitle strong{color:#fff}@media screen and (max-width: 1023px){.hero.is-link .navbar-menu{background-color:#3273dc}}.hero.is-link .navbar-item,.hero.is-link .navbar-link{color:rgba(255,255,255,0.7)}.hero.is-link a.navbar-item:hover,.hero.is-link a.navbar-item.is-active,.hero.is-link .navbar-link:hover,.hero.is-link .navbar-link.is-active{background-color:#2366d1;color:#fff}.hero.is-link .tabs a{color:#fff;opacity:0.9}.hero.is-link .tabs a:hover{opacity:1}.hero.is-link .tabs li.is-active a{opacity:1}.hero.is-link .tabs.is-boxed a,.hero.is-link .tabs.is-toggle a{color:#fff}.hero.is-link .tabs.is-boxed a:hover,.hero.is-link .tabs.is-toggle a:hover{background-color:rgba(10,10,10,0.1)}.hero.is-link .tabs.is-boxed li.is-active a,.hero.is-link .tabs.is-boxed li.is-active a:hover,.hero.is-link .tabs.is-toggle li.is-active a,.hero.is-link .tabs.is-toggle li.is-active a:hover{background-color:#fff;border-color:#fff;color:#3273dc}.hero.is-link.is-bold{background-image:linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%)}@media screen and (max-width: 768px){.hero.is-link.is-bold .navbar-menu{background-image:linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%)}}.hero.is-info{background-color:#0086d6;color:#fff}.hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-info strong{color:inherit}.hero.is-info .title{color:#fff}.hero.is-info .subtitle{color:rgba(255,255,255,0.9)}.hero.is-info .subtitle a:not(.button),.hero.is-info .subtitle strong{color:#fff}@media screen and (max-width: 1023px){.hero.is-info .navbar-menu{background-color:#0086d6}}.hero.is-info .navbar-item,.hero.is-info .navbar-link{color:rgba(255,255,255,0.7)}.hero.is-info a.navbar-item:hover,.hero.is-info a.navbar-item.is-active,.hero.is-info .navbar-link:hover,.hero.is-info .navbar-link.is-active{background-color:#0076bd;color:#fff}.hero.is-info .tabs a{color:#fff;opacity:0.9}.hero.is-info .tabs a:hover{opacity:1}.hero.is-info .tabs li.is-active a{opacity:1}.hero.is-info .tabs.is-boxed a,.hero.is-info .tabs.is-toggle a{color:#fff}.hero.is-info .tabs.is-boxed a:hover,.hero.is-info .tabs.is-toggle a:hover{background-color:rgba(10,10,10,0.1)}.hero.is-info .tabs.is-boxed li.is-active a,.hero.is-info .tabs.is-boxed li.is-active a:hover,.hero.is-info .tabs.is-toggle li.is-active a,.hero.is-info .tabs.is-toggle li.is-active a:hover{background-color:#fff;border-color:#fff;color:#0086d6}.hero.is-info.is-bold{background-image:linear-gradient(141deg, #0081a3 0%, #0086d6 71%, #006ef0 100%)}@media screen and (max-width: 768px){.hero.is-info.is-bold .navbar-menu{background-image:linear-gradient(141deg, #0081a3 0%, #0086d6 71%, #006ef0 100%)}}.hero.is-success{background-color:#4bc467;color:#fff}.hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-success strong{color:inherit}.hero.is-success .title{color:#fff}.hero.is-success .subtitle{color:rgba(255,255,255,0.9)}.hero.is-success .subtitle a:not(.button),.hero.is-success .subtitle strong{color:#fff}@media screen and (max-width: 1023px){.hero.is-success .navbar-menu{background-color:#4bc467}}.hero.is-success .navbar-item,.hero.is-success .navbar-link{color:rgba(255,255,255,0.7)}.hero.is-success a.navbar-item:hover,.hero.is-success a.navbar-item.is-active,.hero.is-success .navbar-link:hover,.hero.is-success .navbar-link.is-active{background-color:#3db959;color:#fff}.hero.is-success .tabs a{color:#fff;opacity:0.9}.hero.is-success .tabs a:hover{opacity:1}.hero.is-success .tabs li.is-active a{opacity:1}.hero.is-success .tabs.is-boxed a,.hero.is-success .tabs.is-toggle a{color:#fff}.hero.is-success .tabs.is-boxed a:hover,.hero.is-success .tabs.is-toggle a:hover{background-color:rgba(10,10,10,0.1)}.hero.is-success .tabs.is-boxed li.is-active a,.hero.is-success .tabs.is-boxed li.is-active a:hover,.hero.is-success .tabs.is-toggle li.is-active a,.hero.is-success .tabs.is-toggle li.is-active a:hover{background-color:#fff;border-color:#fff;color:#4bc467}.hero.is-success.is-bold{background-image:linear-gradient(141deg, #2bb134 0%, #4bc467 71%, #59d088 100%)}@media screen and (max-width: 768px){.hero.is-success.is-bold .navbar-menu{background-image:linear-gradient(141deg, #2bb134 0%, #4bc467 71%, #59d088 100%)}}.hero.is-warning{background-color:#efb71b;color:rgba(0,0,0,0.7)}.hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-warning strong{color:inherit}.hero.is-warning .title{color:rgba(0,0,0,0.7)}.hero.is-warning .subtitle{color:rgba(0,0,0,0.9)}.hero.is-warning .subtitle a:not(.button),.hero.is-warning .subtitle strong{color:rgba(0,0,0,0.7)}@media screen and (max-width: 1023px){.hero.is-warning .navbar-menu{background-color:#efb71b}}.hero.is-warning .navbar-item,.hero.is-warning .navbar-link{color:rgba(0,0,0,0.7)}.hero.is-warning a.navbar-item:hover,.hero.is-warning a.navbar-item.is-active,.hero.is-warning .navbar-link:hover,.hero.is-warning .navbar-link.is-active{background-color:#e1aa10;color:rgba(0,0,0,0.7)}.hero.is-warning .tabs a{color:rgba(0,0,0,0.7);opacity:0.9}.hero.is-warning .tabs a:hover{opacity:1}.hero.is-warning .tabs li.is-active a{opacity:1}.hero.is-warning .tabs.is-boxed a,.hero.is-warning .tabs.is-toggle a{color:rgba(0,0,0,0.7)}.hero.is-warning .tabs.is-boxed a:hover,.hero.is-warning .tabs.is-toggle a:hover{background-color:rgba(10,10,10,0.1)}.hero.is-warning .tabs.is-boxed li.is-active a,.hero.is-warning .tabs.is-boxed li.is-active a:hover,.hero.is-warning .tabs.is-toggle li.is-active a,.hero.is-warning .tabs.is-toggle li.is-active a:hover{background-color:rgba(0,0,0,0.7);border-color:rgba(0,0,0,0.7);color:#efb71b}.hero.is-warning.is-bold{background-image:linear-gradient(141deg, #d47a03 0%, #efb71b 71%, #f6e32d 100%)}@media screen and (max-width: 768px){.hero.is-warning.is-bold .navbar-menu{background-image:linear-gradient(141deg, #d47a03 0%, #efb71b 71%, #f6e32d 100%)}}.hero.is-danger{background-color:#ce0037;color:#fff}.hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-danger strong{color:inherit}.hero.is-danger .title{color:#fff}.hero.is-danger .subtitle{color:rgba(255,255,255,0.9)}.hero.is-danger .subtitle a:not(.button),.hero.is-danger .subtitle strong{color:#fff}@media screen and (max-width: 1023px){.hero.is-danger .navbar-menu{background-color:#ce0037}}.hero.is-danger .navbar-item,.hero.is-danger .navbar-link{color:rgba(255,255,255,0.7)}.hero.is-danger a.navbar-item:hover,.hero.is-danger a.navbar-item.is-active,.hero.is-danger .navbar-link:hover,.hero.is-danger .navbar-link.is-active{background-color:#b50030;color:#fff}.hero.is-danger .tabs a{color:#fff;opacity:0.9}.hero.is-danger .tabs a:hover{opacity:1}.hero.is-danger .tabs li.is-active a{opacity:1}.hero.is-danger .tabs.is-boxed a,.hero.is-danger .tabs.is-toggle a{color:#fff}.hero.is-danger .tabs.is-boxed a:hover,.hero.is-danger .tabs.is-toggle a:hover{background-color:rgba(10,10,10,0.1)}.hero.is-danger .tabs.is-boxed li.is-active a,.hero.is-danger .tabs.is-boxed li.is-active a:hover,.hero.is-danger .tabs.is-toggle li.is-active a,.hero.is-danger .tabs.is-toggle li.is-active a:hover{background-color:#fff;border-color:#fff;color:#ce0037}.hero.is-danger.is-bold{background-image:linear-gradient(141deg, #9b0043 0%, #ce0037 71%, #e80017 100%)}@media screen and (max-width: 768px){.hero.is-danger.is-bold .navbar-menu{background-image:linear-gradient(141deg, #9b0043 0%, #ce0037 71%, #e80017 100%)}}.hero.is-small .hero-body{padding:1.5rem}@media screen and (min-width: 769px),print{.hero.is-medium .hero-body{padding:9rem 1.5rem}}@media screen and (min-width: 769px),print{.hero.is-large .hero-body{padding:18rem 1.5rem}}.hero.is-halfheight .hero-body,.hero.is-fullheight .hero-body,.hero.is-fullheight-with-navbar .hero-body{align-items:center;display:flex}.hero.is-halfheight .hero-body>.container,.hero.is-fullheight .hero-body>.container,.hero.is-fullheight-with-navbar .hero-body>.container{flex-grow:1;flex-shrink:1}.hero.is-halfheight{min-height:50vh}.hero.is-fullheight{min-height:100vh}.hero-video{overflow:hidden}.hero-video video{left:50%;min-height:100%;min-width:100%;position:absolute;top:50%;transform:translate3d(-50%, -50%, 0)}.hero-video.is-transparent{opacity:0.3}@media screen and (max-width: 768px){.hero-video{display:none}}.hero-buttons{margin-top:1.5rem}@media screen and (max-width: 768px){.hero-buttons .button{display:flex}.hero-buttons .button:not(:last-child){margin-bottom:0.75rem}}@media screen and (min-width: 769px),print{.hero-buttons{display:flex;justify-content:center}.hero-buttons .button:not(:last-child){margin-right:1.5rem}}.hero-head,.hero-foot{flex-grow:0;flex-shrink:0}.hero-body{flex-grow:1;flex-shrink:0;padding:3rem 1.5rem}.section{padding:3rem 1.5rem}@media screen and (min-width: 1024px){.section.is-medium{padding:9rem 1.5rem}.section.is-large{padding:18rem 1.5rem}}.footer{background-color:#fff;padding:.866rem 2.6rem}[data-tooltip]:not(.is-loading),[data-tooltip]:not(.is-disabled),[data-tooltip]:not([disabled]){cursor:pointer;overflow:visible;position:relative}[data-tooltip]:not(.is-loading)::before,[data-tooltip]:not(.is-disabled)::before,[data-tooltip]:not([disabled])::before{box-sizing:border-box;color:#fff;display:inline-block;font-family:BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif;font-size:.64rem;hyphens:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;visibility:hidden;z-index:1020;background:rgba(74,74,74,0.9);border-radius:4px;content:attr(data-tooltip);padding:0.5rem 1rem;text-overflow:ellipsis;white-space:pre}[data-tooltip]:not(.is-loading)::before,[data-tooltip]:not(.is-disabled)::before,[data-tooltip]:not([disabled])::before{top:0;right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%, -100%)}.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-arrow[data-tooltip]:not([disabled])::after{box-sizing:border-box;color:#fff;display:inline-block;font-family:BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif;font-size:.64rem;hyphens:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;visibility:hidden;z-index:1020;content:'';border-style:solid;border-width:6px;border-color:rgba(74,74,74,0.9) transparent transparent transparent;margin-bottom:-5px}.has-tooltip-arrow.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-arrow.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-arrow.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:0;right:auto;bottom:auto;left:50%;margin-top:-5px;margin-right:auto;margin-bottom:auto;margin-left:-5px;border-color:rgba(74,74,74,0.9) transparent transparent transparent}.has-tooltip-bottom.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-bottom.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-bottom.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:auto;right:auto;bottom:-1px;left:50%;margin-top:auto;margin-right:auto;margin-bottom:-5px;margin-left:-5px;border-color:transparent transparent rgba(74,74,74,0.9) transparent}.has-tooltip-bottom[data-tooltip]:not(.is-loading)::before,.has-tooltip-bottom[data-tooltip]:not(.is-disabled)::before,.has-tooltip-bottom[data-tooltip]:not([disabled])::before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%, 100%)}.has-tooltip-left.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-left.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-left.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:auto;right:auto;bottom:50%;left:0;margin-top:auto;margin-right:auto;margin-bottom:-6px;margin-left:-5px;border-color:transparent transparent transparent rgba(74,74,74,0.9)}.has-tooltip-left[data-tooltip]:not(.is-loading)::before,.has-tooltip-left[data-tooltip]:not(.is-disabled)::before,.has-tooltip-left[data-tooltip]:not([disabled])::before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%, 50%)}.has-tooltip-right.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-right.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-right.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:auto;right:0;bottom:50%;left:auto;margin-top:auto;margin-right:-6px;margin-bottom:-6px;margin-left:auto;border-color:transparent rgba(74,74,74,0.9) transparent transparent}.has-tooltip-right[data-tooltip]:not(.is-loading)::before,.has-tooltip-right[data-tooltip]:not(.is-disabled)::before,.has-tooltip-right[data-tooltip]:not([disabled])::before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%, 50%)}.has-tooltip-multiline[data-tooltip]:not(.is-loading)::before,.has-tooltip-multiline[data-tooltip]:not(.is-disabled)::before,.has-tooltip-multiline[data-tooltip]:not([disabled])::before{height:auto;width:15rem;max-width:15rem;text-overflow:clip;white-space:normal;word-break:keep-all}.has-tooltip-text-left[data-tooltip]:not(.is-loading)::before,.has-tooltip-text-left[data-tooltip]:not(.is-disabled)::before,.has-tooltip-text-left[data-tooltip]:not([disabled])::before{text-align:left}.has-tooltip-text-centered[data-tooltip]:not(.is-loading)::before,.has-tooltip-text-centered[data-tooltip]:not(.is-disabled)::before,.has-tooltip-text-centered[data-tooltip]:not([disabled])::before{text-align:center}.has-tooltip-text-right[data-tooltip]:not(.is-loading)::before,.has-tooltip-text-right[data-tooltip]:not(.is-disabled)::before,.has-tooltip-text-right[data-tooltip]:not([disabled])::before{text-align:right}.has-tooltip-white[data-tooltip]:not(.is-loading)::after,.has-tooltip-white[data-tooltip]:not(.is-disabled)::after,.has-tooltip-white[data-tooltip]:not([disabled])::after{border-color:rgba(255,255,255,0.9) transparent transparent transparent !important}.has-tooltip-white.has-tooltip-bottom[data-tooltip]:not(.is-loading)::after,.has-tooltip-white.has-tooltip-bottom[data-tooltip]:not(.is-disabled)::after,.has-tooltip-white.has-tooltip-bottom[data-tooltip]:not([disabled])::after{border-color:transparent transparent rgba(255,255,255,0.9) transparent !important}.has-tooltip-white.has-tooltip-left[data-tooltip]:not(.is-loading)::after,.has-tooltip-white.has-tooltip-left[data-tooltip]:not(.is-disabled)::after,.has-tooltip-white.has-tooltip-left[data-tooltip]:not([disabled])::after{border-color:transparent transparent transparent rgba(255,255,255,0.9) !important}.has-tooltip-white.has-tooltip-right[data-tooltip]:not(.is-loading)::after,.has-tooltip-white.has-tooltip-right[data-tooltip]:not(.is-disabled)::after,.has-tooltip-white.has-tooltip-right[data-tooltip]:not([disabled])::after{border-color:transparent rgba(255,255,255,0.9) transparent transparent !important}.has-tooltip-white[data-tooltip]:not(.is-loading):before,.has-tooltip-white[data-tooltip]:not(.is-disabled):before,.has-tooltip-white[data-tooltip]:not([disabled]):before{background-color:rgba(255,255,255,0.9);color:#0a0a0a}.has-tooltip-black[data-tooltip]:not(.is-loading)::after,.has-tooltip-black[data-tooltip]:not(.is-disabled)::after,.has-tooltip-black[data-tooltip]:not([disabled])::after{border-color:rgba(10,10,10,0.9) transparent transparent transparent !important}.has-tooltip-black.has-tooltip-bottom[data-tooltip]:not(.is-loading)::after,.has-tooltip-black.has-tooltip-bottom[data-tooltip]:not(.is-disabled)::after,.has-tooltip-black.has-tooltip-bottom[data-tooltip]:not([disabled])::after{border-color:transparent transparent rgba(10,10,10,0.9) transparent !important}.has-tooltip-black.has-tooltip-left[data-tooltip]:not(.is-loading)::after,.has-tooltip-black.has-tooltip-left[data-tooltip]:not(.is-disabled)::after,.has-tooltip-black.has-tooltip-left[data-tooltip]:not([disabled])::after{border-color:transparent transparent transparent rgba(10,10,10,0.9) !important}.has-tooltip-black.has-tooltip-right[data-tooltip]:not(.is-loading)::after,.has-tooltip-black.has-tooltip-right[data-tooltip]:not(.is-disabled)::after,.has-tooltip-black.has-tooltip-right[data-tooltip]:not([disabled])::after{border-color:transparent rgba(10,10,10,0.9) transparent transparent !important}.has-tooltip-black[data-tooltip]:not(.is-loading):before,.has-tooltip-black[data-tooltip]:not(.is-disabled):before,.has-tooltip-black[data-tooltip]:not([disabled]):before{background-color:rgba(10,10,10,0.9);color:#fff}.has-tooltip-light[data-tooltip]:not(.is-loading)::after,.has-tooltip-light[data-tooltip]:not(.is-disabled)::after,.has-tooltip-light[data-tooltip]:not([disabled])::after{border-color:rgba(246,248,251,0.9) transparent transparent transparent !important}.has-tooltip-light.has-tooltip-bottom[data-tooltip]:not(.is-loading)::after,.has-tooltip-light.has-tooltip-bottom[data-tooltip]:not(.is-disabled)::after,.has-tooltip-light.has-tooltip-bottom[data-tooltip]:not([disabled])::after{border-color:transparent transparent rgba(246,248,251,0.9) transparent !important}.has-tooltip-light.has-tooltip-left[data-tooltip]:not(.is-loading)::after,.has-tooltip-light.has-tooltip-left[data-tooltip]:not(.is-disabled)::after,.has-tooltip-light.has-tooltip-left[data-tooltip]:not([disabled])::after{border-color:transparent transparent transparent rgba(246,248,251,0.9) !important}.has-tooltip-light.has-tooltip-right[data-tooltip]:not(.is-loading)::after,.has-tooltip-light.has-tooltip-right[data-tooltip]:not(.is-disabled)::after,.has-tooltip-light.has-tooltip-right[data-tooltip]:not([disabled])::after{border-color:transparent rgba(246,248,251,0.9) transparent transparent !important}.has-tooltip-light[data-tooltip]:not(.is-loading):before,.has-tooltip-light[data-tooltip]:not(.is-disabled):before,.has-tooltip-light[data-tooltip]:not([disabled]):before{background-color:rgba(246,248,251,0.9);color:rgba(0,0,0,0.7)}.has-tooltip-dark[data-tooltip]:not(.is-loading)::after,.has-tooltip-dark[data-tooltip]:not(.is-disabled)::after,.has-tooltip-dark[data-tooltip]:not([disabled])::after{border-color:rgba(54,54,54,0.9) transparent transparent transparent !important}.has-tooltip-dark.has-tooltip-bottom[data-tooltip]:not(.is-loading)::after,.has-tooltip-dark.has-tooltip-bottom[data-tooltip]:not(.is-disabled)::after,.has-tooltip-dark.has-tooltip-bottom[data-tooltip]:not([disabled])::after{border-color:transparent transparent rgba(54,54,54,0.9) transparent !important}.has-tooltip-dark.has-tooltip-left[data-tooltip]:not(.is-loading)::after,.has-tooltip-dark.has-tooltip-left[data-tooltip]:not(.is-disabled)::after,.has-tooltip-dark.has-tooltip-left[data-tooltip]:not([disabled])::after{border-color:transparent transparent transparent rgba(54,54,54,0.9) !important}.has-tooltip-dark.has-tooltip-right[data-tooltip]:not(.is-loading)::after,.has-tooltip-dark.has-tooltip-right[data-tooltip]:not(.is-disabled)::after,.has-tooltip-dark.has-tooltip-right[data-tooltip]:not([disabled])::after{border-color:transparent rgba(54,54,54,0.9) transparent transparent !important}.has-tooltip-dark[data-tooltip]:not(.is-loading):before,.has-tooltip-dark[data-tooltip]:not(.is-disabled):before,.has-tooltip-dark[data-tooltip]:not([disabled]):before{background-color:rgba(54,54,54,0.9);color:#fff}.has-tooltip-primary[data-tooltip]:not(.is-loading)::after,.has-tooltip-primary[data-tooltip]:not(.is-disabled)::after,.has-tooltip-primary[data-tooltip]:not([disabled])::after{border-color:rgba(20,46,123,0.9) transparent transparent transparent !important}.has-tooltip-primary.has-tooltip-bottom[data-tooltip]:not(.is-loading)::after,.has-tooltip-primary.has-tooltip-bottom[data-tooltip]:not(.is-disabled)::after,.has-tooltip-primary.has-tooltip-bottom[data-tooltip]:not([disabled])::after{border-color:transparent transparent rgba(20,46,123,0.9) transparent !important}.has-tooltip-primary.has-tooltip-left[data-tooltip]:not(.is-loading)::after,.has-tooltip-primary.has-tooltip-left[data-tooltip]:not(.is-disabled)::after,.has-tooltip-primary.has-tooltip-left[data-tooltip]:not([disabled])::after{border-color:transparent transparent transparent rgba(20,46,123,0.9) !important}.has-tooltip-primary.has-tooltip-right[data-tooltip]:not(.is-loading)::after,.has-tooltip-primary.has-tooltip-right[data-tooltip]:not(.is-disabled)::after,.has-tooltip-primary.has-tooltip-right[data-tooltip]:not([disabled])::after{border-color:transparent rgba(20,46,123,0.9) transparent transparent !important}.has-tooltip-primary[data-tooltip]:not(.is-loading):before,.has-tooltip-primary[data-tooltip]:not(.is-disabled):before,.has-tooltip-primary[data-tooltip]:not([disabled]):before{background-color:rgba(20,46,123,0.9);color:#fff}.has-tooltip-link[data-tooltip]:not(.is-loading)::after,.has-tooltip-link[data-tooltip]:not(.is-disabled)::after,.has-tooltip-link[data-tooltip]:not([disabled])::after{border-color:rgba(50,115,220,0.9) transparent transparent transparent !important}.has-tooltip-link.has-tooltip-bottom[data-tooltip]:not(.is-loading)::after,.has-tooltip-link.has-tooltip-bottom[data-tooltip]:not(.is-disabled)::after,.has-tooltip-link.has-tooltip-bottom[data-tooltip]:not([disabled])::after{border-color:transparent transparent rgba(50,115,220,0.9) transparent !important}.has-tooltip-link.has-tooltip-left[data-tooltip]:not(.is-loading)::after,.has-tooltip-link.has-tooltip-left[data-tooltip]:not(.is-disabled)::after,.has-tooltip-link.has-tooltip-left[data-tooltip]:not([disabled])::after{border-color:transparent transparent transparent rgba(50,115,220,0.9) !important}.has-tooltip-link.has-tooltip-right[data-tooltip]:not(.is-loading)::after,.has-tooltip-link.has-tooltip-right[data-tooltip]:not(.is-disabled)::after,.has-tooltip-link.has-tooltip-right[data-tooltip]:not([disabled])::after{border-color:transparent rgba(50,115,220,0.9) transparent transparent !important}.has-tooltip-link[data-tooltip]:not(.is-loading):before,.has-tooltip-link[data-tooltip]:not(.is-disabled):before,.has-tooltip-link[data-tooltip]:not([disabled]):before{background-color:rgba(50,115,220,0.9);color:#fff}.has-tooltip-info[data-tooltip]:not(.is-loading)::after,.has-tooltip-info[data-tooltip]:not(.is-disabled)::after,.has-tooltip-info[data-tooltip]:not([disabled])::after{border-color:rgba(0,134,214,0.9) transparent transparent transparent !important}.has-tooltip-info.has-tooltip-bottom[data-tooltip]:not(.is-loading)::after,.has-tooltip-info.has-tooltip-bottom[data-tooltip]:not(.is-disabled)::after,.has-tooltip-info.has-tooltip-bottom[data-tooltip]:not([disabled])::after{border-color:transparent transparent rgba(0,134,214,0.9) transparent !important}.has-tooltip-info.has-tooltip-left[data-tooltip]:not(.is-loading)::after,.has-tooltip-info.has-tooltip-left[data-tooltip]:not(.is-disabled)::after,.has-tooltip-info.has-tooltip-left[data-tooltip]:not([disabled])::after{border-color:transparent transparent transparent rgba(0,134,214,0.9) !important}.has-tooltip-info.has-tooltip-right[data-tooltip]:not(.is-loading)::after,.has-tooltip-info.has-tooltip-right[data-tooltip]:not(.is-disabled)::after,.has-tooltip-info.has-tooltip-right[data-tooltip]:not([disabled])::after{border-color:transparent rgba(0,134,214,0.9) transparent transparent !important}.has-tooltip-info[data-tooltip]:not(.is-loading):before,.has-tooltip-info[data-tooltip]:not(.is-disabled):before,.has-tooltip-info[data-tooltip]:not([disabled]):before{background-color:rgba(0,134,214,0.9);color:#fff}.has-tooltip-success[data-tooltip]:not(.is-loading)::after,.has-tooltip-success[data-tooltip]:not(.is-disabled)::after,.has-tooltip-success[data-tooltip]:not([disabled])::after{border-color:rgba(75,196,103,0.9) transparent transparent transparent !important}.has-tooltip-success.has-tooltip-bottom[data-tooltip]:not(.is-loading)::after,.has-tooltip-success.has-tooltip-bottom[data-tooltip]:not(.is-disabled)::after,.has-tooltip-success.has-tooltip-bottom[data-tooltip]:not([disabled])::after{border-color:transparent transparent rgba(75,196,103,0.9) transparent !important}.has-tooltip-success.has-tooltip-left[data-tooltip]:not(.is-loading)::after,.has-tooltip-success.has-tooltip-left[data-tooltip]:not(.is-disabled)::after,.has-tooltip-success.has-tooltip-left[data-tooltip]:not([disabled])::after{border-color:transparent transparent transparent rgba(75,196,103,0.9) !important}.has-tooltip-success.has-tooltip-right[data-tooltip]:not(.is-loading)::after,.has-tooltip-success.has-tooltip-right[data-tooltip]:not(.is-disabled)::after,.has-tooltip-success.has-tooltip-right[data-tooltip]:not([disabled])::after{border-color:transparent rgba(75,196,103,0.9) transparent transparent !important}.has-tooltip-success[data-tooltip]:not(.is-loading):before,.has-tooltip-success[data-tooltip]:not(.is-disabled):before,.has-tooltip-success[data-tooltip]:not([disabled]):before{background-color:rgba(75,196,103,0.9);color:#fff}.has-tooltip-warning[data-tooltip]:not(.is-loading)::after,.has-tooltip-warning[data-tooltip]:not(.is-disabled)::after,.has-tooltip-warning[data-tooltip]:not([disabled])::after{border-color:rgba(239,183,27,0.9) transparent transparent transparent !important}.has-tooltip-warning.has-tooltip-bottom[data-tooltip]:not(.is-loading)::after,.has-tooltip-warning.has-tooltip-bottom[data-tooltip]:not(.is-disabled)::after,.has-tooltip-warning.has-tooltip-bottom[data-tooltip]:not([disabled])::after{border-color:transparent transparent rgba(239,183,27,0.9) transparent !important}.has-tooltip-warning.has-tooltip-left[data-tooltip]:not(.is-loading)::after,.has-tooltip-warning.has-tooltip-left[data-tooltip]:not(.is-disabled)::after,.has-tooltip-warning.has-tooltip-left[data-tooltip]:not([disabled])::after{border-color:transparent transparent transparent rgba(239,183,27,0.9) !important}.has-tooltip-warning.has-tooltip-right[data-tooltip]:not(.is-loading)::after,.has-tooltip-warning.has-tooltip-right[data-tooltip]:not(.is-disabled)::after,.has-tooltip-warning.has-tooltip-right[data-tooltip]:not([disabled])::after{border-color:transparent rgba(239,183,27,0.9) transparent transparent !important}.has-tooltip-warning[data-tooltip]:not(.is-loading):before,.has-tooltip-warning[data-tooltip]:not(.is-disabled):before,.has-tooltip-warning[data-tooltip]:not([disabled]):before{background-color:rgba(239,183,27,0.9);color:rgba(0,0,0,0.7)}.has-tooltip-danger[data-tooltip]:not(.is-loading)::after,.has-tooltip-danger[data-tooltip]:not(.is-disabled)::after,.has-tooltip-danger[data-tooltip]:not([disabled])::after{border-color:rgba(206,0,55,0.9) transparent transparent transparent !important}.has-tooltip-danger.has-tooltip-bottom[data-tooltip]:not(.is-loading)::after,.has-tooltip-danger.has-tooltip-bottom[data-tooltip]:not(.is-disabled)::after,.has-tooltip-danger.has-tooltip-bottom[data-tooltip]:not([disabled])::after{border-color:transparent transparent rgba(206,0,55,0.9) transparent !important}.has-tooltip-danger.has-tooltip-left[data-tooltip]:not(.is-loading)::after,.has-tooltip-danger.has-tooltip-left[data-tooltip]:not(.is-disabled)::after,.has-tooltip-danger.has-tooltip-left[data-tooltip]:not([disabled])::after{border-color:transparent transparent transparent rgba(206,0,55,0.9) !important}.has-tooltip-danger.has-tooltip-right[data-tooltip]:not(.is-loading)::after,.has-tooltip-danger.has-tooltip-right[data-tooltip]:not(.is-disabled)::after,.has-tooltip-danger.has-tooltip-right[data-tooltip]:not([disabled])::after{border-color:transparent rgba(206,0,55,0.9) transparent transparent !important}.has-tooltip-danger[data-tooltip]:not(.is-loading):before,.has-tooltip-danger[data-tooltip]:not(.is-disabled):before,.has-tooltip-danger[data-tooltip]:not([disabled]):before{background-color:rgba(206,0,55,0.9);color:#fff}[data-tooltip]:not(.is-loading):hover::before,[data-tooltip]:not(.is-loading):hover::after,.has-tooltip-active[data-tooltip]:not(.is-loading)::before,.has-tooltip-active[data-tooltip]:not(.is-loading)::after,[data-tooltip]:not(.is-disabled):hover::before,[data-tooltip]:not(.is-disabled):hover::after,.has-tooltip-active[data-tooltip]:not(.is-disabled)::before,.has-tooltip-active[data-tooltip]:not(.is-disabled)::after,[data-tooltip]:not([disabled]):hover::before,[data-tooltip]:not([disabled]):hover::after,.has-tooltip-active[data-tooltip]:not([disabled])::before,.has-tooltip-active[data-tooltip]:not([disabled])::after{opacity:1;visibility:visible}.has-tooltip-fade[data-tooltip]:not(.is-loading)::before,.has-tooltip-fade[data-tooltip]:not(.is-loading)::after,.has-tooltip-fade[data-tooltip]:not(.is-disabled)::before,.has-tooltip-fade[data-tooltip]:not(.is-disabled)::after,.has-tooltip-fade[data-tooltip]:not([disabled])::before,.has-tooltip-fade[data-tooltip]:not([disabled])::after{transition:opacity .3s linear,visibility .3s linear}@media screen and (max-width: 768px){.has-tooltip-top-mobile.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-top-mobile.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-top-mobile.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:0;right:auto;bottom:auto;left:50%;margin-top:-5px;margin-right:auto;margin-bottom:auto;margin-left:-5px;border-color:rgba(74,74,74,0.9) transparent transparent transparent}.has-tooltip-top-mobile[data-tooltip]:not(.is-loading)::before,.has-tooltip-top-mobile[data-tooltip]:not(.is-disabled)::before,.has-tooltip-top-mobile[data-tooltip]:not([disabled])::before{top:0;right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%, -100%)}}@media screen and (min-width: 769px),print{.has-tooltip-top-tablet.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-top-tablet.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-top-tablet.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:0;right:auto;bottom:auto;left:50%;margin-top:-5px;margin-right:auto;margin-bottom:auto;margin-left:-5px;border-color:rgba(74,74,74,0.9) transparent transparent transparent}.has-tooltip-top-tablet[data-tooltip]:not(.is-loading)::before,.has-tooltip-top-tablet[data-tooltip]:not(.is-disabled)::before,.has-tooltip-top-tablet[data-tooltip]:not([disabled])::before{top:0;right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%, -100%)}}@media screen and (min-width: 769px) and (max-width: 1023px){.has-tooltip-top-tablet-only.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-top-tablet-only.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-top-tablet-only.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:0;right:auto;bottom:auto;left:50%;margin-top:-5px;margin-right:auto;margin-bottom:auto;margin-left:-5px;border-color:rgba(74,74,74,0.9) transparent transparent transparent}.has-tooltip-top-tablet-only[data-tooltip]:not(.is-loading)::before,.has-tooltip-top-tablet-only[data-tooltip]:not(.is-disabled)::before,.has-tooltip-top-tablet-only[data-tooltip]:not([disabled])::before{top:0;right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%, -100%)}}@media screen and (max-width: 1023px){.has-tooltip-top-touch.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-top-touch.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-top-touch.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:0;right:auto;bottom:auto;left:50%;margin-top:-5px;margin-right:auto;margin-bottom:auto;margin-left:-5px;border-color:rgba(74,74,74,0.9) transparent transparent transparent}.has-tooltip-top-touch[data-tooltip]:not(.is-loading)::before,.has-tooltip-top-touch[data-tooltip]:not(.is-disabled)::before,.has-tooltip-top-touch[data-tooltip]:not([disabled])::before{top:0;right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%, -100%)}}@media screen and (min-width: 1024px){.has-tooltip-top-desktop.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-top-desktop.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-top-desktop.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:0;right:auto;bottom:auto;left:50%;margin-top:-5px;margin-right:auto;margin-bottom:auto;margin-left:-5px;border-color:rgba(74,74,74,0.9) transparent transparent transparent}.has-tooltip-top-desktop[data-tooltip]:not(.is-loading)::before,.has-tooltip-top-desktop[data-tooltip]:not(.is-disabled)::before,.has-tooltip-top-desktop[data-tooltip]:not([disabled])::before{top:0;right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%, -100%)}}@media screen and (min-width: 1024px) and (max-width: 1215px){.has-tooltip-top-desktop-only.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-top-desktop-only.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-top-desktop-only.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:0;right:auto;bottom:auto;left:50%;margin-top:-5px;margin-right:auto;margin-bottom:auto;margin-left:-5px;border-color:rgba(74,74,74,0.9) transparent transparent transparent}.has-tooltip-top-desktop-only[data-tooltip]:not(.is-loading)::before,.has-tooltip-top-desktop-only[data-tooltip]:not(.is-disabled)::before,.has-tooltip-top-desktop-only[data-tooltip]:not([disabled])::before{top:0;right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%, -100%)}}@media screen and (max-width: 1215px){.has-tooltip-top-until-widescreen.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-top-until-widescreen.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-top-until-widescreen.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:0;right:auto;bottom:auto;left:50%;margin-top:-5px;margin-right:auto;margin-bottom:auto;margin-left:-5px;border-color:rgba(74,74,74,0.9) transparent transparent transparent}.has-tooltip-top-until-widescreen[data-tooltip]:not(.is-loading)::before,.has-tooltip-top-until-widescreen[data-tooltip]:not(.is-disabled)::before,.has-tooltip-top-until-widescreen[data-tooltip]:not([disabled])::before{top:0;right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%, -100%)}}@media screen and (min-width: 1216px){.has-tooltip-top-widescreen.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-top-widescreen.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-top-widescreen.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:0;right:auto;bottom:auto;left:50%;margin-top:-5px;margin-right:auto;margin-bottom:auto;margin-left:-5px;border-color:rgba(74,74,74,0.9) transparent transparent transparent}.has-tooltip-top-widescreen[data-tooltip]:not(.is-loading)::before,.has-tooltip-top-widescreen[data-tooltip]:not(.is-disabled)::before,.has-tooltip-top-widescreen[data-tooltip]:not([disabled])::before{top:0;right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%, -100%)}}@media screen and (min-width: 1216px) and (max-width: 1407px){.has-tooltip-top-widescreen-only.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-top-widescreen-only.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-top-widescreen-only.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:0;right:auto;bottom:auto;left:50%;margin-top:-5px;margin-right:auto;margin-bottom:auto;margin-left:-5px;border-color:rgba(74,74,74,0.9) transparent transparent transparent}.has-tooltip-top-widescreen-only[data-tooltip]:not(.is-loading)::before,.has-tooltip-top-widescreen-only[data-tooltip]:not(.is-disabled)::before,.has-tooltip-top-widescreen-only[data-tooltip]:not([disabled])::before{top:0;right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%, -100%)}}@media screen and (max-width: 1407px){.has-tooltip-top-until-fullhd.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-top-until-fullhd.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-top-until-fullhd.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:0;right:auto;bottom:auto;left:50%;margin-top:-5px;margin-right:auto;margin-bottom:auto;margin-left:-5px;border-color:rgba(74,74,74,0.9) transparent transparent transparent}.has-tooltip-top-until-fullhd[data-tooltip]:not(.is-loading)::before,.has-tooltip-top-until-fullhd[data-tooltip]:not(.is-disabled)::before,.has-tooltip-top-until-fullhd[data-tooltip]:not([disabled])::before{top:0;right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%, -100%)}}@media screen and (min-width: 1408px){.has-tooltip-top-fullhd.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-top-fullhd.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-top-fullhd.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:0;right:auto;bottom:auto;left:50%;margin-top:-5px;margin-right:auto;margin-bottom:auto;margin-left:-5px;border-color:rgba(74,74,74,0.9) transparent transparent transparent}.has-tooltip-top-fullhd[data-tooltip]:not(.is-loading)::before,.has-tooltip-top-fullhd[data-tooltip]:not(.is-disabled)::before,.has-tooltip-top-fullhd[data-tooltip]:not([disabled])::before{top:0;right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%, -100%)}}@media screen and (max-width: 768px){.has-tooltip-right-mobile.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-right-mobile.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-right-mobile.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:auto;right:0;bottom:50%;left:auto;margin-top:auto;margin-right:-6px;margin-bottom:-6px;margin-left:auto;border-color:transparent rgba(74,74,74,0.9) transparent transparent}.has-tooltip-right-mobile[data-tooltip]:not(.is-loading)::before,.has-tooltip-right-mobile[data-tooltip]:not(.is-disabled)::before,.has-tooltip-right-mobile[data-tooltip]:not([disabled])::before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%, 50%)}}@media screen and (min-width: 769px),print{.has-tooltip-right-tablet.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-right-tablet.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-right-tablet.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:auto;right:0;bottom:50%;left:auto;margin-top:auto;margin-right:-6px;margin-bottom:-6px;margin-left:auto;border-color:transparent rgba(74,74,74,0.9) transparent transparent}.has-tooltip-right-tablet[data-tooltip]:not(.is-loading)::before,.has-tooltip-right-tablet[data-tooltip]:not(.is-disabled)::before,.has-tooltip-right-tablet[data-tooltip]:not([disabled])::before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%, 50%)}}@media screen and (min-width: 769px) and (max-width: 1023px){.has-tooltip-right-tablet-only.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-right-tablet-only.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-right-tablet-only.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:auto;right:0;bottom:50%;left:auto;margin-top:auto;margin-right:-6px;margin-bottom:-6px;margin-left:auto;border-color:transparent rgba(74,74,74,0.9) transparent transparent}.has-tooltip-right-tablet-only[data-tooltip]:not(.is-loading)::before,.has-tooltip-right-tablet-only[data-tooltip]:not(.is-disabled)::before,.has-tooltip-right-tablet-only[data-tooltip]:not([disabled])::before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%, 50%)}}@media screen and (max-width: 1023px){.has-tooltip-right-touch.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-right-touch.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-right-touch.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:auto;right:0;bottom:50%;left:auto;margin-top:auto;margin-right:-6px;margin-bottom:-6px;margin-left:auto;border-color:transparent rgba(74,74,74,0.9) transparent transparent}.has-tooltip-right-touch[data-tooltip]:not(.is-loading)::before,.has-tooltip-right-touch[data-tooltip]:not(.is-disabled)::before,.has-tooltip-right-touch[data-tooltip]:not([disabled])::before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%, 50%)}}@media screen and (min-width: 1024px){.has-tooltip-right-desktop.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-right-desktop.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-right-desktop.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:auto;right:0;bottom:50%;left:auto;margin-top:auto;margin-right:-6px;margin-bottom:-6px;margin-left:auto;border-color:transparent rgba(74,74,74,0.9) transparent transparent}.has-tooltip-right-desktop[data-tooltip]:not(.is-loading)::before,.has-tooltip-right-desktop[data-tooltip]:not(.is-disabled)::before,.has-tooltip-right-desktop[data-tooltip]:not([disabled])::before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%, 50%)}}@media screen and (min-width: 1024px) and (max-width: 1215px){.has-tooltip-right-desktop-only.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-right-desktop-only.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-right-desktop-only.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:auto;right:0;bottom:50%;left:auto;margin-top:auto;margin-right:-6px;margin-bottom:-6px;margin-left:auto;border-color:transparent rgba(74,74,74,0.9) transparent transparent}.has-tooltip-right-desktop-only[data-tooltip]:not(.is-loading)::before,.has-tooltip-right-desktop-only[data-tooltip]:not(.is-disabled)::before,.has-tooltip-right-desktop-only[data-tooltip]:not([disabled])::before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%, 50%)}}@media screen and (max-width: 1215px){.has-tooltip-right-until-widescreen.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-right-until-widescreen.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-right-until-widescreen.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:auto;right:0;bottom:50%;left:auto;margin-top:auto;margin-right:-6px;margin-bottom:-6px;margin-left:auto;border-color:transparent rgba(74,74,74,0.9) transparent transparent}.has-tooltip-right-until-widescreen[data-tooltip]:not(.is-loading)::before,.has-tooltip-right-until-widescreen[data-tooltip]:not(.is-disabled)::before,.has-tooltip-right-until-widescreen[data-tooltip]:not([disabled])::before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%, 50%)}}@media screen and (min-width: 1216px){.has-tooltip-right-widescreen.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-right-widescreen.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-right-widescreen.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:auto;right:0;bottom:50%;left:auto;margin-top:auto;margin-right:-6px;margin-bottom:-6px;margin-left:auto;border-color:transparent rgba(74,74,74,0.9) transparent transparent}.has-tooltip-right-widescreen[data-tooltip]:not(.is-loading)::before,.has-tooltip-right-widescreen[data-tooltip]:not(.is-disabled)::before,.has-tooltip-right-widescreen[data-tooltip]:not([disabled])::before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%, 50%)}}@media screen and (min-width: 1216px) and (max-width: 1407px){.has-tooltip-right-widescreen-only.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-right-widescreen-only.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-right-widescreen-only.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:auto;right:0;bottom:50%;left:auto;margin-top:auto;margin-right:-6px;margin-bottom:-6px;margin-left:auto;border-color:transparent rgba(74,74,74,0.9) transparent transparent}.has-tooltip-right-widescreen-only[data-tooltip]:not(.is-loading)::before,.has-tooltip-right-widescreen-only[data-tooltip]:not(.is-disabled)::before,.has-tooltip-right-widescreen-only[data-tooltip]:not([disabled])::before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%, 50%)}}@media screen and (max-width: 1407px){.has-tooltip-right-until-fullhd.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-right-until-fullhd.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-right-until-fullhd.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:auto;right:0;bottom:50%;left:auto;margin-top:auto;margin-right:-6px;margin-bottom:-6px;margin-left:auto;border-color:transparent rgba(74,74,74,0.9) transparent transparent}.has-tooltip-right-until-fullhd[data-tooltip]:not(.is-loading)::before,.has-tooltip-right-until-fullhd[data-tooltip]:not(.is-disabled)::before,.has-tooltip-right-until-fullhd[data-tooltip]:not([disabled])::before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%, 50%)}}@media screen and (min-width: 1408px){.has-tooltip-right-fullhd.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-right-fullhd.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-right-fullhd.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:auto;right:0;bottom:50%;left:auto;margin-top:auto;margin-right:-6px;margin-bottom:-6px;margin-left:auto;border-color:transparent rgba(74,74,74,0.9) transparent transparent}.has-tooltip-right-fullhd[data-tooltip]:not(.is-loading)::before,.has-tooltip-right-fullhd[data-tooltip]:not(.is-disabled)::before,.has-tooltip-right-fullhd[data-tooltip]:not([disabled])::before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%, 50%)}}@media screen and (max-width: 768px){.has-tooltip-bottom-mobile.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-bottom-mobile.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-bottom-mobile.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:auto;right:auto;bottom:-1px;left:50%;margin-top:auto;margin-right:auto;margin-bottom:-5px;margin-left:-5px;border-color:transparent transparent rgba(74,74,74,0.9) transparent}.has-tooltip-bottom-mobile[data-tooltip]:not(.is-loading)::before,.has-tooltip-bottom-mobile[data-tooltip]:not(.is-disabled)::before,.has-tooltip-bottom-mobile[data-tooltip]:not([disabled])::before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%, 100%)}}@media screen and (min-width: 769px),print{.has-tooltip-bottom-tablet.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-bottom-tablet.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-bottom-tablet.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:auto;right:auto;bottom:-1px;left:50%;margin-top:auto;margin-right:auto;margin-bottom:-5px;margin-left:-5px;border-color:transparent transparent rgba(74,74,74,0.9) transparent}.has-tooltip-bottom-tablet[data-tooltip]:not(.is-loading)::before,.has-tooltip-bottom-tablet[data-tooltip]:not(.is-disabled)::before,.has-tooltip-bottom-tablet[data-tooltip]:not([disabled])::before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%, 100%)}}@media screen and (min-width: 769px) and (max-width: 1023px){.has-tooltip-bottom-tablet-only.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-bottom-tablet-only.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-bottom-tablet-only.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:auto;right:auto;bottom:-1px;left:50%;margin-top:auto;margin-right:auto;margin-bottom:-5px;margin-left:-5px;border-color:transparent transparent rgba(74,74,74,0.9) transparent}.has-tooltip-bottom-tablet-only[data-tooltip]:not(.is-loading)::before,.has-tooltip-bottom-tablet-only[data-tooltip]:not(.is-disabled)::before,.has-tooltip-bottom-tablet-only[data-tooltip]:not([disabled])::before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%, 100%)}}@media screen and (max-width: 1023px){.has-tooltip-bottom-touch.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-bottom-touch.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-bottom-touch.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:auto;right:auto;bottom:-1px;left:50%;margin-top:auto;margin-right:auto;margin-bottom:-5px;margin-left:-5px;border-color:transparent transparent rgba(74,74,74,0.9) transparent}.has-tooltip-bottom-touch[data-tooltip]:not(.is-loading)::before,.has-tooltip-bottom-touch[data-tooltip]:not(.is-disabled)::before,.has-tooltip-bottom-touch[data-tooltip]:not([disabled])::before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%, 100%)}}@media screen and (min-width: 1024px){.has-tooltip-bottom-desktop.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-bottom-desktop.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-bottom-desktop.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:auto;right:auto;bottom:-1px;left:50%;margin-top:auto;margin-right:auto;margin-bottom:-5px;margin-left:-5px;border-color:transparent transparent rgba(74,74,74,0.9) transparent}.has-tooltip-bottom-desktop[data-tooltip]:not(.is-loading)::before,.has-tooltip-bottom-desktop[data-tooltip]:not(.is-disabled)::before,.has-tooltip-bottom-desktop[data-tooltip]:not([disabled])::before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%, 100%)}}@media screen and (min-width: 1024px) and (max-width: 1215px){.has-tooltip-bottom-desktop-only.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-bottom-desktop-only.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-bottom-desktop-only.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:auto;right:auto;bottom:-1px;left:50%;margin-top:auto;margin-right:auto;margin-bottom:-5px;margin-left:-5px;border-color:transparent transparent rgba(74,74,74,0.9) transparent}.has-tooltip-bottom-desktop-only[data-tooltip]:not(.is-loading)::before,.has-tooltip-bottom-desktop-only[data-tooltip]:not(.is-disabled)::before,.has-tooltip-bottom-desktop-only[data-tooltip]:not([disabled])::before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%, 100%)}}@media screen and (max-width: 1215px){.has-tooltip-bottom-until-widescreen.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-bottom-until-widescreen.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-bottom-until-widescreen.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:auto;right:auto;bottom:-1px;left:50%;margin-top:auto;margin-right:auto;margin-bottom:-5px;margin-left:-5px;border-color:transparent transparent rgba(74,74,74,0.9) transparent}.has-tooltip-bottom-until-widescreen[data-tooltip]:not(.is-loading)::before,.has-tooltip-bottom-until-widescreen[data-tooltip]:not(.is-disabled)::before,.has-tooltip-bottom-until-widescreen[data-tooltip]:not([disabled])::before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%, 100%)}}@media screen and (min-width: 1216px){.has-tooltip-bottom-widescreen.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-bottom-widescreen.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-bottom-widescreen.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:auto;right:auto;bottom:-1px;left:50%;margin-top:auto;margin-right:auto;margin-bottom:-5px;margin-left:-5px;border-color:transparent transparent rgba(74,74,74,0.9) transparent}.has-tooltip-bottom-widescreen[data-tooltip]:not(.is-loading)::before,.has-tooltip-bottom-widescreen[data-tooltip]:not(.is-disabled)::before,.has-tooltip-bottom-widescreen[data-tooltip]:not([disabled])::before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%, 100%)}}@media screen and (min-width: 1216px) and (max-width: 1407px){.has-tooltip-bottom-widescreen-only.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-bottom-widescreen-only.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-bottom-widescreen-only.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:auto;right:auto;bottom:-1px;left:50%;margin-top:auto;margin-right:auto;margin-bottom:-5px;margin-left:-5px;border-color:transparent transparent rgba(74,74,74,0.9) transparent}.has-tooltip-bottom-widescreen-only[data-tooltip]:not(.is-loading)::before,.has-tooltip-bottom-widescreen-only[data-tooltip]:not(.is-disabled)::before,.has-tooltip-bottom-widescreen-only[data-tooltip]:not([disabled])::before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%, 100%)}}@media screen and (max-width: 1407px){.has-tooltip-bottom-until-fullhd.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-bottom-until-fullhd.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-bottom-until-fullhd.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:auto;right:auto;bottom:-1px;left:50%;margin-top:auto;margin-right:auto;margin-bottom:-5px;margin-left:-5px;border-color:transparent transparent rgba(74,74,74,0.9) transparent}.has-tooltip-bottom-until-fullhd[data-tooltip]:not(.is-loading)::before,.has-tooltip-bottom-until-fullhd[data-tooltip]:not(.is-disabled)::before,.has-tooltip-bottom-until-fullhd[data-tooltip]:not([disabled])::before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%, 100%)}}@media screen and (min-width: 1408px){.has-tooltip-bottom-fullhd.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-bottom-fullhd.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-bottom-fullhd.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:auto;right:auto;bottom:-1px;left:50%;margin-top:auto;margin-right:auto;margin-bottom:-5px;margin-left:-5px;border-color:transparent transparent rgba(74,74,74,0.9) transparent}.has-tooltip-bottom-fullhd[data-tooltip]:not(.is-loading)::before,.has-tooltip-bottom-fullhd[data-tooltip]:not(.is-disabled)::before,.has-tooltip-bottom-fullhd[data-tooltip]:not([disabled])::before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%, 100%)}}@media screen and (max-width: 768px){.has-tooltip-left-mobile.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-left-mobile.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-left-mobile.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:auto;right:auto;bottom:50%;left:0;margin-top:auto;margin-right:auto;margin-bottom:-6px;margin-left:-5px;border-color:transparent transparent transparent rgba(74,74,74,0.9)}.has-tooltip-left-mobile[data-tooltip]:not(.is-loading)::before,.has-tooltip-left-mobile[data-tooltip]:not(.is-disabled)::before,.has-tooltip-left-mobile[data-tooltip]:not([disabled])::before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%, 50%)}}@media screen and (min-width: 769px),print{.has-tooltip-left-tablet.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-left-tablet.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-left-tablet.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:auto;right:auto;bottom:50%;left:0;margin-top:auto;margin-right:auto;margin-bottom:-6px;margin-left:-5px;border-color:transparent transparent transparent rgba(74,74,74,0.9)}.has-tooltip-left-tablet[data-tooltip]:not(.is-loading)::before,.has-tooltip-left-tablet[data-tooltip]:not(.is-disabled)::before,.has-tooltip-left-tablet[data-tooltip]:not([disabled])::before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%, 50%)}}@media screen and (min-width: 769px) and (max-width: 1023px){.has-tooltip-left-tablet-only.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-left-tablet-only.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-left-tablet-only.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:auto;right:auto;bottom:50%;left:0;margin-top:auto;margin-right:auto;margin-bottom:-6px;margin-left:-5px;border-color:transparent transparent transparent rgba(74,74,74,0.9)}.has-tooltip-left-tablet-only[data-tooltip]:not(.is-loading)::before,.has-tooltip-left-tablet-only[data-tooltip]:not(.is-disabled)::before,.has-tooltip-left-tablet-only[data-tooltip]:not([disabled])::before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%, 50%)}}@media screen and (max-width: 1023px){.has-tooltip-left-touch.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-left-touch.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-left-touch.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:auto;right:auto;bottom:50%;left:0;margin-top:auto;margin-right:auto;margin-bottom:-6px;margin-left:-5px;border-color:transparent transparent transparent rgba(74,74,74,0.9)}.has-tooltip-left-touch[data-tooltip]:not(.is-loading)::before,.has-tooltip-left-touch[data-tooltip]:not(.is-disabled)::before,.has-tooltip-left-touch[data-tooltip]:not([disabled])::before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%, 50%)}}@media screen and (min-width: 1024px){.has-tooltip-left-desktop.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-left-desktop.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-left-desktop.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:auto;right:auto;bottom:50%;left:0;margin-top:auto;margin-right:auto;margin-bottom:-6px;margin-left:-5px;border-color:transparent transparent transparent rgba(74,74,74,0.9)}.has-tooltip-left-desktop[data-tooltip]:not(.is-loading)::before,.has-tooltip-left-desktop[data-tooltip]:not(.is-disabled)::before,.has-tooltip-left-desktop[data-tooltip]:not([disabled])::before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%, 50%)}}@media screen and (min-width: 1024px) and (max-width: 1215px){.has-tooltip-left-desktop-only.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-left-desktop-only.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-left-desktop-only.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:auto;right:auto;bottom:50%;left:0;margin-top:auto;margin-right:auto;margin-bottom:-6px;margin-left:-5px;border-color:transparent transparent transparent rgba(74,74,74,0.9)}.has-tooltip-left-desktop-only[data-tooltip]:not(.is-loading)::before,.has-tooltip-left-desktop-only[data-tooltip]:not(.is-disabled)::before,.has-tooltip-left-desktop-only[data-tooltip]:not([disabled])::before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%, 50%)}}@media screen and (max-width: 1215px){.has-tooltip-left-until-widescreen.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-left-until-widescreen.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-left-until-widescreen.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:auto;right:auto;bottom:50%;left:0;margin-top:auto;margin-right:auto;margin-bottom:-6px;margin-left:-5px;border-color:transparent transparent transparent rgba(74,74,74,0.9)}.has-tooltip-left-until-widescreen[data-tooltip]:not(.is-loading)::before,.has-tooltip-left-until-widescreen[data-tooltip]:not(.is-disabled)::before,.has-tooltip-left-until-widescreen[data-tooltip]:not([disabled])::before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%, 50%)}}@media screen and (min-width: 1216px){.has-tooltip-left-widescreen.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-left-widescreen.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-left-widescreen.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:auto;right:auto;bottom:50%;left:0;margin-top:auto;margin-right:auto;margin-bottom:-6px;margin-left:-5px;border-color:transparent transparent transparent rgba(74,74,74,0.9)}.has-tooltip-left-widescreen[data-tooltip]:not(.is-loading)::before,.has-tooltip-left-widescreen[data-tooltip]:not(.is-disabled)::before,.has-tooltip-left-widescreen[data-tooltip]:not([disabled])::before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%, 50%)}}@media screen and (min-width: 1216px) and (max-width: 1407px){.has-tooltip-left-widescreen-only.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-left-widescreen-only.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-left-widescreen-only.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:auto;right:auto;bottom:50%;left:0;margin-top:auto;margin-right:auto;margin-bottom:-6px;margin-left:-5px;border-color:transparent transparent transparent rgba(74,74,74,0.9)}.has-tooltip-left-widescreen-only[data-tooltip]:not(.is-loading)::before,.has-tooltip-left-widescreen-only[data-tooltip]:not(.is-disabled)::before,.has-tooltip-left-widescreen-only[data-tooltip]:not([disabled])::before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%, 50%)}}@media screen and (max-width: 1407px){.has-tooltip-left-until-fullhd.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-left-until-fullhd.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-left-until-fullhd.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:auto;right:auto;bottom:50%;left:0;margin-top:auto;margin-right:auto;margin-bottom:-6px;margin-left:-5px;border-color:transparent transparent transparent rgba(74,74,74,0.9)}.has-tooltip-left-until-fullhd[data-tooltip]:not(.is-loading)::before,.has-tooltip-left-until-fullhd[data-tooltip]:not(.is-disabled)::before,.has-tooltip-left-until-fullhd[data-tooltip]:not([disabled])::before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%, 50%)}}@media screen and (min-width: 1408px){.has-tooltip-left-fullhd.has-tooltip-arrow[data-tooltip]:not(.is-loading)::after,.has-tooltip-left-fullhd.has-tooltip-arrow[data-tooltip]:not(.is-disabled)::after,.has-tooltip-left-fullhd.has-tooltip-arrow[data-tooltip]:not([disabled])::after{top:auto;right:auto;bottom:50%;left:0;margin-top:auto;margin-right:auto;margin-bottom:-6px;margin-left:-5px;border-color:transparent transparent transparent rgba(74,74,74,0.9)}.has-tooltip-left-fullhd[data-tooltip]:not(.is-loading)::before,.has-tooltip-left-fullhd[data-tooltip]:not(.is-disabled)::before,.has-tooltip-left-fullhd[data-tooltip]:not([disabled])::before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%, 50%)}}@media screen and (max-width: 768px){.has-tooltip-hidden-mobile[data-tooltip]:not(.is-loading)::after,.has-tooltip-hidden-mobile[data-tooltip]:not(.is-loading)::before,.has-tooltip-hidden-mobile[data-tooltip]:not(.is-disabled)::after,.has-tooltip-hidden-mobile[data-tooltip]:not(.is-disabled)::before,.has-tooltip-hidden-mobile[data-tooltip]:not([disabled])::after,.has-tooltip-hidden-mobile[data-tooltip]:not([disabled])::before{opacity:0 !important;display:none !important}}@media screen and (min-width: 769px),print{.has-tooltip-hidden-tablet[data-tooltip]:not(.is-loading)::after,.has-tooltip-hidden-tablet[data-tooltip]:not(.is-loading)::before,.has-tooltip-hidden-tablet[data-tooltip]:not(.is-disabled)::after,.has-tooltip-hidden-tablet[data-tooltip]:not(.is-disabled)::before,.has-tooltip-hidden-tablet[data-tooltip]:not([disabled])::after,.has-tooltip-hidden-tablet[data-tooltip]:not([disabled])::before{opacity:0 !important;display:none !important}}@media screen and (min-width: 769px) and (max-width: 1023px){.has-tooltip-hidden-tablet-only[data-tooltip]:not(.is-loading)::after,.has-tooltip-hidden-tablet-only[data-tooltip]:not(.is-loading)::before,.has-tooltip-hidden-tablet-only[data-tooltip]:not(.is-disabled)::after,.has-tooltip-hidden-tablet-only[data-tooltip]:not(.is-disabled)::before,.has-tooltip-hidden-tablet-only[data-tooltip]:not([disabled])::after,.has-tooltip-hidden-tablet-only[data-tooltip]:not([disabled])::before{opacity:0 !important;display:none !important}}@media screen and (max-width: 1023px){.has-tooltip-hidden-touch[data-tooltip]:not(.is-loading)::after,.has-tooltip-hidden-touch[data-tooltip]:not(.is-loading)::before,.has-tooltip-hidden-touch[data-tooltip]:not(.is-disabled)::after,.has-tooltip-hidden-touch[data-tooltip]:not(.is-disabled)::before,.has-tooltip-hidden-touch[data-tooltip]:not([disabled])::after,.has-tooltip-hidden-touch[data-tooltip]:not([disabled])::before{opacity:0 !important;display:none !important}}@media screen and (min-width: 1024px){.has-tooltip-hidden-desktop[data-tooltip]:not(.is-loading)::after,.has-tooltip-hidden-desktop[data-tooltip]:not(.is-loading)::before,.has-tooltip-hidden-desktop[data-tooltip]:not(.is-disabled)::after,.has-tooltip-hidden-desktop[data-tooltip]:not(.is-disabled)::before,.has-tooltip-hidden-desktop[data-tooltip]:not([disabled])::after,.has-tooltip-hidden-desktop[data-tooltip]:not([disabled])::before{opacity:0 !important;display:none !important}}@media screen and (min-width: 1024px) and (max-width: 1215px){.has-tooltip-hidden-desktop-only[data-tooltip]:not(.is-loading)::after,.has-tooltip-hidden-desktop-only[data-tooltip]:not(.is-loading)::before,.has-tooltip-hidden-desktop-only[data-tooltip]:not(.is-disabled)::after,.has-tooltip-hidden-desktop-only[data-tooltip]:not(.is-disabled)::before,.has-tooltip-hidden-desktop-only[data-tooltip]:not([disabled])::after,.has-tooltip-hidden-desktop-only[data-tooltip]:not([disabled])::before{opacity:0 !important;display:none !important}}@media screen and (max-width: 1215px){.has-tooltip-hidden-until-widescreen[data-tooltip]:not(.is-loading)::after,.has-tooltip-hidden-until-widescreen[data-tooltip]:not(.is-loading)::before,.has-tooltip-hidden-until-widescreen[data-tooltip]:not(.is-disabled)::after,.has-tooltip-hidden-until-widescreen[data-tooltip]:not(.is-disabled)::before,.has-tooltip-hidden-until-widescreen[data-tooltip]:not([disabled])::after,.has-tooltip-hidden-until-widescreen[data-tooltip]:not([disabled])::before{opacity:0 !important;display:none !important}}@media screen and (min-width: 1216px){.has-tooltip-hidden-widescreen[data-tooltip]:not(.is-loading)::after,.has-tooltip-hidden-widescreen[data-tooltip]:not(.is-loading)::before,.has-tooltip-hidden-widescreen[data-tooltip]:not(.is-disabled)::after,.has-tooltip-hidden-widescreen[data-tooltip]:not(.is-disabled)::before,.has-tooltip-hidden-widescreen[data-tooltip]:not([disabled])::after,.has-tooltip-hidden-widescreen[data-tooltip]:not([disabled])::before{opacity:0 !important;display:none !important}}@media screen and (min-width: 1216px) and (max-width: 1407px){.has-tooltip-hidden-widescreen-only[data-tooltip]:not(.is-loading)::after,.has-tooltip-hidden-widescreen-only[data-tooltip]:not(.is-loading)::before,.has-tooltip-hidden-widescreen-only[data-tooltip]:not(.is-disabled)::after,.has-tooltip-hidden-widescreen-only[data-tooltip]:not(.is-disabled)::before,.has-tooltip-hidden-widescreen-only[data-tooltip]:not([disabled])::after,.has-tooltip-hidden-widescreen-only[data-tooltip]:not([disabled])::before{opacity:0 !important;display:none !important}}@media screen and (max-width: 1407px){.has-tooltip-hidden-until-fullhd[data-tooltip]:not(.is-loading)::after,.has-tooltip-hidden-until-fullhd[data-tooltip]:not(.is-loading)::before,.has-tooltip-hidden-until-fullhd[data-tooltip]:not(.is-disabled)::after,.has-tooltip-hidden-until-fullhd[data-tooltip]:not(.is-disabled)::before,.has-tooltip-hidden-until-fullhd[data-tooltip]:not([disabled])::after,.has-tooltip-hidden-until-fullhd[data-tooltip]:not([disabled])::before{opacity:0 !important;display:none !important}}@media screen and (min-width: 1408px){.has-tooltip-hidden-fullhd[data-tooltip]:not(.is-loading)::after,.has-tooltip-hidden-fullhd[data-tooltip]:not(.is-loading)::before,.has-tooltip-hidden-fullhd[data-tooltip]:not(.is-disabled)::after,.has-tooltip-hidden-fullhd[data-tooltip]:not(.is-disabled)::before,.has-tooltip-hidden-fullhd[data-tooltip]:not([disabled])::after,.has-tooltip-hidden-fullhd[data-tooltip]:not([disabled])::before{opacity:0 !important;display:none !important}}@media screen and (max-width: 768px){.has-tooltip-text-left-mobile[data-tooltip]:not(.is-loading)::before,.has-tooltip-text-left-mobile[data-tooltip]:not(.is-disabled)::before,.has-tooltip-text-left-mobile[data-tooltip]:not([disabled])::before{text-align:left}}@media screen and (min-width: 769px),print{.has-tooltip-text-left-tablet[data-tooltip]:not(.is-loading)::before,.has-tooltip-text-left-tablet[data-tooltip]:not(.is-disabled)::before,.has-tooltip-text-left-tablet[data-tooltip]:not([disabled])::before{text-align:left}}@media screen and (min-width: 769px) and (max-width: 1023px){.has-tooltip-text-left-tablet-only[data-tooltip]:not(.is-loading)::before,.has-tooltip-text-left-tablet-only[data-tooltip]:not(.is-disabled)::before,.has-tooltip-text-left-tablet-only[data-tooltip]:not([disabled])::before{text-align:left}}@media screen and (max-width: 1023px){.has-tooltip-text-left-touch[data-tooltip]:not(.is-loading)::before,.has-tooltip-text-left-touch[data-tooltip]:not(.is-disabled)::before,.has-tooltip-text-left-touch[data-tooltip]:not([disabled])::before{text-align:left}}@media screen and (min-width: 1024px){.has-tooltip-text-left-desktop[data-tooltip]:not(.is-loading)::before,.has-tooltip-text-left-desktop[data-tooltip]:not(.is-disabled)::before,.has-tooltip-text-left-desktop[data-tooltip]:not([disabled])::before{text-align:left}}@media screen and (min-width: 1024px) and (max-width: 1215px){.has-tooltip-text-left-desktop-only[data-tooltip]:not(.is-loading)::before,.has-tooltip-text-left-desktop-only[data-tooltip]:not(.is-disabled)::before,.has-tooltip-text-left-desktop-only[data-tooltip]:not([disabled])::before{text-align:left}}@media screen and (max-width: 1215px){.has-tooltip-text-left-until-widescreen[data-tooltip]:not(.is-loading)::before,.has-tooltip-text-left-until-widescreen[data-tooltip]:not(.is-disabled)::before,.has-tooltip-text-left-until-widescreen[data-tooltip]:not([disabled])::before{text-align:left}}@media screen and (min-width: 1216px){.has-tooltip-text-left-widescreen[data-tooltip]:not(.is-loading)::before,.has-tooltip-text-left-widescreen[data-tooltip]:not(.is-disabled)::before,.has-tooltip-text-left-widescreen[data-tooltip]:not([disabled])::before{text-align:left}}@media screen and (min-width: 1216px) and (max-width: 1407px){.has-tooltip-text-left-widescreen-only[data-tooltip]:not(.is-loading)::before,.has-tooltip-text-left-widescreen-only[data-tooltip]:not(.is-disabled)::before,.has-tooltip-text-left-widescreen-only[data-tooltip]:not([disabled])::before{text-align:left}}@media screen and (max-width: 1407px){.has-tooltip-text-left-until-fullhd[data-tooltip]:not(.is-loading)::before,.has-tooltip-text-left-until-fullhd[data-tooltip]:not(.is-disabled)::before,.has-tooltip-text-left-until-fullhd[data-tooltip]:not([disabled])::before{text-align:left}}@media screen and (min-width: 1408px){.has-tooltip-text-left-fullhd[data-tooltip]:not(.is-loading)::before,.has-tooltip-text-left-fullhd[data-tooltip]:not(.is-disabled)::before,.has-tooltip-text-left-fullhd[data-tooltip]:not([disabled])::before{text-align:left}}@media screen and (max-width: 768px){.has-tooltip-text-centered-mobile[data-tooltip]:not(.is-loading)::before,.has-tooltip-text-centered-mobile[data-tooltip]:not(.is-disabled)::before,.has-tooltip-text-centered-mobile[data-tooltip]:not([disabled])::before{text-align:center}}@media screen and (min-width: 769px),print{.has-tooltip-text-centered-tablet[data-tooltip]:not(.is-loading)::before,.has-tooltip-text-centered-tablet[data-tooltip]:not(.is-disabled)::before,.has-tooltip-text-centered-tablet[data-tooltip]:not([disabled])::before{text-align:center}}@media screen and (min-width: 769px) and (max-width: 1023px){.has-tooltip-text-centered-tablet-only[data-tooltip]:not(.is-loading)::before,.has-tooltip-text-centered-tablet-only[data-tooltip]:not(.is-disabled)::before,.has-tooltip-text-centered-tablet-only[data-tooltip]:not([disabled])::before{text-align:center}}@media screen and (max-width: 1023px){.has-tooltip-text-centered-touch[data-tooltip]:not(.is-loading)::before,.has-tooltip-text-centered-touch[data-tooltip]:not(.is-disabled)::before,.has-tooltip-text-centered-touch[data-tooltip]:not([disabled])::before{text-align:center}}@media screen and (min-width: 1024px){.has-tooltip-text-centered-desktop[data-tooltip]:not(.is-loading)::before,.has-tooltip-text-centered-desktop[data-tooltip]:not(.is-disabled)::before,.has-tooltip-text-centered-desktop[data-tooltip]:not([disabled])::before{text-align:center}}@media screen and (min-width: 1024px) and (max-width: 1215px){.has-tooltip-text-centered-desktop-only[data-tooltip]:not(.is-loading)::before,.has-tooltip-text-centered-desktop-only[data-tooltip]:not(.is-disabled)::before,.has-tooltip-text-centered-desktop-only[data-tooltip]:not([disabled])::before{text-align:center}}@media screen and (max-width: 1215px){.has-tooltip-text-centered-until-widescreen[data-tooltip]:not(.is-loading)::before,.has-tooltip-text-centered-until-widescreen[data-tooltip]:not(.is-disabled)::before,.has-tooltip-text-centered-until-widescreen[data-tooltip]:not([disabled])::before{text-align:center}}@media screen and (min-width: 1216px){.has-tooltip-text-centered-widescreen[data-tooltip]:not(.is-loading)::before,.has-tooltip-text-centered-widescreen[data-tooltip]:not(.is-disabled)::before,.has-tooltip-text-centered-widescreen[data-tooltip]:not([disabled])::before{text-align:center}}@media screen and (min-width: 1216px) and (max-width: 1407px){.has-tooltip-text-centered-widescreen-only[data-tooltip]:not(.is-loading)::before,.has-tooltip-text-centered-widescreen-only[data-tooltip]:not(.is-disabled)::before,.has-tooltip-text-centered-widescreen-only[data-tooltip]:not([disabled])::before{text-align:center}}@media screen and (max-width: 1407px){.has-tooltip-text-centered-until-fullhd[data-tooltip]:not(.is-loading)::before,.has-tooltip-text-centered-until-fullhd[data-tooltip]:not(.is-disabled)::before,.has-tooltip-text-centered-until-fullhd[data-tooltip]:not([disabled])::before{text-align:center}}@media screen and (min-width: 1408px){.has-tooltip-text-centered-fullhd[data-tooltip]:not(.is-loading)::before,.has-tooltip-text-centered-fullhd[data-tooltip]:not(.is-disabled)::before,.has-tooltip-text-centered-fullhd[data-tooltip]:not([disabled])::before{text-align:center}}@media screen and (max-width: 768px){.has-tooltip-text-right-mobile[data-tooltip]:not(.is-loading)::before,.has-tooltip-text-right-mobile[data-tooltip]:not(.is-disabled)::before,.has-tooltip-text-right-mobile[data-tooltip]:not([disabled])::before{text-align:right}}@media screen and (min-width: 769px),print{.has-tooltip-text-right-tablet[data-tooltip]:not(.is-loading)::before,.has-tooltip-text-right-tablet[data-tooltip]:not(.is-disabled)::before,.has-tooltip-text-right-tablet[data-tooltip]:not([disabled])::before{text-align:right}}@media screen and (min-width: 769px) and (max-width: 1023px){.has-tooltip-text-right-tablet-only[data-tooltip]:not(.is-loading)::before,.has-tooltip-text-right-tablet-only[data-tooltip]:not(.is-disabled)::before,.has-tooltip-text-right-tablet-only[data-tooltip]:not([disabled])::before{text-align:right}}@media screen and (max-width: 1023px){.has-tooltip-text-right-touch[data-tooltip]:not(.is-loading)::before,.has-tooltip-text-right-touch[data-tooltip]:not(.is-disabled)::before,.has-tooltip-text-right-touch[data-tooltip]:not([disabled])::before{text-align:right}}@media screen and (min-width: 1024px){.has-tooltip-text-right-desktop[data-tooltip]:not(.is-loading)::before,.has-tooltip-text-right-desktop[data-tooltip]:not(.is-disabled)::before,.has-tooltip-text-right-desktop[data-tooltip]:not([disabled])::before{text-align:right}}@media screen and (min-width: 1024px) and (max-width: 1215px){.has-tooltip-text-right-desktop-only[data-tooltip]:not(.is-loading)::before,.has-tooltip-text-right-desktop-only[data-tooltip]:not(.is-disabled)::before,.has-tooltip-text-right-desktop-only[data-tooltip]:not([disabled])::before{text-align:right}}@media screen and (max-width: 1215px){.has-tooltip-text-right-until-widescreen[data-tooltip]:not(.is-loading)::before,.has-tooltip-text-right-until-widescreen[data-tooltip]:not(.is-disabled)::before,.has-tooltip-text-right-until-widescreen[data-tooltip]:not([disabled])::before{text-align:right}}@media screen and (min-width: 1216px){.has-tooltip-text-right-widescreen[data-tooltip]:not(.is-loading)::before,.has-tooltip-text-right-widescreen[data-tooltip]:not(.is-disabled)::before,.has-tooltip-text-right-widescreen[data-tooltip]:not([disabled])::before{text-align:right}}@media screen and (min-width: 1216px) and (max-width: 1407px){.has-tooltip-text-right-widescreen-only[data-tooltip]:not(.is-loading)::before,.has-tooltip-text-right-widescreen-only[data-tooltip]:not(.is-disabled)::before,.has-tooltip-text-right-widescreen-only[data-tooltip]:not([disabled])::before{text-align:right}}@media screen and (max-width: 1407px){.has-tooltip-text-right-until-fullhd[data-tooltip]:not(.is-loading)::before,.has-tooltip-text-right-until-fullhd[data-tooltip]:not(.is-disabled)::before,.has-tooltip-text-right-until-fullhd[data-tooltip]:not([disabled])::before{text-align:right}}@media screen and (min-width: 1408px){.has-tooltip-text-right-fullhd[data-tooltip]:not(.is-loading)::before,.has-tooltip-text-right-fullhd[data-tooltip]:not(.is-disabled)::before,.has-tooltip-text-right-fullhd[data-tooltip]:not([disabled])::before{text-align:right}}span[data-tooltip]{border-bottom:1px dashed #dbdbdb}span.has-tooltip-white[data-tooltip]{border-bottom-color:#fff}span.has-tooltip-black[data-tooltip]{border-bottom-color:#171717}span.has-tooltip-light[data-tooltip]{border-bottom-color:#fff}span.has-tooltip-dark[data-tooltip]{border-bottom-color:#424242}span.has-tooltip-primary[data-tooltip]{border-bottom-color:#183691}span.has-tooltip-link[data-tooltip]{border-bottom-color:#4882e0}span.has-tooltip-info[data-tooltip]{border-bottom-color:#0096f0}span.has-tooltip-success[data-tooltip]{border-bottom-color:#5eca77}span.has-tooltip-warning[data-tooltip]{border-bottom-color:#f1bf33}span.has-tooltip-danger[data-tooltip]{border-bottom-color:#e8003e}.control span[data-tooltip]{border-bottom:none}.token.tag,.token.content,.token.number{display:inline;padding:inherit;font-size:inherit;line-height:inherit;text-align:inherit;vertical-align:inherit;border-radius:inherit;font-weight:inherit;white-space:inherit;background:inherit;margin:inherit}.highlight{position:relative}pre{max-height:600px;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}pre::-webkit-scrollbar{display:none}pre[class*=language-]{margin:inherit}.content pre{padding:0}.highlight pre{background-color:transparent;border-radius:6px;max-width:100%}@media screen and (min-width: 1024px){.highlight pre{max-width:calc(100vw - 400px) !important}}.theme-colors li{display:flex;align-items:center;margin-bottom:4px}.theme-colors li .color{display:flex;align-items:center}.theme-colors li .color .color-preview{display:block;width:15px;height:15px;border:1px solid black;border-radius:3px;margin-right:7px}.theme-colors li .color:hover>.color-title,.theme-colors li .color:hover>.highlight{opacity:0.65}.theme-colors .highlight{padding:0;margin:0 5px}.theme-colors .highlight pre{margin:0;padding:0;display:flex;align-items:center}.theme-colors .highlight pre code{padding:0 5px;color:black}@use "sass:list";.button.is-white.is-outlined:not(.is-active):hover{color:rgba(255,255,255,0.65);border-color:rgba(255,255,255,0.65);background:transparent}.button.is-black.is-outlined:not(.is-active):hover{color:rgba(10,10,10,0.65);border-color:rgba(10,10,10,0.65);background:transparent}.button.is-light.is-outlined:not(.is-active):hover{color:rgba(246,248,251,0.65);border-color:rgba(246,248,251,0.65);background:transparent}.button.is-dark.is-outlined:not(.is-active):hover{color:rgba(54,54,54,0.65);border-color:rgba(54,54,54,0.65);background:transparent}.button.is-primary.is-outlined:not(.is-active):hover{color:rgba(20,46,123,0.65);border-color:rgba(20,46,123,0.65);background:transparent}.button.is-link.is-outlined:not(.is-active):hover{color:rgba(50,115,220,0.65);border-color:rgba(50,115,220,0.65);background:transparent}.button.is-info.is-outlined:not(.is-active):hover{color:rgba(0,134,214,0.65);border-color:rgba(0,134,214,0.65);background:transparent}.button.is-success.is-outlined:not(.is-active):hover{color:rgba(75,196,103,0.65);border-color:rgba(75,196,103,0.65);background:transparent}.button.is-warning.is-outlined:not(.is-active):hover{color:rgba(239,183,27,0.65);border-color:rgba(239,183,27,0.65);background:transparent}.button.is-danger.is-outlined:not(.is-active):hover{color:rgba(206,0,55,0.65);border-color:rgba(206,0,55,0.65);background:transparent}[data-tooltip]::before{font-weight:600;font-size:0.9em !important}.is-success[data-tooltip]:before{background-color:rgba(0,128,0,0.9)}.show-code button.button,.show-code button.button.is-active,.show-code button.button:hover,.show-code button.button:focus{border:1px solid #cbd2db;border-bottom:none}.show-code button.button:last-child,.show-code button.button.is-active:last-child,.show-code button.button:hover:last-child,.show-code button.button:focus:last-child{border-right:none}.box{border:1px solid #cbd2db}.box-live-example{padding:.866rem;background-color:#fff;position:relative;border-radius:6px}.box-live-example button{border-radius:0;border-bottom:none}.box-live-example button:first-child{border-top-left-radius:6px}.box-live-example button:last-child{border-bottom-right-radius:6px;border-right:none}.box-code{padding:.866rem;margin-bottom:0;border-top:1px solid #cbd2db;border-bottom-left-radius:6px;border-bottom-right-radius:6px;background:#f6f8fb}.show-code{position:absolute;bottom:0;right:0;border-radius:0;border-top-left-radius:6px}.tag:not(body){font-size:.833rem;height:1.866rem;padding-right:.866rem;transition:all .2s}a.tag:not(body):hover{text-decoration:none;background-color:#C9E0F5}.tag.pill{height:unset;line-height:unset;padding:1px 5px}.resources .block:not(:last-child){padding-bottom:3rem}h2 a.is-link img{height:16px;width:16px;margin:0 .57733333rem;opacity:0}h2:hover a.is-link img{opacity:1}.codelibrary-content{padding-left:1.5rem;padding-right:1.5rem}@media screen and (min-width: 1024px){.codelibrary-content{padding-left:.75rem;padding-right:2.25rem}}.js-tablist__item{height:auto}.js-tablist__item.button.is-active{background-color:#142e7b;color:#fff}.js-tablist__link{color:inherit}.js-tablist__link:hover{color:inherit;text-decoration:none}.js-tablist__link:focus{outline:0}.js-tablist__link,.js-tablist__link:hover{color:inherit}.js-tablist__link:focus{outline:0}.js-tabcontent{display:none}.js-tabcontent.is-active{display:inherit}.icon svg{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none;height:100%;width:100%}.button .icon,.button .icon.is-small,.button .icon.is-medium,.button .icon.is-large{height:1em;width:1em}.button.is-rounded{padding:calc(1em + 0.2em)}.button.is-rounded:first-child:last-child{margin-left:calc(-1em - 0.25em + 1px);margin-right:calc(-1em - 0.25em + 1px)}.navbar{padding:0rem 2.6rem}@media screen and (max-width: 1216px){.navbar-menu{box-shadow:none}}.navbar-brand .navbar-item{margin-right:0}@media screen and (min-width: 1024px){.navbar-brand .navbar-item{margin-right:4.3rem}}@media screen and (max-width: 1024px){.navbar-brand{justify-content:space-between}}.navbar-burger{height:auto;align-self:center;border:none;background-color:#fff;padding:8px;border-radius:4px;font-size:.833rem;line-height:1.4;margin-left:0}.navbar-burger:hover,.navbar-burger.is-active{color:#fff;background-color:#142e7b}.navbar-item{color:white;border-radius:4px;padding:6px 8px;margin-right:4px;text-transform:uppercase;align-self:center;font-size:.778rem;letter-spacing:0.2px;font-weight:600;line-height:1.5}.navbar-item:hover,.navbar-item.is-active{text-decoration:none;background-color:#142e7b;color:white}.sidebar{position:fixed;top:5.3rem;z-index:10;display:none;padding:0 1.733rem;padding-top:4.3rem;border-bottom:1px solid #dee5ef;height:100%;background-color:#fff;font-size:.8rem}.sidebar.is-active{display:block}@media screen and (min-width: 1024px){.sidebar{position:sticky;display:flex;flex-direction:column;width:280px;flex-basis:280px;border-right:1px solid #dee5ef;border-bottom:none;height:calc(100vh - 5.3rem)}}@media screen and (min-width: 1024px){.sidebar-content{height:auto}}.sidebar-search{position:fixed;top:  5.3rem;left:1.733rem;background:white;z-index:100;height:4.3rem}.sidebar-header{padding-bottom:.866rem;margin-bottom:.866rem;border-bottom:1px solid #cbd2db}.sidebar-body{overflow:scroll}.sidebar-logo-link{margin-top:1.733rem;margin-bottom:2.6rem;display:inline-block;transition:all 0.2s}.sidebar-logo-link:hover{opacity:0.7}.sidebar-logo{width:145px;height:auto}a.sidebar-subtitle{color:#0a0a0a;padding-top:8px;padding-bottom:8px}.search-wrapper{position:relative;min-height:100%;margin:1.5em 0}.search-results-wrapper{position:absolute}.menu-list{margin-top:.866rem}.menu-label{background-color:#f6f8fb;border-radius:6px;padding:6px}.menu-list a.is-active{position:relative;display:flex;justify-content:space-between;align-items:center}.menu-list a.is-active::after{content:"";background-image:url("/img/arrow-right-line.svg");background-size:12px 12px;background-repeat:no-repeat;width:12px;height:12px}#algolia-box{position:relative;z-index:0}.ais-SearchBox-form{margin-top:3px}.ais-SearchBox-input{font-size:.8rem;border:1px solid #c4c8d8;border-radius:6px;padding-top:0.5rem;padding-bottom:0.5rem}.ais-SearchBox-submitIcon{width:12px;height:12px}.ais-SearchBox-submitIcon path{fill:#4a4a4a}#algolia-results{position:absolute;width:500px;box-shadow:0 3px 6px -1px rgba(0,0,0,0.2);border:1px solid #c4c8d8;border-radius:6px;background-color:#fff;overflow:auto;z-index:1;margin-top:5px;display:none}#no-results-message{margin:13px}@media (max-width: 600px),(max-height: 400px){#algolia-results{position:inherit;width:100%;max-height:inherit}}.ais-Hits-list{margin:0}a.ais-Hits-item{color:#4a4a4a;width:100%;box-shadow:none;background-color:inherit;border:none;border-radius:0;padding:13px;margin:0}a.ais-Hits-item:hover{background-color:#f6f8fb}a.ais-Hits-item mark.ais-Highlight-highlighted,a.ais-Hits-item mark{background-color:#e6f0fa}a.ais-Hits-item .hit-head .hit-section{font-weight:500}a.ais-Hits-item .hit-head .hit-separator{margin:0 3px}a.ais-Hits-item .hit-head .hit-title{color:#0086d6}a.ais-Hits-item .hit-content .hit-summary{color:#565656;font-size:0.9em;font-weight:400;margin-top:3px;margin-bottom:-5px}a.ais-Hits-item .hit-content .hit-tags{font-size:0.7em;opacity:0.8;font-weight:400}.ais-SearchBox-input{margin-top:3px;border-radius:6px}.ais-SearchBox-input:focus,.ais-SearchBox-input:hover{border:1px solid #0086d6}.ais-SearchBox-input:focus{outline:none;box-shadow:0px 0px 0px 3px #cae0f5}.algolia-docsearch-footer{border-top:1px solid #f6f8fb;text-align:right;font-size:12px;padding:3px 6px 1px 0;color:#4a4a4a}.algolia-docsearch-footer .algolia-docsearch-footer--logo{display:inline-block !important;width:45px;height:16px;text-indent:101%;overflow:hidden;white-space:nowrap;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAAAoCAYAAAA2cfJIAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAZYUlEQVR42uWceZxU1bXvv2ufc6qqa+iJHpihoRlkEFFAJQ5oBI04xTnxxvsEfZqYmMTc3JjEFzO/l7wkN/EakxuTe02ucQjGIWhExQAOKBEVFJC5GbqBBnquoWs4e70/quiuBoyA4PB5v8+nPt119j5rr73W2tNaa5fwvqMfg06qp6OxpT/IuaDHASeArM4kO75ZOmh89961i95/to4hKupOIpvsGAoyq6e/yuJsousH0z87zy76yRkfGG/u+9/kcdjcKpDqiQI/UqUaMECzqlUTKPnAhHGsIMYBkVOBH6OUA4KwQt0MWa/zgPqlg8djs90RkHECjlp9+5RPze1YeOc3jjpv5v0Xh4uSBRVHlVAvDwqqoPb9Z+n9gQOEACn0FoNg3GBRlYFUjRmLzXZXiJgfAU8qPCGO+dUrD/1ucM1xZx51pg55BqgYPpVssq0eYRZ5pRmETeJnnonW1GV3rl5y6K2qHAsBfzShRf+PWkQ2MQskMFPhOiAMoMoVIC8bp+Tfj3bzh2QANcfPoqNxlesFIjehfDnPtQiwXp3AJ7sTXW9/0HI82vjPudrn+5zfvQ9Gu2EMDDgONNcfNNRboC4wcNeqBUJfk3nPOCQDyHa14AXCxwGXgBZN2YwSkcuTzQ3fH37qNbrl5T8eeyG9D7jlLmXOKV9n1tq5RsrcSVidcu6Fm5xCsQBdqv7z8Uj/bS/9LMaVc2DelUfHQJxQBD/RvhKRZtAB+RalXeDvlcOnaOuW5Ue1r+9qAHUzbqRx+SMmGC2/HNW6/YqNwhVeab8/tu9YvhkGA41HlcH3HaqMengTM1fPwVS4J4s491hyYxCKNCy+iLsgnNx5wyev2r579+Cao9Z8qGII3R17Xjaedysin0bxUB5TdIEEAke9u++6CWzbvIxguKwO5dKi+r3TkDIW5ILhZzZz2hdOJ28EH11c+0f4/HUjSQwV1PfPUeuPFZEUSieqHSImDoiInGEcb5wbjSGJzvfc7j7seP1RkHDG5oIP2Zxeo75e5Se777FpP9WyfulR7+8/nAHOuPVl2pofo2Hhn2cDYwqP08BzIKeCVoB6iFy5fkG/hwKRN5ohctSZPKaYut/3p4A4VPy1VLKndr6GtbdiTAMiHSgWiIIOxjijjWpn6gRDZPHRPU0nW96G/CDrOtbd/wec9+etR/+ZdMKvdYy5QlU9AEQasPYORL4NzC5UnmxEzjYSewBePdY898HQM/8XzSv+yzFuOGhEjEVV1beaS2TTHZpzgoKf3tX3Jc1PYOcv+jO5vWNKcMT1NRt/7vIT9A83wx/uA6jRj9237q+2O06wbEDQM8EgiFibyaWCsVSgq1XcYLmOq9/Az0bNKOjrgzvduJEouUScYMVg1zHhoBjfRazBilrrZnN+OiXi2Ez75r7vvTPJXWDDGHHOVJhcVDA/vnv3a9Ha/g8j8nFUQ6iGQa7q7tzzREXdtK62hr8f087GakehNhtC3LGtax+Y5oVCE0CrRTQo4INJ40Y7vRCNwCYYuVEt262vHanWzenqT9/FlOvm4qdOPNGEzC2IVIufvffkh1Y+4rVM8s0vX5VgbVm5KR10kkbtqeK6Y0WcKlDXIdzlZrPbKSl9TTW3dOX9VQ3nP7ot+9enbwEuhl8//p76VjpoPH4mGTTGPUOhMv9UkwqLA5GKrrbNvQNsyGlXsf3Fh4jW1teAnEhUxwH1IlqjmBhqPFxyjmq743mbQZZ6tSOX0tW2N5Fs/ccGUDXqY6Tad0TF4UpUC/O67ET1kcoRNZqJ+wsRZzVwUuGV04zjTkVzf+OoH1byKKkcSi7dbVR1qjjejarMBGpBPdB9A7sYCpICusRIo2O4NxSr//XQyyflbKJpKMb5hVr/NDHOdhSiW3dZb0w0ilTNBpmjaqeJSKnmcgb8whjXwiFY0iJmmxuNPOLb3L2XzLpjXaBzsv7pV/LeJgK1gEQQvilwsoKisg30QnHcPkvCphceJCAPAcxF+AYqJaCOFguir0y6RMwrxCp/HAmE/jZ4yqX2HTaBc7C5JoxxJwOn9zwWllibe9MrH0e8dWcTML+3Ce2HyKWZrr1ezdgZR1n13yI2qAZxI8FgtOwGRB5U1etAB+eV/44Q0HDBSE4CTjROwOnvjAPHPU5EJiE0qfVvefqT9fOc+hHDEOenqtxj/dws9f1y1cKxV8SKiN8jV98Pqu+PQvWr4pgHu53yyzpia70L3mpn6qj/c+T6V0VEQHE1P7uWgAaQwvMiBEQoHTgWoAslDOq8C/UYqjMRuceEoue1t7168BmgamIjnY1ZNxD0LkG1cMaRBMqjwYiTbN8xjsphb2omzhOI3IDqoIK0z8UN1PuZ1FF0DF1I/4m/pmvXYMdx4jeo8n3QsiIdJ4ANCBtR7QIRhBKgFtVRwEB6x6QiQCyNdukW43mr8HP3Lbiy7rFZj64fLZi71PrnqLWCCGKchBizSq1drmo3i5i0Qo1x3ImqOg21A9X6RtVOEmN+JV6oX2rdjt9VPDU3N+POiSy+c/bhdraX04POovs/qMMLQ7pLtiM0oLITaADdDXQAPlAFMgk4GQozuepwFe6Ib29Zf1AD8ONtBLyS4SifKHq8Guu/4AZjpLfcSWzMVGxu6xrjBZ4HPpWny3CQ86dNP/ftzR+7nnV/uOE9q1/1L1SNPAlx4meCfr2P8kWWg/4MX5+31rarZrKiIiqeI0Y845gLQX4FGi2W7yVnf4//fvCmjbFA9fUEQ1s/MW9LlVX7v9X6M7EKIirGvAryC5tJP5dOJlsGjZ+c27n+dbC+MV5JqQmU1Dli5iL8k6otU9+vEs/5bjBWsSf4dPsjY7aW0KXKa3KY68FhLZ1dlNeNZNeKLUvFyKVqbaP1bTKXbk0bE1DHi4HvGwl65WK4CuTbPQNamSQil+23BAwAyvEG14IwE9GRvWzpU90t23Z9Z+0KIMXedc8TjLkplL+AJAvVXIQLlzzzx6rdL93znpUPUDX6dFLxjlLQL6jqwCLlv4Ll+rIRuQes7zQlWxoSqdamTLKtMZ1qbUgGwqUdIHvJj4JeCDTt+TXPXz3Jz8X3rOlu6+jGyI3AhagixlhjnIdtLvtPT1980/3ZbK55yWcG5e7/13amXH4iTklsgBsM32HEDPf9zO3AF8U4OwBsLlujNnd7d13J6PU3D2G5AJ536J09bOxl07MLSezZuCfevOHNxJ5NranWhu5sokPTXXtItm4m2bHVgtPqZ4K/Ae4GyRV0FUQ4Zz8DqKRyRBWJdevKEbkYJVAQdjOwoGzEUP2czNinGpAAqvoiwtoeEqonGmS6+hmOG3PBe+6izXVjxEwFekNhIntA7jABb+XMf2kg2br+gPecYI8/4oAh6CpUn/UNSgcNwy3xxqn1r1M/5yGCiFmovv+VcDCyAX2aRVePB2r40mk/Z+XCNI4TOEHEXA/83vFC31PrLxBjviWO24UqNpOZpL7/mVRLyrn58dcpm3g6HzQSu5sIlTo+1j4K7CwqGtvHAAaxGuiHiE5FdVpR0SvW2lUqA4B9Ub+9DDhlLqn43h3A00V1Y8Al2c6W4F7teE+M3/iI0tawXEDPQrWip0B5VnP+CyUxuPfSusOmmwP27BxKZ8M9guolau0IAHHcHVb5fjBStf3xBzYz/t9eBhGumAcP1K4g/tjdgjJdrY2qn4up9T9rgqHvKMwXkXliDGqtUet/MhgKDl3tD6CsuvQYq/dQYLC5LKrahLC9V45aVWQA45FTq0m07vZALgT2CTwNPBmN1cZbN7zUh+yaBx6jfEClRfWp/KgsQGQGXnBULpd+T2z/+WsfI1I1PCIiE4oeZ0D/5oa8VPPba4Ath003lYGZt52NLbmwTIx7pqqKiEFUF3R3tfx97GnlDK5czupbpwOw/eUWzpz5faLnzC4Tx5mm+3IWFB+oEzEl6tvf55ccBagzxp0SC2SpTFcdO73uh3CsikgoSEllfTBcXV8WqRlRGakZ0S9S3a88nUgFRcgJFPutvSIDWE1i11DcgAwDnVlUaauqXWK9g+0XX0ScANbqSrTIBagMEeTcqSefxdg5DxxxhzKpTtSYEs3v5PchAWwqqQwAg46IrgnmaSPOAOtnx6CKOCalsLCielj6xxGhcXHvHsaOfJLcrgmI54xUayeIiBXHXYHwlVy6+7qn7aptvs2uwphViIDasFo76YkLhrFicVshcn7sMPik04lUjYiYkvJTpWzIrY4ndxtHHhTj/EXEmS+OO88NuL9FzFf3k+W+Y+AoYD3BwHSyKXM2yoieGiLPWatbUu07D9p4+94EpaFoZ9bP/QXkHNBAPn4tF7y08E/3BmOLW460YyIGgVCvIwqADKqdqv2BN4+IbrwFTEUN4vq1ohpR30etTaCyeVeykc89qdw9O6+0KarMkWt5+I+X4cacaWKcVpvL/lKtvT/WnGlI9XO1fl0YOyQedxxvMzBDVRHHHTTroeXBdU2j0113zzwiPt8Nn16izLugv7Q17jpZHOdLoGcB/UCdPqeJ4tCd9nWXufueV44eTUerLXWMuTCvRAByKOWOyM2AidbWH5SRrJ+1wFAgA/s2jkwW40wVIwu8YJhsOnnYHRRVjB6YQKSgao/c1ZhSKNOhdMuWIIhRfNSqr6rJcP8sTQt66w6YP5/77/sDIW+la3ORTeLop2yW1dbDf/im47j6wUVs+OpZ1D38uq/WT+QZFwQJ+b6YsrKuYxLROeuRHPefKUT7jzof+LeCz6NYelmENIpfCGV7qAbZLwJcMIBa8HfiGHM8cHLfcr0KuPoQeOobDVEtQ2R2vLXxuX7jZ2Z3vX74PnJxPTRNWpCU9ppxQERKHW8P+dlsx2HTLfGhK7gV12o3hQVdjLggkYQOo676jZ668y+6iEu2Kevv9v3SsfGFmhO77PoT8vwBs6NJTvjN97GVV7uOY6JqbUEYmhIcv2Xv+sPm71Cw4tZpxPqPGqvwgz7KF2lE9WnQV0F2A0lUXNAyhTEC/4P8YAUKBjBfX+SicMRESgedB1q9X1uHmjh6kIVOP+56oaHZeMumI+mkCYaxibZuIzT36F8kguqIZGt2yZEoHyASBF934+YqmjHSBVSIMRFU62vD5pUXbpnM5AnKG6vyXXpsqFCYOvNczNWedT2Ubaei+kpEbVTErVcsIoJaf3v605MyTUyisv5oZjoH+Gbnw/yg9CKitfWXA8f3akBWoHw5l9WlXjia6Wpc2VMUra1H0JiImaqqPQZgoB/XjhxHONq/P8K5RS2lEVkuIi+IyIuH8kFkKUhrkU2MEDjTPcJMlvrz/5VMsiOB0utaVg2AfDyX7C7pP/EE3jkB5Z2XiEwQwh0RfHI7xXHWIoL6fkjEzEqvbQ2ZZc8z4/L9XhLp+wGu+NPvGZh8iYAZjnGcyWrthLwzyUmIyMrSZ3cwetJQDhal6qV7uFIZyG+mXkOkalQMkak9FESSKD8xmMVuONhH+RChpLwc1B7QmikbfhPYbsSY6YVLC/s6/Kqqvcpa/2L1D+lzkVp7MTCvSFlBRGZ37twcrayf/u59y/vfe76+9YebKa0d4YMuQaR4KZ0ljpmRbIlTNrD6QDoOaC5HQfIHSL/Uh78yn2cvu6RDrV0kYmxhgJ9rosHTRrXUM+CmLgb+5CX+EcIddawpOxnYHhUx16G2AhEU3ahql+/V3WRCwXd8X9Wqf9h7ox10d/UHYz10X7gYUI2r6mo3FibeuH9aXuIdY2amJHY/6S4niMhstCedR4FnEs2bNocqh7TF2ze3xve82yfW5gbYC/wV+ijrFMd1x6nfSD5ynAU8DhwW4rqBEuM4SQrZ0CRbtoNxsNZfCrxSJLpqhO9Zn1M6WtZISb8hPSUhIDJsMslkcwgYUWisD9wIjLw3zZmPP4KIPC5iNgCo79egens23T3ylQ1pdvzLdJhxkBhzVNGosnn4YMJWXMHMVdVLCpE8K2L+nNy7rrF+5gm0tfSMxD6EBDxfQ6ZsrM/hZlEZxwW1ivRxczsCIcEhvxffj+d3opVJ1WJcRgBF95NkN8rCiroptKxdktfZu2I7TiAI1r4KfVzD/UFmtTVs4xN3zQZW4qdHA9oN9N4CEYY6XjDS2bQd6B0VrRuXEY5VtAB39VleVE8Cfh8tH3Kb4wSmRWpGDIrUjBzk1Iw8XhJdV7vi/QbkO4Vw8AFob2vFDeyGYGQdRn4rjptRVVTtGQi/iO9umzD9209yzk1rChdWFFpb4eMfR77wDc67bzMlcY1mNftZRb+p1g8jgjHucrLZ+6IjZtj/Bjo2bkTEgNJNcVxCZHgwHAu/eNsXYeDhuIvDhPtZbI5utM8mqAwjM7p2xU2kZkjfVzzQbO6gy41rog50cTZK8VvLrfVX62EtUK1MuvF1Ft8+sTlSWfs3erPtDMKsSPWo/1j2s4f3QIBsOouq3SliOtjncVQ9EeRmVfufJf1GtFiyKcFod0s1TqQd2ykLHFd+pvD1Ir/AaOC7iHxZkBbyhl4OlBXi4+/Ibcuqlew67+eMu3OVjQ+L/k6MTMKYawqh4PON6w6OTR73a+tnnzr7T2/sSia2pqPRoZjP/l8nZ72oqp1kHHeOWnuZWj8KYFxvhzHOt8tKyhvuPyvC+DXFLWoTSgrIRyaV0wXm5Aj+KdK9vl1Lq7rFCR3C2bYdcWZSMbwj1bmzYSkqVxTuDbjA5wORXELRx8P9RrX4NpkVzamIkVTnXmNcJ8Z+M6KbbGwuN458omeREMmh+kzpqPrOXUufOQwDgEVfG07lyGk2k2h9FuV/Fin3eBGmILGnDGtw3XFk/dYmcZ1lig7vMW30NhG50vHMk8byXSdQEu9mOc1vQdmQ8RmbTf9ckJSKfAnVfQbrAtWFTx+JAykovn7WF+PnQe2gCTTp6raUH7odI2ExzsVqfcdaf5KI+blxvM8Zp/yNUi+6BZFukFov4ByH2snq+1WqPbkDTah+HVefWbZ8Oz86p4yvjc8PILU51OY2iOOtRPWcAnvlID80Rq4j4DxspfQnkep0d/chhE92vLaMypHlCDIf4RpVPaUg50HAjwVzo3isM1rSRn6WdRAJAtWqPRlc+dFpHKaA9ubGKk2qLErvbDss5ecxCuPEUcsbIrKiqKAM4ROJ5l3e0FP7ke0MU1I9KKEi/yFithTVCwHjBEaozWogUt5T0LF9NYKb8DPpO1G9CuSXIKsQaUMkBZIp/G0H1iDcDXyv735E8X1fTTlAmnlXCs9tXcwbr+4hFqnZqpr7vBjzCzFOe15xflB9f6Ja/1oR+ZaI/BD0i5rPFqpWVRFjfGOcvwvckGtpu1/eiPkDL9jO14rcv2Pvfo6qygltKL+CopgJGkZ1EqrDfD/tByrHFbN6kOl336MorZuGESrztiLmNsQUb/lDoONRvRSYC9wAzEH1GlRn5TO5ewkahPPyixStIB0If1Ob2yjOkaQ6t7N3/RrizRtaVXmC/LTcCrSDTHFK3IGde0bSsft5asddiJ9OL1HVmxBZCLSRD9Shqg3Jjt3J6T96sQ/1zl1rSbZuy6nlZfW5VVXPV9XLUL0euAnlBtArFD0/nTRfFGQ5fdeBnNKhZQEF8s6et79yFgM/9wZN436LJCI7/XTmdtDPiHEeFcfdLcb4PfvVon2rOG5SHPMWxnxXrX91eFviqV2l6s8eUM4LE8/vw/fS88ro0g6yme75wOdBXgLpAPELOl0fqqjJNi19Nh9KQEGIF+TWBtKJSpHvcw0wnwnX/5msa5agem0+8UU2F3IzDraUaN47KInCXmoLIsskWls/RfMjTxEE1e21g8dsbckZOlY+cQRGAOXDTiDXHa9CGK3aM/36qv6agdMu7dj4xE97zTU2SJxQoEKMczwwlrx7b6EX9p5vazjSzLIYZUOG4mcyn0b4bT6vDoAfxps33n5QARUp9/KHttNlUjEC+dQvEcaJ6/UTEVd9P2793FYxzuvq+6+6aRq9TM5//NqxBct4531TSfVwrPXFcwI1iEwCRoHUgP7FCUVf69i6gkhtPWp9zxhnnOZD6wBpX/xV4erhqda3DvzthEj/kaj1g0bcOoGJqoxA6A8EyW88k+QHeCvQhrJbVXcitvVDdU23LADiQ7YcTBq64kdCpZ5hUzz2ru92pcT9KegtBcVkUL3J8dz/GnTaEtY8WPuulK5Y1ES0PERzQ7uX8buDOEawbs5JZNO4xj59zdj31N99c6zP0UuiDpK/h54ORYwTiInNpsH1rSrqxw+8wfShMoCjgXDVaAIlSi4r0wW9T3vuM0qToheVVPD63rUCbHh3Yge4KuTgzz7C+AB+IeTwUVk3jXSiZaiInI7om2pp9HPZRLefyxjjYNu2U1JZh6rvIH5pLiOnAd9S+lxmXWz93FpxRgHPHlrDB1PuR1zh++MjYQCqOURkqoj8uyoJMbLB9QKbol6gEbSV2npfoURwhiAyEeXE/DGrAJFNwC9LyiW5Z/UhKv//E3zoDWCtKv/8zV+w+nd3TdB8XmAFqoOBs/I1xJJPGTCAHBh4kY0ot6U1uay0/+mwseGD7tKHCh96Azhj8vl0bHsz4HnhEvJHyghocYTlYE6eLLAHWKToXelU97JcZ6Pu2H1sMnM+yvjQL2jRoZNIte+QUDBWJfmElROB40VkOFCjSiT/qyWSRmhFdRvwGrDEz2XfCJfVxVs2L/6gu/Ghxf8DwvKOSmwdryMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTUtMDktMjFUMTc6NTE6MTIrMDI6MDAaMs3qAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE1LTA5LTIxVDE3OjUxOjEyKzAyOjAwa291VgAAAABJRU5ErkJggg==");background-repeat:no-repeat;background-size:contain;vertical-align:middle}.footer{border-top:1px solid #dbdbdb;display:flex;justify-content:space-between}.footer-link{transition:all .2s}.footer-link:hover{text-decoration:none;opacity:.7}.footer-logo{height:24px;width:auto;max-width:100%;display:inline-block}.footer-copyright{font-weight:500;color:#7a7a7a}.ods-content>.tab-content{margin-top:.866rem}.card-list,.card-home{height:100%;display:block;border:1px solid #f6f8fb;transition:all .2s}.card-list:hover,.card-home:hover{border-color:#142e7b}.card-home{min-height:160px}.toc{position:sticky;top:5.3rem;padding:.866rem}.home-results{display:grid;row-gap:20px}@media (min-width: 769px){.home-results{grid-template-columns:1fr 1fr;grid-column-gap:20px}}.list-results{display:grid;row-gap:20px}@media (min-width: 769px){.list-results{grid-template-columns:1fr 1fr 1fr;grid-column-gap:20px}}:target::before{content:"";display:block;height:141px;margin:-141px 0 0}html{scroll-behavior:smooth}.codelibrary{min-height:calc(100vh - 141px)} +.pagination-previous,.pagination-next,.pagination-link,.pagination-ellipsis,.file-cta,.file-name,.select select,.textarea,.input,.button{-moz-appearance:none;-webkit-appearance:none;align-items:center;border:1px solid transparent;border-radius:8px;box-shadow:none;display:inline-flex;font-size:1rem;height:2.5em;justify-content:flex-start;line-height:1.5;padding-bottom:calc(0.5em - 1px);padding-left:calc(0.75em - 1px);padding-right:calc(0.75em - 1px);padding-top:calc(0.5em - 1px);position:relative;vertical-align:top}.pagination-previous:focus,.pagination-next:focus,.pagination-link:focus,.pagination-ellipsis:focus,.file-cta:focus,.file-name:focus,.select select:focus,.textarea:focus,.input:focus,.button:focus,.is-focused.pagination-previous,.is-focused.pagination-next,.is-focused.pagination-link,.is-focused.pagination-ellipsis,.is-focused.file-cta,.is-focused.file-name,.select select.is-focused,.is-focused.textarea,.is-focused.input,.is-focused.button,.pagination-previous:active,.pagination-next:active,.pagination-link:active,.pagination-ellipsis:active,.file-cta:active,.file-name:active,.select select:active,.textarea:active,.input:active,.button:active,.is-active.pagination-previous,.is-active.pagination-next,.is-active.pagination-link,.is-active.pagination-ellipsis,.is-active.file-cta,.is-active.file-name,.select select.is-active,.is-active.textarea,.is-active.input,.is-active.button{outline:none}[disabled].pagination-previous,[disabled].pagination-next,[disabled].pagination-link,[disabled].pagination-ellipsis,[disabled].file-cta,[disabled].file-name,.select select[disabled],[disabled].textarea,[disabled].input,[disabled].button,fieldset[disabled] .pagination-previous,fieldset[disabled] .pagination-next,fieldset[disabled] .pagination-link,fieldset[disabled] .pagination-ellipsis,fieldset[disabled] .file-cta,fieldset[disabled] .file-name,fieldset[disabled] .select select,.select fieldset[disabled] select,fieldset[disabled] .textarea,fieldset[disabled] .input,fieldset[disabled] .button{cursor:not-allowed}.tabs,.pagination-previous,.pagination-next,.pagination-link,.pagination-ellipsis,.breadcrumb,.is-unselectable,.file,.button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.navbar-link:not(.is-arrowless)::after,.select:not(.is-multiple):not(.is-loading)::after{border:3px solid rgba(0,0,0,0);border-radius:2px;border-right:0;border-top:0;content:" ";display:block;height:0.625em;margin-top:-0.4375em;pointer-events:none;position:absolute;top:50%;transform:rotate(-45deg);transform-origin:center;width:0.625em}.tabs:not(:last-child),.pagination:not(:last-child),.message:not(:last-child),.level:not(:last-child),.breadcrumb:not(:last-child),.block:not(:last-child),.title:not(:last-child),.subtitle:not(:last-child),.table-container:not(:last-child),.table:not(:last-child),.progress:not(:last-child),.notification:not(:last-child),.content:not(:last-child),.box:not(:last-child){margin-bottom:1.5rem}.modal-close,.delete{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;background-color:rgba(10,10,10,0.2);border:none;border-radius:9999px;cursor:pointer;pointer-events:auto;display:inline-block;flex-grow:0;flex-shrink:0;font-size:0;height:20px;max-height:20px;max-width:20px;min-height:20px;min-width:20px;outline:none;position:relative;vertical-align:top;width:20px}.modal-close::before,.delete::before,.modal-close::after,.delete::after{background-color:#fff;content:"";display:block;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) rotate(45deg);transform-origin:center center}.modal-close::before,.delete::before{height:2px;width:50%}.modal-close::after,.delete::after{height:50%;width:2px}.modal-close:hover,.delete:hover,.modal-close:focus,.delete:focus{background-color:rgba(10,10,10,0.3)}.modal-close:active,.delete:active{background-color:rgba(10,10,10,0.4)}.is-small.modal-close,.is-small.delete{height:16px;max-height:16px;max-width:16px;min-height:16px;min-width:16px;width:16px}.is-medium.modal-close,.is-medium.delete{height:24px;max-height:24px;max-width:24px;min-height:24px;min-width:24px;width:24px}.is-large.modal-close,.is-large.delete{height:32px;max-height:32px;max-width:32px;min-height:32px;min-width:32px;width:32px}.control.is-loading::after,.select.is-loading::after,.loader,.button.is-loading::after{animation:spinAround 500ms infinite linear;border:2px solid #dbdbdb;border-radius:9999px;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:1em;position:relative;width:1em}.hero-video,.modal-background,.modal,.is-overlay,.image.is-square img,.image.is-square .has-ratio,.image.is-1by1 img,.image.is-1by1 .has-ratio,.image.is-5by4 img,.image.is-5by4 .has-ratio,.image.is-4by3 img,.image.is-4by3 .has-ratio,.image.is-3by2 img,.image.is-3by2 .has-ratio,.image.is-5by3 img,.image.is-5by3 .has-ratio,.image.is-16by9 img,.image.is-16by9 .has-ratio,.image.is-2by1 img,.image.is-2by1 .has-ratio,.image.is-3by1 img,.image.is-3by1 .has-ratio,.image.is-4by5 img,.image.is-4by5 .has-ratio,.image.is-3by4 img,.image.is-3by4 .has-ratio,.image.is-2by3 img,.image.is-2by3 .has-ratio,.image.is-3by5 img,.image.is-3by5 .has-ratio,.image.is-9by16 img,.image.is-9by16 .has-ratio,.image.is-1by2 img,.image.is-1by2 .has-ratio,.image.is-1by3 img,.image.is-1by3 .has-ratio{bottom:0;left:0;position:absolute;right:0;top:0}.navbar-burger{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:none;border:none;color:currentColor;font-family:inherit;font-size:1em;margin:0;padding:0}/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}td:not([align]),th:not([align]){text-align:inherit}html{background-color:#fff;font-size:15px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;min-width:300px;overflow-x:hidden;overflow-y:scroll;text-rendering:optimizeLegibility;text-size-adjust:100%}article,aside,figure,footer,header,hgroup,section{display:block}body,button,input,optgroup,select,textarea{font-family:BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif}code,pre{-moz-osx-font-smoothing:auto;-webkit-font-smoothing:auto;font-family:monospace}body{color:#4a4a4a;font-size:1em;font-weight:400;line-height:1.5}a{color:#485fc7;cursor:pointer;text-decoration:none}a strong{color:currentColor}a:hover{color:#363636}code{background-color:#f5f5f5;color:#da1039;font-size:.875em;font-weight:normal;padding:0.25em 0.5em 0.25em}hr{background-color:#f5f5f5;border:none;display:block;height:2px;margin:1.5rem 0}img{height:auto;max-width:100%}input[type="checkbox"],input[type="radio"]{vertical-align:baseline}small{font-size:.875em}span{font-style:inherit;font-weight:inherit}strong{color:#363636;font-weight:700}fieldset{border:none}pre{-webkit-overflow-scrolling:touch;background-color:#f5f5f5;color:#4a4a4a;font-size:.875em;overflow-x:auto;padding:1.25rem 1.5rem;white-space:pre;word-wrap:normal}pre code{background-color:transparent;color:currentColor;font-size:1em;padding:0}table td,table th{vertical-align:top}table td:not([align]),table th:not([align]){text-align:inherit}table th{color:#363636}@keyframes spinAround{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}.box{background-color:#fff;border-radius:6px;box-shadow:none;color:#565656;display:block;padding:0}a.box:hover,a.box:focus{box-shadow:0 0.5em 1em -0.125em rgba(10,10,10,0.1),0 0 0 1px #485fc7}a.box:active{box-shadow:inset 0 1px 2px rgba(10,10,10,0.2),0 0 0 1px #485fc7}.button{background-color:#fff;border-color:#dbdbdb;border-width:1px;color:#363636;cursor:pointer;justify-content:center;padding-bottom:calc(0.5em - 1px);padding-left:1em;padding-right:1em;padding-top:calc(0.5em - 1px);text-align:center;white-space:nowrap}.button strong{color:inherit}.button .icon,.button .icon.is-small,.button .icon.is-medium,.button .icon.is-large{height:1.5em;width:1.5em}.button .icon:first-child:not(:last-child){margin-left:calc(-0.5em - 1px);margin-right:.25em}.button .icon:last-child:not(:first-child){margin-left:.25em;margin-right:calc(-0.5em - 1px)}.button .icon:first-child:last-child{margin-left:calc(-0.5em - 1px);margin-right:calc(-0.5em - 1px)}.button:hover,.button.is-hovered{border-color:#cbd2db;color:#363636}.button:focus,.button.is-focused{border-color:#485fc7;color:#363636}.button:focus:not(:active),.button.is-focused:not(:active){box-shadow:0 0 0 0.125em rgba(72,95,199,0.25)}.button:active,.button.is-active{border-color:#4a4a4a;color:#363636}.button.is-text{background-color:transparent;border-color:transparent;color:#4a4a4a;text-decoration:underline}.button.is-text:hover,.button.is-text.is-hovered,.button.is-text:focus,.button.is-text.is-focused{background-color:#f5f5f5;color:#363636}.button.is-text:active,.button.is-text.is-active{background-color:#e8e8e8;color:#363636}.button.is-text[disabled],fieldset[disabled] .button.is-text{background-color:transparent;border-color:transparent;box-shadow:none}.button.is-ghost{background:none;border-color:rgba(0,0,0,0);color:#485fc7;text-decoration:none}.button.is-ghost:hover,.button.is-ghost.is-hovered{color:#485fc7;text-decoration:underline}.button.is-white{background-color:#fff;border-color:transparent;color:#0a0a0a}.button.is-white:hover,.button.is-white.is-hovered{background-color:#f9f9f9;border-color:transparent;color:#0a0a0a}.button.is-white:focus,.button.is-white.is-focused{border-color:transparent;color:#0a0a0a}.button.is-white:focus:not(:active),.button.is-white.is-focused:not(:active){box-shadow:0 0 0 0.125em rgba(255,255,255,0.25)}.button.is-white:active,.button.is-white.is-active{background-color:#f2f2f2;border-color:transparent;color:#0a0a0a}.button.is-white[disabled],fieldset[disabled] .button.is-white{background-color:#fff;border-color:#fff;box-shadow:none}.button.is-white.is-inverted{background-color:#0a0a0a;color:#fff}.button.is-white.is-inverted:hover,.button.is-white.is-inverted.is-hovered{background-color:#000}.button.is-white.is-inverted[disabled],fieldset[disabled] .button.is-white.is-inverted{background-color:#0a0a0a;border-color:transparent;box-shadow:none;color:#fff}.button.is-white.is-loading::after{border-color:transparent transparent #0a0a0a #0a0a0a !important}.button.is-white.is-outlined{background-color:transparent;border-color:#fff;color:#fff}.button.is-white.is-outlined:hover,.button.is-white.is-outlined.is-hovered,.button.is-white.is-outlined:focus,.button.is-white.is-outlined.is-focused{background-color:#fff;border-color:#fff;color:#0a0a0a}.button.is-white.is-outlined.is-loading::after{border-color:transparent transparent #fff #fff !important}.button.is-white.is-outlined.is-loading:hover::after,.button.is-white.is-outlined.is-loading.is-hovered::after,.button.is-white.is-outlined.is-loading:focus::after,.button.is-white.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #0a0a0a #0a0a0a !important}.button.is-white.is-outlined[disabled],fieldset[disabled] .button.is-white.is-outlined{background-color:transparent;border-color:#fff;box-shadow:none;color:#fff}.button.is-white.is-inverted.is-outlined{background-color:transparent;border-color:#0a0a0a;color:#0a0a0a}.button.is-white.is-inverted.is-outlined:hover,.button.is-white.is-inverted.is-outlined.is-hovered,.button.is-white.is-inverted.is-outlined:focus,.button.is-white.is-inverted.is-outlined.is-focused{background-color:#0a0a0a;color:#fff}.button.is-white.is-inverted.is-outlined.is-loading:hover::after,.button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-white.is-inverted.is-outlined.is-loading:focus::after,.button.is-white.is-inverted.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #fff #fff !important}.button.is-white.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-white.is-inverted.is-outlined{background-color:transparent;border-color:#0a0a0a;box-shadow:none;color:#0a0a0a}.button.is-black{background-color:#0a0a0a;border-color:transparent;color:#fff}.button.is-black:hover,.button.is-black.is-hovered{background-color:#040404;border-color:transparent;color:#fff}.button.is-black:focus,.button.is-black.is-focused{border-color:transparent;color:#fff}.button.is-black:focus:not(:active),.button.is-black.is-focused:not(:active){box-shadow:0 0 0 0.125em rgba(10,10,10,0.25)}.button.is-black:active,.button.is-black.is-active{background-color:#000;border-color:transparent;color:#fff}.button.is-black[disabled],fieldset[disabled] .button.is-black{background-color:#0a0a0a;border-color:#0a0a0a;box-shadow:none}.button.is-black.is-inverted{background-color:#fff;color:#0a0a0a}.button.is-black.is-inverted:hover,.button.is-black.is-inverted.is-hovered{background-color:#f2f2f2}.button.is-black.is-inverted[disabled],fieldset[disabled] .button.is-black.is-inverted{background-color:#fff;border-color:transparent;box-shadow:none;color:#0a0a0a}.button.is-black.is-loading::after{border-color:transparent transparent #fff #fff !important}.button.is-black.is-outlined{background-color:transparent;border-color:#0a0a0a;color:#0a0a0a}.button.is-black.is-outlined:hover,.button.is-black.is-outlined.is-hovered,.button.is-black.is-outlined:focus,.button.is-black.is-outlined.is-focused{background-color:#0a0a0a;border-color:#0a0a0a;color:#fff}.button.is-black.is-outlined.is-loading::after{border-color:transparent transparent #0a0a0a #0a0a0a !important}.button.is-black.is-outlined.is-loading:hover::after,.button.is-black.is-outlined.is-loading.is-hovered::after,.button.is-black.is-outlined.is-loading:focus::after,.button.is-black.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #fff #fff !important}.button.is-black.is-outlined[disabled],fieldset[disabled] .button.is-black.is-outlined{background-color:transparent;border-color:#0a0a0a;box-shadow:none;color:#0a0a0a}.button.is-black.is-inverted.is-outlined{background-color:transparent;border-color:#fff;color:#fff}.button.is-black.is-inverted.is-outlined:hover,.button.is-black.is-inverted.is-outlined.is-hovered,.button.is-black.is-inverted.is-outlined:focus,.button.is-black.is-inverted.is-outlined.is-focused{background-color:#fff;color:#0a0a0a}.button.is-black.is-inverted.is-outlined.is-loading:hover::after,.button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-black.is-inverted.is-outlined.is-loading:focus::after,.button.is-black.is-inverted.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #0a0a0a #0a0a0a !important}.button.is-black.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-black.is-inverted.is-outlined{background-color:transparent;border-color:#fff;box-shadow:none;color:#fff}.button.is-light{background-color:#f6f8fb;border-color:transparent;color:rgba(0,0,0,0.7)}.button.is-light:hover,.button.is-light.is-hovered{background-color:#edf1f7;border-color:transparent;color:rgba(0,0,0,0.7)}.button.is-light:focus,.button.is-light.is-focused{border-color:transparent;color:rgba(0,0,0,0.7)}.button.is-light:focus:not(:active),.button.is-light.is-focused:not(:active){box-shadow:0 0 0 0.125em rgba(246,248,251,0.25)}.button.is-light:active,.button.is-light.is-active{background-color:#e4eaf3;border-color:transparent;color:rgba(0,0,0,0.7)}.button.is-light[disabled],fieldset[disabled] .button.is-light{background-color:#f6f8fb;border-color:#f6f8fb;box-shadow:none}.button.is-light.is-inverted{background-color:rgba(0,0,0,0.7);color:#f6f8fb}.button.is-light.is-inverted:hover,.button.is-light.is-inverted.is-hovered{background-color:rgba(0,0,0,0.7)}.button.is-light.is-inverted[disabled],fieldset[disabled] .button.is-light.is-inverted{background-color:rgba(0,0,0,0.7);border-color:transparent;box-shadow:none;color:#f6f8fb}.button.is-light.is-loading::after{border-color:transparent transparent rgba(0,0,0,0.7) rgba(0,0,0,0.7) !important}.button.is-light.is-outlined{background-color:transparent;border-color:#f6f8fb;color:#f6f8fb}.button.is-light.is-outlined:hover,.button.is-light.is-outlined.is-hovered,.button.is-light.is-outlined:focus,.button.is-light.is-outlined.is-focused{background-color:#f6f8fb;border-color:#f6f8fb;color:rgba(0,0,0,0.7)}.button.is-light.is-outlined.is-loading::after{border-color:transparent transparent #f6f8fb #f6f8fb !important}.button.is-light.is-outlined.is-loading:hover::after,.button.is-light.is-outlined.is-loading.is-hovered::after,.button.is-light.is-outlined.is-loading:focus::after,.button.is-light.is-outlined.is-loading.is-focused::after{border-color:transparent transparent rgba(0,0,0,0.7) rgba(0,0,0,0.7) !important}.button.is-light.is-outlined[disabled],fieldset[disabled] .button.is-light.is-outlined{background-color:transparent;border-color:#f6f8fb;box-shadow:none;color:#f6f8fb}.button.is-light.is-inverted.is-outlined{background-color:transparent;border-color:rgba(0,0,0,0.7);color:rgba(0,0,0,0.7)}.button.is-light.is-inverted.is-outlined:hover,.button.is-light.is-inverted.is-outlined.is-hovered,.button.is-light.is-inverted.is-outlined:focus,.button.is-light.is-inverted.is-outlined.is-focused{background-color:rgba(0,0,0,0.7);color:#f6f8fb}.button.is-light.is-inverted.is-outlined.is-loading:hover::after,.button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-light.is-inverted.is-outlined.is-loading:focus::after,.button.is-light.is-inverted.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #f6f8fb #f6f8fb !important}.button.is-light.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-light.is-inverted.is-outlined{background-color:transparent;border-color:rgba(0,0,0,0.7);box-shadow:none;color:rgba(0,0,0,0.7)}.button.is-dark{background-color:#363636;border-color:transparent;color:#fff}.button.is-dark:hover,.button.is-dark.is-hovered{background-color:#2f2f2f;border-color:transparent;color:#fff}.button.is-dark:focus,.button.is-dark.is-focused{border-color:transparent;color:#fff}.button.is-dark:focus:not(:active),.button.is-dark.is-focused:not(:active){box-shadow:0 0 0 0.125em rgba(54,54,54,0.25)}.button.is-dark:active,.button.is-dark.is-active{background-color:#292929;border-color:transparent;color:#fff}.button.is-dark[disabled],fieldset[disabled] .button.is-dark{background-color:#363636;border-color:#363636;box-shadow:none}.button.is-dark.is-inverted{background-color:#fff;color:#363636}.button.is-dark.is-inverted:hover,.button.is-dark.is-inverted.is-hovered{background-color:#f2f2f2}.button.is-dark.is-inverted[disabled],fieldset[disabled] .button.is-dark.is-inverted{background-color:#fff;border-color:transparent;box-shadow:none;color:#363636}.button.is-dark.is-loading::after{border-color:transparent transparent #fff #fff !important}.button.is-dark.is-outlined{background-color:transparent;border-color:#363636;color:#363636}.button.is-dark.is-outlined:hover,.button.is-dark.is-outlined.is-hovered,.button.is-dark.is-outlined:focus,.button.is-dark.is-outlined.is-focused{background-color:#363636;border-color:#363636;color:#fff}.button.is-dark.is-outlined.is-loading::after{border-color:transparent transparent #363636 #363636 !important}.button.is-dark.is-outlined.is-loading:hover::after,.button.is-dark.is-outlined.is-loading.is-hovered::after,.button.is-dark.is-outlined.is-loading:focus::after,.button.is-dark.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #fff #fff !important}.button.is-dark.is-outlined[disabled],fieldset[disabled] .button.is-dark.is-outlined{background-color:transparent;border-color:#363636;box-shadow:none;color:#363636}.button.is-dark.is-inverted.is-outlined{background-color:transparent;border-color:#fff;color:#fff}.button.is-dark.is-inverted.is-outlined:hover,.button.is-dark.is-inverted.is-outlined.is-hovered,.button.is-dark.is-inverted.is-outlined:focus,.button.is-dark.is-inverted.is-outlined.is-focused{background-color:#fff;color:#363636}.button.is-dark.is-inverted.is-outlined.is-loading:hover::after,.button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-dark.is-inverted.is-outlined.is-loading:focus::after,.button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #363636 #363636 !important}.button.is-dark.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-dark.is-inverted.is-outlined{background-color:transparent;border-color:#fff;box-shadow:none;color:#fff}.button.is-primary{background-color:#142e7b;border-color:transparent;color:#fff}.button.is-primary:hover,.button.is-primary.is-hovered{background-color:#122a70;border-color:transparent;color:#fff}.button.is-primary:focus,.button.is-primary.is-focused{border-color:transparent;color:#fff}.button.is-primary:focus:not(:active),.button.is-primary.is-focused:not(:active){box-shadow:0 0 0 0.125em rgba(20,46,123,0.25)}.button.is-primary:active,.button.is-primary.is-active{background-color:#102665;border-color:transparent;color:#fff}.button.is-primary[disabled],fieldset[disabled] .button.is-primary{background-color:#142e7b;border-color:#142e7b;box-shadow:none}.button.is-primary.is-inverted{background-color:#fff;color:#142e7b}.button.is-primary.is-inverted:hover,.button.is-primary.is-inverted.is-hovered{background-color:#f2f2f2}.button.is-primary.is-inverted[disabled],fieldset[disabled] .button.is-primary.is-inverted{background-color:#fff;border-color:transparent;box-shadow:none;color:#142e7b}.button.is-primary.is-loading::after{border-color:transparent transparent #fff #fff !important}.button.is-primary.is-outlined{background-color:transparent;border-color:#142e7b;color:#142e7b}.button.is-primary.is-outlined:hover,.button.is-primary.is-outlined.is-hovered,.button.is-primary.is-outlined:focus,.button.is-primary.is-outlined.is-focused{background-color:#142e7b;border-color:#142e7b;color:#fff}.button.is-primary.is-outlined.is-loading::after{border-color:transparent transparent #142e7b #142e7b !important}.button.is-primary.is-outlined.is-loading:hover::after,.button.is-primary.is-outlined.is-loading.is-hovered::after,.button.is-primary.is-outlined.is-loading:focus::after,.button.is-primary.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #fff #fff !important}.button.is-primary.is-outlined[disabled],fieldset[disabled] .button.is-primary.is-outlined{background-color:transparent;border-color:#142e7b;box-shadow:none;color:#142e7b}.button.is-primary.is-inverted.is-outlined{background-color:transparent;border-color:#fff;color:#fff}.button.is-primary.is-inverted.is-outlined:hover,.button.is-primary.is-inverted.is-outlined.is-hovered,.button.is-primary.is-inverted.is-outlined:focus,.button.is-primary.is-inverted.is-outlined.is-focused{background-color:#fff;color:#142e7b}.button.is-primary.is-inverted.is-outlined.is-loading:hover::after,.button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-primary.is-inverted.is-outlined.is-loading:focus::after,.button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #142e7b #142e7b !important}.button.is-primary.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-primary.is-inverted.is-outlined{background-color:transparent;border-color:#fff;box-shadow:none;color:#fff}.button.is-primary.is-light{background-color:#edf1fc;color:#3560de}.button.is-primary.is-light:hover,.button.is-primary.is-light.is-hovered{background-color:#e2e9fa;border-color:transparent;color:#3560de}.button.is-primary.is-light:active,.button.is-primary.is-light.is-active{background-color:#d8e0f9;border-color:transparent;color:#3560de}.button.is-link{background-color:#485fc7;border-color:transparent;color:#fff}.button.is-link:hover,.button.is-link.is-hovered{background-color:#3e56c4;border-color:transparent;color:#fff}.button.is-link:focus,.button.is-link.is-focused{border-color:transparent;color:#fff}.button.is-link:focus:not(:active),.button.is-link.is-focused:not(:active){box-shadow:0 0 0 0.125em rgba(72,95,199,0.25)}.button.is-link:active,.button.is-link.is-active{background-color:#3a51bb;border-color:transparent;color:#fff}.button.is-link[disabled],fieldset[disabled] .button.is-link{background-color:#485fc7;border-color:#485fc7;box-shadow:none}.button.is-link.is-inverted{background-color:#fff;color:#485fc7}.button.is-link.is-inverted:hover,.button.is-link.is-inverted.is-hovered{background-color:#f2f2f2}.button.is-link.is-inverted[disabled],fieldset[disabled] .button.is-link.is-inverted{background-color:#fff;border-color:transparent;box-shadow:none;color:#485fc7}.button.is-link.is-loading::after{border-color:transparent transparent #fff #fff !important}.button.is-link.is-outlined{background-color:transparent;border-color:#485fc7;color:#485fc7}.button.is-link.is-outlined:hover,.button.is-link.is-outlined.is-hovered,.button.is-link.is-outlined:focus,.button.is-link.is-outlined.is-focused{background-color:#485fc7;border-color:#485fc7;color:#fff}.button.is-link.is-outlined.is-loading::after{border-color:transparent transparent #485fc7 #485fc7 !important}.button.is-link.is-outlined.is-loading:hover::after,.button.is-link.is-outlined.is-loading.is-hovered::after,.button.is-link.is-outlined.is-loading:focus::after,.button.is-link.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #fff #fff !important}.button.is-link.is-outlined[disabled],fieldset[disabled] .button.is-link.is-outlined{background-color:transparent;border-color:#485fc7;box-shadow:none;color:#485fc7}.button.is-link.is-inverted.is-outlined{background-color:transparent;border-color:#fff;color:#fff}.button.is-link.is-inverted.is-outlined:hover,.button.is-link.is-inverted.is-outlined.is-hovered,.button.is-link.is-inverted.is-outlined:focus,.button.is-link.is-inverted.is-outlined.is-focused{background-color:#fff;color:#485fc7}.button.is-link.is-inverted.is-outlined.is-loading:hover::after,.button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-link.is-inverted.is-outlined.is-loading:focus::after,.button.is-link.is-inverted.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #485fc7 #485fc7 !important}.button.is-link.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-link.is-inverted.is-outlined{background-color:transparent;border-color:#fff;box-shadow:none;color:#fff}.button.is-link.is-light{background-color:#eff1fa;color:#3850b7}.button.is-link.is-light:hover,.button.is-link.is-light.is-hovered{background-color:#e6e9f7;border-color:transparent;color:#3850b7}.button.is-link.is-light:active,.button.is-link.is-light.is-active{background-color:#dce0f4;border-color:transparent;color:#3850b7}.button.is-info{background-color:#0086d6;border-color:transparent;color:#fff}.button.is-info:hover,.button.is-info.is-hovered{background-color:#007ec9;border-color:transparent;color:#fff}.button.is-info:focus,.button.is-info.is-focused{border-color:transparent;color:#fff}.button.is-info:focus:not(:active),.button.is-info.is-focused:not(:active){box-shadow:0 0 0 0.125em rgba(0,134,214,0.25)}.button.is-info:active,.button.is-info.is-active{background-color:#0076bd;border-color:transparent;color:#fff}.button.is-info[disabled],fieldset[disabled] .button.is-info{background-color:#0086d6;border-color:#0086d6;box-shadow:none}.button.is-info.is-inverted{background-color:#fff;color:#0086d6}.button.is-info.is-inverted:hover,.button.is-info.is-inverted.is-hovered{background-color:#f2f2f2}.button.is-info.is-inverted[disabled],fieldset[disabled] .button.is-info.is-inverted{background-color:#fff;border-color:transparent;box-shadow:none;color:#0086d6}.button.is-info.is-loading::after{border-color:transparent transparent #fff #fff !important}.button.is-info.is-outlined{background-color:transparent;border-color:#0086d6;color:#0086d6}.button.is-info.is-outlined:hover,.button.is-info.is-outlined.is-hovered,.button.is-info.is-outlined:focus,.button.is-info.is-outlined.is-focused{background-color:#0086d6;border-color:#0086d6;color:#fff}.button.is-info.is-outlined.is-loading::after{border-color:transparent transparent #0086d6 #0086d6 !important}.button.is-info.is-outlined.is-loading:hover::after,.button.is-info.is-outlined.is-loading.is-hovered::after,.button.is-info.is-outlined.is-loading:focus::after,.button.is-info.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #fff #fff !important}.button.is-info.is-outlined[disabled],fieldset[disabled] .button.is-info.is-outlined{background-color:transparent;border-color:#0086d6;box-shadow:none;color:#0086d6}.button.is-info.is-inverted.is-outlined{background-color:transparent;border-color:#fff;color:#fff}.button.is-info.is-inverted.is-outlined:hover,.button.is-info.is-inverted.is-outlined.is-hovered,.button.is-info.is-inverted.is-outlined:focus,.button.is-info.is-inverted.is-outlined.is-focused{background-color:#fff;color:#0086d6}.button.is-info.is-inverted.is-outlined.is-loading:hover::after,.button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-info.is-inverted.is-outlined.is-loading:focus::after,.button.is-info.is-inverted.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #0086d6 #0086d6 !important}.button.is-info.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-info.is-inverted.is-outlined{background-color:transparent;border-color:#fff;box-shadow:none;color:#fff}.button.is-info.is-light{background-color:#ebf7ff;color:#0089db}.button.is-info.is-light:hover,.button.is-info.is-light.is-hovered{background-color:#def3ff;border-color:transparent;color:#0089db}.button.is-info.is-light:active,.button.is-info.is-light.is-active{background-color:#d1eeff;border-color:transparent;color:#0089db}.button.is-success{background-color:#4bc467;border-color:transparent;color:#fff}.button.is-success:hover,.button.is-success.is-hovered{background-color:#41c15f;border-color:transparent;color:#fff}.button.is-success:focus,.button.is-success.is-focused{border-color:transparent;color:#fff}.button.is-success:focus:not(:active),.button.is-success.is-focused:not(:active){box-shadow:0 0 0 0.125em rgba(75,196,103,0.25)}.button.is-success:active,.button.is-success.is-active{background-color:#3db959;border-color:transparent;color:#fff}.button.is-success[disabled],fieldset[disabled] .button.is-success{background-color:#4bc467;border-color:#4bc467;box-shadow:none}.button.is-success.is-inverted{background-color:#fff;color:#4bc467}.button.is-success.is-inverted:hover,.button.is-success.is-inverted.is-hovered{background-color:#f2f2f2}.button.is-success.is-inverted[disabled],fieldset[disabled] .button.is-success.is-inverted{background-color:#fff;border-color:transparent;box-shadow:none;color:#4bc467}.button.is-success.is-loading::after{border-color:transparent transparent #fff #fff !important}.button.is-success.is-outlined{background-color:transparent;border-color:#4bc467;color:#4bc467}.button.is-success.is-outlined:hover,.button.is-success.is-outlined.is-hovered,.button.is-success.is-outlined:focus,.button.is-success.is-outlined.is-focused{background-color:#4bc467;border-color:#4bc467;color:#fff}.button.is-success.is-outlined.is-loading::after{border-color:transparent transparent #4bc467 #4bc467 !important}.button.is-success.is-outlined.is-loading:hover::after,.button.is-success.is-outlined.is-loading.is-hovered::after,.button.is-success.is-outlined.is-loading:focus::after,.button.is-success.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #fff #fff !important}.button.is-success.is-outlined[disabled],fieldset[disabled] .button.is-success.is-outlined{background-color:transparent;border-color:#4bc467;box-shadow:none;color:#4bc467}.button.is-success.is-inverted.is-outlined{background-color:transparent;border-color:#fff;color:#fff}.button.is-success.is-inverted.is-outlined:hover,.button.is-success.is-inverted.is-outlined.is-hovered,.button.is-success.is-inverted.is-outlined:focus,.button.is-success.is-inverted.is-outlined.is-focused{background-color:#fff;color:#4bc467}.button.is-success.is-inverted.is-outlined.is-loading:hover::after,.button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-success.is-inverted.is-outlined.is-loading:focus::after,.button.is-success.is-inverted.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #4bc467 #4bc467 !important}.button.is-success.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-success.is-inverted.is-outlined{background-color:transparent;border-color:#fff;box-shadow:none;color:#fff}.button.is-success.is-light{background-color:#f0faf2;color:#287b3b}.button.is-success.is-light:hover,.button.is-success.is-light.is-hovered{background-color:#e6f7ea;border-color:transparent;color:#287b3b}.button.is-success.is-light:active,.button.is-success.is-light.is-active{background-color:#dcf4e2;border-color:transparent;color:#287b3b}.button.is-warning{background-color:#efb71b;border-color:transparent;color:rgba(0,0,0,0.7)}.button.is-warning:hover,.button.is-warning.is-hovered{background-color:#edb311;border-color:transparent;color:rgba(0,0,0,0.7)}.button.is-warning:focus,.button.is-warning.is-focused{border-color:transparent;color:rgba(0,0,0,0.7)}.button.is-warning:focus:not(:active),.button.is-warning.is-focused:not(:active){box-shadow:0 0 0 0.125em rgba(239,183,27,0.25)}.button.is-warning:active,.button.is-warning.is-active{background-color:#e1aa10;border-color:transparent;color:rgba(0,0,0,0.7)}.button.is-warning[disabled],fieldset[disabled] .button.is-warning{background-color:#efb71b;border-color:#efb71b;box-shadow:none}.button.is-warning.is-inverted{background-color:rgba(0,0,0,0.7);color:#efb71b}.button.is-warning.is-inverted:hover,.button.is-warning.is-inverted.is-hovered{background-color:rgba(0,0,0,0.7)}.button.is-warning.is-inverted[disabled],fieldset[disabled] .button.is-warning.is-inverted{background-color:rgba(0,0,0,0.7);border-color:transparent;box-shadow:none;color:#efb71b}.button.is-warning.is-loading::after{border-color:transparent transparent rgba(0,0,0,0.7) rgba(0,0,0,0.7) !important}.button.is-warning.is-outlined{background-color:transparent;border-color:#efb71b;color:#efb71b}.button.is-warning.is-outlined:hover,.button.is-warning.is-outlined.is-hovered,.button.is-warning.is-outlined:focus,.button.is-warning.is-outlined.is-focused{background-color:#efb71b;border-color:#efb71b;color:rgba(0,0,0,0.7)}.button.is-warning.is-outlined.is-loading::after{border-color:transparent transparent #efb71b #efb71b !important}.button.is-warning.is-outlined.is-loading:hover::after,.button.is-warning.is-outlined.is-loading.is-hovered::after,.button.is-warning.is-outlined.is-loading:focus::after,.button.is-warning.is-outlined.is-loading.is-focused::after{border-color:transparent transparent rgba(0,0,0,0.7) rgba(0,0,0,0.7) !important}.button.is-warning.is-outlined[disabled],fieldset[disabled] .button.is-warning.is-outlined{background-color:transparent;border-color:#efb71b;box-shadow:none;color:#efb71b}.button.is-warning.is-inverted.is-outlined{background-color:transparent;border-color:rgba(0,0,0,0.7);color:rgba(0,0,0,0.7)}.button.is-warning.is-inverted.is-outlined:hover,.button.is-warning.is-inverted.is-outlined.is-hovered,.button.is-warning.is-inverted.is-outlined:focus,.button.is-warning.is-inverted.is-outlined.is-focused{background-color:rgba(0,0,0,0.7);color:#efb71b}.button.is-warning.is-inverted.is-outlined.is-loading:hover::after,.button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-warning.is-inverted.is-outlined.is-loading:focus::after,.button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #efb71b #efb71b !important}.button.is-warning.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-warning.is-inverted.is-outlined{background-color:transparent;border-color:rgba(0,0,0,0.7);box-shadow:none;color:rgba(0,0,0,0.7)}.button.is-warning.is-light{background-color:#fef9ec;color:#8a680a}.button.is-warning.is-light:hover,.button.is-warning.is-light.is-hovered{background-color:#fdf5e0;border-color:transparent;color:#8a680a}.button.is-warning.is-light:active,.button.is-warning.is-light.is-active{background-color:#fcf1d4;border-color:transparent;color:#8a680a}.button.is-danger{background-color:#ce0037;border-color:transparent;color:#fff}.button.is-danger:hover,.button.is-danger.is-hovered{background-color:#c10034;border-color:transparent;color:#fff}.button.is-danger:focus,.button.is-danger.is-focused{border-color:transparent;color:#fff}.button.is-danger:focus:not(:active),.button.is-danger.is-focused:not(:active){box-shadow:0 0 0 0.125em rgba(206,0,55,0.25)}.button.is-danger:active,.button.is-danger.is-active{background-color:#b50030;border-color:transparent;color:#fff}.button.is-danger[disabled],fieldset[disabled] .button.is-danger{background-color:#ce0037;border-color:#ce0037;box-shadow:none}.button.is-danger.is-inverted{background-color:#fff;color:#ce0037}.button.is-danger.is-inverted:hover,.button.is-danger.is-inverted.is-hovered{background-color:#f2f2f2}.button.is-danger.is-inverted[disabled],fieldset[disabled] .button.is-danger.is-inverted{background-color:#fff;border-color:transparent;box-shadow:none;color:#ce0037}.button.is-danger.is-loading::after{border-color:transparent transparent #fff #fff !important}.button.is-danger.is-outlined{background-color:transparent;border-color:#ce0037;color:#ce0037}.button.is-danger.is-outlined:hover,.button.is-danger.is-outlined.is-hovered,.button.is-danger.is-outlined:focus,.button.is-danger.is-outlined.is-focused{background-color:#ce0037;border-color:#ce0037;color:#fff}.button.is-danger.is-outlined.is-loading::after{border-color:transparent transparent #ce0037 #ce0037 !important}.button.is-danger.is-outlined.is-loading:hover::after,.button.is-danger.is-outlined.is-loading.is-hovered::after,.button.is-danger.is-outlined.is-loading:focus::after,.button.is-danger.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #fff #fff !important}.button.is-danger.is-outlined[disabled],fieldset[disabled] .button.is-danger.is-outlined{background-color:transparent;border-color:#ce0037;box-shadow:none;color:#ce0037}.button.is-danger.is-inverted.is-outlined{background-color:transparent;border-color:#fff;color:#fff}.button.is-danger.is-inverted.is-outlined:hover,.button.is-danger.is-inverted.is-outlined.is-hovered,.button.is-danger.is-inverted.is-outlined:focus,.button.is-danger.is-inverted.is-outlined.is-focused{background-color:#fff;color:#ce0037}.button.is-danger.is-inverted.is-outlined.is-loading:hover::after,.button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after,.button.is-danger.is-inverted.is-outlined.is-loading:focus::after,.button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after{border-color:transparent transparent #ce0037 #ce0037 !important}.button.is-danger.is-inverted.is-outlined[disabled],fieldset[disabled] .button.is-danger.is-inverted.is-outlined{background-color:transparent;border-color:#fff;box-shadow:none;color:#fff}.button.is-danger.is-light{background-color:#ffebf0;color:#fa0043}.button.is-danger.is-light:hover,.button.is-danger.is-light.is-hovered{background-color:#ffdee7;border-color:transparent;color:#fa0043}.button.is-danger.is-light:active,.button.is-danger.is-light.is-active{background-color:#ffd1dd;border-color:transparent;color:#fa0043}.button.is-small{font-size:.64rem}.button.is-small:not(.is-rounded){border-radius:4px}.button.is-normal{font-size:1rem}.button.is-medium{font-size:1.3rem}.button.is-large{font-size:1.5335rem}.button[disabled],fieldset[disabled] .button{background-color:#fff;border-color:#dbdbdb;box-shadow:none;opacity:.5}.button.is-fullwidth{display:flex;width:100%}.button.is-loading{color:transparent !important;pointer-events:none}.button.is-loading::after{position:absolute;left:calc(50% - (1em * 0.5));top:calc(50% - (1em * 0.5));position:absolute !important}.button.is-static{background-color:#f5f5f5;border-color:#dbdbdb;color:#7a7a7a;box-shadow:none;pointer-events:none}.button.is-rounded{border-radius:9999px;padding-left:calc(1em + 0.25em);padding-right:calc(1em + 0.25em)}.buttons{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start}.buttons .button{margin-bottom:0.5rem}.buttons .button:not(:last-child):not(.is-fullwidth){margin-right:.5rem}.buttons:last-child{margin-bottom:-0.5rem}.buttons:not(:last-child){margin-bottom:1rem}.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large){font-size:.64rem}.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded){border-radius:4px}.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large){font-size:1.3rem}.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium){font-size:1.5335rem}.buttons.has-addons .button:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.buttons.has-addons .button:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0;margin-right:-1px}.buttons.has-addons .button:last-child{margin-right:0}.buttons.has-addons .button:hover,.buttons.has-addons .button.is-hovered{z-index:2}.buttons.has-addons .button:focus,.buttons.has-addons .button.is-focused,.buttons.has-addons .button:active,.buttons.has-addons .button.is-active,.buttons.has-addons .button.is-selected{z-index:3}.buttons.has-addons .button:focus:hover,.buttons.has-addons .button.is-focused:hover,.buttons.has-addons .button:active:hover,.buttons.has-addons .button.is-active:hover,.buttons.has-addons .button.is-selected:hover{z-index:4}.buttons.has-addons .button.is-expanded{flex-grow:1;flex-shrink:1}.buttons.is-centered{justify-content:center}.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth){margin-left:0.25rem;margin-right:0.25rem}.buttons.is-right{justify-content:flex-end}.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth){margin-left:0.25rem;margin-right:0.25rem}@media screen and (max-width: 768px){.button.is-responsive.is-small{font-size:.48rem}.button.is-responsive,.button.is-responsive.is-normal{font-size:.56rem}.button.is-responsive.is-medium{font-size:.64rem}.button.is-responsive.is-large{font-size:1rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.button.is-responsive.is-small{font-size:.56rem}.button.is-responsive,.button.is-responsive.is-normal{font-size:.64rem}.button.is-responsive.is-medium{font-size:1rem}.button.is-responsive.is-large{font-size:1.3rem}}.container{flex-grow:1;margin:0 auto;position:relative;width:auto}.container.is-fluid{max-width:none !important;padding-left:32px;padding-right:32px;width:100%}@media screen and (min-width: 1024px){.container{max-width:960px}}@media screen and (max-width: 1215px){.container.is-widescreen:not(.is-max-desktop){max-width:1152px}}@media screen and (max-width: 1407px){.container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen){max-width:1344px}}@media screen and (min-width: 1216px){.container:not(.is-max-desktop){max-width:1152px}}@media screen and (min-width: 1408px){.container:not(.is-max-desktop):not(.is-max-widescreen){max-width:1344px}}.content li+li{margin-top:0.25em}.content p:not(:last-child),.content dl:not(:last-child),.content ol:not(:last-child),.content ul:not(:last-child),.content blockquote:not(:last-child),.content pre:not(:last-child),.content table:not(:last-child){margin-bottom:1em}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{color:#363636;font-weight:500;line-height:1.25}.content h1{font-size:2em;margin-bottom:0.5em}.content h1:not(:first-child){margin-top:1em}.content h2{font-size:1.75em;margin-bottom:0.5714em}.content h2:not(:first-child){margin-top:1.1428em}.content h3{font-size:1.5em;margin-bottom:0.6666em}.content h3:not(:first-child){margin-top:1.3333em}.content h4{font-size:1.25em;margin-bottom:0.8em}.content h5{font-size:1.125em;margin-bottom:0.8888em}.content h6{font-size:1em;margin-bottom:1em}.content blockquote{background-color:#f5f5f5;border-left:5px solid #dbdbdb;padding:0.75em 1em}.content ol{list-style-position:outside;margin-left:2em;margin-top:1em}.content ol:not([type]){list-style-type:decimal}.content ol:not([type]).is-lower-alpha{list-style-type:lower-alpha}.content ol:not([type]).is-lower-roman{list-style-type:lower-roman}.content ol:not([type]).is-upper-alpha{list-style-type:upper-alpha}.content ol:not([type]).is-upper-roman{list-style-type:upper-roman}.content ul{list-style:disc outside;margin-left:2em;margin-top:1em}.content ul ul{list-style-type:circle;margin-top:0.5em}.content ul ul ul{list-style-type:square}.content dd{margin-left:2em}.content figure{margin-left:2em;margin-right:2em;text-align:center}.content figure:not(:first-child){margin-top:2em}.content figure:not(:last-child){margin-bottom:2em}.content figure img{display:inline-block}.content figure figcaption{font-style:italic}.content pre{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:1.25em 1.5em;white-space:pre;word-wrap:normal}.content sup,.content sub{font-size:75%}.content table{width:100%}.content table td,.content table th{border:1px solid #dbdbdb;border-width:0 0 1px;padding:0.5em 0.75em;vertical-align:top}.content table th{color:#363636}.content table th:not([align]){text-align:inherit}.content table thead td,.content table thead th{border-width:0 0 2px;color:#363636}.content table tfoot td,.content table tfoot th{border-width:2px 0 0;color:#363636}.content table tbody tr:last-child td,.content table tbody tr:last-child th{border-bottom-width:0}.content .tabs li+li{margin-top:0}.content.is-small{font-size:.64rem}.content.is-normal{font-size:1rem}.content.is-medium{font-size:1.3rem}.content.is-large{font-size:1.5335rem}.icon{align-items:center;display:inline-flex;justify-content:center;height:1rem;width:1rem}.icon.is-small{height:.75rem;width:.75rem}.icon.is-medium{height:1.5rem;width:1.5rem}.icon.is-large{height:3rem;width:3rem}.icon-text{align-items:flex-start;color:inherit;display:inline-flex;flex-wrap:wrap;line-height:1rem;vertical-align:top}.icon-text .icon{flex-grow:0;flex-shrink:0}.icon-text .icon:not(:last-child){margin-right:.25em}.icon-text .icon:not(:first-child){margin-left:.25em}div.icon-text{display:flex}.image{display:block;position:relative}.image img{display:block;height:auto;width:100%}.image img.is-rounded{border-radius:9999px}.image.is-fullwidth{width:100%}.image.is-square img,.image.is-square .has-ratio,.image.is-1by1 img,.image.is-1by1 .has-ratio,.image.is-5by4 img,.image.is-5by4 .has-ratio,.image.is-4by3 img,.image.is-4by3 .has-ratio,.image.is-3by2 img,.image.is-3by2 .has-ratio,.image.is-5by3 img,.image.is-5by3 .has-ratio,.image.is-16by9 img,.image.is-16by9 .has-ratio,.image.is-2by1 img,.image.is-2by1 .has-ratio,.image.is-3by1 img,.image.is-3by1 .has-ratio,.image.is-4by5 img,.image.is-4by5 .has-ratio,.image.is-3by4 img,.image.is-3by4 .has-ratio,.image.is-2by3 img,.image.is-2by3 .has-ratio,.image.is-3by5 img,.image.is-3by5 .has-ratio,.image.is-9by16 img,.image.is-9by16 .has-ratio,.image.is-1by2 img,.image.is-1by2 .has-ratio,.image.is-1by3 img,.image.is-1by3 .has-ratio{height:100%;width:100%}.image.is-square,.image.is-1by1{padding-top:100%}.image.is-5by4{padding-top:80%}.image.is-4by3{padding-top:75%}.image.is-3by2{padding-top:66.6666%}.image.is-5by3{padding-top:60%}.image.is-16by9{padding-top:56.25%}.image.is-2by1{padding-top:50%}.image.is-3by1{padding-top:33.3333%}.image.is-4by5{padding-top:125%}.image.is-3by4{padding-top:133.3333%}.image.is-2by3{padding-top:150%}.image.is-3by5{padding-top:166.6666%}.image.is-9by16{padding-top:177.7777%}.image.is-1by2{padding-top:200%}.image.is-1by3{padding-top:300%}.image.is-16x16{height:16px;width:16px}.image.is-24x24{height:24px;width:24px}.image.is-32x32{height:32px;width:32px}.image.is-48x48{height:48px;width:48px}.image.is-64x64{height:64px;width:64px}.image.is-96x96{height:96px;width:96px}.image.is-128x128{height:128px;width:128px}.notification{background-color:#f5f5f5;border-radius:6px;position:relative;padding:1.25rem 2.5rem 1.25rem 1.5rem}.notification a:not(.button):not(.dropdown-item){color:currentColor;text-decoration:underline}.notification strong{color:currentColor}.notification code,.notification pre{background:#fff}.notification pre code{background:transparent}.notification>.delete{right:.5rem;position:absolute;top:0.5rem}.notification .title,.notification .subtitle,.notification .content{color:currentColor}.notification.is-white{background-color:#fff;color:#0a0a0a}.notification.is-black{background-color:#0a0a0a;color:#fff}.notification.is-light{background-color:#f6f8fb;color:rgba(0,0,0,0.7)}.notification.is-dark{background-color:#363636;color:#fff}.notification.is-primary{background-color:#142e7b;color:#fff}.notification.is-primary.is-light{background-color:#edf1fc;color:#3560de}.notification.is-link{background-color:#485fc7;color:#fff}.notification.is-link.is-light{background-color:#eff1fa;color:#3850b7}.notification.is-info{background-color:#0086d6;color:#fff}.notification.is-info.is-light{background-color:#ebf7ff;color:#0089db}.notification.is-success{background-color:#4bc467;color:#fff}.notification.is-success.is-light{background-color:#f0faf2;color:#287b3b}.notification.is-warning{background-color:#efb71b;color:rgba(0,0,0,0.7)}.notification.is-warning.is-light{background-color:#fef9ec;color:#8a680a}.notification.is-danger{background-color:#ce0037;color:#fff}.notification.is-danger.is-light{background-color:#ffebf0;color:#fa0043}.progress{-moz-appearance:none;-webkit-appearance:none;border:none;border-radius:9999px;display:block;height:1rem;overflow:hidden;padding:0;width:100%}.progress::-webkit-progress-bar{background-color:#ededed}.progress::-webkit-progress-value{background-color:#4a4a4a}.progress::-moz-progress-bar{background-color:#4a4a4a}.progress::-ms-fill{background-color:#4a4a4a;border:none}.progress.is-white::-webkit-progress-value{background-color:#fff}.progress.is-white::-moz-progress-bar{background-color:#fff}.progress.is-white::-ms-fill{background-color:#fff}.progress.is-white:indeterminate{background-image:linear-gradient(to right, #fff 30%, #ededed 30%)}.progress.is-black::-webkit-progress-value{background-color:#0a0a0a}.progress.is-black::-moz-progress-bar{background-color:#0a0a0a}.progress.is-black::-ms-fill{background-color:#0a0a0a}.progress.is-black:indeterminate{background-image:linear-gradient(to right, #0a0a0a 30%, #ededed 30%)}.progress.is-light::-webkit-progress-value{background-color:#f6f8fb}.progress.is-light::-moz-progress-bar{background-color:#f6f8fb}.progress.is-light::-ms-fill{background-color:#f6f8fb}.progress.is-light:indeterminate{background-image:linear-gradient(to right, #f6f8fb 30%, #ededed 30%)}.progress.is-dark::-webkit-progress-value{background-color:#363636}.progress.is-dark::-moz-progress-bar{background-color:#363636}.progress.is-dark::-ms-fill{background-color:#363636}.progress.is-dark:indeterminate{background-image:linear-gradient(to right, #363636 30%, #ededed 30%)}.progress.is-primary::-webkit-progress-value{background-color:#142e7b}.progress.is-primary::-moz-progress-bar{background-color:#142e7b}.progress.is-primary::-ms-fill{background-color:#142e7b}.progress.is-primary:indeterminate{background-image:linear-gradient(to right, #142e7b 30%, #ededed 30%)}.progress.is-link::-webkit-progress-value{background-color:#485fc7}.progress.is-link::-moz-progress-bar{background-color:#485fc7}.progress.is-link::-ms-fill{background-color:#485fc7}.progress.is-link:indeterminate{background-image:linear-gradient(to right, #485fc7 30%, #ededed 30%)}.progress.is-info::-webkit-progress-value{background-color:#0086d6}.progress.is-info::-moz-progress-bar{background-color:#0086d6}.progress.is-info::-ms-fill{background-color:#0086d6}.progress.is-info:indeterminate{background-image:linear-gradient(to right, #0086d6 30%, #ededed 30%)}.progress.is-success::-webkit-progress-value{background-color:#4bc467}.progress.is-success::-moz-progress-bar{background-color:#4bc467}.progress.is-success::-ms-fill{background-color:#4bc467}.progress.is-success:indeterminate{background-image:linear-gradient(to right, #4bc467 30%, #ededed 30%)}.progress.is-warning::-webkit-progress-value{background-color:#efb71b}.progress.is-warning::-moz-progress-bar{background-color:#efb71b}.progress.is-warning::-ms-fill{background-color:#efb71b}.progress.is-warning:indeterminate{background-image:linear-gradient(to right, #efb71b 30%, #ededed 30%)}.progress.is-danger::-webkit-progress-value{background-color:#ce0037}.progress.is-danger::-moz-progress-bar{background-color:#ce0037}.progress.is-danger::-ms-fill{background-color:#ce0037}.progress.is-danger:indeterminate{background-image:linear-gradient(to right, #ce0037 30%, #ededed 30%)}.progress:indeterminate{animation-duration:1.5s;animation-iteration-count:infinite;animation-name:moveIndeterminate;animation-timing-function:linear;background-color:#ededed;background-image:linear-gradient(to right, #4a4a4a 30%, #ededed 30%);background-position:top left;background-repeat:no-repeat;background-size:150% 150%}.progress:indeterminate::-webkit-progress-bar{background-color:transparent}.progress:indeterminate::-moz-progress-bar{background-color:transparent}.progress:indeterminate::-ms-fill{animation-name:none}.progress.is-small{height:.64rem}.progress.is-medium{height:1.3rem}.progress.is-large{height:1.5335rem}@keyframes moveIndeterminate{from{background-position:200% 0}to{background-position:-200% 0}}.table{background-color:#fff;color:#363636}.table td,.table th{border:1px solid #dbdbdb;border-width:0 0 1px;padding:0.5em 0.75em;vertical-align:top}.table td.is-white,.table th.is-white{background-color:#fff;border-color:#fff;color:#0a0a0a}.table td.is-black,.table th.is-black{background-color:#0a0a0a;border-color:#0a0a0a;color:#fff}.table td.is-light,.table th.is-light{background-color:#f6f8fb;border-color:#f6f8fb;color:rgba(0,0,0,0.7)}.table td.is-dark,.table th.is-dark{background-color:#363636;border-color:#363636;color:#fff}.table td.is-primary,.table th.is-primary{background-color:#142e7b;border-color:#142e7b;color:#fff}.table td.is-link,.table th.is-link{background-color:#485fc7;border-color:#485fc7;color:#fff}.table td.is-info,.table th.is-info{background-color:#0086d6;border-color:#0086d6;color:#fff}.table td.is-success,.table th.is-success{background-color:#4bc467;border-color:#4bc467;color:#fff}.table td.is-warning,.table th.is-warning{background-color:#efb71b;border-color:#efb71b;color:rgba(0,0,0,0.7)}.table td.is-danger,.table th.is-danger{background-color:#ce0037;border-color:#ce0037;color:#fff}.table td.is-narrow,.table th.is-narrow{white-space:nowrap;width:1%}.table td.is-selected,.table th.is-selected{background-color:#142e7b;color:#fff}.table td.is-selected a,.table td.is-selected strong,.table th.is-selected a,.table th.is-selected strong{color:currentColor}.table td.is-vcentered,.table th.is-vcentered{vertical-align:middle}.table th{color:#363636}.table th:not([align]){text-align:left}.table tr.is-selected{background-color:#142e7b;color:#fff}.table tr.is-selected a,.table tr.is-selected strong{color:currentColor}.table tr.is-selected td,.table tr.is-selected th{border-color:#fff;color:currentColor}.table thead{background-color:rgba(0,0,0,0)}.table thead td,.table thead th{border-width:0 0 2px;color:#363636}.table tfoot{background-color:rgba(0,0,0,0)}.table tfoot td,.table tfoot th{border-width:2px 0 0;color:#363636}.table tbody{background-color:rgba(0,0,0,0)}.table tbody tr:last-child td,.table tbody tr:last-child th{border-bottom-width:0}.table.is-bordered td,.table.is-bordered th{border-width:1px}.table.is-bordered tr:last-child td,.table.is-bordered tr:last-child th{border-bottom-width:1px}.table.is-fullwidth{width:100%}.table.is-hoverable tbody tr:not(.is-selected):hover{background-color:#fafafa}.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover{background-color:#fafafa}.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even){background-color:#f5f5f5}.table.is-narrow td,.table.is-narrow th{padding:0.25em 0.5em}.table.is-striped tbody tr:not(.is-selected):nth-child(even){background-color:#fafafa}.table-container{-webkit-overflow-scrolling:touch;overflow:auto;overflow-y:hidden;max-width:100%}.tags{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start}.tags .tag{margin-bottom:0.5rem}.tags .tag:not(:last-child){margin-right:.5rem}.tags:last-child{margin-bottom:-0.5rem}.tags:not(:last-child){margin-bottom:1rem}.tags.are-medium .tag:not(.is-normal):not(.is-large){font-size:1rem}.tags.are-large .tag:not(.is-normal):not(.is-medium){font-size:1.3rem}.tags.is-centered{justify-content:center}.tags.is-centered .tag{margin-right:0.25rem;margin-left:0.25rem}.tags.is-right{justify-content:flex-end}.tags.is-right .tag:not(:first-child){margin-left:0.5rem}.tags.is-right .tag:not(:last-child){margin-right:0}.tags.has-addons .tag{margin-right:0}.tags.has-addons .tag:not(:first-child){margin-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.tags.has-addons .tag:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.tag:not(body){align-items:center;background-color:#e6f0fa;border-radius:6px;color:#024369;display:inline-flex;font-size:.64rem;height:2em;justify-content:center;line-height:1.5;padding-left:0.75em;padding-right:0.75em;white-space:nowrap}.tag:not(body) .delete{margin-left:.25rem;margin-right:-.375rem}.tag:not(body).is-white{background-color:#fff;color:#0a0a0a}.tag:not(body).is-black{background-color:#0a0a0a;color:#fff}.tag:not(body).is-light{background-color:#f6f8fb;color:rgba(0,0,0,0.7)}.tag:not(body).is-dark{background-color:#363636;color:#fff}.tag:not(body).is-primary{background-color:#142e7b;color:#fff}.tag:not(body).is-primary.is-light{background-color:#edf1fc;color:#3560de}.tag:not(body).is-link{background-color:#485fc7;color:#fff}.tag:not(body).is-link.is-light{background-color:#eff1fa;color:#3850b7}.tag:not(body).is-info{background-color:#0086d6;color:#fff}.tag:not(body).is-info.is-light{background-color:#ebf7ff;color:#0089db}.tag:not(body).is-success{background-color:#4bc467;color:#fff}.tag:not(body).is-success.is-light{background-color:#f0faf2;color:#287b3b}.tag:not(body).is-warning{background-color:#efb71b;color:rgba(0,0,0,0.7)}.tag:not(body).is-warning.is-light{background-color:#fef9ec;color:#8a680a}.tag:not(body).is-danger{background-color:#ce0037;color:#fff}.tag:not(body).is-danger.is-light{background-color:#ffebf0;color:#fa0043}.tag:not(body).is-normal{font-size:.64rem}.tag:not(body).is-medium{font-size:1rem}.tag:not(body).is-large{font-size:1.3rem}.tag:not(body) .icon:first-child:not(:last-child){margin-left:-.375em;margin-right:.1875em}.tag:not(body) .icon:last-child:not(:first-child){margin-left:.1875em;margin-right:-.375em}.tag:not(body) .icon:first-child:last-child{margin-left:-.375em;margin-right:-.375em}.tag:not(body).is-delete{margin-left:1px;padding:0;position:relative;width:2em}.tag:not(body).is-delete::before,.tag:not(body).is-delete::after{background-color:currentColor;content:"";display:block;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) rotate(45deg);transform-origin:center center}.tag:not(body).is-delete::before{height:1px;width:50%}.tag:not(body).is-delete::after{height:50%;width:1px}.tag:not(body).is-delete:hover,.tag:not(body).is-delete:focus{background-color:#d1e3f6}.tag:not(body).is-delete:active{background-color:#bcd7f2}.tag:not(body).is-rounded{border-radius:9999px}a.tag:hover{text-decoration:underline}.title,.subtitle{word-break:break-word}.title em,.title span,.subtitle em,.subtitle span{font-weight:inherit}.title sub,.subtitle sub{font-size:.75em}.title sup,.subtitle sup{font-size:.75em}.title .tag,.subtitle .tag{vertical-align:middle}.title{color:#000;font-size:1.5335rem;font-weight:500;line-height:1.125}.title strong{color:inherit;font-weight:inherit}.title:not(.is-spaced)+.subtitle{margin-top:-1.25rem}.title.is-1{font-size:2.466rem}.title.is-2{font-size:1.935rem}.title.is-3{font-size:1.5335rem}.title.is-4{font-size:1.3rem}.title.is-5{font-size:1rem}.title.is-6{font-size:.8rem}.title.is-7{font-size:.64rem}.subtitle{color:#565656;font-size:1rem;font-weight:400;line-height:1.25}.subtitle strong{color:#363636;font-weight:600}.subtitle:not(.is-spaced)+.title{margin-top:-1.25rem}.subtitle.is-1{font-size:2.466rem}.subtitle.is-2{font-size:1.935rem}.subtitle.is-3{font-size:1.5335rem}.subtitle.is-4{font-size:1.3rem}.subtitle.is-5{font-size:1rem}.subtitle.is-6{font-size:.8rem}.subtitle.is-7{font-size:.64rem}.heading{display:block;font-size:11px;letter-spacing:1px;margin-bottom:5px;text-transform:uppercase}.number{align-items:center;background-color:#f5f5f5;border-radius:9999px;display:inline-flex;font-size:1.3rem;height:2em;justify-content:center;margin-right:1.5rem;min-width:2.5em;padding:0.25rem 0.5rem;text-align:center;vertical-align:top}.select select,.textarea,.input{background-color:#fff;border-color:#dbdbdb;border-radius:6px;color:#363636}.select select::-moz-placeholder,.textarea::-moz-placeholder,.input::-moz-placeholder{color:rgba(54,54,54,0.3)}.select select::-webkit-input-placeholder,.textarea::-webkit-input-placeholder,.input::-webkit-input-placeholder{color:rgba(54,54,54,0.3)}.select select:-moz-placeholder,.textarea:-moz-placeholder,.input:-moz-placeholder{color:rgba(54,54,54,0.3)}.select select:-ms-input-placeholder,.textarea:-ms-input-placeholder,.input:-ms-input-placeholder{color:rgba(54,54,54,0.3)}.select select:hover,.textarea:hover,.input:hover,.select select.is-hovered,.is-hovered.textarea,.is-hovered.input{border-color:#cbd2db}.select select:focus,.textarea:focus,.input:focus,.select select.is-focused,.is-focused.textarea,.is-focused.input,.select select:active,.textarea:active,.input:active,.select select.is-active,.is-active.textarea,.is-active.input{border-color:#485fc7;box-shadow:0 0 0 0.125em rgba(72,95,199,0.25)}.select select[disabled],[disabled].textarea,[disabled].input,fieldset[disabled] .select select,.select fieldset[disabled] select,fieldset[disabled] .textarea,fieldset[disabled] .input{background-color:#f5f5f5;border-color:#f5f5f5;box-shadow:none;color:#7a7a7a}.select select[disabled]::-moz-placeholder,[disabled].textarea::-moz-placeholder,[disabled].input::-moz-placeholder,fieldset[disabled] .select select::-moz-placeholder,.select fieldset[disabled] select::-moz-placeholder,fieldset[disabled] .textarea::-moz-placeholder,fieldset[disabled] .input::-moz-placeholder{color:rgba(122,122,122,0.3)}.select select[disabled]::-webkit-input-placeholder,[disabled].textarea::-webkit-input-placeholder,[disabled].input::-webkit-input-placeholder,fieldset[disabled] .select select::-webkit-input-placeholder,.select fieldset[disabled] select::-webkit-input-placeholder,fieldset[disabled] .textarea::-webkit-input-placeholder,fieldset[disabled] .input::-webkit-input-placeholder{color:rgba(122,122,122,0.3)}.select select[disabled]:-moz-placeholder,[disabled].textarea:-moz-placeholder,[disabled].input:-moz-placeholder,fieldset[disabled] .select select:-moz-placeholder,.select fieldset[disabled] select:-moz-placeholder,fieldset[disabled] .textarea:-moz-placeholder,fieldset[disabled] .input:-moz-placeholder{color:rgba(122,122,122,0.3)}.select select[disabled]:-ms-input-placeholder,[disabled].textarea:-ms-input-placeholder,[disabled].input:-ms-input-placeholder,fieldset[disabled] .select select:-ms-input-placeholder,.select fieldset[disabled] select:-ms-input-placeholder,fieldset[disabled] .textarea:-ms-input-placeholder,fieldset[disabled] .input:-ms-input-placeholder{color:rgba(122,122,122,0.3)}.textarea,.input{box-shadow:inset 0 0.0625em 0.125em rgba(10,10,10,0.05);max-width:100%;width:100%}[readonly].textarea,[readonly].input{box-shadow:none}.is-white.textarea,.is-white.input{border-color:#fff}.is-white.textarea:focus,.is-white.input:focus,.is-white.is-focused.textarea,.is-white.is-focused.input,.is-white.textarea:active,.is-white.input:active,.is-white.is-active.textarea,.is-white.is-active.input{box-shadow:0 0 0 0.125em rgba(255,255,255,0.25)}.is-black.textarea,.is-black.input{border-color:#0a0a0a}.is-black.textarea:focus,.is-black.input:focus,.is-black.is-focused.textarea,.is-black.is-focused.input,.is-black.textarea:active,.is-black.input:active,.is-black.is-active.textarea,.is-black.is-active.input{box-shadow:0 0 0 0.125em rgba(10,10,10,0.25)}.is-light.textarea,.is-light.input{border-color:#f6f8fb}.is-light.textarea:focus,.is-light.input:focus,.is-light.is-focused.textarea,.is-light.is-focused.input,.is-light.textarea:active,.is-light.input:active,.is-light.is-active.textarea,.is-light.is-active.input{box-shadow:0 0 0 0.125em rgba(246,248,251,0.25)}.is-dark.textarea,.is-dark.input{border-color:#363636}.is-dark.textarea:focus,.is-dark.input:focus,.is-dark.is-focused.textarea,.is-dark.is-focused.input,.is-dark.textarea:active,.is-dark.input:active,.is-dark.is-active.textarea,.is-dark.is-active.input{box-shadow:0 0 0 0.125em rgba(54,54,54,0.25)}.is-primary.textarea,.is-primary.input{border-color:#142e7b}.is-primary.textarea:focus,.is-primary.input:focus,.is-primary.is-focused.textarea,.is-primary.is-focused.input,.is-primary.textarea:active,.is-primary.input:active,.is-primary.is-active.textarea,.is-primary.is-active.input{box-shadow:0 0 0 0.125em rgba(20,46,123,0.25)}.is-link.textarea,.is-link.input{border-color:#485fc7}.is-link.textarea:focus,.is-link.input:focus,.is-link.is-focused.textarea,.is-link.is-focused.input,.is-link.textarea:active,.is-link.input:active,.is-link.is-active.textarea,.is-link.is-active.input{box-shadow:0 0 0 0.125em rgba(72,95,199,0.25)}.is-info.textarea,.is-info.input{border-color:#0086d6}.is-info.textarea:focus,.is-info.input:focus,.is-info.is-focused.textarea,.is-info.is-focused.input,.is-info.textarea:active,.is-info.input:active,.is-info.is-active.textarea,.is-info.is-active.input{box-shadow:0 0 0 0.125em rgba(0,134,214,0.25)}.is-success.textarea,.is-success.input{border-color:#4bc467}.is-success.textarea:focus,.is-success.input:focus,.is-success.is-focused.textarea,.is-success.is-focused.input,.is-success.textarea:active,.is-success.input:active,.is-success.is-active.textarea,.is-success.is-active.input{box-shadow:0 0 0 0.125em rgba(75,196,103,0.25)}.is-warning.textarea,.is-warning.input{border-color:#efb71b}.is-warning.textarea:focus,.is-warning.input:focus,.is-warning.is-focused.textarea,.is-warning.is-focused.input,.is-warning.textarea:active,.is-warning.input:active,.is-warning.is-active.textarea,.is-warning.is-active.input{box-shadow:0 0 0 0.125em rgba(239,183,27,0.25)}.is-danger.textarea,.is-danger.input{border-color:#ce0037}.is-danger.textarea:focus,.is-danger.input:focus,.is-danger.is-focused.textarea,.is-danger.is-focused.input,.is-danger.textarea:active,.is-danger.input:active,.is-danger.is-active.textarea,.is-danger.is-active.input{box-shadow:0 0 0 0.125em rgba(206,0,55,0.25)}.is-small.textarea,.is-small.input{border-radius:4px;font-size:.64rem}.is-medium.textarea,.is-medium.input{font-size:1.3rem}.is-large.textarea,.is-large.input{font-size:1.5335rem}.is-fullwidth.textarea,.is-fullwidth.input{display:block;width:100%}.is-inline.textarea,.is-inline.input{display:inline;width:auto}.input.is-rounded{border-radius:9999px;padding-left:calc(calc(0.75em - 1px) + 0.375em);padding-right:calc(calc(0.75em - 1px) + 0.375em)}.input.is-static{background-color:transparent;border-color:transparent;box-shadow:none;padding-left:0;padding-right:0}.textarea{display:block;max-width:100%;min-width:100%;padding:calc(0.75em - 1px);resize:vertical}.textarea:not([rows]){max-height:40em;min-height:8em}.textarea[rows]{height:initial}.textarea.has-fixed-size{resize:none}.radio,.checkbox{cursor:pointer;display:inline-block;line-height:1.25;position:relative}.radio input,.checkbox input{cursor:pointer}.radio:hover,.checkbox:hover{color:#363636}[disabled].radio,[disabled].checkbox,fieldset[disabled] .radio,fieldset[disabled] .checkbox,.radio input[disabled],.checkbox input[disabled]{color:#7a7a7a;cursor:not-allowed}.radio+.radio{margin-left:.5em}.select{display:inline-block;max-width:100%;position:relative;vertical-align:top}.select:not(.is-multiple){height:2.5em}.select:not(.is-multiple):not(.is-loading)::after{border-color:#485fc7;right:1.125em;z-index:4}.select.is-rounded select{border-radius:9999px;padding-left:1em}.select select{cursor:pointer;display:block;font-size:1em;max-width:100%;outline:none}.select select::-ms-expand{display:none}.select select[disabled]:hover,fieldset[disabled] .select select:hover{border-color:#f5f5f5}.select select:not([multiple]){padding-right:2.5em}.select select[multiple]{height:auto;padding:0}.select select[multiple] option{padding:0.5em 1em}.select:not(.is-multiple):not(.is-loading):hover::after{border-color:#363636}.select.is-white:not(:hover)::after{border-color:#fff}.select.is-white select{border-color:#fff}.select.is-white select:hover,.select.is-white select.is-hovered{border-color:#f2f2f2}.select.is-white select:focus,.select.is-white select.is-focused,.select.is-white select:active,.select.is-white select.is-active{box-shadow:0 0 0 0.125em rgba(255,255,255,0.25)}.select.is-black:not(:hover)::after{border-color:#0a0a0a}.select.is-black select{border-color:#0a0a0a}.select.is-black select:hover,.select.is-black select.is-hovered{border-color:#000}.select.is-black select:focus,.select.is-black select.is-focused,.select.is-black select:active,.select.is-black select.is-active{box-shadow:0 0 0 0.125em rgba(10,10,10,0.25)}.select.is-light:not(:hover)::after{border-color:#f6f8fb}.select.is-light select{border-color:#f6f8fb}.select.is-light select:hover,.select.is-light select.is-hovered{border-color:#e4eaf3}.select.is-light select:focus,.select.is-light select.is-focused,.select.is-light select:active,.select.is-light select.is-active{box-shadow:0 0 0 0.125em rgba(246,248,251,0.25)}.select.is-dark:not(:hover)::after{border-color:#363636}.select.is-dark select{border-color:#363636}.select.is-dark select:hover,.select.is-dark select.is-hovered{border-color:#292929}.select.is-dark select:focus,.select.is-dark select.is-focused,.select.is-dark select:active,.select.is-dark select.is-active{box-shadow:0 0 0 0.125em rgba(54,54,54,0.25)}.select.is-primary:not(:hover)::after{border-color:#142e7b}.select.is-primary select{border-color:#142e7b}.select.is-primary select:hover,.select.is-primary select.is-hovered{border-color:#102665}.select.is-primary select:focus,.select.is-primary select.is-focused,.select.is-primary select:active,.select.is-primary select.is-active{box-shadow:0 0 0 0.125em rgba(20,46,123,0.25)}.select.is-link:not(:hover)::after{border-color:#485fc7}.select.is-link select{border-color:#485fc7}.select.is-link select:hover,.select.is-link select.is-hovered{border-color:#3a51bb}.select.is-link select:focus,.select.is-link select.is-focused,.select.is-link select:active,.select.is-link select.is-active{box-shadow:0 0 0 0.125em rgba(72,95,199,0.25)}.select.is-info:not(:hover)::after{border-color:#0086d6}.select.is-info select{border-color:#0086d6}.select.is-info select:hover,.select.is-info select.is-hovered{border-color:#0076bd}.select.is-info select:focus,.select.is-info select.is-focused,.select.is-info select:active,.select.is-info select.is-active{box-shadow:0 0 0 0.125em rgba(0,134,214,0.25)}.select.is-success:not(:hover)::after{border-color:#4bc467}.select.is-success select{border-color:#4bc467}.select.is-success select:hover,.select.is-success select.is-hovered{border-color:#3db959}.select.is-success select:focus,.select.is-success select.is-focused,.select.is-success select:active,.select.is-success select.is-active{box-shadow:0 0 0 0.125em rgba(75,196,103,0.25)}.select.is-warning:not(:hover)::after{border-color:#efb71b}.select.is-warning select{border-color:#efb71b}.select.is-warning select:hover,.select.is-warning select.is-hovered{border-color:#e1aa10}.select.is-warning select:focus,.select.is-warning select.is-focused,.select.is-warning select:active,.select.is-warning select.is-active{box-shadow:0 0 0 0.125em rgba(239,183,27,0.25)}.select.is-danger:not(:hover)::after{border-color:#ce0037}.select.is-danger select{border-color:#ce0037}.select.is-danger select:hover,.select.is-danger select.is-hovered{border-color:#b50030}.select.is-danger select:focus,.select.is-danger select.is-focused,.select.is-danger select:active,.select.is-danger select.is-active{box-shadow:0 0 0 0.125em rgba(206,0,55,0.25)}.select.is-small{border-radius:4px;font-size:.64rem}.select.is-medium{font-size:1.3rem}.select.is-large{font-size:1.5335rem}.select.is-disabled::after{border-color:#7a7a7a !important;opacity:0.5}.select.is-fullwidth{width:100%}.select.is-fullwidth select{width:100%}.select.is-loading::after{margin-top:0;position:absolute;right:.625em;top:0.625em;transform:none}.select.is-loading.is-small:after{font-size:.64rem}.select.is-loading.is-medium:after{font-size:1.3rem}.select.is-loading.is-large:after{font-size:1.5335rem}.file{align-items:stretch;display:flex;justify-content:flex-start;position:relative}.file.is-white .file-cta{background-color:#fff;border-color:transparent;color:#0a0a0a}.file.is-white:hover .file-cta,.file.is-white.is-hovered .file-cta{background-color:#f9f9f9;border-color:transparent;color:#0a0a0a}.file.is-white:focus .file-cta,.file.is-white.is-focused .file-cta{border-color:transparent;box-shadow:0 0 0.5em rgba(255,255,255,0.25);color:#0a0a0a}.file.is-white:active .file-cta,.file.is-white.is-active .file-cta{background-color:#f2f2f2;border-color:transparent;color:#0a0a0a}.file.is-black .file-cta{background-color:#0a0a0a;border-color:transparent;color:#fff}.file.is-black:hover .file-cta,.file.is-black.is-hovered .file-cta{background-color:#040404;border-color:transparent;color:#fff}.file.is-black:focus .file-cta,.file.is-black.is-focused .file-cta{border-color:transparent;box-shadow:0 0 0.5em rgba(10,10,10,0.25);color:#fff}.file.is-black:active .file-cta,.file.is-black.is-active .file-cta{background-color:#000;border-color:transparent;color:#fff}.file.is-light .file-cta{background-color:#f6f8fb;border-color:transparent;color:rgba(0,0,0,0.7)}.file.is-light:hover .file-cta,.file.is-light.is-hovered .file-cta{background-color:#edf1f7;border-color:transparent;color:rgba(0,0,0,0.7)}.file.is-light:focus .file-cta,.file.is-light.is-focused .file-cta{border-color:transparent;box-shadow:0 0 0.5em rgba(246,248,251,0.25);color:rgba(0,0,0,0.7)}.file.is-light:active .file-cta,.file.is-light.is-active .file-cta{background-color:#e4eaf3;border-color:transparent;color:rgba(0,0,0,0.7)}.file.is-dark .file-cta{background-color:#363636;border-color:transparent;color:#fff}.file.is-dark:hover .file-cta,.file.is-dark.is-hovered .file-cta{background-color:#2f2f2f;border-color:transparent;color:#fff}.file.is-dark:focus .file-cta,.file.is-dark.is-focused .file-cta{border-color:transparent;box-shadow:0 0 0.5em rgba(54,54,54,0.25);color:#fff}.file.is-dark:active .file-cta,.file.is-dark.is-active .file-cta{background-color:#292929;border-color:transparent;color:#fff}.file.is-primary .file-cta{background-color:#142e7b;border-color:transparent;color:#fff}.file.is-primary:hover .file-cta,.file.is-primary.is-hovered .file-cta{background-color:#122a70;border-color:transparent;color:#fff}.file.is-primary:focus .file-cta,.file.is-primary.is-focused .file-cta{border-color:transparent;box-shadow:0 0 0.5em rgba(20,46,123,0.25);color:#fff}.file.is-primary:active .file-cta,.file.is-primary.is-active .file-cta{background-color:#102665;border-color:transparent;color:#fff}.file.is-link .file-cta{background-color:#485fc7;border-color:transparent;color:#fff}.file.is-link:hover .file-cta,.file.is-link.is-hovered .file-cta{background-color:#3e56c4;border-color:transparent;color:#fff}.file.is-link:focus .file-cta,.file.is-link.is-focused .file-cta{border-color:transparent;box-shadow:0 0 0.5em rgba(72,95,199,0.25);color:#fff}.file.is-link:active .file-cta,.file.is-link.is-active .file-cta{background-color:#3a51bb;border-color:transparent;color:#fff}.file.is-info .file-cta{background-color:#0086d6;border-color:transparent;color:#fff}.file.is-info:hover .file-cta,.file.is-info.is-hovered .file-cta{background-color:#007ec9;border-color:transparent;color:#fff}.file.is-info:focus .file-cta,.file.is-info.is-focused .file-cta{border-color:transparent;box-shadow:0 0 0.5em rgba(0,134,214,0.25);color:#fff}.file.is-info:active .file-cta,.file.is-info.is-active .file-cta{background-color:#0076bd;border-color:transparent;color:#fff}.file.is-success .file-cta{background-color:#4bc467;border-color:transparent;color:#fff}.file.is-success:hover .file-cta,.file.is-success.is-hovered .file-cta{background-color:#41c15f;border-color:transparent;color:#fff}.file.is-success:focus .file-cta,.file.is-success.is-focused .file-cta{border-color:transparent;box-shadow:0 0 0.5em rgba(75,196,103,0.25);color:#fff}.file.is-success:active .file-cta,.file.is-success.is-active .file-cta{background-color:#3db959;border-color:transparent;color:#fff}.file.is-warning .file-cta{background-color:#efb71b;border-color:transparent;color:rgba(0,0,0,0.7)}.file.is-warning:hover .file-cta,.file.is-warning.is-hovered .file-cta{background-color:#edb311;border-color:transparent;color:rgba(0,0,0,0.7)}.file.is-warning:focus .file-cta,.file.is-warning.is-focused .file-cta{border-color:transparent;box-shadow:0 0 0.5em rgba(239,183,27,0.25);color:rgba(0,0,0,0.7)}.file.is-warning:active .file-cta,.file.is-warning.is-active .file-cta{background-color:#e1aa10;border-color:transparent;color:rgba(0,0,0,0.7)}.file.is-danger .file-cta{background-color:#ce0037;border-color:transparent;color:#fff}.file.is-danger:hover .file-cta,.file.is-danger.is-hovered .file-cta{background-color:#c10034;border-color:transparent;color:#fff}.file.is-danger:focus .file-cta,.file.is-danger.is-focused .file-cta{border-color:transparent;box-shadow:0 0 0.5em rgba(206,0,55,0.25);color:#fff}.file.is-danger:active .file-cta,.file.is-danger.is-active .file-cta{background-color:#b50030;border-color:transparent;color:#fff}.file.is-small{font-size:.64rem}.file.is-normal{font-size:1rem}.file.is-medium{font-size:1.3rem}.file.is-medium .file-icon .fa{font-size:21px}.file.is-large{font-size:1.5335rem}.file.is-large .file-icon .fa{font-size:28px}.file.has-name .file-cta{border-bottom-right-radius:0;border-top-right-radius:0}.file.has-name .file-name{border-bottom-left-radius:0;border-top-left-radius:0}.file.has-name.is-empty .file-cta{border-radius:6px}.file.has-name.is-empty .file-name{display:none}.file.is-boxed .file-label{flex-direction:column}.file.is-boxed .file-cta{flex-direction:column;height:auto;padding:1em 3em}.file.is-boxed .file-name{border-width:0 1px 1px}.file.is-boxed .file-icon{height:1.5em;width:1.5em}.file.is-boxed .file-icon .fa{font-size:21px}.file.is-boxed.is-small .file-icon .fa{font-size:14px}.file.is-boxed.is-medium .file-icon .fa{font-size:28px}.file.is-boxed.is-large .file-icon .fa{font-size:35px}.file.is-boxed.has-name .file-cta{border-radius:6px 6px 0 0}.file.is-boxed.has-name .file-name{border-radius:0 0 6px 6px;border-width:0 1px 1px}.file.is-centered{justify-content:center}.file.is-fullwidth .file-label{width:100%}.file.is-fullwidth .file-name{flex-grow:1;max-width:none}.file.is-right{justify-content:flex-end}.file.is-right .file-cta{border-radius:0 6px 6px 0}.file.is-right .file-name{border-radius:6px 0 0 6px;border-width:1px 0 1px 1px;order:-1}.file-label{align-items:stretch;display:flex;cursor:pointer;justify-content:flex-start;overflow:hidden;position:relative}.file-label:hover .file-cta{background-color:#eee;color:#363636}.file-label:hover .file-name{border-color:#d5d5d5}.file-label:active .file-cta{background-color:#e8e8e8;color:#363636}.file-label:active .file-name{border-color:#cfcfcf}.file-input{height:100%;left:0;opacity:0;outline:none;position:absolute;top:0;width:100%}.file-cta,.file-name{border-color:#dbdbdb;border-radius:6px;font-size:1em;padding-left:1em;padding-right:1em;white-space:nowrap}.file-cta{background-color:#f5f5f5;color:#4a4a4a}.file-name{border-color:#dbdbdb;border-style:solid;border-width:1px 1px 1px 0;display:block;max-width:16em;overflow:hidden;text-align:inherit;text-overflow:ellipsis}.file-icon{align-items:center;display:flex;height:1em;justify-content:center;margin-right:.5em;width:1em}.file-icon .fa{font-size:14px}.label{color:#363636;display:block;font-size:1rem;font-weight:700}.label:not(:last-child){margin-bottom:0.5em}.label.is-small{font-size:.64rem}.label.is-medium{font-size:1.3rem}.label.is-large{font-size:1.5335rem}.help{display:block;font-size:.64rem;margin-top:0.25rem}.help.is-white{color:#fff}.help.is-black{color:#0a0a0a}.help.is-light{color:#f6f8fb}.help.is-dark{color:#363636}.help.is-primary{color:#142e7b}.help.is-link{color:#485fc7}.help.is-info{color:#0086d6}.help.is-success{color:#4bc467}.help.is-warning{color:#efb71b}.help.is-danger{color:#ce0037}.field:not(:last-child){margin-bottom:0.75rem}.field.has-addons{display:flex;justify-content:flex-start}.field.has-addons .control:not(:last-child){margin-right:-1px}.field.has-addons .control:not(:first-child):not(:last-child) .button,.field.has-addons .control:not(:first-child):not(:last-child) .input,.field.has-addons .control:not(:first-child):not(:last-child) .select select{border-radius:0}.field.has-addons .control:first-child:not(:only-child) .button,.field.has-addons .control:first-child:not(:only-child) .input,.field.has-addons .control:first-child:not(:only-child) .select select{border-bottom-right-radius:0;border-top-right-radius:0}.field.has-addons .control:last-child:not(:only-child) .button,.field.has-addons .control:last-child:not(:only-child) .input,.field.has-addons .control:last-child:not(:only-child) .select select{border-bottom-left-radius:0;border-top-left-radius:0}.field.has-addons .control .button:not([disabled]):hover,.field.has-addons .control .button:not([disabled]).is-hovered,.field.has-addons .control .input:not([disabled]):hover,.field.has-addons .control .input:not([disabled]).is-hovered,.field.has-addons .control .select select:not([disabled]):hover,.field.has-addons .control .select select:not([disabled]).is-hovered{z-index:2}.field.has-addons .control .button:not([disabled]):focus,.field.has-addons .control .button:not([disabled]).is-focused,.field.has-addons .control .button:not([disabled]):active,.field.has-addons .control .button:not([disabled]).is-active,.field.has-addons .control .input:not([disabled]):focus,.field.has-addons .control .input:not([disabled]).is-focused,.field.has-addons .control .input:not([disabled]):active,.field.has-addons .control .input:not([disabled]).is-active,.field.has-addons .control .select select:not([disabled]):focus,.field.has-addons .control .select select:not([disabled]).is-focused,.field.has-addons .control .select select:not([disabled]):active,.field.has-addons .control .select select:not([disabled]).is-active{z-index:3}.field.has-addons .control .button:not([disabled]):focus:hover,.field.has-addons .control .button:not([disabled]).is-focused:hover,.field.has-addons .control .button:not([disabled]):active:hover,.field.has-addons .control .button:not([disabled]).is-active:hover,.field.has-addons .control .input:not([disabled]):focus:hover,.field.has-addons .control .input:not([disabled]).is-focused:hover,.field.has-addons .control .input:not([disabled]):active:hover,.field.has-addons .control .input:not([disabled]).is-active:hover,.field.has-addons .control .select select:not([disabled]):focus:hover,.field.has-addons .control .select select:not([disabled]).is-focused:hover,.field.has-addons .control .select select:not([disabled]):active:hover,.field.has-addons .control .select select:not([disabled]).is-active:hover{z-index:4}.field.has-addons .control.is-expanded{flex-grow:1;flex-shrink:1}.field.has-addons.has-addons-centered{justify-content:center}.field.has-addons.has-addons-right{justify-content:flex-end}.field.has-addons.has-addons-fullwidth .control{flex-grow:1;flex-shrink:0}.field.is-grouped{display:flex;justify-content:flex-start}.field.is-grouped>.control{flex-shrink:0}.field.is-grouped>.control:not(:last-child){margin-bottom:0;margin-right:.75rem}.field.is-grouped>.control.is-expanded{flex-grow:1;flex-shrink:1}.field.is-grouped.is-grouped-centered{justify-content:center}.field.is-grouped.is-grouped-right{justify-content:flex-end}.field.is-grouped.is-grouped-multiline{flex-wrap:wrap}.field.is-grouped.is-grouped-multiline>.control:last-child,.field.is-grouped.is-grouped-multiline>.control:not(:last-child){margin-bottom:0.75rem}.field.is-grouped.is-grouped-multiline:last-child{margin-bottom:-0.75rem}.field.is-grouped.is-grouped-multiline:not(:last-child){margin-bottom:0}@media screen and (min-width: 769px),print{.field.is-horizontal{display:flex}}.field-label .label{font-size:inherit}@media screen and (max-width: 768px){.field-label{margin-bottom:0.5rem}}@media screen and (min-width: 769px),print{.field-label{flex-basis:0;flex-grow:1;flex-shrink:0;margin-right:1.5rem;text-align:right}.field-label.is-small{font-size:.64rem;padding-top:0.375em}.field-label.is-normal{padding-top:0.375em}.field-label.is-medium{font-size:1.3rem;padding-top:0.375em}.field-label.is-large{font-size:1.5335rem;padding-top:0.375em}}.field-body .field .field{margin-bottom:0}@media screen and (min-width: 769px),print{.field-body{display:flex;flex-basis:0;flex-grow:5;flex-shrink:1}.field-body .field{margin-bottom:0}.field-body>.field{flex-shrink:1}.field-body>.field:not(.is-narrow){flex-grow:1}.field-body>.field:not(:last-child){margin-right:.75rem}}.control{box-sizing:border-box;clear:both;font-size:1rem;position:relative;text-align:inherit}.control.has-icons-left .input:focus~.icon,.control.has-icons-left .select:focus~.icon,.control.has-icons-right .input:focus~.icon,.control.has-icons-right .select:focus~.icon{color:#4a4a4a}.control.has-icons-left .input.is-small~.icon,.control.has-icons-left .select.is-small~.icon,.control.has-icons-right .input.is-small~.icon,.control.has-icons-right .select.is-small~.icon{font-size:.64rem}.control.has-icons-left .input.is-medium~.icon,.control.has-icons-left .select.is-medium~.icon,.control.has-icons-right .input.is-medium~.icon,.control.has-icons-right .select.is-medium~.icon{font-size:1.3rem}.control.has-icons-left .input.is-large~.icon,.control.has-icons-left .select.is-large~.icon,.control.has-icons-right .input.is-large~.icon,.control.has-icons-right .select.is-large~.icon{font-size:1.5335rem}.control.has-icons-left .icon,.control.has-icons-right .icon{color:#dbdbdb;height:2.5em;pointer-events:none;position:absolute;top:0;width:2.5em;z-index:4}.control.has-icons-left .input,.control.has-icons-left .select select{padding-left:2.5em}.control.has-icons-left .icon.is-left{left:0}.control.has-icons-right .input,.control.has-icons-right .select select{padding-right:2.5em}.control.has-icons-right .icon.is-right{right:0}.control.is-loading::after{position:absolute !important;right:.625em;top:0.625em;z-index:4}.control.is-loading.is-small:after{font-size:.64rem}.control.is-loading.is-medium:after{font-size:1.3rem}.control.is-loading.is-large:after{font-size:1.5335rem}.has-text-white{color:#fff !important}a.has-text-white:hover,a.has-text-white:focus{color:#e6e6e6 !important}.has-background-white{background-color:#fff !important}.has-text-black{color:#0a0a0a !important}a.has-text-black:hover,a.has-text-black:focus{color:#000 !important}.has-background-black{background-color:#0a0a0a !important}.has-text-light{color:#f6f8fb !important}a.has-text-light:hover,a.has-text-light:focus{color:#d3ddeb !important}.has-background-light{background-color:#f6f8fb !important}.has-text-dark{color:#363636 !important}a.has-text-dark:hover,a.has-text-dark:focus{color:#1c1c1c !important}.has-background-dark{background-color:#363636 !important}.has-text-primary{color:#142e7b !important}a.has-text-primary:hover,a.has-text-primary:focus{color:#0d1e4f !important}.has-background-primary{background-color:#142e7b !important}.has-text-primary-light{color:#edf1fc !important}a.has-text-primary-light:hover,a.has-text-primary-light:focus{color:#c2cff5 !important}.has-background-primary-light{background-color:#edf1fc !important}.has-text-primary-dark{color:#3560de !important}a.has-text-primary-dark:hover,a.has-text-primary-dark:focus{color:#6182e5 !important}.has-background-primary-dark{background-color:#3560de !important}.has-text-link{color:#485fc7 !important}a.has-text-link:hover,a.has-text-link:focus{color:#3449a8 !important}.has-background-link{background-color:#485fc7 !important}.has-text-link-light{color:#eff1fa !important}a.has-text-link-light:hover,a.has-text-link-light:focus{color:#c8cfee !important}.has-background-link-light{background-color:#eff1fa !important}.has-text-link-dark{color:#3850b7 !important}a.has-text-link-dark:hover,a.has-text-link-dark:focus{color:#576dcb !important}.has-background-link-dark{background-color:#3850b7 !important}.has-text-info{color:#0086d6 !important}a.has-text-info:hover,a.has-text-info:focus{color:#0066a3 !important}.has-background-info{background-color:#0086d6 !important}.has-text-info-light{color:#ebf7ff !important}a.has-text-info-light:hover,a.has-text-info-light:focus{color:#b8e4ff !important}.has-background-info-light{background-color:#ebf7ff !important}.has-text-info-dark{color:#0089db !important}a.has-text-info-dark:hover,a.has-text-info-dark:focus{color:#0fa5ff !important}.has-background-info-dark{background-color:#0089db !important}.has-text-success{color:#4bc467 !important}a.has-text-success:hover,a.has-text-success:focus{color:#36a650 !important}.has-background-success{background-color:#4bc467 !important}.has-text-success-light{color:#f0faf2 !important}a.has-text-success-light:hover,a.has-text-success-light:focus{color:#c9edd2 !important}.has-background-success-light{background-color:#f0faf2 !important}.has-text-success-dark{color:#287b3b !important}a.has-text-success-dark:hover,a.has-text-success-dark:focus{color:#35a14e !important}.has-background-success-dark{background-color:#287b3b !important}.has-text-warning{color:#efb71b !important}a.has-text-warning:hover,a.has-text-warning:focus{color:#c9980e !important}.has-background-warning{background-color:#efb71b !important}.has-text-warning-light{color:#fef9ec !important}a.has-text-warning-light:hover,a.has-text-warning-light:focus{color:#faeabc !important}.has-background-warning-light{background-color:#fef9ec !important}.has-text-warning-dark{color:#8a680a !important}a.has-text-warning-dark:hover,a.has-text-warning-dark:focus{color:#ba8c0d !important}.has-background-warning-dark{background-color:#8a680a !important}.has-text-danger{color:#ce0037 !important}a.has-text-danger:hover,a.has-text-danger:focus{color:#9b0029 !important}.has-background-danger{background-color:#ce0037 !important}.has-text-danger-light{color:#ffebf0 !important}a.has-text-danger-light:hover,a.has-text-danger-light:focus{color:#ffb8cb !important}.has-background-danger-light{background-color:#ffebf0 !important}.has-text-danger-dark{color:#fa0043 !important}a.has-text-danger-dark:hover,a.has-text-danger-dark:focus{color:#ff2e66 !important}.has-background-danger-dark{background-color:#fa0043 !important}.has-text-black-bis{color:#121212 !important}.has-background-black-bis{background-color:#121212 !important}.has-text-black-ter{color:#242424 !important}.has-background-black-ter{background-color:#242424 !important}.has-text-grey-darker{color:#363636 !important}.has-background-grey-darker{background-color:#363636 !important}.has-text-grey-dark{color:#4a4a4a !important}.has-background-grey-dark{background-color:#4a4a4a !important}.has-text-grey{color:#7a7a7a !important}.has-background-grey{background-color:#7a7a7a !important}.has-text-grey-light{color:#cbd2db !important}.has-background-grey-light{background-color:#cbd2db !important}.has-text-grey-lighter{color:#dbdbdb !important}.has-background-grey-lighter{background-color:#dbdbdb !important}.has-text-white-ter{color:#f5f5f5 !important}.has-background-white-ter{background-color:#f5f5f5 !important}.has-text-white-bis{color:#fafafa !important}.has-background-white-bis{background-color:#fafafa !important}.is-flex-direction-row{flex-direction:row !important}.is-flex-direction-row-reverse{flex-direction:row-reverse !important}.is-flex-direction-column{flex-direction:column !important}.is-flex-direction-column-reverse{flex-direction:column-reverse !important}.is-flex-wrap-nowrap{flex-wrap:nowrap !important}.is-flex-wrap-wrap{flex-wrap:wrap !important}.is-flex-wrap-wrap-reverse{flex-wrap:wrap-reverse !important}.is-justify-content-flex-start{justify-content:flex-start !important}.is-justify-content-flex-end{justify-content:flex-end !important}.is-justify-content-center{justify-content:center !important}.is-justify-content-space-between{justify-content:space-between !important}.is-justify-content-space-around{justify-content:space-around !important}.is-justify-content-space-evenly{justify-content:space-evenly !important}.is-justify-content-start{justify-content:start !important}.is-justify-content-end{justify-content:end !important}.is-justify-content-left{justify-content:left !important}.is-justify-content-right{justify-content:right !important}.is-align-content-flex-start{align-content:flex-start !important}.is-align-content-flex-end{align-content:flex-end !important}.is-align-content-center{align-content:center !important}.is-align-content-space-between{align-content:space-between !important}.is-align-content-space-around{align-content:space-around !important}.is-align-content-space-evenly{align-content:space-evenly !important}.is-align-content-stretch{align-content:stretch !important}.is-align-content-start{align-content:start !important}.is-align-content-end{align-content:end !important}.is-align-content-baseline{align-content:baseline !important}.is-align-items-stretch{align-items:stretch !important}.is-align-items-flex-start{align-items:flex-start !important}.is-align-items-flex-end{align-items:flex-end !important}.is-align-items-center{align-items:center !important}.is-align-items-baseline{align-items:baseline !important}.is-align-items-start{align-items:start !important}.is-align-items-end{align-items:end !important}.is-align-items-self-start{align-items:self-start !important}.is-align-items-self-end{align-items:self-end !important}.is-align-self-auto{align-self:auto !important}.is-align-self-flex-start{align-self:flex-start !important}.is-align-self-flex-end{align-self:flex-end !important}.is-align-self-center{align-self:center !important}.is-align-self-baseline{align-self:baseline !important}.is-align-self-stretch{align-self:stretch !important}.is-flex-grow-0{flex-grow:0 !important}.is-flex-grow-1{flex-grow:1 !important}.is-flex-grow-2{flex-grow:2 !important}.is-flex-grow-3{flex-grow:3 !important}.is-flex-grow-4{flex-grow:4 !important}.is-flex-grow-5{flex-grow:5 !important}.is-flex-shrink-0{flex-shrink:0 !important}.is-flex-shrink-1{flex-shrink:1 !important}.is-flex-shrink-2{flex-shrink:2 !important}.is-flex-shrink-3{flex-shrink:3 !important}.is-flex-shrink-4{flex-shrink:4 !important}.is-flex-shrink-5{flex-shrink:5 !important}.is-clearfix::after{clear:both;content:" ";display:table}.is-pulled-left{float:left !important}.is-pulled-right{float:right !important}.is-radiusless{border-radius:0 !important}.is-shadowless{box-shadow:none !important}.is-clickable{cursor:pointer !important;pointer-events:all !important}.is-clipped{overflow:hidden !important}.is-relative{position:relative !important}.is-marginless{margin:0 !important}.is-paddingless{padding:0 !important}.m-0{margin:0 !important}.mt-0{margin-top:0 !important}.mr-0{margin-right:0 !important}.mb-0{margin-bottom:0 !important}.ml-0{margin-left:0 !important}.mx-0{margin-left:0 !important;margin-right:0 !important}.my-0{margin-top:0 !important;margin-bottom:0 !important}.m-1{margin:.25rem !important}.mt-1{margin-top:.25rem !important}.mr-1{margin-right:.25rem !important}.mb-1{margin-bottom:.25rem !important}.ml-1{margin-left:.25rem !important}.mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.m-2{margin:.5rem !important}.mt-2{margin-top:.5rem !important}.mr-2{margin-right:.5rem !important}.mb-2{margin-bottom:.5rem !important}.ml-2{margin-left:.5rem !important}.mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.m-3{margin:.75rem !important}.mt-3{margin-top:.75rem !important}.mr-3{margin-right:.75rem !important}.mb-3{margin-bottom:.75rem !important}.ml-3{margin-left:.75rem !important}.mx-3{margin-left:.75rem !important;margin-right:.75rem !important}.my-3{margin-top:.75rem !important;margin-bottom:.75rem !important}.m-4{margin:1rem !important}.mt-4{margin-top:1rem !important}.mr-4{margin-right:1rem !important}.mb-4{margin-bottom:1rem !important}.ml-4{margin-left:1rem !important}.mx-4{margin-left:1rem !important;margin-right:1rem !important}.my-4{margin-top:1rem !important;margin-bottom:1rem !important}.m-5{margin:1.5rem !important}.mt-5{margin-top:1.5rem !important}.mr-5{margin-right:1.5rem !important}.mb-5{margin-bottom:1.5rem !important}.ml-5{margin-left:1.5rem !important}.mx-5{margin-left:1.5rem !important;margin-right:1.5rem !important}.my-5{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.m-6{margin:3rem !important}.mt-6{margin-top:3rem !important}.mr-6{margin-right:3rem !important}.mb-6{margin-bottom:3rem !important}.ml-6{margin-left:3rem !important}.mx-6{margin-left:3rem !important;margin-right:3rem !important}.my-6{margin-top:3rem !important;margin-bottom:3rem !important}.m-auto{margin:auto !important}.mt-auto{margin-top:auto !important}.mr-auto{margin-right:auto !important}.mb-auto{margin-bottom:auto !important}.ml-auto{margin-left:auto !important}.mx-auto{margin-left:auto !important;margin-right:auto !important}.my-auto{margin-top:auto !important;margin-bottom:auto !important}.p-0{padding:0 !important}.pt-0{padding-top:0 !important}.pr-0{padding-right:0 !important}.pb-0{padding-bottom:0 !important}.pl-0{padding-left:0 !important}.px-0{padding-left:0 !important;padding-right:0 !important}.py-0{padding-top:0 !important;padding-bottom:0 !important}.p-1{padding:.25rem !important}.pt-1{padding-top:.25rem !important}.pr-1{padding-right:.25rem !important}.pb-1{padding-bottom:.25rem !important}.pl-1{padding-left:.25rem !important}.px-1{padding-left:.25rem !important;padding-right:.25rem !important}.py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.p-2{padding:.5rem !important}.pt-2{padding-top:.5rem !important}.pr-2{padding-right:.5rem !important}.pb-2{padding-bottom:.5rem !important}.pl-2{padding-left:.5rem !important}.px-2{padding-left:.5rem !important;padding-right:.5rem !important}.py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-3{padding:.75rem !important}.pt-3{padding-top:.75rem !important}.pr-3{padding-right:.75rem !important}.pb-3{padding-bottom:.75rem !important}.pl-3{padding-left:.75rem !important}.px-3{padding-left:.75rem !important;padding-right:.75rem !important}.py-3{padding-top:.75rem !important;padding-bottom:.75rem !important}.p-4{padding:1rem !important}.pt-4{padding-top:1rem !important}.pr-4{padding-right:1rem !important}.pb-4{padding-bottom:1rem !important}.pl-4{padding-left:1rem !important}.px-4{padding-left:1rem !important;padding-right:1rem !important}.py-4{padding-top:1rem !important;padding-bottom:1rem !important}.p-5{padding:1.5rem !important}.pt-5{padding-top:1.5rem !important}.pr-5{padding-right:1.5rem !important}.pb-5{padding-bottom:1.5rem !important}.pl-5{padding-left:1.5rem !important}.px-5{padding-left:1.5rem !important;padding-right:1.5rem !important}.py-5{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-6{padding:3rem !important}.pt-6{padding-top:3rem !important}.pr-6{padding-right:3rem !important}.pb-6{padding-bottom:3rem !important}.pl-6{padding-left:3rem !important}.px-6{padding-left:3rem !important;padding-right:3rem !important}.py-6{padding-top:3rem !important;padding-bottom:3rem !important}.p-auto{padding:auto !important}.pt-auto{padding-top:auto !important}.pr-auto{padding-right:auto !important}.pb-auto{padding-bottom:auto !important}.pl-auto{padding-left:auto !important}.px-auto{padding-left:auto !important;padding-right:auto !important}.py-auto{padding-top:auto !important;padding-bottom:auto !important}.is-size-1{font-size:2.466rem !important}.is-size-2{font-size:1.935rem !important}.is-size-3{font-size:1.5335rem !important}.is-size-4{font-size:1.3rem !important}.is-size-5{font-size:1rem !important}.is-size-6{font-size:.8rem !important}.is-size-7{font-size:.64rem !important}@media screen and (max-width: 768px){.is-size-1-mobile{font-size:2.466rem !important}.is-size-2-mobile{font-size:1.935rem !important}.is-size-3-mobile{font-size:1.5335rem !important}.is-size-4-mobile{font-size:1.3rem !important}.is-size-5-mobile{font-size:1rem !important}.is-size-6-mobile{font-size:.8rem !important}.is-size-7-mobile{font-size:.64rem !important}}@media screen and (min-width: 769px),print{.is-size-1-tablet{font-size:2.466rem !important}.is-size-2-tablet{font-size:1.935rem !important}.is-size-3-tablet{font-size:1.5335rem !important}.is-size-4-tablet{font-size:1.3rem !important}.is-size-5-tablet{font-size:1rem !important}.is-size-6-tablet{font-size:.8rem !important}.is-size-7-tablet{font-size:.64rem !important}}@media screen and (max-width: 1023px){.is-size-1-touch{font-size:2.466rem !important}.is-size-2-touch{font-size:1.935rem !important}.is-size-3-touch{font-size:1.5335rem !important}.is-size-4-touch{font-size:1.3rem !important}.is-size-5-touch{font-size:1rem !important}.is-size-6-touch{font-size:.8rem !important}.is-size-7-touch{font-size:.64rem !important}}@media screen and (min-width: 1024px){.is-size-1-desktop{font-size:2.466rem !important}.is-size-2-desktop{font-size:1.935rem !important}.is-size-3-desktop{font-size:1.5335rem !important}.is-size-4-desktop{font-size:1.3rem !important}.is-size-5-desktop{font-size:1rem !important}.is-size-6-desktop{font-size:.8rem !important}.is-size-7-desktop{font-size:.64rem !important}}@media screen and (min-width: 1216px){.is-size-1-widescreen{font-size:2.466rem !important}.is-size-2-widescreen{font-size:1.935rem !important}.is-size-3-widescreen{font-size:1.5335rem !important}.is-size-4-widescreen{font-size:1.3rem !important}.is-size-5-widescreen{font-size:1rem !important}.is-size-6-widescreen{font-size:.8rem !important}.is-size-7-widescreen{font-size:.64rem !important}}@media screen and (min-width: 1408px){.is-size-1-fullhd{font-size:2.466rem !important}.is-size-2-fullhd{font-size:1.935rem !important}.is-size-3-fullhd{font-size:1.5335rem !important}.is-size-4-fullhd{font-size:1.3rem !important}.is-size-5-fullhd{font-size:1rem !important}.is-size-6-fullhd{font-size:.8rem !important}.is-size-7-fullhd{font-size:.64rem !important}}.has-text-centered{text-align:center !important}.has-text-justified{text-align:justify !important}.has-text-left{text-align:left !important}.has-text-right{text-align:right !important}@media screen and (max-width: 768px){.has-text-centered-mobile{text-align:center !important}}@media screen and (min-width: 769px),print{.has-text-centered-tablet{text-align:center !important}}@media screen and (min-width: 769px) and (max-width: 1023px){.has-text-centered-tablet-only{text-align:center !important}}@media screen and (max-width: 1023px){.has-text-centered-touch{text-align:center !important}}@media screen and (min-width: 1024px){.has-text-centered-desktop{text-align:center !important}}@media screen and (min-width: 1024px) and (max-width: 1215px){.has-text-centered-desktop-only{text-align:center !important}}@media screen and (min-width: 1216px){.has-text-centered-widescreen{text-align:center !important}}@media screen and (min-width: 1216px) and (max-width: 1407px){.has-text-centered-widescreen-only{text-align:center !important}}@media screen and (min-width: 1408px){.has-text-centered-fullhd{text-align:center !important}}@media screen and (max-width: 768px){.has-text-justified-mobile{text-align:justify !important}}@media screen and (min-width: 769px),print{.has-text-justified-tablet{text-align:justify !important}}@media screen and (min-width: 769px) and (max-width: 1023px){.has-text-justified-tablet-only{text-align:justify !important}}@media screen and (max-width: 1023px){.has-text-justified-touch{text-align:justify !important}}@media screen and (min-width: 1024px){.has-text-justified-desktop{text-align:justify !important}}@media screen and (min-width: 1024px) and (max-width: 1215px){.has-text-justified-desktop-only{text-align:justify !important}}@media screen and (min-width: 1216px){.has-text-justified-widescreen{text-align:justify !important}}@media screen and (min-width: 1216px) and (max-width: 1407px){.has-text-justified-widescreen-only{text-align:justify !important}}@media screen and (min-width: 1408px){.has-text-justified-fullhd{text-align:justify !important}}@media screen and (max-width: 768px){.has-text-left-mobile{text-align:left !important}}@media screen and (min-width: 769px),print{.has-text-left-tablet{text-align:left !important}}@media screen and (min-width: 769px) and (max-width: 1023px){.has-text-left-tablet-only{text-align:left !important}}@media screen and (max-width: 1023px){.has-text-left-touch{text-align:left !important}}@media screen and (min-width: 1024px){.has-text-left-desktop{text-align:left !important}}@media screen and (min-width: 1024px) and (max-width: 1215px){.has-text-left-desktop-only{text-align:left !important}}@media screen and (min-width: 1216px){.has-text-left-widescreen{text-align:left !important}}@media screen and (min-width: 1216px) and (max-width: 1407px){.has-text-left-widescreen-only{text-align:left !important}}@media screen and (min-width: 1408px){.has-text-left-fullhd{text-align:left !important}}@media screen and (max-width: 768px){.has-text-right-mobile{text-align:right !important}}@media screen and (min-width: 769px),print{.has-text-right-tablet{text-align:right !important}}@media screen and (min-width: 769px) and (max-width: 1023px){.has-text-right-tablet-only{text-align:right !important}}@media screen and (max-width: 1023px){.has-text-right-touch{text-align:right !important}}@media screen and (min-width: 1024px){.has-text-right-desktop{text-align:right !important}}@media screen and (min-width: 1024px) and (max-width: 1215px){.has-text-right-desktop-only{text-align:right !important}}@media screen and (min-width: 1216px){.has-text-right-widescreen{text-align:right !important}}@media screen and (min-width: 1216px) and (max-width: 1407px){.has-text-right-widescreen-only{text-align:right !important}}@media screen and (min-width: 1408px){.has-text-right-fullhd{text-align:right !important}}.is-capitalized{text-transform:capitalize !important}.is-lowercase{text-transform:lowercase !important}.is-uppercase{text-transform:uppercase !important}.is-italic{font-style:italic !important}.is-underlined{text-decoration:underline !important}.has-text-weight-light{font-weight:300 !important}.has-text-weight-normal{font-weight:400 !important}.has-text-weight-medium{font-weight:500 !important}.has-text-weight-semibold{font-weight:600 !important}.has-text-weight-bold{font-weight:700 !important}.is-family-primary{font-family:BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif !important}.is-family-secondary{font-family:BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif !important}.is-family-sans-serif{font-family:BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif !important}.is-family-monospace{font-family:monospace !important}.is-family-code{font-family:monospace !important}.is-block{display:block !important}@media screen and (max-width: 768px){.is-block-mobile{display:block !important}}@media screen and (min-width: 769px),print{.is-block-tablet{display:block !important}}@media screen and (min-width: 769px) and (max-width: 1023px){.is-block-tablet-only{display:block !important}}@media screen and (max-width: 1023px){.is-block-touch{display:block !important}}@media screen and (min-width: 1024px){.is-block-desktop{display:block !important}}@media screen and (min-width: 1024px) and (max-width: 1215px){.is-block-desktop-only{display:block !important}}@media screen and (min-width: 1216px){.is-block-widescreen{display:block !important}}@media screen and (min-width: 1216px) and (max-width: 1407px){.is-block-widescreen-only{display:block !important}}@media screen and (min-width: 1408px){.is-block-fullhd{display:block !important}}.is-flex{display:flex !important}@media screen and (max-width: 768px){.is-flex-mobile{display:flex !important}}@media screen and (min-width: 769px),print{.is-flex-tablet{display:flex !important}}@media screen and (min-width: 769px) and (max-width: 1023px){.is-flex-tablet-only{display:flex !important}}@media screen and (max-width: 1023px){.is-flex-touch{display:flex !important}}@media screen and (min-width: 1024px){.is-flex-desktop{display:flex !important}}@media screen and (min-width: 1024px) and (max-width: 1215px){.is-flex-desktop-only{display:flex !important}}@media screen and (min-width: 1216px){.is-flex-widescreen{display:flex !important}}@media screen and (min-width: 1216px) and (max-width: 1407px){.is-flex-widescreen-only{display:flex !important}}@media screen and (min-width: 1408px){.is-flex-fullhd{display:flex !important}}.is-inline{display:inline !important}@media screen and (max-width: 768px){.is-inline-mobile{display:inline !important}}@media screen and (min-width: 769px),print{.is-inline-tablet{display:inline !important}}@media screen and (min-width: 769px) and (max-width: 1023px){.is-inline-tablet-only{display:inline !important}}@media screen and (max-width: 1023px){.is-inline-touch{display:inline !important}}@media screen and (min-width: 1024px){.is-inline-desktop{display:inline !important}}@media screen and (min-width: 1024px) and (max-width: 1215px){.is-inline-desktop-only{display:inline !important}}@media screen and (min-width: 1216px){.is-inline-widescreen{display:inline !important}}@media screen and (min-width: 1216px) and (max-width: 1407px){.is-inline-widescreen-only{display:inline !important}}@media screen and (min-width: 1408px){.is-inline-fullhd{display:inline !important}}.is-inline-block{display:inline-block !important}@media screen and (max-width: 768px){.is-inline-block-mobile{display:inline-block !important}}@media screen and (min-width: 769px),print{.is-inline-block-tablet{display:inline-block !important}}@media screen and (min-width: 769px) and (max-width: 1023px){.is-inline-block-tablet-only{display:inline-block !important}}@media screen and (max-width: 1023px){.is-inline-block-touch{display:inline-block !important}}@media screen and (min-width: 1024px){.is-inline-block-desktop{display:inline-block !important}}@media screen and (min-width: 1024px) and (max-width: 1215px){.is-inline-block-desktop-only{display:inline-block !important}}@media screen and (min-width: 1216px){.is-inline-block-widescreen{display:inline-block !important}}@media screen and (min-width: 1216px) and (max-width: 1407px){.is-inline-block-widescreen-only{display:inline-block !important}}@media screen and (min-width: 1408px){.is-inline-block-fullhd{display:inline-block !important}}.is-inline-flex{display:inline-flex !important}@media screen and (max-width: 768px){.is-inline-flex-mobile{display:inline-flex !important}}@media screen and (min-width: 769px),print{.is-inline-flex-tablet{display:inline-flex !important}}@media screen and (min-width: 769px) and (max-width: 1023px){.is-inline-flex-tablet-only{display:inline-flex !important}}@media screen and (max-width: 1023px){.is-inline-flex-touch{display:inline-flex !important}}@media screen and (min-width: 1024px){.is-inline-flex-desktop{display:inline-flex !important}}@media screen and (min-width: 1024px) and (max-width: 1215px){.is-inline-flex-desktop-only{display:inline-flex !important}}@media screen and (min-width: 1216px){.is-inline-flex-widescreen{display:inline-flex !important}}@media screen and (min-width: 1216px) and (max-width: 1407px){.is-inline-flex-widescreen-only{display:inline-flex !important}}@media screen and (min-width: 1408px){.is-inline-flex-fullhd{display:inline-flex !important}}.is-hidden{display:none !important}.is-sr-only{border:none !important;clip:rect(0, 0, 0, 0) !important;height:0.01em !important;overflow:hidden !important;padding:0 !important;position:absolute !important;white-space:nowrap !important;width:0.01em !important}@media screen and (max-width: 768px){.is-hidden-mobile{display:none !important}}@media screen and (min-width: 769px),print{.is-hidden-tablet{display:none !important}}@media screen and (min-width: 769px) and (max-width: 1023px){.is-hidden-tablet-only{display:none !important}}@media screen and (max-width: 1023px){.is-hidden-touch{display:none !important}}@media screen and (min-width: 1024px){.is-hidden-desktop{display:none !important}}@media screen and (min-width: 1024px) and (max-width: 1215px){.is-hidden-desktop-only{display:none !important}}@media screen and (min-width: 1216px){.is-hidden-widescreen{display:none !important}}@media screen and (min-width: 1216px) and (max-width: 1407px){.is-hidden-widescreen-only{display:none !important}}@media screen and (min-width: 1408px){.is-hidden-fullhd{display:none !important}}.is-invisible{visibility:hidden !important}@media screen and (max-width: 768px){.is-invisible-mobile{visibility:hidden !important}}@media screen and (min-width: 769px),print{.is-invisible-tablet{visibility:hidden !important}}@media screen and (min-width: 769px) and (max-width: 1023px){.is-invisible-tablet-only{visibility:hidden !important}}@media screen and (max-width: 1023px){.is-invisible-touch{visibility:hidden !important}}@media screen and (min-width: 1024px){.is-invisible-desktop{visibility:hidden !important}}@media screen and (min-width: 1024px) and (max-width: 1215px){.is-invisible-desktop-only{visibility:hidden !important}}@media screen and (min-width: 1216px){.is-invisible-widescreen{visibility:hidden !important}}@media screen and (min-width: 1216px) and (max-width: 1407px){.is-invisible-widescreen-only{visibility:hidden !important}}@media screen and (min-width: 1408px){.is-invisible-fullhd{visibility:hidden !important}}.breadcrumb{font-size:1rem;white-space:nowrap}.breadcrumb a{align-items:center;color:#485fc7;display:flex;justify-content:center;padding:0 .75em}.breadcrumb a:hover{color:#363636}.breadcrumb li{align-items:center;display:flex}.breadcrumb li:first-child a{padding-left:0}.breadcrumb li.is-active a{color:#363636;cursor:default;pointer-events:none}.breadcrumb li+li::before{color:#cbd2db;content:"\0002f"}.breadcrumb ul,.breadcrumb ol{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:flex-start}.breadcrumb .icon:first-child{margin-right:.5em}.breadcrumb .icon:last-child{margin-left:.5em}.breadcrumb.is-centered ol,.breadcrumb.is-centered ul{justify-content:center}.breadcrumb.is-right ol,.breadcrumb.is-right ul{justify-content:flex-end}.breadcrumb.is-small{font-size:.64rem}.breadcrumb.is-medium{font-size:1.3rem}.breadcrumb.is-large{font-size:1.5335rem}.breadcrumb.has-arrow-separator li+li::before{content:"\02192"}.breadcrumb.has-bullet-separator li+li::before{content:"\02022"}.breadcrumb.has-dot-separator li+li::before{content:"\000b7"}.breadcrumb.has-succeeds-separator li+li::before{content:"\0227B"}.card{background-color:#f6f8fb;border-radius:.25rem;box-shadow:none;color:#4a4a4a;max-width:100%;position:relative}.card-footer:first-child,.card-content:first-child,.card-header:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card-footer:last-child,.card-content:last-child,.card-header:last-child{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.card-header{background-color:rgba(0,0,0,0);align-items:stretch;box-shadow:0 0.125em 0.25em rgba(10,10,10,0.1);display:flex}.card-header-title{align-items:center;color:#363636;display:flex;flex-grow:1;font-weight:700;padding:0.75rem 1rem}.card-header-title.is-centered{justify-content:center}.card-header-icon{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:none;border:none;color:currentColor;font-family:inherit;font-size:1em;margin:0;padding:0;align-items:center;cursor:pointer;display:flex;justify-content:center;padding:0.75rem 1rem}.card-image{display:block;position:relative}.card-image:first-child img{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card-image:last-child img{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.card-content{background-color:rgba(0,0,0,0);padding:1.5rem}.card-footer{background-color:rgba(0,0,0,0);border-top:1px solid #ededed;align-items:stretch;display:flex}.card-footer-item{align-items:center;display:flex;flex-basis:0;flex-grow:1;flex-shrink:0;justify-content:center;padding:.75rem}.card-footer-item:not(:last-child){border-right:1px solid #ededed}.card .media:not(:last-child){margin-bottom:1.5rem}.dropdown{display:inline-flex;position:relative;vertical-align:top}.dropdown.is-active .dropdown-menu,.dropdown.is-hoverable:hover .dropdown-menu{display:block}.dropdown.is-right .dropdown-menu{left:auto;right:0}.dropdown.is-up .dropdown-menu{bottom:100%;padding-bottom:4px;padding-top:initial;top:auto}.dropdown-menu{display:none;left:0;min-width:12rem;padding-top:4px;position:absolute;top:100%;z-index:20}.dropdown-content{background-color:#fff;border-radius:6px;box-shadow:0 0.5em 1em -0.125em rgba(10,10,10,0.1),0 0px 0 1px rgba(10,10,10,0.02);padding-bottom:.5rem;padding-top:.5rem}.dropdown-item{color:#4a4a4a;display:block;font-size:0.875rem;line-height:1.5;padding:0.375rem 1rem;position:relative}a.dropdown-item,button.dropdown-item{padding-right:3rem;text-align:inherit;white-space:nowrap;width:100%}a.dropdown-item:hover,button.dropdown-item:hover{background-color:#f5f5f5;color:#0a0a0a}a.dropdown-item.is-active,button.dropdown-item.is-active{background-color:#485fc7;color:#fff}.dropdown-divider{background-color:#ededed;border:none;display:block;height:1px;margin:0.5rem 0}.level{align-items:center;justify-content:space-between}.level code{border-radius:6px}.level img{display:inline-block;vertical-align:top}.level.is-mobile{display:flex}.level.is-mobile .level-left,.level.is-mobile .level-right{display:flex}.level.is-mobile .level-left+.level-right{margin-top:0}.level.is-mobile .level-item:not(:last-child){margin-bottom:0;margin-right:.75rem}.level.is-mobile .level-item:not(.is-narrow){flex-grow:1}@media screen and (min-width: 769px),print{.level{display:flex}.level>.level-item:not(.is-narrow){flex-grow:1}}.level-item{align-items:center;display:flex;flex-basis:auto;flex-grow:0;flex-shrink:0;justify-content:center}.level-item .title,.level-item .subtitle{margin-bottom:0}@media screen and (max-width: 768px){.level-item:not(:last-child){margin-bottom:.75rem}}.level-left,.level-right{flex-basis:auto;flex-grow:0;flex-shrink:0}.level-left .level-item.is-flexible,.level-right .level-item.is-flexible{flex-grow:1}@media screen and (min-width: 769px),print{.level-left .level-item:not(:last-child),.level-right .level-item:not(:last-child){margin-right:.75rem}}.level-left{align-items:center;justify-content:flex-start}@media screen and (max-width: 768px){.level-left+.level-right{margin-top:1.5rem}}@media screen and (min-width: 769px),print{.level-left{display:flex}}.level-right{align-items:center;justify-content:flex-end}@media screen and (min-width: 769px),print{.level-right{display:flex}}.media{align-items:flex-start;display:flex;text-align:inherit}.media .content:not(:last-child){margin-bottom:.75rem}.media .media{border-top:1px solid rgba(219,219,219,0.5);display:flex;padding-top:.75rem}.media .media .content:not(:last-child),.media .media .control:not(:last-child){margin-bottom:.5rem}.media .media .media{padding-top:.5rem}.media .media .media+.media{margin-top:.5rem}.media+.media{border-top:1px solid rgba(219,219,219,0.5);margin-top:1rem;padding-top:1rem}.media.is-large+.media{margin-top:1.5rem;padding-top:1.5rem}.media-left,.media-right{flex-basis:auto;flex-grow:0;flex-shrink:0}.media-left{margin-right:1rem}.media-right{margin-left:1rem}.media-content{flex-basis:auto;flex-grow:1;flex-shrink:1;text-align:inherit}@media screen and (max-width: 768px){.media-content{overflow-x:auto}}.menu{font-size:1rem}.menu.is-small{font-size:.64rem}.menu.is-medium{font-size:1.3rem}.menu.is-large{font-size:1.5335rem}.menu-list{line-height:1.25}.menu-list a{border-radius:4px;color:#565656;display:block;padding:5px 0 5px 0}.menu-list a:hover{background-color:rgba(0,0,0,0);color:#0086d6}.menu-list a.is-active{background-color:#fff;color:#0086d6}.menu-list li ul{border-left:0;margin:0;padding-left:.75em}.menu-label{color:#565656;font-size:.8rem;letter-spacing:0;text-transform:uppercase}.menu-label:not(:first-child){margin-top:1em}.menu-label:not(:last-child){margin-bottom:1em}.message{background-color:#f5f5f5;border-radius:6px;font-size:1rem}.message strong{color:currentColor}.message a:not(.button):not(.tag):not(.dropdown-item){color:currentColor;text-decoration:underline}.message.is-small{font-size:.64rem}.message.is-medium{font-size:1.3rem}.message.is-large{font-size:1.5335rem}.message.is-white{background-color:#fff}.message.is-white .message-header{background-color:#fff;color:#0a0a0a}.message.is-white .message-body{border-color:#fff}.message.is-black{background-color:#fafafa}.message.is-black .message-header{background-color:#0a0a0a;color:#fff}.message.is-black .message-body{border-color:#0a0a0a}.message.is-light{background-color:#f8fafc}.message.is-light .message-header{background-color:#f6f8fb;color:rgba(0,0,0,0.7)}.message.is-light .message-body{border-color:#f6f8fb}.message.is-dark{background-color:#fafafa}.message.is-dark .message-header{background-color:#363636;color:#fff}.message.is-dark .message-body{border-color:#363636}.message.is-primary{background-color:#edf1fc}.message.is-primary .message-header{background-color:#142e7b;color:#fff}.message.is-primary .message-body{border-color:#142e7b;color:#3560de}.message.is-link{background-color:#eff1fa}.message.is-link .message-header{background-color:#485fc7;color:#fff}.message.is-link .message-body{border-color:#485fc7;color:#3850b7}.message.is-info{background-color:#ebf7ff}.message.is-info .message-header{background-color:#0086d6;color:#fff}.message.is-info .message-body{border-color:#0086d6;color:#0089db}.message.is-success{background-color:#f0faf2}.message.is-success .message-header{background-color:#4bc467;color:#fff}.message.is-success .message-body{border-color:#4bc467;color:#287b3b}.message.is-warning{background-color:#fef9ec}.message.is-warning .message-header{background-color:#efb71b;color:rgba(0,0,0,0.7)}.message.is-warning .message-body{border-color:#efb71b;color:#8a680a}.message.is-danger{background-color:#ffebf0}.message.is-danger .message-header{background-color:#ce0037;color:#fff}.message.is-danger .message-body{border-color:#ce0037;color:#fa0043}.message-header{align-items:center;background-color:#4a4a4a;border-radius:6px 6px 0 0;color:#fff;display:flex;font-weight:700;justify-content:space-between;line-height:1.25;padding:0.75em 1em;position:relative}.message-header .delete{flex-grow:0;flex-shrink:0;margin-left:.75em}.message-header+.message-body{border-width:0;border-top-left-radius:0;border-top-right-radius:0}.message-body{border-color:#dbdbdb;border-radius:6px;border-style:solid;border-width:0 0 0 4px;color:#4a4a4a;padding:1.25em 1.5em}.message-body code,.message-body pre{background-color:#fff}.message-body pre code{background-color:rgba(0,0,0,0)}.modal{align-items:center;display:none;flex-direction:column;justify-content:center;overflow:hidden;position:fixed;z-index:40}.modal.is-active{display:flex}.modal-background{background-color:rgba(10,10,10,0.86)}.modal-content,.modal-card{margin:0 20px;max-height:calc(100vh - 160px);overflow:auto;position:relative;width:100%}@media screen and (min-width: 769px){.modal-content,.modal-card{margin:0 auto;max-height:calc(100vh - 40px);width:640px}}.modal-close{background:none;height:40px;position:fixed;right:20px;top:20px;width:40px}.modal-card{display:flex;flex-direction:column;max-height:calc(100vh - 40px);overflow:hidden;-ms-overflow-y:visible}.modal-card-head,.modal-card-foot{align-items:center;background-color:#f5f5f5;display:flex;flex-shrink:0;justify-content:flex-start;padding:20px;position:relative}.modal-card-head{border-bottom:1px solid #dbdbdb;border-top-left-radius:8px;border-top-right-radius:8px}.modal-card-title{color:#363636;flex-grow:1;flex-shrink:0;font-size:1.3rem;line-height:1}.modal-card-foot{border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top:1px solid #dbdbdb}.modal-card-foot .button:not(:last-child){margin-right:.5em}.modal-card-body{-webkit-overflow-scrolling:touch;background-color:#fff;flex-grow:1;flex-shrink:1;overflow:auto;padding:20px}.navbar{background-color:#0086d6;min-height:5.3rem;position:relative;z-index:30}.navbar.is-white{background-color:#fff;color:#0a0a0a}.navbar.is-white .navbar-brand>.navbar-item,.navbar.is-white .navbar-brand .navbar-link{color:#0a0a0a}.navbar.is-white .navbar-brand>a.navbar-item:focus,.navbar.is-white .navbar-brand>a.navbar-item:hover,.navbar.is-white .navbar-brand>a.navbar-item.is-active,.navbar.is-white .navbar-brand .navbar-link:focus,.navbar.is-white .navbar-brand .navbar-link:hover,.navbar.is-white .navbar-brand .navbar-link.is-active{background-color:#f2f2f2;color:#0a0a0a}.navbar.is-white .navbar-brand .navbar-link::after{border-color:#0a0a0a}.navbar.is-white .navbar-burger{color:#0a0a0a}@media screen and (min-width: 1024px){.navbar.is-white .navbar-start>.navbar-item,.navbar.is-white .navbar-start .navbar-link,.navbar.is-white .navbar-end>.navbar-item,.navbar.is-white .navbar-end .navbar-link{color:#0a0a0a}.navbar.is-white .navbar-start>a.navbar-item:focus,.navbar.is-white .navbar-start>a.navbar-item:hover,.navbar.is-white .navbar-start>a.navbar-item.is-active,.navbar.is-white .navbar-start .navbar-link:focus,.navbar.is-white .navbar-start .navbar-link:hover,.navbar.is-white .navbar-start .navbar-link.is-active,.navbar.is-white .navbar-end>a.navbar-item:focus,.navbar.is-white .navbar-end>a.navbar-item:hover,.navbar.is-white .navbar-end>a.navbar-item.is-active,.navbar.is-white .navbar-end .navbar-link:focus,.navbar.is-white .navbar-end .navbar-link:hover,.navbar.is-white .navbar-end .navbar-link.is-active{background-color:#f2f2f2;color:#0a0a0a}.navbar.is-white .navbar-start .navbar-link::after,.navbar.is-white .navbar-end .navbar-link::after{border-color:#0a0a0a}.navbar.is-white .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-white .navbar-item.has-dropdown:hover .navbar-link,.navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link{background-color:#f2f2f2;color:#0a0a0a}.navbar.is-white .navbar-dropdown a.navbar-item.is-active{background-color:#fff;color:#0a0a0a}}.navbar.is-black{background-color:#0a0a0a;color:#fff}.navbar.is-black .navbar-brand>.navbar-item,.navbar.is-black .navbar-brand .navbar-link{color:#fff}.navbar.is-black .navbar-brand>a.navbar-item:focus,.navbar.is-black .navbar-brand>a.navbar-item:hover,.navbar.is-black .navbar-brand>a.navbar-item.is-active,.navbar.is-black .navbar-brand .navbar-link:focus,.navbar.is-black .navbar-brand .navbar-link:hover,.navbar.is-black .navbar-brand .navbar-link.is-active{background-color:#000;color:#fff}.navbar.is-black .navbar-brand .navbar-link::after{border-color:#fff}.navbar.is-black .navbar-burger{color:#fff}@media screen and (min-width: 1024px){.navbar.is-black .navbar-start>.navbar-item,.navbar.is-black .navbar-start .navbar-link,.navbar.is-black .navbar-end>.navbar-item,.navbar.is-black .navbar-end .navbar-link{color:#fff}.navbar.is-black .navbar-start>a.navbar-item:focus,.navbar.is-black .navbar-start>a.navbar-item:hover,.navbar.is-black .navbar-start>a.navbar-item.is-active,.navbar.is-black .navbar-start .navbar-link:focus,.navbar.is-black .navbar-start .navbar-link:hover,.navbar.is-black .navbar-start .navbar-link.is-active,.navbar.is-black .navbar-end>a.navbar-item:focus,.navbar.is-black .navbar-end>a.navbar-item:hover,.navbar.is-black .navbar-end>a.navbar-item.is-active,.navbar.is-black .navbar-end .navbar-link:focus,.navbar.is-black .navbar-end .navbar-link:hover,.navbar.is-black .navbar-end .navbar-link.is-active{background-color:#000;color:#fff}.navbar.is-black .navbar-start .navbar-link::after,.navbar.is-black .navbar-end .navbar-link::after{border-color:#fff}.navbar.is-black .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-black .navbar-item.has-dropdown:hover .navbar-link,.navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link{background-color:#000;color:#fff}.navbar.is-black .navbar-dropdown a.navbar-item.is-active{background-color:#0a0a0a;color:#fff}}.navbar.is-light{background-color:#f6f8fb;color:rgba(0,0,0,0.7)}.navbar.is-light .navbar-brand>.navbar-item,.navbar.is-light .navbar-brand .navbar-link{color:rgba(0,0,0,0.7)}.navbar.is-light .navbar-brand>a.navbar-item:focus,.navbar.is-light .navbar-brand>a.navbar-item:hover,.navbar.is-light .navbar-brand>a.navbar-item.is-active,.navbar.is-light .navbar-brand .navbar-link:focus,.navbar.is-light .navbar-brand .navbar-link:hover,.navbar.is-light .navbar-brand .navbar-link.is-active{background-color:#e4eaf3;color:rgba(0,0,0,0.7)}.navbar.is-light .navbar-brand .navbar-link::after{border-color:rgba(0,0,0,0.7)}.navbar.is-light .navbar-burger{color:rgba(0,0,0,0.7)}@media screen and (min-width: 1024px){.navbar.is-light .navbar-start>.navbar-item,.navbar.is-light .navbar-start .navbar-link,.navbar.is-light .navbar-end>.navbar-item,.navbar.is-light .navbar-end .navbar-link{color:rgba(0,0,0,0.7)}.navbar.is-light .navbar-start>a.navbar-item:focus,.navbar.is-light .navbar-start>a.navbar-item:hover,.navbar.is-light .navbar-start>a.navbar-item.is-active,.navbar.is-light .navbar-start .navbar-link:focus,.navbar.is-light .navbar-start .navbar-link:hover,.navbar.is-light .navbar-start .navbar-link.is-active,.navbar.is-light .navbar-end>a.navbar-item:focus,.navbar.is-light .navbar-end>a.navbar-item:hover,.navbar.is-light .navbar-end>a.navbar-item.is-active,.navbar.is-light .navbar-end .navbar-link:focus,.navbar.is-light .navbar-end .navbar-link:hover,.navbar.is-light .navbar-end .navbar-link.is-active{background-color:#e4eaf3;color:rgba(0,0,0,0.7)}.navbar.is-light .navbar-start .navbar-link::after,.navbar.is-light .navbar-end .navbar-link::after{border-color:rgba(0,0,0,0.7)}.navbar.is-light .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-light .navbar-item.has-dropdown:hover .navbar-link,.navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link{background-color:#e4eaf3;color:rgba(0,0,0,0.7)}.navbar.is-light .navbar-dropdown a.navbar-item.is-active{background-color:#f6f8fb;color:rgba(0,0,0,0.7)}}.navbar.is-dark{background-color:#363636;color:#fff}.navbar.is-dark .navbar-brand>.navbar-item,.navbar.is-dark .navbar-brand .navbar-link{color:#fff}.navbar.is-dark .navbar-brand>a.navbar-item:focus,.navbar.is-dark .navbar-brand>a.navbar-item:hover,.navbar.is-dark .navbar-brand>a.navbar-item.is-active,.navbar.is-dark .navbar-brand .navbar-link:focus,.navbar.is-dark .navbar-brand .navbar-link:hover,.navbar.is-dark .navbar-brand .navbar-link.is-active{background-color:#292929;color:#fff}.navbar.is-dark .navbar-brand .navbar-link::after{border-color:#fff}.navbar.is-dark .navbar-burger{color:#fff}@media screen and (min-width: 1024px){.navbar.is-dark .navbar-start>.navbar-item,.navbar.is-dark .navbar-start .navbar-link,.navbar.is-dark .navbar-end>.navbar-item,.navbar.is-dark .navbar-end .navbar-link{color:#fff}.navbar.is-dark .navbar-start>a.navbar-item:focus,.navbar.is-dark .navbar-start>a.navbar-item:hover,.navbar.is-dark .navbar-start>a.navbar-item.is-active,.navbar.is-dark .navbar-start .navbar-link:focus,.navbar.is-dark .navbar-start .navbar-link:hover,.navbar.is-dark .navbar-start .navbar-link.is-active,.navbar.is-dark .navbar-end>a.navbar-item:focus,.navbar.is-dark .navbar-end>a.navbar-item:hover,.navbar.is-dark .navbar-end>a.navbar-item.is-active,.navbar.is-dark .navbar-end .navbar-link:focus,.navbar.is-dark .navbar-end .navbar-link:hover,.navbar.is-dark .navbar-end .navbar-link.is-active{background-color:#292929;color:#fff}.navbar.is-dark .navbar-start .navbar-link::after,.navbar.is-dark .navbar-end .navbar-link::after{border-color:#fff}.navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link,.navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link{background-color:#292929;color:#fff}.navbar.is-dark .navbar-dropdown a.navbar-item.is-active{background-color:#363636;color:#fff}}.navbar.is-primary{background-color:#142e7b;color:#fff}.navbar.is-primary .navbar-brand>.navbar-item,.navbar.is-primary .navbar-brand .navbar-link{color:#fff}.navbar.is-primary .navbar-brand>a.navbar-item:focus,.navbar.is-primary .navbar-brand>a.navbar-item:hover,.navbar.is-primary .navbar-brand>a.navbar-item.is-active,.navbar.is-primary .navbar-brand .navbar-link:focus,.navbar.is-primary .navbar-brand .navbar-link:hover,.navbar.is-primary .navbar-brand .navbar-link.is-active{background-color:#102665;color:#fff}.navbar.is-primary .navbar-brand .navbar-link::after{border-color:#fff}.navbar.is-primary .navbar-burger{color:#fff}@media screen and (min-width: 1024px){.navbar.is-primary .navbar-start>.navbar-item,.navbar.is-primary .navbar-start .navbar-link,.navbar.is-primary .navbar-end>.navbar-item,.navbar.is-primary .navbar-end .navbar-link{color:#fff}.navbar.is-primary .navbar-start>a.navbar-item:focus,.navbar.is-primary .navbar-start>a.navbar-item:hover,.navbar.is-primary .navbar-start>a.navbar-item.is-active,.navbar.is-primary .navbar-start .navbar-link:focus,.navbar.is-primary .navbar-start .navbar-link:hover,.navbar.is-primary .navbar-start .navbar-link.is-active,.navbar.is-primary .navbar-end>a.navbar-item:focus,.navbar.is-primary .navbar-end>a.navbar-item:hover,.navbar.is-primary .navbar-end>a.navbar-item.is-active,.navbar.is-primary .navbar-end .navbar-link:focus,.navbar.is-primary .navbar-end .navbar-link:hover,.navbar.is-primary .navbar-end .navbar-link.is-active{background-color:#102665;color:#fff}.navbar.is-primary .navbar-start .navbar-link::after,.navbar.is-primary .navbar-end .navbar-link::after{border-color:#fff}.navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,.navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link{background-color:#102665;color:#fff}.navbar.is-primary .navbar-dropdown a.navbar-item.is-active{background-color:#142e7b;color:#fff}}.navbar.is-link{background-color:#485fc7;color:#fff}.navbar.is-link .navbar-brand>.navbar-item,.navbar.is-link .navbar-brand .navbar-link{color:#fff}.navbar.is-link .navbar-brand>a.navbar-item:focus,.navbar.is-link .navbar-brand>a.navbar-item:hover,.navbar.is-link .navbar-brand>a.navbar-item.is-active,.navbar.is-link .navbar-brand .navbar-link:focus,.navbar.is-link .navbar-brand .navbar-link:hover,.navbar.is-link .navbar-brand .navbar-link.is-active{background-color:#3a51bb;color:#fff}.navbar.is-link .navbar-brand .navbar-link::after{border-color:#fff}.navbar.is-link .navbar-burger{color:#fff}@media screen and (min-width: 1024px){.navbar.is-link .navbar-start>.navbar-item,.navbar.is-link .navbar-start .navbar-link,.navbar.is-link .navbar-end>.navbar-item,.navbar.is-link .navbar-end .navbar-link{color:#fff}.navbar.is-link .navbar-start>a.navbar-item:focus,.navbar.is-link .navbar-start>a.navbar-item:hover,.navbar.is-link .navbar-start>a.navbar-item.is-active,.navbar.is-link .navbar-start .navbar-link:focus,.navbar.is-link .navbar-start .navbar-link:hover,.navbar.is-link .navbar-start .navbar-link.is-active,.navbar.is-link .navbar-end>a.navbar-item:focus,.navbar.is-link .navbar-end>a.navbar-item:hover,.navbar.is-link .navbar-end>a.navbar-item.is-active,.navbar.is-link .navbar-end .navbar-link:focus,.navbar.is-link .navbar-end .navbar-link:hover,.navbar.is-link .navbar-end .navbar-link.is-active{background-color:#3a51bb;color:#fff}.navbar.is-link .navbar-start .navbar-link::after,.navbar.is-link .navbar-end .navbar-link::after{border-color:#fff}.navbar.is-link .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-link .navbar-item.has-dropdown:hover .navbar-link,.navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link{background-color:#3a51bb;color:#fff}.navbar.is-link .navbar-dropdown a.navbar-item.is-active{background-color:#485fc7;color:#fff}}.navbar.is-info{background-color:#0086d6;color:#fff}.navbar.is-info .navbar-brand>.navbar-item,.navbar.is-info .navbar-brand .navbar-link{color:#fff}.navbar.is-info .navbar-brand>a.navbar-item:focus,.navbar.is-info .navbar-brand>a.navbar-item:hover,.navbar.is-info .navbar-brand>a.navbar-item.is-active,.navbar.is-info .navbar-brand .navbar-link:focus,.navbar.is-info .navbar-brand .navbar-link:hover,.navbar.is-info .navbar-brand .navbar-link.is-active{background-color:#0076bd;color:#fff}.navbar.is-info .navbar-brand .navbar-link::after{border-color:#fff}.navbar.is-info .navbar-burger{color:#fff}@media screen and (min-width: 1024px){.navbar.is-info .navbar-start>.navbar-item,.navbar.is-info .navbar-start .navbar-link,.navbar.is-info .navbar-end>.navbar-item,.navbar.is-info .navbar-end .navbar-link{color:#fff}.navbar.is-info .navbar-start>a.navbar-item:focus,.navbar.is-info .navbar-start>a.navbar-item:hover,.navbar.is-info .navbar-start>a.navbar-item.is-active,.navbar.is-info .navbar-start .navbar-link:focus,.navbar.is-info .navbar-start .navbar-link:hover,.navbar.is-info .navbar-start .navbar-link.is-active,.navbar.is-info .navbar-end>a.navbar-item:focus,.navbar.is-info .navbar-end>a.navbar-item:hover,.navbar.is-info .navbar-end>a.navbar-item.is-active,.navbar.is-info .navbar-end .navbar-link:focus,.navbar.is-info .navbar-end .navbar-link:hover,.navbar.is-info .navbar-end .navbar-link.is-active{background-color:#0076bd;color:#fff}.navbar.is-info .navbar-start .navbar-link::after,.navbar.is-info .navbar-end .navbar-link::after{border-color:#fff}.navbar.is-info .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-info .navbar-item.has-dropdown:hover .navbar-link,.navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link{background-color:#0076bd;color:#fff}.navbar.is-info .navbar-dropdown a.navbar-item.is-active{background-color:#0086d6;color:#fff}}.navbar.is-success{background-color:#4bc467;color:#fff}.navbar.is-success .navbar-brand>.navbar-item,.navbar.is-success .navbar-brand .navbar-link{color:#fff}.navbar.is-success .navbar-brand>a.navbar-item:focus,.navbar.is-success .navbar-brand>a.navbar-item:hover,.navbar.is-success .navbar-brand>a.navbar-item.is-active,.navbar.is-success .navbar-brand .navbar-link:focus,.navbar.is-success .navbar-brand .navbar-link:hover,.navbar.is-success .navbar-brand .navbar-link.is-active{background-color:#3db959;color:#fff}.navbar.is-success .navbar-brand .navbar-link::after{border-color:#fff}.navbar.is-success .navbar-burger{color:#fff}@media screen and (min-width: 1024px){.navbar.is-success .navbar-start>.navbar-item,.navbar.is-success .navbar-start .navbar-link,.navbar.is-success .navbar-end>.navbar-item,.navbar.is-success .navbar-end .navbar-link{color:#fff}.navbar.is-success .navbar-start>a.navbar-item:focus,.navbar.is-success .navbar-start>a.navbar-item:hover,.navbar.is-success .navbar-start>a.navbar-item.is-active,.navbar.is-success .navbar-start .navbar-link:focus,.navbar.is-success .navbar-start .navbar-link:hover,.navbar.is-success .navbar-start .navbar-link.is-active,.navbar.is-success .navbar-end>a.navbar-item:focus,.navbar.is-success .navbar-end>a.navbar-item:hover,.navbar.is-success .navbar-end>a.navbar-item.is-active,.navbar.is-success .navbar-end .navbar-link:focus,.navbar.is-success .navbar-end .navbar-link:hover,.navbar.is-success .navbar-end .navbar-link.is-active{background-color:#3db959;color:#fff}.navbar.is-success .navbar-start .navbar-link::after,.navbar.is-success .navbar-end .navbar-link::after{border-color:#fff}.navbar.is-success .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-success .navbar-item.has-dropdown:hover .navbar-link,.navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link{background-color:#3db959;color:#fff}.navbar.is-success .navbar-dropdown a.navbar-item.is-active{background-color:#4bc467;color:#fff}}.navbar.is-warning{background-color:#efb71b;color:rgba(0,0,0,0.7)}.navbar.is-warning .navbar-brand>.navbar-item,.navbar.is-warning .navbar-brand .navbar-link{color:rgba(0,0,0,0.7)}.navbar.is-warning .navbar-brand>a.navbar-item:focus,.navbar.is-warning .navbar-brand>a.navbar-item:hover,.navbar.is-warning .navbar-brand>a.navbar-item.is-active,.navbar.is-warning .navbar-brand .navbar-link:focus,.navbar.is-warning .navbar-brand .navbar-link:hover,.navbar.is-warning .navbar-brand .navbar-link.is-active{background-color:#e1aa10;color:rgba(0,0,0,0.7)}.navbar.is-warning .navbar-brand .navbar-link::after{border-color:rgba(0,0,0,0.7)}.navbar.is-warning .navbar-burger{color:rgba(0,0,0,0.7)}@media screen and (min-width: 1024px){.navbar.is-warning .navbar-start>.navbar-item,.navbar.is-warning .navbar-start .navbar-link,.navbar.is-warning .navbar-end>.navbar-item,.navbar.is-warning .navbar-end .navbar-link{color:rgba(0,0,0,0.7)}.navbar.is-warning .navbar-start>a.navbar-item:focus,.navbar.is-warning .navbar-start>a.navbar-item:hover,.navbar.is-warning .navbar-start>a.navbar-item.is-active,.navbar.is-warning .navbar-start .navbar-link:focus,.navbar.is-warning .navbar-start .navbar-link:hover,.navbar.is-warning .navbar-start .navbar-link.is-active,.navbar.is-warning .navbar-end>a.navbar-item:focus,.navbar.is-warning .navbar-end>a.navbar-item:hover,.navbar.is-warning .navbar-end>a.navbar-item.is-active,.navbar.is-warning .navbar-end .navbar-link:focus,.navbar.is-warning .navbar-end .navbar-link:hover,.navbar.is-warning .navbar-end .navbar-link.is-active{background-color:#e1aa10;color:rgba(0,0,0,0.7)}.navbar.is-warning .navbar-start .navbar-link::after,.navbar.is-warning .navbar-end .navbar-link::after{border-color:rgba(0,0,0,0.7)}.navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link,.navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link{background-color:#e1aa10;color:rgba(0,0,0,0.7)}.navbar.is-warning .navbar-dropdown a.navbar-item.is-active{background-color:#efb71b;color:rgba(0,0,0,0.7)}}.navbar.is-danger{background-color:#ce0037;color:#fff}.navbar.is-danger .navbar-brand>.navbar-item,.navbar.is-danger .navbar-brand .navbar-link{color:#fff}.navbar.is-danger .navbar-brand>a.navbar-item:focus,.navbar.is-danger .navbar-brand>a.navbar-item:hover,.navbar.is-danger .navbar-brand>a.navbar-item.is-active,.navbar.is-danger .navbar-brand .navbar-link:focus,.navbar.is-danger .navbar-brand .navbar-link:hover,.navbar.is-danger .navbar-brand .navbar-link.is-active{background-color:#b50030;color:#fff}.navbar.is-danger .navbar-brand .navbar-link::after{border-color:#fff}.navbar.is-danger .navbar-burger{color:#fff}@media screen and (min-width: 1024px){.navbar.is-danger .navbar-start>.navbar-item,.navbar.is-danger .navbar-start .navbar-link,.navbar.is-danger .navbar-end>.navbar-item,.navbar.is-danger .navbar-end .navbar-link{color:#fff}.navbar.is-danger .navbar-start>a.navbar-item:focus,.navbar.is-danger .navbar-start>a.navbar-item:hover,.navbar.is-danger .navbar-start>a.navbar-item.is-active,.navbar.is-danger .navbar-start .navbar-link:focus,.navbar.is-danger .navbar-start .navbar-link:hover,.navbar.is-danger .navbar-start .navbar-link.is-active,.navbar.is-danger .navbar-end>a.navbar-item:focus,.navbar.is-danger .navbar-end>a.navbar-item:hover,.navbar.is-danger .navbar-end>a.navbar-item.is-active,.navbar.is-danger .navbar-end .navbar-link:focus,.navbar.is-danger .navbar-end .navbar-link:hover,.navbar.is-danger .navbar-end .navbar-link.is-active{background-color:#b50030;color:#fff}.navbar.is-danger .navbar-start .navbar-link::after,.navbar.is-danger .navbar-end .navbar-link::after{border-color:#fff}.navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link,.navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link,.navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link{background-color:#b50030;color:#fff}.navbar.is-danger .navbar-dropdown a.navbar-item.is-active{background-color:#ce0037;color:#fff}}.navbar>.container{align-items:stretch;display:flex;min-height:5.3rem;width:100%}.navbar.has-shadow{box-shadow:0 #f5f5f5}.navbar.is-fixed-bottom,.navbar.is-fixed-top{left:0;position:fixed;right:0;z-index:30}.navbar.is-fixed-bottom{bottom:0}.navbar.is-fixed-bottom.has-shadow{box-shadow:0 -2px 0 0 #f5f5f5}.navbar.is-fixed-top{top:0}html.has-navbar-fixed-top,body.has-navbar-fixed-top{padding-top:5.3rem}html.has-navbar-fixed-bottom,body.has-navbar-fixed-bottom{padding-bottom:5.3rem}.navbar-brand,.navbar-tabs{align-items:stretch;display:flex;flex-shrink:0;min-height:5.3rem}.navbar-brand a.navbar-item:focus,.navbar-brand a.navbar-item:hover{background-color:transparent}.navbar-tabs{-webkit-overflow-scrolling:touch;max-width:100vw;overflow-x:auto;overflow-y:hidden}.navbar-burger{color:#0086d6;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:none;border:none;cursor:pointer;display:block;height:5.3rem;position:relative;width:5.3rem;margin-left:auto}.navbar-burger span{background-color:currentColor;display:block;height:1px;left:calc(50% - 8px);position:absolute;transform-origin:center;transition-duration:86ms;transition-property:background-color, opacity, transform;transition-timing-function:ease-out;width:16px}.navbar-burger span:nth-child(1){top:calc(50% - 6px)}.navbar-burger span:nth-child(2){top:calc(50% - 1px)}.navbar-burger span:nth-child(3){top:calc(50% + 4px)}.navbar-burger:hover{background-color:rgba(0,0,0,0.05)}.navbar-burger.is-active span:nth-child(1){transform:translateY(5px) rotate(45deg)}.navbar-burger.is-active span:nth-child(2){opacity:0}.navbar-burger.is-active span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}.navbar-menu{display:none}.navbar-item,.navbar-link{color:#fff;display:block;line-height:1.5;padding:0.5rem 0.75rem;position:relative}.navbar-item .icon:only-child,.navbar-link .icon:only-child{margin-left:-0.25rem;margin-right:-0.25rem}a.navbar-item,.navbar-link{cursor:pointer}a.navbar-item:focus,a.navbar-item:focus-within,a.navbar-item:hover,a.navbar-item.is-active,.navbar-link:focus,.navbar-link:focus-within,.navbar-link:hover,.navbar-link.is-active{background-color:#142e7b;color:#fff}.navbar-item{flex-grow:0;flex-shrink:0}.navbar-item img{max-height:1.75rem}.navbar-item.has-dropdown{padding:0}.navbar-item.is-expanded{flex-grow:1;flex-shrink:1}.navbar-item.is-tab{border-bottom:1px solid transparent;min-height:5.3rem;padding-bottom:calc(0.5rem - 1px)}.navbar-item.is-tab:focus,.navbar-item.is-tab:hover{background-color:rgba(0,0,0,0);border-bottom-color:#485fc7}.navbar-item.is-tab.is-active{background-color:rgba(0,0,0,0);border-bottom-color:#485fc7;border-bottom-style:solid;border-bottom-width:3px;color:#485fc7;padding-bottom:calc(0.5rem - 3px)}.navbar-content{flex-grow:1;flex-shrink:1}.navbar-link:not(.is-arrowless){padding-right:2.5em}.navbar-link:not(.is-arrowless)::after{border-color:#485fc7;margin-top:-0.375em;right:1.125em}.navbar-dropdown{font-size:0.875rem;padding-bottom:0.5rem;padding-top:0.5rem}.navbar-dropdown .navbar-item{padding-left:1.5rem;padding-right:1.5rem}.navbar-divider{background-color:#f5f5f5;border:none;display:none;height:2px;margin:0.5rem 0}@media screen and (max-width: 1023px){.navbar>.container{display:block}.navbar-brand .navbar-item,.navbar-tabs .navbar-item{align-items:center;display:flex}.navbar-link::after{display:none}.navbar-menu{background-color:#0086d6;box-shadow:0 8px 16px rgba(10,10,10,0.1);padding:0.5rem 0}.navbar-menu.is-active{display:block}.navbar.is-fixed-bottom-touch,.navbar.is-fixed-top-touch{left:0;position:fixed;right:0;z-index:30}.navbar.is-fixed-bottom-touch{bottom:0}.navbar.is-fixed-bottom-touch.has-shadow{box-shadow:0 -2px 3px rgba(10,10,10,0.1)}.navbar.is-fixed-top-touch{top:0}.navbar.is-fixed-top .navbar-menu,.navbar.is-fixed-top-touch .navbar-menu{-webkit-overflow-scrolling:touch;max-height:calc(100vh - 5.3rem);overflow:auto}html.has-navbar-fixed-top-touch,body.has-navbar-fixed-top-touch{padding-top:5.3rem}html.has-navbar-fixed-bottom-touch,body.has-navbar-fixed-bottom-touch{padding-bottom:5.3rem}}@media screen and (min-width: 1024px){.navbar,.navbar-menu,.navbar-start,.navbar-end{align-items:stretch;display:flex}.navbar{min-height:5.3rem}.navbar.is-spaced{padding:0rem 2.6rem}.navbar.is-spaced .navbar-start,.navbar.is-spaced .navbar-end{align-items:center}.navbar.is-spaced a.navbar-item,.navbar.is-spaced .navbar-link{border-radius:6px}.navbar.is-transparent a.navbar-item:focus,.navbar.is-transparent a.navbar-item:hover,.navbar.is-transparent a.navbar-item.is-active,.navbar.is-transparent .navbar-link:focus,.navbar.is-transparent .navbar-link:hover,.navbar.is-transparent .navbar-link.is-active{background-color:transparent !important}.navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link,.navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link,.navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link,.navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link{background-color:transparent !important}.navbar.is-transparent .navbar-dropdown a.navbar-item:focus,.navbar.is-transparent .navbar-dropdown a.navbar-item:hover{background-color:#f5f5f5;color:#0a0a0a}.navbar.is-transparent .navbar-dropdown a.navbar-item.is-active{background-color:#f5f5f5;color:#485fc7}.navbar-burger{display:none}.navbar-item,.navbar-link{align-items:center;display:flex}.navbar-item.has-dropdown{align-items:stretch}.navbar-item.has-dropdown-up .navbar-link::after{transform:rotate(135deg) translate(0.25em, -0.25em)}.navbar-item.has-dropdown-up .navbar-dropdown{border-bottom:2px solid #dbdbdb;border-radius:8px 8px 0 0;border-top:none;bottom:100%;box-shadow:0 -8px 8px rgba(10,10,10,0.1);top:auto}.navbar-item.is-active .navbar-dropdown,.navbar-item.is-hoverable:focus .navbar-dropdown,.navbar-item.is-hoverable:focus-within .navbar-dropdown,.navbar-item.is-hoverable:hover .navbar-dropdown{display:block}.navbar.is-spaced .navbar-item.is-active .navbar-dropdown,.navbar-item.is-active .navbar-dropdown.is-boxed,.navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown,.navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed,.navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown,.navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed,.navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown,.navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed{opacity:1;pointer-events:auto;transform:translateY(0)}.navbar-menu{flex-grow:1;flex-shrink:0}.navbar-start{justify-content:flex-start;margin-right:auto}.navbar-end{justify-content:flex-end;margin-left:auto}.navbar-dropdown{background-color:#fff;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top:2px solid #dbdbdb;box-shadow:0 8px 8px rgba(10,10,10,0.1);display:none;font-size:0.875rem;left:0;min-width:100%;position:absolute;top:100%;z-index:20}.navbar-dropdown .navbar-item{padding:0.375rem 1rem;white-space:nowrap}.navbar-dropdown a.navbar-item{padding-right:3rem}.navbar-dropdown a.navbar-item:focus,.navbar-dropdown a.navbar-item:hover{background-color:#f5f5f5;color:#0a0a0a}.navbar-dropdown a.navbar-item.is-active{background-color:#f5f5f5;color:#485fc7}.navbar.is-spaced .navbar-dropdown,.navbar-dropdown.is-boxed{border-radius:8px;border-top:none;box-shadow:0 8px 8px rgba(10,10,10,0.1), 0 0 0 1px rgba(10,10,10,0.1);display:block;opacity:0;pointer-events:none;top:calc(100% + (-4px));transform:translateY(-5px);transition-duration:86ms;transition-property:opacity, transform}.navbar-dropdown.is-right{left:auto;right:0}.navbar-divider{display:block}.navbar>.container .navbar-brand,.container>.navbar .navbar-brand{margin-left:-.75rem}.navbar>.container .navbar-menu,.container>.navbar .navbar-menu{margin-right:-.75rem}.navbar.is-fixed-bottom-desktop,.navbar.is-fixed-top-desktop{left:0;position:fixed;right:0;z-index:30}.navbar.is-fixed-bottom-desktop{bottom:0}.navbar.is-fixed-bottom-desktop.has-shadow{box-shadow:0 -2px 3px rgba(10,10,10,0.1)}.navbar.is-fixed-top-desktop{top:0}html.has-navbar-fixed-top-desktop,body.has-navbar-fixed-top-desktop{padding-top:5.3rem}html.has-navbar-fixed-bottom-desktop,body.has-navbar-fixed-bottom-desktop{padding-bottom:5.3rem}html.has-spaced-navbar-fixed-top,body.has-spaced-navbar-fixed-top{padding-top:5.3rem}html.has-spaced-navbar-fixed-bottom,body.has-spaced-navbar-fixed-bottom{padding-bottom:5.3rem}a.navbar-item.is-active,.navbar-link.is-active{color:#fff}a.navbar-item.is-active:not(:focus):not(:hover),.navbar-link.is-active:not(:focus):not(:hover){background-color:#142e7b}.navbar-item.has-dropdown:focus .navbar-link,.navbar-item.has-dropdown:hover .navbar-link,.navbar-item.has-dropdown.is-active .navbar-link{background-color:#142e7b}}.hero.is-fullheight-with-navbar{min-height:calc(100vh - 5.3rem)}.pagination{font-size:1rem;margin:-.25rem}.pagination.is-small{font-size:.64rem}.pagination.is-medium{font-size:1.3rem}.pagination.is-large{font-size:1.5335rem}.pagination.is-rounded .pagination-previous,.pagination.is-rounded .pagination-next{padding-left:1em;padding-right:1em;border-radius:9999px}.pagination.is-rounded .pagination-link{border-radius:9999px}.pagination,.pagination-list{align-items:center;display:flex;justify-content:center;text-align:center}.pagination-previous,.pagination-next,.pagination-link,.pagination-ellipsis{font-size:1em;justify-content:center;margin:.25rem;padding-left:.5em;padding-right:.5em;text-align:center}.pagination-previous,.pagination-next,.pagination-link{border-color:#dbdbdb;color:#363636;min-width:2.5em}.pagination-previous:hover,.pagination-next:hover,.pagination-link:hover{border-color:#cbd2db;color:#363636}.pagination-previous:focus,.pagination-next:focus,.pagination-link:focus{border-color:#485fc7}.pagination-previous:active,.pagination-next:active,.pagination-link:active{box-shadow:inset 0 1px 2px rgba(10,10,10,0.2)}.pagination-previous[disabled],.pagination-previous.is-disabled,.pagination-next[disabled],.pagination-next.is-disabled,.pagination-link[disabled],.pagination-link.is-disabled{background-color:#dbdbdb;border-color:#dbdbdb;box-shadow:none;color:#7a7a7a;opacity:0.5}.pagination-previous,.pagination-next{padding-left:.75em;padding-right:.75em;white-space:nowrap}.pagination-link.is-current{background-color:#485fc7;border-color:#485fc7;color:#fff}.pagination-ellipsis{color:#cbd2db;pointer-events:none}.pagination-list{flex-wrap:wrap}.pagination-list li{list-style:none}@media screen and (max-width: 768px){.pagination{flex-wrap:wrap}.pagination-previous,.pagination-next{flex-grow:1;flex-shrink:1}.pagination-list li{flex-grow:1;flex-shrink:1}}@media screen and (min-width: 769px),print{.pagination-list{flex-grow:1;flex-shrink:1;justify-content:flex-start;order:1}.pagination-previous,.pagination-next,.pagination-link,.pagination-ellipsis{margin-bottom:0;margin-top:0}.pagination-previous{order:2}.pagination-next{order:3}.pagination{justify-content:space-between;margin-bottom:0;margin-top:0}.pagination.is-centered .pagination-previous{order:1}.pagination.is-centered .pagination-list{justify-content:center;order:2}.pagination.is-centered .pagination-next{order:3}.pagination.is-right .pagination-previous{order:1}.pagination.is-right .pagination-next{order:2}.pagination.is-right .pagination-list{justify-content:flex-end;order:3}}.panel{border-radius:8px;box-shadow:0 0.5em 1em -0.125em rgba(10,10,10,0.1),0 0px 0 1px rgba(10,10,10,0.02);font-size:1rem}.panel:not(:last-child){margin-bottom:1.5rem}.panel.is-white .panel-heading{background-color:#fff;color:#0a0a0a}.panel.is-white .panel-tabs a.is-active{border-bottom-color:#fff}.panel.is-white .panel-block.is-active .panel-icon{color:#fff}.panel.is-black .panel-heading{background-color:#0a0a0a;color:#fff}.panel.is-black .panel-tabs a.is-active{border-bottom-color:#0a0a0a}.panel.is-black .panel-block.is-active .panel-icon{color:#0a0a0a}.panel.is-light .panel-heading{background-color:#f6f8fb;color:rgba(0,0,0,0.7)}.panel.is-light .panel-tabs a.is-active{border-bottom-color:#f6f8fb}.panel.is-light .panel-block.is-active .panel-icon{color:#f6f8fb}.panel.is-dark .panel-heading{background-color:#363636;color:#fff}.panel.is-dark .panel-tabs a.is-active{border-bottom-color:#363636}.panel.is-dark .panel-block.is-active .panel-icon{color:#363636}.panel.is-primary .panel-heading{background-color:#142e7b;color:#fff}.panel.is-primary .panel-tabs a.is-active{border-bottom-color:#142e7b}.panel.is-primary .panel-block.is-active .panel-icon{color:#142e7b}.panel.is-link .panel-heading{background-color:#485fc7;color:#fff}.panel.is-link .panel-tabs a.is-active{border-bottom-color:#485fc7}.panel.is-link .panel-block.is-active .panel-icon{color:#485fc7}.panel.is-info .panel-heading{background-color:#0086d6;color:#fff}.panel.is-info .panel-tabs a.is-active{border-bottom-color:#0086d6}.panel.is-info .panel-block.is-active .panel-icon{color:#0086d6}.panel.is-success .panel-heading{background-color:#4bc467;color:#fff}.panel.is-success .panel-tabs a.is-active{border-bottom-color:#4bc467}.panel.is-success .panel-block.is-active .panel-icon{color:#4bc467}.panel.is-warning .panel-heading{background-color:#efb71b;color:rgba(0,0,0,0.7)}.panel.is-warning .panel-tabs a.is-active{border-bottom-color:#efb71b}.panel.is-warning .panel-block.is-active .panel-icon{color:#efb71b}.panel.is-danger .panel-heading{background-color:#ce0037;color:#fff}.panel.is-danger .panel-tabs a.is-active{border-bottom-color:#ce0037}.panel.is-danger .panel-block.is-active .panel-icon{color:#ce0037}.panel-tabs:not(:last-child),.panel-block:not(:last-child){border-bottom:1px solid #ededed}.panel-heading{background-color:#ededed;border-radius:8px 8px 0 0;color:#363636;font-size:1.25em;font-weight:700;line-height:1.25;padding:0.75em 1em}.panel-tabs{align-items:flex-end;display:flex;font-size:.875em;justify-content:center}.panel-tabs a{border-bottom:1px solid #dbdbdb;margin-bottom:-1px;padding:0.5em}.panel-tabs a.is-active{border-bottom-color:#4a4a4a;color:#363636}.panel-list a{color:#4a4a4a}.panel-list a:hover{color:#485fc7}.panel-block{align-items:center;color:#363636;display:flex;justify-content:flex-start;padding:0.5em 0.75em}.panel-block input[type="checkbox"]{margin-right:.75em}.panel-block>.control{flex-grow:1;flex-shrink:1;width:100%}.panel-block.is-wrapped{flex-wrap:wrap}.panel-block.is-active{border-left-color:#485fc7;color:#363636}.panel-block.is-active .panel-icon{color:#485fc7}.panel-block:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}a.panel-block,label.panel-block{cursor:pointer}a.panel-block:hover,label.panel-block:hover{background-color:#f5f5f5}.panel-icon{display:inline-block;font-size:14px;height:1em;line-height:1em;text-align:center;vertical-align:top;width:1em;color:#7a7a7a;margin-right:.75em}.panel-icon .fa{font-size:inherit;line-height:inherit}.tabs{-webkit-overflow-scrolling:touch;align-items:stretch;display:flex;font-size:1rem;justify-content:space-between;overflow:hidden;overflow-x:auto;white-space:nowrap}.tabs a{align-items:center;border-bottom-color:#dbdbdb;border-bottom-style:solid;border-bottom-width:1px;color:#4a4a4a;display:flex;justify-content:center;margin-bottom:-1px;padding:0.5em 1em;vertical-align:top}.tabs a:hover{border-bottom-color:#363636;color:#363636}.tabs li{display:block}.tabs li.is-active a{border-bottom-color:#485fc7;color:#485fc7}.tabs ul{align-items:center;border-bottom-color:#dbdbdb;border-bottom-style:solid;border-bottom-width:1px;display:flex;flex-grow:1;flex-shrink:0;justify-content:flex-start}.tabs ul.is-left{padding-right:0.75em}.tabs ul.is-center{flex:none;justify-content:center;padding-left:0.75em;padding-right:0.75em}.tabs ul.is-right{justify-content:flex-end;padding-left:0.75em}.tabs .icon:first-child{margin-right:.5em}.tabs .icon:last-child{margin-left:.5em}.tabs.is-centered ul{justify-content:center}.tabs.is-right ul{justify-content:flex-end}.tabs.is-boxed a{border:1px solid transparent;border-radius:6px 6px 0 0}.tabs.is-boxed a:hover{background-color:#f5f5f5;border-bottom-color:#dbdbdb}.tabs.is-boxed li.is-active a{background-color:#fff;border-color:#dbdbdb;border-bottom-color:rgba(0,0,0,0) !important}.tabs.is-fullwidth li{flex-grow:1;flex-shrink:0}.tabs.is-toggle a{border-color:#dbdbdb;border-style:solid;border-width:1px;margin-bottom:0;position:relative}.tabs.is-toggle a:hover{background-color:#f5f5f5;border-color:#cbd2db;z-index:2}.tabs.is-toggle li+li{margin-left:-1px}.tabs.is-toggle li:first-child a{border-top-left-radius:6px;border-bottom-left-radius:6px}.tabs.is-toggle li:last-child a{border-top-right-radius:6px;border-bottom-right-radius:6px}.tabs.is-toggle li.is-active a{background-color:#485fc7;border-color:#485fc7;color:#fff;z-index:1}.tabs.is-toggle ul{border-bottom:none}.tabs.is-toggle.is-toggle-rounded li:first-child a{border-bottom-left-radius:9999px;border-top-left-radius:9999px;padding-left:1.25em}.tabs.is-toggle.is-toggle-rounded li:last-child a{border-bottom-right-radius:9999px;border-top-right-radius:9999px;padding-right:1.25em}.tabs.is-small{font-size:.64rem}.tabs.is-medium{font-size:1.3rem}.tabs.is-large{font-size:1.5335rem}.column{display:block;flex-basis:0;flex-grow:1;flex-shrink:1;padding:.75rem}.columns.is-mobile>.column.is-narrow{flex:none;width:unset}.columns.is-mobile>.column.is-full{flex:none;width:100%}.columns.is-mobile>.column.is-three-quarters{flex:none;width:75%}.columns.is-mobile>.column.is-two-thirds{flex:none;width:66.6666%}.columns.is-mobile>.column.is-half{flex:none;width:50%}.columns.is-mobile>.column.is-one-third{flex:none;width:33.3333%}.columns.is-mobile>.column.is-one-quarter{flex:none;width:25%}.columns.is-mobile>.column.is-one-fifth{flex:none;width:20%}.columns.is-mobile>.column.is-two-fifths{flex:none;width:40%}.columns.is-mobile>.column.is-three-fifths{flex:none;width:60%}.columns.is-mobile>.column.is-four-fifths{flex:none;width:80%}.columns.is-mobile>.column.is-offset-three-quarters{margin-left:75%}.columns.is-mobile>.column.is-offset-two-thirds{margin-left:66.6666%}.columns.is-mobile>.column.is-offset-half{margin-left:50%}.columns.is-mobile>.column.is-offset-one-third{margin-left:33.3333%}.columns.is-mobile>.column.is-offset-one-quarter{margin-left:25%}.columns.is-mobile>.column.is-offset-one-fifth{margin-left:20%}.columns.is-mobile>.column.is-offset-two-fifths{margin-left:40%}.columns.is-mobile>.column.is-offset-three-fifths{margin-left:60%}.columns.is-mobile>.column.is-offset-four-fifths{margin-left:80%}.columns.is-mobile>.column.is-0{flex:none;width:0%}.columns.is-mobile>.column.is-offset-0{margin-left:0%}.columns.is-mobile>.column.is-1{flex:none;width:8.33333337%}.columns.is-mobile>.column.is-offset-1{margin-left:8.33333337%}.columns.is-mobile>.column.is-2{flex:none;width:16.66666674%}.columns.is-mobile>.column.is-offset-2{margin-left:16.66666674%}.columns.is-mobile>.column.is-3{flex:none;width:25%}.columns.is-mobile>.column.is-offset-3{margin-left:25%}.columns.is-mobile>.column.is-4{flex:none;width:33.33333337%}.columns.is-mobile>.column.is-offset-4{margin-left:33.33333337%}.columns.is-mobile>.column.is-5{flex:none;width:41.66666674%}.columns.is-mobile>.column.is-offset-5{margin-left:41.66666674%}.columns.is-mobile>.column.is-6{flex:none;width:50%}.columns.is-mobile>.column.is-offset-6{margin-left:50%}.columns.is-mobile>.column.is-7{flex:none;width:58.33333337%}.columns.is-mobile>.column.is-offset-7{margin-left:58.33333337%}.columns.is-mobile>.column.is-8{flex:none;width:66.66666674%}.columns.is-mobile>.column.is-offset-8{margin-left:66.66666674%}.columns.is-mobile>.column.is-9{flex:none;width:75%}.columns.is-mobile>.column.is-offset-9{margin-left:75%}.columns.is-mobile>.column.is-10{flex:none;width:83.33333337%}.columns.is-mobile>.column.is-offset-10{margin-left:83.33333337%}.columns.is-mobile>.column.is-11{flex:none;width:91.66666674%}.columns.is-mobile>.column.is-offset-11{margin-left:91.66666674%}.columns.is-mobile>.column.is-12{flex:none;width:100%}.columns.is-mobile>.column.is-offset-12{margin-left:100%}@media screen and (max-width: 768px){.column.is-narrow-mobile{flex:none;width:unset}.column.is-full-mobile{flex:none;width:100%}.column.is-three-quarters-mobile{flex:none;width:75%}.column.is-two-thirds-mobile{flex:none;width:66.6666%}.column.is-half-mobile{flex:none;width:50%}.column.is-one-third-mobile{flex:none;width:33.3333%}.column.is-one-quarter-mobile{flex:none;width:25%}.column.is-one-fifth-mobile{flex:none;width:20%}.column.is-two-fifths-mobile{flex:none;width:40%}.column.is-three-fifths-mobile{flex:none;width:60%}.column.is-four-fifths-mobile{flex:none;width:80%}.column.is-offset-three-quarters-mobile{margin-left:75%}.column.is-offset-two-thirds-mobile{margin-left:66.6666%}.column.is-offset-half-mobile{margin-left:50%}.column.is-offset-one-third-mobile{margin-left:33.3333%}.column.is-offset-one-quarter-mobile{margin-left:25%}.column.is-offset-one-fifth-mobile{margin-left:20%}.column.is-offset-two-fifths-mobile{margin-left:40%}.column.is-offset-three-fifths-mobile{margin-left:60%}.column.is-offset-four-fifths-mobile{margin-left:80%}.column.is-0-mobile{flex:none;width:0%}.column.is-offset-0-mobile{margin-left:0%}.column.is-1-mobile{flex:none;width:8.33333337%}.column.is-offset-1-mobile{margin-left:8.33333337%}.column.is-2-mobile{flex:none;width:16.66666674%}.column.is-offset-2-mobile{margin-left:16.66666674%}.column.is-3-mobile{flex:none;width:25%}.column.is-offset-3-mobile{margin-left:25%}.column.is-4-mobile{flex:none;width:33.33333337%}.column.is-offset-4-mobile{margin-left:33.33333337%}.column.is-5-mobile{flex:none;width:41.66666674%}.column.is-offset-5-mobile{margin-left:41.66666674%}.column.is-6-mobile{flex:none;width:50%}.column.is-offset-6-mobile{margin-left:50%}.column.is-7-mobile{flex:none;width:58.33333337%}.column.is-offset-7-mobile{margin-left:58.33333337%}.column.is-8-mobile{flex:none;width:66.66666674%}.column.is-offset-8-mobile{margin-left:66.66666674%}.column.is-9-mobile{flex:none;width:75%}.column.is-offset-9-mobile{margin-left:75%}.column.is-10-mobile{flex:none;width:83.33333337%}.column.is-offset-10-mobile{margin-left:83.33333337%}.column.is-11-mobile{flex:none;width:91.66666674%}.column.is-offset-11-mobile{margin-left:91.66666674%}.column.is-12-mobile{flex:none;width:100%}.column.is-offset-12-mobile{margin-left:100%}}@media screen and (min-width: 769px),print{.column.is-narrow,.column.is-narrow-tablet{flex:none;width:unset}.column.is-full,.column.is-full-tablet{flex:none;width:100%}.column.is-three-quarters,.column.is-three-quarters-tablet{flex:none;width:75%}.column.is-two-thirds,.column.is-two-thirds-tablet{flex:none;width:66.6666%}.column.is-half,.column.is-half-tablet{flex:none;width:50%}.column.is-one-third,.column.is-one-third-tablet{flex:none;width:33.3333%}.column.is-one-quarter,.column.is-one-quarter-tablet{flex:none;width:25%}.column.is-one-fifth,.column.is-one-fifth-tablet{flex:none;width:20%}.column.is-two-fifths,.column.is-two-fifths-tablet{flex:none;width:40%}.column.is-three-fifths,.column.is-three-fifths-tablet{flex:none;width:60%}.column.is-four-fifths,.column.is-four-fifths-tablet{flex:none;width:80%}.column.is-offset-three-quarters,.column.is-offset-three-quarters-tablet{margin-left:75%}.column.is-offset-two-thirds,.column.is-offset-two-thirds-tablet{margin-left:66.6666%}.column.is-offset-half,.column.is-offset-half-tablet{margin-left:50%}.column.is-offset-one-third,.column.is-offset-one-third-tablet{margin-left:33.3333%}.column.is-offset-one-quarter,.column.is-offset-one-quarter-tablet{margin-left:25%}.column.is-offset-one-fifth,.column.is-offset-one-fifth-tablet{margin-left:20%}.column.is-offset-two-fifths,.column.is-offset-two-fifths-tablet{margin-left:40%}.column.is-offset-three-fifths,.column.is-offset-three-fifths-tablet{margin-left:60%}.column.is-offset-four-fifths,.column.is-offset-four-fifths-tablet{margin-left:80%}.column.is-0,.column.is-0-tablet{flex:none;width:0%}.column.is-offset-0,.column.is-offset-0-tablet{margin-left:0%}.column.is-1,.column.is-1-tablet{flex:none;width:8.33333337%}.column.is-offset-1,.column.is-offset-1-tablet{margin-left:8.33333337%}.column.is-2,.column.is-2-tablet{flex:none;width:16.66666674%}.column.is-offset-2,.column.is-offset-2-tablet{margin-left:16.66666674%}.column.is-3,.column.is-3-tablet{flex:none;width:25%}.column.is-offset-3,.column.is-offset-3-tablet{margin-left:25%}.column.is-4,.column.is-4-tablet{flex:none;width:33.33333337%}.column.is-offset-4,.column.is-offset-4-tablet{margin-left:33.33333337%}.column.is-5,.column.is-5-tablet{flex:none;width:41.66666674%}.column.is-offset-5,.column.is-offset-5-tablet{margin-left:41.66666674%}.column.is-6,.column.is-6-tablet{flex:none;width:50%}.column.is-offset-6,.column.is-offset-6-tablet{margin-left:50%}.column.is-7,.column.is-7-tablet{flex:none;width:58.33333337%}.column.is-offset-7,.column.is-offset-7-tablet{margin-left:58.33333337%}.column.is-8,.column.is-8-tablet{flex:none;width:66.66666674%}.column.is-offset-8,.column.is-offset-8-tablet{margin-left:66.66666674%}.column.is-9,.column.is-9-tablet{flex:none;width:75%}.column.is-offset-9,.column.is-offset-9-tablet{margin-left:75%}.column.is-10,.column.is-10-tablet{flex:none;width:83.33333337%}.column.is-offset-10,.column.is-offset-10-tablet{margin-left:83.33333337%}.column.is-11,.column.is-11-tablet{flex:none;width:91.66666674%}.column.is-offset-11,.column.is-offset-11-tablet{margin-left:91.66666674%}.column.is-12,.column.is-12-tablet{flex:none;width:100%}.column.is-offset-12,.column.is-offset-12-tablet{margin-left:100%}}@media screen and (max-width: 1023px){.column.is-narrow-touch{flex:none;width:unset}.column.is-full-touch{flex:none;width:100%}.column.is-three-quarters-touch{flex:none;width:75%}.column.is-two-thirds-touch{flex:none;width:66.6666%}.column.is-half-touch{flex:none;width:50%}.column.is-one-third-touch{flex:none;width:33.3333%}.column.is-one-quarter-touch{flex:none;width:25%}.column.is-one-fifth-touch{flex:none;width:20%}.column.is-two-fifths-touch{flex:none;width:40%}.column.is-three-fifths-touch{flex:none;width:60%}.column.is-four-fifths-touch{flex:none;width:80%}.column.is-offset-three-quarters-touch{margin-left:75%}.column.is-offset-two-thirds-touch{margin-left:66.6666%}.column.is-offset-half-touch{margin-left:50%}.column.is-offset-one-third-touch{margin-left:33.3333%}.column.is-offset-one-quarter-touch{margin-left:25%}.column.is-offset-one-fifth-touch{margin-left:20%}.column.is-offset-two-fifths-touch{margin-left:40%}.column.is-offset-three-fifths-touch{margin-left:60%}.column.is-offset-four-fifths-touch{margin-left:80%}.column.is-0-touch{flex:none;width:0%}.column.is-offset-0-touch{margin-left:0%}.column.is-1-touch{flex:none;width:8.33333337%}.column.is-offset-1-touch{margin-left:8.33333337%}.column.is-2-touch{flex:none;width:16.66666674%}.column.is-offset-2-touch{margin-left:16.66666674%}.column.is-3-touch{flex:none;width:25%}.column.is-offset-3-touch{margin-left:25%}.column.is-4-touch{flex:none;width:33.33333337%}.column.is-offset-4-touch{margin-left:33.33333337%}.column.is-5-touch{flex:none;width:41.66666674%}.column.is-offset-5-touch{margin-left:41.66666674%}.column.is-6-touch{flex:none;width:50%}.column.is-offset-6-touch{margin-left:50%}.column.is-7-touch{flex:none;width:58.33333337%}.column.is-offset-7-touch{margin-left:58.33333337%}.column.is-8-touch{flex:none;width:66.66666674%}.column.is-offset-8-touch{margin-left:66.66666674%}.column.is-9-touch{flex:none;width:75%}.column.is-offset-9-touch{margin-left:75%}.column.is-10-touch{flex:none;width:83.33333337%}.column.is-offset-10-touch{margin-left:83.33333337%}.column.is-11-touch{flex:none;width:91.66666674%}.column.is-offset-11-touch{margin-left:91.66666674%}.column.is-12-touch{flex:none;width:100%}.column.is-offset-12-touch{margin-left:100%}}@media screen and (min-width: 1024px){.column.is-narrow-desktop{flex:none;width:unset}.column.is-full-desktop{flex:none;width:100%}.column.is-three-quarters-desktop{flex:none;width:75%}.column.is-two-thirds-desktop{flex:none;width:66.6666%}.column.is-half-desktop{flex:none;width:50%}.column.is-one-third-desktop{flex:none;width:33.3333%}.column.is-one-quarter-desktop{flex:none;width:25%}.column.is-one-fifth-desktop{flex:none;width:20%}.column.is-two-fifths-desktop{flex:none;width:40%}.column.is-three-fifths-desktop{flex:none;width:60%}.column.is-four-fifths-desktop{flex:none;width:80%}.column.is-offset-three-quarters-desktop{margin-left:75%}.column.is-offset-two-thirds-desktop{margin-left:66.6666%}.column.is-offset-half-desktop{margin-left:50%}.column.is-offset-one-third-desktop{margin-left:33.3333%}.column.is-offset-one-quarter-desktop{margin-left:25%}.column.is-offset-one-fifth-desktop{margin-left:20%}.column.is-offset-two-fifths-desktop{margin-left:40%}.column.is-offset-three-fifths-desktop{margin-left:60%}.column.is-offset-four-fifths-desktop{margin-left:80%}.column.is-0-desktop{flex:none;width:0%}.column.is-offset-0-desktop{margin-left:0%}.column.is-1-desktop{flex:none;width:8.33333337%}.column.is-offset-1-desktop{margin-left:8.33333337%}.column.is-2-desktop{flex:none;width:16.66666674%}.column.is-offset-2-desktop{margin-left:16.66666674%}.column.is-3-desktop{flex:none;width:25%}.column.is-offset-3-desktop{margin-left:25%}.column.is-4-desktop{flex:none;width:33.33333337%}.column.is-offset-4-desktop{margin-left:33.33333337%}.column.is-5-desktop{flex:none;width:41.66666674%}.column.is-offset-5-desktop{margin-left:41.66666674%}.column.is-6-desktop{flex:none;width:50%}.column.is-offset-6-desktop{margin-left:50%}.column.is-7-desktop{flex:none;width:58.33333337%}.column.is-offset-7-desktop{margin-left:58.33333337%}.column.is-8-desktop{flex:none;width:66.66666674%}.column.is-offset-8-desktop{margin-left:66.66666674%}.column.is-9-desktop{flex:none;width:75%}.column.is-offset-9-desktop{margin-left:75%}.column.is-10-desktop{flex:none;width:83.33333337%}.column.is-offset-10-desktop{margin-left:83.33333337%}.column.is-11-desktop{flex:none;width:91.66666674%}.column.is-offset-11-desktop{margin-left:91.66666674%}.column.is-12-desktop{flex:none;width:100%}.column.is-offset-12-desktop{margin-left:100%}}@media screen and (min-width: 1216px){.column.is-narrow-widescreen{flex:none;width:unset}.column.is-full-widescreen{flex:none;width:100%}.column.is-three-quarters-widescreen{flex:none;width:75%}.column.is-two-thirds-widescreen{flex:none;width:66.6666%}.column.is-half-widescreen{flex:none;width:50%}.column.is-one-third-widescreen{flex:none;width:33.3333%}.column.is-one-quarter-widescreen{flex:none;width:25%}.column.is-one-fifth-widescreen{flex:none;width:20%}.column.is-two-fifths-widescreen{flex:none;width:40%}.column.is-three-fifths-widescreen{flex:none;width:60%}.column.is-four-fifths-widescreen{flex:none;width:80%}.column.is-offset-three-quarters-widescreen{margin-left:75%}.column.is-offset-two-thirds-widescreen{margin-left:66.6666%}.column.is-offset-half-widescreen{margin-left:50%}.column.is-offset-one-third-widescreen{margin-left:33.3333%}.column.is-offset-one-quarter-widescreen{margin-left:25%}.column.is-offset-one-fifth-widescreen{margin-left:20%}.column.is-offset-two-fifths-widescreen{margin-left:40%}.column.is-offset-three-fifths-widescreen{margin-left:60%}.column.is-offset-four-fifths-widescreen{margin-left:80%}.column.is-0-widescreen{flex:none;width:0%}.column.is-offset-0-widescreen{margin-left:0%}.column.is-1-widescreen{flex:none;width:8.33333337%}.column.is-offset-1-widescreen{margin-left:8.33333337%}.column.is-2-widescreen{flex:none;width:16.66666674%}.column.is-offset-2-widescreen{margin-left:16.66666674%}.column.is-3-widescreen{flex:none;width:25%}.column.is-offset-3-widescreen{margin-left:25%}.column.is-4-widescreen{flex:none;width:33.33333337%}.column.is-offset-4-widescreen{margin-left:33.33333337%}.column.is-5-widescreen{flex:none;width:41.66666674%}.column.is-offset-5-widescreen{margin-left:41.66666674%}.column.is-6-widescreen{flex:none;width:50%}.column.is-offset-6-widescreen{margin-left:50%}.column.is-7-widescreen{flex:none;width:58.33333337%}.column.is-offset-7-widescreen{margin-left:58.33333337%}.column.is-8-widescreen{flex:none;width:66.66666674%}.column.is-offset-8-widescreen{margin-left:66.66666674%}.column.is-9-widescreen{flex:none;width:75%}.column.is-offset-9-widescreen{margin-left:75%}.column.is-10-widescreen{flex:none;width:83.33333337%}.column.is-offset-10-widescreen{margin-left:83.33333337%}.column.is-11-widescreen{flex:none;width:91.66666674%}.column.is-offset-11-widescreen{margin-left:91.66666674%}.column.is-12-widescreen{flex:none;width:100%}.column.is-offset-12-widescreen{margin-left:100%}}@media screen and (min-width: 1408px){.column.is-narrow-fullhd{flex:none;width:unset}.column.is-full-fullhd{flex:none;width:100%}.column.is-three-quarters-fullhd{flex:none;width:75%}.column.is-two-thirds-fullhd{flex:none;width:66.6666%}.column.is-half-fullhd{flex:none;width:50%}.column.is-one-third-fullhd{flex:none;width:33.3333%}.column.is-one-quarter-fullhd{flex:none;width:25%}.column.is-one-fifth-fullhd{flex:none;width:20%}.column.is-two-fifths-fullhd{flex:none;width:40%}.column.is-three-fifths-fullhd{flex:none;width:60%}.column.is-four-fifths-fullhd{flex:none;width:80%}.column.is-offset-three-quarters-fullhd{margin-left:75%}.column.is-offset-two-thirds-fullhd{margin-left:66.6666%}.column.is-offset-half-fullhd{margin-left:50%}.column.is-offset-one-third-fullhd{margin-left:33.3333%}.column.is-offset-one-quarter-fullhd{margin-left:25%}.column.is-offset-one-fifth-fullhd{margin-left:20%}.column.is-offset-two-fifths-fullhd{margin-left:40%}.column.is-offset-three-fifths-fullhd{margin-left:60%}.column.is-offset-four-fifths-fullhd{margin-left:80%}.column.is-0-fullhd{flex:none;width:0%}.column.is-offset-0-fullhd{margin-left:0%}.column.is-1-fullhd{flex:none;width:8.33333337%}.column.is-offset-1-fullhd{margin-left:8.33333337%}.column.is-2-fullhd{flex:none;width:16.66666674%}.column.is-offset-2-fullhd{margin-left:16.66666674%}.column.is-3-fullhd{flex:none;width:25%}.column.is-offset-3-fullhd{margin-left:25%}.column.is-4-fullhd{flex:none;width:33.33333337%}.column.is-offset-4-fullhd{margin-left:33.33333337%}.column.is-5-fullhd{flex:none;width:41.66666674%}.column.is-offset-5-fullhd{margin-left:41.66666674%}.column.is-6-fullhd{flex:none;width:50%}.column.is-offset-6-fullhd{margin-left:50%}.column.is-7-fullhd{flex:none;width:58.33333337%}.column.is-offset-7-fullhd{margin-left:58.33333337%}.column.is-8-fullhd{flex:none;width:66.66666674%}.column.is-offset-8-fullhd{margin-left:66.66666674%}.column.is-9-fullhd{flex:none;width:75%}.column.is-offset-9-fullhd{margin-left:75%}.column.is-10-fullhd{flex:none;width:83.33333337%}.column.is-offset-10-fullhd{margin-left:83.33333337%}.column.is-11-fullhd{flex:none;width:91.66666674%}.column.is-offset-11-fullhd{margin-left:91.66666674%}.column.is-12-fullhd{flex:none;width:100%}.column.is-offset-12-fullhd{margin-left:100%}}.columns{margin-left:-.75rem;margin-right:-.75rem;margin-top:-.75rem}.columns:last-child{margin-bottom:-.75rem}.columns:not(:last-child){margin-bottom:calc(1.5rem - .75rem)}.columns.is-centered{justify-content:center}.columns.is-gapless{margin-left:0;margin-right:0;margin-top:0}.columns.is-gapless>.column{margin:0;padding:0 !important}.columns.is-gapless:not(:last-child){margin-bottom:1.5rem}.columns.is-gapless:last-child{margin-bottom:0}.columns.is-mobile{display:flex}.columns.is-multiline{flex-wrap:wrap}.columns.is-vcentered{align-items:center}@media screen and (min-width: 769px),print{.columns:not(.is-desktop){display:flex}}@media screen and (min-width: 1024px){.columns.is-desktop{display:flex}}.columns.is-variable{--columnGap: 0.75rem;margin-left:calc(-1 * var(--columnGap));margin-right:calc(-1 * var(--columnGap))}.columns.is-variable>.column{padding-left:var(--columnGap);padding-right:var(--columnGap)}.columns.is-variable.is-0{--columnGap: 0rem}@media screen and (max-width: 768px){.columns.is-variable.is-0-mobile{--columnGap: 0rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-0-tablet{--columnGap: 0rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-0-tablet-only{--columnGap: 0rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-0-touch{--columnGap: 0rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-0-desktop{--columnGap: 0rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-0-desktop-only{--columnGap: 0rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-0-widescreen{--columnGap: 0rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-0-widescreen-only{--columnGap: 0rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-0-fullhd{--columnGap: 0rem}}.columns.is-variable.is-1{--columnGap: .25rem}@media screen and (max-width: 768px){.columns.is-variable.is-1-mobile{--columnGap: .25rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-1-tablet{--columnGap: .25rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-1-tablet-only{--columnGap: .25rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-1-touch{--columnGap: .25rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-1-desktop{--columnGap: .25rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-1-desktop-only{--columnGap: .25rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-1-widescreen{--columnGap: .25rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-1-widescreen-only{--columnGap: .25rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-1-fullhd{--columnGap: .25rem}}.columns.is-variable.is-2{--columnGap: .5rem}@media screen and (max-width: 768px){.columns.is-variable.is-2-mobile{--columnGap: .5rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-2-tablet{--columnGap: .5rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-2-tablet-only{--columnGap: .5rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-2-touch{--columnGap: .5rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-2-desktop{--columnGap: .5rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-2-desktop-only{--columnGap: .5rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-2-widescreen{--columnGap: .5rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-2-widescreen-only{--columnGap: .5rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-2-fullhd{--columnGap: .5rem}}.columns.is-variable.is-3{--columnGap: .75rem}@media screen and (max-width: 768px){.columns.is-variable.is-3-mobile{--columnGap: .75rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-3-tablet{--columnGap: .75rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-3-tablet-only{--columnGap: .75rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-3-touch{--columnGap: .75rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-3-desktop{--columnGap: .75rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-3-desktop-only{--columnGap: .75rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-3-widescreen{--columnGap: .75rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-3-widescreen-only{--columnGap: .75rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-3-fullhd{--columnGap: .75rem}}.columns.is-variable.is-4{--columnGap: 1rem}@media screen and (max-width: 768px){.columns.is-variable.is-4-mobile{--columnGap: 1rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-4-tablet{--columnGap: 1rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-4-tablet-only{--columnGap: 1rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-4-touch{--columnGap: 1rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-4-desktop{--columnGap: 1rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-4-desktop-only{--columnGap: 1rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-4-widescreen{--columnGap: 1rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-4-widescreen-only{--columnGap: 1rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-4-fullhd{--columnGap: 1rem}}.columns.is-variable.is-5{--columnGap: 1.25rem}@media screen and (max-width: 768px){.columns.is-variable.is-5-mobile{--columnGap: 1.25rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-5-tablet{--columnGap: 1.25rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-5-tablet-only{--columnGap: 1.25rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-5-touch{--columnGap: 1.25rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-5-desktop{--columnGap: 1.25rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-5-desktop-only{--columnGap: 1.25rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-5-widescreen{--columnGap: 1.25rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-5-widescreen-only{--columnGap: 1.25rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-5-fullhd{--columnGap: 1.25rem}}.columns.is-variable.is-6{--columnGap: 1.5rem}@media screen and (max-width: 768px){.columns.is-variable.is-6-mobile{--columnGap: 1.5rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-6-tablet{--columnGap: 1.5rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-6-tablet-only{--columnGap: 1.5rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-6-touch{--columnGap: 1.5rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-6-desktop{--columnGap: 1.5rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-6-desktop-only{--columnGap: 1.5rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-6-widescreen{--columnGap: 1.5rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-6-widescreen-only{--columnGap: 1.5rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-6-fullhd{--columnGap: 1.5rem}}.columns.is-variable.is-7{--columnGap: 1.75rem}@media screen and (max-width: 768px){.columns.is-variable.is-7-mobile{--columnGap: 1.75rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-7-tablet{--columnGap: 1.75rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-7-tablet-only{--columnGap: 1.75rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-7-touch{--columnGap: 1.75rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-7-desktop{--columnGap: 1.75rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-7-desktop-only{--columnGap: 1.75rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-7-widescreen{--columnGap: 1.75rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-7-widescreen-only{--columnGap: 1.75rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-7-fullhd{--columnGap: 1.75rem}}.columns.is-variable.is-8{--columnGap: 2rem}@media screen and (max-width: 768px){.columns.is-variable.is-8-mobile{--columnGap: 2rem}}@media screen and (min-width: 769px),print{.columns.is-variable.is-8-tablet{--columnGap: 2rem}}@media screen and (min-width: 769px) and (max-width: 1023px){.columns.is-variable.is-8-tablet-only{--columnGap: 2rem}}@media screen and (max-width: 1023px){.columns.is-variable.is-8-touch{--columnGap: 2rem}}@media screen and (min-width: 1024px){.columns.is-variable.is-8-desktop{--columnGap: 2rem}}@media screen and (min-width: 1024px) and (max-width: 1215px){.columns.is-variable.is-8-desktop-only{--columnGap: 2rem}}@media screen and (min-width: 1216px){.columns.is-variable.is-8-widescreen{--columnGap: 2rem}}@media screen and (min-width: 1216px) and (max-width: 1407px){.columns.is-variable.is-8-widescreen-only{--columnGap: 2rem}}@media screen and (min-width: 1408px){.columns.is-variable.is-8-fullhd{--columnGap: 2rem}}.tile{align-items:stretch;display:block;flex-basis:0;flex-grow:1;flex-shrink:1;min-height:min-content}.tile.is-ancestor{margin-left:-.75rem;margin-right:-.75rem;margin-top:-.75rem}.tile.is-ancestor:last-child{margin-bottom:-.75rem}.tile.is-ancestor:not(:last-child){margin-bottom:.75rem}.tile.is-child{margin:0 !important}.tile.is-parent{padding:.75rem}.tile.is-vertical{flex-direction:column}.tile.is-vertical>.tile.is-child:not(:last-child){margin-bottom:1.5rem !important}@media screen and (min-width: 769px),print{.tile:not(.is-child){display:flex}.tile.is-1{flex:none;width:8.33333337%}.tile.is-2{flex:none;width:16.66666674%}.tile.is-3{flex:none;width:25%}.tile.is-4{flex:none;width:33.33333337%}.tile.is-5{flex:none;width:41.66666674%}.tile.is-6{flex:none;width:50%}.tile.is-7{flex:none;width:58.33333337%}.tile.is-8{flex:none;width:66.66666674%}.tile.is-9{flex:none;width:75%}.tile.is-10{flex:none;width:83.33333337%}.tile.is-11{flex:none;width:91.66666674%}.tile.is-12{flex:none;width:100%}}.hero{align-items:stretch;display:flex;flex-direction:column;justify-content:space-between}.hero .navbar{background:none}.hero .tabs ul{border-bottom:none}.hero.is-white{background-color:#fff;color:#0a0a0a}.hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-white strong{color:inherit}.hero.is-white .title{color:#0a0a0a}.hero.is-white .subtitle{color:rgba(10,10,10,0.9)}.hero.is-white .subtitle a:not(.button),.hero.is-white .subtitle strong{color:#0a0a0a}@media screen and (max-width: 1023px){.hero.is-white .navbar-menu{background-color:#fff}}.hero.is-white .navbar-item,.hero.is-white .navbar-link{color:rgba(10,10,10,0.7)}.hero.is-white a.navbar-item:hover,.hero.is-white a.navbar-item.is-active,.hero.is-white .navbar-link:hover,.hero.is-white .navbar-link.is-active{background-color:#f2f2f2;color:#0a0a0a}.hero.is-white .tabs a{color:#0a0a0a;opacity:0.9}.hero.is-white .tabs a:hover{opacity:1}.hero.is-white .tabs li.is-active a{color:#fff !important;opacity:1}.hero.is-white .tabs.is-boxed a,.hero.is-white .tabs.is-toggle a{color:#0a0a0a}.hero.is-white .tabs.is-boxed a:hover,.hero.is-white .tabs.is-toggle a:hover{background-color:rgba(10,10,10,0.1)}.hero.is-white .tabs.is-boxed li.is-active a,.hero.is-white .tabs.is-boxed li.is-active a:hover,.hero.is-white .tabs.is-toggle li.is-active a,.hero.is-white .tabs.is-toggle li.is-active a:hover{background-color:#0a0a0a;border-color:#0a0a0a;color:#fff}.hero.is-white.is-bold{background-image:linear-gradient(141deg, #e8e3e4 0%, #fff 71%, #fff 100%)}@media screen and (max-width: 768px){.hero.is-white.is-bold .navbar-menu{background-image:linear-gradient(141deg, #e8e3e4 0%, #fff 71%, #fff 100%)}}.hero.is-black{background-color:#0a0a0a;color:#fff}.hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-black strong{color:inherit}.hero.is-black .title{color:#fff}.hero.is-black .subtitle{color:rgba(255,255,255,0.9)}.hero.is-black .subtitle a:not(.button),.hero.is-black .subtitle strong{color:#fff}@media screen and (max-width: 1023px){.hero.is-black .navbar-menu{background-color:#0a0a0a}}.hero.is-black .navbar-item,.hero.is-black .navbar-link{color:rgba(255,255,255,0.7)}.hero.is-black a.navbar-item:hover,.hero.is-black a.navbar-item.is-active,.hero.is-black .navbar-link:hover,.hero.is-black .navbar-link.is-active{background-color:#000;color:#fff}.hero.is-black .tabs a{color:#fff;opacity:0.9}.hero.is-black .tabs a:hover{opacity:1}.hero.is-black .tabs li.is-active a{color:#0a0a0a !important;opacity:1}.hero.is-black .tabs.is-boxed a,.hero.is-black .tabs.is-toggle a{color:#fff}.hero.is-black .tabs.is-boxed a:hover,.hero.is-black .tabs.is-toggle a:hover{background-color:rgba(10,10,10,0.1)}.hero.is-black .tabs.is-boxed li.is-active a,.hero.is-black .tabs.is-boxed li.is-active a:hover,.hero.is-black .tabs.is-toggle li.is-active a,.hero.is-black .tabs.is-toggle li.is-active a:hover{background-color:#fff;border-color:#fff;color:#0a0a0a}.hero.is-black.is-bold{background-image:linear-gradient(141deg, #000 0%, #0a0a0a 71%, #181616 100%)}@media screen and (max-width: 768px){.hero.is-black.is-bold .navbar-menu{background-image:linear-gradient(141deg, #000 0%, #0a0a0a 71%, #181616 100%)}}.hero.is-light{background-color:#f6f8fb;color:rgba(0,0,0,0.7)}.hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-light strong{color:inherit}.hero.is-light .title{color:rgba(0,0,0,0.7)}.hero.is-light .subtitle{color:rgba(0,0,0,0.9)}.hero.is-light .subtitle a:not(.button),.hero.is-light .subtitle strong{color:rgba(0,0,0,0.7)}@media screen and (max-width: 1023px){.hero.is-light .navbar-menu{background-color:#f6f8fb}}.hero.is-light .navbar-item,.hero.is-light .navbar-link{color:rgba(0,0,0,0.7)}.hero.is-light a.navbar-item:hover,.hero.is-light a.navbar-item.is-active,.hero.is-light .navbar-link:hover,.hero.is-light .navbar-link.is-active{background-color:#e4eaf3;color:rgba(0,0,0,0.7)}.hero.is-light .tabs a{color:rgba(0,0,0,0.7);opacity:0.9}.hero.is-light .tabs a:hover{opacity:1}.hero.is-light .tabs li.is-active a{color:#f6f8fb !important;opacity:1}.hero.is-light .tabs.is-boxed a,.hero.is-light .tabs.is-toggle a{color:rgba(0,0,0,0.7)}.hero.is-light .tabs.is-boxed a:hover,.hero.is-light .tabs.is-toggle a:hover{background-color:rgba(10,10,10,0.1)}.hero.is-light .tabs.is-boxed li.is-active a,.hero.is-light .tabs.is-boxed li.is-active a:hover,.hero.is-light .tabs.is-toggle li.is-active a,.hero.is-light .tabs.is-toggle li.is-active a:hover{background-color:rgba(0,0,0,0.7);border-color:rgba(0,0,0,0.7);color:#f6f8fb}.hero.is-light.is-bold{background-image:linear-gradient(141deg, #cfe1ef 0%, #f6f8fb 71%, #fff 100%)}@media screen and (max-width: 768px){.hero.is-light.is-bold .navbar-menu{background-image:linear-gradient(141deg, #cfe1ef 0%, #f6f8fb 71%, #fff 100%)}}.hero.is-dark{background-color:#363636;color:#fff}.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-dark strong{color:inherit}.hero.is-dark .title{color:#fff}.hero.is-dark .subtitle{color:rgba(255,255,255,0.9)}.hero.is-dark .subtitle a:not(.button),.hero.is-dark .subtitle strong{color:#fff}@media screen and (max-width: 1023px){.hero.is-dark .navbar-menu{background-color:#363636}}.hero.is-dark .navbar-item,.hero.is-dark .navbar-link{color:rgba(255,255,255,0.7)}.hero.is-dark a.navbar-item:hover,.hero.is-dark a.navbar-item.is-active,.hero.is-dark .navbar-link:hover,.hero.is-dark .navbar-link.is-active{background-color:#292929;color:#fff}.hero.is-dark .tabs a{color:#fff;opacity:0.9}.hero.is-dark .tabs a:hover{opacity:1}.hero.is-dark .tabs li.is-active a{color:#363636 !important;opacity:1}.hero.is-dark .tabs.is-boxed a,.hero.is-dark .tabs.is-toggle a{color:#fff}.hero.is-dark .tabs.is-boxed a:hover,.hero.is-dark .tabs.is-toggle a:hover{background-color:rgba(10,10,10,0.1)}.hero.is-dark .tabs.is-boxed li.is-active a,.hero.is-dark .tabs.is-boxed li.is-active a:hover,.hero.is-dark .tabs.is-toggle li.is-active a,.hero.is-dark .tabs.is-toggle li.is-active a:hover{background-color:#fff;border-color:#fff;color:#363636}.hero.is-dark.is-bold{background-image:linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%)}@media screen and (max-width: 768px){.hero.is-dark.is-bold .navbar-menu{background-image:linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%)}}.hero.is-primary{background-color:#142e7b;color:#fff}.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-primary strong{color:inherit}.hero.is-primary .title{color:#fff}.hero.is-primary .subtitle{color:rgba(255,255,255,0.9)}.hero.is-primary .subtitle a:not(.button),.hero.is-primary .subtitle strong{color:#fff}@media screen and (max-width: 1023px){.hero.is-primary .navbar-menu{background-color:#142e7b}}.hero.is-primary .navbar-item,.hero.is-primary .navbar-link{color:rgba(255,255,255,0.7)}.hero.is-primary a.navbar-item:hover,.hero.is-primary a.navbar-item.is-active,.hero.is-primary .navbar-link:hover,.hero.is-primary .navbar-link.is-active{background-color:#102665;color:#fff}.hero.is-primary .tabs a{color:#fff;opacity:0.9}.hero.is-primary .tabs a:hover{opacity:1}.hero.is-primary .tabs li.is-active a{color:#142e7b !important;opacity:1}.hero.is-primary .tabs.is-boxed a,.hero.is-primary .tabs.is-toggle a{color:#fff}.hero.is-primary .tabs.is-boxed a:hover,.hero.is-primary .tabs.is-toggle a:hover{background-color:rgba(10,10,10,0.1)}.hero.is-primary .tabs.is-boxed li.is-active a,.hero.is-primary .tabs.is-boxed li.is-active a:hover,.hero.is-primary .tabs.is-toggle li.is-active a,.hero.is-primary .tabs.is-toggle li.is-active a:hover{background-color:#fff;border-color:#fff;color:#142e7b}.hero.is-primary.is-bold{background-image:linear-gradient(141deg, #082854 0%, #142e7b 71%, #131e95 100%)}@media screen and (max-width: 768px){.hero.is-primary.is-bold .navbar-menu{background-image:linear-gradient(141deg, #082854 0%, #142e7b 71%, #131e95 100%)}}.hero.is-link{background-color:#485fc7;color:#fff}.hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-link strong{color:inherit}.hero.is-link .title{color:#fff}.hero.is-link .subtitle{color:rgba(255,255,255,0.9)}.hero.is-link .subtitle a:not(.button),.hero.is-link .subtitle strong{color:#fff}@media screen and (max-width: 1023px){.hero.is-link .navbar-menu{background-color:#485fc7}}.hero.is-link .navbar-item,.hero.is-link .navbar-link{color:rgba(255,255,255,0.7)}.hero.is-link a.navbar-item:hover,.hero.is-link a.navbar-item.is-active,.hero.is-link .navbar-link:hover,.hero.is-link .navbar-link.is-active{background-color:#3a51bb;color:#fff}.hero.is-link .tabs a{color:#fff;opacity:0.9}.hero.is-link .tabs a:hover{opacity:1}.hero.is-link .tabs li.is-active a{color:#485fc7 !important;opacity:1}.hero.is-link .tabs.is-boxed a,.hero.is-link .tabs.is-toggle a{color:#fff}.hero.is-link .tabs.is-boxed a:hover,.hero.is-link .tabs.is-toggle a:hover{background-color:rgba(10,10,10,0.1)}.hero.is-link .tabs.is-boxed li.is-active a,.hero.is-link .tabs.is-boxed li.is-active a:hover,.hero.is-link .tabs.is-toggle li.is-active a,.hero.is-link .tabs.is-toggle li.is-active a:hover{background-color:#fff;border-color:#fff;color:#485fc7}.hero.is-link.is-bold{background-image:linear-gradient(141deg, #2959b3 0%, #485fc7 71%, #5658d2 100%)}@media screen and (max-width: 768px){.hero.is-link.is-bold .navbar-menu{background-image:linear-gradient(141deg, #2959b3 0%, #485fc7 71%, #5658d2 100%)}}.hero.is-info{background-color:#0086d6;color:#fff}.hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-info strong{color:inherit}.hero.is-info .title{color:#fff}.hero.is-info .subtitle{color:rgba(255,255,255,0.9)}.hero.is-info .subtitle a:not(.button),.hero.is-info .subtitle strong{color:#fff}@media screen and (max-width: 1023px){.hero.is-info .navbar-menu{background-color:#0086d6}}.hero.is-info .navbar-item,.hero.is-info .navbar-link{color:rgba(255,255,255,0.7)}.hero.is-info a.navbar-item:hover,.hero.is-info a.navbar-item.is-active,.hero.is-info .navbar-link:hover,.hero.is-info .navbar-link.is-active{background-color:#0076bd;color:#fff}.hero.is-info .tabs a{color:#fff;opacity:0.9}.hero.is-info .tabs a:hover{opacity:1}.hero.is-info .tabs li.is-active a{color:#0086d6 !important;opacity:1}.hero.is-info .tabs.is-boxed a,.hero.is-info .tabs.is-toggle a{color:#fff}.hero.is-info .tabs.is-boxed a:hover,.hero.is-info .tabs.is-toggle a:hover{background-color:rgba(10,10,10,0.1)}.hero.is-info .tabs.is-boxed li.is-active a,.hero.is-info .tabs.is-boxed li.is-active a:hover,.hero.is-info .tabs.is-toggle li.is-active a,.hero.is-info .tabs.is-toggle li.is-active a:hover{background-color:#fff;border-color:#fff;color:#0086d6}.hero.is-info.is-bold{background-image:linear-gradient(141deg, #0081a3 0%, #0086d6 71%, #006ef0 100%)}@media screen and (max-width: 768px){.hero.is-info.is-bold .navbar-menu{background-image:linear-gradient(141deg, #0081a3 0%, #0086d6 71%, #006ef0 100%)}}.hero.is-success{background-color:#4bc467;color:#fff}.hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-success strong{color:inherit}.hero.is-success .title{color:#fff}.hero.is-success .subtitle{color:rgba(255,255,255,0.9)}.hero.is-success .subtitle a:not(.button),.hero.is-success .subtitle strong{color:#fff}@media screen and (max-width: 1023px){.hero.is-success .navbar-menu{background-color:#4bc467}}.hero.is-success .navbar-item,.hero.is-success .navbar-link{color:rgba(255,255,255,0.7)}.hero.is-success a.navbar-item:hover,.hero.is-success a.navbar-item.is-active,.hero.is-success .navbar-link:hover,.hero.is-success .navbar-link.is-active{background-color:#3db959;color:#fff}.hero.is-success .tabs a{color:#fff;opacity:0.9}.hero.is-success .tabs a:hover{opacity:1}.hero.is-success .tabs li.is-active a{color:#4bc467 !important;opacity:1}.hero.is-success .tabs.is-boxed a,.hero.is-success .tabs.is-toggle a{color:#fff}.hero.is-success .tabs.is-boxed a:hover,.hero.is-success .tabs.is-toggle a:hover{background-color:rgba(10,10,10,0.1)}.hero.is-success .tabs.is-boxed li.is-active a,.hero.is-success .tabs.is-boxed li.is-active a:hover,.hero.is-success .tabs.is-toggle li.is-active a,.hero.is-success .tabs.is-toggle li.is-active a:hover{background-color:#fff;border-color:#fff;color:#4bc467}.hero.is-success.is-bold{background-image:linear-gradient(141deg, #2bb134 0%, #4bc467 71%, #59d088 100%)}@media screen and (max-width: 768px){.hero.is-success.is-bold .navbar-menu{background-image:linear-gradient(141deg, #2bb134 0%, #4bc467 71%, #59d088 100%)}}.hero.is-warning{background-color:#efb71b;color:rgba(0,0,0,0.7)}.hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-warning strong{color:inherit}.hero.is-warning .title{color:rgba(0,0,0,0.7)}.hero.is-warning .subtitle{color:rgba(0,0,0,0.9)}.hero.is-warning .subtitle a:not(.button),.hero.is-warning .subtitle strong{color:rgba(0,0,0,0.7)}@media screen and (max-width: 1023px){.hero.is-warning .navbar-menu{background-color:#efb71b}}.hero.is-warning .navbar-item,.hero.is-warning .navbar-link{color:rgba(0,0,0,0.7)}.hero.is-warning a.navbar-item:hover,.hero.is-warning a.navbar-item.is-active,.hero.is-warning .navbar-link:hover,.hero.is-warning .navbar-link.is-active{background-color:#e1aa10;color:rgba(0,0,0,0.7)}.hero.is-warning .tabs a{color:rgba(0,0,0,0.7);opacity:0.9}.hero.is-warning .tabs a:hover{opacity:1}.hero.is-warning .tabs li.is-active a{color:#efb71b !important;opacity:1}.hero.is-warning .tabs.is-boxed a,.hero.is-warning .tabs.is-toggle a{color:rgba(0,0,0,0.7)}.hero.is-warning .tabs.is-boxed a:hover,.hero.is-warning .tabs.is-toggle a:hover{background-color:rgba(10,10,10,0.1)}.hero.is-warning .tabs.is-boxed li.is-active a,.hero.is-warning .tabs.is-boxed li.is-active a:hover,.hero.is-warning .tabs.is-toggle li.is-active a,.hero.is-warning .tabs.is-toggle li.is-active a:hover{background-color:rgba(0,0,0,0.7);border-color:rgba(0,0,0,0.7);color:#efb71b}.hero.is-warning.is-bold{background-image:linear-gradient(141deg, #d47a03 0%, #efb71b 71%, #f6e32d 100%)}@media screen and (max-width: 768px){.hero.is-warning.is-bold .navbar-menu{background-image:linear-gradient(141deg, #d47a03 0%, #efb71b 71%, #f6e32d 100%)}}.hero.is-danger{background-color:#ce0037;color:#fff}.hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),.hero.is-danger strong{color:inherit}.hero.is-danger .title{color:#fff}.hero.is-danger .subtitle{color:rgba(255,255,255,0.9)}.hero.is-danger .subtitle a:not(.button),.hero.is-danger .subtitle strong{color:#fff}@media screen and (max-width: 1023px){.hero.is-danger .navbar-menu{background-color:#ce0037}}.hero.is-danger .navbar-item,.hero.is-danger .navbar-link{color:rgba(255,255,255,0.7)}.hero.is-danger a.navbar-item:hover,.hero.is-danger a.navbar-item.is-active,.hero.is-danger .navbar-link:hover,.hero.is-danger .navbar-link.is-active{background-color:#b50030;color:#fff}.hero.is-danger .tabs a{color:#fff;opacity:0.9}.hero.is-danger .tabs a:hover{opacity:1}.hero.is-danger .tabs li.is-active a{color:#ce0037 !important;opacity:1}.hero.is-danger .tabs.is-boxed a,.hero.is-danger .tabs.is-toggle a{color:#fff}.hero.is-danger .tabs.is-boxed a:hover,.hero.is-danger .tabs.is-toggle a:hover{background-color:rgba(10,10,10,0.1)}.hero.is-danger .tabs.is-boxed li.is-active a,.hero.is-danger .tabs.is-boxed li.is-active a:hover,.hero.is-danger .tabs.is-toggle li.is-active a,.hero.is-danger .tabs.is-toggle li.is-active a:hover{background-color:#fff;border-color:#fff;color:#ce0037}.hero.is-danger.is-bold{background-image:linear-gradient(141deg, #9b0043 0%, #ce0037 71%, #e80017 100%)}@media screen and (max-width: 768px){.hero.is-danger.is-bold .navbar-menu{background-image:linear-gradient(141deg, #9b0043 0%, #ce0037 71%, #e80017 100%)}}.hero.is-small .hero-body{padding:1.5rem}@media screen and (min-width: 769px),print{.hero.is-medium .hero-body{padding:9rem 4.5rem}}@media screen and (min-width: 769px),print{.hero.is-large .hero-body{padding:18rem 6rem}}.hero.is-halfheight .hero-body,.hero.is-fullheight .hero-body,.hero.is-fullheight-with-navbar .hero-body{align-items:center;display:flex}.hero.is-halfheight .hero-body>.container,.hero.is-fullheight .hero-body>.container,.hero.is-fullheight-with-navbar .hero-body>.container{flex-grow:1;flex-shrink:1}.hero.is-halfheight{min-height:50vh}.hero.is-fullheight{min-height:100vh}.hero-video{overflow:hidden}.hero-video video{left:50%;min-height:100%;min-width:100%;position:absolute;top:50%;transform:translate3d(-50%, -50%, 0)}.hero-video.is-transparent{opacity:0.3}@media screen and (max-width: 768px){.hero-video{display:none}}.hero-buttons{margin-top:1.5rem}@media screen and (max-width: 768px){.hero-buttons .button{display:flex}.hero-buttons .button:not(:last-child){margin-bottom:0.75rem}}@media screen and (min-width: 769px),print{.hero-buttons{display:flex;justify-content:center}.hero-buttons .button:not(:last-child){margin-right:1.5rem}}.hero-head,.hero-foot{flex-grow:0;flex-shrink:0}.hero-body{flex-grow:1;flex-shrink:0;padding:3rem 1.5rem}@media screen and (min-width: 769px),print{.hero-body{padding:3rem 3rem}}.section{padding:3rem 1.5rem}@media screen and (min-width: 1024px){.section{padding:3rem 3rem}.section.is-medium{padding:9rem 4.5rem}.section.is-large{padding:18rem 6rem}}.footer{background-color:#fff;padding:.866rem 2.6rem}[data-tooltip]:not(.is-loading),[data-tooltip]:not(.is-disabled),[data-tooltip]:not([disabled]){cursor:pointer;overflow:visible;position:relative}[data-tooltip]:not(.is-loading)::before,[data-tooltip]:not(.is-disabled)::before,[data-tooltip]:not([disabled])::before{box-sizing:border-box;color:#fff;display:inline-block;font-family:BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif;font-size:.64rem;hyphens:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;visibility:hidden;z-index:1020;background:rgba(74,74,74,0.9);border-radius:4px;content:attr(data-tooltip);padding:0.5rem 1rem;text-overflow:ellipsis;white-space:pre}[data-tooltip]:not(.is-loading)::before,[data-tooltip]:not(.is-disabled)::before,[data-tooltip]:not([disabled])::before{top:0;right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%, -100%)}[data-tooltip]:not(.is-loading).has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-arrow::after{box-sizing:border-box;color:#fff;display:inline-block;font-family:BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif;font-size:.64rem;hyphens:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;visibility:hidden;z-index:1020;content:'';border-style:solid;border-width:6px;border-color:rgba(74,74,74,0.9) transparent transparent transparent;margin-bottom:-5px}[data-tooltip]:not(.is-loading).has-tooltip-arrow.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-arrow.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-arrow.has-tooltip-arrow::after{top:0;right:auto;bottom:auto;left:50%;margin-top:-5px;margin-right:auto;margin-bottom:auto;margin-left:-5px;border-color:rgba(74,74,74,0.9) transparent transparent transparent}[data-tooltip]:not(.is-loading).has-tooltip-bottom.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-bottom.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-bottom.has-tooltip-arrow::after{top:auto;right:auto;bottom:-1px;left:50%;margin-top:auto;margin-right:auto;margin-bottom:-5px;margin-left:-5px;border-color:transparent transparent rgba(74,74,74,0.9) transparent}[data-tooltip]:not(.is-loading).has-tooltip-bottom::before,[data-tooltip]:not(.is-disabled).has-tooltip-bottom::before,[data-tooltip]:not([disabled]).has-tooltip-bottom::before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%, 100%)}[data-tooltip]:not(.is-loading).has-tooltip-left.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-left.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-left.has-tooltip-arrow::after{top:auto;right:auto;bottom:50%;left:0;margin-top:auto;margin-right:auto;margin-bottom:-6px;margin-left:-5px;border-color:transparent transparent transparent rgba(74,74,74,0.9)}[data-tooltip]:not(.is-loading).has-tooltip-left::before,[data-tooltip]:not(.is-disabled).has-tooltip-left::before,[data-tooltip]:not([disabled]).has-tooltip-left::before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%, 50%)}[data-tooltip]:not(.is-loading).has-tooltip-right.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-right.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-right.has-tooltip-arrow::after{top:auto;right:0;bottom:50%;left:auto;margin-top:auto;margin-right:-6px;margin-bottom:-6px;margin-left:auto;border-color:transparent rgba(74,74,74,0.9) transparent transparent}[data-tooltip]:not(.is-loading).has-tooltip-right::before,[data-tooltip]:not(.is-disabled).has-tooltip-right::before,[data-tooltip]:not([disabled]).has-tooltip-right::before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%, 50%)}[data-tooltip]:not(.is-loading).has-tooltip-multiline::before,[data-tooltip]:not(.is-disabled).has-tooltip-multiline::before,[data-tooltip]:not([disabled]).has-tooltip-multiline::before{height:auto;width:15rem;max-width:15rem;text-overflow:clip;white-space:normal;word-break:keep-all}[data-tooltip]:not(.is-loading).has-tooltip-text-left::before,[data-tooltip]:not(.is-disabled).has-tooltip-text-left::before,[data-tooltip]:not([disabled]).has-tooltip-text-left::before{text-align:left}[data-tooltip]:not(.is-loading).has-tooltip-text-centered::before,[data-tooltip]:not(.is-disabled).has-tooltip-text-centered::before,[data-tooltip]:not([disabled]).has-tooltip-text-centered::before{text-align:center}[data-tooltip]:not(.is-loading).has-tooltip-text-right::before,[data-tooltip]:not(.is-disabled).has-tooltip-text-right::before,[data-tooltip]:not([disabled]).has-tooltip-text-right::before{text-align:right}[data-tooltip]:not(.is-loading).has-tooltip-white::after,[data-tooltip]:not(.is-disabled).has-tooltip-white::after,[data-tooltip]:not([disabled]).has-tooltip-white::after{border-color:rgba(255,255,255,0.9) transparent transparent transparent !important}[data-tooltip]:not(.is-loading).has-tooltip-white.has-tooltip-bottom::after,[data-tooltip]:not(.is-disabled).has-tooltip-white.has-tooltip-bottom::after,[data-tooltip]:not([disabled]).has-tooltip-white.has-tooltip-bottom::after{border-color:transparent transparent rgba(255,255,255,0.9) transparent !important}[data-tooltip]:not(.is-loading).has-tooltip-white.has-tooltip-left::after,[data-tooltip]:not(.is-disabled).has-tooltip-white.has-tooltip-left::after,[data-tooltip]:not([disabled]).has-tooltip-white.has-tooltip-left::after{border-color:transparent transparent transparent rgba(255,255,255,0.9) !important}[data-tooltip]:not(.is-loading).has-tooltip-white.has-tooltip-right::after,[data-tooltip]:not(.is-disabled).has-tooltip-white.has-tooltip-right::after,[data-tooltip]:not([disabled]).has-tooltip-white.has-tooltip-right::after{border-color:transparent rgba(255,255,255,0.9) transparent transparent !important}[data-tooltip]:not(.is-loading).has-tooltip-white:before,[data-tooltip]:not(.is-disabled).has-tooltip-white:before,[data-tooltip]:not([disabled]).has-tooltip-white:before{background-color:rgba(255,255,255,0.9);color:#0a0a0a}[data-tooltip]:not(.is-loading).has-tooltip-black::after,[data-tooltip]:not(.is-disabled).has-tooltip-black::after,[data-tooltip]:not([disabled]).has-tooltip-black::after{border-color:rgba(10,10,10,0.9) transparent transparent transparent !important}[data-tooltip]:not(.is-loading).has-tooltip-black.has-tooltip-bottom::after,[data-tooltip]:not(.is-disabled).has-tooltip-black.has-tooltip-bottom::after,[data-tooltip]:not([disabled]).has-tooltip-black.has-tooltip-bottom::after{border-color:transparent transparent rgba(10,10,10,0.9) transparent !important}[data-tooltip]:not(.is-loading).has-tooltip-black.has-tooltip-left::after,[data-tooltip]:not(.is-disabled).has-tooltip-black.has-tooltip-left::after,[data-tooltip]:not([disabled]).has-tooltip-black.has-tooltip-left::after{border-color:transparent transparent transparent rgba(10,10,10,0.9) !important}[data-tooltip]:not(.is-loading).has-tooltip-black.has-tooltip-right::after,[data-tooltip]:not(.is-disabled).has-tooltip-black.has-tooltip-right::after,[data-tooltip]:not([disabled]).has-tooltip-black.has-tooltip-right::after{border-color:transparent rgba(10,10,10,0.9) transparent transparent !important}[data-tooltip]:not(.is-loading).has-tooltip-black:before,[data-tooltip]:not(.is-disabled).has-tooltip-black:before,[data-tooltip]:not([disabled]).has-tooltip-black:before{background-color:rgba(10,10,10,0.9);color:#fff}[data-tooltip]:not(.is-loading).has-tooltip-light::after,[data-tooltip]:not(.is-disabled).has-tooltip-light::after,[data-tooltip]:not([disabled]).has-tooltip-light::after{border-color:rgba(246,248,251,0.9) transparent transparent transparent !important}[data-tooltip]:not(.is-loading).has-tooltip-light.has-tooltip-bottom::after,[data-tooltip]:not(.is-disabled).has-tooltip-light.has-tooltip-bottom::after,[data-tooltip]:not([disabled]).has-tooltip-light.has-tooltip-bottom::after{border-color:transparent transparent rgba(246,248,251,0.9) transparent !important}[data-tooltip]:not(.is-loading).has-tooltip-light.has-tooltip-left::after,[data-tooltip]:not(.is-disabled).has-tooltip-light.has-tooltip-left::after,[data-tooltip]:not([disabled]).has-tooltip-light.has-tooltip-left::after{border-color:transparent transparent transparent rgba(246,248,251,0.9) !important}[data-tooltip]:not(.is-loading).has-tooltip-light.has-tooltip-right::after,[data-tooltip]:not(.is-disabled).has-tooltip-light.has-tooltip-right::after,[data-tooltip]:not([disabled]).has-tooltip-light.has-tooltip-right::after{border-color:transparent rgba(246,248,251,0.9) transparent transparent !important}[data-tooltip]:not(.is-loading).has-tooltip-light:before,[data-tooltip]:not(.is-disabled).has-tooltip-light:before,[data-tooltip]:not([disabled]).has-tooltip-light:before{background-color:rgba(246,248,251,0.9);color:rgba(0,0,0,0.7)}[data-tooltip]:not(.is-loading).has-tooltip-dark::after,[data-tooltip]:not(.is-disabled).has-tooltip-dark::after,[data-tooltip]:not([disabled]).has-tooltip-dark::after{border-color:rgba(54,54,54,0.9) transparent transparent transparent !important}[data-tooltip]:not(.is-loading).has-tooltip-dark.has-tooltip-bottom::after,[data-tooltip]:not(.is-disabled).has-tooltip-dark.has-tooltip-bottom::after,[data-tooltip]:not([disabled]).has-tooltip-dark.has-tooltip-bottom::after{border-color:transparent transparent rgba(54,54,54,0.9) transparent !important}[data-tooltip]:not(.is-loading).has-tooltip-dark.has-tooltip-left::after,[data-tooltip]:not(.is-disabled).has-tooltip-dark.has-tooltip-left::after,[data-tooltip]:not([disabled]).has-tooltip-dark.has-tooltip-left::after{border-color:transparent transparent transparent rgba(54,54,54,0.9) !important}[data-tooltip]:not(.is-loading).has-tooltip-dark.has-tooltip-right::after,[data-tooltip]:not(.is-disabled).has-tooltip-dark.has-tooltip-right::after,[data-tooltip]:not([disabled]).has-tooltip-dark.has-tooltip-right::after{border-color:transparent rgba(54,54,54,0.9) transparent transparent !important}[data-tooltip]:not(.is-loading).has-tooltip-dark:before,[data-tooltip]:not(.is-disabled).has-tooltip-dark:before,[data-tooltip]:not([disabled]).has-tooltip-dark:before{background-color:rgba(54,54,54,0.9);color:#fff}[data-tooltip]:not(.is-loading).has-tooltip-primary::after,[data-tooltip]:not(.is-disabled).has-tooltip-primary::after,[data-tooltip]:not([disabled]).has-tooltip-primary::after{border-color:rgba(20,46,123,0.9) transparent transparent transparent !important}[data-tooltip]:not(.is-loading).has-tooltip-primary.has-tooltip-bottom::after,[data-tooltip]:not(.is-disabled).has-tooltip-primary.has-tooltip-bottom::after,[data-tooltip]:not([disabled]).has-tooltip-primary.has-tooltip-bottom::after{border-color:transparent transparent rgba(20,46,123,0.9) transparent !important}[data-tooltip]:not(.is-loading).has-tooltip-primary.has-tooltip-left::after,[data-tooltip]:not(.is-disabled).has-tooltip-primary.has-tooltip-left::after,[data-tooltip]:not([disabled]).has-tooltip-primary.has-tooltip-left::after{border-color:transparent transparent transparent rgba(20,46,123,0.9) !important}[data-tooltip]:not(.is-loading).has-tooltip-primary.has-tooltip-right::after,[data-tooltip]:not(.is-disabled).has-tooltip-primary.has-tooltip-right::after,[data-tooltip]:not([disabled]).has-tooltip-primary.has-tooltip-right::after{border-color:transparent rgba(20,46,123,0.9) transparent transparent !important}[data-tooltip]:not(.is-loading).has-tooltip-primary:before,[data-tooltip]:not(.is-disabled).has-tooltip-primary:before,[data-tooltip]:not([disabled]).has-tooltip-primary:before{background-color:rgba(20,46,123,0.9);color:#fff}[data-tooltip]:not(.is-loading).has-tooltip-link::after,[data-tooltip]:not(.is-disabled).has-tooltip-link::after,[data-tooltip]:not([disabled]).has-tooltip-link::after{border-color:rgba(72,95,199,0.9) transparent transparent transparent !important}[data-tooltip]:not(.is-loading).has-tooltip-link.has-tooltip-bottom::after,[data-tooltip]:not(.is-disabled).has-tooltip-link.has-tooltip-bottom::after,[data-tooltip]:not([disabled]).has-tooltip-link.has-tooltip-bottom::after{border-color:transparent transparent rgba(72,95,199,0.9) transparent !important}[data-tooltip]:not(.is-loading).has-tooltip-link.has-tooltip-left::after,[data-tooltip]:not(.is-disabled).has-tooltip-link.has-tooltip-left::after,[data-tooltip]:not([disabled]).has-tooltip-link.has-tooltip-left::after{border-color:transparent transparent transparent rgba(72,95,199,0.9) !important}[data-tooltip]:not(.is-loading).has-tooltip-link.has-tooltip-right::after,[data-tooltip]:not(.is-disabled).has-tooltip-link.has-tooltip-right::after,[data-tooltip]:not([disabled]).has-tooltip-link.has-tooltip-right::after{border-color:transparent rgba(72,95,199,0.9) transparent transparent !important}[data-tooltip]:not(.is-loading).has-tooltip-link:before,[data-tooltip]:not(.is-disabled).has-tooltip-link:before,[data-tooltip]:not([disabled]).has-tooltip-link:before{background-color:rgba(72,95,199,0.9);color:#fff}[data-tooltip]:not(.is-loading).has-tooltip-info::after,[data-tooltip]:not(.is-disabled).has-tooltip-info::after,[data-tooltip]:not([disabled]).has-tooltip-info::after{border-color:rgba(0,134,214,0.9) transparent transparent transparent !important}[data-tooltip]:not(.is-loading).has-tooltip-info.has-tooltip-bottom::after,[data-tooltip]:not(.is-disabled).has-tooltip-info.has-tooltip-bottom::after,[data-tooltip]:not([disabled]).has-tooltip-info.has-tooltip-bottom::after{border-color:transparent transparent rgba(0,134,214,0.9) transparent !important}[data-tooltip]:not(.is-loading).has-tooltip-info.has-tooltip-left::after,[data-tooltip]:not(.is-disabled).has-tooltip-info.has-tooltip-left::after,[data-tooltip]:not([disabled]).has-tooltip-info.has-tooltip-left::after{border-color:transparent transparent transparent rgba(0,134,214,0.9) !important}[data-tooltip]:not(.is-loading).has-tooltip-info.has-tooltip-right::after,[data-tooltip]:not(.is-disabled).has-tooltip-info.has-tooltip-right::after,[data-tooltip]:not([disabled]).has-tooltip-info.has-tooltip-right::after{border-color:transparent rgba(0,134,214,0.9) transparent transparent !important}[data-tooltip]:not(.is-loading).has-tooltip-info:before,[data-tooltip]:not(.is-disabled).has-tooltip-info:before,[data-tooltip]:not([disabled]).has-tooltip-info:before{background-color:rgba(0,134,214,0.9);color:#fff}[data-tooltip]:not(.is-loading).has-tooltip-success::after,[data-tooltip]:not(.is-disabled).has-tooltip-success::after,[data-tooltip]:not([disabled]).has-tooltip-success::after{border-color:rgba(75,196,103,0.9) transparent transparent transparent !important}[data-tooltip]:not(.is-loading).has-tooltip-success.has-tooltip-bottom::after,[data-tooltip]:not(.is-disabled).has-tooltip-success.has-tooltip-bottom::after,[data-tooltip]:not([disabled]).has-tooltip-success.has-tooltip-bottom::after{border-color:transparent transparent rgba(75,196,103,0.9) transparent !important}[data-tooltip]:not(.is-loading).has-tooltip-success.has-tooltip-left::after,[data-tooltip]:not(.is-disabled).has-tooltip-success.has-tooltip-left::after,[data-tooltip]:not([disabled]).has-tooltip-success.has-tooltip-left::after{border-color:transparent transparent transparent rgba(75,196,103,0.9) !important}[data-tooltip]:not(.is-loading).has-tooltip-success.has-tooltip-right::after,[data-tooltip]:not(.is-disabled).has-tooltip-success.has-tooltip-right::after,[data-tooltip]:not([disabled]).has-tooltip-success.has-tooltip-right::after{border-color:transparent rgba(75,196,103,0.9) transparent transparent !important}[data-tooltip]:not(.is-loading).has-tooltip-success:before,[data-tooltip]:not(.is-disabled).has-tooltip-success:before,[data-tooltip]:not([disabled]).has-tooltip-success:before{background-color:rgba(75,196,103,0.9);color:#fff}[data-tooltip]:not(.is-loading).has-tooltip-warning::after,[data-tooltip]:not(.is-disabled).has-tooltip-warning::after,[data-tooltip]:not([disabled]).has-tooltip-warning::after{border-color:rgba(239,183,27,0.9) transparent transparent transparent !important}[data-tooltip]:not(.is-loading).has-tooltip-warning.has-tooltip-bottom::after,[data-tooltip]:not(.is-disabled).has-tooltip-warning.has-tooltip-bottom::after,[data-tooltip]:not([disabled]).has-tooltip-warning.has-tooltip-bottom::after{border-color:transparent transparent rgba(239,183,27,0.9) transparent !important}[data-tooltip]:not(.is-loading).has-tooltip-warning.has-tooltip-left::after,[data-tooltip]:not(.is-disabled).has-tooltip-warning.has-tooltip-left::after,[data-tooltip]:not([disabled]).has-tooltip-warning.has-tooltip-left::after{border-color:transparent transparent transparent rgba(239,183,27,0.9) !important}[data-tooltip]:not(.is-loading).has-tooltip-warning.has-tooltip-right::after,[data-tooltip]:not(.is-disabled).has-tooltip-warning.has-tooltip-right::after,[data-tooltip]:not([disabled]).has-tooltip-warning.has-tooltip-right::after{border-color:transparent rgba(239,183,27,0.9) transparent transparent !important}[data-tooltip]:not(.is-loading).has-tooltip-warning:before,[data-tooltip]:not(.is-disabled).has-tooltip-warning:before,[data-tooltip]:not([disabled]).has-tooltip-warning:before{background-color:rgba(239,183,27,0.9);color:rgba(0,0,0,0.7)}[data-tooltip]:not(.is-loading).has-tooltip-danger::after,[data-tooltip]:not(.is-disabled).has-tooltip-danger::after,[data-tooltip]:not([disabled]).has-tooltip-danger::after{border-color:rgba(206,0,55,0.9) transparent transparent transparent !important}[data-tooltip]:not(.is-loading).has-tooltip-danger.has-tooltip-bottom::after,[data-tooltip]:not(.is-disabled).has-tooltip-danger.has-tooltip-bottom::after,[data-tooltip]:not([disabled]).has-tooltip-danger.has-tooltip-bottom::after{border-color:transparent transparent rgba(206,0,55,0.9) transparent !important}[data-tooltip]:not(.is-loading).has-tooltip-danger.has-tooltip-left::after,[data-tooltip]:not(.is-disabled).has-tooltip-danger.has-tooltip-left::after,[data-tooltip]:not([disabled]).has-tooltip-danger.has-tooltip-left::after{border-color:transparent transparent transparent rgba(206,0,55,0.9) !important}[data-tooltip]:not(.is-loading).has-tooltip-danger.has-tooltip-right::after,[data-tooltip]:not(.is-disabled).has-tooltip-danger.has-tooltip-right::after,[data-tooltip]:not([disabled]).has-tooltip-danger.has-tooltip-right::after{border-color:transparent rgba(206,0,55,0.9) transparent transparent !important}[data-tooltip]:not(.is-loading).has-tooltip-danger:before,[data-tooltip]:not(.is-disabled).has-tooltip-danger:before,[data-tooltip]:not([disabled]).has-tooltip-danger:before{background-color:rgba(206,0,55,0.9);color:#fff}[data-tooltip]:not(.is-loading):hover::before,[data-tooltip]:not(.is-loading):hover::after,[data-tooltip]:not(.is-loading).has-tooltip-active::before,[data-tooltip]:not(.is-loading).has-tooltip-active::after,[data-tooltip]:not(.is-disabled):hover::before,[data-tooltip]:not(.is-disabled):hover::after,[data-tooltip]:not(.is-disabled).has-tooltip-active::before,[data-tooltip]:not(.is-disabled).has-tooltip-active::after,[data-tooltip]:not([disabled]):hover::before,[data-tooltip]:not([disabled]):hover::after,[data-tooltip]:not([disabled]).has-tooltip-active::before,[data-tooltip]:not([disabled]).has-tooltip-active::after{opacity:1;visibility:visible}[data-tooltip]:not(.is-loading).has-tooltip-fade::before,[data-tooltip]:not(.is-loading).has-tooltip-fade::after,[data-tooltip]:not(.is-disabled).has-tooltip-fade::before,[data-tooltip]:not(.is-disabled).has-tooltip-fade::after,[data-tooltip]:not([disabled]).has-tooltip-fade::before,[data-tooltip]:not([disabled]).has-tooltip-fade::after{transition:opacity .3s linear,visibility .3s linear}@media screen and (max-width: 768px){[data-tooltip]:not(.is-loading).has-tooltip-top-mobile.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-top-mobile.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-top-mobile.has-tooltip-arrow::after{top:0;right:auto;bottom:auto;left:50%;margin-top:-5px;margin-right:auto;margin-bottom:auto;margin-left:-5px;border-color:rgba(74,74,74,0.9) transparent transparent transparent}[data-tooltip]:not(.is-loading).has-tooltip-top-mobile::before,[data-tooltip]:not(.is-disabled).has-tooltip-top-mobile::before,[data-tooltip]:not([disabled]).has-tooltip-top-mobile::before{top:0;right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%, -100%)}}@media screen and (min-width: 769px),print{[data-tooltip]:not(.is-loading).has-tooltip-top-tablet.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-top-tablet.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-top-tablet.has-tooltip-arrow::after{top:0;right:auto;bottom:auto;left:50%;margin-top:-5px;margin-right:auto;margin-bottom:auto;margin-left:-5px;border-color:rgba(74,74,74,0.9) transparent transparent transparent}[data-tooltip]:not(.is-loading).has-tooltip-top-tablet::before,[data-tooltip]:not(.is-disabled).has-tooltip-top-tablet::before,[data-tooltip]:not([disabled]).has-tooltip-top-tablet::before{top:0;right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%, -100%)}}@media screen and (min-width: 769px) and (max-width: 1023px){[data-tooltip]:not(.is-loading).has-tooltip-top-tablet-only.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-top-tablet-only.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-top-tablet-only.has-tooltip-arrow::after{top:0;right:auto;bottom:auto;left:50%;margin-top:-5px;margin-right:auto;margin-bottom:auto;margin-left:-5px;border-color:rgba(74,74,74,0.9) transparent transparent transparent}[data-tooltip]:not(.is-loading).has-tooltip-top-tablet-only::before,[data-tooltip]:not(.is-disabled).has-tooltip-top-tablet-only::before,[data-tooltip]:not([disabled]).has-tooltip-top-tablet-only::before{top:0;right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%, -100%)}}@media screen and (max-width: 1023px){[data-tooltip]:not(.is-loading).has-tooltip-top-touch.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-top-touch.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-top-touch.has-tooltip-arrow::after{top:0;right:auto;bottom:auto;left:50%;margin-top:-5px;margin-right:auto;margin-bottom:auto;margin-left:-5px;border-color:rgba(74,74,74,0.9) transparent transparent transparent}[data-tooltip]:not(.is-loading).has-tooltip-top-touch::before,[data-tooltip]:not(.is-disabled).has-tooltip-top-touch::before,[data-tooltip]:not([disabled]).has-tooltip-top-touch::before{top:0;right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%, -100%)}}@media screen and (min-width: 1024px){[data-tooltip]:not(.is-loading).has-tooltip-top-desktop.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-top-desktop.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-top-desktop.has-tooltip-arrow::after{top:0;right:auto;bottom:auto;left:50%;margin-top:-5px;margin-right:auto;margin-bottom:auto;margin-left:-5px;border-color:rgba(74,74,74,0.9) transparent transparent transparent}[data-tooltip]:not(.is-loading).has-tooltip-top-desktop::before,[data-tooltip]:not(.is-disabled).has-tooltip-top-desktop::before,[data-tooltip]:not([disabled]).has-tooltip-top-desktop::before{top:0;right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%, -100%)}}@media screen and (min-width: 1024px) and (max-width: 1215px){[data-tooltip]:not(.is-loading).has-tooltip-top-desktop-only.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-top-desktop-only.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-top-desktop-only.has-tooltip-arrow::after{top:0;right:auto;bottom:auto;left:50%;margin-top:-5px;margin-right:auto;margin-bottom:auto;margin-left:-5px;border-color:rgba(74,74,74,0.9) transparent transparent transparent}[data-tooltip]:not(.is-loading).has-tooltip-top-desktop-only::before,[data-tooltip]:not(.is-disabled).has-tooltip-top-desktop-only::before,[data-tooltip]:not([disabled]).has-tooltip-top-desktop-only::before{top:0;right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%, -100%)}}@media screen and (max-width: 1215px){[data-tooltip]:not(.is-loading).has-tooltip-top-until-widescreen.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-top-until-widescreen.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-top-until-widescreen.has-tooltip-arrow::after{top:0;right:auto;bottom:auto;left:50%;margin-top:-5px;margin-right:auto;margin-bottom:auto;margin-left:-5px;border-color:rgba(74,74,74,0.9) transparent transparent transparent}[data-tooltip]:not(.is-loading).has-tooltip-top-until-widescreen::before,[data-tooltip]:not(.is-disabled).has-tooltip-top-until-widescreen::before,[data-tooltip]:not([disabled]).has-tooltip-top-until-widescreen::before{top:0;right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%, -100%)}}@media screen and (min-width: 1216px){[data-tooltip]:not(.is-loading).has-tooltip-top-widescreen.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-top-widescreen.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-top-widescreen.has-tooltip-arrow::after{top:0;right:auto;bottom:auto;left:50%;margin-top:-5px;margin-right:auto;margin-bottom:auto;margin-left:-5px;border-color:rgba(74,74,74,0.9) transparent transparent transparent}[data-tooltip]:not(.is-loading).has-tooltip-top-widescreen::before,[data-tooltip]:not(.is-disabled).has-tooltip-top-widescreen::before,[data-tooltip]:not([disabled]).has-tooltip-top-widescreen::before{top:0;right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%, -100%)}}@media screen and (min-width: 1216px) and (max-width: 1407px){[data-tooltip]:not(.is-loading).has-tooltip-top-widescreen-only.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-top-widescreen-only.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-top-widescreen-only.has-tooltip-arrow::after{top:0;right:auto;bottom:auto;left:50%;margin-top:-5px;margin-right:auto;margin-bottom:auto;margin-left:-5px;border-color:rgba(74,74,74,0.9) transparent transparent transparent}[data-tooltip]:not(.is-loading).has-tooltip-top-widescreen-only::before,[data-tooltip]:not(.is-disabled).has-tooltip-top-widescreen-only::before,[data-tooltip]:not([disabled]).has-tooltip-top-widescreen-only::before{top:0;right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%, -100%)}}@media screen and (max-width: 1407px){[data-tooltip]:not(.is-loading).has-tooltip-top-until-fullhd.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-top-until-fullhd.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-top-until-fullhd.has-tooltip-arrow::after{top:0;right:auto;bottom:auto;left:50%;margin-top:-5px;margin-right:auto;margin-bottom:auto;margin-left:-5px;border-color:rgba(74,74,74,0.9) transparent transparent transparent}[data-tooltip]:not(.is-loading).has-tooltip-top-until-fullhd::before,[data-tooltip]:not(.is-disabled).has-tooltip-top-until-fullhd::before,[data-tooltip]:not([disabled]).has-tooltip-top-until-fullhd::before{top:0;right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%, -100%)}}@media screen and (min-width: 1408px){[data-tooltip]:not(.is-loading).has-tooltip-top-fullhd.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-top-fullhd.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-top-fullhd.has-tooltip-arrow::after{top:0;right:auto;bottom:auto;left:50%;margin-top:-5px;margin-right:auto;margin-bottom:auto;margin-left:-5px;border-color:rgba(74,74,74,0.9) transparent transparent transparent}[data-tooltip]:not(.is-loading).has-tooltip-top-fullhd::before,[data-tooltip]:not(.is-disabled).has-tooltip-top-fullhd::before,[data-tooltip]:not([disabled]).has-tooltip-top-fullhd::before{top:0;right:auto;bottom:auto;left:50%;top:0;margin-top:-5px;margin-bottom:auto;transform:translate(-50%, -100%)}}@media screen and (max-width: 768px){[data-tooltip]:not(.is-loading).has-tooltip-right-mobile.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-right-mobile.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-right-mobile.has-tooltip-arrow::after{top:auto;right:0;bottom:50%;left:auto;margin-top:auto;margin-right:-6px;margin-bottom:-6px;margin-left:auto;border-color:transparent rgba(74,74,74,0.9) transparent transparent}[data-tooltip]:not(.is-loading).has-tooltip-right-mobile::before,[data-tooltip]:not(.is-disabled).has-tooltip-right-mobile::before,[data-tooltip]:not([disabled]).has-tooltip-right-mobile::before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%, 50%)}}@media screen and (min-width: 769px),print{[data-tooltip]:not(.is-loading).has-tooltip-right-tablet.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-right-tablet.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-right-tablet.has-tooltip-arrow::after{top:auto;right:0;bottom:50%;left:auto;margin-top:auto;margin-right:-6px;margin-bottom:-6px;margin-left:auto;border-color:transparent rgba(74,74,74,0.9) transparent transparent}[data-tooltip]:not(.is-loading).has-tooltip-right-tablet::before,[data-tooltip]:not(.is-disabled).has-tooltip-right-tablet::before,[data-tooltip]:not([disabled]).has-tooltip-right-tablet::before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%, 50%)}}@media screen and (min-width: 769px) and (max-width: 1023px){[data-tooltip]:not(.is-loading).has-tooltip-right-tablet-only.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-right-tablet-only.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-right-tablet-only.has-tooltip-arrow::after{top:auto;right:0;bottom:50%;left:auto;margin-top:auto;margin-right:-6px;margin-bottom:-6px;margin-left:auto;border-color:transparent rgba(74,74,74,0.9) transparent transparent}[data-tooltip]:not(.is-loading).has-tooltip-right-tablet-only::before,[data-tooltip]:not(.is-disabled).has-tooltip-right-tablet-only::before,[data-tooltip]:not([disabled]).has-tooltip-right-tablet-only::before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%, 50%)}}@media screen and (max-width: 1023px){[data-tooltip]:not(.is-loading).has-tooltip-right-touch.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-right-touch.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-right-touch.has-tooltip-arrow::after{top:auto;right:0;bottom:50%;left:auto;margin-top:auto;margin-right:-6px;margin-bottom:-6px;margin-left:auto;border-color:transparent rgba(74,74,74,0.9) transparent transparent}[data-tooltip]:not(.is-loading).has-tooltip-right-touch::before,[data-tooltip]:not(.is-disabled).has-tooltip-right-touch::before,[data-tooltip]:not([disabled]).has-tooltip-right-touch::before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%, 50%)}}@media screen and (min-width: 1024px){[data-tooltip]:not(.is-loading).has-tooltip-right-desktop.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-right-desktop.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-right-desktop.has-tooltip-arrow::after{top:auto;right:0;bottom:50%;left:auto;margin-top:auto;margin-right:-6px;margin-bottom:-6px;margin-left:auto;border-color:transparent rgba(74,74,74,0.9) transparent transparent}[data-tooltip]:not(.is-loading).has-tooltip-right-desktop::before,[data-tooltip]:not(.is-disabled).has-tooltip-right-desktop::before,[data-tooltip]:not([disabled]).has-tooltip-right-desktop::before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%, 50%)}}@media screen and (min-width: 1024px) and (max-width: 1215px){[data-tooltip]:not(.is-loading).has-tooltip-right-desktop-only.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-right-desktop-only.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-right-desktop-only.has-tooltip-arrow::after{top:auto;right:0;bottom:50%;left:auto;margin-top:auto;margin-right:-6px;margin-bottom:-6px;margin-left:auto;border-color:transparent rgba(74,74,74,0.9) transparent transparent}[data-tooltip]:not(.is-loading).has-tooltip-right-desktop-only::before,[data-tooltip]:not(.is-disabled).has-tooltip-right-desktop-only::before,[data-tooltip]:not([disabled]).has-tooltip-right-desktop-only::before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%, 50%)}}@media screen and (max-width: 1215px){[data-tooltip]:not(.is-loading).has-tooltip-right-until-widescreen.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-right-until-widescreen.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-right-until-widescreen.has-tooltip-arrow::after{top:auto;right:0;bottom:50%;left:auto;margin-top:auto;margin-right:-6px;margin-bottom:-6px;margin-left:auto;border-color:transparent rgba(74,74,74,0.9) transparent transparent}[data-tooltip]:not(.is-loading).has-tooltip-right-until-widescreen::before,[data-tooltip]:not(.is-disabled).has-tooltip-right-until-widescreen::before,[data-tooltip]:not([disabled]).has-tooltip-right-until-widescreen::before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%, 50%)}}@media screen and (min-width: 1216px){[data-tooltip]:not(.is-loading).has-tooltip-right-widescreen.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-right-widescreen.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-right-widescreen.has-tooltip-arrow::after{top:auto;right:0;bottom:50%;left:auto;margin-top:auto;margin-right:-6px;margin-bottom:-6px;margin-left:auto;border-color:transparent rgba(74,74,74,0.9) transparent transparent}[data-tooltip]:not(.is-loading).has-tooltip-right-widescreen::before,[data-tooltip]:not(.is-disabled).has-tooltip-right-widescreen::before,[data-tooltip]:not([disabled]).has-tooltip-right-widescreen::before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%, 50%)}}@media screen and (min-width: 1216px) and (max-width: 1407px){[data-tooltip]:not(.is-loading).has-tooltip-right-widescreen-only.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-right-widescreen-only.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-right-widescreen-only.has-tooltip-arrow::after{top:auto;right:0;bottom:50%;left:auto;margin-top:auto;margin-right:-6px;margin-bottom:-6px;margin-left:auto;border-color:transparent rgba(74,74,74,0.9) transparent transparent}[data-tooltip]:not(.is-loading).has-tooltip-right-widescreen-only::before,[data-tooltip]:not(.is-disabled).has-tooltip-right-widescreen-only::before,[data-tooltip]:not([disabled]).has-tooltip-right-widescreen-only::before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%, 50%)}}@media screen and (max-width: 1407px){[data-tooltip]:not(.is-loading).has-tooltip-right-until-fullhd.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-right-until-fullhd.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-right-until-fullhd.has-tooltip-arrow::after{top:auto;right:0;bottom:50%;left:auto;margin-top:auto;margin-right:-6px;margin-bottom:-6px;margin-left:auto;border-color:transparent rgba(74,74,74,0.9) transparent transparent}[data-tooltip]:not(.is-loading).has-tooltip-right-until-fullhd::before,[data-tooltip]:not(.is-disabled).has-tooltip-right-until-fullhd::before,[data-tooltip]:not([disabled]).has-tooltip-right-until-fullhd::before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%, 50%)}}@media screen and (min-width: 1408px){[data-tooltip]:not(.is-loading).has-tooltip-right-fullhd.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-right-fullhd.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-right-fullhd.has-tooltip-arrow::after{top:auto;right:0;bottom:50%;left:auto;margin-top:auto;margin-right:-6px;margin-bottom:-6px;margin-left:auto;border-color:transparent rgba(74,74,74,0.9) transparent transparent}[data-tooltip]:not(.is-loading).has-tooltip-right-fullhd::before,[data-tooltip]:not(.is-disabled).has-tooltip-right-fullhd::before,[data-tooltip]:not([disabled]).has-tooltip-right-fullhd::before{top:auto;right:-5px;bottom:50%;left:auto;margin-top:auto;transform:translate(100%, 50%)}}@media screen and (max-width: 768px){[data-tooltip]:not(.is-loading).has-tooltip-bottom-mobile.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-bottom-mobile.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-bottom-mobile.has-tooltip-arrow::after{top:auto;right:auto;bottom:-1px;left:50%;margin-top:auto;margin-right:auto;margin-bottom:-5px;margin-left:-5px;border-color:transparent transparent rgba(74,74,74,0.9) transparent}[data-tooltip]:not(.is-loading).has-tooltip-bottom-mobile::before,[data-tooltip]:not(.is-disabled).has-tooltip-bottom-mobile::before,[data-tooltip]:not([disabled]).has-tooltip-bottom-mobile::before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%, 100%)}}@media screen and (min-width: 769px),print{[data-tooltip]:not(.is-loading).has-tooltip-bottom-tablet.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-bottom-tablet.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-bottom-tablet.has-tooltip-arrow::after{top:auto;right:auto;bottom:-1px;left:50%;margin-top:auto;margin-right:auto;margin-bottom:-5px;margin-left:-5px;border-color:transparent transparent rgba(74,74,74,0.9) transparent}[data-tooltip]:not(.is-loading).has-tooltip-bottom-tablet::before,[data-tooltip]:not(.is-disabled).has-tooltip-bottom-tablet::before,[data-tooltip]:not([disabled]).has-tooltip-bottom-tablet::before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%, 100%)}}@media screen and (min-width: 769px) and (max-width: 1023px){[data-tooltip]:not(.is-loading).has-tooltip-bottom-tablet-only.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-bottom-tablet-only.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-bottom-tablet-only.has-tooltip-arrow::after{top:auto;right:auto;bottom:-1px;left:50%;margin-top:auto;margin-right:auto;margin-bottom:-5px;margin-left:-5px;border-color:transparent transparent rgba(74,74,74,0.9) transparent}[data-tooltip]:not(.is-loading).has-tooltip-bottom-tablet-only::before,[data-tooltip]:not(.is-disabled).has-tooltip-bottom-tablet-only::before,[data-tooltip]:not([disabled]).has-tooltip-bottom-tablet-only::before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%, 100%)}}@media screen and (max-width: 1023px){[data-tooltip]:not(.is-loading).has-tooltip-bottom-touch.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-bottom-touch.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-bottom-touch.has-tooltip-arrow::after{top:auto;right:auto;bottom:-1px;left:50%;margin-top:auto;margin-right:auto;margin-bottom:-5px;margin-left:-5px;border-color:transparent transparent rgba(74,74,74,0.9) transparent}[data-tooltip]:not(.is-loading).has-tooltip-bottom-touch::before,[data-tooltip]:not(.is-disabled).has-tooltip-bottom-touch::before,[data-tooltip]:not([disabled]).has-tooltip-bottom-touch::before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%, 100%)}}@media screen and (min-width: 1024px){[data-tooltip]:not(.is-loading).has-tooltip-bottom-desktop.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-bottom-desktop.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-bottom-desktop.has-tooltip-arrow::after{top:auto;right:auto;bottom:-1px;left:50%;margin-top:auto;margin-right:auto;margin-bottom:-5px;margin-left:-5px;border-color:transparent transparent rgba(74,74,74,0.9) transparent}[data-tooltip]:not(.is-loading).has-tooltip-bottom-desktop::before,[data-tooltip]:not(.is-disabled).has-tooltip-bottom-desktop::before,[data-tooltip]:not([disabled]).has-tooltip-bottom-desktop::before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%, 100%)}}@media screen and (min-width: 1024px) and (max-width: 1215px){[data-tooltip]:not(.is-loading).has-tooltip-bottom-desktop-only.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-bottom-desktop-only.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-bottom-desktop-only.has-tooltip-arrow::after{top:auto;right:auto;bottom:-1px;left:50%;margin-top:auto;margin-right:auto;margin-bottom:-5px;margin-left:-5px;border-color:transparent transparent rgba(74,74,74,0.9) transparent}[data-tooltip]:not(.is-loading).has-tooltip-bottom-desktop-only::before,[data-tooltip]:not(.is-disabled).has-tooltip-bottom-desktop-only::before,[data-tooltip]:not([disabled]).has-tooltip-bottom-desktop-only::before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%, 100%)}}@media screen and (max-width: 1215px){[data-tooltip]:not(.is-loading).has-tooltip-bottom-until-widescreen.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-bottom-until-widescreen.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-bottom-until-widescreen.has-tooltip-arrow::after{top:auto;right:auto;bottom:-1px;left:50%;margin-top:auto;margin-right:auto;margin-bottom:-5px;margin-left:-5px;border-color:transparent transparent rgba(74,74,74,0.9) transparent}[data-tooltip]:not(.is-loading).has-tooltip-bottom-until-widescreen::before,[data-tooltip]:not(.is-disabled).has-tooltip-bottom-until-widescreen::before,[data-tooltip]:not([disabled]).has-tooltip-bottom-until-widescreen::before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%, 100%)}}@media screen and (min-width: 1216px){[data-tooltip]:not(.is-loading).has-tooltip-bottom-widescreen.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-bottom-widescreen.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-bottom-widescreen.has-tooltip-arrow::after{top:auto;right:auto;bottom:-1px;left:50%;margin-top:auto;margin-right:auto;margin-bottom:-5px;margin-left:-5px;border-color:transparent transparent rgba(74,74,74,0.9) transparent}[data-tooltip]:not(.is-loading).has-tooltip-bottom-widescreen::before,[data-tooltip]:not(.is-disabled).has-tooltip-bottom-widescreen::before,[data-tooltip]:not([disabled]).has-tooltip-bottom-widescreen::before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%, 100%)}}@media screen and (min-width: 1216px) and (max-width: 1407px){[data-tooltip]:not(.is-loading).has-tooltip-bottom-widescreen-only.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-bottom-widescreen-only.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-bottom-widescreen-only.has-tooltip-arrow::after{top:auto;right:auto;bottom:-1px;left:50%;margin-top:auto;margin-right:auto;margin-bottom:-5px;margin-left:-5px;border-color:transparent transparent rgba(74,74,74,0.9) transparent}[data-tooltip]:not(.is-loading).has-tooltip-bottom-widescreen-only::before,[data-tooltip]:not(.is-disabled).has-tooltip-bottom-widescreen-only::before,[data-tooltip]:not([disabled]).has-tooltip-bottom-widescreen-only::before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%, 100%)}}@media screen and (max-width: 1407px){[data-tooltip]:not(.is-loading).has-tooltip-bottom-until-fullhd.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-bottom-until-fullhd.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-bottom-until-fullhd.has-tooltip-arrow::after{top:auto;right:auto;bottom:-1px;left:50%;margin-top:auto;margin-right:auto;margin-bottom:-5px;margin-left:-5px;border-color:transparent transparent rgba(74,74,74,0.9) transparent}[data-tooltip]:not(.is-loading).has-tooltip-bottom-until-fullhd::before,[data-tooltip]:not(.is-disabled).has-tooltip-bottom-until-fullhd::before,[data-tooltip]:not([disabled]).has-tooltip-bottom-until-fullhd::before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%, 100%)}}@media screen and (min-width: 1408px){[data-tooltip]:not(.is-loading).has-tooltip-bottom-fullhd.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-bottom-fullhd.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-bottom-fullhd.has-tooltip-arrow::after{top:auto;right:auto;bottom:-1px;left:50%;margin-top:auto;margin-right:auto;margin-bottom:-5px;margin-left:-5px;border-color:transparent transparent rgba(74,74,74,0.9) transparent}[data-tooltip]:not(.is-loading).has-tooltip-bottom-fullhd::before,[data-tooltip]:not(.is-disabled).has-tooltip-bottom-fullhd::before,[data-tooltip]:not([disabled]).has-tooltip-bottom-fullhd::before{top:auto;right:auto;bottom:0;left:50%;margin-top:auto;margin-bottom:-5px;transform:translate(-50%, 100%)}}@media screen and (max-width: 768px){[data-tooltip]:not(.is-loading).has-tooltip-left-mobile.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-left-mobile.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-left-mobile.has-tooltip-arrow::after{top:auto;right:auto;bottom:50%;left:0;margin-top:auto;margin-right:auto;margin-bottom:-6px;margin-left:-5px;border-color:transparent transparent transparent rgba(74,74,74,0.9)}[data-tooltip]:not(.is-loading).has-tooltip-left-mobile::before,[data-tooltip]:not(.is-disabled).has-tooltip-left-mobile::before,[data-tooltip]:not([disabled]).has-tooltip-left-mobile::before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%, 50%)}}@media screen and (min-width: 769px),print{[data-tooltip]:not(.is-loading).has-tooltip-left-tablet.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-left-tablet.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-left-tablet.has-tooltip-arrow::after{top:auto;right:auto;bottom:50%;left:0;margin-top:auto;margin-right:auto;margin-bottom:-6px;margin-left:-5px;border-color:transparent transparent transparent rgba(74,74,74,0.9)}[data-tooltip]:not(.is-loading).has-tooltip-left-tablet::before,[data-tooltip]:not(.is-disabled).has-tooltip-left-tablet::before,[data-tooltip]:not([disabled]).has-tooltip-left-tablet::before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%, 50%)}}@media screen and (min-width: 769px) and (max-width: 1023px){[data-tooltip]:not(.is-loading).has-tooltip-left-tablet-only.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-left-tablet-only.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-left-tablet-only.has-tooltip-arrow::after{top:auto;right:auto;bottom:50%;left:0;margin-top:auto;margin-right:auto;margin-bottom:-6px;margin-left:-5px;border-color:transparent transparent transparent rgba(74,74,74,0.9)}[data-tooltip]:not(.is-loading).has-tooltip-left-tablet-only::before,[data-tooltip]:not(.is-disabled).has-tooltip-left-tablet-only::before,[data-tooltip]:not([disabled]).has-tooltip-left-tablet-only::before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%, 50%)}}@media screen and (max-width: 1023px){[data-tooltip]:not(.is-loading).has-tooltip-left-touch.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-left-touch.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-left-touch.has-tooltip-arrow::after{top:auto;right:auto;bottom:50%;left:0;margin-top:auto;margin-right:auto;margin-bottom:-6px;margin-left:-5px;border-color:transparent transparent transparent rgba(74,74,74,0.9)}[data-tooltip]:not(.is-loading).has-tooltip-left-touch::before,[data-tooltip]:not(.is-disabled).has-tooltip-left-touch::before,[data-tooltip]:not([disabled]).has-tooltip-left-touch::before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%, 50%)}}@media screen and (min-width: 1024px){[data-tooltip]:not(.is-loading).has-tooltip-left-desktop.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-left-desktop.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-left-desktop.has-tooltip-arrow::after{top:auto;right:auto;bottom:50%;left:0;margin-top:auto;margin-right:auto;margin-bottom:-6px;margin-left:-5px;border-color:transparent transparent transparent rgba(74,74,74,0.9)}[data-tooltip]:not(.is-loading).has-tooltip-left-desktop::before,[data-tooltip]:not(.is-disabled).has-tooltip-left-desktop::before,[data-tooltip]:not([disabled]).has-tooltip-left-desktop::before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%, 50%)}}@media screen and (min-width: 1024px) and (max-width: 1215px){[data-tooltip]:not(.is-loading).has-tooltip-left-desktop-only.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-left-desktop-only.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-left-desktop-only.has-tooltip-arrow::after{top:auto;right:auto;bottom:50%;left:0;margin-top:auto;margin-right:auto;margin-bottom:-6px;margin-left:-5px;border-color:transparent transparent transparent rgba(74,74,74,0.9)}[data-tooltip]:not(.is-loading).has-tooltip-left-desktop-only::before,[data-tooltip]:not(.is-disabled).has-tooltip-left-desktop-only::before,[data-tooltip]:not([disabled]).has-tooltip-left-desktop-only::before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%, 50%)}}@media screen and (max-width: 1215px){[data-tooltip]:not(.is-loading).has-tooltip-left-until-widescreen.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-left-until-widescreen.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-left-until-widescreen.has-tooltip-arrow::after{top:auto;right:auto;bottom:50%;left:0;margin-top:auto;margin-right:auto;margin-bottom:-6px;margin-left:-5px;border-color:transparent transparent transparent rgba(74,74,74,0.9)}[data-tooltip]:not(.is-loading).has-tooltip-left-until-widescreen::before,[data-tooltip]:not(.is-disabled).has-tooltip-left-until-widescreen::before,[data-tooltip]:not([disabled]).has-tooltip-left-until-widescreen::before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%, 50%)}}@media screen and (min-width: 1216px){[data-tooltip]:not(.is-loading).has-tooltip-left-widescreen.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-left-widescreen.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-left-widescreen.has-tooltip-arrow::after{top:auto;right:auto;bottom:50%;left:0;margin-top:auto;margin-right:auto;margin-bottom:-6px;margin-left:-5px;border-color:transparent transparent transparent rgba(74,74,74,0.9)}[data-tooltip]:not(.is-loading).has-tooltip-left-widescreen::before,[data-tooltip]:not(.is-disabled).has-tooltip-left-widescreen::before,[data-tooltip]:not([disabled]).has-tooltip-left-widescreen::before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%, 50%)}}@media screen and (min-width: 1216px) and (max-width: 1407px){[data-tooltip]:not(.is-loading).has-tooltip-left-widescreen-only.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-left-widescreen-only.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-left-widescreen-only.has-tooltip-arrow::after{top:auto;right:auto;bottom:50%;left:0;margin-top:auto;margin-right:auto;margin-bottom:-6px;margin-left:-5px;border-color:transparent transparent transparent rgba(74,74,74,0.9)}[data-tooltip]:not(.is-loading).has-tooltip-left-widescreen-only::before,[data-tooltip]:not(.is-disabled).has-tooltip-left-widescreen-only::before,[data-tooltip]:not([disabled]).has-tooltip-left-widescreen-only::before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%, 50%)}}@media screen and (max-width: 1407px){[data-tooltip]:not(.is-loading).has-tooltip-left-until-fullhd.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-left-until-fullhd.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-left-until-fullhd.has-tooltip-arrow::after{top:auto;right:auto;bottom:50%;left:0;margin-top:auto;margin-right:auto;margin-bottom:-6px;margin-left:-5px;border-color:transparent transparent transparent rgba(74,74,74,0.9)}[data-tooltip]:not(.is-loading).has-tooltip-left-until-fullhd::before,[data-tooltip]:not(.is-disabled).has-tooltip-left-until-fullhd::before,[data-tooltip]:not([disabled]).has-tooltip-left-until-fullhd::before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%, 50%)}}@media screen and (min-width: 1408px){[data-tooltip]:not(.is-loading).has-tooltip-left-fullhd.has-tooltip-arrow::after,[data-tooltip]:not(.is-disabled).has-tooltip-left-fullhd.has-tooltip-arrow::after,[data-tooltip]:not([disabled]).has-tooltip-left-fullhd.has-tooltip-arrow::after{top:auto;right:auto;bottom:50%;left:0;margin-top:auto;margin-right:auto;margin-bottom:-6px;margin-left:-5px;border-color:transparent transparent transparent rgba(74,74,74,0.9)}[data-tooltip]:not(.is-loading).has-tooltip-left-fullhd::before,[data-tooltip]:not(.is-disabled).has-tooltip-left-fullhd::before,[data-tooltip]:not([disabled]).has-tooltip-left-fullhd::before{top:auto;right:auto;bottom:50%;left:-5px;transform:translate(-100%, 50%)}}@media screen and (max-width: 768px){[data-tooltip]:not(.is-loading).has-tooltip-hidden-mobile::after,[data-tooltip]:not(.is-loading).has-tooltip-hidden-mobile::before,[data-tooltip]:not(.is-disabled).has-tooltip-hidden-mobile::after,[data-tooltip]:not(.is-disabled).has-tooltip-hidden-mobile::before,[data-tooltip]:not([disabled]).has-tooltip-hidden-mobile::after,[data-tooltip]:not([disabled]).has-tooltip-hidden-mobile::before{opacity:0 !important;display:none !important}}@media screen and (min-width: 769px),print{[data-tooltip]:not(.is-loading).has-tooltip-hidden-tablet::after,[data-tooltip]:not(.is-loading).has-tooltip-hidden-tablet::before,[data-tooltip]:not(.is-disabled).has-tooltip-hidden-tablet::after,[data-tooltip]:not(.is-disabled).has-tooltip-hidden-tablet::before,[data-tooltip]:not([disabled]).has-tooltip-hidden-tablet::after,[data-tooltip]:not([disabled]).has-tooltip-hidden-tablet::before{opacity:0 !important;display:none !important}}@media screen and (min-width: 769px) and (max-width: 1023px){[data-tooltip]:not(.is-loading).has-tooltip-hidden-tablet-only::after,[data-tooltip]:not(.is-loading).has-tooltip-hidden-tablet-only::before,[data-tooltip]:not(.is-disabled).has-tooltip-hidden-tablet-only::after,[data-tooltip]:not(.is-disabled).has-tooltip-hidden-tablet-only::before,[data-tooltip]:not([disabled]).has-tooltip-hidden-tablet-only::after,[data-tooltip]:not([disabled]).has-tooltip-hidden-tablet-only::before{opacity:0 !important;display:none !important}}@media screen and (max-width: 1023px){[data-tooltip]:not(.is-loading).has-tooltip-hidden-touch::after,[data-tooltip]:not(.is-loading).has-tooltip-hidden-touch::before,[data-tooltip]:not(.is-disabled).has-tooltip-hidden-touch::after,[data-tooltip]:not(.is-disabled).has-tooltip-hidden-touch::before,[data-tooltip]:not([disabled]).has-tooltip-hidden-touch::after,[data-tooltip]:not([disabled]).has-tooltip-hidden-touch::before{opacity:0 !important;display:none !important}}@media screen and (min-width: 1024px){[data-tooltip]:not(.is-loading).has-tooltip-hidden-desktop::after,[data-tooltip]:not(.is-loading).has-tooltip-hidden-desktop::before,[data-tooltip]:not(.is-disabled).has-tooltip-hidden-desktop::after,[data-tooltip]:not(.is-disabled).has-tooltip-hidden-desktop::before,[data-tooltip]:not([disabled]).has-tooltip-hidden-desktop::after,[data-tooltip]:not([disabled]).has-tooltip-hidden-desktop::before{opacity:0 !important;display:none !important}}@media screen and (min-width: 1024px) and (max-width: 1215px){[data-tooltip]:not(.is-loading).has-tooltip-hidden-desktop-only::after,[data-tooltip]:not(.is-loading).has-tooltip-hidden-desktop-only::before,[data-tooltip]:not(.is-disabled).has-tooltip-hidden-desktop-only::after,[data-tooltip]:not(.is-disabled).has-tooltip-hidden-desktop-only::before,[data-tooltip]:not([disabled]).has-tooltip-hidden-desktop-only::after,[data-tooltip]:not([disabled]).has-tooltip-hidden-desktop-only::before{opacity:0 !important;display:none !important}}@media screen and (max-width: 1215px){[data-tooltip]:not(.is-loading).has-tooltip-hidden-until-widescreen::after,[data-tooltip]:not(.is-loading).has-tooltip-hidden-until-widescreen::before,[data-tooltip]:not(.is-disabled).has-tooltip-hidden-until-widescreen::after,[data-tooltip]:not(.is-disabled).has-tooltip-hidden-until-widescreen::before,[data-tooltip]:not([disabled]).has-tooltip-hidden-until-widescreen::after,[data-tooltip]:not([disabled]).has-tooltip-hidden-until-widescreen::before{opacity:0 !important;display:none !important}}@media screen and (min-width: 1216px){[data-tooltip]:not(.is-loading).has-tooltip-hidden-widescreen::after,[data-tooltip]:not(.is-loading).has-tooltip-hidden-widescreen::before,[data-tooltip]:not(.is-disabled).has-tooltip-hidden-widescreen::after,[data-tooltip]:not(.is-disabled).has-tooltip-hidden-widescreen::before,[data-tooltip]:not([disabled]).has-tooltip-hidden-widescreen::after,[data-tooltip]:not([disabled]).has-tooltip-hidden-widescreen::before{opacity:0 !important;display:none !important}}@media screen and (min-width: 1216px) and (max-width: 1407px){[data-tooltip]:not(.is-loading).has-tooltip-hidden-widescreen-only::after,[data-tooltip]:not(.is-loading).has-tooltip-hidden-widescreen-only::before,[data-tooltip]:not(.is-disabled).has-tooltip-hidden-widescreen-only::after,[data-tooltip]:not(.is-disabled).has-tooltip-hidden-widescreen-only::before,[data-tooltip]:not([disabled]).has-tooltip-hidden-widescreen-only::after,[data-tooltip]:not([disabled]).has-tooltip-hidden-widescreen-only::before{opacity:0 !important;display:none !important}}@media screen and (max-width: 1407px){[data-tooltip]:not(.is-loading).has-tooltip-hidden-until-fullhd::after,[data-tooltip]:not(.is-loading).has-tooltip-hidden-until-fullhd::before,[data-tooltip]:not(.is-disabled).has-tooltip-hidden-until-fullhd::after,[data-tooltip]:not(.is-disabled).has-tooltip-hidden-until-fullhd::before,[data-tooltip]:not([disabled]).has-tooltip-hidden-until-fullhd::after,[data-tooltip]:not([disabled]).has-tooltip-hidden-until-fullhd::before{opacity:0 !important;display:none !important}}@media screen and (min-width: 1408px){[data-tooltip]:not(.is-loading).has-tooltip-hidden-fullhd::after,[data-tooltip]:not(.is-loading).has-tooltip-hidden-fullhd::before,[data-tooltip]:not(.is-disabled).has-tooltip-hidden-fullhd::after,[data-tooltip]:not(.is-disabled).has-tooltip-hidden-fullhd::before,[data-tooltip]:not([disabled]).has-tooltip-hidden-fullhd::after,[data-tooltip]:not([disabled]).has-tooltip-hidden-fullhd::before{opacity:0 !important;display:none !important}}@media screen and (max-width: 768px){[data-tooltip]:not(.is-loading).has-tooltip-text-left-mobile::before,[data-tooltip]:not(.is-disabled).has-tooltip-text-left-mobile::before,[data-tooltip]:not([disabled]).has-tooltip-text-left-mobile::before{text-align:left}}@media screen and (min-width: 769px),print{[data-tooltip]:not(.is-loading).has-tooltip-text-left-tablet::before,[data-tooltip]:not(.is-disabled).has-tooltip-text-left-tablet::before,[data-tooltip]:not([disabled]).has-tooltip-text-left-tablet::before{text-align:left}}@media screen and (min-width: 769px) and (max-width: 1023px){[data-tooltip]:not(.is-loading).has-tooltip-text-left-tablet-only::before,[data-tooltip]:not(.is-disabled).has-tooltip-text-left-tablet-only::before,[data-tooltip]:not([disabled]).has-tooltip-text-left-tablet-only::before{text-align:left}}@media screen and (max-width: 1023px){[data-tooltip]:not(.is-loading).has-tooltip-text-left-touch::before,[data-tooltip]:not(.is-disabled).has-tooltip-text-left-touch::before,[data-tooltip]:not([disabled]).has-tooltip-text-left-touch::before{text-align:left}}@media screen and (min-width: 1024px){[data-tooltip]:not(.is-loading).has-tooltip-text-left-desktop::before,[data-tooltip]:not(.is-disabled).has-tooltip-text-left-desktop::before,[data-tooltip]:not([disabled]).has-tooltip-text-left-desktop::before{text-align:left}}@media screen and (min-width: 1024px) and (max-width: 1215px){[data-tooltip]:not(.is-loading).has-tooltip-text-left-desktop-only::before,[data-tooltip]:not(.is-disabled).has-tooltip-text-left-desktop-only::before,[data-tooltip]:not([disabled]).has-tooltip-text-left-desktop-only::before{text-align:left}}@media screen and (max-width: 1215px){[data-tooltip]:not(.is-loading).has-tooltip-text-left-until-widescreen::before,[data-tooltip]:not(.is-disabled).has-tooltip-text-left-until-widescreen::before,[data-tooltip]:not([disabled]).has-tooltip-text-left-until-widescreen::before{text-align:left}}@media screen and (min-width: 1216px){[data-tooltip]:not(.is-loading).has-tooltip-text-left-widescreen::before,[data-tooltip]:not(.is-disabled).has-tooltip-text-left-widescreen::before,[data-tooltip]:not([disabled]).has-tooltip-text-left-widescreen::before{text-align:left}}@media screen and (min-width: 1216px) and (max-width: 1407px){[data-tooltip]:not(.is-loading).has-tooltip-text-left-widescreen-only::before,[data-tooltip]:not(.is-disabled).has-tooltip-text-left-widescreen-only::before,[data-tooltip]:not([disabled]).has-tooltip-text-left-widescreen-only::before{text-align:left}}@media screen and (max-width: 1407px){[data-tooltip]:not(.is-loading).has-tooltip-text-left-until-fullhd::before,[data-tooltip]:not(.is-disabled).has-tooltip-text-left-until-fullhd::before,[data-tooltip]:not([disabled]).has-tooltip-text-left-until-fullhd::before{text-align:left}}@media screen and (min-width: 1408px){[data-tooltip]:not(.is-loading).has-tooltip-text-left-fullhd::before,[data-tooltip]:not(.is-disabled).has-tooltip-text-left-fullhd::before,[data-tooltip]:not([disabled]).has-tooltip-text-left-fullhd::before{text-align:left}}@media screen and (max-width: 768px){[data-tooltip]:not(.is-loading).has-tooltip-text-centered-mobile::before,[data-tooltip]:not(.is-disabled).has-tooltip-text-centered-mobile::before,[data-tooltip]:not([disabled]).has-tooltip-text-centered-mobile::before{text-align:center}}@media screen and (min-width: 769px),print{[data-tooltip]:not(.is-loading).has-tooltip-text-centered-tablet::before,[data-tooltip]:not(.is-disabled).has-tooltip-text-centered-tablet::before,[data-tooltip]:not([disabled]).has-tooltip-text-centered-tablet::before{text-align:center}}@media screen and (min-width: 769px) and (max-width: 1023px){[data-tooltip]:not(.is-loading).has-tooltip-text-centered-tablet-only::before,[data-tooltip]:not(.is-disabled).has-tooltip-text-centered-tablet-only::before,[data-tooltip]:not([disabled]).has-tooltip-text-centered-tablet-only::before{text-align:center}}@media screen and (max-width: 1023px){[data-tooltip]:not(.is-loading).has-tooltip-text-centered-touch::before,[data-tooltip]:not(.is-disabled).has-tooltip-text-centered-touch::before,[data-tooltip]:not([disabled]).has-tooltip-text-centered-touch::before{text-align:center}}@media screen and (min-width: 1024px){[data-tooltip]:not(.is-loading).has-tooltip-text-centered-desktop::before,[data-tooltip]:not(.is-disabled).has-tooltip-text-centered-desktop::before,[data-tooltip]:not([disabled]).has-tooltip-text-centered-desktop::before{text-align:center}}@media screen and (min-width: 1024px) and (max-width: 1215px){[data-tooltip]:not(.is-loading).has-tooltip-text-centered-desktop-only::before,[data-tooltip]:not(.is-disabled).has-tooltip-text-centered-desktop-only::before,[data-tooltip]:not([disabled]).has-tooltip-text-centered-desktop-only::before{text-align:center}}@media screen and (max-width: 1215px){[data-tooltip]:not(.is-loading).has-tooltip-text-centered-until-widescreen::before,[data-tooltip]:not(.is-disabled).has-tooltip-text-centered-until-widescreen::before,[data-tooltip]:not([disabled]).has-tooltip-text-centered-until-widescreen::before{text-align:center}}@media screen and (min-width: 1216px){[data-tooltip]:not(.is-loading).has-tooltip-text-centered-widescreen::before,[data-tooltip]:not(.is-disabled).has-tooltip-text-centered-widescreen::before,[data-tooltip]:not([disabled]).has-tooltip-text-centered-widescreen::before{text-align:center}}@media screen and (min-width: 1216px) and (max-width: 1407px){[data-tooltip]:not(.is-loading).has-tooltip-text-centered-widescreen-only::before,[data-tooltip]:not(.is-disabled).has-tooltip-text-centered-widescreen-only::before,[data-tooltip]:not([disabled]).has-tooltip-text-centered-widescreen-only::before{text-align:center}}@media screen and (max-width: 1407px){[data-tooltip]:not(.is-loading).has-tooltip-text-centered-until-fullhd::before,[data-tooltip]:not(.is-disabled).has-tooltip-text-centered-until-fullhd::before,[data-tooltip]:not([disabled]).has-tooltip-text-centered-until-fullhd::before{text-align:center}}@media screen and (min-width: 1408px){[data-tooltip]:not(.is-loading).has-tooltip-text-centered-fullhd::before,[data-tooltip]:not(.is-disabled).has-tooltip-text-centered-fullhd::before,[data-tooltip]:not([disabled]).has-tooltip-text-centered-fullhd::before{text-align:center}}@media screen and (max-width: 768px){[data-tooltip]:not(.is-loading).has-tooltip-text-right-mobile::before,[data-tooltip]:not(.is-disabled).has-tooltip-text-right-mobile::before,[data-tooltip]:not([disabled]).has-tooltip-text-right-mobile::before{text-align:right}}@media screen and (min-width: 769px),print{[data-tooltip]:not(.is-loading).has-tooltip-text-right-tablet::before,[data-tooltip]:not(.is-disabled).has-tooltip-text-right-tablet::before,[data-tooltip]:not([disabled]).has-tooltip-text-right-tablet::before{text-align:right}}@media screen and (min-width: 769px) and (max-width: 1023px){[data-tooltip]:not(.is-loading).has-tooltip-text-right-tablet-only::before,[data-tooltip]:not(.is-disabled).has-tooltip-text-right-tablet-only::before,[data-tooltip]:not([disabled]).has-tooltip-text-right-tablet-only::before{text-align:right}}@media screen and (max-width: 1023px){[data-tooltip]:not(.is-loading).has-tooltip-text-right-touch::before,[data-tooltip]:not(.is-disabled).has-tooltip-text-right-touch::before,[data-tooltip]:not([disabled]).has-tooltip-text-right-touch::before{text-align:right}}@media screen and (min-width: 1024px){[data-tooltip]:not(.is-loading).has-tooltip-text-right-desktop::before,[data-tooltip]:not(.is-disabled).has-tooltip-text-right-desktop::before,[data-tooltip]:not([disabled]).has-tooltip-text-right-desktop::before{text-align:right}}@media screen and (min-width: 1024px) and (max-width: 1215px){[data-tooltip]:not(.is-loading).has-tooltip-text-right-desktop-only::before,[data-tooltip]:not(.is-disabled).has-tooltip-text-right-desktop-only::before,[data-tooltip]:not([disabled]).has-tooltip-text-right-desktop-only::before{text-align:right}}@media screen and (max-width: 1215px){[data-tooltip]:not(.is-loading).has-tooltip-text-right-until-widescreen::before,[data-tooltip]:not(.is-disabled).has-tooltip-text-right-until-widescreen::before,[data-tooltip]:not([disabled]).has-tooltip-text-right-until-widescreen::before{text-align:right}}@media screen and (min-width: 1216px){[data-tooltip]:not(.is-loading).has-tooltip-text-right-widescreen::before,[data-tooltip]:not(.is-disabled).has-tooltip-text-right-widescreen::before,[data-tooltip]:not([disabled]).has-tooltip-text-right-widescreen::before{text-align:right}}@media screen and (min-width: 1216px) and (max-width: 1407px){[data-tooltip]:not(.is-loading).has-tooltip-text-right-widescreen-only::before,[data-tooltip]:not(.is-disabled).has-tooltip-text-right-widescreen-only::before,[data-tooltip]:not([disabled]).has-tooltip-text-right-widescreen-only::before{text-align:right}}@media screen and (max-width: 1407px){[data-tooltip]:not(.is-loading).has-tooltip-text-right-until-fullhd::before,[data-tooltip]:not(.is-disabled).has-tooltip-text-right-until-fullhd::before,[data-tooltip]:not([disabled]).has-tooltip-text-right-until-fullhd::before{text-align:right}}@media screen and (min-width: 1408px){[data-tooltip]:not(.is-loading).has-tooltip-text-right-fullhd::before,[data-tooltip]:not(.is-disabled).has-tooltip-text-right-fullhd::before,[data-tooltip]:not([disabled]).has-tooltip-text-right-fullhd::before{text-align:right}}span[data-tooltip]{border-bottom:1px dashed #dbdbdb}span[data-tooltip].has-tooltip-white{border-bottom-color:#fff}span[data-tooltip].has-tooltip-black{border-bottom-color:#171717}span[data-tooltip].has-tooltip-light{border-bottom-color:#fff}span[data-tooltip].has-tooltip-dark{border-bottom-color:#424242}span[data-tooltip].has-tooltip-primary{border-bottom-color:#183691}span[data-tooltip].has-tooltip-link{border-bottom-color:#5b70cd}span[data-tooltip].has-tooltip-info{border-bottom-color:#0096f0}span[data-tooltip].has-tooltip-success{border-bottom-color:#5eca77}span[data-tooltip].has-tooltip-warning{border-bottom-color:#f1bf33}span[data-tooltip].has-tooltip-danger{border-bottom-color:#e8003e}.control span[data-tooltip]{border-bottom:none}.token.tag,.token.content,.token.number{display:inline;padding:inherit;font-size:inherit;line-height:inherit;text-align:inherit;vertical-align:inherit;border-radius:inherit;font-weight:inherit;white-space:inherit;background:inherit;margin:inherit}.highlight{position:relative}pre{max-height:600px;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}pre::-webkit-scrollbar{display:none}pre[class*=language-]{margin:inherit}.content pre{padding:0}.highlight pre{background-color:transparent;border-radius:6px;max-width:100%}@media screen and (min-width: 1024px){.highlight pre{max-width:calc(100vw - 400px) !important}}.theme-colors li{display:flex;align-items:center;margin-bottom:4px}.theme-colors li .color{display:flex;align-items:center}.theme-colors li .color .color-preview{display:block;width:15px;height:15px;border:1px solid black;border-radius:3px;margin-right:7px}.theme-colors li .color:hover>.color-title,.theme-colors li .color:hover>.highlight{opacity:0.65}.theme-colors .highlight{padding:0;margin:0 5px}.theme-colors .highlight pre{margin:0;padding:0;display:flex;align-items:center}.theme-colors .highlight pre code{padding:0 5px;color:black}@use "sass:list";.button.is-white.is-outlined:not(.is-active):hover{color:rgba(255,255,255,0.65);border-color:rgba(255,255,255,0.65);background:transparent}.button.is-black.is-outlined:not(.is-active):hover{color:rgba(10,10,10,0.65);border-color:rgba(10,10,10,0.65);background:transparent}.button.is-light.is-outlined:not(.is-active):hover{color:rgba(246,248,251,0.65);border-color:rgba(246,248,251,0.65);background:transparent}.button.is-dark.is-outlined:not(.is-active):hover{color:rgba(54,54,54,0.65);border-color:rgba(54,54,54,0.65);background:transparent}.button.is-primary.is-outlined:not(.is-active):hover{color:rgba(20,46,123,0.65);border-color:rgba(20,46,123,0.65);background:transparent}.button.is-link.is-outlined:not(.is-active):hover{color:rgba(72,95,199,0.65);border-color:rgba(72,95,199,0.65);background:transparent}.button.is-info.is-outlined:not(.is-active):hover{color:rgba(0,134,214,0.65);border-color:rgba(0,134,214,0.65);background:transparent}.button.is-success.is-outlined:not(.is-active):hover{color:rgba(75,196,103,0.65);border-color:rgba(75,196,103,0.65);background:transparent}.button.is-warning.is-outlined:not(.is-active):hover{color:rgba(239,183,27,0.65);border-color:rgba(239,183,27,0.65);background:transparent}.button.is-danger.is-outlined:not(.is-active):hover{color:rgba(206,0,55,0.65);border-color:rgba(206,0,55,0.65);background:transparent}[data-tooltip]::before{font-weight:600;font-size:0.9em !important}.is-success[data-tooltip]:before{background-color:rgba(0,128,0,0.9)}.box-live-example .buttons button.button,.box-live-example .buttons button.button.is-active,.box-live-example .buttons button.button:hover,.box-live-example .buttons button.button:focus{border:1px solid #cbd2db;border-bottom:none}.box-live-example .buttons button.button:last-child,.box-live-example .buttons button.button.is-active:last-child,.box-live-example .buttons button.button:hover:last-child,.box-live-example .buttons button.button:focus:last-child{border-right:none}.box{border:1px solid #cbd2db}.box-live-example{padding:.866rem;background-color:#fff;position:relative;border-radius:6px}.box-live-example button{border-radius:0;border-bottom:none}.box-live-example button:first-child{border-top-left-radius:6px}.box-live-example button:last-child{border-bottom-right-radius:6px;border-right:none}.box-code{padding:.866rem;margin-bottom:0;border-top:1px solid #cbd2db;border-bottom-left-radius:6px;border-bottom-right-radius:6px;background:#f6f8fb}.box-live-example .buttons{position:absolute;bottom:0;right:0;border-radius:0;border-top-left-radius:6px}.box-schema{padding:.866rem;border-top:1px solid #cbd2db;background:#f6f8fb;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.tag:not(body){font-size:.833rem;height:1.866rem;padding-right:.866rem;transition:all .2s}a.tag:not(body):hover{text-decoration:none;background-color:#C9E0F5}.tag.pill{height:unset;line-height:unset;padding:1px 5px}section.resources>div>article.block>.content h4.title{margin-top:1.8rem;margin-bottom:0.9rem}section.resources>div>article.block>.content .highlight{margin:0;background-color:#f5f5f5}section.resources .content.apps p img{max-width:600px;margin:0 auto 40px;display:block}.resources .block:not(:last-child){padding-bottom:3rem}h2 a.is-link img{height:16px;width:16px;margin:0 .57733333rem;opacity:0}h2:hover a.is-link img{opacity:1}.codelibrary-content{padding-left:1.5rem;padding-right:1.5rem}@media screen and (min-width: 1024px){.codelibrary-content{padding-left:.75rem;padding-right:2.25rem}}strong{font-weight:600}.js-tablist__item{height:auto}.js-tablist__item.button.is-active{background-color:#142e7b;color:#fff}.js-tablist__link{color:inherit}.js-tablist__link:hover{color:inherit;text-decoration:none}.js-tablist__link:focus{outline:0}.js-tablist__link,.js-tablist__link:hover{color:inherit}.js-tablist__link:focus{outline:0}.js-tabcontent{display:none}.js-tabcontent.is-active{display:inherit}.icon svg{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none;height:100%;width:100%}.button .icon,.button .icon.is-small,.button .icon.is-medium,.button .icon.is-large{height:1em;width:1em}.button.is-rounded{padding:calc(1em + 0.2em)}.button.is-rounded:first-child:last-child{margin-left:calc(-1em - 0.25em + 1px);margin-right:calc(-1em - 0.25em + 1px)}.box-schema table{border:1px solid #DEE5EF;box-shadow:0px 0px 7px #cacdd2;margin:13px 0 0;table-layout:fixed;font-size:0.85em}.box-schema table th{padding:6px 9px;font-weight:600;background-color:#F2F3F8;border-width:1px !important;overflow:hidden;text-overflow:ellipsis}.box-schema table td{border-top:1px solid #DEE5EF;vertical-align:top;background-clip:padding-box;background-color:#FFF;position:relative;padding:6px 9px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:180px;min-width:80px;width:100%}@media screen and (max-width: 1216px){.navbar-menu{box-shadow:none}}.navbar-brand .navbar-item{margin-right:0}@media screen and (min-width: 1024px){.navbar-brand .navbar-item{margin-right:4.3rem}}@media screen and (max-width: 1024px){.navbar-brand{justify-content:space-between}}.ods-header-logo{margin:auto 0;display:flex;align-items:center;outline:none}.ods-header-logo img{height:77px;width:140px;vertical-align:middle}.ods-header__brandname{min-width:130px;color:#565656;font-size:18px;font-weight:200;line-height:27px;letter-spacing:.8px;padding-left:13px;border-left:1px solid;margin-left:13px;text-align:left}.ods-header__nav{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-left:65px}@media (max-width: 1024px){.ods-header__nav{display:none}}.ods-header{display:flex;position:fixed;height:80px;width:100%;top:0;left:0;z-index:50;background-color:#0086D6;justify-content:space-between;background-color:white;color:#565656;box-shadow:0px 0px 13px 0px rgba(0,0,0,0.13)}@media (min-width: 1024px){.ods-header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;align-items:center;-ms-flex-align:center;-ms-flex-pack:start;justify-content:flex-start}.ods-header__brand{width:100%;justify-content:space-between;display:flex;height:100%;margin:auto 0;width:auto;padding-left:39px}.ods-header-logo{padding-left:39px}.navbar-menu{display:none}}.ods-header__nav-item-link{background-color:transparent;color:#565656;border:none;padding:8px;border-radius:4px;text-transform:uppercase;outline:none;font-size:14px;font-weight:300;line-height:27px;letter-spacing:0.8px}.ods-header__nav-item-link:hover,.ods-header__nav-item-link:focus,.ods-header__nav-item-link:active,.ods-header__nav-item-link.active,.ods-header__nav-item-link.is-active{color:black}button{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;cursor:pointer;line-height:normal;-webkit-appearance:button;*overflow:visible;padding:13px;cursor:pointer;border:none;background-color:transparent}.navbar-burger{height:auto;align-self:center;border:none;background-color:transparent;padding:8px;border-radius:4px;font-size:.833rem;line-height:1.4;margin-left:0}.navbar-burger:hover,.navbar-burger.is-active{background-color:transparent}.navbar-menu.is-active{display:flex;flex-direction:column}.navbar-menu{position:fixed;top:80px;right:0px;height:100%;width:300px;padding-top:39px;background-color:white;z-index:1000;transition:0.5s;overflow-y:scroll;-webkit-overflow-scrolling:touch;border-left:1px solid #DEE5EF;color:black}.navbar-menu .ods-header__nav-item-link{margin:26px auto 0 26px}.navbar-menu a{border-bottom:3px solid transparent}.navbar-menu .ods-header__nav-item-link.is-active,.navbar-menu a:hover{color:black;font-weight:400;border-radius:0;border-bottom:3px solid #082645}.sidebar{position:fixed;top:5.3rem;z-index:10;display:none;padding:0 1.733rem;padding-top:4.3rem;border-bottom:1px solid #dee5ef;height:100%;background-color:#fff;font-size:.8rem}.sidebar.is-active{display:block}@media screen and (min-width: 1024px){.sidebar{position:sticky;display:flex;flex-direction:column;width:280px;flex-basis:280px;border-right:1px solid #dee5ef;border-bottom:none;height:calc(100vh - 5.3rem)}}@media screen and (min-width: 1024px){.sidebar-content{height:auto}}.sidebar-search{position:fixed;top:  5.3rem;left:1.733rem;background:transparent;z-index:100;height:4.3rem}.sidebar-header{padding-bottom:.866rem;margin-bottom:.866rem;border-bottom:1px solid #cbd2db}.sidebar-body{overflow:auto;height:100%}.sidebar-logo-link{margin-top:1.733rem;margin-bottom:2.6rem;display:inline-block;transition:all 0.2s}.sidebar-logo-link:hover{opacity:0.7}.sidebar-logo{width:145px;height:auto}a.sidebar-subtitle{color:#0a0a0a;padding-top:8px;padding-bottom:8px}.search-wrapper{position:relative;min-height:100%;margin:1.5em 0}.search-results-wrapper{position:absolute}.menu-list{margin-top:.866rem}.menu-label{background-color:#f6f8fb;border-radius:6px;padding:6px}.menu-list a.is-active{position:relative;display:flex;justify-content:space-between;align-items:center}.menu-list a.is-active::after{content:"";background-image:url("/img/arrow-right-line.svg");background-size:12px 12px;background-repeat:no-repeat;width:12px;height:12px}#algolia-box{position:relative;z-index:0}.ais-SearchBox-form{margin-top:3px}.ais-SearchBox-input{font-size:.8rem;border:1px solid #c4c8d8;border-radius:6px;padding-top:0.5rem;padding-bottom:0.5rem}.ais-SearchBox-submitIcon{width:12px;height:12px}.ais-SearchBox-submitIcon path{fill:#4a4a4a}#algolia-results{position:absolute;width:500px;box-shadow:0 3px 6px -1px rgba(0,0,0,0.2);border:1px solid #c4c8d8;border-radius:6px;background-color:#fff;overflow:auto;z-index:1;margin-top:5px;display:none}#no-results-message{margin:13px}@media (max-width: 600px),(max-height: 400px){#algolia-results{position:inherit;width:100%;max-height:inherit}}.ais-Hits-list{margin:0}a.ais-Hits-item{color:#4a4a4a;width:100%;box-shadow:none;background-color:inherit;border:none;border-radius:0;padding:13px;margin:0}a.ais-Hits-item:hover{background-color:#f6f8fb}a.ais-Hits-item mark.ais-Highlight-highlighted,a.ais-Hits-item mark{background-color:#e6f0fa}a.ais-Hits-item .hit-head .hit-section{font-weight:500}a.ais-Hits-item .hit-head .hit-separator{margin:0 3px}a.ais-Hits-item .hit-head .hit-title{color:#0086d6}a.ais-Hits-item .hit-content .hit-summary{color:#565656;font-size:0.9em;font-weight:400;margin-top:3px;margin-bottom:-5px}a.ais-Hits-item .hit-content .hit-tags{font-size:0.7em;opacity:0.8;font-weight:400}.ais-SearchBox-input{margin-top:3px;border-radius:6px}.ais-SearchBox-input:focus,.ais-SearchBox-input:hover{border:1px solid #0086d6}.ais-SearchBox-input:focus{outline:none;box-shadow:0px 0px 0px 3px #cae0f5}.algolia-docsearch-footer{border-top:1px solid #f6f8fb;text-align:right;font-size:12px;padding:3px 6px 1px 0;color:#4a4a4a}.algolia-docsearch-footer .algolia-docsearch-footer--logo{display:inline-block !important;width:45px;height:16px;text-indent:101%;overflow:hidden;white-space:nowrap;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAAAoCAYAAAA2cfJIAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAZYUlEQVR42uWceZxU1bXvv2ufc6qqa+iJHpihoRlkEFFAJQ5oBI04xTnxxvsEfZqYmMTc3JjEFzO/l7wkN/EakxuTe02ucQjGIWhExQAOKBEVFJC5GbqBBnquoWs4e70/quiuBoyA4PB5v8+nPt119j5rr73W2tNaa5fwvqMfg06qp6OxpT/IuaDHASeArM4kO75ZOmh89961i95/to4hKupOIpvsGAoyq6e/yuJsousH0z87zy76yRkfGG/u+9/kcdjcKpDqiQI/UqUaMECzqlUTKPnAhHGsIMYBkVOBH6OUA4KwQt0MWa/zgPqlg8djs90RkHECjlp9+5RPze1YeOc3jjpv5v0Xh4uSBRVHlVAvDwqqoPb9Z+n9gQOEACn0FoNg3GBRlYFUjRmLzXZXiJgfAU8qPCGO+dUrD/1ucM1xZx51pg55BqgYPpVssq0eYRZ5pRmETeJnnonW1GV3rl5y6K2qHAsBfzShRf+PWkQ2MQskMFPhOiAMoMoVIC8bp+Tfj3bzh2QANcfPoqNxlesFIjehfDnPtQiwXp3AJ7sTXW9/0HI82vjPudrn+5zfvQ9Gu2EMDDgONNcfNNRboC4wcNeqBUJfk3nPOCQDyHa14AXCxwGXgBZN2YwSkcuTzQ3fH37qNbrl5T8eeyG9D7jlLmXOKV9n1tq5RsrcSVidcu6Fm5xCsQBdqv7z8Uj/bS/9LMaVc2DelUfHQJxQBD/RvhKRZtAB+RalXeDvlcOnaOuW5Ue1r+9qAHUzbqRx+SMmGC2/HNW6/YqNwhVeab8/tu9YvhkGA41HlcH3HaqMengTM1fPwVS4J4s491hyYxCKNCy+iLsgnNx5wyev2r579+Cao9Z8qGII3R17Xjaedysin0bxUB5TdIEEAke9u++6CWzbvIxguKwO5dKi+r3TkDIW5ILhZzZz2hdOJ28EH11c+0f4/HUjSQwV1PfPUeuPFZEUSieqHSImDoiInGEcb5wbjSGJzvfc7j7seP1RkHDG5oIP2Zxeo75e5Se777FpP9WyfulR7+8/nAHOuPVl2pofo2Hhn2cDYwqP08BzIKeCVoB6iFy5fkG/hwKRN5ohctSZPKaYut/3p4A4VPy1VLKndr6GtbdiTAMiHSgWiIIOxjijjWpn6gRDZPHRPU0nW96G/CDrOtbd/wec9+etR/+ZdMKvdYy5QlU9AEQasPYORL4NzC5UnmxEzjYSewBePdY898HQM/8XzSv+yzFuOGhEjEVV1beaS2TTHZpzgoKf3tX3Jc1PYOcv+jO5vWNKcMT1NRt/7vIT9A83wx/uA6jRj9237q+2O06wbEDQM8EgiFibyaWCsVSgq1XcYLmOq9/Az0bNKOjrgzvduJEouUScYMVg1zHhoBjfRazBilrrZnN+OiXi2Ez75r7vvTPJXWDDGHHOVJhcVDA/vnv3a9Ha/g8j8nFUQ6iGQa7q7tzzREXdtK62hr8f087GakehNhtC3LGtax+Y5oVCE0CrRTQo4INJ40Y7vRCNwCYYuVEt262vHanWzenqT9/FlOvm4qdOPNGEzC2IVIufvffkh1Y+4rVM8s0vX5VgbVm5KR10kkbtqeK6Y0WcKlDXIdzlZrPbKSl9TTW3dOX9VQ3nP7ot+9enbwEuhl8//p76VjpoPH4mGTTGPUOhMv9UkwqLA5GKrrbNvQNsyGlXsf3Fh4jW1teAnEhUxwH1IlqjmBhqPFxyjmq743mbQZZ6tSOX0tW2N5Fs/ccGUDXqY6Tad0TF4UpUC/O67ET1kcoRNZqJ+wsRZzVwUuGV04zjTkVzf+OoH1byKKkcSi7dbVR1qjjejarMBGpBPdB9A7sYCpICusRIo2O4NxSr//XQyyflbKJpKMb5hVr/NDHOdhSiW3dZb0w0ilTNBpmjaqeJSKnmcgb8whjXwiFY0iJmmxuNPOLb3L2XzLpjXaBzsv7pV/LeJgK1gEQQvilwsoKisg30QnHcPkvCphceJCAPAcxF+AYqJaCOFguir0y6RMwrxCp/HAmE/jZ4yqX2HTaBc7C5JoxxJwOn9zwWllibe9MrH0e8dWcTML+3Ce2HyKWZrr1ezdgZR1n13yI2qAZxI8FgtOwGRB5U1etAB+eV/44Q0HDBSE4CTjROwOnvjAPHPU5EJiE0qfVvefqT9fOc+hHDEOenqtxj/dws9f1y1cKxV8SKiN8jV98Pqu+PQvWr4pgHu53yyzpia70L3mpn6qj/c+T6V0VEQHE1P7uWgAaQwvMiBEQoHTgWoAslDOq8C/UYqjMRuceEoue1t7168BmgamIjnY1ZNxD0LkG1cMaRBMqjwYiTbN8xjsphb2omzhOI3IDqoIK0z8UN1PuZ1FF0DF1I/4m/pmvXYMdx4jeo8n3QsiIdJ4ANCBtR7QIRhBKgFtVRwEB6x6QiQCyNdukW43mr8HP3Lbiy7rFZj64fLZi71PrnqLWCCGKchBizSq1drmo3i5i0Qo1x3ImqOg21A9X6RtVOEmN+JV6oX2rdjt9VPDU3N+POiSy+c/bhdraX04POovs/qMMLQ7pLtiM0oLITaADdDXQAPlAFMgk4GQozuepwFe6Ib29Zf1AD8ONtBLyS4SifKHq8Guu/4AZjpLfcSWzMVGxu6xrjBZ4HPpWny3CQ86dNP/ftzR+7nnV/uOE9q1/1L1SNPAlx4meCfr2P8kWWg/4MX5+31rarZrKiIiqeI0Y845gLQX4FGi2W7yVnf4//fvCmjbFA9fUEQ1s/MW9LlVX7v9X6M7EKIirGvAryC5tJP5dOJlsGjZ+c27n+dbC+MV5JqQmU1Dli5iL8k6otU9+vEs/5bjBWsSf4dPsjY7aW0KXKa3KY68FhLZ1dlNeNZNeKLUvFyKVqbaP1bTKXbk0bE1DHi4HvGwl65WK4CuTbPQNamSQil+23BAwAyvEG14IwE9GRvWzpU90t23Z9Z+0KIMXedc8TjLkplL+AJAvVXIQLlzzzx6rdL93znpUPUDX6dFLxjlLQL6jqwCLlv4Ll+rIRuQes7zQlWxoSqdamTLKtMZ1qbUgGwqUdIHvJj4JeCDTt+TXPXz3Jz8X3rOlu6+jGyI3AhagixlhjnIdtLvtPT1980/3ZbK55yWcG5e7/13amXH4iTklsgBsM32HEDPf9zO3AF8U4OwBsLlujNnd7d13J6PU3D2G5AJ536J09bOxl07MLSezZuCfevOHNxJ5NranWhu5sokPTXXtItm4m2bHVgtPqZ4K/Ae4GyRV0FUQ4Zz8DqKRyRBWJdevKEbkYJVAQdjOwoGzEUP2czNinGpAAqvoiwtoeEqonGmS6+hmOG3PBe+6izXVjxEwFekNhIntA7jABb+XMf2kg2br+gPecYI8/4oAh6CpUn/UNSgcNwy3xxqn1r1M/5yGCiFmovv+VcDCyAX2aRVePB2r40mk/Z+XCNI4TOEHEXA/83vFC31PrLxBjviWO24UqNpOZpL7/mVRLyrn58dcpm3g6HzQSu5sIlTo+1j4K7CwqGtvHAAaxGuiHiE5FdVpR0SvW2lUqA4B9Ub+9DDhlLqn43h3A00V1Y8Al2c6W4F7teE+M3/iI0tawXEDPQrWip0B5VnP+CyUxuPfSusOmmwP27BxKZ8M9guolau0IAHHcHVb5fjBStf3xBzYz/t9eBhGumAcP1K4g/tjdgjJdrY2qn4up9T9rgqHvKMwXkXliDGqtUet/MhgKDl3tD6CsuvQYq/dQYLC5LKrahLC9V45aVWQA45FTq0m07vZALgT2CTwNPBmN1cZbN7zUh+yaBx6jfEClRfWp/KgsQGQGXnBULpd+T2z/+WsfI1I1PCIiE4oeZ0D/5oa8VPPba4Ath003lYGZt52NLbmwTIx7pqqKiEFUF3R3tfx97GnlDK5czupbpwOw/eUWzpz5faLnzC4Tx5mm+3IWFB+oEzEl6tvf55ccBagzxp0SC2SpTFcdO73uh3CsikgoSEllfTBcXV8WqRlRGakZ0S9S3a88nUgFRcgJFPutvSIDWE1i11DcgAwDnVlUaauqXWK9g+0XX0ScANbqSrTIBagMEeTcqSefxdg5DxxxhzKpTtSYEs3v5PchAWwqqQwAg46IrgnmaSPOAOtnx6CKOCalsLCielj6xxGhcXHvHsaOfJLcrgmI54xUayeIiBXHXYHwlVy6+7qn7aptvs2uwphViIDasFo76YkLhrFicVshcn7sMPik04lUjYiYkvJTpWzIrY4ndxtHHhTj/EXEmS+OO88NuL9FzFf3k+W+Y+AoYD3BwHSyKXM2yoieGiLPWatbUu07D9p4+94EpaFoZ9bP/QXkHNBAPn4tF7y08E/3BmOLW460YyIGgVCvIwqADKqdqv2BN4+IbrwFTEUN4vq1ohpR30etTaCyeVeykc89qdw9O6+0KarMkWt5+I+X4cacaWKcVpvL/lKtvT/WnGlI9XO1fl0YOyQedxxvMzBDVRHHHTTroeXBdU2j0113zzwiPt8Nn16izLugv7Q17jpZHOdLoGcB/UCdPqeJ4tCd9nWXufueV44eTUerLXWMuTCvRAByKOWOyM2AidbWH5SRrJ+1wFAgA/s2jkwW40wVIwu8YJhsOnnYHRRVjB6YQKSgao/c1ZhSKNOhdMuWIIhRfNSqr6rJcP8sTQt66w6YP5/77/sDIW+la3ORTeLop2yW1dbDf/im47j6wUVs+OpZ1D38uq/WT+QZFwQJ+b6YsrKuYxLROeuRHPefKUT7jzof+LeCz6NYelmENIpfCGV7qAbZLwJcMIBa8HfiGHM8cHLfcr0KuPoQeOobDVEtQ2R2vLXxuX7jZ2Z3vX74PnJxPTRNWpCU9ppxQERKHW8P+dlsx2HTLfGhK7gV12o3hQVdjLggkYQOo676jZ668y+6iEu2Kevv9v3SsfGFmhO77PoT8vwBs6NJTvjN97GVV7uOY6JqbUEYmhIcv2Xv+sPm71Cw4tZpxPqPGqvwgz7KF2lE9WnQV0F2A0lUXNAyhTEC/4P8YAUKBjBfX+SicMRESgedB1q9X1uHmjh6kIVOP+56oaHZeMumI+mkCYaxibZuIzT36F8kguqIZGt2yZEoHyASBF934+YqmjHSBVSIMRFU62vD5pUXbpnM5AnKG6vyXXpsqFCYOvNczNWedT2Ubaei+kpEbVTErVcsIoJaf3v605MyTUyisv5oZjoH+Gbnw/yg9CKitfWXA8f3akBWoHw5l9WlXjia6Wpc2VMUra1H0JiImaqqPQZgoB/XjhxHONq/P8K5RS2lEVkuIi+IyIuH8kFkKUhrkU2MEDjTPcJMlvrz/5VMsiOB0utaVg2AfDyX7C7pP/EE3jkB5Z2XiEwQwh0RfHI7xXHWIoL6fkjEzEqvbQ2ZZc8z4/L9XhLp+wGu+NPvGZh8iYAZjnGcyWrthLwzyUmIyMrSZ3cwetJQDhal6qV7uFIZyG+mXkOkalQMkak9FESSKD8xmMVuONhH+RChpLwc1B7QmikbfhPYbsSY6YVLC/s6/Kqqvcpa/2L1D+lzkVp7MTCvSFlBRGZ37twcrayf/u59y/vfe76+9YebKa0d4YMuQaR4KZ0ljpmRbIlTNrD6QDoOaC5HQfIHSL/Uh78yn2cvu6RDrV0kYmxhgJ9rosHTRrXUM+CmLgb+5CX+EcIddawpOxnYHhUx16G2AhEU3ahql+/V3WRCwXd8X9Wqf9h7ox10d/UHYz10X7gYUI2r6mo3FibeuH9aXuIdY2amJHY/6S4niMhstCedR4FnEs2bNocqh7TF2ze3xve82yfW5gbYC/wV+ijrFMd1x6nfSD5ynAU8DhwW4rqBEuM4SQrZ0CRbtoNxsNZfCrxSJLpqhO9Zn1M6WtZISb8hPSUhIDJsMslkcwgYUWisD9wIjLw3zZmPP4KIPC5iNgCo79egens23T3ylQ1pdvzLdJhxkBhzVNGosnn4YMJWXMHMVdVLCpE8K2L+nNy7rrF+5gm0tfSMxD6EBDxfQ6ZsrM/hZlEZxwW1ivRxczsCIcEhvxffj+d3opVJ1WJcRgBF95NkN8rCiroptKxdktfZu2I7TiAI1r4KfVzD/UFmtTVs4xN3zQZW4qdHA9oN9N4CEYY6XjDS2bQd6B0VrRuXEY5VtAB39VleVE8Cfh8tH3Kb4wSmRWpGDIrUjBzk1Iw8XhJdV7vi/QbkO4Vw8AFob2vFDeyGYGQdRn4rjptRVVTtGQi/iO9umzD9209yzk1rChdWFFpb4eMfR77wDc67bzMlcY1mNftZRb+p1g8jgjHucrLZ+6IjZtj/Bjo2bkTEgNJNcVxCZHgwHAu/eNsXYeDhuIvDhPtZbI5utM8mqAwjM7p2xU2kZkjfVzzQbO6gy41rog50cTZK8VvLrfVX62EtUK1MuvF1Ft8+sTlSWfs3erPtDMKsSPWo/1j2s4f3QIBsOouq3SliOtjncVQ9EeRmVfufJf1GtFiyKcFod0s1TqQd2ykLHFd+pvD1Ir/AaOC7iHxZkBbyhl4OlBXi4+/Ibcuqlew67+eMu3OVjQ+L/k6MTMKYawqh4PON6w6OTR73a+tnnzr7T2/sSia2pqPRoZjP/l8nZ72oqp1kHHeOWnuZWj8KYFxvhzHOt8tKyhvuPyvC+DXFLWoTSgrIRyaV0wXm5Aj+KdK9vl1Lq7rFCR3C2bYdcWZSMbwj1bmzYSkqVxTuDbjA5wORXELRx8P9RrX4NpkVzamIkVTnXmNcJ8Z+M6KbbGwuN458omeREMmh+kzpqPrOXUufOQwDgEVfG07lyGk2k2h9FuV/Fin3eBGmILGnDGtw3XFk/dYmcZ1lig7vMW30NhG50vHMk8byXSdQEu9mOc1vQdmQ8RmbTf9ckJSKfAnVfQbrAtWFTx+JAykovn7WF+PnQe2gCTTp6raUH7odI2ExzsVqfcdaf5KI+blxvM8Zp/yNUi+6BZFukFov4ByH2snq+1WqPbkDTah+HVefWbZ8Oz86p4yvjc8PILU51OY2iOOtRPWcAnvlID80Rq4j4DxspfQnkep0d/chhE92vLaMypHlCDIf4RpVPaUg50HAjwVzo3isM1rSRn6WdRAJAtWqPRlc+dFpHKaA9ubGKk2qLErvbDss5ecxCuPEUcsbIrKiqKAM4ROJ5l3e0FP7ke0MU1I9KKEi/yFithTVCwHjBEaozWogUt5T0LF9NYKb8DPpO1G9CuSXIKsQaUMkBZIp/G0H1iDcDXyv735E8X1fTTlAmnlXCs9tXcwbr+4hFqnZqpr7vBjzCzFOe15xflB9f6Ja/1oR+ZaI/BD0i5rPFqpWVRFjfGOcvwvckGtpu1/eiPkDL9jO14rcv2Pvfo6qygltKL+CopgJGkZ1EqrDfD/tByrHFbN6kOl336MorZuGESrztiLmNsQUb/lDoONRvRSYC9wAzEH1GlRn5TO5ewkahPPyixStIB0If1Ob2yjOkaQ6t7N3/RrizRtaVXmC/LTcCrSDTHFK3IGde0bSsft5asddiJ9OL1HVmxBZCLSRD9Shqg3Jjt3J6T96sQ/1zl1rSbZuy6nlZfW5VVXPV9XLUL0euAnlBtArFD0/nTRfFGQ5fdeBnNKhZQEF8s6et79yFgM/9wZN436LJCI7/XTmdtDPiHEeFcfdLcb4PfvVon2rOG5SHPMWxnxXrX91eFviqV2l6s8eUM4LE8/vw/fS88ro0g6yme75wOdBXgLpAPELOl0fqqjJNi19Nh9KQEGIF+TWBtKJSpHvcw0wnwnX/5msa5agem0+8UU2F3IzDraUaN47KInCXmoLIsskWls/RfMjTxEE1e21g8dsbckZOlY+cQRGAOXDTiDXHa9CGK3aM/36qv6agdMu7dj4xE97zTU2SJxQoEKMczwwlrx7b6EX9p5vazjSzLIYZUOG4mcyn0b4bT6vDoAfxps33n5QARUp9/KHttNlUjEC+dQvEcaJ6/UTEVd9P2793FYxzuvq+6+6aRq9TM5//NqxBct4531TSfVwrPXFcwI1iEwCRoHUgP7FCUVf69i6gkhtPWp9zxhnnOZD6wBpX/xV4erhqda3DvzthEj/kaj1g0bcOoGJqoxA6A8EyW88k+QHeCvQhrJbVXcitvVDdU23LADiQ7YcTBq64kdCpZ5hUzz2ru92pcT9KegtBcVkUL3J8dz/GnTaEtY8WPuulK5Y1ES0PERzQ7uX8buDOEawbs5JZNO4xj59zdj31N99c6zP0UuiDpK/h54ORYwTiInNpsH1rSrqxw+8wfShMoCjgXDVaAIlSi4r0wW9T3vuM0qToheVVPD63rUCbHh3Yge4KuTgzz7C+AB+IeTwUVk3jXSiZaiInI7om2pp9HPZRLefyxjjYNu2U1JZh6rvIH5pLiOnAd9S+lxmXWz93FpxRgHPHlrDB1PuR1zh++MjYQCqOURkqoj8uyoJMbLB9QKbol6gEbSV2npfoURwhiAyEeXE/DGrAJFNwC9LyiW5Z/UhKv//E3zoDWCtKv/8zV+w+nd3TdB8XmAFqoOBs/I1xJJPGTCAHBh4kY0ot6U1uay0/+mwseGD7tKHCh96Azhj8vl0bHsz4HnhEvJHyghocYTlYE6eLLAHWKToXelU97JcZ6Pu2H1sMnM+yvjQL2jRoZNIte+QUDBWJfmElROB40VkOFCjSiT/qyWSRmhFdRvwGrDEz2XfCJfVxVs2L/6gu/Ghxf8DwvKOSmwdryMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTUtMDktMjFUMTc6NTE6MTIrMDI6MDAaMs3qAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE1LTA5LTIxVDE3OjUxOjEyKzAyOjAwa291VgAAAABJRU5ErkJggg==");background-repeat:no-repeat;background-size:contain;vertical-align:middle}.footer{border-top:1px solid #dbdbdb;display:flex;justify-content:space-between}.footer-link{transition:all .2s}.footer-link:hover{text-decoration:none;opacity:.7}.footer-logo{height:24px;width:auto;max-width:100%;display:inline-block}.footer-copyright{font-weight:500;color:#7a7a7a}.ods-content>.tab-content{margin-top:.866rem}.card-list,.card-home{height:100%;display:block;border:1px solid #f6f8fb;transition:all .2s}.card-list:hover,.card-home:hover{border-color:#142e7b}.card-home{min-height:160px}.toc{position:sticky;top:5.3rem;padding:.866rem}.input{padding:0;border:none;box-shadow:none;margin-right:1em !important}.input:active,.input:focus{border:none;box-shadow:none}select{height:100%}.hs-form{margin:auto;max-width:500px}div.hs-form-field{padding:10px 0 10px 0}.hs-form input[name='firstname'],.hs-form input[name='lastname']{width:100%}.hs-input{width:100% !important}.hs-form-field ul{list-style-type:none;padding:0}.hs-form-field>label{color:#142e7b}.hs-form-field ul label{color:#ce0037;font-weight:lighter;font-size:14px;margin:0}.hs-form input,.hs-form textarea{background-color:#fff;border:1px solid #cbd2db;border-radius:3px;padding:5px}.hs-button{padding:8px 10px 8px 10px !important;background-color:#0086d6 !important;border:none !important;color:white;width:200px;height:50px;margin-top:1em;margin-left:auto;margin-right:auto;display:block;font-weight:500}.hs-button:focus{outline:none}.hs-button:hover{background-color:#142e7b !important;cursor:pointer}.submitted-message>p{text-align:center;color:#0086d6;font-weight:500;font-size:20px}.submitted-message>p:before{content:"icon";text-indent:-999em;display:block;width:120px;height:120px;background:url("/static/img/form_icon_success.svg") no-repeat;margin:0 auto 20px auto}.home-results{display:grid;row-gap:20px}@media (min-width: 769px){.home-results{grid-template-columns:1fr 1fr;grid-column-gap:20px}}.list-results{display:grid;row-gap:20px}@media (min-width: 769px){.list-results{grid-template-columns:1fr 1fr 1fr;grid-column-gap:20px}}:target::before{content:"";display:block;height:141px;margin:-141px 0 0}html{scroll-behavior:smooth}.codelibrary{min-height:calc(100vh - 141px)} diff --git a/public/sitemap.xml b/public/sitemap.xml index eefdfce92..47b1fcd8a 100644 --- a/public/sitemap.xml +++ b/public/sitemap.xml @@ -2,209 +2,273 @@ - https://codelibrary.opendatasoft.com/tags/display/ - 2021-07-30T18:37:13+02:00 + https://codelibrary.huwize.com/page-templates/ + 2023-08-09T00:00:00+00:00 - https://codelibrary.opendatasoft.com/tags/list/ - 2021-07-30T18:37:13+02:00 + https://codelibrary.huwize.com/page-templates/dashboard-filter/ + 2023-05-23T12:00:00+02:00 - https://codelibrary.opendatasoft.com/widget-tricks/ods-table-fixed-col/ - 2021-07-30T18:37:13+02:00 + https://codelibrary.huwize.com/tags/display/ + 2023-05-23T12:00:00+02:00 - https://codelibrary.opendatasoft.com/tags/ - 2021-07-30T18:37:13+02:00 + https://codelibrary.huwize.com/tags/ + 2023-05-23T12:00:00+02:00 - https://codelibrary.opendatasoft.com/widget-tricks/ - 2021-07-30T18:37:13+02:00 + https://codelibrary.huwize.com/page-templates/dataviz-gallery/ + 2023-03-17T12:00:00+02:00 - https://codelibrary.opendatasoft.com/tags/chart/ - 2021-07-29T10:00:10+02:00 + https://codelibrary.huwize.com/components/access-card/ + 2022-06-08T00:00:00+00:00 + + https://codelibrary.huwize.com/tags/card/ + 2022-06-08T00:00:00+00:00 + + https://codelibrary.huwize.com/components/ + 2022-06-08T00:00:00+00:00 + + https://codelibrary.huwize.com/tags/navigation/ + 2022-06-08T00:00:00+00:00 + + https://codelibrary.huwize.com/tags/redirection/ + 2022-06-08T00:00:00+00:00 + + https://codelibrary.huwize.com/components/search-module/ + 2022-04-01T00:00:00+00:00 + + https://codelibrary.huwize.com/tags/filter/ + 2022-03-30T00:00:00+00:00 + + https://codelibrary.huwize.com/tags/geo/ + 2022-03-30T00:00:00+00:00 + + https://codelibrary.huwize.com/tags/map/ + 2022-03-30T00:00:00+00:00 + + https://codelibrary.huwize.com/widget-tricks/ods-map-tricks/ + 2022-03-30T00:00:00+00:00 + + https://codelibrary.huwize.com/tags/ods-maps/ + 2022-03-30T00:00:00+00:00 + + https://codelibrary.huwize.com/widget-tricks/ + 2022-03-30T00:00:00+00:00 + + https://codelibrary.huwize.com/tags/chart/ + 2022-03-30T00:00:00+01:00 + + https://codelibrary.huwize.com/generators/comparison-generator/ + 2022-03-30T00:00:00+01:00 + + https://codelibrary.huwize.com/generators/ + 2022-03-30T00:00:00+01:00 + + https://codelibrary.huwize.com/tags/list/ + 2022-03-20T00:00:00+00:00 + + https://codelibrary.huwize.com/widget-tricks/ods-select/ + 2022-03-20T00:00:00+00:00 + + https://codelibrary.huwize.com/generators/listing-generator/ + 2022-02-10T00:00:00+01:00 + + https://codelibrary.huwize.com/components/switch-toggle/ + 2022-01-25T00:00:00+00:00 + + https://codelibrary.huwize.com/page-templates/listing-page/ + 2022-01-05T12:00:00+02:00 + + https://codelibrary.huwize.com/tags/aggregation/ + 2021-12-09T00:00:00+00:00 + + https://codelibrary.huwize.com/custom-views/ + 2021-12-09T00:00:00+00:00 + + https://codelibrary.huwize.com/custom-views/eco-compteur/ + 2021-12-09T00:00:00+00:00 + + https://codelibrary.huwize.com/tags/ods-adv-analysis/ + 2021-12-09T00:00:00+00:00 - https://codelibrary.opendatasoft.com/widget-tricks/ods-chart-css-hacks/ + https://codelibrary.huwize.com/widget-tricks/age-pyramid-custom/ + 2021-08-20T18:02:27+02:00 + + https://codelibrary.huwize.com/tags/ods-aggregation/ + 2021-08-20T18:02:27+02:00 + + https://codelibrary.huwize.com/tags/ods-subaggregation/ + 2021-08-20T18:02:27+02:00 + + https://codelibrary.huwize.com/widget-tricks/ods-adv-analysis/ + 2021-08-12T10:00:00+02:00 + + https://codelibrary.huwize.com/widget-tricks/ods-chart-css-hacks/ 2021-07-29T10:00:10+02:00 - https://codelibrary.opendatasoft.com/portal-themes/dropdown-menu/ + https://codelibrary.huwize.com/portal-themes/dropdown-menu/ 2021-06-23T20:57:00+02:00 - https://codelibrary.opendatasoft.com/portal-themes/ + https://codelibrary.huwize.com/portal-themes/ 2021-06-23T20:57:00+02:00 - https://codelibrary.opendatasoft.com/widget-tricks/ods-results/ + https://codelibrary.huwize.com/widget-tricks/ods-results/ 2021-06-21T20:03:38+02:00 - https://codelibrary.opendatasoft.com/tags/aggregation/ - 2021-06-21T14:46:16+02:00 - - https://codelibrary.opendatasoft.com/widget-tricks/heatmaps-custom/ + https://codelibrary.huwize.com/widget-tricks/heatmaps-custom/ 2021-06-21T14:46:16+02:00 - https://codelibrary.opendatasoft.com/tags/ods-analysis/ + https://codelibrary.huwize.com/tags/ods-analysis/ 2021-06-21T14:46:16+02:00 - https://codelibrary.opendatasoft.com/widget-tricks/heatmaps-vegalite/ - 2021-06-16T14:46:16+02:00 - - https://codelibrary.opendatasoft.com/components/ - 2021-06-09T10:39:16+02:00 - - https://codelibrary.opendatasoft.com/components/material-themed-cards/ + https://codelibrary.huwize.com/components/material-themed-cards/ 2021-06-09T10:39:16+02:00 - https://codelibrary.opendatasoft.com/tags/navigation/ - 2021-06-09T10:39:16+02:00 - - https://codelibrary.opendatasoft.com/generators/ - 2021-06-08T00:05:01+02:00 - - https://codelibrary.opendatasoft.com/generators/kpi-generator/ + https://codelibrary.huwize.com/generators/kpi-generator/ 2021-06-08T00:05:01+02:00 - https://codelibrary.opendatasoft.com/page-templates/ods-layout-over-ride/ - 2021-06-07T12:12:02+02:00 - - https://codelibrary.opendatasoft.com/page-templates/ + https://codelibrary.huwize.com/page-templates/ods-layout-over-ride/ 2021-06-07T12:12:02+02:00 - https://codelibrary.opendatasoft.com/page-templates/dashboard/ + https://codelibrary.huwize.com/page-templates/dashboard/ 2021-06-07T12:00:00+02:00 - https://codelibrary.opendatasoft.com/page-templates/dashboard-layouts/ + https://codelibrary.huwize.com/page-templates/dashboard-layouts/ 2021-06-07T12:00:00+02:00 - https://codelibrary.opendatasoft.com/page-templates/css-grid-framework/ + https://codelibrary.huwize.com/page-templates/css-grid-framework/ 2021-05-24T12:12:02+02:00 - https://codelibrary.opendatasoft.com/page-templates/monitoring-dashboard/ + https://codelibrary.huwize.com/page-templates/monitoring-dashboard/ 2021-05-03T15:26:47+02:00 - https://codelibrary.opendatasoft.com/custom-views/ + https://codelibrary.huwize.com/custom-views/domain-dataset/ 2021-04-19T14:57:49+02:00 - https://codelibrary.opendatasoft.com/custom-views/domain-dataset/ - 2021-04-19T14:57:49+02:00 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-chart-css-library/ + https://codelibrary.huwize.com/widget-tricks/ods-chart-css-library/ 2021-04-06T21:00:10+02:00 - https://codelibrary.opendatasoft.com/widget-tricks/animation/ + https://codelibrary.huwize.com/widget-tricks/animation/ 2021-04-06T20:57:00+02:00 - https://codelibrary.opendatasoft.com/custom-views/custom-view-generator/ + https://codelibrary.huwize.com/custom-views/custom-view-generator/ 2021-03-12T00:00:00+01:00 - https://codelibrary.opendatasoft.com/generators/custom-view-generator/ + https://codelibrary.huwize.com/generators/custom-view-generator/ 2021-03-12T00:00:00+01:00 - https://codelibrary.opendatasoft.com/components/kpis/ + https://codelibrary.huwize.com/components/kpis/ 2021-02-23T15:21:27+01:00 - https://codelibrary.opendatasoft.com/custom-views/gtfs-custom/ - 2021-02-09T11:18:31+01:00 - - https://codelibrary.opendatasoft.com/tags/map/ + https://codelibrary.huwize.com/custom-views/gtfs-custom/ 2021-02-09T11:18:31+01:00 - https://codelibrary.opendatasoft.com/tags/geo/ + https://codelibrary.huwize.com/ 2020-08-24T15:57:58+02:00 - https://codelibrary.opendatasoft.com/ + https://codelibrary.huwize.com/widget-tricks/svg-maps/ 2020-08-24T15:57:58+02:00 - https://codelibrary.opendatasoft.com/widget-tricks/svg-maps/ - 2020-08-24T15:57:58+02:00 + https://codelibrary.huwize.com/apps/zapier-data/ + + https://codelibrary.huwize.com/apps/ + + https://codelibrary.huwize.com/components/buttons/ + + https://codelibrary.huwize.com/widget-tricks/charts/ + + https://codelibrary.huwize.com/portal-themes/color/ - https://codelibrary.opendatasoft.com/components/buttons/ + https://codelibrary.huwize.com/components/contact-card/ - https://codelibrary.opendatasoft.com/widget-tricks/charts/ + https://codelibrary.huwize.com/components/content-card/ - https://codelibrary.opendatasoft.com/portal-themes/color/ + https://codelibrary.huwize.com/apps/covid-us-counties/ - https://codelibrary.opendatasoft.com/components/contact-card/ + https://codelibrary.huwize.com/widget-tricks/catalog-cards/ - https://codelibrary.opendatasoft.com/components/content-card/ + https://codelibrary.huwize.com/components/custom-theme-boxes/ - https://codelibrary.opendatasoft.com/widget-tricks/catalog-cards/ + https://codelibrary.huwize.com/widget-tricks/custom-tooltips/ - https://codelibrary.opendatasoft.com/components/custom-theme-boxes/ + https://codelibrary.huwize.com/portal-themes/dark/ - https://codelibrary.opendatasoft.com/widget-tricks/custom-tooltips/ + https://codelibrary.huwize.com/page-templates/datastory/ - https://codelibrary.opendatasoft.com/portal-themes/dark/ + https://codelibrary.huwize.com/tags/date/ - https://codelibrary.opendatasoft.com/page-templates/datastory/ + https://codelibrary.huwize.com/widget-tricks/dates/ - https://codelibrary.opendatasoft.com/tags/date/ + https://codelibrary.huwize.com/widget-tricks/drill-down/ - https://codelibrary.opendatasoft.com/widget-tricks/dates/ + https://codelibrary.huwize.com/components/dropdown-module/ - https://codelibrary.opendatasoft.com/widget-tricks/drill-down/ + https://codelibrary.huwize.com/apps/election/ - https://codelibrary.opendatasoft.com/components/dropdown-module/ + https://codelibrary.huwize.com/components/filters/ - https://codelibrary.opendatasoft.com/tags/filter/ + https://codelibrary.huwize.com/widget-tricks/filter-as-list/ - https://codelibrary.opendatasoft.com/components/filters/ + https://codelibrary.huwize.com/generators/fullscreen-map/ - https://codelibrary.opendatasoft.com/widget-tricks/filter-as-list/ + https://codelibrary.huwize.com/page-templates/fullscreen-map/ - https://codelibrary.opendatasoft.com/generators/fullscreen-map/ + https://codelibrary.huwize.com/apps/google-form/ - https://codelibrary.opendatasoft.com/page-templates/fullscreen-map/ + https://codelibrary.huwize.com/page-templates/home-1/ - https://codelibrary.opendatasoft.com/page-templates/home-1/ + https://codelibrary.huwize.com/page-templates/home-2/ - https://codelibrary.opendatasoft.com/page-templates/home-2/ + https://codelibrary.huwize.com/page-templates/home-3/ - https://codelibrary.opendatasoft.com/page-templates/home-3/ + https://codelibrary.huwize.com/page-templates/home-4-access-cards/ - https://codelibrary.opendatasoft.com/components/image-card/ + https://codelibrary.huwize.com/components/icons/ - https://codelibrary.opendatasoft.com/portal-themes/light/ + https://codelibrary.huwize.com/components/image-card/ - https://codelibrary.opendatasoft.com/generators/listing-generator/ + https://codelibrary.huwize.com/apps/kpi-dashboard/ - https://codelibrary.opendatasoft.com/page-templates/map-refine/ + https://codelibrary.huwize.com/portal-themes/light/ - https://codelibrary.opendatasoft.com/generators/map-listing/ + https://codelibrary.huwize.com/apps/iot/ - https://codelibrary.opendatasoft.com/page-templates/observatory/ + https://codelibrary.huwize.com/page-templates/map-refine/ - https://codelibrary.opendatasoft.com/tags/ods-aggregation/ + https://codelibrary.huwize.com/generators/map-listing/ - https://codelibrary.opendatasoft.com/widget-tricks/ods-aggregation/ + https://codelibrary.huwize.com/apps/zapier-notify/ - https://codelibrary.opendatasoft.com/widget-tricks/ods-analysis/ + https://codelibrary.huwize.com/page-templates/observatory/ - https://codelibrary.opendatasoft.com/widget-tricks/ods-color-gradient/ + https://codelibrary.huwize.com/widget-tricks/ods-aggregation/ - https://codelibrary.opendatasoft.com/widget-tricks/ods-date-range-slider/ + https://codelibrary.huwize.com/widget-tricks/ods-analysis/ - https://codelibrary.opendatasoft.com/widget-tricks/ods-map-css/ + https://codelibrary.huwize.com/widget-tricks/ods-color-gradient/ - https://codelibrary.opendatasoft.com/widget-tricks/ods-map-tricks/ + https://codelibrary.huwize.com/widget-tricks/ods-date-range-slider/ - https://codelibrary.opendatasoft.com/tags/ods-maps/ + https://codelibrary.huwize.com/widget-tricks/ods-map-css/ - https://codelibrary.opendatasoft.com/widget-tricks/ods-pop-in/ + https://codelibrary.huwize.com/widget-tricks/ods-pop-in/ - https://codelibrary.opendatasoft.com/widget-tricks/ods-select/ + https://codelibrary.huwize.com/widget-tricks/ods-simple-tabs/ - https://codelibrary.opendatasoft.com/widget-tricks/ods-simple-tabs/ + https://codelibrary.huwize.com/page-templates/regional-covid/ - https://codelibrary.opendatasoft.com/page-templates/regional-covid/ + https://codelibrary.huwize.com/apps/sanitary-inspection/ - https://codelibrary.opendatasoft.com/components/search-box/ + https://codelibrary.huwize.com/apps/canteen/ - https://codelibrary.opendatasoft.com/components/search-module/ + https://codelibrary.huwize.com/components/search-box/ - https://codelibrary.opendatasoft.com/widget-tricks/share-print/ + https://codelibrary.huwize.com/widget-tricks/share-print/ - https://codelibrary.opendatasoft.com/components/sticky-header/ + https://codelibrary.huwize.com/components/sticky-header/ - https://codelibrary.opendatasoft.com/components/switch-toggle/ + https://codelibrary.huwize.com/components/table-module/ - https://codelibrary.opendatasoft.com/components/table-module/ + https://codelibrary.huwize.com/page-templates/timeline/ - https://codelibrary.opendatasoft.com/page-templates/timeline/ + https://codelibrary.huwize.com/apps/waze/ diff --git a/public/tags/aggregation/index.html b/public/tags/aggregation/index.html index 0d3836e7b..cc9e8fb99 100644 --- a/public/tags/aggregation/index.html +++ b/public/tags/aggregation/index.html @@ -3,7 +3,7 @@ - aggregation – Codelibrary + Aggregation – Codelibrary @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@ - @@ -159,7 +176,7 @@
                        • + href="https://codelibrary.huwize.com/"> Home
                          • @@ -176,6 +193,54 @@ + + + + + + + + + + + + + + + + + + + + + +
                        • + + Apps + + +
                          • + + + + + + + + + + + + + + + + + + + + @@ -230,6 +295,9 @@ + + +
                        • @@ -254,6 +322,9 @@ + + + @@ -298,6 +369,18 @@ + + + + + + + + + + + + @@ -424,8 +507,6 @@ class="sidebar-subtitle"> Widget tricks - 6 -
                          • @@ -437,51 +518,67 @@
                          - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
                          @@ -501,27 +598,48 @@

                          - +

                          - Heatmaps with CSS Grid + Eco-Counter / Eco-Compteur

                          - Custom heatmaps and bubblemaps made by hand with CSS Grid layout and HTML + Eco-Counter custom view for Huwise integration: an overall view of your territory through Eco-Counter stations data.

                          - display + aggregation
                          - ods-analysis + chart
                          +
                          + ods-adv-analysis +
                          + +
                          +
                          +                           + + +
                          +

                          + ods-adv-analysis + + +

                          +

                          + Various examples to showcase ods-adv-analysis. This widget exposes the results of an aggregation through the API V2. + +

                          +
                          +
                          aggregation
                          @@ -530,15 +648,15 @@

                          - +

                          - Heatmaps with Vega-Lite + Heatmaps with CSS Grid

                          - Vega-Lite heatmaps and bubblemaps in combination with ods-adv-analysis + Custom heatmaps and bubblemaps made by hand with CSS Grid layout and HTML

                          @@ -567,11 +685,12 @@

                          - EXPERIMENTAL - This generator builds a KPI wall. -With specific parameters for each KPI card, it will compare values, compute a progression or analyse how your data evolved over time on a specific period. -Like any other generator, it deals with all the complexity of manipulating dates, refining specific context, computing and comparing aggregation etc… -As the code is complex, and the resource might be difficult to reuse, we consider it experimental and share it in an early stage. +

                          +

                          EXPERIMENTAL

                          +

                          This generator builds a KPI wall.

                          +

                          With specific parameters for each KPI card, it will compare values, compute a progression or analyse how your data evolved over time on a specific period.

                          +

                          Like any other generator, it deals with all the complexity of manipulating dates, refining specific context, computing and comparing aggregation etc…

                          +

                          As the code is complex, and the resource might be difficult to reuse, we consider it experimental and share it in an early stage. Do not hesitate to send us your feedbacks, we highly appreciate your help to make this generator evolve.

                          @@ -595,7 +714,7 @@

                          - Animate your data-visualisation (KPIs, Gauge). + Animate your data-visualisation (KPIs, Gauge) with ods-timer.

                          @@ -796,10 +915,6 @@

                          ods-color-gradient + ods-map : a choropleth alternative - - 4 - -

                          This widget computes a gradient of colors based on a numerical aggregation. It's mainly used to color the shapes of a map for analytics purposes. @@ -829,16 +944,16 @@

                          - - + - © Copyright 2020 + © Copyright 2026
                          @@ -850,7 +965,7 @@

                          diff --git a/public/tags/aggregation/index.xml b/public/tags/aggregation/index.xml index 7f94fb155..2cecc90a6 100644 --- a/public/tags/aggregation/index.xml +++ b/public/tags/aggregation/index.xml @@ -1,130 +1,96 @@ - aggregation on Codelibrary - https://codelibrary.opendatasoft.com/tags/aggregation/ - Recent content in aggregation on Codelibrary - Hugo -- gohugo.io + Aggregation on Codelibrary + https://codelibrary.huwize.com/tags/aggregation/ + Recent content in Aggregation on Codelibrary + Hugo en-us - Mon, 21 Jun 2021 14:46:16 +0200 + Thu, 09 Dec 2021 00:00:00 +0000 + - Heatmaps with CSS Grid - https://codelibrary.opendatasoft.com/widget-tricks/heatmaps-custom/ - Mon, 21 Jun 2021 14:46:16 +0200 - - https://codelibrary.opendatasoft.com/widget-tricks/heatmaps-custom/ - We consider the usage of ods-adv-analysis as a prerequisite of this resource. Documentation available here - Did you see ? Heatmaps with Vega-lite - If Vega-lite does not satisfy your needs, for advanced usages, you can create heatmaps by hand with only HTML and CSS Grid. -Keep in mind that, for heatmaps or bubblemaps, you&rsquo;ll need to adapt the display depending on the values, axis, and legends. -For example, if the aggregation is too large to be displayed in cells, using ods-tooltip could be a nice way to display the value while hovering with the cursor. + Eco-Counter / Eco-Compteur + https://codelibrary.huwize.com/custom-views/eco-compteur/ + Thu, 09 Dec 2021 00:00:00 +0000 + https://codelibrary.huwize.com/custom-views/eco-compteur/ + <p><a href="https://eco-compteur-odsapps.huwise.com/explore/dataset/eco-counter-data/dashboard/">See it live here !</a></p> + + + ods-adv-analysis + https://codelibrary.huwize.com/widget-tricks/ods-adv-analysis/ + Thu, 12 Aug 2021 10:00:00 +0200 + https://codelibrary.huwize.com/widget-tricks/ods-adv-analysis/ + <p>The <code>ods-adv-analysis</code> widget exposes the results of an aggregation function over a context. It uses the <a href="https://help.huwise.com/apis/ods-explore-v2/">ODS Explore API V2</a> and its <a href="https://help.huwise.com/apis/ods-explore-v2/#section/Huwise-Query-Language-(ODSQL)">ODSQL language</a>.</p> <p><a href="https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsAdvAnalysis">ods-adv-analysis documentation</a></p> - - Heatmaps with Vega-Lite - https://codelibrary.opendatasoft.com/widget-tricks/heatmaps-vegalite/ - Wed, 16 Jun 2021 14:46:16 +0200 - - https://codelibrary.opendatasoft.com/widget-tricks/heatmaps-vegalite/ - Vega-Lite is a high-level grammar of interactive graphics. It provides a concise, declarative JSON syntax to create an expressive range of visualizations for data analysis and presentation. -ods-vega-lite-chart widget, in combinaison with ods-adv-analysis to get the data, allows adding Vega-Lite charts into your pages. -This first resource is an introduction and pre-requisite to understand key concepts of Vega-Lite within ODS. - We consider the usage of ods-adv-analysis as a pre-requisite of this resource. + Heatmaps with CSS Grid + https://codelibrary.huwize.com/widget-tricks/heatmaps-custom/ + Mon, 21 Jun 2021 14:46:16 +0200 + https://codelibrary.huwize.com/widget-tricks/heatmaps-custom/ + <blockquote> <p>We consider the usage of <code>ods-adv-analysis</code> as a prerequisite of this resource. <a href="https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsAdvAnalysis">Documentation available here</a></p></blockquote> <p>Keep in mind that, for heatmaps or bubblemaps, you&rsquo;ll need to adapt the display depending on the values, axis, and legends.</p> <p>For example, if the aggregation is too large to be displayed in cells, using <code>ods-tooltip</code> could be a nice way to display the value while hovering with the cursor. Legends might also be a concern as they can overlap if they are too long.</p> - KPI Generator - https://codelibrary.opendatasoft.com/generators/kpi-generator/ + https://codelibrary.huwize.com/generators/kpi-generator/ Tue, 08 Jun 2021 00:05:01 +0200 - - https://codelibrary.opendatasoft.com/generators/kpi-generator/ - EXPERIMENTAL - This generator builds a KPI wall. -With specific parameters for each KPI card, it will compare values, compute a progression or analyse how your data evolved over time on a specific period. -Like any other generator, it deals with all the complexity of manipulating dates, refining specific context, computing and comparing aggregation etc&hellip; -As the code is complex, and the resource might be difficult to reuse, we consider it experimental and share it in an early stage. + https://codelibrary.huwize.com/generators/kpi-generator/ + <blockquote> <p>EXPERIMENTAL</p></blockquote> <p>This generator builds a KPI wall.</p> <p>With specific parameters for each KPI card, it will compare values, compute a progression or analyse how your data evolved over time on a specific period.</p> <p>Like any other generator, it deals with all the complexity of manipulating dates, refining specific context, computing and comparing aggregation etc&hellip;</p> <p>As the code is complex, and the resource might be difficult to reuse, we consider it experimental and share it in an early stage. Do not hesitate to send us your feedbacks, we highly appreciate your help to make this generator evolve.</p> - Animations - https://codelibrary.opendatasoft.com/widget-tricks/animation/ + https://codelibrary.huwize.com/widget-tricks/animation/ Tue, 06 Apr 2021 20:57:00 +0200 - - https://codelibrary.opendatasoft.com/widget-tricks/animation/ + https://codelibrary.huwize.com/widget-tricks/animation/ - KPIs - https://codelibrary.opendatasoft.com/components/kpis/ + https://codelibrary.huwize.com/components/kpis/ Tue, 23 Feb 2021 15:21:27 +0100 - - https://codelibrary.opendatasoft.com/components/kpis/ + https://codelibrary.huwize.com/components/kpis/ - Static maps, a quick introduction - https://codelibrary.opendatasoft.com/widget-tricks/svg-maps/ + https://codelibrary.huwize.com/widget-tricks/svg-maps/ Mon, 24 Aug 2020 15:57:58 +0200 - - https://codelibrary.opendatasoft.com/widget-tricks/svg-maps/ - When your goal is to share a precise analysis of a theme, such as employment or demography, for given administrative territories, you may want to disable all interactions with the map. You will even probably want to have overseas territories right next to the other territories in order to visualize immediately how the measurement varies across these administrative areas. -In this situation, you might prefer a static colored picture over a classic map widget. + https://codelibrary.huwize.com/widget-tricks/svg-maps/ + <p>When your goal is to share a precise analysis of a theme, such as employment or demography, for given administrative territories, you may want to disable all interactions with the map. You will even probably want to have overseas territories right next to the other territories in order to visualize immediately how the measurement varies across these administrative areas.</p> <p>In this situation, you might prefer a static colored picture over a classic map widget. The resource below shows you how to create such static analyses of administrative divisions.</p> - Chart samples - https://codelibrary.opendatasoft.com/widget-tricks/charts/ + https://codelibrary.huwize.com/widget-tricks/charts/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/charts/ + https://codelibrary.huwize.com/widget-tricks/charts/ - Observatory - https://codelibrary.opendatasoft.com/page-templates/observatory/ + https://codelibrary.huwize.com/page-templates/observatory/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/page-templates/observatory/ + https://codelibrary.huwize.com/page-templates/observatory/ - ods-aggregation - https://codelibrary.opendatasoft.com/widget-tricks/ods-aggregation/ + https://codelibrary.huwize.com/widget-tricks/ods-aggregation/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-aggregation/ - The technical documentation says : -This widget exposes the results of an aggregation function over a context&hellip; The result is exposed into a new variable that you can use in other widgets or directly in your HTML. -More concretely : -It computes a function like the sum, average, minimum, maximum etc.. over a numerical field. Depending on the context parameters, if filtered (queries, refines, etc&hellip;) it will compute the aggregation on a subset of the records, if not, on the entire dataset. + https://codelibrary.huwize.com/widget-tricks/ods-aggregation/ + <p><strong>The technical documentation says :</strong></p> <p>This widget exposes the results of an aggregation function over a context&hellip; The result is exposed into a new variable that you can use in other widgets or directly in your HTML.</p> <p><strong>More concretely :</strong></p> <p>It computes a function like the sum, average, minimum, maximum etc.. over a numerical field. Depending on the context parameters, if filtered (queries, refines, etc&hellip;) it will compute the aggregation on a subset of the records, if not, on the entire dataset.</p> - ods-analysis, quick intro - https://codelibrary.opendatasoft.com/widget-tricks/ods-analysis/ + https://codelibrary.huwize.com/widget-tricks/ods-analysis/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-analysis/ - The technical documentation says : -This widget exposes the results of an analysis (as an object containing a results array and optionally an aggregations object) in a variable available in the scope. It can be used with AngularJS&rsquo;s ngRepeat to simply build a table of analysis results. -Normal people would say : -Ods-analysis is the way to get the values behind a chart ! What you can do with a chart, you can do the same with ods-analysis. + https://codelibrary.huwize.com/widget-tricks/ods-analysis/ + <p><strong>The technical documentation says :</strong></p> <p><em>This widget exposes the results of an analysis (as an object containing a results array and optionally an aggregations object) in a variable available in the scope. It can be used with AngularJS&rsquo;s ngRepeat to simply build a table of analysis results.</em></p> <p><strong>Normal people would say :</strong></p> <p><em>Ods-analysis is the way to get the values behind a chart ! What you can do with a chart, you can do the same with ods-analysis. You get the figures, and do whatever you want in your dashboard with the results !</em></p> - ods-color-gradient + ods-map : a choropleth alternative - https://codelibrary.opendatasoft.com/widget-tricks/ods-color-gradient/ + https://codelibrary.huwize.com/widget-tricks/ods-color-gradient/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-color-gradient/ - This map rendering technique allows to display on a map colored shaped based on the aggregation of a different dataset. -One dataset contains the data to make some statistical computation (Avg, sum, counting of numerical fields) and one dataset contains geographical information (geo shapes). -The technique is very similar to a join at processing time, to enrich statistical data with geographical data. The only prerequisit is, like for a regular join, having a shared key between datasets to make the numerical aggregation match its geo shape. + https://codelibrary.huwize.com/widget-tricks/ods-color-gradient/ + <p>This <strong>map rendering technique</strong> allows to display on a map colored shaped based on the aggregation of <strong>a different dataset</strong>.</p> <p><strong>One dataset contains the data</strong> to make some statistical computation (Avg, sum, counting of numerical fields) and <strong>one dataset contains geographical information</strong> (geo shapes).</p> <p>The technique is very similar to a join at processing time, to enrich statistical data with geographical data. The only prerequisit is, like for a regular join, having a shared key between datasets to make the numerical aggregation match its geo shape.</p> - diff --git a/public/tags/aggregation/page/1/index.html b/public/tags/aggregation/page/1/index.html index a8ecf6211..e08821ebb 100644 --- a/public/tags/aggregation/page/1/index.html +++ b/public/tags/aggregation/page/1/index.html @@ -1 +1,9 @@ -https://codelibrary.opendatasoft.com/tags/aggregation/ \ No newline at end of file + + + + https://codelibrary.huwize.com/tags/aggregation/ + + + + + diff --git a/public/tags/card/index.html b/public/tags/card/index.html new file mode 100644 index 000000000..c225e0091 --- /dev/null +++ b/public/tags/card/index.html @@ -0,0 +1,661 @@ + + + + + + Card – Codelibrary + + + + + + + + + + + + + + + + + + + + + + + + + +
                          +
                          +
                          +
                          +
                          +
                          +
                          +
                          +
                          +
                          + + +
                          +
                          + +
                          +

                          + Tag: Card +

                          +

                          + +

                          +
                          +
                          + + +
                          +

                          + Access cards + + +

                          +

                          + Card to highlight a redirection to another page. Different styles are available. + +

                          +
                          + +
                          + navigation +
                          + +
                          + card +
                          + +
                          + redirection +
                          + +
                          +
                          +                           + +
                          + +
                          +
                          + +
                          + + + + + © Copyright 2026 + +
                          + + + + + + + + diff --git a/public/tags/card/index.xml b/public/tags/card/index.xml new file mode 100644 index 000000000..e6388be6b --- /dev/null +++ b/public/tags/card/index.xml @@ -0,0 +1,19 @@ + + + + Card on Codelibrary + https://codelibrary.huwize.com/tags/card/ + Recent content in Card on Codelibrary + Hugo + en-us + Wed, 08 Jun 2022 00:00:00 +0000 + + + Access cards + https://codelibrary.huwize.com/components/access-card/ + Wed, 08 Jun 2022 00:00:00 +0000 + https://codelibrary.huwize.com/components/access-card/ + <p>Card to highlight a redirection to another page. Different styles are available.</p> <p><strong>Tips:</strong></p> <ul> <li>You can change the background image in the HTML file</li> <li>You can change the arrow icon with another icon from <a href="https://fontawesome.com/v4.7.0/icons/">the Fontawesome Library</a></li> </ul> + + + diff --git a/public/tags/card/page/1/index.html b/public/tags/card/page/1/index.html new file mode 100644 index 000000000..90b2e31ee --- /dev/null +++ b/public/tags/card/page/1/index.html @@ -0,0 +1,9 @@ + + + + https://codelibrary.huwize.com/tags/card/ + + + + + diff --git a/public/tags/chart/index.html b/public/tags/chart/index.html index c0b4d2d0e..0696daa71 100644 --- a/public/tags/chart/index.html +++ b/public/tags/chart/index.html @@ -3,7 +3,7 @@ - chart – Codelibrary + Chart – Codelibrary @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@

                          - @@ -159,7 +176,7 @@
                          + +
                          +

                          + Comparison Generator + + +

                          +

                          + This generator builds a comparison dashboard. Edit a few settings and compare 2 values, such as territories or categories, from one dataset. + +

                          +
                          + +
                          + display +
                          + +
                          + navigation +
                          + +
                          + filter +
                          + +
                          + chart +
                          + +
                          +
                          +                           + + +
                          +

                          + Eco-Counter / Eco-Compteur + + +

                          +

                          + Eco-Counter custom view for Huwise integration: an overall view of your territory through Eco-Counter stations data. + +

                          +
                          + +
                          + aggregation +
                          + +
                          + chart +
                          + +
                          + ods-adv-analysis +
                          + +
                          +
                          +                           + + +
                          +

                          + Age Pyramid with custom HTML/CSS + + +

                          +

                          +

                          Create an age pyramid to present the repartition of the population in your area, with custom HTML and CSS.

                          +

                          3 parameters must be declared in the code:

                          +
                            +
                          • agefield : the id of the age field in your dataset
                            • +
                          • genderfield : the id of the gender field in your dataset
                            • +
                          • valuefield : the id of the value field in your dataset
                            • +
                          +

                          Then, you can customize the colors of the bars in the CSS file, with the 2 variables:

                          +

                          +
                          + +
                          + display +
                          + +
                          + chart +
                          + +
                          + ods-adv-analysis +
                          + +
                          + ods-aggregation +
                          + +
                          + ods-subaggregation +
                          + +
                          +
                          +                           +

                          ods-chart: CSS Hacks - - 1 - -

                          Various CSS tricks to override you ods-chart visualisations. @@ -563,7 +761,7 @@

                          - Animate your data-visualisation (KPIs, Gauge). + Animate your data-visualisation (KPIs, Gauge) with ods-timer.

                          @@ -677,16 +875,16 @@

                          - - + - © Copyright 2020 + © Copyright 2026
                          @@ -698,7 +896,7 @@

                          diff --git a/public/tags/chart/index.xml b/public/tags/chart/index.xml index b62ecfcdd..bf5a10f73 100644 --- a/public/tags/chart/index.xml +++ b/public/tags/chart/index.xml @@ -1,68 +1,75 @@ - chart on Codelibrary - https://codelibrary.opendatasoft.com/tags/chart/ - Recent content in chart on Codelibrary - Hugo -- gohugo.io + Chart on Codelibrary + https://codelibrary.huwize.com/tags/chart/ + Recent content in Chart on Codelibrary + Hugo en-us - Thu, 29 Jul 2021 10:00:10 +0200 + Wed, 30 Mar 2022 00:00:00 +0100 + + + Comparison Generator + https://codelibrary.huwize.com/generators/comparison-generator/ + Wed, 30 Mar 2022 00:00:00 +0100 + https://codelibrary.huwize.com/generators/comparison-generator/ + + + + Eco-Counter / Eco-Compteur + https://codelibrary.huwize.com/custom-views/eco-compteur/ + Thu, 09 Dec 2021 00:00:00 +0000 + https://codelibrary.huwize.com/custom-views/eco-compteur/ + <p><a href="https://eco-compteur-odsapps.huwise.com/explore/dataset/eco-counter-data/dashboard/">See it live here !</a></p> + + + Age Pyramid with custom HTML/CSS + https://codelibrary.huwize.com/widget-tricks/age-pyramid-custom/ + Fri, 20 Aug 2021 18:02:27 +0200 + https://codelibrary.huwize.com/widget-tricks/age-pyramid-custom/ + <p>Create an age pyramid to present the repartition of the population in your area, with custom HTML and CSS.</p> <p>3 parameters must be declared in the code:</p> <ul> <li><code>agefield</code> : the id of the age field in your dataset</li> <li><code>genderfield</code> : the id of the gender field in your dataset</li> <li><code>valuefield</code> : the id of the value field in your dataset</li> </ul> <p>Then, you can customize the colors of the bars in the CSS file, with the 2 variables:</p> + ods-chart: CSS Hacks - https://codelibrary.opendatasoft.com/widget-tricks/ods-chart-css-hacks/ + https://codelibrary.huwize.com/widget-tricks/ods-chart-css-hacks/ Thu, 29 Jul 2021 10:00:10 +0200 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-chart-css-hacks/ + https://codelibrary.huwize.com/widget-tricks/ods-chart-css-hacks/ - ods-chart: Custom CSS Library - https://codelibrary.opendatasoft.com/widget-tricks/ods-chart-css-library/ + https://codelibrary.huwize.com/widget-tricks/ods-chart-css-library/ Tue, 06 Apr 2021 21:00:10 +0200 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-chart-css-library/ + https://codelibrary.huwize.com/widget-tricks/ods-chart-css-library/ - Animations - https://codelibrary.opendatasoft.com/widget-tricks/animation/ + https://codelibrary.huwize.com/widget-tricks/animation/ Tue, 06 Apr 2021 20:57:00 +0200 - - https://codelibrary.opendatasoft.com/widget-tricks/animation/ + https://codelibrary.huwize.com/widget-tricks/animation/ - Chart samples - https://codelibrary.opendatasoft.com/widget-tricks/charts/ + https://codelibrary.huwize.com/widget-tricks/charts/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/charts/ + https://codelibrary.huwize.com/widget-tricks/charts/ - Drill-down refine in charts - https://codelibrary.opendatasoft.com/widget-tricks/drill-down/ + https://codelibrary.huwize.com/widget-tricks/drill-down/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/drill-down/ + https://codelibrary.huwize.com/widget-tricks/drill-down/ - ods-analysis, quick intro - https://codelibrary.opendatasoft.com/widget-tricks/ods-analysis/ + https://codelibrary.huwize.com/widget-tricks/ods-analysis/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-analysis/ - The technical documentation says : -This widget exposes the results of an analysis (as an object containing a results array and optionally an aggregations object) in a variable available in the scope. It can be used with AngularJS&rsquo;s ngRepeat to simply build a table of analysis results. -Normal people would say : -Ods-analysis is the way to get the values behind a chart ! What you can do with a chart, you can do the same with ods-analysis. + https://codelibrary.huwize.com/widget-tricks/ods-analysis/ + <p><strong>The technical documentation says :</strong></p> <p><em>This widget exposes the results of an analysis (as an object containing a results array and optionally an aggregations object) in a variable available in the scope. It can be used with AngularJS&rsquo;s ngRepeat to simply build a table of analysis results.</em></p> <p><strong>Normal people would say :</strong></p> <p><em>Ods-analysis is the way to get the values behind a chart ! What you can do with a chart, you can do the same with ods-analysis. You get the figures, and do whatever you want in your dashboard with the results !</em></p> - diff --git a/public/tags/chart/page/1/index.html b/public/tags/chart/page/1/index.html index e255720ae..c3e7bb3c2 100644 --- a/public/tags/chart/page/1/index.html +++ b/public/tags/chart/page/1/index.html @@ -1 +1,9 @@ -https://codelibrary.opendatasoft.com/tags/chart/ \ No newline at end of file + + + + https://codelibrary.huwize.com/tags/chart/ + + + + + diff --git a/public/tags/date/index.html b/public/tags/date/index.html index 28f21b3bc..13bec511d 100644 --- a/public/tags/date/index.html +++ b/public/tags/date/index.html @@ -3,7 +3,7 @@ - date – Codelibrary + Date – Codelibrary @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@

                          - @@ -159,7 +176,7 @@
                          - +

                          - ods-table: Fixed column + Dashboard with filters - - 1 - -

                          + A dashboard template to display KPIs and charts, with filters

                          @@ -521,27 +615,19 @@

                          display

                          -
                          - list -
                          -
                          - +

                          - ods-chart: CSS Hacks - + Dataviz gallery page - - 1 -

                          - Various CSS tricks to override you ods-chart visualisations. + A page template to display data visualizations on your portal.

                          @@ -550,48 +636,56 @@

                          display

                          -
                          - chart -
                          -
                          - +

                          - ods-results + ods-map: Refine & Zoom

                          - Examples to showcase ods-results widget: a simple widget to list records from a dataset, as a list or set of cards. + Showcase how the map can be used as a selector through the refine-on-click option. It also provides an example to show/hide map layers depending on the zoom

                          - display + ods-maps
                          - list + map +
                          + +
                          + geo +
                          + +
                          + filter +
                          + +
                          + display
                          - +

                          - Heatmaps with CSS Grid + Comparison Generator

                          - Custom heatmaps and bubblemaps made by hand with CSS Grid layout and HTML + This generator builds a comparison dashboard. Edit a few settings and compare 2 values, such as territories or categories, from one dataset.

                          @@ -601,26 +695,30 @@

                          - ods-analysis + navigation
                          - aggregation + filter +
                          + +
                          + chart
                          - +

                          - Heatmaps with Vega-Lite + ods-select

                          - Vega-Lite heatmaps and bubblemaps in combination with ods-adv-analysis + ods-select allows the selection of one or more items from a list of options. This resource present different combinations with ods-facet-results or ods-analysis to feed the selection list.

                          @@ -630,26 +728,26 @@

                          - ods-analysis + navigation
                          - aggregation + list
                          - +

                          - Material themed cards + Listing Generator

                          - Cards with minimalistic customization of widget that you can theme with colors + Ideal for listing! Edit only a few settings to generate a modern looking visulization that uses ODS components and widgets.

                          @@ -670,19 +768,16 @@

                          - +

                          - KPI Generator + Switch Module

                          - EXPERIMENTAL - This generator builds a KPI wall. -With specific parameters for each KPI card, it will compare values, compute a progression or analyse how your data evolved over time on a specific period. -Like any other generator, it deals with all the complexity of manipulating dates, refining specific context, computing and comparing aggregation etc… -As the code is complex, and the resource might be difficult to reuse, we consider it experimental and share it in an early stage. + A switch is a visual toggle between two mutually exclusive states — on and off. +

                          @@ -690,25 +785,20 @@

                          display

                          -
                          - aggregation -
                          -
                          - +

                          - ODS Layout over-ride + Listing page

                          - This resource is an over-ride of ODS default layout system by transforming a row and it’s children into a Flexbox layout. -Flexbox brings two major benefits compared to the actual layout : - Equal height of children of a same row re-ordering elements If any of these two benefits are useful to your project, there is no interest in using this resource ! + A template version of the listing generator, for the users who want to add more customization to the automated version. +

                          @@ -716,20 +806,30 @@

                          display

                          +
                          + list +
                          +
                          - +

                          - Dashboard + Age Pyramid with custom HTML/CSS

                          - A dashboard template to display KPIs and charts. - +

                          Create an age pyramid to present the repartition of the population in your area, with custom HTML and CSS.

                          +

                          3 parameters must be declared in the code:

                          +
                            +
                          • agefield : the id of the age field in your dataset
                            • +
                          • genderfield : the id of the gender field in your dataset
                            • +
                          • valuefield : the id of the value field in your dataset
                            • +
                          +

                          Then, you can customize the colors of the bars in the CSS file, with the 2 variables:

                          @@ -737,19 +837,35 @@

                          display

                          +
                          + chart +
                          + +
                          + ods-adv-analysis +
                          + +
                          + ods-aggregation +
                          + +
                          + ods-subaggregation +
                          +
                          - +

                          - Dashboard layouts + ods-chart: CSS Hacks

                          - Different layouts for simple to advanced usages. + Various CSS tricks to override you ods-chart visualisations.

                          @@ -758,22 +874,24 @@

                          display

                          +
                          + chart +
                          +
                          - +

                          - CSS Grid Framework + ods-results

                          - This resource introduces a CSS Grid framework based on CSS Grid layout system. - It’s an alternative to ODS Layout system, suitable for expert users, looking for more advanced layout system, specially designed for 2 dimensions layouts instead of one. - CSS Grid is the most modern and performant way to structure pages. -A framework is a set of CSS classes to set into the HTML to easily develop nice looking pages. + Examples to showcase ods-results widget: a simple widget to list records from a dataset, as a list or set of cards. +

                          @@ -781,20 +899,24 @@

                          display

                          +
                          + list +
                          +
                          - +

                          - Monitoring Dashboard + Heatmaps with CSS Grid

                          - This dashboard presents the main informations from the monitoring dataset. See the full documentation about the monitoring dataset. See themed versions of this dashboard here. -Note: Since monitoring data are private, we use a dummy dataset in these exemple. + Custom heatmaps and bubblemaps made by hand with CSS Grid layout and HTML +

                          @@ -803,26 +925,26 @@

                          - navigation + ods-analysis
                          - list + aggregation
                          - +

                          - ods-chart: Custom CSS Library + Material themed cards

                          - A custom CSS library dedicated to ods-chart, it helps users to customize their charts easily by simply adding CSS classes to ods-chart tag. + Cards with minimalistic customization of widget that you can theme with colors

                          @@ -832,23 +954,31 @@

                          - chart + navigation +
                          + +
                          + list
                          - +

                          - Animations + KPI Generator

                          - Animate your data-visualisation (KPIs, Gauge). - +

                          +

                          EXPERIMENTAL

                          +

                          This generator builds a KPI wall.

                          +

                          With specific parameters for each KPI card, it will compare values, compute a progression or analyse how your data evolved over time on a specific period.

                          +

                          Like any other generator, it deals with all the complexity of manipulating dates, refining specific context, computing and comparing aggregation etc…

                          +

                          As the code is complex, and the resource might be difficult to reuse, we consider it experimental and share it in an early stage. Do not hesitate to send us your feedbacks, we highly appreciate your help to make this generator evolve.

                          @@ -856,10 +986,6 @@

                          display

                          -
                          - chart -
                          -
                          aggregation
                          @@ -868,16 +994,21 @@

                          - +

                          - Custom view Generator + ODS Layout over-ride

                          - This version is optimized for dataset custom views. It melts perfectly with dataset exploration layout by using filters and search bar. But while embeding the view it activates automatically it's own search and filters. Try it on code pen and in a dataset to see how it behaves - +

                          This resource is an over-ride of ODS default layout system by transforming a row and it’s children into a Flexbox layout.

                          +

                          Flexbox brings two major benefits compared to the actual layout :

                          +
                            +
                          • Equal height of children of a same row
                            • +
                          • re-ordering elements
                            • +
                          +

                          If any of these two benefits are useful to your project, there is no interest in using this resource !

                          @@ -885,27 +1016,19 @@

                          display

                          -
                          - navigation -
                          - -
                          - list -
                          -
                          - +

                          - Custom view Generator + Dashboard

                          - This version is optimized for dataset custom views. It melts perfectly with dataset exploration layout by using filters and search bar. But while embeding the view it activates automatically it's own search and filters. Try it on code pen and in a dataset to see how it behaves + A dashboard template to display KPIs and charts.

                          @@ -914,27 +1037,19 @@

                          display

                          -
                          - navigation -
                          - -
                          - list -
                          -
                          - +

                          - KPIs + Dashboard layouts

                          - KPI cards, to display aggregation and values. + Different layouts for simple to advanced usages.

                          @@ -943,43 +1058,26 @@

                          display

                          -
                          - navigation -
                          - -
                          - list -
                          - -
                          - aggregation -
                          -
                          - +

                          - Static maps, a quick introduction + CSS Grid Framework

                          - How to create fast analytics maps based on SVG static files and data aggregation. - +

                          This resource introduces a CSS Grid framework based on CSS Grid layout system.

                          +
                          +

                          It’s an alternative to ODS Layout system, suitable for expert users, looking for more advanced layout system, specially designed for 2 dimensions layouts instead of one.

                          +

                          CSS Grid is the most modern and performant way to structure pages.

                          +

                          A framework is a set of CSS classes to set into the HTML to easily develop nice looking pages.

                          -
                          - geo -
                          - -
                          - aggregation -
                          -
                          display
                          @@ -988,16 +1086,17 @@

                          - +

                          - Buttons + Monitoring Dashboard

                          - Examples of different buttons with hover styles. Lightly styled buttons with which to build your pages and dashboards. - +

                          This dashboard presents the main figures from the monitoring dataset. See the full documentation about the monitoring dataset. +See themed versions of this dashboard here.

                          +

                          Note: Since monitoring data are private, we use a dummy dataset in this example.

                          @@ -1017,15 +1116,15 @@

                          - +

                          - Contact Cards + ods-chart: Custom CSS Library

                          - A simple contact card for your organization, with a simple pop in for additional contact information. + A custom CSS library dedicated to ods-chart, it helps users to customize their charts easily by simply adding CSS classes to ods-chart tag.

                          @@ -1035,11 +1134,7 @@

                          - navigation -
                          - -
                          - list + chart
                          @@ -1052,16 +1147,16 @@

                          - - + - © Copyright 2020 + © Copyright 2026
                          @@ -1073,7 +1168,7 @@

                          diff --git a/public/tags/display/index.xml b/public/tags/display/index.xml index f42880a4a..be1320c40 100644 --- a/public/tags/display/index.xml +++ b/public/tags/display/index.xml @@ -1,459 +1,362 @@ - display on Codelibrary - https://codelibrary.opendatasoft.com/tags/display/ - Recent content in display on Codelibrary - Hugo -- gohugo.io + Display on Codelibrary + https://codelibrary.huwize.com/tags/display/ + Recent content in Display on Codelibrary + Hugo en-us - Fri, 30 Jul 2021 18:37:13 +0200 + Tue, 23 May 2023 12:00:00 +0200 + - ods-table: Fixed column - https://codelibrary.opendatasoft.com/widget-tricks/ods-table-fixed-col/ - Fri, 30 Jul 2021 18:37:13 +0200 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-table-fixed-col/ + Dashboard with filters + https://codelibrary.huwize.com/page-templates/dashboard-filter/ + Tue, 23 May 2023 12:00:00 +0200 + https://codelibrary.huwize.com/page-templates/dashboard-filter/ + <p>This dashboard displays KPIs, charts, map, and includes filters to customize your analysis.</p> + + + Dataviz gallery page + https://codelibrary.huwize.com/page-templates/dataviz-gallery/ + Fri, 17 Mar 2023 12:00:00 +0200 + https://codelibrary.huwize.com/page-templates/dataviz-gallery/ + <p>This template is a mixture of the <a href="https://codelibrary.huwize.com/page-templates/listing-page/">Listing page template</a> and the <a href="https://codelibrary.huwize.com/components/access-card/">Access Cards component</a>. It was created to offer a simple way of showcasing your data visualizations, custom views, maps and Studio pages on your portal.</p> <p>It offers more customization possibilities to advanced users who would like to add or remove items from this template, like additional filters, new card content or adding a date range slider.</p> <p>This ressource integrates the following widgets:</p> + + + ods-map: Refine & Zoom + https://codelibrary.huwize.com/widget-tricks/ods-map-tricks/ + Wed, 30 Mar 2022 00:00:00 +0000 + https://codelibrary.huwize.com/widget-tricks/ods-map-tricks/ - + + Comparison Generator + https://codelibrary.huwize.com/generators/comparison-generator/ + Wed, 30 Mar 2022 00:00:00 +0100 + https://codelibrary.huwize.com/generators/comparison-generator/ + + + + ods-select + https://codelibrary.huwize.com/widget-tricks/ods-select/ + Sun, 20 Mar 2022 00:00:00 +0000 + https://codelibrary.huwize.com/widget-tricks/ods-select/ + <p>ods-select allows the selection of one or more items from a list of options. This resource present different combination with ods-facet-results or ods-analysis to feed the selection list.</p> <p><a href="https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsSelect">ods-select widget documentation</a></p> + + + Listing Generator + https://codelibrary.huwize.com/generators/listing-generator/ + Thu, 10 Feb 2022 00:00:00 +0100 + https://codelibrary.huwize.com/generators/listing-generator/ + <blockquote> <p>The code of these resources is not meant to be modified. It requires good development skills and strong knowledge of widgets. Huwise will encourage to develop your own page if it doesn&rsquo;t suit your needs (and therefor won&rsquo;t provide support if you still try to modified it)</p></blockquote> <p>Find <a href="https://codelibrary.huwize.com/generators/listing-generator/#listing-generator-documentation">the complete documentation</a> at the end of this page</p> + + + Switch Module + https://codelibrary.huwize.com/components/switch-toggle/ + Tue, 25 Jan 2022 00:00:00 +0000 + https://codelibrary.huwize.com/components/switch-toggle/ + <p>A switch is a visual toggle between two mutually exclusive states — on and off.</p> <p>Check the example on the bottom of the page to see how to add Angular attributes to the component and use it in your pages!</p> + + + Listing page + https://codelibrary.huwize.com/page-templates/listing-page/ + Wed, 05 Jan 2022 12:00:00 +0200 + https://codelibrary.huwize.com/page-templates/listing-page/ + + + + Age Pyramid with custom HTML/CSS + https://codelibrary.huwize.com/widget-tricks/age-pyramid-custom/ + Fri, 20 Aug 2021 18:02:27 +0200 + https://codelibrary.huwize.com/widget-tricks/age-pyramid-custom/ + <p>Create an age pyramid to present the repartition of the population in your area, with custom HTML and CSS.</p> <p>3 parameters must be declared in the code:</p> <ul> <li><code>agefield</code> : the id of the age field in your dataset</li> <li><code>genderfield</code> : the id of the gender field in your dataset</li> <li><code>valuefield</code> : the id of the value field in your dataset</li> </ul> <p>Then, you can customize the colors of the bars in the CSS file, with the 2 variables:</p> + ods-chart: CSS Hacks - https://codelibrary.opendatasoft.com/widget-tricks/ods-chart-css-hacks/ + https://codelibrary.huwize.com/widget-tricks/ods-chart-css-hacks/ Thu, 29 Jul 2021 10:00:10 +0200 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-chart-css-hacks/ + https://codelibrary.huwize.com/widget-tricks/ods-chart-css-hacks/ - ods-results - https://codelibrary.opendatasoft.com/widget-tricks/ods-results/ + https://codelibrary.huwize.com/widget-tricks/ods-results/ Mon, 21 Jun 2021 20:03:38 +0200 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-results/ - ods-results is a rather simple widget to list records from a dataset. They can be displayed as a list or cards. -ods-results widget documentation -Several Code Library resources rely on ods-results, for example the table module component, to list records in a table. The search module component, to display the results of a search query. The generators also use an ods-results internally to list dataset content. + https://codelibrary.huwize.com/widget-tricks/ods-results/ + <p><strong>ods-results</strong> is a rather simple widget to list records from a dataset. They can be displayed as a list or cards.</p> <p><a href="https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsResults">ods-results widget documentation</a></p> <p>Several Code Library resources rely on ods-results, for example the <a href="https://codelibrary.huwize.com/components/table-module/">table module component</a>, to list records in a table. The <a href="https://codelibrary.huwize.com/components/search-module/">search module component</a>, to display the results of a search query. The <a href="https://codelibrary.huwize.com/generators">generators</a> also use an ods-results internally to list dataset content.</p> - Heatmaps with CSS Grid - https://codelibrary.opendatasoft.com/widget-tricks/heatmaps-custom/ + https://codelibrary.huwize.com/widget-tricks/heatmaps-custom/ Mon, 21 Jun 2021 14:46:16 +0200 - - https://codelibrary.opendatasoft.com/widget-tricks/heatmaps-custom/ - We consider the usage of ods-adv-analysis as a prerequisite of this resource. Documentation available here - Did you see ? Heatmaps with Vega-lite - If Vega-lite does not satisfy your needs, for advanced usages, you can create heatmaps by hand with only HTML and CSS Grid. -Keep in mind that, for heatmaps or bubblemaps, you&rsquo;ll need to adapt the display depending on the values, axis, and legends. -For example, if the aggregation is too large to be displayed in cells, using ods-tooltip could be a nice way to display the value while hovering with the cursor. - - - - Heatmaps with Vega-Lite - https://codelibrary.opendatasoft.com/widget-tricks/heatmaps-vegalite/ - Wed, 16 Jun 2021 14:46:16 +0200 - - https://codelibrary.opendatasoft.com/widget-tricks/heatmaps-vegalite/ - Vega-Lite is a high-level grammar of interactive graphics. It provides a concise, declarative JSON syntax to create an expressive range of visualizations for data analysis and presentation. -ods-vega-lite-chart widget, in combinaison with ods-adv-analysis to get the data, allows adding Vega-Lite charts into your pages. -This first resource is an introduction and pre-requisite to understand key concepts of Vega-Lite within ODS. - We consider the usage of ods-adv-analysis as a pre-requisite of this resource. - - + https://codelibrary.huwize.com/widget-tricks/heatmaps-custom/ + <blockquote> <p>We consider the usage of <code>ods-adv-analysis</code> as a prerequisite of this resource. <a href="https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsAdvAnalysis">Documentation available here</a></p></blockquote> <p>Keep in mind that, for heatmaps or bubblemaps, you&rsquo;ll need to adapt the display depending on the values, axis, and legends.</p> <p>For example, if the aggregation is too large to be displayed in cells, using <code>ods-tooltip</code> could be a nice way to display the value while hovering with the cursor. Legends might also be a concern as they can overlap if they are too long.</p> + Material themed cards - https://codelibrary.opendatasoft.com/components/material-themed-cards/ + https://codelibrary.huwize.com/components/material-themed-cards/ Wed, 09 Jun 2021 10:39:16 +0200 - - https://codelibrary.opendatasoft.com/components/material-themed-cards/ - These cards are meant to be themed using only the following variables: - --primary-hue: 265; --primary-saturation: 90%; --primary-lightness: 47%; --surface: white; --background: white; --card-text: #424242; --body-text: #424242; It works with HSL colors, by inputting the --primary-hue, --primary-saturation and --primary-lightness separately. -These cards can be used anywhere and will fit 100% of their parent container. We recommend using them with a grid system, like the one used here. -All cards are prented with a sticky filter bar, to present how they can interact. + https://codelibrary.huwize.com/components/material-themed-cards/ + <p>These cards are meant to be themed using only the following variables:</p> <pre tabindex="0"><code> --primary-hue: 265; --primary-saturation: 90%; --primary-lightness: 47%; --surface: white; --background: white; --card-text: #424242; --body-text: #424242; </code></pre><p>It works with <a href="https://www.w3schools.com/colors/colors_hsl.asp">HSL colors</a>, by inputting the <code>--primary-hue</code>, <code>--primary-saturation</code> and <code>--primary-lightness</code> separately.</p> <p>These cards can be used anywhere and will fit 100% of their parent container. We recommend using them with a grid system, like the one used here.</p> <p>All cards are prented with a sticky filter bar, to present how they can interact. The sticky bar is compatible with the color theming, but is not required.</p> - KPI Generator - https://codelibrary.opendatasoft.com/generators/kpi-generator/ + https://codelibrary.huwize.com/generators/kpi-generator/ Tue, 08 Jun 2021 00:05:01 +0200 - - https://codelibrary.opendatasoft.com/generators/kpi-generator/ - EXPERIMENTAL - This generator builds a KPI wall. -With specific parameters for each KPI card, it will compare values, compute a progression or analyse how your data evolved over time on a specific period. -Like any other generator, it deals with all the complexity of manipulating dates, refining specific context, computing and comparing aggregation etc&hellip; -As the code is complex, and the resource might be difficult to reuse, we consider it experimental and share it in an early stage. + https://codelibrary.huwize.com/generators/kpi-generator/ + <blockquote> <p>EXPERIMENTAL</p></blockquote> <p>This generator builds a KPI wall.</p> <p>With specific parameters for each KPI card, it will compare values, compute a progression or analyse how your data evolved over time on a specific period.</p> <p>Like any other generator, it deals with all the complexity of manipulating dates, refining specific context, computing and comparing aggregation etc&hellip;</p> <p>As the code is complex, and the resource might be difficult to reuse, we consider it experimental and share it in an early stage. Do not hesitate to send us your feedbacks, we highly appreciate your help to make this generator evolve.</p> - ODS Layout over-ride - https://codelibrary.opendatasoft.com/page-templates/ods-layout-over-ride/ + https://codelibrary.huwize.com/page-templates/ods-layout-over-ride/ Mon, 07 Jun 2021 12:12:02 +0200 - - https://codelibrary.opendatasoft.com/page-templates/ods-layout-over-ride/ - This resource is an over-ride of ODS default layout system by transforming a row and it&rsquo;s children into a Flexbox layout. -Flexbox brings two major benefits compared to the actual layout : - Equal height of children of a same row re-ordering elements If any of these two benefits are useful to your project, there is no interest in using this resource ! + https://codelibrary.huwize.com/page-templates/ods-layout-over-ride/ + <p>This resource is an over-ride of ODS default layout system by transforming a <code>row</code> and it&rsquo;s children into a Flexbox layout.</p> <p><strong>Flexbox</strong> brings two major benefits compared to the actual layout :</p> <ul> <li>Equal height of children of a same row</li> <li>re-ordering elements</li> </ul> <p><strong>If any of these two benefits are useful to your project, there is no interest in using this resource !</strong></p> - Dashboard - https://codelibrary.opendatasoft.com/page-templates/dashboard/ + https://codelibrary.huwize.com/page-templates/dashboard/ Mon, 07 Jun 2021 12:00:00 +0200 - - https://codelibrary.opendatasoft.com/page-templates/dashboard/ - There is two version of the dashboard, the first one built with the standard ODS Layout, it suits to most users. -The second one, more advanced, built with the CSS Grid framework layout, for specific usages only. + https://codelibrary.huwize.com/page-templates/dashboard/ + <p>There is two version of the dashboard, the first one built with the standard ODS Layout, <strong>it suits to most users</strong>.</p> <p>The second one, more advanced, built with the <a href="https://codelibrary.huwize.com/page-templates/css-grid-framework">CSS Grid framework layout</a>, for specific usages only.</p> - Dashboard layouts - https://codelibrary.opendatasoft.com/page-templates/dashboard-layouts/ + https://codelibrary.huwize.com/page-templates/dashboard-layouts/ Mon, 07 Jun 2021 12:00:00 +0200 - - https://codelibrary.opendatasoft.com/page-templates/dashboard-layouts/ - These resources are split into 2 main parts - Resources built with standard ODS Layout The same resources, built with the CSS Grid framework layout To see the final example made with these layouts, go to dashboard resource. -ODS Layout is well known from Opendatasoft users, and these resources over-ride it by setting row as display: flex elements to take advantage of Flexbox capabilities. You can see the ODS Layout over-ride resource here. + https://codelibrary.huwize.com/page-templates/dashboard-layouts/ + <p>These resources are split into 2 main parts</p> <ol> <li>Resources built with standard ODS Layout</li> <li>The same resources, built with the <a href="https://codelibrary.huwize.com/page-templates/css-grid-framework">CSS Grid framework layout</a></li> </ol> <p>To see the final example made with these layouts, go to <a href="https://codelibrary.huwize.com/page-templates/dashboard">dashboard resource</a>.</p> <p><strong>ODS Layout</strong> is well known from Huwise users, and these resources over-ride it by setting <code>row</code> as <code>display: flex</code> elements to take advantage of Flexbox capabilities. You can see the <a href="https://codelibrary.huwize.com/page-templates/ods-layout-over-ride">ODS Layout over-ride resource here</a>.</p> <p><strong>CSS Grid framework</strong> refer to some custom CSS classes that over-rides CSS Grid layout. It&rsquo;s mainly suitable for <strong>expert users only</strong> that are looking for more advanced layouts such as grids and multiple rows designs. We strongly encourage you to have a look to the <a href="https://codelibrary.huwize.com/page-templates/css-grid-framework">CSS Grid framework resource</a> before using it. And be assured that your needs really justify the use of this advanced layout system.</p> - CSS Grid Framework - https://codelibrary.opendatasoft.com/page-templates/css-grid-framework/ + https://codelibrary.huwize.com/page-templates/css-grid-framework/ Mon, 24 May 2021 12:12:02 +0200 - - https://codelibrary.opendatasoft.com/page-templates/css-grid-framework/ - This resource introduces a CSS Grid framework based on CSS Grid layout system. - It&rsquo;s an alternative to ODS Layout system, suitable for expert users, looking for more advanced layout system, specially designed for 2 dimensions layouts instead of one. - CSS Grid is the most modern and performant way to structure pages. -A framework is a set of CSS classes to set into the HTML to easily develop nice looking pages. + https://codelibrary.huwize.com/page-templates/css-grid-framework/ + <p>This resource introduces a <strong>CSS Grid framework</strong> based on CSS Grid layout system.</p> <blockquote> <p>It&rsquo;s an alternative to ODS Layout system, suitable for <strong>expert users</strong>, looking for more advanced layout system, specially designed for 2 dimensions layouts instead of one.</p></blockquote> <p><strong>CSS Grid</strong> is the most modern and performant way to structure pages.</p> <p>A <strong>framework</strong> is a set of CSS classes to set into the HTML to easily develop nice looking pages.</p> - Monitoring Dashboard - https://codelibrary.opendatasoft.com/page-templates/monitoring-dashboard/ + https://codelibrary.huwize.com/page-templates/monitoring-dashboard/ Mon, 03 May 2021 15:26:47 +0200 - - https://codelibrary.opendatasoft.com/page-templates/monitoring-dashboard/ - This dashboard presents the main informations from the monitoring dataset. See the full documentation about the monitoring dataset. See themed versions of this dashboard here. -Note: Since monitoring data are private, we use a dummy dataset in these exemple. + https://codelibrary.huwize.com/page-templates/monitoring-dashboard/ + <p>This dashboard presents the main figures from the monitoring dataset. See the full documentation about the <a href="https://help.huwise.com/platform/en/managing_domain/03_analyzing_domain_usage/analyzing_source_data.html">monitoring dataset</a>. See themed versions of this dashboard <a href="'/themed-dashboard'">here</a>.</p> <p><em><strong>Note:</strong> Since monitoring data are private, we use a dummy dataset in this example.</em></p> - ods-chart: Custom CSS Library - https://codelibrary.opendatasoft.com/widget-tricks/ods-chart-css-library/ + https://codelibrary.huwize.com/widget-tricks/ods-chart-css-library/ Tue, 06 Apr 2021 21:00:10 +0200 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-chart-css-library/ + https://codelibrary.huwize.com/widget-tricks/ods-chart-css-library/ - Animations - https://codelibrary.opendatasoft.com/widget-tricks/animation/ + https://codelibrary.huwize.com/widget-tricks/animation/ Tue, 06 Apr 2021 20:57:00 +0200 - - https://codelibrary.opendatasoft.com/widget-tricks/animation/ + https://codelibrary.huwize.com/widget-tricks/animation/ - Custom view Generator - https://codelibrary.opendatasoft.com/custom-views/custom-view-generator/ + https://codelibrary.huwize.com/custom-views/custom-view-generator/ Fri, 12 Mar 2021 00:00:00 +0100 - - https://codelibrary.opendatasoft.com/custom-views/custom-view-generator/ + https://codelibrary.huwize.com/custom-views/custom-view-generator/ - Custom view Generator - https://codelibrary.opendatasoft.com/generators/custom-view-generator/ + https://codelibrary.huwize.com/generators/custom-view-generator/ Fri, 12 Mar 2021 00:00:00 +0100 - - https://codelibrary.opendatasoft.com/generators/custom-view-generator/ + https://codelibrary.huwize.com/generators/custom-view-generator/ - KPIs - https://codelibrary.opendatasoft.com/components/kpis/ + https://codelibrary.huwize.com/components/kpis/ Tue, 23 Feb 2021 15:21:27 +0100 - - https://codelibrary.opendatasoft.com/components/kpis/ + https://codelibrary.huwize.com/components/kpis/ - Static maps, a quick introduction - https://codelibrary.opendatasoft.com/widget-tricks/svg-maps/ + https://codelibrary.huwize.com/widget-tricks/svg-maps/ Mon, 24 Aug 2020 15:57:58 +0200 - - https://codelibrary.opendatasoft.com/widget-tricks/svg-maps/ - When your goal is to share a precise analysis of a theme, such as employment or demography, for given administrative territories, you may want to disable all interactions with the map. You will even probably want to have overseas territories right next to the other territories in order to visualize immediately how the measurement varies across these administrative areas. -In this situation, you might prefer a static colored picture over a classic map widget. + https://codelibrary.huwize.com/widget-tricks/svg-maps/ + <p>When your goal is to share a precise analysis of a theme, such as employment or demography, for given administrative territories, you may want to disable all interactions with the map. You will even probably want to have overseas territories right next to the other territories in order to visualize immediately how the measurement varies across these administrative areas.</p> <p>In this situation, you might prefer a static colored picture over a classic map widget. The resource below shows you how to create such static analyses of administrative divisions.</p> - Buttons - https://codelibrary.opendatasoft.com/components/buttons/ + https://codelibrary.huwize.com/components/buttons/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/components/buttons/ + https://codelibrary.huwize.com/components/buttons/ - Contact Cards - https://codelibrary.opendatasoft.com/components/contact-card/ + https://codelibrary.huwize.com/components/contact-card/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/components/contact-card/ + https://codelibrary.huwize.com/components/contact-card/ - Custom catalog card - https://codelibrary.opendatasoft.com/widget-tricks/catalog-cards/ + https://codelibrary.huwize.com/widget-tricks/catalog-cards/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/catalog-cards/ - The catalog card represents the published datasets of that portal. (see Exploring a dataset from the catalog). -The platform allows to customize the catalog cards displayed in the catalog of the portal, by providing custom HTML and CSS to override the default version. This resource propose different versions and technical tricks that can be used to highlighted datasets by keywords or theme for example. + https://codelibrary.huwize.com/widget-tricks/catalog-cards/ + <p>The catalog card represents the published datasets of that portal. (see <a href="https://help.huwise.com/platform/en/exploring_catalog_and_datasets/01_navigating_the_catalog/catalog.html#exploring-dataset">Exploring a dataset from the catalog</a>).</p> <p>The platform allows to customize the catalog cards displayed in the catalog of the portal, by providing custom HTML and CSS to override the default version. This resource propose different versions and technical tricks that can be used to highlighted datasets by keywords or theme for example.</p> - Custom theme boxes - https://codelibrary.opendatasoft.com/components/custom-theme-boxes/ + https://codelibrary.huwize.com/components/custom-theme-boxes/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/components/custom-theme-boxes/ - Replicate the ods-theme-boxes widget funtionality to create custom theme boxes which are easier to style and layout. + https://codelibrary.huwize.com/components/custom-theme-boxes/ + <p>Replicate the <code>ods-theme-boxes</code> widget funtionality to create custom theme boxes which are easier to style and layout.</p> - Data Story - https://codelibrary.opendatasoft.com/page-templates/datastory/ + https://codelibrary.huwize.com/page-templates/datastory/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/page-templates/datastory/ - Tell a story based on your data. Through chapters and sections, narrate a story and use data visualisations to emphasize your story. + https://codelibrary.huwize.com/page-templates/datastory/ + <p>Tell a story based on your data. Through chapters and sections, narrate a story and use data visualisations to emphasize your story.</p> - Dropdown module - https://codelibrary.opendatasoft.com/components/dropdown-module/ + https://codelibrary.huwize.com/components/dropdown-module/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/components/dropdown-module/ + https://codelibrary.huwize.com/components/dropdown-module/ - Filters as an HTML Select - https://codelibrary.opendatasoft.com/widget-tricks/filter-as-list/ + https://codelibrary.huwize.com/widget-tricks/filter-as-list/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/filter-as-list/ - + https://codelibrary.huwize.com/widget-tricks/filter-as-list/ + <blockquote> <p><strong>!! WARNING !!</strong> This ressource is deprecated ! Please use <code>ods-select</code> instead. <a href="https://codelibrary.huwise.com/widget-tricks/ods-select/">Documentation available here</a></p></blockquote> - Full screen Map Generator - https://codelibrary.opendatasoft.com/generators/fullscreen-map/ + https://codelibrary.huwize.com/generators/fullscreen-map/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/generators/fullscreen-map/ - Edit only a few settings to generate a modern looking visualization that uses ODS components and widgets. + https://codelibrary.huwize.com/generators/fullscreen-map/ + <p>Edit only a few settings to generate a modern looking visualization that uses ODS components and widgets.</p> - Fullscreen map with filters - https://codelibrary.opendatasoft.com/page-templates/fullscreen-map/ + https://codelibrary.huwize.com/page-templates/fullscreen-map/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/page-templates/fullscreen-map/ + https://codelibrary.huwize.com/page-templates/fullscreen-map/ - Home page 1 - https://codelibrary.opendatasoft.com/page-templates/home-1/ + https://codelibrary.huwize.com/page-templates/home-1/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/page-templates/home-1/ + https://codelibrary.huwize.com/page-templates/home-1/ - Home page 2 - https://codelibrary.opendatasoft.com/page-templates/home-2/ + https://codelibrary.huwize.com/page-templates/home-2/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/page-templates/home-2/ + https://codelibrary.huwize.com/page-templates/home-2/ - Home page 3 - https://codelibrary.opendatasoft.com/page-templates/home-3/ + https://codelibrary.huwize.com/page-templates/home-3/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/page-templates/home-3/ + https://codelibrary.huwize.com/page-templates/home-3/ - - Image cards - https://codelibrary.opendatasoft.com/components/image-card/ + Home page 4 with access cards + https://codelibrary.huwize.com/page-templates/home-4-access-cards/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/components/image-card/ - + https://codelibrary.huwize.com/page-templates/home-4-access-cards/ + <p>This home page integrates the first version of the <a href="https://codelibrary.huwise.com/components/access-card/">component Access cards</a> to highlight redirections to other pages. The access cards are inserted in a grid container, so that all the cards have the same height.</p> <p><strong>Tips</strong></p> <ul> <li>You can use another version of the access cards by replacing the HTML between the comments <code>&lt;!--Start Access Card --&gt;</code> and <code>&lt;!--End Access Card --&gt;</code> and the CSS between <code>/*==== Access Cards ====*/</code> and <code>/*==== Homepage Styles ====*/</code></li> <li>You can change the background image of the access cards in the HTML file</li> <li>You can change the arrow icon of the access card with another icon from <a href="https://fontawesome.com/v4.7.0/icons/">the Fontawesome Library</a></li> </ul> - - Listing Generator - https://codelibrary.opendatasoft.com/generators/listing-generator/ + Image cards + https://codelibrary.huwize.com/components/image-card/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/generators/listing-generator/ + https://codelibrary.huwize.com/components/image-card/ - Map Listing Generator - https://codelibrary.opendatasoft.com/generators/map-listing/ + https://codelibrary.huwize.com/generators/map-listing/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/generators/map-listing/ - Edit only a few settings to generate a modern looking visualization that uses ODS components and widgets. + https://codelibrary.huwize.com/generators/map-listing/ + <blockquote> <p>Note: The listing generator V3 can now handle maps, pagination and other new features. We then recommend to use the <a href="https://codelibrary.huwize.com/generators/listing-generator/">listing generator</a> instead of this resource.</p></blockquote> <p>Edit only a few settings to generate a modern looking visualization that uses ODS components and widgets.</p> - Observatory - https://codelibrary.opendatasoft.com/page-templates/observatory/ + https://codelibrary.huwize.com/page-templates/observatory/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/page-templates/observatory/ + https://codelibrary.huwize.com/page-templates/observatory/ - ods-analysis, quick intro - https://codelibrary.opendatasoft.com/widget-tricks/ods-analysis/ + https://codelibrary.huwize.com/widget-tricks/ods-analysis/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-analysis/ - The technical documentation says : -This widget exposes the results of an analysis (as an object containing a results array and optionally an aggregations object) in a variable available in the scope. It can be used with AngularJS&rsquo;s ngRepeat to simply build a table of analysis results. -Normal people would say : -Ods-analysis is the way to get the values behind a chart ! What you can do with a chart, you can do the same with ods-analysis. + https://codelibrary.huwize.com/widget-tricks/ods-analysis/ + <p><strong>The technical documentation says :</strong></p> <p><em>This widget exposes the results of an analysis (as an object containing a results array and optionally an aggregations object) in a variable available in the scope. It can be used with AngularJS&rsquo;s ngRepeat to simply build a table of analysis results.</em></p> <p><strong>Normal people would say :</strong></p> <p><em>Ods-analysis is the way to get the values behind a chart ! What you can do with a chart, you can do the same with ods-analysis. You get the figures, and do whatever you want in your dashboard with the results !</em></p> - ods-color-gradient + ods-map : a choropleth alternative - https://codelibrary.opendatasoft.com/widget-tricks/ods-color-gradient/ + https://codelibrary.huwize.com/widget-tricks/ods-color-gradient/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-color-gradient/ - This map rendering technique allows to display on a map colored shaped based on the aggregation of a different dataset. -One dataset contains the data to make some statistical computation (Avg, sum, counting of numerical fields) and one dataset contains geographical information (geo shapes). -The technique is very similar to a join at processing time, to enrich statistical data with geographical data. The only prerequisit is, like for a regular join, having a shared key between datasets to make the numerical aggregation match its geo shape. + https://codelibrary.huwize.com/widget-tricks/ods-color-gradient/ + <p>This <strong>map rendering technique</strong> allows to display on a map colored shaped based on the aggregation of <strong>a different dataset</strong>.</p> <p><strong>One dataset contains the data</strong> to make some statistical computation (Avg, sum, counting of numerical fields) and <strong>one dataset contains geographical information</strong> (geo shapes).</p> <p>The technique is very similar to a join at processing time, to enrich statistical data with geographical data. The only prerequisit is, like for a regular join, having a shared key between datasets to make the numerical aggregation match its geo shape.</p> - ods-map: CSS Hacks - https://codelibrary.opendatasoft.com/widget-tricks/ods-map-css/ - Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-map-css/ - - - - - ods-map: Refine & Zoom - https://codelibrary.opendatasoft.com/widget-tricks/ods-map-tricks/ + https://codelibrary.huwize.com/widget-tricks/ods-map-css/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-map-tricks/ + https://codelibrary.huwize.com/widget-tricks/ods-map-css/ - ods-pop-in variants - https://codelibrary.opendatasoft.com/widget-tricks/ods-pop-in/ - Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-pop-in/ - Display content in a pop-in window. It can either open automatically or you can make a custom pop in that opens manually by clicking a button. - - - - ods-select - https://codelibrary.opendatasoft.com/widget-tricks/ods-select/ + https://codelibrary.huwize.com/widget-tricks/ods-pop-in/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-select/ - ods-select allows the selection of one or more items from a list of options. This resource present different combination with ods-facet-results or ods-analysis to feed the selection list. -ods-select widget documentation + https://codelibrary.huwize.com/widget-tricks/ods-pop-in/ + <p>Display content in a pop-in window. It can either open automatically or you can make a custom pop in that opens manually by clicking a button.</p> - ods-simple-tabs - https://codelibrary.opendatasoft.com/widget-tricks/ods-simple-tabs/ + https://codelibrary.huwize.com/widget-tricks/ods-simple-tabs/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-simple-tabs/ - The ods-simple-tabs widget can be used to have a tabbed interface that allows you to switch between different views. It has a simplified CSS making it easy to modify the style or layout. Below are a few different styles that can be applied to the widget in order to fit different use cases. + https://codelibrary.huwize.com/widget-tricks/ods-simple-tabs/ + <p>The <code>ods-simple-tabs</code> widget can be used to have a tabbed interface that allows you to switch between different views. It has a simplified CSS making it easy to modify the style or layout. Below are a few different styles that can be applied to the widget in order to fit different use cases.</p> - Regional COVID-19 Dashboard - https://codelibrary.opendatasoft.com/page-templates/regional-covid/ + https://codelibrary.huwize.com/page-templates/regional-covid/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/page-templates/regional-covid/ + https://codelibrary.huwize.com/page-templates/regional-covid/ - Share and print - https://codelibrary.opendatasoft.com/widget-tricks/share-print/ + https://codelibrary.huwize.com/widget-tricks/share-print/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/share-print/ + https://codelibrary.huwize.com/widget-tricks/share-print/ - - - Switch Module - https://codelibrary.opendatasoft.com/components/switch-toggle/ - Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/components/switch-toggle/ - A switch is a visual toggle between two mutually exclusive states — on and off. -Check the example on the bottom of the page to see how to add Angular attributes to the component and use it in your pages! - - Table module - https://codelibrary.opendatasoft.com/components/table-module/ + https://codelibrary.huwize.com/components/table-module/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/components/table-module/ + https://codelibrary.huwize.com/components/table-module/ - Timeline - https://codelibrary.opendatasoft.com/page-templates/timeline/ + https://codelibrary.huwize.com/page-templates/timeline/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/page-templates/timeline/ + https://codelibrary.huwize.com/page-templates/timeline/ - diff --git a/public/tags/display/page/1/index.html b/public/tags/display/page/1/index.html index b5077a1f8..922349f0a 100644 --- a/public/tags/display/page/1/index.html +++ b/public/tags/display/page/1/index.html @@ -1 +1,9 @@ -https://codelibrary.opendatasoft.com/tags/display/ \ No newline at end of file + + + + https://codelibrary.huwize.com/tags/display/ + + + + + diff --git a/public/tags/display/page/2/index.html b/public/tags/display/page/2/index.html index 562bb33cf..b9049f69b 100644 --- a/public/tags/display/page/2/index.html +++ b/public/tags/display/page/2/index.html @@ -3,7 +3,7 @@ - display – Codelibrary + Display – Codelibrary @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@

                          - @@ -159,7 +176,7 @@
                          - +

                          - Custom catalog card + Animations

                          - Override default catalog cards to highlight key metadata for your business + Animate your data-visualisation (KPIs, Gauge) with ods-timer.

                          - list + display
                          - display + chart
                          - navigation + aggregation
                          - +

                          - Custom theme boxes + Custom view Generator

                          - Custom theme boxes with more flexibility in styling and layout. + This version is optimized for dataset custom views. It melts perfectly with dataset exploration layout by using filters and search bar. But while embeding the view it activates automatically it's own search and filters. Try it on code pen and in a dataset to see how it behaves

                          @@ -548,26 +645,26 @@

                          - list + navigation
                          - navigation + list
                          - +

                          - Data Story + Custom view Generator

                          - Tell a story based on your data. Through chapters and sections, narrate a story and use data visualisations to emphasize your story. + This version is optimized for dataset custom views. It melts perfectly with dataset exploration layout by using filters and search bar. But while embeding the view it activates automatically it's own search and filters. Try it on code pen and in a dataset to see how it behaves

                          @@ -576,19 +673,27 @@

                          display

                          +
                          + navigation +
                          + +
                          + list +
                          +
                          - +

                          - Dropdown module + KPIs

                          - This module proposes a dropdown menu with a modern look. + KPI cards, to display aggregation and values.

                          @@ -606,55 +711,51 @@

                          - filter + aggregation
                          - +

                          - Filters as an HTML Select + Static maps, a quick introduction

                          - Display your facets and filters in a list with simple HTML selects + How to create fast analytics maps based on SVG static files and data aggregation.

                          - display -
                          - -
                          - navigation + geo
                          - list + aggregation
                          - filter + display
                          - +

                          - Full screen Map Generator + Buttons

                          - Ideal for Point of Interest datasets! Edit only a few settings to generate a modern looking visulization that uses ODS components and widgets. + Examples of different buttons with hover styles. Lightly styled buttons with which to build your pages and dashboards.

                          @@ -664,22 +765,26 @@

                          - geo + navigation +
                          + +
                          + list
                          - +

                          - Fullscreen map with filters + Contact Cards

                          - When the key visualization is the map: this resource contains filters and analytics drawers over a fullscreen map + A simple contact card for your organization, with a simple pop in for additional contact information.

                          @@ -689,30 +794,34 @@

                          - ods-maps + navigation
                          - geo + list
                          - +

                          - Home page 1 + Custom catalog card

                          - A home page for your Opendatasoft portal, alternative 1 + Override default catalog cards to highlight key metadata for your business

                          +
                          + list +
                          +
                          display
                          @@ -725,15 +834,15 @@

                          - +

                          - Home page 2 + Custom theme boxes

                          - An home page for your Opendatasoft portal, alternative 2 + Custom theme boxes with more flexibility in styling and layout.

                          @@ -742,6 +851,10 @@

                          display

                          +
                          + list +
                          +
                          navigation
                          @@ -750,15 +863,15 @@

                          - +

                          - Home page 3 + Data Story

                          - A home page for your Opendatasoft portal, alternative 3 + Tell a story based on your data. Through chapters and sections, narrate a story and use data visualisations to emphasize your story.

                          @@ -767,23 +880,19 @@

                          display

                          -
                          - navigation -
                          -
                          - +

                          - Image cards + Dropdown module

                          - A card with an image background, useful for home page navigation and sections. + This module proposes a dropdown menu with a modern look.

                          @@ -800,19 +909,23 @@

                          list

                          +
                          + filter +
                          +
                          - +

                          - Listing Generator + Filters as an HTML Select

                          - Ideal for listing! Edit only a few settings to generate a modern looking visulization that uses ODS components and widgets. + Display your facets and filters in a list with simple HTML selects

                          @@ -829,19 +942,23 @@

                          list

                          +
                          + filter +
                          +
                          - +

                          - Map Listing Generator + Full screen Map Generator

                          - Ideal for listing geographical information! Edit only a few settings to generate a modern looking visulization that uses ODS components and widgets. + Ideal for Point of Interest datasets! Edit only a few settings to generate a modern looking visulization that uses ODS components and widgets.

                          @@ -850,10 +967,6 @@

                          display

                          -
                          - list -
                          -
                          geo
                          @@ -862,15 +975,15 @@

                          - +

                          - Observatory + Fullscreen map with filters

                          - A good starting point to narrate a story with your data, or simply publish a nice looking dashboard + When the key visualization is the map: this resource contains filters and analytics drawers over a fullscreen map

                          @@ -880,63 +993,51 @@

                          - aggregation + ods-maps
                          - filter + geo
                          - +

                          - ods-analysis, quick intro + Home page 1

                          - Various examples to showcase ods-analysis. This widget exposes the results of an analysis, ie. multiple aggregations over an X axis. + A home page for your Huwise portal, alternative 1

                          - ods-analysis -
                          - -
                          - aggregation -
                          - -
                          - chart + display
                          - display + navigation
                          - +

                          - ods-color-gradient + ods-map : a choropleth alternative + Home page 2 - - 4 - -

                          - This widget computes a gradient of colors based on a numerical aggregation. It's mainly used to color the shapes of a map for analytics purposes. + An home page for your Huwise portal, alternative 2

                          @@ -946,26 +1047,22 @@

                          - aggregation -
                          - -
                          - geo + navigation
                          - +

                          - ods-map: CSS Hacks + Home page 3

                          - ods-map with legends from the map builder with additional CSS to provide some alternative to default display + A home page for your Huwise portal, alternative 3

                          @@ -975,63 +1072,47 @@

                          - ods-maps -
                          - -
                          - geo + navigation
                          - +

                          - ods-map: Refine & Zoom + Home page 4 with access cards

                          - Showcase how the map can be used as a selector through the refine-on-click option. It also provides an example to show/hide map layers depending on the zoom + A home page for your Huwise portal, with access cards

                          - ods-maps -
                          - -
                          - map -
                          - -
                          - geo -
                          - -
                          - filter + display
                          - display + navigation
                          - +

                          - ods-pop-in variants + Image cards

                          - Display content in a pop-in window. + A card with an image background, useful for home page navigation and sections.

                          @@ -1040,19 +1121,27 @@

                          display

                          +
                          + navigation +
                          + +
                          + list +
                          +
                          - +

                          - ods-select + Map Listing Generator

                          - ods-select allows the selection of one or more items from a list of options. This resource present different combinations with ods-facet-results or ods-analysis to feed the selection list. + Ideal for listing geographical information! Edit only a few settings to generate a modern looking visulization that uses ODS components and widgets.

                          @@ -1062,11 +1151,11 @@

                          - navigation + list
                          - list + geo
                          @@ -1079,16 +1168,16 @@

                          - - + - © Copyright 2020 + © Copyright 2026
                          @@ -1100,7 +1189,7 @@

                          diff --git a/public/tags/display/page/3/index.html b/public/tags/display/page/3/index.html index db4921fdd..ab0988db1 100644 --- a/public/tags/display/page/3/index.html +++ b/public/tags/display/page/3/index.html @@ -3,7 +3,7 @@ - display – Codelibrary + Display – Codelibrary @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@ - @@ -159,7 +176,7 @@

                          - +

                          - ods-simple-tabs + Observatory

                          - Style and layout suggestions for the ods-simple-tabs widget. + A good starting point to narrate a story with your data, or simply publish a nice looking dashboard

                          @@ -519,22 +616,59 @@

                          - navigation + aggregation +
                          + +
                          + filter
                          - +

                          - Regional COVID-19 Dashboard + ods-analysis, quick intro

                          - A dedicated dashboard for local COVID-19 data. + Various examples to showcase ods-analysis. This widget exposes the results of an analysis, ie. multiple aggregations over an X axis. + +

                          +
                          + +
                          + ods-analysis +
                          + +
                          + aggregation +
                          + +
                          + chart +
                          + +
                          + display +
                          + +
                          +
                          +                           + + +
                          +

                          + ods-color-gradient + ods-map : a choropleth alternative + + +

                          +

                          + This widget computes a gradient of colors based on a numerical aggregation. It's mainly used to color the shapes of a map for analytics purposes.

                          @@ -543,19 +677,102 @@

                          display

                          +
                          + aggregation +
                          + +
                          + geo +
                          +
                          - +

                          - Share and print + ods-map: CSS Hacks

                          - It highlights "urlsync" parameter. It allows users to copy and share the URL with all applied filters and query. + ods-map with legends from the map builder with additional CSS to provide some alternative to default display + +

                          +
                          + +
                          + display +
                          + +
                          + ods-maps +
                          + +
                          + geo +
                          + +
                          +
                          +                           + + +
                          +

                          + ods-pop-in variants + + +

                          +

                          + Display content in a pop-in window. + +

                          +
                          + +
                          + display +
                          + +
                          +
                          +                           + + +
                          +

                          + ods-simple-tabs + + +

                          +

                          + Style and layout suggestions for the ods-simple-tabs widget. + +

                          +
                          + +
                          + display +
                          + +
                          + navigation +
                          + +
                          +
                          +                           + + +
                          +

                          + Regional COVID-19 Dashboard + + +

                          +

                          + A dedicated dashboard for local COVID-19 data.

                          @@ -568,15 +785,15 @@

                          - +

                          - Switch Module + Share and print

                          - A switch is a visual toggle between two mutually exclusive states — on and off. + It highlights "urlsync" parameter. It allows users to copy and share the URL with all applied filters and query.

                          @@ -645,16 +862,16 @@

                          - - + - © Copyright 2020 + © Copyright 2026
                          @@ -666,7 +883,7 @@

                          diff --git a/public/tags/filter/index.html b/public/tags/filter/index.html index 2cb75918a..87aeb46d3 100644 --- a/public/tags/filter/index.html +++ b/public/tags/filter/index.html @@ -3,7 +3,7 @@ - filter – Codelibrary + Filter – Codelibrary @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@

                          - @@ -159,7 +176,7 @@
                          + +
                          +

                          + ods-map: Refine & Zoom + + +

                          +

                          + Showcase how the map can be used as a selector through the refine-on-click option. It also provides an example to show/hide map layers depending on the zoom + +

                          +
                          + +
                          + ods-maps +
                          + +
                          + map +
                          + +
                          + geo +
                          + +
                          + filter +
                          + +
                          + display +
                          + +
                          +
                          +                           + + +
                          +

                          + Comparison Generator + + +

                          +

                          + This generator builds a comparison dashboard. Edit a few settings and compare 2 values, such as territories or categories, from one dataset. + +

                          +
                          + +
                          + display +
                          + +
                          + navigation +
                          + +
                          + filter +
                          + +
                          + chart +
                          + +
                          +
                          +                           +

                          @@ -721,59 +888,22 @@

                          - -
                          -

                          - ods-map: Refine & Zoom - - -

                          -

                          - Showcase how the map can be used as a selector through the refine-on-click option. It also provides an example to show/hide map layers depending on the zoom - -

                          -
                          - -
                          - ods-maps -
                          - -
                          - map -
                          - -
                          - geo -
                          - -
                          - filter -
                          - -
                          - display -
                          - -
                          -
                          -                           -
                          - - + - © Copyright 2020 + © Copyright 2026
                          @@ -785,7 +915,7 @@

                          diff --git a/public/tags/filter/index.xml b/public/tags/filter/index.xml index 72765a2e4..4bb4452a3 100644 --- a/public/tags/filter/index.xml +++ b/public/tags/filter/index.xml @@ -1,91 +1,82 @@ - filter on Codelibrary - https://codelibrary.opendatasoft.com/tags/filter/ - Recent content in filter on Codelibrary - Hugo -- gohugo.io - en-us + Filter on Codelibrary + https://codelibrary.huwize.com/tags/filter/ + Recent content in Filter on Codelibrary + Hugo + en-us + Wed, 30 Mar 2022 00:00:00 +0000 + + + ods-map: Refine & Zoom + https://codelibrary.huwize.com/widget-tricks/ods-map-tricks/ + Wed, 30 Mar 2022 00:00:00 +0000 + https://codelibrary.huwize.com/widget-tricks/ods-map-tricks/ + + + + Comparison Generator + https://codelibrary.huwize.com/generators/comparison-generator/ + Wed, 30 Mar 2022 00:00:00 +0100 + https://codelibrary.huwize.com/generators/comparison-generator/ + + Dates - https://codelibrary.opendatasoft.com/widget-tricks/dates/ + https://codelibrary.huwize.com/widget-tricks/dates/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/dates/ + https://codelibrary.huwize.com/widget-tricks/dates/ - Drill-down refine in charts - https://codelibrary.opendatasoft.com/widget-tricks/drill-down/ + https://codelibrary.huwize.com/widget-tricks/drill-down/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/drill-down/ + https://codelibrary.huwize.com/widget-tricks/drill-down/ - Dropdown module - https://codelibrary.opendatasoft.com/components/dropdown-module/ + https://codelibrary.huwize.com/components/dropdown-module/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/components/dropdown-module/ + https://codelibrary.huwize.com/components/dropdown-module/ - Filters - https://codelibrary.opendatasoft.com/components/filters/ + https://codelibrary.huwize.com/components/filters/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/components/filters/ + https://codelibrary.huwize.com/components/filters/ - Filters as an HTML Select - https://codelibrary.opendatasoft.com/widget-tricks/filter-as-list/ + https://codelibrary.huwize.com/widget-tricks/filter-as-list/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/filter-as-list/ - + https://codelibrary.huwize.com/widget-tricks/filter-as-list/ + <blockquote> <p><strong>!! WARNING !!</strong> This ressource is deprecated ! Please use <code>ods-select</code> instead. <a href="https://codelibrary.huwise.com/widget-tricks/ods-select/">Documentation available here</a></p></blockquote> - Map & Refine - https://codelibrary.opendatasoft.com/page-templates/map-refine/ + https://codelibrary.huwize.com/page-templates/map-refine/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/page-templates/map-refine/ + https://codelibrary.huwize.com/page-templates/map-refine/ - Observatory - https://codelibrary.opendatasoft.com/page-templates/observatory/ + https://codelibrary.huwize.com/page-templates/observatory/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/page-templates/observatory/ + https://codelibrary.huwize.com/page-templates/observatory/ - ods-date-range-slider - https://codelibrary.opendatasoft.com/widget-tricks/ods-date-range-slider/ - Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-date-range-slider/ - - - - - ods-map: Refine & Zoom - https://codelibrary.opendatasoft.com/widget-tricks/ods-map-tricks/ + https://codelibrary.huwize.com/widget-tricks/ods-date-range-slider/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-map-tricks/ + https://codelibrary.huwize.com/widget-tricks/ods-date-range-slider/ - diff --git a/public/tags/filter/page/1/index.html b/public/tags/filter/page/1/index.html index 30fafc5b7..ae2f762cd 100644 --- a/public/tags/filter/page/1/index.html +++ b/public/tags/filter/page/1/index.html @@ -1 +1,9 @@ -https://codelibrary.opendatasoft.com/tags/filter/ \ No newline at end of file + + + + https://codelibrary.huwize.com/tags/filter/ + + + + + diff --git a/public/tags/geo/index.html b/public/tags/geo/index.html index d828a4c9f..1067d184e 100644 --- a/public/tags/geo/index.html +++ b/public/tags/geo/index.html @@ -3,7 +3,7 @@ - geo – Codelibrary + Geo – Codelibrary @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@ - @@ -159,7 +176,7 @@
                          • + href="https://codelibrary.huwize.com/"> Home
                            • @@ -176,6 +193,54 @@ + + + + + + + + + + + + + + + + + + + + + +
                          • + + Apps + + +
                            • + + + + + + + + + + + + + + + + + + + + @@ -230,6 +295,9 @@ + + +
                          • @@ -254,6 +322,9 @@ + + + @@ -298,6 +369,18 @@ + + + + + + + + + + + + @@ -424,8 +507,6 @@ class="sidebar-subtitle"> Widget tricks - 6 -
                            • @@ -437,51 +518,67 @@
                            - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
                            @@ -501,6 +598,43 @@

                            + +
                            +

                            + ods-map: Refine & Zoom + + +

                            +

                            + Showcase how the map can be used as a selector through the refine-on-click option. It also provides an example to show/hide map layers depending on the zoom + +

                            +
                            + +
                            + ods-maps +
                            + +
                            + map +
                            + +
                            + geo +
                            + +
                            + filter +
                            + +
                            + display +
                            + +
                            +
                            +                             +

                            @@ -619,10 +753,6 @@

                            ods-color-gradient + ods-map : a choropleth alternative - - 4 - -

                            This widget computes a gradient of colors based on a numerical aggregation. It's mainly used to color the shapes of a map for analytics purposes. @@ -675,59 +805,22 @@

                            - -
                            -

                            - ods-map: Refine & Zoom - - -

                            -

                            - Showcase how the map can be used as a selector through the refine-on-click option. It also provides an example to show/hide map layers depending on the zoom - -

                            -
                            - -
                            - ods-maps -
                            - -
                            - map -
                            - -
                            - geo -
                            - -
                            - filter -
                            - -
                            - display -
                            - -
                            -
                            -                             -
                            - - + - © Copyright 2020 + © Copyright 2026
                            @@ -739,7 +832,7 @@

                            diff --git a/public/tags/geo/index.xml b/public/tags/geo/index.xml index af52b7eb8..864e9d40f 100644 --- a/public/tags/geo/index.xml +++ b/public/tags/geo/index.xml @@ -1,77 +1,61 @@ - geo on Codelibrary - https://codelibrary.opendatasoft.com/tags/geo/ - Recent content in geo on Codelibrary - Hugo -- gohugo.io + Geo on Codelibrary + https://codelibrary.huwize.com/tags/geo/ + Recent content in Geo on Codelibrary + Hugo en-us - Mon, 24 Aug 2020 15:57:58 +0200 + Wed, 30 Mar 2022 00:00:00 +0000 + + + ods-map: Refine & Zoom + https://codelibrary.huwize.com/widget-tricks/ods-map-tricks/ + Wed, 30 Mar 2022 00:00:00 +0000 + https://codelibrary.huwize.com/widget-tricks/ods-map-tricks/ + + Static maps, a quick introduction - https://codelibrary.opendatasoft.com/widget-tricks/svg-maps/ + https://codelibrary.huwize.com/widget-tricks/svg-maps/ Mon, 24 Aug 2020 15:57:58 +0200 - - https://codelibrary.opendatasoft.com/widget-tricks/svg-maps/ - When your goal is to share a precise analysis of a theme, such as employment or demography, for given administrative territories, you may want to disable all interactions with the map. You will even probably want to have overseas territories right next to the other territories in order to visualize immediately how the measurement varies across these administrative areas. -In this situation, you might prefer a static colored picture over a classic map widget. + https://codelibrary.huwize.com/widget-tricks/svg-maps/ + <p>When your goal is to share a precise analysis of a theme, such as employment or demography, for given administrative territories, you may want to disable all interactions with the map. You will even probably want to have overseas territories right next to the other territories in order to visualize immediately how the measurement varies across these administrative areas.</p> <p>In this situation, you might prefer a static colored picture over a classic map widget. The resource below shows you how to create such static analyses of administrative divisions.</p> - Full screen Map Generator - https://codelibrary.opendatasoft.com/generators/fullscreen-map/ + https://codelibrary.huwize.com/generators/fullscreen-map/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/generators/fullscreen-map/ - Edit only a few settings to generate a modern looking visualization that uses ODS components and widgets. + https://codelibrary.huwize.com/generators/fullscreen-map/ + <p>Edit only a few settings to generate a modern looking visualization that uses ODS components and widgets.</p> - Fullscreen map with filters - https://codelibrary.opendatasoft.com/page-templates/fullscreen-map/ + https://codelibrary.huwize.com/page-templates/fullscreen-map/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/page-templates/fullscreen-map/ + https://codelibrary.huwize.com/page-templates/fullscreen-map/ - Map Listing Generator - https://codelibrary.opendatasoft.com/generators/map-listing/ + https://codelibrary.huwize.com/generators/map-listing/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/generators/map-listing/ - Edit only a few settings to generate a modern looking visualization that uses ODS components and widgets. + https://codelibrary.huwize.com/generators/map-listing/ + <blockquote> <p>Note: The listing generator V3 can now handle maps, pagination and other new features. We then recommend to use the <a href="https://codelibrary.huwize.com/generators/listing-generator/">listing generator</a> instead of this resource.</p></blockquote> <p>Edit only a few settings to generate a modern looking visualization that uses ODS components and widgets.</p> - ods-color-gradient + ods-map : a choropleth alternative - https://codelibrary.opendatasoft.com/widget-tricks/ods-color-gradient/ + https://codelibrary.huwize.com/widget-tricks/ods-color-gradient/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-color-gradient/ - This map rendering technique allows to display on a map colored shaped based on the aggregation of a different dataset. -One dataset contains the data to make some statistical computation (Avg, sum, counting of numerical fields) and one dataset contains geographical information (geo shapes). -The technique is very similar to a join at processing time, to enrich statistical data with geographical data. The only prerequisit is, like for a regular join, having a shared key between datasets to make the numerical aggregation match its geo shape. + https://codelibrary.huwize.com/widget-tricks/ods-color-gradient/ + <p>This <strong>map rendering technique</strong> allows to display on a map colored shaped based on the aggregation of <strong>a different dataset</strong>.</p> <p><strong>One dataset contains the data</strong> to make some statistical computation (Avg, sum, counting of numerical fields) and <strong>one dataset contains geographical information</strong> (geo shapes).</p> <p>The technique is very similar to a join at processing time, to enrich statistical data with geographical data. The only prerequisit is, like for a regular join, having a shared key between datasets to make the numerical aggregation match its geo shape.</p> - ods-map: CSS Hacks - https://codelibrary.opendatasoft.com/widget-tricks/ods-map-css/ - Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-map-css/ - - - - - ods-map: Refine & Zoom - https://codelibrary.opendatasoft.com/widget-tricks/ods-map-tricks/ + https://codelibrary.huwize.com/widget-tricks/ods-map-css/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-map-tricks/ + https://codelibrary.huwize.com/widget-tricks/ods-map-css/ - diff --git a/public/tags/geo/page/1/index.html b/public/tags/geo/page/1/index.html index 79c29358a..4be55eabd 100644 --- a/public/tags/geo/page/1/index.html +++ b/public/tags/geo/page/1/index.html @@ -1 +1,9 @@ -https://codelibrary.opendatasoft.com/tags/geo/ \ No newline at end of file + + + + https://codelibrary.huwize.com/tags/geo/ + + + + + diff --git a/public/tags/index.html b/public/tags/index.html index f5ee2b02e..0d9dbe583 100644 --- a/public/tags/index.html +++ b/public/tags/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@ - @@ -159,7 +176,7 @@
                            • + href="https://codelibrary.huwize.com/"> Home
                              • @@ -176,6 +193,54 @@ + + + + + + + + + + + + + + + + + + + + + +
                            • + + Apps + + +
                              • + + + + + + + + + + + + + + + + + + + + @@ -230,6 +295,9 @@ + + +
                            • @@ -254,6 +322,9 @@ + + + @@ -298,6 +369,18 @@ + + + + + + + + + + + + @@ -424,8 +507,6 @@ class="sidebar-subtitle"> Widget tricks - 6 -
                              • @@ -437,51 +518,67 @@
                              - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
                              @@ -501,10 +598,74 @@

                              - + +
                              +

                              + Display + + +

                              +

                              + +

                              +
                              + +
                              +
                              +                               + + +
                              +

                              + Card + + +

                              +

                              + +

                              +
                              + +
                              +
                              +                               + + +
                              +

                              + Navigation + + +

                              +

                              + +

                              +
                              + +
                              +
                              +                               + + +
                              +

                              + Redirection + + +

                              +

                              + +

                              +
                              + +
                              +
                              +                               + +

                              - display + Filter

                              @@ -517,10 +678,10 @@

                              - +

                              - list + Geo

                              @@ -533,10 +694,10 @@

                              - +

                              - chart + Map

                              @@ -549,10 +710,10 @@

                              - +

                              - aggregation + Ods-Maps

                              @@ -565,10 +726,10 @@

                              - +

                              - ods-analysis + Chart

                              @@ -581,10 +742,10 @@

                              - +

                              - navigation + List

                              @@ -597,10 +758,10 @@

                              - +

                              - map + Aggregation

                              @@ -613,10 +774,10 @@

                              - +

                              - geo + Ods-Adv-Analysis

                              @@ -629,10 +790,10 @@

                              - +

                              - date + Ods-Aggregation

                              @@ -645,10 +806,10 @@

                              - +

                              - filter + Ods-Subaggregation

                              @@ -661,10 +822,10 @@

                              - +

                              - ods-aggregation + Ods-Analysis

                              @@ -677,10 +838,10 @@

                              - +

                              - ods-maps + Date

                              @@ -699,16 +860,16 @@

                              - - + - © Copyright 2020 + © Copyright 2026
                              @@ -720,7 +881,7 @@

                              diff --git a/public/tags/index.xml b/public/tags/index.xml index 7bab8dce9..0ca8f7e3e 100644 --- a/public/tags/index.xml +++ b/public/tags/index.xml @@ -2,118 +2,123 @@ Tags on Codelibrary - https://codelibrary.opendatasoft.com/tags/ + https://codelibrary.huwize.com/tags/ Recent content in Tags on Codelibrary - Hugo -- gohugo.io + Hugo en-us - Fri, 30 Jul 2021 18:37:13 +0200 + Tue, 23 May 2023 12:00:00 +0200 + - display - https://codelibrary.opendatasoft.com/tags/display/ - Fri, 30 Jul 2021 18:37:13 +0200 - - https://codelibrary.opendatasoft.com/tags/display/ + Display + https://codelibrary.huwize.com/tags/display/ + Tue, 23 May 2023 12:00:00 +0200 + https://codelibrary.huwize.com/tags/display/ - - list - https://codelibrary.opendatasoft.com/tags/list/ - Fri, 30 Jul 2021 18:37:13 +0200 - - https://codelibrary.opendatasoft.com/tags/list/ + Card + https://codelibrary.huwize.com/tags/card/ + Wed, 08 Jun 2022 00:00:00 +0000 + https://codelibrary.huwize.com/tags/card/ - - chart - https://codelibrary.opendatasoft.com/tags/chart/ - Thu, 29 Jul 2021 10:00:10 +0200 - - https://codelibrary.opendatasoft.com/tags/chart/ + Navigation + https://codelibrary.huwize.com/tags/navigation/ + Wed, 08 Jun 2022 00:00:00 +0000 + https://codelibrary.huwize.com/tags/navigation/ - - aggregation - https://codelibrary.opendatasoft.com/tags/aggregation/ - Mon, 21 Jun 2021 14:46:16 +0200 - - https://codelibrary.opendatasoft.com/tags/aggregation/ + Redirection + https://codelibrary.huwize.com/tags/redirection/ + Wed, 08 Jun 2022 00:00:00 +0000 + https://codelibrary.huwize.com/tags/redirection/ - - ods-analysis - https://codelibrary.opendatasoft.com/tags/ods-analysis/ - Mon, 21 Jun 2021 14:46:16 +0200 - - https://codelibrary.opendatasoft.com/tags/ods-analysis/ + Filter + https://codelibrary.huwize.com/tags/filter/ + Wed, 30 Mar 2022 00:00:00 +0000 + https://codelibrary.huwize.com/tags/filter/ - - navigation - https://codelibrary.opendatasoft.com/tags/navigation/ - Wed, 09 Jun 2021 10:39:16 +0200 - - https://codelibrary.opendatasoft.com/tags/navigation/ + Geo + https://codelibrary.huwize.com/tags/geo/ + Wed, 30 Mar 2022 00:00:00 +0000 + https://codelibrary.huwize.com/tags/geo/ - - map - https://codelibrary.opendatasoft.com/tags/map/ - Tue, 09 Feb 2021 11:18:31 +0100 - - https://codelibrary.opendatasoft.com/tags/map/ + Map + https://codelibrary.huwize.com/tags/map/ + Wed, 30 Mar 2022 00:00:00 +0000 + https://codelibrary.huwize.com/tags/map/ - - geo - https://codelibrary.opendatasoft.com/tags/geo/ - Mon, 24 Aug 2020 15:57:58 +0200 - - https://codelibrary.opendatasoft.com/tags/geo/ + Ods-Maps + https://codelibrary.huwize.com/tags/ods-maps/ + Wed, 30 Mar 2022 00:00:00 +0000 + https://codelibrary.huwize.com/tags/ods-maps/ - - date - https://codelibrary.opendatasoft.com/tags/date/ - Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/tags/date/ + Chart + https://codelibrary.huwize.com/tags/chart/ + Wed, 30 Mar 2022 00:00:00 +0100 + https://codelibrary.huwize.com/tags/chart/ - - filter - https://codelibrary.opendatasoft.com/tags/filter/ - Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/tags/filter/ + List + https://codelibrary.huwize.com/tags/list/ + Sun, 20 Mar 2022 00:00:00 +0000 + https://codelibrary.huwize.com/tags/list/ - - ods-aggregation - https://codelibrary.opendatasoft.com/tags/ods-aggregation/ - Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/tags/ods-aggregation/ + Aggregation + https://codelibrary.huwize.com/tags/aggregation/ + Thu, 09 Dec 2021 00:00:00 +0000 + https://codelibrary.huwize.com/tags/aggregation/ + + + + Ods-Adv-Analysis + https://codelibrary.huwize.com/tags/ods-adv-analysis/ + Thu, 09 Dec 2021 00:00:00 +0000 + https://codelibrary.huwize.com/tags/ods-adv-analysis/ + + + + Ods-Aggregation + https://codelibrary.huwize.com/tags/ods-aggregation/ + Fri, 20 Aug 2021 18:02:27 +0200 + https://codelibrary.huwize.com/tags/ods-aggregation/ + + + + Ods-Subaggregation + https://codelibrary.huwize.com/tags/ods-subaggregation/ + Fri, 20 Aug 2021 18:02:27 +0200 + https://codelibrary.huwize.com/tags/ods-subaggregation/ + + + + Ods-Analysis + https://codelibrary.huwize.com/tags/ods-analysis/ + Mon, 21 Jun 2021 14:46:16 +0200 + https://codelibrary.huwize.com/tags/ods-analysis/ - - ods-maps - https://codelibrary.opendatasoft.com/tags/ods-maps/ + Date + https://codelibrary.huwize.com/tags/date/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/tags/ods-maps/ + https://codelibrary.huwize.com/tags/date/ - diff --git a/public/tags/list/index.html b/public/tags/list/index.html index a3ab099a1..670a2e3fb 100644 --- a/public/tags/list/index.html +++ b/public/tags/list/index.html @@ -3,7 +3,7 @@ - list – Codelibrary + List – Codelibrary @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@ - @@ -159,7 +176,7 @@

                              - +

                              - ods-table: Fixed column + ods-select - - 1 - +

                              +

                              + ods-select allows the selection of one or more items from a list of options. This resource present different combinations with ods-facet-results or ods-analysis to feed the selection list. + +

                              +
                              + +
                              + display +
                              + +
                              + navigation +
                              + +
                              + list +
                              + +
                              +
                              +                               + + +
                              +

                              + Listing Generator + + +

                              +

                              + Ideal for listing! Edit only a few settings to generate a modern looking visulization that uses ODS components and widgets. + +

                              +
                              + +
                              + display +
                              + +
                              + navigation +
                              + +
                              + list +
                              + +
                              +
                              +                               + + +
                              +

                              + Listing page +

                              + A template version of the listing generator, for the users who want to add more customization to the automated version.

                              @@ -591,8 +743,9 @@

                              - This dashboard presents the main informations from the monitoring dataset. See the full documentation about the monitoring dataset. See themed versions of this dashboard here. -Note: Since monitoring data are private, we use a dummy dataset in these exemple. +

                              This dashboard presents the main figures from the monitoring dataset. See the full documentation about the monitoring dataset. +See themed versions of this dashboard here.

                              +

                              Note: Since monitoring data are private, we use a dummy dataset in this example.

                              @@ -939,35 +1092,6 @@

                              - -
                              -

                              - Listing Generator - - -

                              -

                              - Ideal for listing! Edit only a few settings to generate a modern looking visulization that uses ODS components and widgets. - -

                              -
                              - -
                              - display -
                              - -
                              - navigation -
                              - -
                              - list -
                              - -
                              -
                              -                               -

                              @@ -1022,35 +1146,6 @@

                              - -
                              -

                              - ods-select - - -

                              -

                              - ods-select allows the selection of one or more items from a list of options. This resource present different combinations with ods-facet-results or ods-analysis to feed the selection list. - -

                              -
                              - -
                              - display -
                              - -
                              - navigation -
                              - -
                              - list -
                              - -
                              -
                              -                               -

                              @@ -1082,16 +1177,16 @@

                              - - + - © Copyright 2020 + © Copyright 2026
                              @@ -1103,7 +1198,7 @@

                              diff --git a/public/tags/list/index.xml b/public/tags/list/index.xml index 6d09a28ea..11cb3d9bd 100644 --- a/public/tags/list/index.xml +++ b/public/tags/list/index.xml @@ -1,208 +1,159 @@ - list on Codelibrary - https://codelibrary.opendatasoft.com/tags/list/ - Recent content in list on Codelibrary - Hugo -- gohugo.io + List on Codelibrary + https://codelibrary.huwize.com/tags/list/ + Recent content in List on Codelibrary + Hugo en-us - Fri, 30 Jul 2021 18:37:13 +0200 + Sun, 20 Mar 2022 00:00:00 +0000 + - ods-table: Fixed column - https://codelibrary.opendatasoft.com/widget-tricks/ods-table-fixed-col/ - Fri, 30 Jul 2021 18:37:13 +0200 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-table-fixed-col/ + ods-select + https://codelibrary.huwize.com/widget-tricks/ods-select/ + Sun, 20 Mar 2022 00:00:00 +0000 + https://codelibrary.huwize.com/widget-tricks/ods-select/ + <p>ods-select allows the selection of one or more items from a list of options. This resource present different combination with ods-facet-results or ods-analysis to feed the selection list.</p> <p><a href="https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsSelect">ods-select widget documentation</a></p> + + + Listing Generator + https://codelibrary.huwize.com/generators/listing-generator/ + Thu, 10 Feb 2022 00:00:00 +0100 + https://codelibrary.huwize.com/generators/listing-generator/ + <blockquote> <p>The code of these resources is not meant to be modified. It requires good development skills and strong knowledge of widgets. Huwise will encourage to develop your own page if it doesn&rsquo;t suit your needs (and therefor won&rsquo;t provide support if you still try to modified it)</p></blockquote> <p>Find <a href="https://codelibrary.huwize.com/generators/listing-generator/#listing-generator-documentation">the complete documentation</a> at the end of this page</p> + + + Listing page + https://codelibrary.huwize.com/page-templates/listing-page/ + Wed, 05 Jan 2022 12:00:00 +0200 + https://codelibrary.huwize.com/page-templates/listing-page/ - ods-results - https://codelibrary.opendatasoft.com/widget-tricks/ods-results/ + https://codelibrary.huwize.com/widget-tricks/ods-results/ Mon, 21 Jun 2021 20:03:38 +0200 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-results/ - ods-results is a rather simple widget to list records from a dataset. They can be displayed as a list or cards. -ods-results widget documentation -Several Code Library resources rely on ods-results, for example the table module component, to list records in a table. The search module component, to display the results of a search query. The generators also use an ods-results internally to list dataset content. + https://codelibrary.huwize.com/widget-tricks/ods-results/ + <p><strong>ods-results</strong> is a rather simple widget to list records from a dataset. They can be displayed as a list or cards.</p> <p><a href="https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsResults">ods-results widget documentation</a></p> <p>Several Code Library resources rely on ods-results, for example the <a href="https://codelibrary.huwize.com/components/table-module/">table module component</a>, to list records in a table. The <a href="https://codelibrary.huwize.com/components/search-module/">search module component</a>, to display the results of a search query. The <a href="https://codelibrary.huwize.com/generators">generators</a> also use an ods-results internally to list dataset content.</p> - Material themed cards - https://codelibrary.opendatasoft.com/components/material-themed-cards/ + https://codelibrary.huwize.com/components/material-themed-cards/ Wed, 09 Jun 2021 10:39:16 +0200 - - https://codelibrary.opendatasoft.com/components/material-themed-cards/ - These cards are meant to be themed using only the following variables: - --primary-hue: 265; --primary-saturation: 90%; --primary-lightness: 47%; --surface: white; --background: white; --card-text: #424242; --body-text: #424242; It works with HSL colors, by inputting the --primary-hue, --primary-saturation and --primary-lightness separately. -These cards can be used anywhere and will fit 100% of their parent container. We recommend using them with a grid system, like the one used here. -All cards are prented with a sticky filter bar, to present how they can interact. + https://codelibrary.huwize.com/components/material-themed-cards/ + <p>These cards are meant to be themed using only the following variables:</p> <pre tabindex="0"><code> --primary-hue: 265; --primary-saturation: 90%; --primary-lightness: 47%; --surface: white; --background: white; --card-text: #424242; --body-text: #424242; </code></pre><p>It works with <a href="https://www.w3schools.com/colors/colors_hsl.asp">HSL colors</a>, by inputting the <code>--primary-hue</code>, <code>--primary-saturation</code> and <code>--primary-lightness</code> separately.</p> <p>These cards can be used anywhere and will fit 100% of their parent container. We recommend using them with a grid system, like the one used here.</p> <p>All cards are prented with a sticky filter bar, to present how they can interact. The sticky bar is compatible with the color theming, but is not required.</p> - Monitoring Dashboard - https://codelibrary.opendatasoft.com/page-templates/monitoring-dashboard/ + https://codelibrary.huwize.com/page-templates/monitoring-dashboard/ Mon, 03 May 2021 15:26:47 +0200 - - https://codelibrary.opendatasoft.com/page-templates/monitoring-dashboard/ - This dashboard presents the main informations from the monitoring dataset. See the full documentation about the monitoring dataset. See themed versions of this dashboard here. -Note: Since monitoring data are private, we use a dummy dataset in these exemple. + https://codelibrary.huwize.com/page-templates/monitoring-dashboard/ + <p>This dashboard presents the main figures from the monitoring dataset. See the full documentation about the <a href="https://help.huwise.com/platform/en/managing_domain/03_analyzing_domain_usage/analyzing_source_data.html">monitoring dataset</a>. See themed versions of this dashboard <a href="'/themed-dashboard'">here</a>.</p> <p><em><strong>Note:</strong> Since monitoring data are private, we use a dummy dataset in this example.</em></p> - Custom view Generator - https://codelibrary.opendatasoft.com/custom-views/custom-view-generator/ + https://codelibrary.huwize.com/custom-views/custom-view-generator/ Fri, 12 Mar 2021 00:00:00 +0100 - - https://codelibrary.opendatasoft.com/custom-views/custom-view-generator/ + https://codelibrary.huwize.com/custom-views/custom-view-generator/ - Custom view Generator - https://codelibrary.opendatasoft.com/generators/custom-view-generator/ + https://codelibrary.huwize.com/generators/custom-view-generator/ Fri, 12 Mar 2021 00:00:00 +0100 - - https://codelibrary.opendatasoft.com/generators/custom-view-generator/ + https://codelibrary.huwize.com/generators/custom-view-generator/ - KPIs - https://codelibrary.opendatasoft.com/components/kpis/ + https://codelibrary.huwize.com/components/kpis/ Tue, 23 Feb 2021 15:21:27 +0100 - - https://codelibrary.opendatasoft.com/components/kpis/ + https://codelibrary.huwize.com/components/kpis/ - Buttons - https://codelibrary.opendatasoft.com/components/buttons/ + https://codelibrary.huwize.com/components/buttons/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/components/buttons/ + https://codelibrary.huwize.com/components/buttons/ - Contact Cards - https://codelibrary.opendatasoft.com/components/contact-card/ + https://codelibrary.huwize.com/components/contact-card/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/components/contact-card/ + https://codelibrary.huwize.com/components/contact-card/ - Content cards - https://codelibrary.opendatasoft.com/components/content-card/ + https://codelibrary.huwize.com/components/content-card/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/components/content-card/ - Generic card to display your content. Some classes are available to easily style your titles, text and buttons. + https://codelibrary.huwize.com/components/content-card/ + <p>Generic card to display your content. Some classes are available to easily style your titles, text and buttons.</p> - Custom catalog card - https://codelibrary.opendatasoft.com/widget-tricks/catalog-cards/ + https://codelibrary.huwize.com/widget-tricks/catalog-cards/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/catalog-cards/ - The catalog card represents the published datasets of that portal. (see Exploring a dataset from the catalog). -The platform allows to customize the catalog cards displayed in the catalog of the portal, by providing custom HTML and CSS to override the default version. This resource propose different versions and technical tricks that can be used to highlighted datasets by keywords or theme for example. + https://codelibrary.huwize.com/widget-tricks/catalog-cards/ + <p>The catalog card represents the published datasets of that portal. (see <a href="https://help.huwise.com/platform/en/exploring_catalog_and_datasets/01_navigating_the_catalog/catalog.html#exploring-dataset">Exploring a dataset from the catalog</a>).</p> <p>The platform allows to customize the catalog cards displayed in the catalog of the portal, by providing custom HTML and CSS to override the default version. This resource propose different versions and technical tricks that can be used to highlighted datasets by keywords or theme for example.</p> - Custom theme boxes - https://codelibrary.opendatasoft.com/components/custom-theme-boxes/ + https://codelibrary.huwize.com/components/custom-theme-boxes/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/components/custom-theme-boxes/ - Replicate the ods-theme-boxes widget funtionality to create custom theme boxes which are easier to style and layout. + https://codelibrary.huwize.com/components/custom-theme-boxes/ + <p>Replicate the <code>ods-theme-boxes</code> widget funtionality to create custom theme boxes which are easier to style and layout.</p> - Dropdown module - https://codelibrary.opendatasoft.com/components/dropdown-module/ + https://codelibrary.huwize.com/components/dropdown-module/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/components/dropdown-module/ + https://codelibrary.huwize.com/components/dropdown-module/ - Filters as an HTML Select - https://codelibrary.opendatasoft.com/widget-tricks/filter-as-list/ + https://codelibrary.huwize.com/widget-tricks/filter-as-list/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/filter-as-list/ - + https://codelibrary.huwize.com/widget-tricks/filter-as-list/ + <blockquote> <p><strong>!! WARNING !!</strong> This ressource is deprecated ! Please use <code>ods-select</code> instead. <a href="https://codelibrary.huwise.com/widget-tricks/ods-select/">Documentation available here</a></p></blockquote> - Image cards - https://codelibrary.opendatasoft.com/components/image-card/ - Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/components/image-card/ - - - - - Listing Generator - https://codelibrary.opendatasoft.com/generators/listing-generator/ + https://codelibrary.huwize.com/components/image-card/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/generators/listing-generator/ + https://codelibrary.huwize.com/components/image-card/ - Map Listing Generator - https://codelibrary.opendatasoft.com/generators/map-listing/ + https://codelibrary.huwize.com/generators/map-listing/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/generators/map-listing/ - Edit only a few settings to generate a modern looking visualization that uses ODS components and widgets. + https://codelibrary.huwize.com/generators/map-listing/ + <blockquote> <p>Note: The listing generator V3 can now handle maps, pagination and other new features. We then recommend to use the <a href="https://codelibrary.huwize.com/generators/listing-generator/">listing generator</a> instead of this resource.</p></blockquote> <p>Edit only a few settings to generate a modern looking visualization that uses ODS components and widgets.</p> - ods-date-range-slider - https://codelibrary.opendatasoft.com/widget-tricks/ods-date-range-slider/ + https://codelibrary.huwize.com/widget-tricks/ods-date-range-slider/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-date-range-slider/ + https://codelibrary.huwize.com/widget-tricks/ods-date-range-slider/ - - - ods-select - https://codelibrary.opendatasoft.com/widget-tricks/ods-select/ - Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-select/ - ods-select allows the selection of one or more items from a list of options. This resource present different combination with ods-facet-results or ods-analysis to feed the selection list. -ods-select widget documentation - - Table module - https://codelibrary.opendatasoft.com/components/table-module/ + https://codelibrary.huwize.com/components/table-module/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/components/table-module/ + https://codelibrary.huwize.com/components/table-module/ - Timeline - https://codelibrary.opendatasoft.com/page-templates/timeline/ + https://codelibrary.huwize.com/page-templates/timeline/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/page-templates/timeline/ + https://codelibrary.huwize.com/page-templates/timeline/ - diff --git a/public/tags/list/page/1/index.html b/public/tags/list/page/1/index.html index edf56f6d4..397ddbe5e 100644 --- a/public/tags/list/page/1/index.html +++ b/public/tags/list/page/1/index.html @@ -1 +1,9 @@ -https://codelibrary.opendatasoft.com/tags/list/ \ No newline at end of file + + + + https://codelibrary.huwize.com/tags/list/ + + + + + diff --git a/public/tags/list/page/2/index.html b/public/tags/list/page/2/index.html index b87201945..b497d38ac 100644 --- a/public/tags/list/page/2/index.html +++ b/public/tags/list/page/2/index.html @@ -3,7 +3,7 @@ - list – Codelibrary + List – Codelibrary @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@

                              - @@ -159,7 +176,7 @@
                              - - + - © Copyright 2020 + © Copyright 2026
                              @@ -553,7 +650,7 @@

                              diff --git a/public/tags/map/index.html b/public/tags/map/index.html index 5dc8b7b0e..0b3de847d 100644 --- a/public/tags/map/index.html +++ b/public/tags/map/index.html @@ -3,7 +3,7 @@ - map – Codelibrary + Map – Codelibrary @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@ - @@ -159,7 +176,7 @@

                              - +

                              - GTFS Custom View + ods-map: Refine & Zoom

                              - This custom view will let you display routes and stops from a General Transit Feed Specification (GTFS) file. It can be used either as a custom view inside your catalog or on a custom page. + Showcase how the map can be used as a selector through the refine-on-click option. It also provides an example to show/hide map layers depending on the zoom +

                              +
                              + ods-maps +
                              +
                              map
                              +
                              + geo +
                              + +
                              + filter +
                              + +
                              + display +
                              +
                              - +

                              - Custom Tooltips + GTFS Custom View

                              - These are resources to create custom tooltips for your maps. You can use them directly in the map editor (in which case you will omit the context) or in your pages. +

                              This custom view will let you display routes and stops from a General Transit Feed Specification (GTFS) file. It can be used either as a custom view inside your catalog or on a custom page.

                              @@ -541,39 +655,22 @@

                              - +

                              - ods-map: Refine & Zoom + Custom Tooltips

                              - Showcase how the map can be used as a selector through the refine-on-click option. It also provides an example to show/hide map layers depending on the zoom - +

                              These are resources to create custom tooltips for your maps. You can use them directly in the map editor (in which case you will omit the context) or in your pages.

                              -
                              - ods-maps -
                              -
                              map
                              -
                              - geo -
                              - -
                              - filter -
                              - -
                              - display -
                              -
                              @@ -584,16 +681,16 @@

                              - - + - © Copyright 2020 + © Copyright 2026
                              @@ -605,7 +702,7 @@

                              diff --git a/public/tags/map/index.xml b/public/tags/map/index.xml index 0c82a0fbf..0cd159ed9 100644 --- a/public/tags/map/index.xml +++ b/public/tags/map/index.xml @@ -1,38 +1,33 @@ - map on Codelibrary - https://codelibrary.opendatasoft.com/tags/map/ - Recent content in map on Codelibrary - Hugo -- gohugo.io + Map on Codelibrary + https://codelibrary.huwize.com/tags/map/ + Recent content in Map on Codelibrary + Hugo en-us - Tue, 09 Feb 2021 11:18:31 +0100 + Wed, 30 Mar 2022 00:00:00 +0000 + + + ods-map: Refine & Zoom + https://codelibrary.huwize.com/widget-tricks/ods-map-tricks/ + Wed, 30 Mar 2022 00:00:00 +0000 + https://codelibrary.huwize.com/widget-tricks/ods-map-tricks/ + + GTFS Custom View - https://codelibrary.opendatasoft.com/custom-views/gtfs-custom/ + https://codelibrary.huwize.com/custom-views/gtfs-custom/ Tue, 09 Feb 2021 11:18:31 +0100 - - https://codelibrary.opendatasoft.com/custom-views/gtfs-custom/ - This custom view will let you display routes and stops from a General Transit Feed Specification (GTFS) file. It can be used either as a custom view inside your catalog or on a custom page. + https://codelibrary.huwize.com/custom-views/gtfs-custom/ + <p>This custom view will let you display routes and stops from a General Transit Feed Specification (GTFS) file. It can be used either as a <a href="https://help.huwise.com/platform/en/publishing_data/07_configuring_visualizations/06_configuring_custom_view/custom.html#configuring-the-custom-view">custom view</a> inside your catalog or on a custom page.</p> - Custom Tooltips - https://codelibrary.opendatasoft.com/widget-tricks/custom-tooltips/ + https://codelibrary.huwize.com/widget-tricks/custom-tooltips/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/custom-tooltips/ - These are resources to create custom tooltips for your maps. You can use them directly in the map editor (in which case you will omit the context) or in your pages. - - - - ods-map: Refine & Zoom - https://codelibrary.opendatasoft.com/widget-tricks/ods-map-tricks/ - Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-map-tricks/ - + https://codelibrary.huwize.com/widget-tricks/custom-tooltips/ + <p>These are resources to create custom tooltips for your maps. You can use them directly <a href="https://help.huwise.com/platform/en/publishing_data/07_configuring_visualizations/02_configuring_map_view/tooltip.html#custom-html-tooltip">in the map editor</a> (in which case you will omit the context) or in your pages.</p> - diff --git a/public/tags/map/page/1/index.html b/public/tags/map/page/1/index.html index 0ac53a06c..b035f3d78 100644 --- a/public/tags/map/page/1/index.html +++ b/public/tags/map/page/1/index.html @@ -1 +1,9 @@ -https://codelibrary.opendatasoft.com/tags/map/ \ No newline at end of file + + + + https://codelibrary.huwize.com/tags/map/ + + + + + diff --git a/public/tags/navigation/index.html b/public/tags/navigation/index.html index 3de5dec62..7a0e40307 100644 --- a/public/tags/navigation/index.html +++ b/public/tags/navigation/index.html @@ -3,7 +3,7 @@ - navigation – Codelibrary + Navigation – Codelibrary @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@ - @@ -159,7 +176,7 @@

                              - +

                              - Material themed cards + Access cards

                              - Cards with minimalistic customization of widget that you can theme with colors + Card to highlight a redirection to another page. Different styles are available.

                              - display + navigation
                              - navigation + card
                              - list + redirection
                              - +

                              - Monitoring Dashboard + Search module

                              - This dashboard presents the main informations from the monitoring dataset. See the full documentation about the monitoring dataset. See themed versions of this dashboard here. -Note: Since monitoring data are private, we use a dummy dataset in these exemple. + This module is a stylised search bar with a modern look. +

                              -
                              - display -
                              -
                              navigation
                              -
                              - list -
                              -
                              - +

                              - Custom view Generator + Comparison Generator

                              - This version is optimized for dataset custom views. It melts perfectly with dataset exploration layout by using filters and search bar. But while embeding the view it activates automatically it's own search and filters. Try it on code pen and in a dataset to see how it behaves + This generator builds a comparison dashboard. Edit a few settings and compare 2 values, such as territories or categories, from one dataset.

                              @@ -581,22 +670,26 @@

                              - list + filter +
                              + +
                              + chart
                              - +

                              - Custom view Generator + ods-select

                              - This version is optimized for dataset custom views. It melts perfectly with dataset exploration layout by using filters and search bar. But while embeding the view it activates automatically it's own search and filters. Try it on code pen and in a dataset to see how it behaves + ods-select allows the selection of one or more items from a list of options. This resource present different combinations with ods-facet-results or ods-analysis to feed the selection list.

                              @@ -617,15 +710,15 @@

                              - +

                              - KPIs + Listing Generator

                              - KPI cards, to display aggregation and values. + Ideal for listing! Edit only a few settings to generate a modern looking visulization that uses ODS components and widgets.

                              @@ -642,23 +735,19 @@

                              list

                              -
                              - aggregation -
                              -
                              - +

                              - Buttons + Material themed cards

                              - Examples of different buttons with hover styles. Lightly styled buttons with which to build your pages and dashboards. + Cards with minimalistic customization of widget that you can theme with colors

                              @@ -679,16 +768,17 @@

                              - +

                              - Contact Cards + Monitoring Dashboard

                              - A simple contact card for your organization, with a simple pop in for additional contact information. - +

                              This dashboard presents the main figures from the monitoring dataset. See the full documentation about the monitoring dataset. +See themed versions of this dashboard here.

                              +

                              Note: Since monitoring data are private, we use a dummy dataset in this example.

                              @@ -708,19 +798,23 @@

                              - +

                              - Content cards + Custom view Generator

                              - Generic card to display your content. Some classes are available to easily style your titles, text and buttons. + This version is optimized for dataset custom views. It melts perfectly with dataset exploration layout by using filters and search bar. But while embeding the view it activates automatically it's own search and filters. Try it on code pen and in a dataset to see how it behaves

                              +
                              + display +
                              +
                              navigation
                              @@ -733,44 +827,44 @@

                              - +

                              - Custom catalog card + Custom view Generator

                              - Override default catalog cards to highlight key metadata for your business + This version is optimized for dataset custom views. It melts perfectly with dataset exploration layout by using filters and search bar. But while embeding the view it activates automatically it's own search and filters. Try it on code pen and in a dataset to see how it behaves

                              - list + display
                              - display + navigation
                              - navigation + list
                              - +

                              - Custom theme boxes + KPIs

                              - Custom theme boxes with more flexibility in styling and layout. + KPI cards, to display aggregation and values.

                              @@ -779,56 +873,60 @@

                              display

                              +
                              + navigation +
                              +
                              list
                              - navigation + aggregation
                              - +

                              - Drill-down refine in charts + Buttons

                              - Use chart to refine your page, and go deeper in your analysis step by step + Examples of different buttons with hover styles. Lightly styled buttons with which to build your pages and dashboards.

                              - navigation + display
                              - chart + navigation
                              - filter + list
                              - +

                              - Dropdown module + Contact Cards

                              - This module proposes a dropdown menu with a modern look. + A simple contact card for your organization, with a simple pop in for additional contact information.

                              @@ -845,31 +943,23 @@

                              list

                              -
                              - filter -
                              -
                              - +

                              - Filters as an HTML Select + Content cards

                              - Display your facets and filters in a list with simple HTML selects + Generic card to display your content. Some classes are available to easily style your titles, text and buttons.

                              -
                              - display -
                              -
                              navigation
                              @@ -878,27 +968,27 @@

                              list

                              -
                              - filter -
                              -
                              - +

                              - Home page 1 + Custom catalog card

                              - A home page for your Opendatasoft portal, alternative 1 + Override default catalog cards to highlight key metadata for your business

                              +
                              + list +
                              +
                              display
                              @@ -911,15 +1001,15 @@

                              - +

                              - Home page 2 + Custom theme boxes

                              - An home page for your Opendatasoft portal, alternative 2 + Custom theme boxes with more flexibility in styling and layout.

                              @@ -928,6 +1018,10 @@

                              display

                              +
                              + list +
                              +
                              navigation
                              @@ -936,40 +1030,44 @@

                              - +

                              - Home page 3 + Drill-down refine in charts

                              - A home page for your Opendatasoft portal, alternative 3 + Use chart to refine your page, and go deeper in your analysis step by step

                              - display + navigation
                              - navigation + chart +
                              + +
                              + filter
                              - +

                              - Image cards + Dropdown module

                              - A card with an image background, useful for home page navigation and sections. + This module proposes a dropdown menu with a modern look.

                              @@ -986,19 +1084,23 @@

                              list

                              +
                              + filter +
                              +
                              - +

                              - Listing Generator + Filters as an HTML Select

                              - Ideal for listing! Edit only a few settings to generate a modern looking visulization that uses ODS components and widgets. + Display your facets and filters in a list with simple HTML selects

                              @@ -1015,19 +1117,23 @@

                              list

                              +
                              + filter +
                              +
                              - +

                              - ods-select + Home page 1

                              - ods-select allows the selection of one or more items from a list of options. This resource present different combinations with ods-facet-results or ods-analysis to feed the selection list. + A home page for your Huwise portal, alternative 1

                              @@ -1040,23 +1146,19 @@

                              navigation

                              -
                              - list -
                              -
                              - +

                              - ods-simple-tabs + Home page 2

                              - Style and layout suggestions for the ods-simple-tabs widget. + An home page for your Huwise portal, alternative 2

                              @@ -1079,16 +1181,16 @@

                              - - + - © Copyright 2020 + © Copyright 2026
                              @@ -1100,7 +1202,7 @@

                              diff --git a/public/tags/navigation/index.xml b/public/tags/navigation/index.xml index 6a9a6a877..7413c546d 100644 --- a/public/tags/navigation/index.xml +++ b/public/tags/navigation/index.xml @@ -1,226 +1,194 @@ - navigation on Codelibrary - https://codelibrary.opendatasoft.com/tags/navigation/ - Recent content in navigation on Codelibrary - Hugo -- gohugo.io + Navigation on Codelibrary + https://codelibrary.huwize.com/tags/navigation/ + Recent content in Navigation on Codelibrary + Hugo en-us - Wed, 09 Jun 2021 10:39:16 +0200 + Wed, 08 Jun 2022 00:00:00 +0000 + + + Access cards + https://codelibrary.huwize.com/components/access-card/ + Wed, 08 Jun 2022 00:00:00 +0000 + https://codelibrary.huwize.com/components/access-card/ + <p>Card to highlight a redirection to another page. Different styles are available.</p> <p><strong>Tips:</strong></p> <ul> <li>You can change the background image in the HTML file</li> <li>You can change the arrow icon with another icon from <a href="https://fontawesome.com/v4.7.0/icons/">the Fontawesome Library</a></li> </ul> + + + Search module + https://codelibrary.huwize.com/components/search-module/ + Fri, 01 Apr 2022 00:00:00 +0000 + https://codelibrary.huwize.com/components/search-module/ + + + + Comparison Generator + https://codelibrary.huwize.com/generators/comparison-generator/ + Wed, 30 Mar 2022 00:00:00 +0100 + https://codelibrary.huwize.com/generators/comparison-generator/ + + + + ods-select + https://codelibrary.huwize.com/widget-tricks/ods-select/ + Sun, 20 Mar 2022 00:00:00 +0000 + https://codelibrary.huwize.com/widget-tricks/ods-select/ + <p>ods-select allows the selection of one or more items from a list of options. This resource present different combination with ods-facet-results or ods-analysis to feed the selection list.</p> <p><a href="https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsSelect">ods-select widget documentation</a></p> + + + Listing Generator + https://codelibrary.huwize.com/generators/listing-generator/ + Thu, 10 Feb 2022 00:00:00 +0100 + https://codelibrary.huwize.com/generators/listing-generator/ + <blockquote> <p>The code of these resources is not meant to be modified. It requires good development skills and strong knowledge of widgets. Huwise will encourage to develop your own page if it doesn&rsquo;t suit your needs (and therefor won&rsquo;t provide support if you still try to modified it)</p></blockquote> <p>Find <a href="https://codelibrary.huwize.com/generators/listing-generator/#listing-generator-documentation">the complete documentation</a> at the end of this page</p> + Material themed cards - https://codelibrary.opendatasoft.com/components/material-themed-cards/ + https://codelibrary.huwize.com/components/material-themed-cards/ Wed, 09 Jun 2021 10:39:16 +0200 - - https://codelibrary.opendatasoft.com/components/material-themed-cards/ - These cards are meant to be themed using only the following variables: - --primary-hue: 265; --primary-saturation: 90%; --primary-lightness: 47%; --surface: white; --background: white; --card-text: #424242; --body-text: #424242; It works with HSL colors, by inputting the --primary-hue, --primary-saturation and --primary-lightness separately. -These cards can be used anywhere and will fit 100% of their parent container. We recommend using them with a grid system, like the one used here. -All cards are prented with a sticky filter bar, to present how they can interact. + https://codelibrary.huwize.com/components/material-themed-cards/ + <p>These cards are meant to be themed using only the following variables:</p> <pre tabindex="0"><code> --primary-hue: 265; --primary-saturation: 90%; --primary-lightness: 47%; --surface: white; --background: white; --card-text: #424242; --body-text: #424242; </code></pre><p>It works with <a href="https://www.w3schools.com/colors/colors_hsl.asp">HSL colors</a>, by inputting the <code>--primary-hue</code>, <code>--primary-saturation</code> and <code>--primary-lightness</code> separately.</p> <p>These cards can be used anywhere and will fit 100% of their parent container. We recommend using them with a grid system, like the one used here.</p> <p>All cards are prented with a sticky filter bar, to present how they can interact. The sticky bar is compatible with the color theming, but is not required.</p> - Monitoring Dashboard - https://codelibrary.opendatasoft.com/page-templates/monitoring-dashboard/ + https://codelibrary.huwize.com/page-templates/monitoring-dashboard/ Mon, 03 May 2021 15:26:47 +0200 - - https://codelibrary.opendatasoft.com/page-templates/monitoring-dashboard/ - This dashboard presents the main informations from the monitoring dataset. See the full documentation about the monitoring dataset. See themed versions of this dashboard here. -Note: Since monitoring data are private, we use a dummy dataset in these exemple. + https://codelibrary.huwize.com/page-templates/monitoring-dashboard/ + <p>This dashboard presents the main figures from the monitoring dataset. See the full documentation about the <a href="https://help.huwise.com/platform/en/managing_domain/03_analyzing_domain_usage/analyzing_source_data.html">monitoring dataset</a>. See themed versions of this dashboard <a href="'/themed-dashboard'">here</a>.</p> <p><em><strong>Note:</strong> Since monitoring data are private, we use a dummy dataset in this example.</em></p> - Custom view Generator - https://codelibrary.opendatasoft.com/custom-views/custom-view-generator/ + https://codelibrary.huwize.com/custom-views/custom-view-generator/ Fri, 12 Mar 2021 00:00:00 +0100 - - https://codelibrary.opendatasoft.com/custom-views/custom-view-generator/ + https://codelibrary.huwize.com/custom-views/custom-view-generator/ - Custom view Generator - https://codelibrary.opendatasoft.com/generators/custom-view-generator/ + https://codelibrary.huwize.com/generators/custom-view-generator/ Fri, 12 Mar 2021 00:00:00 +0100 - - https://codelibrary.opendatasoft.com/generators/custom-view-generator/ + https://codelibrary.huwize.com/generators/custom-view-generator/ - KPIs - https://codelibrary.opendatasoft.com/components/kpis/ + https://codelibrary.huwize.com/components/kpis/ Tue, 23 Feb 2021 15:21:27 +0100 - - https://codelibrary.opendatasoft.com/components/kpis/ + https://codelibrary.huwize.com/components/kpis/ - Buttons - https://codelibrary.opendatasoft.com/components/buttons/ + https://codelibrary.huwize.com/components/buttons/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/components/buttons/ + https://codelibrary.huwize.com/components/buttons/ - Contact Cards - https://codelibrary.opendatasoft.com/components/contact-card/ + https://codelibrary.huwize.com/components/contact-card/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/components/contact-card/ + https://codelibrary.huwize.com/components/contact-card/ - Content cards - https://codelibrary.opendatasoft.com/components/content-card/ + https://codelibrary.huwize.com/components/content-card/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/components/content-card/ - Generic card to display your content. Some classes are available to easily style your titles, text and buttons. + https://codelibrary.huwize.com/components/content-card/ + <p>Generic card to display your content. Some classes are available to easily style your titles, text and buttons.</p> - Custom catalog card - https://codelibrary.opendatasoft.com/widget-tricks/catalog-cards/ + https://codelibrary.huwize.com/widget-tricks/catalog-cards/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/catalog-cards/ - The catalog card represents the published datasets of that portal. (see Exploring a dataset from the catalog). -The platform allows to customize the catalog cards displayed in the catalog of the portal, by providing custom HTML and CSS to override the default version. This resource propose different versions and technical tricks that can be used to highlighted datasets by keywords or theme for example. + https://codelibrary.huwize.com/widget-tricks/catalog-cards/ + <p>The catalog card represents the published datasets of that portal. (see <a href="https://help.huwise.com/platform/en/exploring_catalog_and_datasets/01_navigating_the_catalog/catalog.html#exploring-dataset">Exploring a dataset from the catalog</a>).</p> <p>The platform allows to customize the catalog cards displayed in the catalog of the portal, by providing custom HTML and CSS to override the default version. This resource propose different versions and technical tricks that can be used to highlighted datasets by keywords or theme for example.</p> - Custom theme boxes - https://codelibrary.opendatasoft.com/components/custom-theme-boxes/ + https://codelibrary.huwize.com/components/custom-theme-boxes/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/components/custom-theme-boxes/ - Replicate the ods-theme-boxes widget funtionality to create custom theme boxes which are easier to style and layout. + https://codelibrary.huwize.com/components/custom-theme-boxes/ + <p>Replicate the <code>ods-theme-boxes</code> widget funtionality to create custom theme boxes which are easier to style and layout.</p> - Drill-down refine in charts - https://codelibrary.opendatasoft.com/widget-tricks/drill-down/ + https://codelibrary.huwize.com/widget-tricks/drill-down/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/drill-down/ + https://codelibrary.huwize.com/widget-tricks/drill-down/ - Dropdown module - https://codelibrary.opendatasoft.com/components/dropdown-module/ + https://codelibrary.huwize.com/components/dropdown-module/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/components/dropdown-module/ + https://codelibrary.huwize.com/components/dropdown-module/ - Filters as an HTML Select - https://codelibrary.opendatasoft.com/widget-tricks/filter-as-list/ + https://codelibrary.huwize.com/widget-tricks/filter-as-list/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/filter-as-list/ - + https://codelibrary.huwize.com/widget-tricks/filter-as-list/ + <blockquote> <p><strong>!! WARNING !!</strong> This ressource is deprecated ! Please use <code>ods-select</code> instead. <a href="https://codelibrary.huwise.com/widget-tricks/ods-select/">Documentation available here</a></p></blockquote> - Home page 1 - https://codelibrary.opendatasoft.com/page-templates/home-1/ + https://codelibrary.huwize.com/page-templates/home-1/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/page-templates/home-1/ + https://codelibrary.huwize.com/page-templates/home-1/ - Home page 2 - https://codelibrary.opendatasoft.com/page-templates/home-2/ + https://codelibrary.huwize.com/page-templates/home-2/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/page-templates/home-2/ + https://codelibrary.huwize.com/page-templates/home-2/ - Home page 3 - https://codelibrary.opendatasoft.com/page-templates/home-3/ + https://codelibrary.huwize.com/page-templates/home-3/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/page-templates/home-3/ + https://codelibrary.huwize.com/page-templates/home-3/ - - Image cards - https://codelibrary.opendatasoft.com/components/image-card/ + Home page 4 with access cards + https://codelibrary.huwize.com/page-templates/home-4-access-cards/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/components/image-card/ - + https://codelibrary.huwize.com/page-templates/home-4-access-cards/ + <p>This home page integrates the first version of the <a href="https://codelibrary.huwise.com/components/access-card/">component Access cards</a> to highlight redirections to other pages. The access cards are inserted in a grid container, so that all the cards have the same height.</p> <p><strong>Tips</strong></p> <ul> <li>You can use another version of the access cards by replacing the HTML between the comments <code>&lt;!--Start Access Card --&gt;</code> and <code>&lt;!--End Access Card --&gt;</code> and the CSS between <code>/*==== Access Cards ====*/</code> and <code>/*==== Homepage Styles ====*/</code></li> <li>You can change the background image of the access cards in the HTML file</li> <li>You can change the arrow icon of the access card with another icon from <a href="https://fontawesome.com/v4.7.0/icons/">the Fontawesome Library</a></li> </ul> - - Listing Generator - https://codelibrary.opendatasoft.com/generators/listing-generator/ + Image cards + https://codelibrary.huwize.com/components/image-card/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/generators/listing-generator/ + https://codelibrary.huwize.com/components/image-card/ - - - ods-select - https://codelibrary.opendatasoft.com/widget-tricks/ods-select/ - Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-select/ - ods-select allows the selection of one or more items from a list of options. This resource present different combination with ods-facet-results or ods-analysis to feed the selection list. -ods-select widget documentation - - ods-simple-tabs - https://codelibrary.opendatasoft.com/widget-tricks/ods-simple-tabs/ + https://codelibrary.huwize.com/widget-tricks/ods-simple-tabs/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-simple-tabs/ - The ods-simple-tabs widget can be used to have a tabbed interface that allows you to switch between different views. It has a simplified CSS making it easy to modify the style or layout. Below are a few different styles that can be applied to the widget in order to fit different use cases. + https://codelibrary.huwize.com/widget-tricks/ods-simple-tabs/ + <p>The <code>ods-simple-tabs</code> widget can be used to have a tabbed interface that allows you to switch between different views. It has a simplified CSS making it easy to modify the style or layout. Below are a few different styles that can be applied to the widget in order to fit different use cases.</p> - Search box - https://codelibrary.opendatasoft.com/components/search-box/ + https://codelibrary.huwize.com/components/search-box/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/components/search-box/ - Show the ods-searchbox widget alongside a &ldquo;search&rdquo; button and a title. Below there&rsquo;s a stand-alone version and a version inside a card. - - - - Search module - https://codelibrary.opendatasoft.com/components/search-module/ - Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/components/search-module/ - + https://codelibrary.huwize.com/components/search-box/ + <p>Show the ods-searchbox widget alongside a &ldquo;search&rdquo; button and a title. Below there&rsquo;s a stand-alone version and a version inside a card.</p> - Sticky header - https://codelibrary.opendatasoft.com/components/sticky-header/ + https://codelibrary.huwize.com/components/sticky-header/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/components/sticky-header/ - Sticky content is one that will stay positioned once the user scrolls past it (i.e: stuck in position). Unlike position: fixed;, sticky content is limited by its container and will stop scrolling once the end of the parent element is reached. -To make an element sticky, you need to add the following CSS: -position: sticky; top: 0; + https://codelibrary.huwize.com/components/sticky-header/ + <p>Sticky content is one that will stay positioned once the user scrolls past it (i.e: stuck in position). Unlike <code>position: fixed;</code>, sticky content is limited by its container and will stop scrolling once the end of the parent element is reached.</p> <p>To make an element sticky, you need to add the following CSS:</p> <p><code>position: sticky;</code> <code>top: 0;</code></p> - diff --git a/public/tags/navigation/page/1/index.html b/public/tags/navigation/page/1/index.html index 029a1ed37..493a92b72 100644 --- a/public/tags/navigation/page/1/index.html +++ b/public/tags/navigation/page/1/index.html @@ -1 +1,9 @@ -https://codelibrary.opendatasoft.com/tags/navigation/ \ No newline at end of file + + + + https://codelibrary.huwize.com/tags/navigation/ + + + + + diff --git a/public/tags/navigation/page/2/index.html b/public/tags/navigation/page/2/index.html index d34ce3e56..662882e82 100644 --- a/public/tags/navigation/page/2/index.html +++ b/public/tags/navigation/page/2/index.html @@ -3,7 +3,7 @@ - navigation – Codelibrary + Navigation – Codelibrary @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@

                              - @@ -159,7 +176,7 @@
                              - +

                              - Search box + Home page 3

                              - A stylized search box that allows searching for datasets in the catalog. + A home page for your Huwise portal, alternative 3 + +

                              +
                              + +
                              + display +
                              + +
                              + navigation +
                              + +
                              +
                              +                               + + +
                              +

                              + Home page 4 with access cards + + +

                              +

                              + A home page for your Huwise portal, with access cards + +

                              +
                              + +
                              + display +
                              + +
                              + navigation +
                              + +
                              +
                              +                               + + +
                              +

                              + Image cards + + +

                              +

                              + A card with an image background, useful for home page navigation and sections.

                              +
                              + display +
                              +
                              navigation
                              +
                              + list +
                              +
                              - +

                              - Search module + ods-simple-tabs

                              - This module is a stylised search bar with a modern look. + Style and layout suggestions for the ods-simple-tabs widget. + +

                              +
                              + +
                              + display +
                              + +
                              + navigation +
                              + +
                              +
                              +                               + + +
                              +

                              + Search box + + +

                              +

                              + A stylized search box that allows searching for datasets in the catalog.

                              @@ -570,16 +750,16 @@

                              - - + - © Copyright 2020 + © Copyright 2026
                              @@ -591,7 +771,7 @@

                              diff --git a/public/tags/ods-adv-analysis/index.html b/public/tags/ods-adv-analysis/index.html new file mode 100644 index 000000000..f1b7f7b06 --- /dev/null +++ b/public/tags/ods-adv-analysis/index.html @@ -0,0 +1,704 @@ + + + + + + Ods-Adv-Analysis – Codelibrary + + + + + + + + + + + + + + + + + + + + + + + + + +
                              +
                              +
                              +
                              +
                              +
                              +
                              +
                              +
                              +
                              + + +
                              +
                              + +
                              +

                              + Tag: Ods adv analysis +

                              +

                              + +

                              +
                              +
                              + + +
                              +

                              + Eco-Counter / Eco-Compteur + + +

                              +

                              + Eco-Counter custom view for Huwise integration: an overall view of your territory through Eco-Counter stations data. + +

                              +
                              + +
                              + aggregation +
                              + +
                              + chart +
                              + +
                              + ods-adv-analysis +
                              + +
                              +
                              +                               + + +
                              +

                              + Age Pyramid with custom HTML/CSS + + +

                              +

                              +

                              Create an age pyramid to present the repartition of the population in your area, with custom HTML and CSS.

                              +

                              3 parameters must be declared in the code:

                              +
                                +
                              • agefield : the id of the age field in your dataset
                                • +
                              • genderfield : the id of the gender field in your dataset
                                • +
                              • valuefield : the id of the value field in your dataset
                                • +
                              +

                              Then, you can customize the colors of the bars in the CSS file, with the 2 variables:

                              +

                              +
                              + +
                              + display +
                              + +
                              + chart +
                              + +
                              + ods-adv-analysis +
                              + +
                              + ods-aggregation +
                              + +
                              + ods-subaggregation +
                              + +
                              +
                              +                               + +
                              + +
                              +
                              + +
                              + + + + + © Copyright 2026 + +
                              + + + + + + + + diff --git a/public/tags/ods-adv-analysis/index.xml b/public/tags/ods-adv-analysis/index.xml new file mode 100644 index 000000000..364decfdd --- /dev/null +++ b/public/tags/ods-adv-analysis/index.xml @@ -0,0 +1,26 @@ + + + + Ods-Adv-Analysis on Codelibrary + https://codelibrary.huwize.com/tags/ods-adv-analysis/ + Recent content in Ods-Adv-Analysis on Codelibrary + Hugo + en-us + Thu, 09 Dec 2021 00:00:00 +0000 + + + Eco-Counter / Eco-Compteur + https://codelibrary.huwize.com/custom-views/eco-compteur/ + Thu, 09 Dec 2021 00:00:00 +0000 + https://codelibrary.huwize.com/custom-views/eco-compteur/ + <p><a href="https://eco-compteur-odsapps.huwise.com/explore/dataset/eco-counter-data/dashboard/">See it live here !</a></p> + + + Age Pyramid with custom HTML/CSS + https://codelibrary.huwize.com/widget-tricks/age-pyramid-custom/ + Fri, 20 Aug 2021 18:02:27 +0200 + https://codelibrary.huwize.com/widget-tricks/age-pyramid-custom/ + <p>Create an age pyramid to present the repartition of the population in your area, with custom HTML and CSS.</p> <p>3 parameters must be declared in the code:</p> <ul> <li><code>agefield</code> : the id of the age field in your dataset</li> <li><code>genderfield</code> : the id of the gender field in your dataset</li> <li><code>valuefield</code> : the id of the value field in your dataset</li> </ul> <p>Then, you can customize the colors of the bars in the CSS file, with the 2 variables:</p> + + + diff --git a/public/tags/ods-adv-analysis/page/1/index.html b/public/tags/ods-adv-analysis/page/1/index.html new file mode 100644 index 000000000..f83264f4b --- /dev/null +++ b/public/tags/ods-adv-analysis/page/1/index.html @@ -0,0 +1,9 @@ + + + + https://codelibrary.huwize.com/tags/ods-adv-analysis/ + + + + + diff --git a/public/tags/ods-aggregation/index.html b/public/tags/ods-aggregation/index.html index b16ac8c2f..a80a273b1 100644 --- a/public/tags/ods-aggregation/index.html +++ b/public/tags/ods-aggregation/index.html @@ -3,7 +3,7 @@ - ods-aggregation – Codelibrary + Ods-Aggregation – Codelibrary @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@

                              - @@ -159,7 +176,7 @@
                              + +
                              +

                              + Age Pyramid with custom HTML/CSS + + +

                              +

                              +

                              Create an age pyramid to present the repartition of the population in your area, with custom HTML and CSS.

                              +

                              3 parameters must be declared in the code:

                              +
                                +
                              • agefield : the id of the age field in your dataset
                                • +
                              • genderfield : the id of the gender field in your dataset
                                • +
                              • valuefield : the id of the value field in your dataset
                                • +
                              +

                              Then, you can customize the colors of the bars in the CSS file, with the 2 variables:

                              +

                              +
                              + +
                              + display +
                              + +
                              + chart +
                              + +
                              + ods-adv-analysis +
                              + +
                              + ods-aggregation +
                              + +
                              + ods-subaggregation +
                              + +
                              +
                              +                               +

                              @@ -532,16 +672,16 @@

                              - - + - © Copyright 2020 + © Copyright 2026
                              @@ -553,7 +693,7 @@

                              diff --git a/public/tags/ods-aggregation/index.xml b/public/tags/ods-aggregation/index.xml index 7ab830c6a..61408588f 100644 --- a/public/tags/ods-aggregation/index.xml +++ b/public/tags/ods-aggregation/index.xml @@ -1,22 +1,26 @@ - ods-aggregation on Codelibrary - https://codelibrary.opendatasoft.com/tags/ods-aggregation/ - Recent content in ods-aggregation on Codelibrary - Hugo -- gohugo.io - en-us + Ods-Aggregation on Codelibrary + https://codelibrary.huwize.com/tags/ods-aggregation/ + Recent content in Ods-Aggregation on Codelibrary + Hugo + en-us + Fri, 20 Aug 2021 18:02:27 +0200 + + + Age Pyramid with custom HTML/CSS + https://codelibrary.huwize.com/widget-tricks/age-pyramid-custom/ + Fri, 20 Aug 2021 18:02:27 +0200 + https://codelibrary.huwize.com/widget-tricks/age-pyramid-custom/ + <p>Create an age pyramid to present the repartition of the population in your area, with custom HTML and CSS.</p> <p>3 parameters must be declared in the code:</p> <ul> <li><code>agefield</code> : the id of the age field in your dataset</li> <li><code>genderfield</code> : the id of the gender field in your dataset</li> <li><code>valuefield</code> : the id of the value field in your dataset</li> </ul> <p>Then, you can customize the colors of the bars in the CSS file, with the 2 variables:</p> + ods-aggregation - https://codelibrary.opendatasoft.com/widget-tricks/ods-aggregation/ + https://codelibrary.huwize.com/widget-tricks/ods-aggregation/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-aggregation/ - The technical documentation says : -This widget exposes the results of an aggregation function over a context&hellip; The result is exposed into a new variable that you can use in other widgets or directly in your HTML. -More concretely : -It computes a function like the sum, average, minimum, maximum etc.. over a numerical field. Depending on the context parameters, if filtered (queries, refines, etc&hellip;) it will compute the aggregation on a subset of the records, if not, on the entire dataset. + https://codelibrary.huwize.com/widget-tricks/ods-aggregation/ + <p><strong>The technical documentation says :</strong></p> <p>This widget exposes the results of an aggregation function over a context&hellip; The result is exposed into a new variable that you can use in other widgets or directly in your HTML.</p> <p><strong>More concretely :</strong></p> <p>It computes a function like the sum, average, minimum, maximum etc.. over a numerical field. Depending on the context parameters, if filtered (queries, refines, etc&hellip;) it will compute the aggregation on a subset of the records, if not, on the entire dataset.</p> - diff --git a/public/tags/ods-aggregation/page/1/index.html b/public/tags/ods-aggregation/page/1/index.html index 541da7a7c..f78c32af4 100644 --- a/public/tags/ods-aggregation/page/1/index.html +++ b/public/tags/ods-aggregation/page/1/index.html @@ -1 +1,9 @@ -https://codelibrary.opendatasoft.com/tags/ods-aggregation/ \ No newline at end of file + + + + https://codelibrary.huwize.com/tags/ods-aggregation/ + + + + + diff --git a/public/tags/ods-analysis/index.html b/public/tags/ods-analysis/index.html index 525287a3b..149786d96 100644 --- a/public/tags/ods-analysis/index.html +++ b/public/tags/ods-analysis/index.html @@ -3,7 +3,7 @@ - ods-analysis – Codelibrary + Ods-Analysis – Codelibrary @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@ - @@ -159,7 +176,7 @@

                              - +

                              - Fullscreen map with filters + ods-map: Refine & Zoom

                              - When the key visualization is the map: this resource contains filters and analytics drawers over a fullscreen map + Showcase how the map can be used as a selector through the refine-on-click option. It also provides an example to show/hide map layers depending on the zoom

                              - display + ods-maps
                              - ods-maps + map
                              geo
                              +
                              + filter +
                              + +
                              + display +
                              +
                              - +

                              - Map & Refine + Fullscreen map with filters

                              - Use the map as a selector then display additional information on the side or hover the map. This template is a nice alternative for map tooltips + When the key visualization is the map: this resource contains filters and analytics drawers over a fullscreen map

                              +
                              + display +
                              +
                              ods-maps
                              - filter + geo
                              - +

                              - ods-map: CSS Hacks + Map & Refine

                              - ods-map with legends from the map builder with additional CSS to provide some alternative to default display + Use the map as a selector then display additional information on the side or hover the map. This template is a nice alternative for map tooltips

                              -
                              - display -
                              -
                              ods-maps
                              - geo + filter
                              - +

                              - ods-map: Refine & Zoom + ods-map: CSS Hacks

                              - Showcase how the map can be used as a selector through the refine-on-click option. It also provides an example to show/hide map layers depending on the zoom + ods-map with legends from the map builder with additional CSS to provide some alternative to default display

                              - ods-maps + display
                              - map + ods-maps
                              geo
                              -
                              - filter -
                              - -
                              - display -
                              -
                              @@ -627,16 +724,16 @@

                              - - + - © Copyright 2020 + © Copyright 2026
                              @@ -648,7 +745,7 @@

                              diff --git a/public/tags/ods-maps/index.xml b/public/tags/ods-maps/index.xml index d60dc8a31..cc2010bf9 100644 --- a/public/tags/ods-maps/index.xml +++ b/public/tags/ods-maps/index.xml @@ -1,46 +1,40 @@ - ods-maps on Codelibrary - https://codelibrary.opendatasoft.com/tags/ods-maps/ - Recent content in ods-maps on Codelibrary - Hugo -- gohugo.io - en-us + Ods-Maps on Codelibrary + https://codelibrary.huwize.com/tags/ods-maps/ + Recent content in Ods-Maps on Codelibrary + Hugo + en-us + Wed, 30 Mar 2022 00:00:00 +0000 + - Fullscreen map with filters - https://codelibrary.opendatasoft.com/page-templates/fullscreen-map/ - Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/page-templates/fullscreen-map/ + ods-map: Refine & Zoom + https://codelibrary.huwize.com/widget-tricks/ods-map-tricks/ + Wed, 30 Mar 2022 00:00:00 +0000 + https://codelibrary.huwize.com/widget-tricks/ods-map-tricks/ - - Map & Refine - https://codelibrary.opendatasoft.com/page-templates/map-refine/ + Fullscreen map with filters + https://codelibrary.huwize.com/page-templates/fullscreen-map/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/page-templates/map-refine/ + https://codelibrary.huwize.com/page-templates/fullscreen-map/ - - ods-map: CSS Hacks - https://codelibrary.opendatasoft.com/widget-tricks/ods-map-css/ + Map & Refine + https://codelibrary.huwize.com/page-templates/map-refine/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-map-css/ + https://codelibrary.huwize.com/page-templates/map-refine/ - - ods-map: Refine & Zoom - https://codelibrary.opendatasoft.com/widget-tricks/ods-map-tricks/ + ods-map: CSS Hacks + https://codelibrary.huwize.com/widget-tricks/ods-map-css/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-map-tricks/ + https://codelibrary.huwize.com/widget-tricks/ods-map-css/ - diff --git a/public/tags/ods-maps/page/1/index.html b/public/tags/ods-maps/page/1/index.html index 299c12458..225bccedb 100644 --- a/public/tags/ods-maps/page/1/index.html +++ b/public/tags/ods-maps/page/1/index.html @@ -1 +1,9 @@ -https://codelibrary.opendatasoft.com/tags/ods-maps/ \ No newline at end of file + + + + https://codelibrary.huwize.com/tags/ods-maps/ + + + + + diff --git a/public/tags/ods-subaggregation/index.html b/public/tags/ods-subaggregation/index.html new file mode 100644 index 000000000..cf3c3ca69 --- /dev/null +++ b/public/tags/ods-subaggregation/index.html @@ -0,0 +1,675 @@ + + + + + + Ods-Subaggregation – Codelibrary + + + + + + + + + + + + + + + + + + + + + + + + + +
                              +
                              +
                              +
                              +
                              +
                              +
                              +
                              +
                              +
                              + + +
                              +
                              + +
                              +

                              + Tag: Ods subaggregation +

                              +

                              + +

                              +
                              +
                              + + +
                              +

                              + Age Pyramid with custom HTML/CSS + + +

                              +

                              +

                              Create an age pyramid to present the repartition of the population in your area, with custom HTML and CSS.

                              +

                              3 parameters must be declared in the code:

                              +
                                +
                              • agefield : the id of the age field in your dataset
                                • +
                              • genderfield : the id of the gender field in your dataset
                                • +
                              • valuefield : the id of the value field in your dataset
                                • +
                              +

                              Then, you can customize the colors of the bars in the CSS file, with the 2 variables:

                              +

                              +
                              + +
                              + display +
                              + +
                              + chart +
                              + +
                              + ods-adv-analysis +
                              + +
                              + ods-aggregation +
                              + +
                              + ods-subaggregation +
                              + +
                              +
                              +                               + +
                              + +
                              +
                              + +
                              + + + + + © Copyright 2026 + +
                              + + + + + + + + diff --git a/public/tags/ods-subaggregation/index.xml b/public/tags/ods-subaggregation/index.xml new file mode 100644 index 000000000..401575e1d --- /dev/null +++ b/public/tags/ods-subaggregation/index.xml @@ -0,0 +1,19 @@ + + + + Ods-Subaggregation on Codelibrary + https://codelibrary.huwize.com/tags/ods-subaggregation/ + Recent content in Ods-Subaggregation on Codelibrary + Hugo + en-us + Fri, 20 Aug 2021 18:02:27 +0200 + + + Age Pyramid with custom HTML/CSS + https://codelibrary.huwize.com/widget-tricks/age-pyramid-custom/ + Fri, 20 Aug 2021 18:02:27 +0200 + https://codelibrary.huwize.com/widget-tricks/age-pyramid-custom/ + <p>Create an age pyramid to present the repartition of the population in your area, with custom HTML and CSS.</p> <p>3 parameters must be declared in the code:</p> <ul> <li><code>agefield</code> : the id of the age field in your dataset</li> <li><code>genderfield</code> : the id of the gender field in your dataset</li> <li><code>valuefield</code> : the id of the value field in your dataset</li> </ul> <p>Then, you can customize the colors of the bars in the CSS file, with the 2 variables:</p> + + + diff --git a/public/tags/ods-subaggregation/page/1/index.html b/public/tags/ods-subaggregation/page/1/index.html new file mode 100644 index 000000000..f5e825575 --- /dev/null +++ b/public/tags/ods-subaggregation/page/1/index.html @@ -0,0 +1,9 @@ + + + + https://codelibrary.huwize.com/tags/ods-subaggregation/ + + + + + diff --git a/public/tags/page/1/index.html b/public/tags/page/1/index.html index 453f31693..404771ca2 100644 --- a/public/tags/page/1/index.html +++ b/public/tags/page/1/index.html @@ -1 +1,9 @@ -https://codelibrary.opendatasoft.com/tags/ \ No newline at end of file + + + + https://codelibrary.huwize.com/tags/ + + + + + diff --git a/public/tags/redirection/index.html b/public/tags/redirection/index.html new file mode 100644 index 000000000..1073c03b5 --- /dev/null +++ b/public/tags/redirection/index.html @@ -0,0 +1,661 @@ + + + + + + Redirection – Codelibrary + + + + + + + + + + + + + + + + + + + + + + + + + +
                              +
                              +
                              +
                              +
                              +
                              +
                              +
                              +
                              +
                              + + +
                              +
                              + +
                              +

                              + Tag: Redirection +

                              +

                              + +

                              +
                              +
                              + + +
                              +

                              + Access cards + + +

                              +

                              + Card to highlight a redirection to another page. Different styles are available. + +

                              +
                              + +
                              + navigation +
                              + +
                              + card +
                              + +
                              + redirection +
                              + +
                              +
                              +                               + +
                              + +
                              +
                              + +
                              + + + + + © Copyright 2026 + +
                              + + + + + + + + diff --git a/public/tags/redirection/index.xml b/public/tags/redirection/index.xml new file mode 100644 index 000000000..39ae5efc2 --- /dev/null +++ b/public/tags/redirection/index.xml @@ -0,0 +1,19 @@ + + + + Redirection on Codelibrary + https://codelibrary.huwize.com/tags/redirection/ + Recent content in Redirection on Codelibrary + Hugo + en-us + Wed, 08 Jun 2022 00:00:00 +0000 + + + Access cards + https://codelibrary.huwize.com/components/access-card/ + Wed, 08 Jun 2022 00:00:00 +0000 + https://codelibrary.huwize.com/components/access-card/ + <p>Card to highlight a redirection to another page. Different styles are available.</p> <p><strong>Tips:</strong></p> <ul> <li>You can change the background image in the HTML file</li> <li>You can change the arrow icon with another icon from <a href="https://fontawesome.com/v4.7.0/icons/">the Fontawesome Library</a></li> </ul> + + + diff --git a/public/tags/redirection/page/1/index.html b/public/tags/redirection/page/1/index.html new file mode 100644 index 000000000..df33f1143 --- /dev/null +++ b/public/tags/redirection/page/1/index.html @@ -0,0 +1,9 @@ + + + + https://codelibrary.huwize.com/tags/redirection/ + + + + + diff --git a/public/widget-tricks/age-pyramid-custom/1/css.inc b/public/widget-tricks/age-pyramid-custom/1/css.inc new file mode 100644 index 000000000..973b70f1c --- /dev/null +++ b/public/widget-tricks/age-pyramid-custom/1/css.inc @@ -0,0 +1,183 @@ +:root { + --left-color: #142E7B; + --right-color: #ffcc00; +} +/***************/ +/* Age pyramid */ +/***************/ +.pyramid-line { + display: flex; + justify-content: space-between; + width: 100%; + margin: auto; +} + +.pyramid-middle { + font-weight: 500; + flex: 1; + min-width: 70px; + text-align: center; + white-space: nowrap; +} + +.pyramid-side { + flex: 3; + margin: 0px 10px; + text-align: center; + display: flex; + align-items: center; +} + +.pyramid-side-left { + color: var(--left-color); + flex-direction: row-reverse; +} + +.pyramid-side-right { + color: var(--right-color); + flex-direction: row; +} + +.pyramid-side-value { + width: 60px; +} + +div.fond_bar{ + background-color: #f3f3f382; + height: 15px; + border-radius: 1000px; +} + +div.bar{ + border-radius: 1000px; + height: 15px; +} + +.pyramid-side-left div.bar { + background-color : var(--left-color); + float: right; +} + +.pyramid-side-right div.bar { + background-color : var(--right-color); +} + +.pyramid-value { + font-size: 12px; + padding: 0px 5px; + flex: 1; +} + +.left { + text-align: start; +} + +.right { + text-align: end; +} + + + + + + +/* Optional : SWITCH BUTTON */ +.pyramid-switch { + display: flex; + align-items: baseline; + margin-top: 13px; +} +.pyramid-switch .switch { + margin-left: 6px; +} + +/* Button Group Switch + ========================================================================== */ + +.switch { + display: inline-block; + margin-bottom: 0.5rem; +} + +.switch-button { + /* background and border when in "off" state */ + background: var(--highlight); + border: 2px solid var(--highlight); + display: grid; + grid-template-columns: 1fr 1fr; + border-radius: 6px; + color: #FFFFFF; + position: relative; + cursor: pointer; + outline: 0; + user-select: none; +} + +.switch-input:not(:checked) + .switch-button .switch-button-left { + /* text color when in "off" state */ + color: var(--highlight); +} + +.switch-input { + display: none; +} + +.switch-button span { + font-size: 1rem; + padding: 0.2rem .7rem; + text-align: center; + z-index: 2; + color: #FFFFFF; + transition: color .2s; +} + +.switch-button::before { + content: ''; + position: absolute; + background-color: #FFFFFF; + box-shadow: 0 1px 3px rgba(0,0,0,.4); + border-radius: 4px; + top: 0; + left: 0; + height: 100%; + width: 50%; + z-index: 1; + transition: left .3s cubic-bezier(0.175, 0.885, 0.320, 1), + padding .2s ease, margin .2s ease; +} + +.switch-button:hover::before { + will-change: padding; +} + +.switch-button:active::before { + padding-right: .4rem; +} + +/* "On" state + ========================== */ +.switch-input:checked + .switch-button { + /* background and border when in "on" state */ + background-color: var(--links); + border-color: var(--links); +} + +.switch-input:checked + .switch-button .switch-button-right { + /* text color when in "on" state */ + color: var(--links); +} + +.switch-input:checked + .switch-button::before { + left: 50%; +} + +.switch-input:checked + .switch-button:active::before { + margin-left: -.4rem; +} + +/* Checkbox in disabled state + ========================== */ +.switch-input[type="checkbox"]:disabled + .switch-button { + opacity: 0.6; + cursor: not-allowed; +} diff --git a/public/widget-tricks/age-pyramid-custom/1/html.inc b/public/widget-tricks/age-pyramid-custom/1/html.inc new file mode 100644 index 000000000..4ef0de79f --- /dev/null +++ b/public/widget-tricks/age-pyramid-custom/1/html.inc @@ -0,0 +1,102 @@ + +
                              +
                              +

                              Age pyramid for the state of North Carolina, USA

                              +
                              +
                              +
                              + {{ variables.max['pyramidnumber'] = results[0].maxcount ; "" }} +
                              +
                              +
                              +
                              +
                              + +
                              + +
                              + {{totalbygender[0][genderfield]}} (total : {{ totalbygender[0].totalgender | number }}) +
                              + +
                              Age
                              + +
                              + {{totalbygender[1][genderfield]}} (total : {{ totalbygender[1].totalgender | number }}) +
                              +
                              +
                              + +
                              +
                              +
                              +
                              + +
                              + {{variables.index[i][totalbygender[0][genderfield]] | number}} +
                              +
                              + +
                              {{ i }}
                              + +
                              +
                              +
                              +
                              + +
                              + + {{variables.index[i][totalbygender[1][genderfield]] | number}} +
                              +
                              +
                              +
                              +
                              +
                              + + +
                              +
                              +
                              +

                              Display values:

                              + +
                              +
                              +
                              +
                              +
                              +                               diff --git a/public/widget-tricks/age-pyramid-custom/index.html b/public/widget-tricks/age-pyramid-custom/index.html new file mode 100644 index 000000000..fa47b64dc --- /dev/null +++ b/public/widget-tricks/age-pyramid-custom/index.html @@ -0,0 +1,2056 @@ + + + + + + Age Pyramid with custom HTML/CSS – Codelibrary + + + + + + + + + + + + + + + + + + + + + + + + + +
                              +
                              +
                              +
                              +
                              +
                              +
                              +
                              +
                              +
                              + + +
                              +
                              + +
                              +
                              +

                              Widget Tricks - Age Pyramid with custom HTML/CSS

                              +
                              +

                              Create an age pyramid to present the repartition of the population in your area, with custom HTML and CSS.

                              +

                              3 parameters must be declared in the code:

                              +
                                +
                              • agefield : the id of the age field in your dataset
                                • +
                              • genderfield : the id of the gender field in your dataset
                                • +
                              • valuefield : the id of the value field in your dataset
                                • +
                              +

                              Then, you can customize the colors of the bars in the CSS file, with the 2 variables:

                              +
                                +
                              • --left-color
                                • +
                              • --right-color
                                • +
                              +
                              +

                              Note: the display values toggle is optional and can be removed. Then, simply set the displayvalues to true or false, +to display values on each side or not.

                              + +
                              + +
                              +

                              + Example with the state of North Carolina, USA + + + + + +

                              +
                              + +
                              + + +
                              + + + + + + + + + + + + + + + + + + + + +
                              +
                              + +
                              +
                              +
                              +
                              + +
                              + + + + + +
                              +
                              + + + + +
                              + +
                              + +
                              + +
                              +
                              + +
                              +
                              + +
                              + + + + + © Copyright 2026 + +
                              + + + + + + + + diff --git a/public/widget-tricks/animation/1/html.inc b/public/widget-tricks/animation/1/html.inc index e8465651a..75006bc4e 100644 --- a/public/widget-tricks/animation/1/html.inc +++ b/public/widget-tricks/animation/1/html.inc @@ -8,20 +8,19 @@
                              -
                              + tick = 0;"> - + -

                              {{ from | number:0 }}

                              +

                              {{ ((aggregation || 0) / nbticks) * tick | number:0 }}

                              tons of uranium produced since 2017

                              diff --git a/public/widget-tricks/animation/2/html.inc b/public/widget-tricks/animation/2/html.inc index 5cd7c4a23..ea4d16a92 100644 --- a/public/widget-tricks/animation/2/html.inc +++ b/public/widget-tricks/animation/2/html.inc @@ -1,33 +1,34 @@ - -
                              -
                              -
                              - -
                              - {{ to = aggregation ; ''}} - - - -

                              {{ from | number : 0 }}

                              -

                              tons of uranium produced since 2017

                              -
                              -
                              + +
                              +
                              +
                              + +
                              + + + +

                              + {{ ((aggregation || 0) / nbticks) * (tick >= nbticks ? nbticks : tick) | number:0 }} +

                              +

                              tons of uranium produced since 2017

                              +
                              +
                              diff --git a/public/widget-tricks/animation/3/css.inc b/public/widget-tricks/animation/3/css.inc index 88dab8440..051ca24f5 100644 --- a/public/widget-tricks/animation/3/css.inc +++ b/public/widget-tricks/animation/3/css.inc @@ -90,8 +90,8 @@ fill: none; stroke-width: 8px; stroke: var(--highlight); - -webkit-transition: stroke-dasharray 0.1s; - transition: stroke-dasharray 0.1s; + -webkit-transition: stroke-dasharray 2.5s; + transition: stroke-dasharray 2.5s; } .odswidget-gauge { diff --git a/public/widget-tricks/animation/3/html.inc b/public/widget-tricks/animation/3/html.inc index 5f7b38901..2a4bc1eb2 100644 --- a/public/widget-tricks/animation/3/html.inc +++ b/public/widget-tricks/animation/3/html.inc @@ -1,14 +1,14 @@ - + uraniumproductionkazakhstan-dataset="uranium-production" + uraniumproductionkazakhstan-domain="userclub" + uraniumproductionkazakhstan-parameters="{'refine.country':'Kazakhstan'}">
                              diff --git a/public/widget-tricks/animation/4/html.inc b/public/widget-tricks/animation/4/html.inc index e4fb02aa8..15ade2afd 100644 --- a/public/widget-tricks/animation/4/html.inc +++ b/public/widget-tricks/animation/4/html.inc @@ -1,41 +1,43 @@ - -
                              -
                              -
                              - -
                              - {{ to = sumkazakhstan ; ''}} {{ max = sum ; '' }} - - - -

                              - {{ from | number : 0 }} tons of Uranium produced in Kazakhstan (out of {{ max | - number }} in total) -

                              -
                              -
                              + +
                              +
                              +
                              + +
                              + + + {{value = ((sumkazakhstan || 0) / nbticks) * (tick >= nbticks ? nbticks : tick) ; "" }} + +

                              + {{value | number:0 }} tons of Uranium produced in Kazakhstan (out of {{ sum | number }} in total) +

                              +
                              +
                              diff --git a/public/widget-tricks/animation/index.html b/public/widget-tricks/animation/index.html index 3330fcef9..b6a199f0e 100644 --- a/public/widget-tricks/animation/index.html +++ b/public/widget-tricks/animation/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@
                              - @@ -197,7 +214,7 @@
                              @@ -529,10 +618,6 @@ ods-color-gradient + ods-map : a choropleth alternative - - 4 - -
                              @@ -607,20 +692,6 @@ -
                            • - -
                              - ods-table: Fixed column - - - - 1 - - -
                              -                               -
                              • -
                            • @@ -652,51 +723,67 @@
                              - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
                              @@ -707,40 +794,44 @@
                              -
                              -

                              Widget Tricks - Animations

                              -
                              - -
                              - -
                              -

                              - Animated KPI - - - - - -

                              -
                              -

                              Animate your KPI with ods-timer.

                              +
                              +

                              Widget Tricks - Animations

                              +
                              + +
                              + +
                              +

                              + Animated KPI + + + + + +

                              +
                              +

                              Animate your KPI with ods-timer.

                              The KPI is computed with ods-aggregation. For more information about how to compute metrics, see ods-aggregation resource.

                              Animation: You can change the speed of the animation by changing 2 variables:

                              -

                              nbticks: number of steps to change the KPI. High value = many steps before reaching the final KPI.

                              -
                              +

                              nbticks: number of steps to change the KPI. High value = many steps before reaching the final KPI.

                              -

                              delay: delay between each tick. High delay = slow animation.

                              -
                              +

                              delay: delay between each tick. High delay = slow animation.

                              + +
                              + + +
                              + + -
                              - -
                              - + + + @@ -748,6 +839,9 @@

                              + + +
                              name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"uraniumproduction\"\n uraniumproduction-dataset=\"uranium-production\"\n uraniumproduction-domain=\"userclub\"\u003e\n \u003cdiv ods-aggregation=\"aggregation\"\n ods-aggregation-context=\"uraniumproduction\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"tonnes_of_uranium\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-sm-offset-4 col-sm-4\"\u003e\n \u003c!-- KPI box component --\u003e\n \u003cdiv ng-if=\"true\"\n ng-init=\"from = 0;\n nbticks = 30;\n delay = 100;\n tick = 0;\"\n class=\"kpi-card\"\u003e\n \u003ci class=\"kpi-icon fa fa-superpowers\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cods-timer\n stop-condition=\"from \u003e= aggregation\"\n delay=\"delay\"\n auto-start=\"true\"\n exec=\"from = from + ((aggregation || 0) / nbticks);\"\u003e\n \u003c/ods-timer\u003e\n \u003cp class=\"kpi-title\"\u003e{{ from | number:0 }}\u003c/p\u003e\n \u003cp class=\"kpi-description\"\u003etons of uranium produced since 2017\u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"uraniumproduction\"\n uraniumproduction-dataset=\"uranium-production\"\n uraniumproduction-domain=\"userclub\"\u003e\n \u003cdiv ods-aggregation=\"aggregation\"\n ods-aggregation-context=\"uraniumproduction\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"tonnes_of_uranium\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-sm-offset-4 col-sm-4\"\u003e\n \u003c!-- KPI box component --\u003e\n \u003cdiv class=\"kpi-card\" \n ng-if=\"true\"\n ng-init=\"from = 0;\n nbticks = 30;\n delay = 100;\n tick = 0;\"\u003e\n \u003ci class=\"kpi-icon fa fa-superpowers\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cods-timer stop-condition=\"tick \u003e= nbticks\" \n delay=\"delay\" \n auto-start=\"true\" \n exec=\"tick = tick + 1;\"\u003e\n \u003c/ods-timer\u003e\n \u003cp class=\"kpi-title\"\u003e{{ ((aggregation || 0) / nbticks) * tick | number:0 }}\u003c/p\u003e\n \u003cp class=\"kpi-description\"\u003etons of uranium produced since 2017\u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", "css": "/* KPI Card\n========================================================================== */\n.kpi-card {\n background-color: var(--boxes-background);\n height: 100%;\n padding: 39px;\n border-radius: 4px;\n margin-bottom: 20px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n text-align: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n text-align: center;\n max-height: 250px;\n}\n\n.kpi-icon {\n color: var(--highlight);\n color: var(--secondary-color);\n font-size: 4rem;\n margin-top: 0;\n margin-bottom: 13px;\n max-width: 100%;\n}\n\n.kpi-title {\n font-weight: normal;\n color: var(--highlight);\n font-size: 3.2rem;\n margin-top: 0;\n margin-bottom: 13px;\n max-width: 100%;\n}\n\n.kpi-description {\n color: var(--text);\n font-size: 1rem;\n line-height: 1.5;\n font-weight: normal;\n margin-top: 0;\n margin-bottom: 0;\n max-width: 100%;\n}\n\n/* Hide the ods-timer button\n========================================================================== */\n.ods-button.ods-widget-timer-controller {\n display: none;\n}" }'>
                              @@ -771,7 +865,8 @@

                              width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -815,6 +910,7 @@

                              const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -925,7 +1021,9 @@

                              $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                              <div ng-app="ods-widgets"> @@ -939,20 +1037,19 @@

                              <div class="row"> <div class="col-sm-offset-4 col-sm-4"> <!-- KPI box component --> - <div ng-if="true" + <div class="kpi-card" + ng-if="true" ng-init="from = 0; nbticks = 30; delay = 100; - tick = 0;" - class="kpi-card"> + tick = 0;"> <i class="kpi-icon fa fa-superpowers" aria-hidden="true"></i> - <ods-timer - stop-condition="from >= aggregation" - delay="delay" - auto-start="true" - exec="from = from + ((aggregation || 0) / nbticks);"> + <ods-timer stop-condition="tick >= nbticks" + delay="delay" + auto-start="true" + exec="tick = tick + 1;"> </ods-timer> - <p class="kpi-title">{{ from | number:0 }}</p> + <p class="kpi-title">{{ ((aggregation || 0) / nbticks) * tick | number:0 }}</p> <p class="kpi-description">tons of uranium produced since 2017</p> </div> </div> @@ -1024,8 +1121,16 @@

                              "> -
                              - + +

                              -

                              - -
                              -

                              - Animated KPI with auto-reload - - - - - -

                              -
                              -

                              Animate your KPI with ods-timer and add an auto-reload feature.

                              +
                              + +
                              + +
                              +

                              + Animated KPI with auto-reload + + + + + +

                              +
                              +

                              Animate your KPI with ods-timer and add an auto-reload feature.

                              The KPI is computed with ods-aggregation. For more information about how to compute metrics, see ods-aggregation resource.

                              Animation: You can change the speed of the animation by changing 2 variables:

                              -

                              nbticks: number of steps to change the KPI. High value = many steps before reaching the final KPI.

                              -
                              +

                              nbticks: number of steps to change the KPI. High value = many steps before reaching the final KPI.

                              -

                              delay: delay between each tick. High delay = slow animation.

                              -
                              +

                              delay: delay between each tick. High delay = slow animation.

                              You change also change the delay between 2 reloads by changing the variable reloadeverynbtick. High value = long delay betweens 2 reloads.

                              -
                              - -
                              - +
                              + + +
                              + @@ -1328,6 +1462,14 @@

                              + + + + + + + +
                              name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"uraniumproduction\"\n uraniumproduction-dataset=\"uranium-production\"\n uraniumproduction-domain=\"userclub\"\u003e\n \u003cdiv ods-aggregation=\"aggregation\"\n ods-aggregation-context=\"uraniumproduction\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"tonnes_of_uranium\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-sm-offset-4 col-sm-4\"\u003e\n \u003c!-- KPI box component --\u003e\n \u003cdiv ng-if=\"true\"\n ng-init=\"from = 0;\n nbticks = 15;\n delay = 100;\n tick = 0;\n reloadeverynbtick = 100;\"\n class=\"kpi-card\"\u003e\n {{ to = aggregation ; ''}}\n \u003ci class=\"kpi-icon fa fa-superpowers\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cods-timer stop-condition=\"\"\n delay=\"delay\"\n auto-start=\"true\"\n exec=\"(from \u003c to ? from = (((from + ((to || 0) / nbticks)) * 100) | math : 'round') / 100 : undefined);\n (tick = tick + 1);\n (tick % reloadeverynbtick == 0 ? from = 0 : undefined); \"\u003e\n \u003c/ods-timer\u003e\n \u003cp class=\"kpi-title\"\u003e{{ from | number : 0 }}\u003c/p\u003e\n \u003cp class=\"kpi-description\"\u003etons of uranium produced since 2017\u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context\n context=\"uraniumproduction\"\n uraniumproduction-dataset=\"uranium-production\"\n uraniumproduction-domain=\"userclub\"\u003e\n \u003cdiv ods-aggregation=\"aggregation\"\n ods-aggregation-context=\"uraniumproduction\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"tonnes_of_uranium\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-sm-offset-4 col-sm-4\"\u003e\n \u003c!-- KPI box component --\u003e\n \u003cdiv class=\"kpi-card\"\n ng-if=\"true\"\n ng-init=\"nbticks = 25;\n delay = 100;\n tick = 0;\n reloadeverynbtick = 50;\"\u003e\n \u003ci class=\"kpi-icon fa fa-superpowers\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cods-timer\n stop-condition=\"\"\n delay=\"delay\"\n auto-start=\"true\"\n exec=\"(tick = tick + 1);\n (tick % reloadeverynbtick == 0 ? tick = 0 : undefined);\"\u003e\n \u003c/ods-timer\u003e\n \u003cp class=\"kpi-title\"\u003e\n {{ ((aggregation || 0) / nbticks) * (tick \u003e= nbticks ? nbticks : tick) | number:0 }}\n \u003c/p\u003e\n \u003cp class=\"kpi-description\"\u003etons of uranium produced since 2017\u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", "css": "/* KPI Card\n========================================================================== */\n.kpi-card {\n background-color: var(--boxes-background);\n height: 100%;\n padding: 39px;\n border-radius: 4px;\n margin-bottom: 20px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n text-align: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n text-align: center;\n max-height: 250px;\n}\n\n.kpi-icon {\n color: var(--highlight);\n color: var(--secondary-color);\n font-size: 4rem;\n margin-top: 0;\n margin-bottom: 13px;\n max-width: 100%;\n}\n\n.kpi-title {\n font-weight: normal;\n color: var(--highlight);\n font-size: 3.2rem;\n margin-top: 0;\n margin-bottom: 13px;\n max-width: 100%;\n}\n\n.kpi-description {\n color: var(--text);\n font-size: 1rem;\n line-height: 1.5;\n font-weight: normal;\n margin-top: 0;\n margin-bottom: 0;\n max-width: 100%;\n}\n\n/* Hide the ods-timer button\n========================================================================== */\n.ods-button.ods-widget-timer-controller {\n display: none;\n}" }'>
                              @@ -1351,7 +1493,8 @@

                              width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -1395,6 +1538,7 @@

                              const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -1505,42 +1649,45 @@

                              $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                              <div ng-app="ods-widgets"> -<ods-dataset-context context="uraniumproduction" - uraniumproduction-dataset="uranium-production" - uraniumproduction-domain="userclub"> - <div ods-aggregation="aggregation" - ods-aggregation-context="uraniumproduction" - ods-aggregation-function="SUM" - ods-aggregation-expression="tonnes_of_uranium"> - <div class="row"> - <div class="col-sm-offset-4 col-sm-4"> - <!-- KPI box component --> - <div ng-if="true" - ng-init="from = 0; - nbticks = 15; - delay = 100; - tick = 0; - reloadeverynbtick = 100;" - class="kpi-card"> - {{ to = aggregation ; ''}} - <i class="kpi-icon fa fa-superpowers" aria-hidden="true"></i> - <ods-timer stop-condition="" - delay="delay" - auto-start="true" - exec="(from < to ? from = (((from + ((to || 0) / nbticks)) * 100) | math : 'round') / 100 : undefined); - (tick = tick + 1); - (tick % reloadeverynbtick == 0 ? from = 0 : undefined); "> - </ods-timer> - <p class="kpi-title">{{ from | number : 0 }}</p> - <p class="kpi-description">tons of uranium produced since 2017</p> - </div> - </div> +<ods-dataset-context + context="uraniumproduction" + uraniumproduction-dataset="uranium-production" + uraniumproduction-domain="userclub"> + <div ods-aggregation="aggregation" + ods-aggregation-context="uraniumproduction" + ods-aggregation-function="SUM" + ods-aggregation-expression="tonnes_of_uranium"> + <div class="row"> + <div class="col-sm-offset-4 col-sm-4"> + <!-- KPI box component --> + <div class="kpi-card" + ng-if="true" + ng-init="nbticks = 25; + delay = 100; + tick = 0; + reloadeverynbtick = 50;"> + <i class="kpi-icon fa fa-superpowers" aria-hidden="true"></i> + <ods-timer + stop-condition="" + delay="delay" + auto-start="true" + exec="(tick = tick + 1); + (tick % reloadeverynbtick == 0 ? tick = 0 : undefined);"> + </ods-timer> + <p class="kpi-title"> + {{ ((aggregation || 0) / nbticks) * (tick >= nbticks ? nbticks : tick) | number:0 }} + </p> + <p class="kpi-description">tons of uranium produced since 2017</p> </div> + </div> </div> + </div> </ods-dataset-context> </div>
                              - - "> - -
                              - - -
                              -

                              - -

                              - -
                              -
                              - -
                              -

                              - Heatmap: with linear scale - New - - - - - - -

                              -
                              -

                              The default scale is linear. It can get additional properties like the scheme. All available scale colors (schemes) can be found in the scheme documentation.

                              -
                              'color': 
-    'scale': {
-        'scheme': 'blueorange',
-        ...
-    },
-    ...
-
                              -
                              - -
                              - - - - - - - - - - - - -
                              -
                              - -
                              -
                              -
                              -
                              - -
                              - - -
                              -
                              - -
                              - -
                              -
                              - -
                              -

                              - Heatmap: with quantile scale - - - - - -

                              -
                              -

                              Quantile scale is a type of scale that can be set in the color property.

                              -
                              'color': 
-    'scale': {
-        'type': 'quantile',
-        ...
-    },
-    ...
-
                              -
                              - -
                              - - - - - - - - - - - - -
                              -
                              - -
                              -
                              -
                              -
                              - -
                              - - -
                              -
                              - -
                              - -
                              -
                              - -
                              -

                              - Bubblemaps - New - - - - - - -

                              -
                              -

                              To switch to a bubblemap:

                              -
                                -
                              • set the grid to false in the config view
                                • -
                              • set the mark type to circle
                                • -
                              • in addition to the color property, a new mark property is necessary to change the size of the circles: size.
                                • -
                              -

                              size mark property documentation here. -It’s very similar to the color property, it expects an aggregate and field option to be able to size circles depending on your data. -It also accepts different scale types (quantile, power, log etc…).

                              - -
                              - -
                              - - - - - - - - - - - - -
                              -
                              - -
                              -
                              -
                              -
                              - -
                              - - -
                              -
                              - -
                              - -
                              -
                              - -
                              -

                              - With text axis - - - - - -

                              -
                              -

                              Axis can be from any type. It only needs to be set as a facet and part of the ods-adv-analysis.

                              - -
                              - -
                              - - - - - - - - - - - - -
                              -
                              - -
                              -
                              -
                              -
                              - -
                              - - -
                              -
                              - -
                              - -
                              -
                              - -
                              -
                              - -
                              -
                              - -
                              - - - - - © Copyright 2020 - -
                              - - - - - - - - diff --git a/public/widget-tricks/index.html b/public/widget-tricks/index.html index fbf8a957a..8a211fa14 100644 --- a/public/widget-tricks/index.html +++ b/public/widget-tricks/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@
                              • - @@ -159,7 +176,7 @@
                              @@ -491,10 +580,6 @@ ods-color-gradient + ods-map : a choropleth alternative - - 4 - -
                              @@ -569,20 +654,6 @@ -
                            • - -
                              - ods-table: Fixed column - - - - 1 - - -
                              -                               -
                              • -

                              • - +

                              - ods-table: Fixed column + ods-map: Refine & Zoom - - 1 - +

                              +

                              + Showcase how the map can be used as a selector through the refine-on-click option. It also provides an example to show/hide map layers depending on the zoom + +

                              +
                              + +
                              + ods-maps +
                              + +
                              + map +
                              + +
                              + geo +
                              + +
                              + filter +
                              + +
                              + display +
                              + +
                              +
                              +                               + + +
                              +

                              + ods-select +

                              + ods-select allows the selection of one or more items from a list of options. This resource present different combinations with ods-facet-results or ods-analysis to feed the selection list.

                              @@ -698,6 +819,10 @@

                              display

                              +
                              + navigation +
                              +
                              list
                              @@ -706,20 +831,22 @@

                              - +

                              - ods-chart: CSS Hacks - + Age Pyramid with custom HTML/CSS - - 1 -

                              - Various CSS tricks to override you ods-chart visualisations. - +

                              Create an age pyramid to present the repartition of the population in your area, with custom HTML and CSS.

                              +

                              3 parameters must be declared in the code:

                              +
                                +
                              • agefield : the id of the age field in your dataset
                                • +
                              • genderfield : the id of the gender field in your dataset
                                • +
                              • valuefield : the id of the value field in your dataset
                                • +
                              +

                              Then, you can customize the colors of the bars in the CSS file, with the 2 variables:

                              @@ -731,19 +858,52 @@

                              chart

                              +
                              + ods-adv-analysis +
                              + +
                              + ods-aggregation +
                              + +
                              + ods-subaggregation +
                              +
                              - +

                              - ods-results + ods-adv-analysis

                              - Examples to showcase ods-results widget: a simple widget to list records from a dataset, as a list or set of cards. + Various examples to showcase ods-adv-analysis. This widget exposes the results of an aggregation through the API V2. + +

                              +
                              + +
                              + aggregation +
                              + +
                              +
                              +                               + + +
                              +

                              + ods-chart: CSS Hacks + + +

                              +

                              + Various CSS tricks to override you ods-chart visualisations.

                              @@ -753,22 +913,22 @@

                              - list + chart
                              - +

                              - Heatmaps with CSS Grid + ods-results

                              - Custom heatmaps and bubblemaps made by hand with CSS Grid layout and HTML + Examples to showcase ods-results widget: a simple widget to list records from a dataset, as a list or set of cards.

                              @@ -778,26 +938,22 @@

                              - ods-analysis -
                              - -
                              - aggregation + list
                              - +

                              - Heatmaps with Vega-Lite + Heatmaps with CSS Grid

                              - Vega-Lite heatmaps and bubblemaps in combination with ods-adv-analysis + Custom heatmaps and bubblemaps made by hand with CSS Grid layout and HTML

                              @@ -851,7 +1007,7 @@

                              - Animate your data-visualisation (KPIs, Gauge). + Animate your data-visualisation (KPIs, Gauge) with ods-timer.

                              @@ -963,7 +1119,7 @@

                              - These are resources to create custom tooltips for your maps. You can use them directly in the map editor (in which case you will omit the context) or in your pages. +

                              These are resources to create custom tooltips for your maps. You can use them directly in the map editor (in which case you will omit the context) or in your pages.

                              @@ -1126,10 +1282,6 @@

                              ods-color-gradient + ods-map : a choropleth alternative - - 4 - -

                              This widget computes a gradient of colors based on a numerical aggregation. It's mainly used to color the shapes of a map for analytics purposes. @@ -1178,88 +1330,22 @@

                              - -
                              -

                              - ods-map: CSS Hacks - - -

                              -

                              - ods-map with legends from the map builder with additional CSS to provide some alternative to default display - -

                              -
                              - -
                              - display -
                              - -
                              - ods-maps -
                              - -
                              - geo -
                              - -
                              -
                              -                               - - -
                              -

                              - ods-map: Refine & Zoom - - -

                              -

                              - Showcase how the map can be used as a selector through the refine-on-click option. It also provides an example to show/hide map layers depending on the zoom - -

                              -
                              - -
                              - ods-maps -
                              - -
                              - map -
                              - -
                              - geo -
                              - -
                              - filter -
                              - -
                              - display -
                              - -
                              -
                              -                               -
                              - - + - © Copyright 2020 + © Copyright 2026
                              @@ -1271,7 +1357,7 @@

                              diff --git a/public/widget-tricks/index.xml b/public/widget-tricks/index.xml index 8ee470b58..f4d40f5af 100644 --- a/public/widget-tricks/index.xml +++ b/public/widget-tricks/index.xml @@ -2,246 +2,179 @@ Widget Tricks on Codelibrary - https://codelibrary.opendatasoft.com/widget-tricks/ + https://codelibrary.huwize.com/widget-tricks/ Recent content in Widget Tricks on Codelibrary - Hugo -- gohugo.io + Hugo en-us - Fri, 30 Jul 2021 18:37:13 +0200 + Wed, 30 Mar 2022 00:00:00 +0000 + - ods-table: Fixed column - https://codelibrary.opendatasoft.com/widget-tricks/ods-table-fixed-col/ - Fri, 30 Jul 2021 18:37:13 +0200 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-table-fixed-col/ + ods-map: Refine & Zoom + https://codelibrary.huwize.com/widget-tricks/ods-map-tricks/ + Wed, 30 Mar 2022 00:00:00 +0000 + https://codelibrary.huwize.com/widget-tricks/ods-map-tricks/ - + + ods-select + https://codelibrary.huwize.com/widget-tricks/ods-select/ + Sun, 20 Mar 2022 00:00:00 +0000 + https://codelibrary.huwize.com/widget-tricks/ods-select/ + <p>ods-select allows the selection of one or more items from a list of options. This resource present different combination with ods-facet-results or ods-analysis to feed the selection list.</p> <p><a href="https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsSelect">ods-select widget documentation</a></p> + + + Age Pyramid with custom HTML/CSS + https://codelibrary.huwize.com/widget-tricks/age-pyramid-custom/ + Fri, 20 Aug 2021 18:02:27 +0200 + https://codelibrary.huwize.com/widget-tricks/age-pyramid-custom/ + <p>Create an age pyramid to present the repartition of the population in your area, with custom HTML and CSS.</p> <p>3 parameters must be declared in the code:</p> <ul> <li><code>agefield</code> : the id of the age field in your dataset</li> <li><code>genderfield</code> : the id of the gender field in your dataset</li> <li><code>valuefield</code> : the id of the value field in your dataset</li> </ul> <p>Then, you can customize the colors of the bars in the CSS file, with the 2 variables:</p> + + + ods-adv-analysis + https://codelibrary.huwize.com/widget-tricks/ods-adv-analysis/ + Thu, 12 Aug 2021 10:00:00 +0200 + https://codelibrary.huwize.com/widget-tricks/ods-adv-analysis/ + <p>The <code>ods-adv-analysis</code> widget exposes the results of an aggregation function over a context. It uses the <a href="https://help.huwise.com/apis/ods-explore-v2/">ODS Explore API V2</a> and its <a href="https://help.huwise.com/apis/ods-explore-v2/#section/Huwise-Query-Language-(ODSQL)">ODSQL language</a>.</p> <p><a href="https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsAdvAnalysis">ods-adv-analysis documentation</a></p> + ods-chart: CSS Hacks - https://codelibrary.opendatasoft.com/widget-tricks/ods-chart-css-hacks/ + https://codelibrary.huwize.com/widget-tricks/ods-chart-css-hacks/ Thu, 29 Jul 2021 10:00:10 +0200 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-chart-css-hacks/ + https://codelibrary.huwize.com/widget-tricks/ods-chart-css-hacks/ - ods-results - https://codelibrary.opendatasoft.com/widget-tricks/ods-results/ + https://codelibrary.huwize.com/widget-tricks/ods-results/ Mon, 21 Jun 2021 20:03:38 +0200 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-results/ - ods-results is a rather simple widget to list records from a dataset. They can be displayed as a list or cards. -ods-results widget documentation -Several Code Library resources rely on ods-results, for example the table module component, to list records in a table. The search module component, to display the results of a search query. The generators also use an ods-results internally to list dataset content. + https://codelibrary.huwize.com/widget-tricks/ods-results/ + <p><strong>ods-results</strong> is a rather simple widget to list records from a dataset. They can be displayed as a list or cards.</p> <p><a href="https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsResults">ods-results widget documentation</a></p> <p>Several Code Library resources rely on ods-results, for example the <a href="https://codelibrary.huwize.com/components/table-module/">table module component</a>, to list records in a table. The <a href="https://codelibrary.huwize.com/components/search-module/">search module component</a>, to display the results of a search query. The <a href="https://codelibrary.huwize.com/generators">generators</a> also use an ods-results internally to list dataset content.</p> - Heatmaps with CSS Grid - https://codelibrary.opendatasoft.com/widget-tricks/heatmaps-custom/ + https://codelibrary.huwize.com/widget-tricks/heatmaps-custom/ Mon, 21 Jun 2021 14:46:16 +0200 - - https://codelibrary.opendatasoft.com/widget-tricks/heatmaps-custom/ - We consider the usage of ods-adv-analysis as a prerequisite of this resource. Documentation available here - Did you see ? Heatmaps with Vega-lite - If Vega-lite does not satisfy your needs, for advanced usages, you can create heatmaps by hand with only HTML and CSS Grid. -Keep in mind that, for heatmaps or bubblemaps, you&rsquo;ll need to adapt the display depending on the values, axis, and legends. -For example, if the aggregation is too large to be displayed in cells, using ods-tooltip could be a nice way to display the value while hovering with the cursor. - - - - Heatmaps with Vega-Lite - https://codelibrary.opendatasoft.com/widget-tricks/heatmaps-vegalite/ - Wed, 16 Jun 2021 14:46:16 +0200 - - https://codelibrary.opendatasoft.com/widget-tricks/heatmaps-vegalite/ - Vega-Lite is a high-level grammar of interactive graphics. It provides a concise, declarative JSON syntax to create an expressive range of visualizations for data analysis and presentation. -ods-vega-lite-chart widget, in combinaison with ods-adv-analysis to get the data, allows adding Vega-Lite charts into your pages. -This first resource is an introduction and pre-requisite to understand key concepts of Vega-Lite within ODS. - We consider the usage of ods-adv-analysis as a pre-requisite of this resource. - - + https://codelibrary.huwize.com/widget-tricks/heatmaps-custom/ + <blockquote> <p>We consider the usage of <code>ods-adv-analysis</code> as a prerequisite of this resource. <a href="https://help.huwise.com/widgets/#/api/ods-widgets.directive:odsAdvAnalysis">Documentation available here</a></p></blockquote> <p>Keep in mind that, for heatmaps or bubblemaps, you&rsquo;ll need to adapt the display depending on the values, axis, and legends.</p> <p>For example, if the aggregation is too large to be displayed in cells, using <code>ods-tooltip</code> could be a nice way to display the value while hovering with the cursor. Legends might also be a concern as they can overlap if they are too long.</p> + ods-chart: Custom CSS Library - https://codelibrary.opendatasoft.com/widget-tricks/ods-chart-css-library/ + https://codelibrary.huwize.com/widget-tricks/ods-chart-css-library/ Tue, 06 Apr 2021 21:00:10 +0200 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-chart-css-library/ + https://codelibrary.huwize.com/widget-tricks/ods-chart-css-library/ - Animations - https://codelibrary.opendatasoft.com/widget-tricks/animation/ + https://codelibrary.huwize.com/widget-tricks/animation/ Tue, 06 Apr 2021 20:57:00 +0200 - - https://codelibrary.opendatasoft.com/widget-tricks/animation/ + https://codelibrary.huwize.com/widget-tricks/animation/ - Static maps, a quick introduction - https://codelibrary.opendatasoft.com/widget-tricks/svg-maps/ + https://codelibrary.huwize.com/widget-tricks/svg-maps/ Mon, 24 Aug 2020 15:57:58 +0200 - - https://codelibrary.opendatasoft.com/widget-tricks/svg-maps/ - When your goal is to share a precise analysis of a theme, such as employment or demography, for given administrative territories, you may want to disable all interactions with the map. You will even probably want to have overseas territories right next to the other territories in order to visualize immediately how the measurement varies across these administrative areas. -In this situation, you might prefer a static colored picture over a classic map widget. + https://codelibrary.huwize.com/widget-tricks/svg-maps/ + <p>When your goal is to share a precise analysis of a theme, such as employment or demography, for given administrative territories, you may want to disable all interactions with the map. You will even probably want to have overseas territories right next to the other territories in order to visualize immediately how the measurement varies across these administrative areas.</p> <p>In this situation, you might prefer a static colored picture over a classic map widget. The resource below shows you how to create such static analyses of administrative divisions.</p> - Chart samples - https://codelibrary.opendatasoft.com/widget-tricks/charts/ + https://codelibrary.huwize.com/widget-tricks/charts/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/charts/ + https://codelibrary.huwize.com/widget-tricks/charts/ - Custom catalog card - https://codelibrary.opendatasoft.com/widget-tricks/catalog-cards/ + https://codelibrary.huwize.com/widget-tricks/catalog-cards/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/catalog-cards/ - The catalog card represents the published datasets of that portal. (see Exploring a dataset from the catalog). -The platform allows to customize the catalog cards displayed in the catalog of the portal, by providing custom HTML and CSS to override the default version. This resource propose different versions and technical tricks that can be used to highlighted datasets by keywords or theme for example. + https://codelibrary.huwize.com/widget-tricks/catalog-cards/ + <p>The catalog card represents the published datasets of that portal. (see <a href="https://help.huwise.com/platform/en/exploring_catalog_and_datasets/01_navigating_the_catalog/catalog.html#exploring-dataset">Exploring a dataset from the catalog</a>).</p> <p>The platform allows to customize the catalog cards displayed in the catalog of the portal, by providing custom HTML and CSS to override the default version. This resource propose different versions and technical tricks that can be used to highlighted datasets by keywords or theme for example.</p> - Custom Tooltips - https://codelibrary.opendatasoft.com/widget-tricks/custom-tooltips/ + https://codelibrary.huwize.com/widget-tricks/custom-tooltips/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/custom-tooltips/ - These are resources to create custom tooltips for your maps. You can use them directly in the map editor (in which case you will omit the context) or in your pages. + https://codelibrary.huwize.com/widget-tricks/custom-tooltips/ + <p>These are resources to create custom tooltips for your maps. You can use them directly <a href="https://help.huwise.com/platform/en/publishing_data/07_configuring_visualizations/02_configuring_map_view/tooltip.html#custom-html-tooltip">in the map editor</a> (in which case you will omit the context) or in your pages.</p> - Dates - https://codelibrary.opendatasoft.com/widget-tricks/dates/ + https://codelibrary.huwize.com/widget-tricks/dates/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/dates/ + https://codelibrary.huwize.com/widget-tricks/dates/ - Drill-down refine in charts - https://codelibrary.opendatasoft.com/widget-tricks/drill-down/ + https://codelibrary.huwize.com/widget-tricks/drill-down/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/drill-down/ + https://codelibrary.huwize.com/widget-tricks/drill-down/ - Filters as an HTML Select - https://codelibrary.opendatasoft.com/widget-tricks/filter-as-list/ + https://codelibrary.huwize.com/widget-tricks/filter-as-list/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/filter-as-list/ - + https://codelibrary.huwize.com/widget-tricks/filter-as-list/ + <blockquote> <p><strong>!! WARNING !!</strong> This ressource is deprecated ! Please use <code>ods-select</code> instead. <a href="https://codelibrary.huwise.com/widget-tricks/ods-select/">Documentation available here</a></p></blockquote> - ods-aggregation - https://codelibrary.opendatasoft.com/widget-tricks/ods-aggregation/ + https://codelibrary.huwize.com/widget-tricks/ods-aggregation/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-aggregation/ - The technical documentation says : -This widget exposes the results of an aggregation function over a context&hellip; The result is exposed into a new variable that you can use in other widgets or directly in your HTML. -More concretely : -It computes a function like the sum, average, minimum, maximum etc.. over a numerical field. Depending on the context parameters, if filtered (queries, refines, etc&hellip;) it will compute the aggregation on a subset of the records, if not, on the entire dataset. + https://codelibrary.huwize.com/widget-tricks/ods-aggregation/ + <p><strong>The technical documentation says :</strong></p> <p>This widget exposes the results of an aggregation function over a context&hellip; The result is exposed into a new variable that you can use in other widgets or directly in your HTML.</p> <p><strong>More concretely :</strong></p> <p>It computes a function like the sum, average, minimum, maximum etc.. over a numerical field. Depending on the context parameters, if filtered (queries, refines, etc&hellip;) it will compute the aggregation on a subset of the records, if not, on the entire dataset.</p> - ods-analysis, quick intro - https://codelibrary.opendatasoft.com/widget-tricks/ods-analysis/ + https://codelibrary.huwize.com/widget-tricks/ods-analysis/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-analysis/ - The technical documentation says : -This widget exposes the results of an analysis (as an object containing a results array and optionally an aggregations object) in a variable available in the scope. It can be used with AngularJS&rsquo;s ngRepeat to simply build a table of analysis results. -Normal people would say : -Ods-analysis is the way to get the values behind a chart ! What you can do with a chart, you can do the same with ods-analysis. + https://codelibrary.huwize.com/widget-tricks/ods-analysis/ + <p><strong>The technical documentation says :</strong></p> <p><em>This widget exposes the results of an analysis (as an object containing a results array and optionally an aggregations object) in a variable available in the scope. It can be used with AngularJS&rsquo;s ngRepeat to simply build a table of analysis results.</em></p> <p><strong>Normal people would say :</strong></p> <p><em>Ods-analysis is the way to get the values behind a chart ! What you can do with a chart, you can do the same with ods-analysis. You get the figures, and do whatever you want in your dashboard with the results !</em></p> - ods-color-gradient + ods-map : a choropleth alternative - https://codelibrary.opendatasoft.com/widget-tricks/ods-color-gradient/ + https://codelibrary.huwize.com/widget-tricks/ods-color-gradient/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-color-gradient/ - This map rendering technique allows to display on a map colored shaped based on the aggregation of a different dataset. -One dataset contains the data to make some statistical computation (Avg, sum, counting of numerical fields) and one dataset contains geographical information (geo shapes). -The technique is very similar to a join at processing time, to enrich statistical data with geographical data. The only prerequisit is, like for a regular join, having a shared key between datasets to make the numerical aggregation match its geo shape. + https://codelibrary.huwize.com/widget-tricks/ods-color-gradient/ + <p>This <strong>map rendering technique</strong> allows to display on a map colored shaped based on the aggregation of <strong>a different dataset</strong>.</p> <p><strong>One dataset contains the data</strong> to make some statistical computation (Avg, sum, counting of numerical fields) and <strong>one dataset contains geographical information</strong> (geo shapes).</p> <p>The technique is very similar to a join at processing time, to enrich statistical data with geographical data. The only prerequisit is, like for a regular join, having a shared key between datasets to make the numerical aggregation match its geo shape.</p> - ods-date-range-slider - https://codelibrary.opendatasoft.com/widget-tricks/ods-date-range-slider/ + https://codelibrary.huwize.com/widget-tricks/ods-date-range-slider/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-date-range-slider/ + https://codelibrary.huwize.com/widget-tricks/ods-date-range-slider/ - ods-map: CSS Hacks - https://codelibrary.opendatasoft.com/widget-tricks/ods-map-css/ + https://codelibrary.huwize.com/widget-tricks/ods-map-css/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-map-css/ + https://codelibrary.huwize.com/widget-tricks/ods-map-css/ - - - ods-map: Refine & Zoom - https://codelibrary.opendatasoft.com/widget-tricks/ods-map-tricks/ - Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-map-tricks/ - - - ods-pop-in variants - https://codelibrary.opendatasoft.com/widget-tricks/ods-pop-in/ - Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-pop-in/ - Display content in a pop-in window. It can either open automatically or you can make a custom pop in that opens manually by clicking a button. - - - - ods-select - https://codelibrary.opendatasoft.com/widget-tricks/ods-select/ + https://codelibrary.huwize.com/widget-tricks/ods-pop-in/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-select/ - ods-select allows the selection of one or more items from a list of options. This resource present different combination with ods-facet-results or ods-analysis to feed the selection list. -ods-select widget documentation + https://codelibrary.huwize.com/widget-tricks/ods-pop-in/ + <p>Display content in a pop-in window. It can either open automatically or you can make a custom pop in that opens manually by clicking a button.</p> - ods-simple-tabs - https://codelibrary.opendatasoft.com/widget-tricks/ods-simple-tabs/ + https://codelibrary.huwize.com/widget-tricks/ods-simple-tabs/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/ods-simple-tabs/ - The ods-simple-tabs widget can be used to have a tabbed interface that allows you to switch between different views. It has a simplified CSS making it easy to modify the style or layout. Below are a few different styles that can be applied to the widget in order to fit different use cases. + https://codelibrary.huwize.com/widget-tricks/ods-simple-tabs/ + <p>The <code>ods-simple-tabs</code> widget can be used to have a tabbed interface that allows you to switch between different views. It has a simplified CSS making it easy to modify the style or layout. Below are a few different styles that can be applied to the widget in order to fit different use cases.</p> - Share and print - https://codelibrary.opendatasoft.com/widget-tricks/share-print/ + https://codelibrary.huwize.com/widget-tricks/share-print/ Mon, 01 Jan 0001 00:00:00 +0000 - - https://codelibrary.opendatasoft.com/widget-tricks/share-print/ + https://codelibrary.huwize.com/widget-tricks/share-print/ - diff --git a/public/widget-tricks/ods-adv-analysis/1/css.inc b/public/widget-tricks/ods-adv-analysis/1/css.inc new file mode 100644 index 000000000..bf8898412 --- /dev/null +++ b/public/widget-tricks/ods-adv-analysis/1/css.inc @@ -0,0 +1,42 @@ +.range-slider-ctn { + display: flex; + flex-direction: column; + align-items: center; + margin: 13px 26px 32px 26px; +} + +.odswidget-date-range-slider { + width: 100%; +} + +.range-slider-reset-button { + margin-left: 0; + margin-top: 13px; + white-space: nowrap; + font-size: 12px; + padding: 3px 6px; + line-height: 0; + background-color: #e1e4e9; + border-radius: 4px; +} + +.range-slider-reset-button:not(.range-slider-reset-button-disabled):hover { + opacity: 0.65; +} + +.range-slider-reset-button-disabled { + opacity: 0.5; + pointer-event: none; + text-decoration: none; +} + +@media screen and (min-width: 500px) { + .range-slider-ctn { + flex-direction: row; + } + + .range-slider-reset-button { + margin-left: 50px; + margin-top: 0; + } +} \ No newline at end of file diff --git a/public/widget-tricks/ods-adv-analysis/1/html.inc b/public/widget-tricks/ods-adv-analysis/1/html.inc new file mode 100644 index 000000000..7c49f7568 --- /dev/null +++ b/public/widget-tricks/ods-adv-analysis/1/html.inc @@ -0,0 +1,72 @@ +
                              +

                              Simple example to get and display the min and max of a date

                              + +
                              +

                              ods-adv-analysis result:

                              +
                              +
                              +

                              Min timestamp: {{ dateanalysis[0].mindate | date : 'medium' }}

                              +

                              Max timestamp: {{ dateanalysis[0].maxdate | date : 'medium' }}

                              +
                              +
                              + 
                              {{ dateanalysis }}
                              +
                              +
                              +
                              +                               + +
                              + +

                              Useful example with an ods-date-range-slider

                              + + +
                              + + +
                              + + {{ bounds.min = (dateanalysis[0].mindate | moment : 'YYYY-MM-DD') ; '' }} + {{ bounds.max = (dateanalysis[0].maxdate | moment : 'YYYY-MM-DD') ; '' }} +
                              + + + + + + +
                              + The entire period +
                              +
                              + + + +                               +
                              \ No newline at end of file diff --git a/public/widget-tricks/heatmaps-vegalite/5/css.inc b/public/widget-tricks/ods-adv-analysis/2/css.inc similarity index 100% rename from public/widget-tricks/heatmaps-vegalite/5/css.inc rename to public/widget-tricks/ods-adv-analysis/2/css.inc diff --git a/public/widget-tricks/ods-adv-analysis/2/html.inc b/public/widget-tricks/ods-adv-analysis/2/html.inc new file mode 100644 index 000000000..aeace62dc --- /dev/null +++ b/public/widget-tricks/ods-adv-analysis/2/html.inc @@ -0,0 +1,23 @@ + +
                              + +

                              How many hits per day on Userclub domain, this past week ?

                              +
                                +
                              • + {{ item.total | number }} hits on {{ item.date | date }} +
                                • +
                              + +

                              Average number of hits on Userclub domain, this past week

                              +
                              + An average of {{ results[0].dayavg | number:0 }} hits per day +
                              +
                              +                               diff --git a/public/widget-tricks/ods-adv-analysis/index.html b/public/widget-tricks/ods-adv-analysis/index.html new file mode 100644 index 000000000..cc54f769f --- /dev/null +++ b/public/widget-tricks/ods-adv-analysis/index.html @@ -0,0 +1,1952 @@ + + + + + + ods-adv-analysis – Codelibrary + + + + + + + + + + + + + + + + + + + + + + + + + +
                              +
                              +
                              +
                              +
                              +
                              +
                              +
                              +
                              +
                              + + +
                              +
                              + +
                              +
                              +

                              Widget Tricks - ods-adv-analysis

                              +
                              +

                              The ods-adv-analysis widget exposes the results of an aggregation function over a context. +It uses the ODS Explore API V2 and its ODSQL language.

                              +

                              ods-adv-analysis documentation

                              + +
                              + +
                              +

                              + Get the oldest (min) and newest (max) date in a field + + + + + +

                              +
                              +

                              min and max function can also work on date format field. It’s very useful to get the date range covered by the dataset on a specific field.

                              +

                              It can for example be used to initialise an ods-date-range-slider with the correct bounds.

                              +

                              ods-date-range-slider documentation

                              + +
                              + + +
                              + + + + + + + + + + + + + + + + + + + + +
                              +
                              + +
                              +
                              +
                              +
                              + +
                              + + + + + +
                              +
                              + + + + +
                              + +
                              + +
                              + +
                              +

                              + Sub-aggregation after ods-adv-analysis + + + + + +

                              +
                              +

                              The ods-adv-analysis widget can be use in conjunction with ods-subaggregation.

                              +

                              It will perform a second aggregation after the API result.

                              +

                              In the example, we use this technique to perform a daily average over a week, (from a second precision timeserie).

                              +
                                +
                              1. ods-adv-analysis groups record by day over the last 7 days, and returns the total number of hits for each day.
                                2. +
                              2. ods-subaggregation computes the average of hits by day.
                                3. +
                              +

                              ods-subaggregation documentation

                              + +
                              + + +
                              + + + + + + + + + + + + + + + + + + + + +
                              +
                              + +
                              +
                              +
                              +
                              + +
                              + + + + + +
                              +
                              + + + + +
                              + +
                              + +
                              + +
                              +
                              + +
                              +
                              + +
                              + + + + + © Copyright 2026 + +
                              + + + + + + + + diff --git a/public/widget-tricks/ods-aggregation/index.html b/public/widget-tricks/ods-aggregation/index.html index 8102f840c..683162687 100644 --- a/public/widget-tricks/ods-aggregation/index.html +++ b/public/widget-tricks/ods-aggregation/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@ - @@ -209,7 +226,7 @@
                              • + href="https://codelibrary.huwize.com/"> Home
                                • @@ -226,6 +243,54 @@ + + + + + + + + + + + + + + + + + + + + + +
                              • + + Apps + + +
                                • + + + + + + + + + + + + + + + + + + + + @@ -280,6 +345,9 @@ + + +
                              • @@ -304,6 +372,9 @@ + + + @@ -348,6 +419,18 @@ + + + + + + + + + + + + @@ -401,6 +484,16 @@
                                  +
                                • + +
                                  + Age Pyramid with custom HTML/CSS + + +
                                  +                                   +
                                  • +
                                • @@ -482,9 +575,9 @@
                                • - +
                                  - Heatmaps with Vega-Lite + ods-adv-analysis
                                  @@ -517,10 +610,6 @@ ods-chart: CSS Hacks - - 1 - -
                                  • @@ -541,10 +630,6 @@ ods-color-gradient + ods-map : a choropleth alternative - - 4 - - @@ -619,20 +704,6 @@ -
                                • - -
                                  - ods-table: Fixed column - - - - 1 - - -
                                  -                                   -
                                  • -
                                • @@ -664,51 +735,67 @@
                                  - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
                                  @@ -719,34 +806,40 @@
                                  -
                                  -

                                  Widget Tricks - ods-aggregation

                                  -
                                  -

                                  The technical documentation says :

                                  +
                                  +

                                  Widget Tricks - ods-aggregation

                                  +
                                  +

                                  The technical documentation says :

                                  This widget exposes the results of an aggregation function over a context… The result is exposed into a new variable that you can use in other widgets or directly in your HTML.

                                  More concretely :

                                  It computes a function like the sum, average, minimum, maximum etc.. over a numerical field. Depending on the context parameters, if filtered (queries, refines, etc…) it will compute the aggregation on a subset of the records, if not, on the entire dataset.

                                  -
                                  - -
                                  -

                                  - A simple ods-aggregation results - - - - - -

                                  -
                                  -

                                  Count the number of record of a dataset, here : the number of US hospitals

                                  - -
                                  - -
                                  +
                                  +
                                  +

                                  + A simple ods-aggregation results + + + + + +

                                  +
                                  +

                                  Count the number of record of a dataset, here : the number of US hospitals

                                  + +
                                  + + +
                                  + + + + + + @@ -756,6 +849,9 @@

                                  + + +
                                  name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-sm-offset-4 col-sm-4\"\u003e\n \u003cods-dataset-context context=\"ushospitals\"\n ushospitals-domain=\"userclub\"\n ushospitals-dataset=\"us-hospitals\"\u003e\n \u003c!-- KPI box component --\u003e\n \u003cdiv class=\"kpi-card\"\u003e\n \u003ci class=\"kpi-icon fa fa-hospital-o\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cp class=\"kpi-title\"\n ods-aggregation=\"count\"\n ods-aggregation-context=\"ushospitals\"\n ods-aggregation-function=\"COUNT\"\u003e\n {{ count | number }}\n \u003c/p\u003e\n \u003cp class=\"kpi-description\"\u003e\n Number of hospitals\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e", "css": "/* Variables \u0026 Shared classes\n========================================================================== */\n:root {\n --secondary-color: #142E7B;\n}\n.row-equal-height {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n margin-bottom: 20px;\n}\n/* Fix for early content wrapping in Safari*/\n.row-equal-height:before,\n.row-equal-height:after {\n content: normal;\n}\n/* KPI Card\n========================================================================== */\n.kpi-card {\n background-color: var(--boxes-background);\n height: 100%;\n padding: 39px;\n border-radius: 4px;\n margin-bottom: 20px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n text-align: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n text-align: center;\n}\n.kpi-icon {\n color: var(--highlight);\n color: var(--secondary-color);\n font-size: 4rem;\n margin-top: 0;\n margin-bottom: 13px;\n max-width: 100%;\n}\n.kpi-title {\n font-weight: normal;\n color: var(--highlight);\n font-size: 3.2rem;\n margin-top: 0;\n margin-bottom: 13px;\n max-width: 100%;\n}\n.kpi-description {\n color: var(--text);\n font-size: 1rem;\n line-height: 1.5;\n font-weight: normal;\n margin-top: 0;\n margin-bottom: 0;\n max-width: 100%;\n}\n.kpi-description-detail {\n opacity: 0.9;\n font-style: italic;\n font-size: 0.9em;\n margin-top: 0.8em;\n}\n" @@ -779,7 +875,8 @@

                                  width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -823,6 +920,7 @@

                                  const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -933,7 +1031,9 @@

                                  $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                  <div ng-app="ods-widgets"> @@ -1038,8 +1138,16 @@

                                  "> -
                                  - + +

                                  -

                                  - -
                                  -

                                  - An ods-aggregation results with a function on a field - - - - - -

                                  -
                                  - -
                                  - -
                                  +
                                  + +
                                  +
                                  +

                                  + An ods-aggregation results with a function on a field + + + + + +

                                  +
                                  + +
                                  + + +
                                  + @@ -1344,6 +1465,14 @@

                                  <div ng-app="ods-widgets"> @@ -1644,8 +1777,16 @@

                                  -
                                  - + +

                                  +
                                  +

                                  + A multiple ods-aggregation and a computation to get a new value from the results + + + + + +

                                  +
                                  +

                                  The same two aggregation that before, declared in the same bloc, and used in a pourcentage formula in an AngularJS expression

                                  + +
                                  + + +
                                  + + + + + + + + +
                                  <div ng-app="ods-widgets"> @@ -2274,8 +2465,16 @@

                                  -
                                  - + +

                                  + +
                                  +

                                  + Evolution over past years + + + + + +

                                  +
                                  +

                                  A multiple ods-aggregation on two different context

                                  This example showcase the number of cities in France before and after a reform (2015 vs. 2016).

                                  -
                                  - -
                                  - +
                                  + + +
                                  + @@ -2592,6 +2824,14 @@

                                  + + + + + + + +
                                  name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-sm-offset-4 col-sm-4\"\u003e\n \u003cods-dataset-context context=\"cities2015,cities2016\"\n cities2015-dataset=\"communes-et-arrondissements-municipaux-millesime-france\"\n cities2015-parameters=\"{'refine.year':'2015'}\"\n cities2015-domain=\"userclub\"\n cities2016-dataset=\"communes-et-arrondissements-municipaux-millesime-france\"\n cities2016-parameters=\"{'refine.year':'2016'}\"\n cities2016-domain=\"userclub\"\u003e\n \u003c!-- KPI box component --\u003e\n \u003cdiv class=\"kpi-card\"\n ods-aggregation=\"agg2015,agg2016\"\n ods-aggregation-agg2015-context=\"cities2015\"\n ods-aggregation-agg2015-function=\"COUNT\"\n ods-aggregation-agg2016-context=\"cities2016\"\n ods-aggregation-agg2016-function=\"COUNT\"\u003e\n \u003ci class=\"kpi-icon fa fa-line-chart\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cp class=\"kpi-title\"\u003e\n {{ (agg2016 - agg2015) / agg2015 * 100 | number : 2 }} %\n \u003c/p\u003e\n \u003cp class=\"kpi-description\"\u003e\n Administrative division evolution in term of # of cities between 2015 and 2016\n \u003c/p\u003e\n \u003cp class=\"kpi-description-detail\"\u003e\n \u003cb\u003e{{ agg2015 | number }}\u003c/b\u003e in 2015, \u003cb\u003e{{ agg2016 | number }}\u003c/b\u003e in 2016\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e", "css": "/* Variables \u0026 Shared classes\n========================================================================== */\n:root {\n --secondary-color: #142E7B;\n}\n.row-equal-height {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n margin-bottom: 20px;\n}\n/* Fix for early content wrapping in Safari*/\n.row-equal-height:before,\n.row-equal-height:after {\n content: normal;\n}\n/* KPI Card\n========================================================================== */\n.kpi-card {\n background-color: var(--boxes-background);\n height: 100%;\n padding: 39px;\n border-radius: 4px;\n margin-bottom: 20px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n text-align: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n text-align: center;\n}\n.kpi-icon {\n color: var(--highlight);\n color: var(--secondary-color);\n font-size: 4rem;\n margin-top: 0;\n margin-bottom: 13px;\n max-width: 100%;\n}\n.kpi-title {\n font-weight: normal;\n color: var(--highlight);\n font-size: 3.2rem;\n margin-top: 0;\n margin-bottom: 13px;\n max-width: 100%;\n}\n.kpi-description {\n color: var(--text);\n font-size: 1rem;\n line-height: 1.5;\n font-weight: normal;\n margin-top: 0;\n margin-bottom: 0;\n max-width: 100%;\n}\n.kpi-description-detail {\n opacity: 0.9;\n font-style: italic;\n font-size: 0.9em;\n margin-top: 0.8em;\n}\n" @@ -2615,7 +2855,8 @@

                                  width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -2659,6 +2900,7 @@

                                  const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -2769,7 +3011,9 @@

                                  $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                  <div ng-app="ods-widgets"> @@ -2883,8 +3127,16 @@

                                  "> -
                                  - + +

                                  -

                                  - -
                                  -

                                  - Progression bar / custom gauge - - - - - -

                                  -
                                  -

                                  Considering that a gauge or progression bar is nothing more than displaying a value over a total value, we just need to see how to make objects grow with CSS style attributes !

                                  - -
                                  - -
                                  +
                                  + +
                                  +
                                  +

                                  + Progression bar / custom gauge + + + + + +

                                  +
                                  +

                                  Considering that a gauge or progression bar is nothing more than displaying a value over a total value, we just need to see how to make objects grow with CSS style attributes !

                                  + +
                                  + + +
                                  + @@ -3208,6 +3493,14 @@

                                  + + + + + + + +
                                  name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"ushospitals,ushospitalswithoutgeo\"\n ushospitals-dataset=\"us-hospitals\"\n ushospitals-domain=\"userclub\"\n ushospitalswithoutgeo-dataset=\"us-hospitals\"\n ushospitalswithoutgeo-domain=\"userclub\"\n ushospitalswithoutgeo-parameters=\"{'q':'#null(geo_point)'}\"\u003e\n\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-sm-offset-3 col-sm-6\"\u003e\n \u003cul ods-aggregation=\"with,without\"\n ods-aggregation-with-context=\"ushospitals\"\n ods-aggregation-with-function=\"COUNT\"\n ods-aggregation-without-context=\"ushospitalswithoutgeo\"\n ods-aggregation-without-function=\"COUNT\"\u003e\n {{ rate = (with - without) / with * 100 ; '' }}\n \u003cdiv class=\"row bar\"\u003e\n \u003cdiv class=\"card\"\u003e\n \u003ch3\u003e\n Data quality check\n \u003c/h3\u003e\n \u003cp\u003e\n {{ rate | number : 1 }} % of hospitals has geo-coordinates\n \u003c/p\u003e\n \u003cspan class=\"jauge-container\"\u003e\n \u003cspan class=\"jauge\"\n style=\"width: {{ rate }}%;\n background-color: #142e7b;\"\u003e\u003c/span\u003e\n \u003c/span\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/ul\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", "css": "/* Progression / gauge */\n.card {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n border: 1px solid #dee5ef;\n border-radius: 4px;\n background-color: #f6f8fb;\n padding: 30px;\n text-align: center;\n}\n.jauge-container {\n background-color: white;\n border: 1px solid #707070;\n border-radius: 3px;\n position: relative;\n}\n.jauge {\n background-color: black;\n color: white;\n border: 2px solid white;\n border-radius: 3px;\n display: block;\n}\n/* column */\n.column .jauge {\n height: 80px;\n width: 30px;\n}\n/* bar */\n.bar .jauge-container {\n width: 100%;\n height: 30px;\n}\n.bar .jauge {\n height: 100%;\n}\n" @@ -3231,7 +3524,8 @@

                                  width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -3275,6 +3569,7 @@

                                  const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -3385,7 +3680,9 @@

                                  $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                  <div ng-app="ods-widgets"> @@ -3469,8 +3766,16 @@

                                  "> -
                                  - + +

                                  -

                                  - -
                                  -

                                  - Progression bar / custom gauge - - - - - -

                                  -
                                  -

                                  A different way to do it is to play with the background color only ! the element keeps it’s full width or height, but a linear gradient style colors it until the pourcentage value.

                                  +
                                  + +
                                  + +
                                  +

                                  + Progression bar / custom gauge + + + + + +

                                  +
                                  +

                                  A different way to do it is to play with the background color only ! the element keeps it’s full width or height, but a linear gradient style colors it until the pourcentage value.

                                  From 0% to the pourcentage value X with a color, then from X to 100% in white.

                                  -
                                  - -
                                  - +
                                  + + +
                                  + @@ -3735,6 +4073,14 @@

                                  + + + + + + + +
                                  name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"ushospitals,ushospitalswithoutgeo\"\n ushospitals-dataset=\"us-hospitals\"\n ushospitals-domain=\"userclub\"\n ushospitalswithoutgeo-dataset=\"us-hospitals\"\n ushospitalswithoutgeo-domain=\"userclub\"\n ushospitalswithoutgeo-parameters=\"{'q':'#null(beds)'}\"\u003e\n\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-sm-offset-4 col-sm-4\"\u003e\n \u003cul ods-aggregation=\"with,without\"\n ods-aggregation-with-context=\"ushospitals\"\n ods-aggregation-with-function=\"COUNT\"\n ods-aggregation-without-context=\"ushospitalswithoutgeo\"\n ods-aggregation-without-function=\"COUNT\"\u003e\n {{ rate = without / with * 100 ; '' }}\n \u003cdiv class=\"row column\"\u003e\n \u003cdiv class=\"card\"\u003e\n \u003ch3\u003e\n {{ rate | number : 1 }} % with poor data quality\n \u003c/h3\u003e\n \u003cp\u003e\n {{ without | number }} records have no value in \"beds\" field\n \u003c/p\u003e\n \u003cspan class=\"jauge-container\"\u003e\n \u003cspan class=\"jauge\"\n style=\"background: linear-gradient(to top, red, red {{ rate | number : 0 }}%, white {{ rate | number : 0 }}%, white);\"\u003e\u003c/span\u003e\n \u003c/span\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/ul\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", "css": "/* Progression / gauge */\n.card {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n border: 1px solid #dee5ef;\n border-radius: 4px;\n background-color: #f6f8fb;\n padding: 30px;\n text-align: center;\n}\n.jauge-container {\n background-color: white;\n border: 1px solid #707070;\n border-radius: 3px;\n position: relative;\n}\n.jauge {\n background-color: black;\n color: white;\n border: 2px solid white;\n border-radius: 3px;\n display: block;\n}\n/* column */\n.column .jauge {\n height: 80px;\n width: 30px;\n}\n/* bar */\n.bar .jauge-container {\n width: 100%;\n height: 30px;\n}\n.bar .jauge {\n height: 100%;\n}\n" @@ -3758,7 +4104,8 @@

                                  width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -3802,6 +4149,7 @@

                                  const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -3912,7 +4260,9 @@

                                  $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                  <div ng-app="ods-widgets"> @@ -3995,8 +4345,16 @@

                                  "> -
                                  - + +

                                  -

                                  - -
                                  +
                                  + + + +
                                  - - + - © Copyright 2020 + © Copyright 2026
                                  @@ -4259,7 +4649,7 @@

                                  diff --git a/public/widget-tricks/ods-analysis/1/html.inc b/public/widget-tricks/ods-analysis/1/html.inc index ae73c21e1..0fefa4223 100644 --- a/public/widget-tricks/ods-analysis/1/html.inc +++ b/public/widget-tricks/ods-analysis/1/html.inc @@ -1,6 +1,6 @@
                                  diff --git a/public/widget-tricks/ods-analysis/2/html.inc b/public/widget-tricks/ods-analysis/2/html.inc index 90f1c47c8..aefef26e5 100644 --- a/public/widget-tricks/ods-analysis/2/html.inc +++ b/public/widget-tricks/ods-analysis/2/html.inc @@ -1,12 +1,12 @@ + population-domain="userclub" + population-dataset="demographyref-france-pop-legale-commune-arrondissement-municipal">
                                  - + @@ -16,7 +16,7 @@
                                  diff --git a/public/widget-tricks/ods-analysis/3/html.inc b/public/widget-tricks/ods-analysis/3/html.inc index 85796c04b..022631b5f 100644 --- a/public/widget-tricks/ods-analysis/3/html.inc +++ b/public/widget-tricks/ods-analysis/3/html.inc @@ -1,6 +1,6 @@ + shanghai-domain="userclub">

                                  @@ -32,7 +32,7 @@
                                  + shanghai-domain="userclub">
                                  + population-domain="userclub" + population-dataset="demographyref-france-pop-legale-commune-arrondissement-municipal">
                                  - + @@ -27,7 +27,7 @@
                                  diff --git a/public/widget-tricks/ods-analysis/5/html.inc b/public/widget-tricks/ods-analysis/5/html.inc index f87fa94d3..f8125a43c 100644 --- a/public/widget-tricks/ods-analysis/5/html.inc +++ b/public/widget-tricks/ods-analysis/5/html.inc @@ -1,13 +1,12 @@ + populationmillesime-domain="userclub" + populationmillesime-dataset="demographyref-france-pop-legale-commune-arrondissement-municipal">
                                  - + + label-y="2018 Census population" color="#142E7B" display-values="true" scientific-display="true"> @@ -19,7 +18,7 @@

                                  - Population evolution in {{ analysehomemadechart.x }} since 2006 + Population evolution in {{ analysehomemadechart.x }} since 2015

                                  + historic-domain="userclub" + historic-dataset="demographyref-france-pop-legale-commune-arrondissement-municipal-millesime" + historic-parameters="{'q': 'nom_officiel_commune_arrondissement_municipal:"' + analysehomemadechart.x + '"'}">
                                  - - - + @@ -73,69 +71,88 @@
                                  - @@ -209,7 +226,7 @@

                                  • @@ -541,10 +630,6 @@ ods-color-gradient + ods-map : a choropleth alternative - - 4 - - @@ -619,20 +704,6 @@ -
                                • - -
                                  - ods-table: Fixed column - - - - 1 - - -
                                  -                                   -
                                  • -
                                • @@ -664,51 +735,67 @@
                                  - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
                                  @@ -719,47 +806,56 @@
                                  -
                                  -

                                  Widget Tricks - ods-analysis, quick intro

                                  -
                                  -

                                  The technical documentation says :

                                  +
                                  +

                                  Widget Tricks - ods-analysis, quick intro

                                  +
                                  +

                                  The technical documentation says :

                                  This widget exposes the results of an analysis (as an object containing a results array and optionally an aggregations object) in a variable available in the scope. It can be used with AngularJS’s ngRepeat to simply build a table of analysis results.

                                  Normal people would say :

                                  Ods-analysis is the way to get the values behind a chart ! What you can do with a chart, you can do the same with ods-analysis. You get the figures, and do whatever you want in your dashboard with the results !

                                  The syntax is different, but options and parameters are pretty similar. You have a context, an X axis, you define series, optionnaly you sort the results. To conclude, we can say that : ods-analysis is the low level widget of ods-chart, its underlying layer !

                                  -
                                  - -
                                  -

                                  - What an ods-analysis results object looks like - - - - - -

                                  -
                                  -

                                  The ods-analysis output is a json object, containing one key results. +

                                  + +
                                  +

                                  + What an ods-analysis results object looks like + + + + + +

                                  +
                                  +

                                  The ods-analysis output is a json object, containing one key results. It’s value is a json array and each item contains the x value of the analysis, and one to many series.

                                  Compare, side-by-side the ods-chart values and the ods-analysis results. They both have the same settings (x axis, series, number of results and sort parameters)

                                  -
                                  - -
                                  - +
                                  + + +
                                  + + + + + + + + +
                                  name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"shanghaiworlduniversityranking\"\n shanghaiworlduniversityranking-dataset=\"shanghai-world-university-ranking\"\n shanghaiworlduniversityranking-domain=\"public\"\n shanghaiworlduniversityranking-parameters=\"{'sort':'world_rank'}\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-7\"\u003e\n \u003cods-chart single-y-axis=\"true\"\n min=\"0\" max=\"110\" step=\"10\"\n labels-x-length=\"43\"\n label-x=\"University name\"\u003e\n \u003cods-chart-query context=\"shanghaiworlduniversityranking\"\n field-x=\"university_name\"\n maxpoints=\"10\" sort=\"serie1-3\"\u003e\n \u003cods-chart-serie expression-y=\"pub\"\n chart-type=\"column\"\n function-y=\"MAX\"\n label-y=\"Best Publication score\" color=\"#FF515A\"\n display-values=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003cods-chart-serie expression-y=\"alumni\"\n chart-type=\"column\"\n function-y=\"MAX\"\n label-y=\"Best Alumni score\" color=\"#1B6698\"\n display-values=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003cods-chart-serie expression-y=\"award\"\n chart-type=\"column\"\n function-y=\"MAX\"\n label-y=\"Best Award score\" color=\"#FCD23B\"\n display-values=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-5\"\u003e\n \u003cdiv ods-analysis=\"analysisshanghai\"\n ods-analysis-context=\"shanghaiworlduniversityranking\"\n ods-analysis-max=\"10\"\n ods-analysis-x=\"university_name\"\n ods-analysis-serie-bestpubscore=\"MAX(pub)\"\n ods-analysis-serie-bestalumniscore=\"MAX(alumni)\"\n ods-analysis-serie-bestawardscore=\"MAX(award)\"\n ods-analysis-sort=\"bestawardscore\"\u003e\n \u003cpre ng-bind=\"analysisshanghai|json\"\u003e\u003c/pre\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"shanghaiworlduniversityranking\"\n shanghaiworlduniversityranking-dataset=\"shanghai-world-university-ranking\"\n shanghaiworlduniversityranking-domain=\"userclub\"\n shanghaiworlduniversityranking-parameters=\"{'sort':'world_rank'}\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-7\"\u003e\n \u003cods-chart single-y-axis=\"true\"\n min=\"0\" max=\"110\" step=\"10\"\n labels-x-length=\"43\"\n label-x=\"University name\"\u003e\n \u003cods-chart-query context=\"shanghaiworlduniversityranking\"\n field-x=\"university_name\"\n maxpoints=\"10\" sort=\"serie1-3\"\u003e\n \u003cods-chart-serie expression-y=\"pub\"\n chart-type=\"column\"\n function-y=\"MAX\"\n label-y=\"Best Publication score\" color=\"#FF515A\"\n display-values=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003cods-chart-serie expression-y=\"alumni\"\n chart-type=\"column\"\n function-y=\"MAX\"\n label-y=\"Best Alumni score\" color=\"#1B6698\"\n display-values=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003cods-chart-serie expression-y=\"award\"\n chart-type=\"column\"\n function-y=\"MAX\"\n label-y=\"Best Award score\" color=\"#FCD23B\"\n display-values=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-5\"\u003e\n \u003cdiv ods-analysis=\"analysisshanghai\"\n ods-analysis-context=\"shanghaiworlduniversityranking\"\n ods-analysis-max=\"10\"\n ods-analysis-x=\"university_name\"\n ods-analysis-serie-bestpubscore=\"MAX(pub)\"\n ods-analysis-serie-bestalumniscore=\"MAX(alumni)\"\n ods-analysis-serie-bestawardscore=\"MAX(award)\"\n ods-analysis-sort=\"bestawardscore\"\u003e\n \u003cpre ng-bind=\"analysisshanghai|json\"\u003e\u003c/pre\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\u003c/div\u003e", "css": "" }'> @@ -783,7 +879,8 @@

                                  width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -827,6 +924,7 @@

                                  const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -937,13 +1035,15 @@

                                  $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                  <div ng-app="ods-widgets"> <ods-dataset-context context="shanghaiworlduniversityranking" shanghaiworlduniversityranking-dataset="shanghai-world-university-ranking" - shanghaiworlduniversityranking-domain="public" + shanghaiworlduniversityranking-domain="userclub" shanghaiworlduniversityranking-parameters="{'sort':'world_rank'}"> <div class="row"> <div class="col-md-7"> @@ -995,8 +1095,16 @@

                                  "> -
                                  - + +

                                  -

                                  - -
                                  -

                                  - Top 10 - - - - - -

                                  -
                                  -

                                  Like with charts, it’s conveniant to use ods-analysis to sort aggregations by the computed serie (like for exemple the sum or average of numerical fields). In this example, the ods-analysis results object is used to print lines of an HTML table to display the information as a table.

                                  - -
                                  - -
                                  +
                                  + +
                                  +
                                  +

                                  + Top 10 + + + + + +

                                  +
                                  +

                                  Like with charts, it’s conveniant to use ods-analysis to sort aggregations by the computed serie (like for example the sum or average of numerical fields). In this example, the ods-analysis results object is used to print lines of an HTML table to display the information as a table.

                                  + +
                                  + + +
                                  + @@ -1192,6 +1349,14 @@

                                  + + + + + + + +
                                  name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"population\"\n population-domain=\"discovery\"\n population-dataset=\"population-millesimee-communes-2016@public\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003cods-chart single-y-axis=\"true\" scientific-display=\"true\" labels-x-length=\"18\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"population\" field-x=\"nom_de_la_commune\" maxpoints=\"10\" sort=\"serie1-1\"\u003e\n \u003cods-chart-serie expression-y=\"population_totale\" chart-type=\"column\" function-y=\"MAX\"\n label-y=\"Population 2016\" color=\"#142E7B\" display-values=\"true\"\n scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003cdiv ods-analysis=\"analysispopulation\"\n ods-analysis-context=\"population\"\n ods-analysis-max=\"10\"\n ods-analysis-x=\"nom_de_la_commune\"\n ods-analysis-serie-population=\"MAX(population_totale)\"\n ods-analysis-sort=\"population\"\u003e\n \u003cdiv id=\"top10\"\u003e\n \u003ctable\u003e\n \u003ctr\u003e\n \u003cth\u003ePosition\u003c/th\u003e\n \u003cth\u003eCommune\u003c/th\u003e\n \u003cth\u003ePopulation\u003c/th\u003e\n \u003c/tr\u003e\n \u003ctr ng-repeat=\"(position,analyse) in analysispopulation.results\"\u003e\n \u003ctd\u003e{{ position + 1 }}\u003c/td\u003e \u003c!-- Start at 0 --\u003e\n \u003ctd\u003e{{ analyse.x | capitalize }}\u003c/td\u003e\n \u003ctd\u003e{{ analyse.population | number }}\u003c/td\u003e\n \u003c/tr\u003e\n \u003c/table\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"population\"\n population-domain=\"userclub\"\n population-dataset=\"demographyref-france-pop-legale-commune-arrondissement-municipal\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003cods-chart single-y-axis=\"true\" scientific-display=\"true\" labels-x-length=\"18\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"population\" field-x=\"nom_officiel_commune_arrondissement_municipal\" maxpoints=\"10\" sort=\"serie1-1\"\u003e\n \u003cods-chart-serie expression-y=\"population_totale\" chart-type=\"column\" function-y=\"MAX\"\n label-y=\"Population 2018\" color=\"#142E7B\" display-values=\"true\"\n scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003cdiv ods-analysis=\"analysispopulation\"\n ods-analysis-context=\"population\"\n ods-analysis-max=\"10\"\n ods-analysis-x=\"nom_officiel_commune_arrondissement_municipal\"\n ods-analysis-serie-population=\"MAX(population_totale)\"\n ods-analysis-sort=\"population\"\u003e\n \u003cdiv id=\"top10\"\u003e\n \u003ctable\u003e\n \u003ctr\u003e\n \u003cth\u003ePosition\u003c/th\u003e\n \u003cth\u003eCommune\u003c/th\u003e\n \u003cth\u003ePopulation\u003c/th\u003e\n \u003c/tr\u003e\n \u003ctr ng-repeat=\"(position,analyse) in analysispopulation.results\"\u003e\n \u003ctd\u003e{{ position + 1 }}\u003c/td\u003e \u003c!-- Start at 0 --\u003e\n \u003ctd\u003e{{ analyse.x | capitalize }}\u003c/td\u003e\n \u003ctd\u003e{{ analyse.population | number }}\u003c/td\u003e\n \u003c/tr\u003e\n \u003c/table\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", "css": "#top10 table {\n width: 100%;\n}\n#top10 tr th, #top10 tr td {\n padding: 5px;\n}\n#top10 table td, #top10 table th {\n text-align: center;\n}\n#top10 tr:nth-child(odd) {\n background-color: #f1f1f1;\n}\n#top10 tr:nth-child(1) { /* Headers */\n background-color: #142e7a;\n color: white;\n}\n#top10 tr:nth-child(2) { /* First pos. */\n font-weight: 800;\n font-size: 1.4em;\n}\n#top10 tr:nth-child(3) { /* Second pos. */\n font-weight: 700;\n font-size: 1.3em;\n}\n#top10 tr:nth-child(4) { /* Third pos. */\n font-weight: 600;\n font-size: 1.2em;\n}\n" }'>
                                  @@ -1215,7 +1380,8 @@

                                  width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -1259,6 +1425,7 @@

                                  const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -1369,19 +1536,21 @@

                                  $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                  <div ng-app="ods-widgets"> <ods-dataset-context context="population" - population-domain="discovery" - population-dataset="population-millesimee-communes-2016@public"> + population-domain="userclub" + population-dataset="demographyref-france-pop-legale-commune-arrondissement-municipal"> <div class="row"> <div class="col-md-6"> <ods-chart single-y-axis="true" scientific-display="true" labels-x-length="18" align-month="true"> - <ods-chart-query context="population" field-x="nom_de_la_commune" maxpoints="10" sort="serie1-1"> + <ods-chart-query context="population" field-x="nom_officiel_commune_arrondissement_municipal" maxpoints="10" sort="serie1-1"> <ods-chart-serie expression-y="population_totale" chart-type="column" function-y="MAX" - label-y="Population 2016" color="#142E7B" display-values="true" + label-y="Population 2018" color="#142E7B" display-values="true" scientific-display="true"> </ods-chart-serie> </ods-chart-query> @@ -1391,7 +1560,7 @@

                                  <div ods-analysis="analysispopulation" ods-analysis-context="population" ods-analysis-max="10" - ods-analysis-x="nom_de_la_commune" + ods-analysis-x="nom_officiel_commune_arrondissement_municipal" ods-analysis-serie-population="MAX(population_totale)" ods-analysis-sort="population"> <div id="top10"> @@ -1447,8 +1616,16 @@

                                  "> -
                                  - + +

                                  -

                                  - -
                                  -

                                  - Min/Max, Best/Worst, Size/Length - - - - - -

                                  -
                                  -

                                  Ods-analysis results can also be processed to get the minimum and maximum value of a serie, and also compute the length of the array. By doing so, you can get interesting information like the biggest city or smallest city in your dataset by summing the population as a serie for example.

                                  +
                                  + +
                                  + +
                                  +

                                  + Min/Max, Best/Worst, Size/Length + + + + + +

                                  +
                                  +

                                  Ods-analysis results can also be processed to get the minimum and maximum value of a serie, and also compute the length of the array. By doing so, you can get interesting information like the biggest city or smallest city in your dataset by summing the population as a serie for example.

                                  When you analyse your domain statistics, you can compute an ods-analysis with the user ID or IP address as the X axis, and then get the length of the ods-analysis results. It then correspond to the number of different users that reached your domain.

                                  In the following example, we get the best or worst universities, by ranking score.

                                  -
                                  - -
                                  - +
                                  + + +
                                  + + + + + + + + +
                                  name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"shanghai\"\n shanghai-dataset=\"shanghai-world-university-ranking\"\n shanghai-domain=\"public\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003ch3\u003e\n Best Universities (regarding publication ranking)\n \u003c/h3\u003e\n \u003cods-chart single-y-axis=\"true\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"shanghai\"\n field-x=\"university_name\" maxpoints=\"5\" sort=\"serie1-1\"\u003e\n \u003cods-chart-serie expression-y=\"pub\" chart-type=\"column\" function-y=\"AVG\"\n label-y=\"Average publication ranking\" color=\"#142E7B\" display-units=\"false\"\n display-values=\"true\" scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003ch3\u003e\n Worst Universities (regarding publication ranking)\n \u003c/h3\u003e\n \u003cods-chart single-y-axis=\"true\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"shanghai\"\n field-x=\"university_name\" maxpoints=\"5\" sort=\"-serie1-1\"\u003e\n \u003cods-chart-serie expression-y=\"pub\" chart-type=\"column\" function-y=\"AVG\"\n label-y=\"Average publication ranking\" color=\"#142E7B\" display-units=\"false\"\n display-values=\"true\" scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"col-md-6\"\u003e\n \u003cods-dataset-context context=\"shanghai\"\n shanghai-dataset=\"shanghai-world-university-ranking\"\n shanghai-domain=\"public\"\u003e\n \u003cdiv ods-analysis=\"analysisminmax\"\n ods-analysis-context=\"shanghai\"\n ods-analysis-max=\"0\"\n ods-analysis-x=\"university_name\"\n ods-analysis-serie-pubrank=\"AVG(pub)\"\n ods-analysis-sort=\"pubrank\"\u003e\n \u003ch2\u003e\n First and last items of ods-analysis\n \u003c/h2\u003e\n \u003ch3\u003e\n Best University (regarding publication ranking)\n \u003c/h3\u003e\n \u003cp\u003e\n \u003cb\u003e{{ analysisminmax.results[0].x }}\u003c/b\u003e with a score of \u003cb\u003e{{ analysisminmax.results[0].pubrank\n }}\u003c/b\u003e\n \u003c/p\u003e\n \u003ch3\u003e\n Worst University (regarding publication ranking)\n \u003c/h3\u003e\n \u003cp\u003e\n \u003cb\u003e{{ analysisminmax.results[analysisminmax.results.length-1].x }}\u003c/b\u003e with a score of \u003cb\u003e{{\n analysisminmax.results[analysisminmax.results.length-1].pubrank | number : 2 }}\u003c/b\u003e\n \u003c/p\u003e\n \u003cbr/\u003e\u003cbr/\u003e\n \u003cdiv ods-subaggregation=\"analysisminmax.results\"\n ods-subaggregation-serie-bestrank=\"MAX(pubrank)\"\n ods-subaggregation-serie-worstrank=\"MIN(pubrank)\"\u003e\n \u003ch2\u003e\n Max and min values of ods-analysis results\n \u003c/h2\u003e\n \u003cp\u003e\n Best ranking : \u003cb\u003e{{ results[0].bestrank | number }}\u003c/b\u003e\n \u003c/p\u003e\n \u003cp\u003e\n Worst ranking : \u003cb\u003e{{ results[0].worstrank | number:2 }}\u003c/b\u003e\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cbr/\u003e\u003cbr/\u003e\n \u003ch2\u003e\n Length of ods-analysis.results\n \u003c/h2\u003e\n \u003cp\u003e\n Number of universities in this ranking : \u003cb\u003e{{ analysisminmax.results.length | number }}\u003c/b\u003e\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"shanghai\"\n shanghai-dataset=\"shanghai-world-university-ranking\"\n shanghai-domain=\"userclub\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-6\"\u003e\n \u003ch3\u003e\n Best Universities (regarding publication ranking)\n \u003c/h3\u003e\n \u003cods-chart single-y-axis=\"true\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"shanghai\"\n field-x=\"university_name\" maxpoints=\"5\" sort=\"serie1-1\"\u003e\n \u003cods-chart-serie expression-y=\"pub\" chart-type=\"column\" function-y=\"AVG\"\n label-y=\"Average publication ranking\" color=\"#142E7B\" display-units=\"false\"\n display-values=\"true\" scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003ch3\u003e\n Worst Universities (regarding publication ranking)\n \u003c/h3\u003e\n \u003cods-chart single-y-axis=\"true\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"shanghai\"\n field-x=\"university_name\" maxpoints=\"5\" sort=\"-serie1-1\"\u003e\n \u003cods-chart-serie expression-y=\"pub\" chart-type=\"column\" function-y=\"AVG\"\n label-y=\"Average publication ranking\" color=\"#142E7B\" display-units=\"false\"\n display-values=\"true\" scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"col-md-6\"\u003e\n \u003cods-dataset-context context=\"shanghai\"\n shanghai-dataset=\"shanghai-world-university-ranking\"\n shanghai-domain=\"userclub\"\u003e\n \u003cdiv ods-analysis=\"analysisminmax\"\n ods-analysis-context=\"shanghai\"\n ods-analysis-max=\"0\"\n ods-analysis-x=\"university_name\"\n ods-analysis-serie-pubrank=\"AVG(pub)\"\n ods-analysis-sort=\"pubrank\"\u003e\n \u003ch2\u003e\n First and last items of ods-analysis\n \u003c/h2\u003e\n \u003ch3\u003e\n Best University (regarding publication ranking)\n \u003c/h3\u003e\n \u003cp\u003e\n \u003cb\u003e{{ analysisminmax.results[0].x }}\u003c/b\u003e with a score of \u003cb\u003e{{ analysisminmax.results[0].pubrank\n }}\u003c/b\u003e\n \u003c/p\u003e\n \u003ch3\u003e\n Worst University (regarding publication ranking)\n \u003c/h3\u003e\n \u003cp\u003e\n \u003cb\u003e{{ analysisminmax.results[analysisminmax.results.length-1].x }}\u003c/b\u003e with a score of \u003cb\u003e{{\n analysisminmax.results[analysisminmax.results.length-1].pubrank | number : 2 }}\u003c/b\u003e\n \u003c/p\u003e\n \u003cbr/\u003e\u003cbr/\u003e\n \u003cdiv ods-subaggregation=\"analysisminmax.results\"\n ods-subaggregation-serie-bestrank=\"MAX(pubrank)\"\n ods-subaggregation-serie-worstrank=\"MIN(pubrank)\"\u003e\n \u003ch2\u003e\n Max and min values of ods-analysis results\n \u003c/h2\u003e\n \u003cp\u003e\n Best ranking : \u003cb\u003e{{ results[0].bestrank | number }}\u003c/b\u003e\n \u003c/p\u003e\n \u003cp\u003e\n Worst ranking : \u003cb\u003e{{ results[0].worstrank | number:2 }}\u003c/b\u003e\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cbr/\u003e\u003cbr/\u003e\n \u003ch2\u003e\n Length of ods-analysis.results\n \u003c/h2\u003e\n \u003cp\u003e\n Number of universities in this ranking : \u003cb\u003e{{ analysisminmax.results.length | number }}\u003c/b\u003e\n \u003c/p\u003e\n \u003c/div\u003e\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", "css": "" }'>
                                  @@ -1725,7 +1948,8 @@

                                  width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -1769,6 +1993,7 @@

                                  const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -1879,13 +2104,15 @@

                                  $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                  <div ng-app="ods-widgets"> <ods-dataset-context context="shanghai" shanghai-dataset="shanghai-world-university-ranking" - shanghai-domain="public"> + shanghai-domain="userclub"> <div class="row"> <div class="col-md-6"> <h3> @@ -1917,7 +2144,7 @@

                                  <div class="col-md-6"> <ods-dataset-context context="shanghai" shanghai-dataset="shanghai-world-university-ranking" - shanghai-domain="public"> + shanghai-domain="userclub"> <div ods-analysis="analysisminmax" ods-analysis-context="shanghai" ods-analysis-max="0" @@ -1974,8 +2201,16 @@

                                  "> -
                                  - + +

                                  -

                                  - -
                                  -

                                  - Multiple aggregations at once - - - - - -

                                  -
                                  -

                                  Instead of using several contexts filtered on several values of the same field, and then computing an ods-aggregation for each context. An ods-analysis if often the good choice to compute them all with only one API Call (it’s way faster and more efficient).

                                  - -
                                  - -
                                  +
                                  + +
                                  +
                                  +

                                  + Multiple aggregations at once + + + + + +

                                  +
                                  +

                                  Instead of using several contexts filtered on several values of the same field, and then computing an ods-aggregation for each context. An ods-analysis if often the good choice to compute them all with only one API Call (it’s way faster and more efficient).

                                  + +
                                  + + +
                                  + @@ -2245,6 +2519,14 @@

                                  + + + + + + + +
                                  name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"population\"\n population-domain=\"public\"\n population-dataset=\"population-millesimee-communes-2016\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-5\"\u003e\n \u003cods-chart single-y-axis=\"true\" scientific-display=\"true\" labels-x-length=\"18\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"population\" field-x=\"nom_de_la_commune\" maxpoints=\"9\" sort=\"serie1-1\"\u003e\n \u003cods-chart-serie expression-y=\"population_totale\" chart-type=\"column\" function-y=\"MAX\"\n label-y=\"Population 2016\" color=\"#142E7B\" display-values=\"true\"\n scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n\n \u003c/div\u003e\n \u003cdiv class=\"col-md-7\"\u003e\n \u003cdiv ods-aggregation=\"populationtotal\"\n ods-aggregation-context=\"population\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"population_totale\"\u003e\n \u003ch3\u003e\n Overall population (City population sum)\n \u003c/h3\u003e\n \u003cp\u003e\n \u003cb\u003e{{ populationtotal | number }}\u003c/b\u003e residents\n \u003c/p\u003e\n \u003cdiv ods-analysis=\"analysispopulation\"\n ods-analysis-context=\"population\"\n ods-analysis-max=\"9\"\n ods-analysis-x=\"nom_de_la_commune\"\n ods-analysis-serie-population=\"MAX(population_totale)\"\n ods-analysis-sort=\"population\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-xs-4\" ng-repeat=\"(position,analyse) in analysispopulation.results\"\u003e\n \u003cdiv class=\"kpi-bloc\"\n ng-class=\"{'top3': position \u003c 3}\"\u003e\n \u003cdiv class=\"position\"\u003e\n {{ position + 1 }} \u003c!-- Start at 0 --\u003e\n \u003c/div\u003e\n \u003cdiv class=\"commune\"\u003e\n {{ analyse.x | capitalize }}\n \u003c/div\u003e\n \u003cdiv class=\"population\"\u003e\n {{ analyse.population | number }}\n \u003c/div\u003e\n \u003cdiv class=\"ratio\"\u003e\n (\u003cb\u003e{{ analyse.population / populationtotal * 100 | number : 2 }}%\u003c/b\u003e of total population)\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"population\"\n population-domain=\"userclub\"\n population-dataset=\"demographyref-france-pop-legale-commune-arrondissement-municipal\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-5\"\u003e\n \u003cods-chart single-y-axis=\"true\" scientific-display=\"true\" labels-x-length=\"18\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"population\" field-x=\"nom_officiel_commune_arrondissement_municipal\" maxpoints=\"9\" sort=\"serie1-1\"\u003e\n \u003cods-chart-serie expression-y=\"population_totale\" chart-type=\"column\" function-y=\"MAX\"\n label-y=\"Population 2018\" color=\"#142E7B\" display-values=\"true\"\n scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n\n \u003c/div\u003e\n \u003cdiv class=\"col-md-7\"\u003e\n \u003cdiv ods-aggregation=\"populationtotal\"\n ods-aggregation-context=\"population\"\n ods-aggregation-function=\"SUM\"\n ods-aggregation-expression=\"population_totale\"\u003e\n \u003ch3\u003e\n Overall population (City population sum)\n \u003c/h3\u003e\n \u003cp\u003e\n \u003cb\u003e{{ populationtotal | number }}\u003c/b\u003e residents\n \u003c/p\u003e\n \u003cdiv ods-analysis=\"analysispopulation\"\n ods-analysis-context=\"population\"\n ods-analysis-max=\"9\"\n ods-analysis-x=\"nom_officiel_commune_arrondissement_municipal\"\n ods-analysis-serie-population=\"MAX(population_totale)\"\n ods-analysis-sort=\"population\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-xs-4\" ng-repeat=\"(position,analyse) in analysispopulation.results\"\u003e\n \u003cdiv class=\"kpi-bloc\"\n ng-class=\"{'top3': position \u003c 3}\"\u003e\n \u003cdiv class=\"position\"\u003e\n {{ position + 1 }} \u003c!-- Start at 0 --\u003e\n \u003c/div\u003e\n \u003cdiv class=\"commune\"\u003e\n {{ analyse.x | capitalize }}\n \u003c/div\u003e\n \u003cdiv class=\"population\"\u003e\n {{ analyse.population | number }}\n \u003c/div\u003e\n \u003cdiv class=\"ratio\"\u003e\n (\u003cb\u003e{{ analyse.population / populationtotal * 100 | number : 2 }}%\u003c/b\u003e of total population)\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", "css": ".kpi-bloc {\n border: 1px solid;\n padding: 2px;\n margin-bottom: 15px;\n text-align: center;\n height: 130px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n.kpi-bloc.top3 {\n background-color: #fbd66f6b;\n}\n.commune {\n font-weight: 100;\n font-size: 1.2em;\n line-height: 20px;\n}\n.position {\n font-size: 1.1em;\n}\n.population {\n font-weight: 700;\n}\n.ratio {\n font-size: 0.9em;\n}" }'>
                                  @@ -2268,7 +2550,8 @@

                                  width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -2312,6 +2595,7 @@

                                  const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -2422,19 +2706,21 @@

                                  $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                  <div ng-app="ods-widgets"> <ods-dataset-context context="population" - population-domain="public" - population-dataset="population-millesimee-communes-2016"> + population-domain="userclub" + population-dataset="demographyref-france-pop-legale-commune-arrondissement-municipal"> <div class="row"> <div class="col-md-5"> <ods-chart single-y-axis="true" scientific-display="true" labels-x-length="18" align-month="true"> - <ods-chart-query context="population" field-x="nom_de_la_commune" maxpoints="9" sort="serie1-1"> + <ods-chart-query context="population" field-x="nom_officiel_commune_arrondissement_municipal" maxpoints="9" sort="serie1-1"> <ods-chart-serie expression-y="population_totale" chart-type="column" function-y="MAX" - label-y="Population 2016" color="#142E7B" display-values="true" + label-y="Population 2018" color="#142E7B" display-values="true" scientific-display="true"> </ods-chart-serie> </ods-chart-query> @@ -2455,7 +2741,7 @@

                                  <div ods-analysis="analysispopulation" ods-analysis-context="population" ods-analysis-max="9" - ods-analysis-x="nom_de_la_commune" + ods-analysis-x="nom_officiel_commune_arrondissement_municipal" ods-analysis-serie-population="MAX(population_totale)" ods-analysis-sort="population"> <div class="row"> @@ -2515,8 +2801,16 @@

                                  "> -
                                  - + +

                                  -

                                  - -
                                  -

                                  - HTML/CSS Home-made chart - - - - - -

                                  -
                                  -

                                  For specific cases, ods-analysis, combined with some advanced HTML and CSS can be a complex but smart choice for data visualizations.

                                  +
                                  + +
                                  + +
                                  +

                                  + HTML/CSS Home-made chart + + + + + +

                                  +
                                  +

                                  For specific cases, ods-analysis, combined with some advanced HTML and CSS can be a complex but smart choice for data visualizations.

                                  In this example, a very simple bar chart is made by creating one line for each X values, the width of the bar is defined by its serie. Then, by clicking on the bar, it expends and opens a chart to have more details on the selected information.

                                  -
                                  - -
                                  - +
                                  + + +
                                  + @@ -2799,6 +3131,14 @@

                                  + + + + + + + +
                                  name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"populationmillesime\"\n populationmillesime-domain=\"public\"\n populationmillesime-dataset=\"population-francaise-communes\"\n populationmillesime-parameters=\"{'refine.annee_recensement':'2016'}\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-5\"\u003e\n \u003cods-chart single-y-axis=\"true\" scientific-display=\"true\" labels-x-length=\"18\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"populationmillesime\" field-x=\"nom_de_la_commune\" maxpoints=\"8\" sort=\"serie1-1\"\u003e\n \u003cods-chart-serie expression-y=\"population_totale\" chart-type=\"bar\" function-y=\"MAX\"\n label-y=\"2016 Census population\" color=\"#142E7B\" display-values=\"true\" scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-7\"\u003e\n \u003ch3\u003e\n Top cities by population, click to see the evolution over years\n \u003c/h3\u003e\n \u003cdiv ods-analysis=\"analysispopulationhomemadechart\"\n ods-analysis-context=\"populationmillesime\"\n ods-analysis-max=\"8\"\n ods-analysis-x=\"nom_de_la_commune\"\n ods-analysis-serie-population=\"MAX(population_totale)\"\n ods-analysis-sort=\"population\"\u003e\n \u003cdiv ods-subaggregation=\"analysispopulationhomemadechart.results\"\n ods-subaggregation-serie-max=\"MAX(population)\"\u003e\n \u003cdiv class=\"homemadechart\"\n ng-init=\"select = {'commune':''}\"\u003e\n \u003cdiv class=\"homemadechart__line\"\n ng-repeat=\"(position,analysehomemadechart) in analysispopulationhomemadechart.results\"\u003e\n \u003cdiv class=\"homemadechart__line-progressionbar\"\n ng-click=\"select.commune = analysehomemadechart.x\"\n ng-class=\"{'selected': select.commune == analysehomemadechart.x}\"\n style=\"width: {{ analysehomemadechart.population / results[0].max * 100 }}%\"\u003e\n \u003cdiv class=\"homemadechart__line-commune\"\u003e\n {{ analysehomemadechart.x | capitalize }}\n \u003c/div\u003e\n \u003cdiv class=\"homemadechart__line-population\"\u003e\n {{ analysehomemadechart.population | number }}\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"homemadechart__line-progressionbackground\"\u003e\n \u003c/div\u003e\n \u003cdiv class=\"homemadechart__focus\"\n ng-if=\"select.commune == analysehomemadechart.x\"\u003e\n \u003cdiv class=\"homemadechart__focus__close\"\n ng-click=\"select.commune = undefined\"\u003e\n \u003ci class=\"fa fa-times\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003ch4\u003e\n Population evolution in {{ analysehomemadechart.x }} since 2006\n \u003c/h4\u003e\n \u003cods-dataset-context context=\"historic\"\n historic-domain=\"public\"\n historic-dataset=\"population-francaise-communes\"\n historic-parameters=\"{'q': 'nom_de_la_commune:\u0026quot;' + analysehomemadechart.x + '\u0026quot;'}\"\u003e\n \u003cods-chart timescale=\"year\" single-y-axis=\"true\"\n logarithmic=\"true\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"historic\"\n field-x=\"annee_recensement\" maxpoints=\"0\"\n timescale=\"year\"\u003e\n \u003cods-chart-serie expression-y=\"population_totale\"\n chart-type=\"column\"\n function-y=\"MAX\" color=\"#142E7B\"\n scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"populationmillesime\"\n populationmillesime-domain=\"userclub\"\n populationmillesime-dataset=\"demographyref-france-pop-legale-commune-arrondissement-municipal\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-5\"\u003e\n \u003cods-chart single-y-axis=\"true\" scientific-display=\"true\" labels-x-length=\"18\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"populationmillesime\" field-x=\"nom_officiel_commune_arrondissement_municipal\" maxpoints=\"8\" sort=\"serie1-1\"\u003e\n \u003cods-chart-serie expression-y=\"population_totale\" chart-type=\"bar\" function-y=\"MAX\"\n label-y=\"2018 Census population\" color=\"#142E7B\" display-values=\"true\" scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-7\"\u003e\n \u003ch3\u003e\n Top cities by population, click to see the evolution over years\n \u003c/h3\u003e\n \u003cdiv ods-analysis=\"analysispopulationhomemadechart\"\n ods-analysis-context=\"populationmillesime\"\n ods-analysis-max=\"8\"\n ods-analysis-x=\"nom_officiel_commune_arrondissement_municipal\"\n ods-analysis-serie-population=\"MAX(population_totale)\"\n ods-analysis-sort=\"population\"\u003e\n \u003cdiv ods-subaggregation=\"analysispopulationhomemadechart.results\"\n ods-subaggregation-serie-max=\"MAX(population)\"\u003e\n \u003cdiv class=\"homemadechart\"\n ng-init=\"select = {'commune':''}\"\u003e\n \u003cdiv class=\"homemadechart__line\"\n ng-repeat=\"(position,analysehomemadechart) in analysispopulationhomemadechart.results\"\u003e\n \u003cdiv class=\"homemadechart__line-progressionbar\"\n ng-click=\"select.commune = analysehomemadechart.x\"\n ng-class=\"{'selected': select.commune == analysehomemadechart.x}\"\n style=\"width: {{ analysehomemadechart.population / results[0].max * 100 }}%\"\u003e\n \u003cdiv class=\"homemadechart__line-commune\"\u003e\n {{ analysehomemadechart.x | capitalize }}\n \u003c/div\u003e\n \u003cdiv class=\"homemadechart__line-population\"\u003e\n {{ analysehomemadechart.population | number }}\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"homemadechart__line-progressionbackground\"\u003e\n \u003c/div\u003e\n \u003cdiv class=\"homemadechart__focus\"\n ng-if=\"select.commune == analysehomemadechart.x\"\u003e\n \u003cdiv class=\"homemadechart__focus__close\"\n ng-click=\"select.commune = undefined\"\u003e\n \u003ci class=\"fa fa-times\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003ch4\u003e\n Population evolution in {{ analysehomemadechart.x }} since 2015\n \u003c/h4\u003e\n \u003cods-dataset-context context=\"historic\"\n historic-domain=\"userclub\"\n historic-dataset=\"demographyref-france-pop-legale-commune-arrondissement-municipal-millesime\"\n historic-parameters=\"{'q': 'nom_officiel_commune_arrondissement_municipal:\u0026quot;' + analysehomemadechart.x + '\u0026quot;'}\"\u003e\n \u003cods-chart timescale=\"year\" single-y-axis=\"true\"\n logarithmic=\"true\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"historic\"\n field-x=\"annee_de_recensement\" maxpoints=\"0\"\n timescale=\"year\"\u003e\n \u003cods-chart-serie expression-y=\"population_totale\"\n chart-type=\"column\"\n function-y=\"MAX\" color=\"#142E7B\"\n scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/ods-dataset-context\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", "css": ".homemadechart__line {\n position: relative;\n width: 100%;\n margin: 5px 0;\n}\n.homemadechart__line-progressionbar {\n position: absolute;\n background-color: #142e7a;\n color: white;\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-radius: 1000px;\n height: 30px;\n padding: 0 10px;\n border: 2px solid #e0e0e0;\n}\n.homemadechart__line-progressionbar:hover, .homemadechart__line-progressionbar.selected {\n border-color: #142e79;\n font-weight: 600;\n}\n.homemadechart__line-progressionbackground {\n width: 100%;\n height: 30px;\n background-color: #e0e0e0;\n display: block;\n border-radius: 1000px;\n}\n.homemadechart__focus {\n position: relative;\n padding: 10px 15px 0px;\n}\n.homemadechart__focus h4 {\n margin: 0;\n}\n.homemadechart__focus__close {\n position: absolute;\n right: 20px;\n top: 10px;\n padding: 0px;\n font-size: 1.2em;\n}\n.homemadechart .odswidget.odswidget-charts {\n height: 250px;\n padding: 20px 30px 0px;\n}\n" }'>
                                  @@ -2822,7 +3162,8 @@

                                  width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -2866,6 +3207,7 @@

                                  const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -2976,20 +3318,21 @@

                                  $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                  <div ng-app="ods-widgets"> <ods-dataset-context context="populationmillesime" - populationmillesime-domain="public" - populationmillesime-dataset="population-francaise-communes" - populationmillesime-parameters="{'refine.annee_recensement':'2016'}"> + populationmillesime-domain="userclub" + populationmillesime-dataset="demographyref-france-pop-legale-commune-arrondissement-municipal"> <div class="row"> <div class="col-md-5"> <ods-chart single-y-axis="true" scientific-display="true" labels-x-length="18" align-month="true"> - <ods-chart-query context="populationmillesime" field-x="nom_de_la_commune" maxpoints="8" sort="serie1-1"> + <ods-chart-query context="populationmillesime" field-x="nom_officiel_commune_arrondissement_municipal" maxpoints="8" sort="serie1-1"> <ods-chart-serie expression-y="population_totale" chart-type="bar" function-y="MAX" - label-y="2016 Census population" color="#142E7B" display-values="true" scientific-display="true"> + label-y="2018 Census population" color="#142E7B" display-values="true" scientific-display="true"> </ods-chart-serie> </ods-chart-query> </ods-chart> @@ -3001,7 +3344,7 @@

                                  <div ods-analysis="analysispopulationhomemadechart" ods-analysis-context="populationmillesime" ods-analysis-max="8" - ods-analysis-x="nom_de_la_commune" + ods-analysis-x="nom_officiel_commune_arrondissement_municipal" ods-analysis-serie-population="MAX(population_totale)" ods-analysis-sort="population"> <div ods-subaggregation="analysispopulationhomemadechart.results" @@ -3030,16 +3373,16 @@

                                  <i class="fa fa-times" aria-hidden="true"></i> </div> <h4> - Population evolution in {{ analysehomemadechart.x }} since 2006 + Population evolution in {{ analysehomemadechart.x }} since 2015 </h4> <ods-dataset-context context="historic" - historic-domain="public" - historic-dataset="population-francaise-communes" - historic-parameters="{'q': 'nom_de_la_commune:&quot;' + analysehomemadechart.x + '&quot;'}"> + historic-domain="userclub" + historic-dataset="demographyref-france-pop-legale-commune-arrondissement-municipal-millesime" + historic-parameters="{'q': 'nom_officiel_commune_arrondissement_municipal:&quot;' + analysehomemadechart.x + '&quot;'}"> <ods-chart timescale="year" single-y-axis="true" logarithmic="true" align-month="true"> <ods-chart-query context="historic" - field-x="annee_recensement" maxpoints="0" + field-x="annee_de_recensement" maxpoints="0" timescale="year"> <ods-chart-serie expression-y="population_totale" chart-type="column" @@ -3109,8 +3452,16 @@

                                  "> -
                                  - + +

                                  -

                                  - -
                                  -

                                  - toObject AngularJS filter - - - - - -

                                  -
                                  -

                                  A custom AngularJS filter can help to switch from a json array to a json dict by defining the desired key contained in the array items.

                                  +
                                  + +
                                  + +
                                  +

                                  + toObject AngularJS filter + + + + + +

                                  +
                                  +

                                  A custom AngularJS filter can help to switch from a json array to a json dict by defining the desired key contained in the array items.

                                  The main usage is to pick specific items easily in the json object instead of iterating over each elements.

                                  -
                                  - -
                                  - +
                                  + + +
                                  + @@ -3473,6 +3891,14 @@

                                  + + + + + + + +
                                  name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"shanghaiworlduniversityranking\"\n shanghaiworlduniversityranking-dataset=\"shanghai-world-university-ranking\"\n shanghaiworlduniversityranking-domain=\"public\"\n shanghaiworlduniversityranking-parameters=\"{'sort':'world_rank'}\"\u003e\n \u003cdiv class=\"row\"\n ods-analysis=\"analysisshanghai\"\n ods-analysis-context=\"shanghaiworlduniversityranking\"\n ods-analysis-max=\"20\"\n ods-analysis-x=\"university_name\"\n ods-analysis-serie-bestpubscore=\"MAX(pub)\"\n ods-analysis-serie-bestalumniscore=\"MAX(alumni)\"\n ods-analysis-serie-bestawardscore=\"MAX(award)\"\n ods-analysis-sort=\"bestawardscore\"\u003e\n {{ mynewstructure = (analysisshanghai.results | toObject : 'x') ; \"\" }}\n \u003cdiv class=\"col-sm-6\"\u003e\n \u003ch3\u003e\n ods-analysis\n \u003c/h3\u003e\n \u003cpre ng-bind=\"analysisshanghai|json\"\u003e\u003c/pre\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-sm-6\"\u003e\n \u003ch3\u003e\n mynewstructure = (odsanalysis.results | toObject : 'x')\n \u003c/h3\u003e\n \u003cpre ng-bind=\"analysisshanghai.results | toObject : 'x' |json\"\u003e\u003c/pre\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-sm-12\"\u003e\n \u003ch3\u003e\n Princeton University score \u003cb\u003e{{ mynewstructure['Princeton University'].bestawardscore }}\u003c/b\u003e\n \u003c/h3\u003e\n \u003cpre\u003emynewstructure['Princeton University'].bestawardscore\u003c/pre\u003e\n \u003ch3\u003e\n Cornell University score \u003cb\u003e{{ mynewstructure['Cornell University'].bestawardscore }}\u003c/b\u003e\n \u003c/h3\u003e\n \u003cpre\u003emynewstructure['Cornell University'].bestawardscore\u003c/pre\u003e\n \u003ch3\u003e\n Columbia University score \u003cb\u003e{{ mynewstructure['Columbia University'].bestawardscore }}\u003c/b\u003e\n \u003c/h3\u003e\n \u003cpre\u003emynewstructure['Columbia University'].bestawardscore\u003c/pre\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"shanghaiworlduniversityranking\"\n shanghaiworlduniversityranking-dataset=\"shanghai-world-university-ranking\"\n shanghaiworlduniversityranking-domain=\"userclub\"\n shanghaiworlduniversityranking-parameters=\"{'sort':'world_rank'}\"\u003e\n \u003cdiv class=\"row\"\n ods-analysis=\"analysisshanghai\"\n ods-analysis-context=\"shanghaiworlduniversityranking\"\n ods-analysis-max=\"20\"\n ods-analysis-x=\"university_name\"\n ods-analysis-serie-bestpubscore=\"MAX(pub)\"\n ods-analysis-serie-bestalumniscore=\"MAX(alumni)\"\n ods-analysis-serie-bestawardscore=\"MAX(award)\"\n ods-analysis-sort=\"bestawardscore\"\u003e\n {{ mynewstructure = (analysisshanghai.results | toObject : 'x') ; \"\" }}\n \u003cdiv class=\"col-sm-6\"\u003e\n \u003ch3\u003e\n ods-analysis\n \u003c/h3\u003e\n \u003cpre ng-bind=\"analysisshanghai|json\"\u003e\u003c/pre\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-sm-6\"\u003e\n \u003ch3\u003e\n mynewstructure = (odsanalysis.results | toObject : 'x')\n \u003c/h3\u003e\n \u003cpre ng-bind=\"analysisshanghai.results | toObject : 'x' |json\"\u003e\u003c/pre\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-sm-12\"\u003e\n \u003ch3\u003e\n Princeton University score \u003cb\u003e{{ mynewstructure['Princeton University'].bestawardscore }}\u003c/b\u003e\n \u003c/h3\u003e\n \u003cpre\u003emynewstructure['Princeton University'].bestawardscore\u003c/pre\u003e\n \u003ch3\u003e\n Cornell University score \u003cb\u003e{{ mynewstructure['Cornell University'].bestawardscore }}\u003c/b\u003e\n \u003c/h3\u003e\n \u003cpre\u003emynewstructure['Cornell University'].bestawardscore\u003c/pre\u003e\n \u003ch3\u003e\n Columbia University score \u003cb\u003e{{ mynewstructure['Columbia University'].bestawardscore }}\u003c/b\u003e\n \u003c/h3\u003e\n \u003cpre\u003emynewstructure['Columbia University'].bestawardscore\u003c/pre\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", "css": "" }'>
                                  @@ -3496,7 +3922,8 @@

                                  width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -3540,6 +3967,7 @@

                                  const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -3650,13 +4078,15 @@

                                  $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                  <div ng-app="ods-widgets"> <ods-dataset-context context="shanghaiworlduniversityranking" shanghaiworlduniversityranking-dataset="shanghai-world-university-ranking" - shanghaiworlduniversityranking-domain="public" + shanghaiworlduniversityranking-domain="userclub" shanghaiworlduniversityranking-parameters="{'sort':'world_rank'}"> <div class="row" ods-analysis="analysisshanghai" @@ -3703,8 +4133,16 @@

                                  "> -
                                  - + +

                                  -

                                  - -
                                  +
                                  + + + +
                                  - - + - © Copyright 2020 + © Copyright 2026
                                  @@ -3891,7 +4377,7 @@

                                  diff --git a/public/widget-tricks/ods-chart-css-hacks/index.html b/public/widget-tricks/ods-chart-css-hacks/index.html index ae1199332..dbb19c628 100644 --- a/public/widget-tricks/ods-chart-css-hacks/index.html +++ b/public/widget-tricks/ods-chart-css-hacks/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@ - @@ -185,7 +202,7 @@
                                  • + href="https://codelibrary.huwize.com/"> Home
                                    • @@ -202,6 +219,54 @@ + + + + + + + + + + + + + + + + + + + + + +
                                  • + + Apps + + +
                                    • + + + + + + + + + + + + + + + + + + + + @@ -256,6 +321,9 @@ + + +
                                  • @@ -280,6 +348,9 @@ + + + @@ -324,6 +395,18 @@ + + + + + + + + + + + + @@ -377,6 +460,16 @@
                                      +
                                    • + +
                                      + Age Pyramid with custom HTML/CSS + + +
                                      +                                       +
                                      • +
                                    • @@ -458,9 +551,9 @@
                                    • - +
                                      - Heatmaps with Vega-Lite + ods-adv-analysis
                                      @@ -493,10 +586,6 @@ ods-chart: CSS Hacks - - 1 - -
                                      • @@ -517,10 +606,6 @@ ods-color-gradient + ods-map : a choropleth alternative - - 4 - - @@ -595,20 +680,6 @@ -
                                    • - -
                                      - ods-table: Fixed column - - - - 1 - - -
                                      -                                       -
                                      • -
                                    • @@ -640,51 +711,67 @@
                                      - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
                                      @@ -695,25 +782,23 @@
                                      -
                                      -

                                      Widget Tricks - ods-chart: CSS Hacks

                                      -
                                      - -
                                      - -
                                      -

                                      - Lighten “display-values” - New +
                                      +

                                      Widget Tricks - ods-chart: CSS Hacks

                                      +
                                      + +
                                      - - - - - -

                                      -
                                      -

                                      display-values=true option displays for each point of a chart the values of the series. +

                                      +

                                      + Lighten “display-values” + + + + + +

                                      +
                                      +

                                      display-values=true option displays for each point of a chart the values of the series. It’s usefull but can quickly overload the chart and displaying only a view values can be interesting.

                                      This code presents some CSS tricks to cherry-pick only a few values :

                                        @@ -721,10 +806,11 @@

                                      • On the right, 1 out of 3 values are displayed (see the CSS code for explanations)

                                      -
                                      - -
                                      - +
                                      + + +
                                      + @@ -736,6 +822,14 @@

                                      + + + + + + + +
                                      name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"worldheritagelist\"\n worldheritagelist-domain=\"userclub\"\n worldheritagelist-dataset=\"world-heritage-list\"\u003e\n\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-sm-6\"\u003e\n \u003cdiv class=\"ods-box\"\u003e\n \u003ch2\u003e\n First and last values\n \u003c/h2\u003e\n \u003cods-chart class=\"first-last-values\"\u003e\n \u003cods-chart-query context=\"worldheritagelist\"\n field-x=\"date_inscribed\"\n maxpoints=\"0\"\n timescale=\"year\"\u003e\n \u003cods-chart-serie display-values=\"true\"\n expression-y=\"extension\"\n chart-type=\"areaspline\"\n function-y=\"COUNT\"\n label-y=\"Number of sites by Year\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-sm-6\"\u003e\n \u003cdiv class=\"ods-box\"\u003e\n \u003ch2\u003e\n 1 out of 3\n \u003c/h2\u003e\n \u003cods-chart class=\"cherry-pick-values\"\u003e\n \u003cods-chart-query context=\"worldheritagelist\"\n field-x=\"date_inscribed\"\n maxpoints=\"0\"\n timescale=\"year\"\n display-legend=\"false\"\u003e\n \u003cods-chart-serie display-values=\"true\"\n expression-y=\"extension\"\n chart-type=\"areaspline\"\n function-y=\"COUNT\"\n label-y=\"Number of sites by Year\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\u003c/div\u003e", "css": "/* Do not copy this part, only necessary for the Code Library example */\n.ods-box { background-color: var(--boxes-background);}\nrect.highcharts-background { fill: transparent !important }\n\n\n\n/************************/\n/** ods-chart CSS Hacks */\n/************************/\n\n\n/* Get the first and last values only */\n.first-last-values .highcharts-data-label:not(:first-child):not(:last-child) {\n display: none;\n}\n\n.first-last-values .highcharts-data-label:first-child,\n.first-last-values .highcharts-data-label:last-child {\n opacity: 1;\n visibility: inherit; /* force the last child to be visible, as it can be hidden sometimes */\n}\n\n\n\n/* Get one value out of three */\n/* First, hide them all */\n.cherry-pick-values .highcharts-data-label {\n display: none;\n}\n/* Then, show only one out of ten.\nTo change the interval number, simply change the 3 from the \"3n + 1\" expression.\nFor example, to display 1 value out of 5, try to change the expression to 5n + 1\n*/\n.cherry-pick-values .highcharts-data-label:nth-child(3n + 1) {\n display: inherit;\n opacity: 1;\n visibility: inherit; /* force the last child to be visible, as it can be hidden sometimes */\n}" @@ -759,7 +853,8 @@

                                      width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -803,6 +898,7 @@

                                      const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -913,7 +1009,9 @@

                                      $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                      <div ng-app="ods-widgets"> @@ -1008,8 +1106,16 @@

                                      "> -
                                      - + +

                                      -

                                      - -
                                      -

                                      - Lighten X axis legend - - - - - -

                                      -
                                      -

                                      X axis legend sometimes needs to be lightened. +

                                      + +
                                      + +
                                      +

                                      + Lighten X axis legend + + + + + +

                                      +
                                      +

                                      X axis legend sometimes needs to be lightened. Displaying one legend out of several is a good trick to make it comfortable to read.

                                      • On the left, the default view
                                      • On the right, 1 out of 10 values are displayed (see the CSS code for explanations)
                                      -
                                      - -
                                      - +
                                      + + +
                                      + + + + + + + + +
                                      name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"communesetarrondissementsmunicipauxfrance\" communesetarrondissementsmunicipauxfrance-dataset=\"communes-et-arrondissements-municipaux-france\" communesetarrondissementsmunicipauxfrance-parameters=\"{'disjunctive.reg_code':true,'disjunctive.reg_name':true,'disjunctive.dep_code':true,'disjunctive.dep_name':true,'disjunctive.arrdep_name':true,'disjunctive.ze2010_name':true,'disjunctive.bv2012_name':true,'disjunctive.epci_code':true,'disjunctive.epci_name':true,'disjunctive.ept_name':true,'disjunctive.com_name':true,'disjunctive.com_arm_code':true,'disjunctive.com_arm_name':true}\"\u003e\n\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-sm-6\"\u003e\n \u003cdiv class=\"ods-box\"\u003e\n \u003ch2\u003e\n Default\n \u003c/h2\u003e\n \u003cods-chart single-y-axis=\"true\" single-y-axis-label=\"Number of cities\" labels-x-length=\"25\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"communesetarrondissementsmunicipauxfrance\" field-x=\"dep_name\" maxpoints=\"0\"\u003e\n \u003cods-chart-serie chart-type=\"bar\" function-y=\"COUNT\" label-y=\"Number of cities by department\" color=\"#00C7B1\" scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-sm-6\"\u003e\n \u003cdiv class=\"ods-box\"\u003e\n \u003ch2\u003e\n Lighter version\n \u003c/h2\u003e\n \u003cods-chart class=\"lighter-y-legend\"\n single-y-axis=\"true\" single-y-axis-label=\"Number of cities\" labels-x-length=\"25\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"communesetarrondissementsmunicipauxfrance\" field-x=\"dep_name\" maxpoints=\"0\"\u003e\n \u003cods-chart-serie chart-type=\"bar\" function-y=\"COUNT\" label-y=\"Number of cities by department\" color=\"#00C7B1\" scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\u003c/div\u003e", "css": "/* Do not copy this part, only necessary for the Code Library example */\n.ods-box { background-color: var(--boxes-background);}\nrect.highcharts-background { fill: transparent !important }\n\n\n/************************/\n/** ods-chart CSS Hacks */\n/************************/\n\n\n/* Get one value out of ten */\n/* first, hide them all */\n.lighter-y-legend .highcharts-axis-labels.highcharts-xaxis-labels \u003e * {\n display:none;\n}\n/* then, show only one out of ten.\nTo change the interval number, simply change the 10 from the \"10n + 1\" expression.\nFor example, to display 1 value out of 5, try to change the expression to 5n + 1\n*/\n.lighter-y-legend .highcharts-axis-labels.highcharts-xaxis-labels \u003e *:nth-child(10n + 1) {\n display: inherit;\n}" @@ -1323,7 +1475,8 @@

                                      width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -1367,6 +1520,7 @@

                                      const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -1477,7 +1631,9 @@

                                      $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                      <div ng-app="ods-widgets"> @@ -1540,8 +1696,16 @@

                                      "> -
                                      - + +

                                      -

                                      - -
                                      +
                                      + + + +
                                      - - + - © Copyright 2020 + © Copyright 2026
                                      @@ -1764,7 +1960,7 @@

                                      diff --git a/public/widget-tricks/ods-chart-css-library/3/css.inc b/public/widget-tricks/ods-chart-css-library/3/css.inc index 458357d49..fb3713145 100644 --- a/public/widget-tricks/ods-chart-css-library/3/css.inc +++ b/public/widget-tricks/ods-chart-css-library/3/css.inc @@ -1,9 +1,9 @@ /** * License: MIT License * Generated on 26 May 2021 - * Author: Fpassaniti for Opendatasoft + * Author: Fpassaniti for Huwise * Version: 0.1 - * Description: ods-chart CUSTOM CSS LIBRARY. Go to http://codelibrary.opendatasoft.com/widget-tricks/ods-chart-css/ for more information (doc & examples). + * Description: ods-chart CUSTOM CSS LIBRARY. Go to http://codelibrary.huwise.com/widget-tricks/ods-chart-css/ for more information (doc & examples). */ .extralarge-y-values .highcharts-yaxis-labels text,.large-y-values .highcharts-yaxis-labels text{transform:translate(0,4px)}.hide-chart-legend .highcharts-legend-item span,.hide-chart-series .highcharts-series path.highcharts-graph,.hide-chart-series .highcharts-series rect,.hide-data-values .highcharts-data-label tspan,.hide-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.hide-tooltip-text .ods-highcharts__tooltip span,.hide-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,.hide-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick,.hide-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line,.hide-x-legend .highcharts-xaxis tspan,.hide-x-values .highcharts-xaxis-labels span,.hide-x-values .highcharts-xaxis-labels text,.hide-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line,.hide-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line,.hide-y-legend .highcharts-yaxis tspan,.hide-y-values .highcharts-yaxis-labels span,.hide-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{display:none!important}.highcharts-axis tspan,.highcharts-data-label tspan,.highcharts-label span,.highcharts-legend-item span,.highcharts-xaxis-labels text,.highcharts-yaxis-labels text{font-family:Gotham-book,Arial,sans-serif!important}.name-tooltip-value .ods-highcharts__tooltip b,.small-chart-legend .highcharts-legend-item span,.small-data-values .highcharts-data-label tspan,.small-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.small-tooltip-text .ods-highcharts__tooltip span,.small-x-legend .highcharts-xaxis tspan,.small-x-values .highcharts-xaxis-labels span,.small-x-values .highcharts-xaxis-labels text,.small-y-legend .highcharts-yaxis tspan,.small-y-values .highcharts-yaxis-labels span,.small-y-values .highcharts-yaxis-labels text{font-size:12px!important}.medium-chart-legend .highcharts-legend-item span,.medium-data-values .highcharts-data-label tspan,.medium-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.medium-tooltip-text .ods-highcharts__tooltip span,.medium-x-legend .highcharts-xaxis tspan,.medium-x-values .highcharts-xaxis-labels span,.medium-x-values .highcharts-xaxis-labels text,.medium-y-legend .highcharts-yaxis tspan,.medium-y-values .highcharts-yaxis-labels span,.medium-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{font-size:14px!important}.large-chart-legend .highcharts-legend-item span,.large-data-values .highcharts-data-label tspan,.large-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.large-tooltip-text .ods-highcharts__tooltip span,.large-x-legend .highcharts-xaxis tspan,.large-x-values .highcharts-xaxis-labels span,.large-x-values .highcharts-xaxis-labels text,.large-y-legend .highcharts-yaxis tspan,.large-y-values .highcharts-yaxis-labels span,.large-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{font-size:16px!important}.extralarge-chart-legend .highcharts-legend-item span,.extralarge-data-values .highcharts-data-label tspan,.extralarge-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.extralarge-tooltip-text .ods-highcharts__tooltip span,.extralarge-x-legend .highcharts-xaxis tspan,.extralarge-x-values .highcharts-xaxis-labels span,.extralarge-x-values .highcharts-xaxis-labels text,.extralarge-y-legend .highcharts-yaxis tspan,.extralarge-y-values .highcharts-yaxis-labels span,.extralarge-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{font-size:18px!important}.light-chart-legend .highcharts-legend-item span,.light-data-values .highcharts-data-label tspan,.light-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.light-tooltip-text .ods-highcharts__tooltip span,.light-x-legend .highcharts-xaxis tspan,.light-x-values .highcharts-xaxis-labels span,.light-x-values .highcharts-xaxis-labels text,.light-y-legend .highcharts-yaxis tspan,.light-y-values .highcharts-yaxis-labels span,.light-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{font-weight:100!important}.name-tooltip-value .ods-highcharts__tooltip b,.normal-chart-legend .highcharts-legend-item span,.normal-data-values .highcharts-data-label tspan,.normal-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.normal-tooltip-text .ods-highcharts__tooltip span,.normal-x-legend .highcharts-xaxis tspan,.normal-x-values .highcharts-xaxis-labels span,.normal-x-values .highcharts-xaxis-labels text,.normal-y-legend .highcharts-yaxis tspan,.normal-y-values .highcharts-yaxis-labels span,.normal-y-values .highcharts-yaxis-labels text{font-weight:400!important}.bold-chart-legend .highcharts-legend-item span,.bold-data-values .highcharts-data-label tspan,.bold-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.bold-tooltip-text .ods-highcharts__tooltip span,.bold-x-legend .highcharts-xaxis tspan,.bold-x-values .highcharts-xaxis-labels span,.bold-x-values .highcharts-xaxis-labels text,.bold-y-legend .highcharts-yaxis tspan,.bold-y-values .highcharts-yaxis-labels span,.bold-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{font-weight:600!important}.lightgrey-chart-legend .highcharts-legend-item span,.lightgrey-data-values .highcharts-data-label tspan,.lightgrey-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.lightgrey-tooltip-text .ods-highcharts__tooltip span,.lightgrey-x-legend .highcharts-xaxis tspan,.lightgrey-x-values .highcharts-xaxis-labels span,.lightgrey-x-values .highcharts-xaxis-labels text,.lightgrey-y-legend .highcharts-yaxis tspan,.lightgrey-y-values .highcharts-yaxis-labels span,.lightgrey-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{fill:#565656!important;color:#565656!important}.darkgrey-chart-legend .highcharts-legend-item span,.darkgrey-data-values .highcharts-data-label tspan,.darkgrey-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.darkgrey-tooltip-text .ods-highcharts__tooltip span,.darkgrey-x-legend .highcharts-xaxis tspan,.darkgrey-x-values .highcharts-xaxis-labels span,.darkgrey-x-values .highcharts-xaxis-labels text,.darkgrey-y-legend .highcharts-yaxis tspan,.darkgrey-y-values .highcharts-yaxis-labels span,.darkgrey-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{fill:#333!important;color:#333!important}.black-chart-legend .highcharts-legend-item span,.black-data-values .highcharts-data-label tspan,.black-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.black-tooltip-text .ods-highcharts__tooltip span,.black-x-legend .highcharts-xaxis tspan,.black-x-values .highcharts-xaxis-labels span,.black-x-values .highcharts-xaxis-labels text,.black-y-legend .highcharts-yaxis tspan,.black-y-values .highcharts-yaxis-labels span,.black-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{fill:#000!important;color:#000!important}.small-chart-legend-dash .highcharts-legend-item path,.small-chart-series .highcharts-series path.highcharts-graph,.small-chart-series .highcharts-series rect,.small-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,.small-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick,.small-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line,.small-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line,.small-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line{stroke-width:.8px!important}.medium-chart-legend-dash .highcharts-legend-item path,.medium-chart-series .highcharts-series path.highcharts-graph,.medium-chart-series .highcharts-series rect,.medium-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,.medium-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick,.medium-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line,.medium-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line,.medium-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line{stroke-width:1.5px!important}.large-chart-legend-dash .highcharts-legend-item path,.large-chart-series .highcharts-series path.highcharts-graph,.large-chart-series .highcharts-series rect,.large-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,.large-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick,.large-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line,.large-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line,.large-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line{stroke-width:3px!important}.extralarge-chart-legend-dash .highcharts-legend-item path,.extralarge-chart-series .highcharts-series path.highcharts-graph,.extralarge-chart-series .highcharts-series rect,.extralarge-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,.extralarge-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick,.extralarge-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line,.extralarge-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line,.extralarge-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line{stroke-width:5px!important}.lightgrey-chart-series .highcharts-series path.highcharts-graph,.lightgrey-chart-series .highcharts-series rect,.lightgrey-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,.lightgrey-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick,.lightgrey-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line,.lightgrey-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line,.lightgrey-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line{stroke:#565656!important}.lightgrey-chart-legend-dash .highcharts-legend-item path{stroke-width:#565656!important}.darkgrey-chart-series .highcharts-series path.highcharts-graph,.darkgrey-chart-series .highcharts-series rect,.darkgrey-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,.darkgrey-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick,.darkgrey-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line,.darkgrey-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line,.darkgrey-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line{stroke:#333!important}.darkgrey-chart-legend-dash .highcharts-legend-item path{stroke-width:#333!important}.black-chart-series .highcharts-series path.highcharts-graph,.black-chart-series .highcharts-series rect,.black-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,.black-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick,.black-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line,.black-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line,.black-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line{stroke:#000!important}.black-chart-legend-dash .highcharts-legend-item path{stroke-width:#000!important}.hide-chart-legend-dash .highcharts-legend-item path{stroke-width:none!important}.small-chart-legend-circle g.highcharts-legend-item rect{width:10px!important;height:10px!important;x:5!important;y:5!important}.medium-chart-legend-circle g.highcharts-legend-item rect{width:12px!important;height:12px!important;x:3!important;y:4!important}.large-chart-legend-circle g.highcharts-legend-item rect{width:15px!important;height:15px!important;x:2!important;y:2!important}.extralarge-chart-legend-circle g.highcharts-legend-item rect{width:18px!important;height:18px!important;x:0!important;y:0!important}.centered-tooltip .highcharts-tooltip .highcharts-tooltip-container{text-align:center}.centered-tooltip .ods-highcharts__tooltip{justify-content:center}.no-background rect.highcharts-background,.no-bg rect.highcharts-background,.remove-background rect.highcharts-background,.transparent-background rect.highcharts-background{fill:transparent!important}.ods-highcharts__tooltip{align-items:center}g.highcharts-legend-item rect{rx:100%;ry:100%} diff --git a/public/widget-tricks/ods-chart-css-library/4/css.inc b/public/widget-tricks/ods-chart-css-library/4/css.inc index 85d80df7d..512af12ea 100644 --- a/public/widget-tricks/ods-chart-css-library/4/css.inc +++ b/public/widget-tricks/ods-chart-css-library/4/css.inc @@ -1,9 +1,9 @@ /** * License: MIT License * Generated on 26 May 2021 - * Author: Fpassaniti for Opendatasoft + * Author: Fpassaniti for Huwise * Version: 0.1 - * Description: ods-chart CUSTOM CSS LIBRARY. Go to http://codelibrary.opendatasoft.com/widget-tricks/ods-chart-css/ for more information (doc & examples). + * Description: ods-chart CUSTOM CSS LIBRARY. Go to http://codelibrary.huwise.com/widget-tricks/ods-chart-css/ for more information (doc & examples). */ .extralarge-y-values .highcharts-yaxis-labels text,.large-y-values .highcharts-yaxis-labels text{transform:translate(0,4px)}.hide-chart-legend .highcharts-legend-item span,.hide-chart-series .highcharts-series path.highcharts-graph,.hide-chart-series .highcharts-series rect,.hide-data-values .highcharts-data-label tspan,.hide-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.hide-tooltip-text .ods-highcharts__tooltip span,.hide-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,.hide-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick,.hide-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line,.hide-x-legend .highcharts-xaxis tspan,.hide-x-values .highcharts-xaxis-labels span,.hide-x-values .highcharts-xaxis-labels text,.hide-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line,.hide-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line,.hide-y-legend .highcharts-yaxis tspan,.hide-y-values .highcharts-yaxis-labels span,.hide-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{display:none!important}.highcharts-axis tspan,.highcharts-data-label tspan,.highcharts-label span,.highcharts-legend-item span,.highcharts-xaxis-labels text,.highcharts-yaxis-labels text{font-family:Gotham-book,Arial,sans-serif!important}.name-tooltip-value .ods-highcharts__tooltip b,.small-chart-legend .highcharts-legend-item span,.small-data-values .highcharts-data-label tspan,.small-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.small-tooltip-text .ods-highcharts__tooltip span,.small-x-legend .highcharts-xaxis tspan,.small-x-values .highcharts-xaxis-labels span,.small-x-values .highcharts-xaxis-labels text,.small-y-legend .highcharts-yaxis tspan,.small-y-values .highcharts-yaxis-labels span,.small-y-values .highcharts-yaxis-labels text{font-size:12px!important}.medium-chart-legend .highcharts-legend-item span,.medium-data-values .highcharts-data-label tspan,.medium-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.medium-tooltip-text .ods-highcharts__tooltip span,.medium-x-legend .highcharts-xaxis tspan,.medium-x-values .highcharts-xaxis-labels span,.medium-x-values .highcharts-xaxis-labels text,.medium-y-legend .highcharts-yaxis tspan,.medium-y-values .highcharts-yaxis-labels span,.medium-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{font-size:14px!important}.large-chart-legend .highcharts-legend-item span,.large-data-values .highcharts-data-label tspan,.large-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.large-tooltip-text .ods-highcharts__tooltip span,.large-x-legend .highcharts-xaxis tspan,.large-x-values .highcharts-xaxis-labels span,.large-x-values .highcharts-xaxis-labels text,.large-y-legend .highcharts-yaxis tspan,.large-y-values .highcharts-yaxis-labels span,.large-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{font-size:16px!important}.extralarge-chart-legend .highcharts-legend-item span,.extralarge-data-values .highcharts-data-label tspan,.extralarge-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.extralarge-tooltip-text .ods-highcharts__tooltip span,.extralarge-x-legend .highcharts-xaxis tspan,.extralarge-x-values .highcharts-xaxis-labels span,.extralarge-x-values .highcharts-xaxis-labels text,.extralarge-y-legend .highcharts-yaxis tspan,.extralarge-y-values .highcharts-yaxis-labels span,.extralarge-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{font-size:18px!important}.light-chart-legend .highcharts-legend-item span,.light-data-values .highcharts-data-label tspan,.light-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.light-tooltip-text .ods-highcharts__tooltip span,.light-x-legend .highcharts-xaxis tspan,.light-x-values .highcharts-xaxis-labels span,.light-x-values .highcharts-xaxis-labels text,.light-y-legend .highcharts-yaxis tspan,.light-y-values .highcharts-yaxis-labels span,.light-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{font-weight:100!important}.name-tooltip-value .ods-highcharts__tooltip b,.normal-chart-legend .highcharts-legend-item span,.normal-data-values .highcharts-data-label tspan,.normal-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.normal-tooltip-text .ods-highcharts__tooltip span,.normal-x-legend .highcharts-xaxis tspan,.normal-x-values .highcharts-xaxis-labels span,.normal-x-values .highcharts-xaxis-labels text,.normal-y-legend .highcharts-yaxis tspan,.normal-y-values .highcharts-yaxis-labels span,.normal-y-values .highcharts-yaxis-labels text{font-weight:400!important}.bold-chart-legend .highcharts-legend-item span,.bold-data-values .highcharts-data-label tspan,.bold-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.bold-tooltip-text .ods-highcharts__tooltip span,.bold-x-legend .highcharts-xaxis tspan,.bold-x-values .highcharts-xaxis-labels span,.bold-x-values .highcharts-xaxis-labels text,.bold-y-legend .highcharts-yaxis tspan,.bold-y-values .highcharts-yaxis-labels span,.bold-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{font-weight:600!important}.lightgrey-chart-legend .highcharts-legend-item span,.lightgrey-data-values .highcharts-data-label tspan,.lightgrey-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.lightgrey-tooltip-text .ods-highcharts__tooltip span,.lightgrey-x-legend .highcharts-xaxis tspan,.lightgrey-x-values .highcharts-xaxis-labels span,.lightgrey-x-values .highcharts-xaxis-labels text,.lightgrey-y-legend .highcharts-yaxis tspan,.lightgrey-y-values .highcharts-yaxis-labels span,.lightgrey-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{fill:#565656!important;color:#565656!important}.darkgrey-chart-legend .highcharts-legend-item span,.darkgrey-data-values .highcharts-data-label tspan,.darkgrey-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.darkgrey-tooltip-text .ods-highcharts__tooltip span,.darkgrey-x-legend .highcharts-xaxis tspan,.darkgrey-x-values .highcharts-xaxis-labels span,.darkgrey-x-values .highcharts-xaxis-labels text,.darkgrey-y-legend .highcharts-yaxis tspan,.darkgrey-y-values .highcharts-yaxis-labels span,.darkgrey-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{fill:#333!important;color:#333!important}.black-chart-legend .highcharts-legend-item span,.black-data-values .highcharts-data-label tspan,.black-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.black-tooltip-text .ods-highcharts__tooltip span,.black-x-legend .highcharts-xaxis tspan,.black-x-values .highcharts-xaxis-labels span,.black-x-values .highcharts-xaxis-labels text,.black-y-legend .highcharts-yaxis tspan,.black-y-values .highcharts-yaxis-labels span,.black-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{fill:#000!important;color:#000!important}.small-chart-legend-dash .highcharts-legend-item path,.small-chart-series .highcharts-series path.highcharts-graph,.small-chart-series .highcharts-series rect,.small-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,.small-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick,.small-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line,.small-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line,.small-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line{stroke-width:.8px!important}.medium-chart-legend-dash .highcharts-legend-item path,.medium-chart-series .highcharts-series path.highcharts-graph,.medium-chart-series .highcharts-series rect,.medium-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,.medium-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick,.medium-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line,.medium-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line,.medium-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line{stroke-width:1.5px!important}.large-chart-legend-dash .highcharts-legend-item path,.large-chart-series .highcharts-series path.highcharts-graph,.large-chart-series .highcharts-series rect,.large-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,.large-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick,.large-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line,.large-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line,.large-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line{stroke-width:3px!important}.extralarge-chart-legend-dash .highcharts-legend-item path,.extralarge-chart-series .highcharts-series path.highcharts-graph,.extralarge-chart-series .highcharts-series rect,.extralarge-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,.extralarge-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick,.extralarge-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line,.extralarge-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line,.extralarge-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line{stroke-width:5px!important}.lightgrey-chart-series .highcharts-series path.highcharts-graph,.lightgrey-chart-series .highcharts-series rect,.lightgrey-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,.lightgrey-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick,.lightgrey-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line,.lightgrey-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line,.lightgrey-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line{stroke:#565656!important}.lightgrey-chart-legend-dash .highcharts-legend-item path{stroke-width:#565656!important}.darkgrey-chart-series .highcharts-series path.highcharts-graph,.darkgrey-chart-series .highcharts-series rect,.darkgrey-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,.darkgrey-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick,.darkgrey-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line,.darkgrey-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line,.darkgrey-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line{stroke:#333!important}.darkgrey-chart-legend-dash .highcharts-legend-item path{stroke-width:#333!important}.black-chart-series .highcharts-series path.highcharts-graph,.black-chart-series .highcharts-series rect,.black-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,.black-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick,.black-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line,.black-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line,.black-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line{stroke:#000!important}.black-chart-legend-dash .highcharts-legend-item path{stroke-width:#000!important}.hide-chart-legend-dash .highcharts-legend-item path{stroke-width:none!important}.small-chart-legend-circle g.highcharts-legend-item rect{width:10px!important;height:10px!important;x:5!important;y:5!important}.medium-chart-legend-circle g.highcharts-legend-item rect{width:12px!important;height:12px!important;x:3!important;y:4!important}.large-chart-legend-circle g.highcharts-legend-item rect{width:15px!important;height:15px!important;x:2!important;y:2!important}.extralarge-chart-legend-circle g.highcharts-legend-item rect{width:18px!important;height:18px!important;x:0!important;y:0!important}.centered-tooltip .highcharts-tooltip .highcharts-tooltip-container{text-align:center}.centered-tooltip .ods-highcharts__tooltip{justify-content:center}.no-background rect.highcharts-background,.no-bg rect.highcharts-background,.remove-background rect.highcharts-background,.transparent-background rect.highcharts-background{fill:transparent!important}.ods-highcharts__tooltip{align-items:center}g.highcharts-legend-item rect{rx:100%;ry:100%} diff --git a/public/widget-tricks/ods-chart-css-library/index.html b/public/widget-tricks/ods-chart-css-library/index.html index 17122696f..0ee964e82 100644 --- a/public/widget-tricks/ods-chart-css-library/index.html +++ b/public/widget-tricks/ods-chart-css-library/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@ - @@ -197,7 +214,7 @@
                                      • + href="https://codelibrary.huwize.com/"> Home
                                        • @@ -214,6 +231,54 @@ + + + + + + + + + + + + + + + + + + + + + +
                                      • + + Apps + + +
                                        • + + + + + + + + + + + + + + + + + + + + @@ -268,6 +333,9 @@ + + +
                                      • @@ -292,6 +360,9 @@ + + + @@ -336,6 +407,18 @@ + + + + + + + + + + + + @@ -389,6 +472,16 @@
                                          +
                                        • + +
                                          + Age Pyramid with custom HTML/CSS + + +
                                          +                                           +
                                          • +
                                        • @@ -470,9 +563,9 @@
                                        • - +
                                          - Heatmaps with Vega-Lite + ods-adv-analysis
                                          @@ -505,10 +598,6 @@ ods-chart: CSS Hacks - - 1 - -
                                          • @@ -529,10 +618,6 @@ ods-color-gradient + ods-map : a choropleth alternative - - 4 - - @@ -607,20 +692,6 @@ -
                                        • - -
                                          - ods-table: Fixed column - - - - 1 - - -
                                          -                                           -
                                          • -
                                        • @@ -652,51 +723,67 @@
                                          - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
                                          @@ -707,32 +794,38 @@
                                          -
                                          -

                                          Widget Tricks - ods-chart: Custom CSS Library

                                          -
                                          - -
                                          - -
                                          -

                                          - Default view - - - - - -

                                          -
                                          -

                                          First, the default view, without any advanced options (ie. straight from the analysis tab).

                                          - -
                                          - -
                                          +
                                          +

                                          Widget Tricks - ods-chart: Custom CSS Library

                                          +
                                          + +
                                          +
                                          +

                                          + Default view + + + + + +

                                          +
                                          +

                                          First, the default view, without any advanced options (ie. straight from the analysis tab).

                                          + +
                                          + + +
                                          + + + + + + @@ -740,6 +833,9 @@

                                          + + +
                                          name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"worldheritagelist\"\n worldheritagelist-domain=\"userclub\"\n worldheritagelist-dataset=\"world-heritage-list\"\u003e\n\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-sm-8\"\u003e\n \u003cdiv class=\"ods-box\"\u003e\n \u003ch2\u003e\n Area spline - x = date (year)\n \u003c/h2\u003e\n \u003cods-chart\u003e\n \u003cods-chart-query context=\"worldheritagelist\"\n field-x=\"date_inscribed\"\n maxpoints=\"0\"\n timescale=\"year\"\u003e\n \u003cods-chart-serie expression-y=\"extension\"\n chart-type=\"areaspline\"\n function-y=\"COUNT\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-sm-4\"\u003e\n \u003cdiv class=\"ods-box\"\u003e\n \u003ch2\u003e\n Column chart - x = region\n \u003c/h2\u003e\n \u003cods-chart labels-x-length=\"20\"\u003e\n \u003cods-chart-query context=\"worldheritagelist\" field-x=\"region\" maxpoints=\"0\"\u003e\n \u003cods-chart-serie expression-y=\"extension\"\n chart-type=\"column\"\n function-y=\"COUNT\"\n display-values=\"true\"\n scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-sm-12\"\u003e\n \u003cdiv class=\"ods-box\"\u003e\n \u003ch2\u003e\n Spline - x = date (year), series-breakdown by region\n \u003c/h2\u003e\n \u003cods-chart align-month=\"true\"\u003e\n \u003cods-chart-query context=\"worldheritagelist\"\n field-x=\"date_inscribed\"\n maxpoints=\"0\"\n timescale=\"year\"\n series-breakdown=\"region\"\u003e\n \u003cods-chart-serie expression-y=\"extension\"\n chart-type=\"spline\"\n function-y=\"COUNT\"\n scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\u003c/div\u003e", "css": "body {\n background-color: white;\n}\n\n.ods-box {\n background-color: var(--boxes-background);\n}\n\n" @@ -763,7 +859,8 @@

                                          width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -807,6 +904,7 @@

                                          const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -917,7 +1015,9 @@

                                          $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                          <div ng-app="ods-widgets"> @@ -999,8 +1099,16 @@

                                          "> -
                                          - + +

                                          -

                                          - -
                                          -

                                          - Advanced options - - - - - -

                                          -
                                          -

                                          Before hacking the CSS, several advanced option can help to optimize the display.

                                          +
                                          + +
                                          + +
                                          +

                                          + Advanced options + + + + + +

                                          +
                                          +

                                          Before hacking the CSS, several advanced option can help to optimize the display.

                                          On ods-chart :

                                          • @@ -1271,10 +1421,11 @@

                                          • display-values="true" : Display values on top of the serie.

                                          -
                                          - -
                                          - +
                                          + + +
                                          + @@ -1286,6 +1437,14 @@

                                          + + + + + + + +
                                          name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"worldheritagelist\"\n worldheritagelist-domain=\"userclub\"\n worldheritagelist-dataset=\"world-heritage-list\"\u003e\n\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-sm-8\"\u003e\n \u003cdiv class=\"ods-box\"\u003e\n \u003ch2\u003e\n Area spline - x = date (year)\n \u003c/h2\u003e\n \u003ch4\u003e\n Options: color, label-y\n \u003c/h4\u003e\n \u003cods-chart single-y-axis=\"true\"\u003e\n \u003cods-chart-query context=\"worldheritagelist\"\n field-x=\"date_inscribed\"\n maxpoints=\"0\"\n timescale=\"year\"\u003e\n \u003cods-chart-serie expression-y=\"extension\"\n chart-type=\"areaspline\"\n function-y=\"COUNT\"\n color=\"#344980\"\n label-y=\"Number of sites by Year\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-sm-4\"\u003e\n \u003cdiv class=\"ods-box\"\u003e\n \u003ch2\u003e\n Column chart - x = region\n \u003c/h2\u003e\n \u003ch4\u003e\n Options: labels-x-length, single-y-axis, single-y-axis-label, display-values, color\n \u003c/h4\u003e\n \u003cods-chart labels-x-length=\"20\"\n single-y-axis=\"true\"\n single-y-axis-label=\"Number of sites\"\n display-legend=\"false\"\u003e\n \u003cods-chart-query context=\"worldheritagelist\" field-x=\"region\" maxpoints=\"0\"\u003e\n \u003cods-chart-serie expression-y=\"extension\"\n chart-type=\"column\"\n display-values=\"true\"\n function-y=\"COUNT\"\n display-values=\"true\"\n scientific-display=\"true\"\n color=\"#344980\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-sm-12\"\u003e\n \u003cdiv class=\"ods-box\"\u003e\n \u003ch2\u003e\n Spline - x = date (year), series-breakdown by region\n \u003c/h2\u003e\n \u003ch4\u003e\n Options: category-colors, label-y\n \u003c/h4\u003e\n \u003cods-chart\u003e\n \u003cods-chart-query context=\"worldheritagelist\"\n field-x=\"date_inscribed\"\n maxpoints=\"0\"\n timescale=\"year\"\n series-breakdown=\"region\"\n category-colors=\"{\n 'Europe and North America':'#1979a9',\n 'Asia and the Pacific':'#e07b39',\n 'Latin America and the Caribbean':'#80391e',\n 'Africa':'#042f66',\n 'Arab States':'#44bcd8'\n }\"\u003e\n \u003cods-chart-serie expression-y=\"extension\"\n chart-type=\"spline\"\n function-y=\"COUNT\"\n scientific-display=\"true\"\n label-y=\"Number of sites by Region\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\u003c/div\u003e", "css": "body {\n background-color: white;\n}\n.row {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n.row \u003e * {\n flex-grow: 1;\n margin-bottom: 20px;\n}\n/* Fix for early content wrapping in Safari*/\n.row:before,\n.row:after {\n content: normal;\n}\n.ods-box {\n height: 100%;\n background-color: var(--boxes-background);\n}\n\n" @@ -1309,7 +1468,8 @@

                                          width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -1353,6 +1513,7 @@

                                          const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -1463,7 +1624,9 @@

                                          $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                          <div ng-app="ods-widgets"> @@ -1585,8 +1748,16 @@

                                          "> -
                                          - + +

                                          -

                                          - -
                                          -

                                          - ods-chart custom CSS library - - - - - -

                                          -
                                          -

                                          This resource introduces a custom CSS library dedicated to ods-chart, it helps users to customize their charts easily by simply adding CSS classes to ods-chart tag. +

                                          + +
                                          + +
                                          +

                                          + ods-chart custom CSS library + + + + + +

                                          +
                                          +

                                          This resource introduces a custom CSS library dedicated to ods-chart, it helps users to customize their charts easily by simply adding CSS classes to ods-chart tag. To install it, simply copy the CSS code of this resource, and paste it into your page.

                                          CSS classes follows this pattern : value-[axis]-chartproperty.

                                          Chart properties can be :

                                          @@ -1960,10 +2173,11 @@

                                        • etc…

                                        - - -
                                        - +
                                        + + +
                                        + @@ -1975,6 +2189,14 @@

                                        + + + + + + + +
                                        name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"worldheritagelist\"\n worldheritagelist-domain=\"userclub\"\n worldheritagelist-dataset=\"world-heritage-list\"\u003e\n\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-sm-8\"\u003e\n \u003cdiv class=\"ods-box\"\u003e\n \u003ch2\u003e\n Area spline - x = date (year)\n \u003c/h2\u003e\n \u003ch4\u003e\n CSS classes: no-bg, hide-x-legend, medium-x-axisline, medium-x-axisline-ticks, black-x-axisline, black-x-axisline-ticks, normal-y-values, large-x-values\n \u003c/h4\u003e\n \u003cods-chart class=\"no-bg hide-x-legend medium-x-axisline medium-chart-series medium-x-axisline-ticks black-x-axisline black-x-axisline-ticks normal-y-values large-x-values\"\n single-y-axis=\"true\"\u003e\n \u003cods-chart-query context=\"worldheritagelist\"\n field-x=\"date_inscribed\"\n maxpoints=\"0\"\n timescale=\"year\"\u003e\n \u003cods-chart-serie expression-y=\"extension\"\n chart-type=\"areaspline\"\n function-y=\"COUNT\"\n color=\"#344980\"\n label-y=\"Number of sites by Year\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-sm-4\"\u003e\n \u003cdiv class=\"ods-box\"\u003e\n \u003ch2\u003e\n Column chart - x = region\n \u003c/h2\u003e\n \u003ch4\u003e\n CSS classes : no-bg, hide-x-legend, hide-y-values, large-data-values, large-data-values, large-y-legend, hide-y-gridline, small-y-gridline, medium-x-values\n \u003c/h4\u003e\n \u003cods-chart class=\"no-bg hide-x-legend hide-y-values large-data-values large-data-values large-y-legend hide-y-gridline small-y-gridline medium-x-values\"\n labels-x-length=\"20\"\n single-y-axis=\"true\"\n single-y-axis-label=\"Number of sites\"\n display-legend=\"false\"\u003e\n \u003cods-chart-query context=\"worldheritagelist\" field-x=\"region\" maxpoints=\"0\"\u003e\n \u003cods-chart-serie expression-y=\"extension\"\n chart-type=\"column\"\n display-values=\"true\"\n function-y=\"COUNT\"\n display-values=\"true\"\n scientific-display=\"true\"\n color=\"#344980\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-sm-12\"\u003e\n \u003cdiv class=\"ods-box\"\u003e\n \u003ch2\u003e\n Spline - x = date (year), series-breakdown by region\n \u003c/h2\u003e\n \u003ch4\u003e\n CSS classes : no-bg, hide-x-legend, normal-x-values, extralarge-chart-legend-dash\n \u003c/h4\u003e\n \u003cods-chart class=\"no-bg hide-x-legend normal-x-values extralarge-chart-legend-dash\"\u003e\n \u003cods-chart-query context=\"worldheritagelist\"\n field-x=\"date_inscribed\"\n maxpoints=\"0\"\n timescale=\"year\"\n series-breakdown=\"region\"\n category-colors=\"{\n 'Europe and North America':'#1979a9',\n 'Asia and the Pacific':'#e07b39',\n 'Latin America and the Caribbean':'#80391e',\n 'Africa':'#042f66',\n 'Arab States':'#44bcd8'\n }\"\u003e\n \u003cods-chart-serie expression-y=\"extension\"\n chart-type=\"spline\"\n function-y=\"COUNT\"\n scientific-display=\"true\"\n label-y=\"Number of sites by Region\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\n\u003cstyle\u003e\n body {\n background-color: white;\n }\n .row {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n }\n .row \u003e * {\n flex-grow: 1;\n margin-bottom: 20px;\n }\n /* Fix for early content wrapping in Safari*/\n .row:before,\n .row:after {\n content: normal;\n }\n .ods-box {\n height: 100%;\n background-color: var(--boxes-background);\n }\n\u003c/style\u003e\u003c/div\u003e", - "css": "/**\n * License: MIT License\n * Generated on 26 May 2021\n * Author: Fpassaniti for Opendatasoft\n * Version: 0.1\n * Description: ods-chart CUSTOM CSS LIBRARY. Go to http://codelibrary.opendatasoft.com/widget-tricks/ods-chart-css/ for more information (doc \u0026 examples).\n */\n\n.extralarge-y-values .highcharts-yaxis-labels text,.large-y-values .highcharts-yaxis-labels text{transform:translate(0,4px)}.hide-chart-legend .highcharts-legend-item span,.hide-chart-series .highcharts-series path.highcharts-graph,.hide-chart-series .highcharts-series rect,.hide-data-values .highcharts-data-label tspan,.hide-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.hide-tooltip-text .ods-highcharts__tooltip span,.hide-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,.hide-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick,.hide-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line,.hide-x-legend .highcharts-xaxis tspan,.hide-x-values .highcharts-xaxis-labels span,.hide-x-values .highcharts-xaxis-labels text,.hide-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line,.hide-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line,.hide-y-legend .highcharts-yaxis tspan,.hide-y-values .highcharts-yaxis-labels span,.hide-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{display:none!important}.highcharts-axis tspan,.highcharts-data-label tspan,.highcharts-label span,.highcharts-legend-item span,.highcharts-xaxis-labels text,.highcharts-yaxis-labels text{font-family:Gotham-book,Arial,sans-serif!important}.name-tooltip-value .ods-highcharts__tooltip b,.small-chart-legend .highcharts-legend-item span,.small-data-values .highcharts-data-label tspan,.small-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.small-tooltip-text .ods-highcharts__tooltip span,.small-x-legend .highcharts-xaxis tspan,.small-x-values .highcharts-xaxis-labels span,.small-x-values .highcharts-xaxis-labels text,.small-y-legend .highcharts-yaxis tspan,.small-y-values .highcharts-yaxis-labels span,.small-y-values .highcharts-yaxis-labels text{font-size:12px!important}.medium-chart-legend .highcharts-legend-item span,.medium-data-values .highcharts-data-label tspan,.medium-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.medium-tooltip-text .ods-highcharts__tooltip span,.medium-x-legend .highcharts-xaxis tspan,.medium-x-values .highcharts-xaxis-labels span,.medium-x-values .highcharts-xaxis-labels text,.medium-y-legend .highcharts-yaxis tspan,.medium-y-values .highcharts-yaxis-labels span,.medium-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{font-size:14px!important}.large-chart-legend .highcharts-legend-item span,.large-data-values .highcharts-data-label tspan,.large-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.large-tooltip-text .ods-highcharts__tooltip span,.large-x-legend .highcharts-xaxis tspan,.large-x-values .highcharts-xaxis-labels span,.large-x-values .highcharts-xaxis-labels text,.large-y-legend .highcharts-yaxis tspan,.large-y-values .highcharts-yaxis-labels span,.large-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{font-size:16px!important}.extralarge-chart-legend .highcharts-legend-item span,.extralarge-data-values .highcharts-data-label tspan,.extralarge-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.extralarge-tooltip-text .ods-highcharts__tooltip span,.extralarge-x-legend .highcharts-xaxis tspan,.extralarge-x-values .highcharts-xaxis-labels span,.extralarge-x-values .highcharts-xaxis-labels text,.extralarge-y-legend .highcharts-yaxis tspan,.extralarge-y-values .highcharts-yaxis-labels span,.extralarge-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{font-size:18px!important}.light-chart-legend .highcharts-legend-item span,.light-data-values .highcharts-data-label tspan,.light-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.light-tooltip-text .ods-highcharts__tooltip span,.light-x-legend .highcharts-xaxis tspan,.light-x-values .highcharts-xaxis-labels span,.light-x-values .highcharts-xaxis-labels text,.light-y-legend .highcharts-yaxis tspan,.light-y-values .highcharts-yaxis-labels span,.light-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{font-weight:100!important}.name-tooltip-value .ods-highcharts__tooltip b,.normal-chart-legend .highcharts-legend-item span,.normal-data-values .highcharts-data-label tspan,.normal-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.normal-tooltip-text .ods-highcharts__tooltip span,.normal-x-legend .highcharts-xaxis tspan,.normal-x-values .highcharts-xaxis-labels span,.normal-x-values .highcharts-xaxis-labels text,.normal-y-legend .highcharts-yaxis tspan,.normal-y-values .highcharts-yaxis-labels span,.normal-y-values .highcharts-yaxis-labels text{font-weight:400!important}.bold-chart-legend .highcharts-legend-item span,.bold-data-values .highcharts-data-label tspan,.bold-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.bold-tooltip-text .ods-highcharts__tooltip span,.bold-x-legend .highcharts-xaxis tspan,.bold-x-values .highcharts-xaxis-labels span,.bold-x-values .highcharts-xaxis-labels text,.bold-y-legend .highcharts-yaxis tspan,.bold-y-values .highcharts-yaxis-labels span,.bold-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{font-weight:600!important}.lightgrey-chart-legend .highcharts-legend-item span,.lightgrey-data-values .highcharts-data-label tspan,.lightgrey-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.lightgrey-tooltip-text .ods-highcharts__tooltip span,.lightgrey-x-legend .highcharts-xaxis tspan,.lightgrey-x-values .highcharts-xaxis-labels span,.lightgrey-x-values .highcharts-xaxis-labels text,.lightgrey-y-legend .highcharts-yaxis tspan,.lightgrey-y-values .highcharts-yaxis-labels span,.lightgrey-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{fill:#565656!important;color:#565656!important}.darkgrey-chart-legend .highcharts-legend-item span,.darkgrey-data-values .highcharts-data-label tspan,.darkgrey-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.darkgrey-tooltip-text .ods-highcharts__tooltip span,.darkgrey-x-legend .highcharts-xaxis tspan,.darkgrey-x-values .highcharts-xaxis-labels span,.darkgrey-x-values .highcharts-xaxis-labels text,.darkgrey-y-legend .highcharts-yaxis tspan,.darkgrey-y-values .highcharts-yaxis-labels span,.darkgrey-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{fill:#333!important;color:#333!important}.black-chart-legend .highcharts-legend-item span,.black-data-values .highcharts-data-label tspan,.black-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.black-tooltip-text .ods-highcharts__tooltip span,.black-x-legend .highcharts-xaxis tspan,.black-x-values .highcharts-xaxis-labels span,.black-x-values .highcharts-xaxis-labels text,.black-y-legend .highcharts-yaxis tspan,.black-y-values .highcharts-yaxis-labels span,.black-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{fill:#000!important;color:#000!important}.small-chart-legend-dash .highcharts-legend-item path,.small-chart-series .highcharts-series path.highcharts-graph,.small-chart-series .highcharts-series rect,.small-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,.small-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick,.small-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line,.small-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line,.small-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line{stroke-width:.8px!important}.medium-chart-legend-dash .highcharts-legend-item path,.medium-chart-series .highcharts-series path.highcharts-graph,.medium-chart-series .highcharts-series rect,.medium-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,.medium-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick,.medium-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line,.medium-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line,.medium-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line{stroke-width:1.5px!important}.large-chart-legend-dash .highcharts-legend-item path,.large-chart-series .highcharts-series path.highcharts-graph,.large-chart-series .highcharts-series rect,.large-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,.large-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick,.large-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line,.large-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line,.large-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line{stroke-width:3px!important}.extralarge-chart-legend-dash .highcharts-legend-item path,.extralarge-chart-series .highcharts-series path.highcharts-graph,.extralarge-chart-series .highcharts-series rect,.extralarge-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,.extralarge-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick,.extralarge-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line,.extralarge-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line,.extralarge-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line{stroke-width:5px!important}.lightgrey-chart-series .highcharts-series path.highcharts-graph,.lightgrey-chart-series .highcharts-series rect,.lightgrey-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,.lightgrey-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick,.lightgrey-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line,.lightgrey-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line,.lightgrey-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line{stroke:#565656!important}.lightgrey-chart-legend-dash .highcharts-legend-item path{stroke-width:#565656!important}.darkgrey-chart-series .highcharts-series path.highcharts-graph,.darkgrey-chart-series .highcharts-series rect,.darkgrey-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,.darkgrey-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick,.darkgrey-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line,.darkgrey-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line,.darkgrey-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line{stroke:#333!important}.darkgrey-chart-legend-dash .highcharts-legend-item path{stroke-width:#333!important}.black-chart-series .highcharts-series path.highcharts-graph,.black-chart-series .highcharts-series rect,.black-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,.black-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick,.black-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line,.black-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line,.black-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line{stroke:#000!important}.black-chart-legend-dash .highcharts-legend-item path{stroke-width:#000!important}.hide-chart-legend-dash .highcharts-legend-item path{stroke-width:none!important}.small-chart-legend-circle g.highcharts-legend-item rect{width:10px!important;height:10px!important;x:5!important;y:5!important}.medium-chart-legend-circle g.highcharts-legend-item rect{width:12px!important;height:12px!important;x:3!important;y:4!important}.large-chart-legend-circle g.highcharts-legend-item rect{width:15px!important;height:15px!important;x:2!important;y:2!important}.extralarge-chart-legend-circle g.highcharts-legend-item rect{width:18px!important;height:18px!important;x:0!important;y:0!important}.centered-tooltip .highcharts-tooltip .highcharts-tooltip-container{text-align:center}.centered-tooltip .ods-highcharts__tooltip{justify-content:center}.no-background rect.highcharts-background,.no-bg rect.highcharts-background,.remove-background rect.highcharts-background,.transparent-background rect.highcharts-background{fill:transparent!important}.ods-highcharts__tooltip{align-items:center}g.highcharts-legend-item rect{rx:100%;ry:100%}\n" + "css": "/**\n * License: MIT License\n * Generated on 26 May 2021\n * Author: Fpassaniti for Huwise\n * Version: 0.1\n * Description: ods-chart CUSTOM CSS LIBRARY. Go to http://codelibrary.huwise.com/widget-tricks/ods-chart-css/ for more information (doc \u0026 examples).\n */\n\n.extralarge-y-values .highcharts-yaxis-labels text,.large-y-values .highcharts-yaxis-labels text{transform:translate(0,4px)}.hide-chart-legend .highcharts-legend-item span,.hide-chart-series .highcharts-series path.highcharts-graph,.hide-chart-series .highcharts-series rect,.hide-data-values .highcharts-data-label tspan,.hide-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.hide-tooltip-text .ods-highcharts__tooltip span,.hide-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,.hide-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick,.hide-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line,.hide-x-legend .highcharts-xaxis tspan,.hide-x-values .highcharts-xaxis-labels span,.hide-x-values .highcharts-xaxis-labels text,.hide-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line,.hide-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line,.hide-y-legend .highcharts-yaxis tspan,.hide-y-values .highcharts-yaxis-labels span,.hide-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{display:none!important}.highcharts-axis tspan,.highcharts-data-label tspan,.highcharts-label span,.highcharts-legend-item span,.highcharts-xaxis-labels text,.highcharts-yaxis-labels text{font-family:Gotham-book,Arial,sans-serif!important}.name-tooltip-value .ods-highcharts__tooltip b,.small-chart-legend .highcharts-legend-item span,.small-data-values .highcharts-data-label tspan,.small-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.small-tooltip-text .ods-highcharts__tooltip span,.small-x-legend .highcharts-xaxis tspan,.small-x-values .highcharts-xaxis-labels span,.small-x-values .highcharts-xaxis-labels text,.small-y-legend .highcharts-yaxis tspan,.small-y-values .highcharts-yaxis-labels span,.small-y-values .highcharts-yaxis-labels text{font-size:12px!important}.medium-chart-legend .highcharts-legend-item span,.medium-data-values .highcharts-data-label tspan,.medium-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.medium-tooltip-text .ods-highcharts__tooltip span,.medium-x-legend .highcharts-xaxis tspan,.medium-x-values .highcharts-xaxis-labels span,.medium-x-values .highcharts-xaxis-labels text,.medium-y-legend .highcharts-yaxis tspan,.medium-y-values .highcharts-yaxis-labels span,.medium-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{font-size:14px!important}.large-chart-legend .highcharts-legend-item span,.large-data-values .highcharts-data-label tspan,.large-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.large-tooltip-text .ods-highcharts__tooltip span,.large-x-legend .highcharts-xaxis tspan,.large-x-values .highcharts-xaxis-labels span,.large-x-values .highcharts-xaxis-labels text,.large-y-legend .highcharts-yaxis tspan,.large-y-values .highcharts-yaxis-labels span,.large-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{font-size:16px!important}.extralarge-chart-legend .highcharts-legend-item span,.extralarge-data-values .highcharts-data-label tspan,.extralarge-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.extralarge-tooltip-text .ods-highcharts__tooltip span,.extralarge-x-legend .highcharts-xaxis tspan,.extralarge-x-values .highcharts-xaxis-labels span,.extralarge-x-values .highcharts-xaxis-labels text,.extralarge-y-legend .highcharts-yaxis tspan,.extralarge-y-values .highcharts-yaxis-labels span,.extralarge-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{font-size:18px!important}.light-chart-legend .highcharts-legend-item span,.light-data-values .highcharts-data-label tspan,.light-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.light-tooltip-text .ods-highcharts__tooltip span,.light-x-legend .highcharts-xaxis tspan,.light-x-values .highcharts-xaxis-labels span,.light-x-values .highcharts-xaxis-labels text,.light-y-legend .highcharts-yaxis tspan,.light-y-values .highcharts-yaxis-labels span,.light-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{font-weight:100!important}.name-tooltip-value .ods-highcharts__tooltip b,.normal-chart-legend .highcharts-legend-item span,.normal-data-values .highcharts-data-label tspan,.normal-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.normal-tooltip-text .ods-highcharts__tooltip span,.normal-x-legend .highcharts-xaxis tspan,.normal-x-values .highcharts-xaxis-labels span,.normal-x-values .highcharts-xaxis-labels text,.normal-y-legend .highcharts-yaxis tspan,.normal-y-values .highcharts-yaxis-labels span,.normal-y-values .highcharts-yaxis-labels text{font-weight:400!important}.bold-chart-legend .highcharts-legend-item span,.bold-data-values .highcharts-data-label tspan,.bold-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.bold-tooltip-text .ods-highcharts__tooltip span,.bold-x-legend .highcharts-xaxis tspan,.bold-x-values .highcharts-xaxis-labels span,.bold-x-values .highcharts-xaxis-labels text,.bold-y-legend .highcharts-yaxis tspan,.bold-y-values .highcharts-yaxis-labels span,.bold-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{font-weight:600!important}.lightgrey-chart-legend .highcharts-legend-item span,.lightgrey-data-values .highcharts-data-label tspan,.lightgrey-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.lightgrey-tooltip-text .ods-highcharts__tooltip span,.lightgrey-x-legend .highcharts-xaxis tspan,.lightgrey-x-values .highcharts-xaxis-labels span,.lightgrey-x-values .highcharts-xaxis-labels text,.lightgrey-y-legend .highcharts-yaxis tspan,.lightgrey-y-values .highcharts-yaxis-labels span,.lightgrey-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{fill:#565656!important;color:#565656!important}.darkgrey-chart-legend .highcharts-legend-item span,.darkgrey-data-values .highcharts-data-label tspan,.darkgrey-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.darkgrey-tooltip-text .ods-highcharts__tooltip span,.darkgrey-x-legend .highcharts-xaxis tspan,.darkgrey-x-values .highcharts-xaxis-labels span,.darkgrey-x-values .highcharts-xaxis-labels text,.darkgrey-y-legend .highcharts-yaxis tspan,.darkgrey-y-values .highcharts-yaxis-labels span,.darkgrey-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{fill:#333!important;color:#333!important}.black-chart-legend .highcharts-legend-item span,.black-data-values .highcharts-data-label tspan,.black-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.black-tooltip-text .ods-highcharts__tooltip span,.black-x-legend .highcharts-xaxis tspan,.black-x-values .highcharts-xaxis-labels span,.black-x-values .highcharts-xaxis-labels text,.black-y-legend .highcharts-yaxis tspan,.black-y-values .highcharts-yaxis-labels span,.black-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{fill:#000!important;color:#000!important}.small-chart-legend-dash .highcharts-legend-item path,.small-chart-series .highcharts-series path.highcharts-graph,.small-chart-series .highcharts-series rect,.small-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,.small-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick,.small-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line,.small-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line,.small-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line{stroke-width:.8px!important}.medium-chart-legend-dash .highcharts-legend-item path,.medium-chart-series .highcharts-series path.highcharts-graph,.medium-chart-series .highcharts-series rect,.medium-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,.medium-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick,.medium-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line,.medium-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line,.medium-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line{stroke-width:1.5px!important}.large-chart-legend-dash .highcharts-legend-item path,.large-chart-series .highcharts-series path.highcharts-graph,.large-chart-series .highcharts-series rect,.large-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,.large-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick,.large-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line,.large-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line,.large-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line{stroke-width:3px!important}.extralarge-chart-legend-dash .highcharts-legend-item path,.extralarge-chart-series .highcharts-series path.highcharts-graph,.extralarge-chart-series .highcharts-series rect,.extralarge-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,.extralarge-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick,.extralarge-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line,.extralarge-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line,.extralarge-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line{stroke-width:5px!important}.lightgrey-chart-series .highcharts-series path.highcharts-graph,.lightgrey-chart-series .highcharts-series rect,.lightgrey-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,.lightgrey-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick,.lightgrey-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line,.lightgrey-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line,.lightgrey-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line{stroke:#565656!important}.lightgrey-chart-legend-dash .highcharts-legend-item path{stroke-width:#565656!important}.darkgrey-chart-series .highcharts-series path.highcharts-graph,.darkgrey-chart-series .highcharts-series rect,.darkgrey-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,.darkgrey-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick,.darkgrey-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line,.darkgrey-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line,.darkgrey-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line{stroke:#333!important}.darkgrey-chart-legend-dash .highcharts-legend-item path{stroke-width:#333!important}.black-chart-series .highcharts-series path.highcharts-graph,.black-chart-series .highcharts-series rect,.black-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,.black-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick,.black-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line,.black-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line,.black-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line{stroke:#000!important}.black-chart-legend-dash .highcharts-legend-item path{stroke-width:#000!important}.hide-chart-legend-dash .highcharts-legend-item path{stroke-width:none!important}.small-chart-legend-circle g.highcharts-legend-item rect{width:10px!important;height:10px!important;x:5!important;y:5!important}.medium-chart-legend-circle g.highcharts-legend-item rect{width:12px!important;height:12px!important;x:3!important;y:4!important}.large-chart-legend-circle g.highcharts-legend-item rect{width:15px!important;height:15px!important;x:2!important;y:2!important}.extralarge-chart-legend-circle g.highcharts-legend-item rect{width:18px!important;height:18px!important;x:0!important;y:0!important}.centered-tooltip .highcharts-tooltip .highcharts-tooltip-container{text-align:center}.centered-tooltip .ods-highcharts__tooltip{justify-content:center}.no-background rect.highcharts-background,.no-bg rect.highcharts-background,.remove-background rect.highcharts-background,.transparent-background rect.highcharts-background{fill:transparent!important}.ods-highcharts__tooltip{align-items:center}g.highcharts-legend-item rect{rx:100%;ry:100%}\n" }'>
                                        @@ -1998,7 +2220,8 @@

                                        width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -2042,6 +2265,7 @@

                                        const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -2152,7 +2376,9 @@

                                        $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                        <div ng-app="ods-widgets"> @@ -2276,9 +2502,9 @@

                                        /** * License: MIT License * Generated on 26 May 2021 - * Author: Fpassaniti for Opendatasoft + * Author: Fpassaniti for Huwise * Version: 0.1 - * Description: ods-chart CUSTOM CSS LIBRARY. Go to http://codelibrary.opendatasoft.com/widget-tricks/ods-chart-css/ for more information (doc & examples). + * Description: ods-chart CUSTOM CSS LIBRARY. Go to http://codelibrary.huwise.com/widget-tricks/ods-chart-css/ for more information (doc & examples). */ .extralarge-y-values .highcharts-yaxis-labels text,.large-y-values .highcharts-yaxis-labels text{transform:translate(0,4px)}.hide-chart-legend .highcharts-legend-item span,.hide-chart-series .highcharts-series path.highcharts-graph,.hide-chart-series .highcharts-series rect,.hide-data-values .highcharts-data-label tspan,.hide-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.hide-tooltip-text .ods-highcharts__tooltip span,.hide-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,.hide-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick,.hide-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line,.hide-x-legend .highcharts-xaxis tspan,.hide-x-values .highcharts-xaxis-labels span,.hide-x-values .highcharts-xaxis-labels text,.hide-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line,.hide-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line,.hide-y-legend .highcharts-yaxis tspan,.hide-y-values .highcharts-yaxis-labels span,.hide-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{display:none!important}.highcharts-axis tspan,.highcharts-data-label tspan,.highcharts-label span,.highcharts-legend-item span,.highcharts-xaxis-labels text,.highcharts-yaxis-labels text{font-family:Gotham-book,Arial,sans-serif!important}.name-tooltip-value .ods-highcharts__tooltip b,.small-chart-legend .highcharts-legend-item span,.small-data-values .highcharts-data-label tspan,.small-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.small-tooltip-text .ods-highcharts__tooltip span,.small-x-legend .highcharts-xaxis tspan,.small-x-values .highcharts-xaxis-labels span,.small-x-values .highcharts-xaxis-labels text,.small-y-legend .highcharts-yaxis tspan,.small-y-values .highcharts-yaxis-labels span,.small-y-values .highcharts-yaxis-labels text{font-size:12px!important}.medium-chart-legend .highcharts-legend-item span,.medium-data-values .highcharts-data-label tspan,.medium-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.medium-tooltip-text .ods-highcharts__tooltip span,.medium-x-legend .highcharts-xaxis tspan,.medium-x-values .highcharts-xaxis-labels span,.medium-x-values .highcharts-xaxis-labels text,.medium-y-legend .highcharts-yaxis tspan,.medium-y-values .highcharts-yaxis-labels span,.medium-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{font-size:14px!important}.large-chart-legend .highcharts-legend-item span,.large-data-values .highcharts-data-label tspan,.large-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.large-tooltip-text .ods-highcharts__tooltip span,.large-x-legend .highcharts-xaxis tspan,.large-x-values .highcharts-xaxis-labels span,.large-x-values .highcharts-xaxis-labels text,.large-y-legend .highcharts-yaxis tspan,.large-y-values .highcharts-yaxis-labels span,.large-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{font-size:16px!important}.extralarge-chart-legend .highcharts-legend-item span,.extralarge-data-values .highcharts-data-label tspan,.extralarge-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.extralarge-tooltip-text .ods-highcharts__tooltip span,.extralarge-x-legend .highcharts-xaxis tspan,.extralarge-x-values .highcharts-xaxis-labels span,.extralarge-x-values .highcharts-xaxis-labels text,.extralarge-y-legend .highcharts-yaxis tspan,.extralarge-y-values .highcharts-yaxis-labels span,.extralarge-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{font-size:18px!important}.light-chart-legend .highcharts-legend-item span,.light-data-values .highcharts-data-label tspan,.light-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.light-tooltip-text .ods-highcharts__tooltip span,.light-x-legend .highcharts-xaxis tspan,.light-x-values .highcharts-xaxis-labels span,.light-x-values .highcharts-xaxis-labels text,.light-y-legend .highcharts-yaxis tspan,.light-y-values .highcharts-yaxis-labels span,.light-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{font-weight:100!important}.name-tooltip-value .ods-highcharts__tooltip b,.normal-chart-legend .highcharts-legend-item span,.normal-data-values .highcharts-data-label tspan,.normal-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.normal-tooltip-text .ods-highcharts__tooltip span,.normal-x-legend .highcharts-xaxis tspan,.normal-x-values .highcharts-xaxis-labels span,.normal-x-values .highcharts-xaxis-labels text,.normal-y-legend .highcharts-yaxis tspan,.normal-y-values .highcharts-yaxis-labels span,.normal-y-values .highcharts-yaxis-labels text{font-weight:400!important}.bold-chart-legend .highcharts-legend-item span,.bold-data-values .highcharts-data-label tspan,.bold-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.bold-tooltip-text .ods-highcharts__tooltip span,.bold-x-legend .highcharts-xaxis tspan,.bold-x-values .highcharts-xaxis-labels span,.bold-x-values .highcharts-xaxis-labels text,.bold-y-legend .highcharts-yaxis tspan,.bold-y-values .highcharts-yaxis-labels span,.bold-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{font-weight:600!important}.lightgrey-chart-legend .highcharts-legend-item span,.lightgrey-data-values .highcharts-data-label tspan,.lightgrey-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.lightgrey-tooltip-text .ods-highcharts__tooltip span,.lightgrey-x-legend .highcharts-xaxis tspan,.lightgrey-x-values .highcharts-xaxis-labels span,.lightgrey-x-values .highcharts-xaxis-labels text,.lightgrey-y-legend .highcharts-yaxis tspan,.lightgrey-y-values .highcharts-yaxis-labels span,.lightgrey-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{fill:#565656!important;color:#565656!important}.darkgrey-chart-legend .highcharts-legend-item span,.darkgrey-data-values .highcharts-data-label tspan,.darkgrey-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.darkgrey-tooltip-text .ods-highcharts__tooltip span,.darkgrey-x-legend .highcharts-xaxis tspan,.darkgrey-x-values .highcharts-xaxis-labels span,.darkgrey-x-values .highcharts-xaxis-labels text,.darkgrey-y-legend .highcharts-yaxis tspan,.darkgrey-y-values .highcharts-yaxis-labels span,.darkgrey-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{fill:#333!important;color:#333!important}.black-chart-legend .highcharts-legend-item span,.black-data-values .highcharts-data-label tspan,.black-tooltip-text .highcharts-tooltip .highcharts-tooltip-container,.black-tooltip-text .ods-highcharts__tooltip span,.black-x-legend .highcharts-xaxis tspan,.black-x-values .highcharts-xaxis-labels span,.black-x-values .highcharts-xaxis-labels text,.black-y-legend .highcharts-yaxis tspan,.black-y-values .highcharts-yaxis-labels span,.black-y-values .highcharts-yaxis-labels text,.name-tooltip-value .ods-highcharts__tooltip b{fill:#000!important;color:#000!important}.small-chart-legend-dash .highcharts-legend-item path,.small-chart-series .highcharts-series path.highcharts-graph,.small-chart-series .highcharts-series rect,.small-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,.small-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick,.small-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line,.small-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line,.small-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line{stroke-width:.8px!important}.medium-chart-legend-dash .highcharts-legend-item path,.medium-chart-series .highcharts-series path.highcharts-graph,.medium-chart-series .highcharts-series rect,.medium-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,.medium-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick,.medium-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line,.medium-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line,.medium-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line{stroke-width:1.5px!important}.large-chart-legend-dash .highcharts-legend-item path,.large-chart-series .highcharts-series path.highcharts-graph,.large-chart-series .highcharts-series rect,.large-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,.large-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick,.large-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line,.large-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line,.large-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line{stroke-width:3px!important}.extralarge-chart-legend-dash .highcharts-legend-item path,.extralarge-chart-series .highcharts-series path.highcharts-graph,.extralarge-chart-series .highcharts-series rect,.extralarge-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,.extralarge-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick,.extralarge-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line,.extralarge-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line,.extralarge-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line{stroke-width:5px!important}.lightgrey-chart-series .highcharts-series path.highcharts-graph,.lightgrey-chart-series .highcharts-series rect,.lightgrey-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,.lightgrey-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick,.lightgrey-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line,.lightgrey-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line,.lightgrey-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line{stroke:#565656!important}.lightgrey-chart-legend-dash .highcharts-legend-item path{stroke-width:#565656!important}.darkgrey-chart-series .highcharts-series path.highcharts-graph,.darkgrey-chart-series .highcharts-series rect,.darkgrey-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,.darkgrey-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick,.darkgrey-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line,.darkgrey-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line,.darkgrey-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line{stroke:#333!important}.darkgrey-chart-legend-dash .highcharts-legend-item path{stroke-width:#333!important}.black-chart-series .highcharts-series path.highcharts-graph,.black-chart-series .highcharts-series rect,.black-x-axisline .highcharts-axis.highcharts-xaxis path.highcharts-axis-line,.black-x-axisline-ticks .highcharts-axis.highcharts-xaxis path.highcharts-tick,.black-x-gridline .highcharts-xaxis-grid path.highcharts-grid-line,.black-y-axisline .highcharts-axis.highcharts-yaxis path.highcharts-axis-line,.black-y-gridline .highcharts-yaxis-grid path.highcharts-grid-line{stroke:#000!important}.black-chart-legend-dash .highcharts-legend-item path{stroke-width:#000!important}.hide-chart-legend-dash .highcharts-legend-item path{stroke-width:none!important}.small-chart-legend-circle g.highcharts-legend-item rect{width:10px!important;height:10px!important;x:5!important;y:5!important}.medium-chart-legend-circle g.highcharts-legend-item rect{width:12px!important;height:12px!important;x:3!important;y:4!important}.large-chart-legend-circle g.highcharts-legend-item rect{width:15px!important;height:15px!important;x:2!important;y:2!important}.extralarge-chart-legend-circle g.highcharts-legend-item rect{width:18px!important;height:18px!important;x:0!important;y:0!important}.centered-tooltip .highcharts-tooltip .highcharts-tooltip-container{text-align:center}.centered-tooltip .ods-highcharts__tooltip{justify-content:center}.no-background rect.highcharts-background,.no-bg rect.highcharts-background,.remove-background rect.highcharts-background,.transparent-background rect.highcharts-background{fill:transparent!important}.ods-highcharts__tooltip{align-items:center}g.highcharts-legend-item rect{rx:100%;ry:100%} @@ -2287,8 +2513,16 @@

                                        "> -
                                        - + +

                                        - + + + +

                                        - - + - © Copyright 2020 + © Copyright 2026
                                        @@ -3345,7 +3684,7 @@

                                        diff --git a/public/widget-tricks/ods-color-gradient/1/html.inc b/public/widget-tricks/ods-color-gradient/1/html.inc index cb9107945..8f01c425b 100644 --- a/public/widget-tricks/ods-color-gradient/1/html.inc +++ b/public/widget-tricks/ods-color-gradient/1/html.inc @@ -1,8 +1,7 @@ - + diff --git a/public/widget-tricks/ods-color-gradient/2/html.inc b/public/widget-tricks/ods-color-gradient/2/html.inc index 74702f52d..fa98e0a14 100644 --- a/public/widget-tricks/ods-color-gradient/2/html.inc +++ b/public/widget-tricks/ods-color-gradient/2/html.inc @@ -1,8 +1,7 @@ - +
                                        diff --git a/public/widget-tricks/ods-color-gradient/3/html.inc b/public/widget-tricks/ods-color-gradient/3/html.inc index a35a3805c..821749875 100644 --- a/public/widget-tricks/ods-color-gradient/3/html.inc +++ b/public/widget-tricks/ods-color-gradient/3/html.inc @@ -1,8 +1,7 @@ - +
                                        diff --git a/public/widget-tricks/ods-color-gradient/4/html.inc b/public/widget-tricks/ods-color-gradient/4/html.inc index 0a4127e96..b4a8b31eb 100644 --- a/public/widget-tricks/ods-color-gradient/4/html.inc +++ b/public/widget-tricks/ods-color-gradient/4/html.inc @@ -1,8 +1,7 @@ - +
                                        diff --git a/public/widget-tricks/ods-color-gradient/5/html.inc b/public/widget-tricks/ods-color-gradient/5/html.inc index 823778883..ffd4bb003 100644 --- a/public/widget-tricks/ods-color-gradient/5/html.inc +++ b/public/widget-tricks/ods-color-gradient/5/html.inc @@ -1,8 +1,7 @@ - + diff --git a/public/widget-tricks/ods-color-gradient/index.html b/public/widget-tricks/ods-color-gradient/index.html index 4367c9dc1..d57d5f5fe 100644 --- a/public/widget-tricks/ods-color-gradient/index.html +++ b/public/widget-tricks/ods-color-gradient/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@
                                        - @@ -203,7 +220,7 @@

                                        • @@ -535,10 +624,6 @@ ods-color-gradient + ods-map : a choropleth alternative - - 4 - - @@ -613,20 +698,6 @@ -
                                      • - -
                                        - ods-table: Fixed column - - - - 1 - - -
                                        -                                         -
                                        • -
                                      • @@ -658,51 +729,67 @@
                                        - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
                                        @@ -713,10 +800,10 @@
                                        -
                                        -

                                        Widget Tricks - ods-color-gradient + ods-map : a choropleth alternative

                                        -
                                        -

                                        This map rendering technique allows to display on a map colored shaped based on the aggregation of a different dataset.

                                        +
                                        +

                                        Widget Tricks - ods-color-gradient + ods-map : a choropleth alternative

                                        +
                                        +

                                        This map rendering technique allows to display on a map colored shaped based on the aggregation of a different dataset.

                                        One dataset contains the data to make some statistical computation (Avg, sum, counting of numerical fields) and one dataset contains geographical information (geo shapes).

                                        The technique is very similar to a join at processing time, to enrich statistical data with geographical data. The only prerequisit is, like for a regular join, having a shared key between datasets to make the numerical aggregation match its geo shape.

                                        Big advantages are mainly to not overweight the statistical dataset by a processing join and storing multiple times the same geo shape in the data. and secondly to choose the geographical granularity or administrative level only when you render the map. A same statistical dataset can now be rendered with several geographical referentials as long as it contains all the needed keys, codes or names to match the geographical shapes.

                                        @@ -724,26 +811,32 @@

                                        Widget Tricks - ods-color-gradient + ods-map : a chor

                                        How it works: the technique is to aggregate the data with the ods-color-gradient to obtain the color gradient as a color object. Then feed an ods-map with this color object.

                                        More technical and mathematical information on ods-color-gradient algorithm here

                                        -

                                        - -
                                        -

                                        - Simple usage with legend on top of the map - - - - - -

                                        -
                                        - -
                                        - -
                                        +
                                        +
                                        +

                                        + Simple usage with legend on top of the map + + + + + +

                                        +
                                        + +
                                        + + +
                                        + + + + + + @@ -752,6 +845,9 @@

                                        + + +
                                        name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003c!-- \"dep\" context is the official geo-referential from Opendatasoft Data Network --\u003e\n\u003cods-dataset-context context=\"dep,carpool\"\n dep-dataset=\"georef-france-departement\"\n dep-parameters=\"{'q':'dep_code \u003c= 95'}\"\n dep-domain=\"public\"\n carpool-dataset=\"base-nationale-des-lieux-de-covoiturage-en-france\"\n carpool-domain=\"userclub\"\u003e\n\n \u003cdiv ods-color-gradient=\"colorgradient\"\n ods-color-gradient-context=\"carpool\"\n ods-color-gradient-x=\"dep_code\"\n ods-color-gradient-serie=\"COUNT()\"\n ods-color-gradient-high=\"rgb(20, 33, 96)\"\n ods-color-gradient-low=\"rgb(180, 197, 241)\"\u003e\n\n \u003ch2\u003eColor departments by number of carpool location\u003c/h2\u003e\n \u003cdiv class=\"map-container\"\u003e\n \u003cods-map\u003e\n \u003cods-map-layer context=\"dep\"\n color-categories=\"colorgradient['colors']\"\n color-by-field=\"dep_code\"\n color-categories-other=\"lightgrey\"\n display=\"categories\"\n shape-opacity=\"0.95\"\n title=\"# of carpool parking\"\u003e\n \u003c/ods-map-layer\u003e\n \u003c/ods-map\u003e\n\n \u003cods-legend title=\"# of carpool parking\"\n color-gradient=\"colorgradient\"\n display=\"linear\"\n no-value-color=\"lightgrey\"\n decimal-precision=\"0\"\u003e\u003c/ods-legend\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003c!-- \"dep\" context is the official geo-referential from Huwise Data Network --\u003e\n\u003cods-dataset-context context=\"dep,carpool\"\n dep-dataset=\"departements-et-collectivites-doutre-mer-france\"\n dep-domain=\"userclub\"\n carpool-dataset=\"base-nationale-des-lieux-de-covoiturage-en-france\"\n carpool-domain=\"userclub\"\u003e\n\n \u003cdiv ods-color-gradient=\"colorgradient\"\n ods-color-gradient-context=\"carpool\"\n ods-color-gradient-x=\"dep_code\"\n ods-color-gradient-serie=\"COUNT()\"\n ods-color-gradient-high=\"rgb(20, 33, 96)\"\n ods-color-gradient-low=\"rgb(180, 197, 241)\"\u003e\n\n \u003ch2\u003eColor departments by number of carpool location\u003c/h2\u003e\n \u003cdiv class=\"map-container\"\u003e\n \u003cods-map\u003e\n \u003cods-map-layer context=\"dep\"\n color-categories=\"colorgradient['colors']\"\n color-by-field=\"dep_code\"\n color-categories-other=\"lightgrey\"\n display=\"categories\"\n shape-opacity=\"0.95\"\n title=\"# of carpool parking\"\u003e\n \u003c/ods-map-layer\u003e\n \u003c/ods-map\u003e\n\n \u003cods-legend title=\"# of carpool parking\"\n color-gradient=\"colorgradient\"\n display=\"linear\"\n no-value-color=\"lightgrey\"\n decimal-precision=\"0\"\u003e\u003c/ods-legend\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", "css": ".map-container {\n position: relative;\n}\n\n.odswidget.odswidget-legend {\n position: absolute;\n top: 20px;\n left: 57px;\n}" }'>
                                        @@ -775,7 +871,8 @@

                                        width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -819,6 +916,7 @@

                                        const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -929,15 +1027,16 @@

                                        $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                        <div ng-app="ods-widgets"> -<!-- "dep" context is the official geo-referential from Opendatasoft Data Network --> +<!-- "dep" context is the official geo-referential from Huwise Data Network --> <ods-dataset-context context="dep,carpool" - dep-dataset="georef-france-departement" - dep-parameters="{'q':'dep_code <= 95'}" - dep-domain="public" + dep-dataset="departements-et-collectivites-doutre-mer-france" + dep-domain="userclub" carpool-dataset="base-nationale-des-lieux-de-covoiturage-en-france" carpool-domain="userclub"> @@ -985,8 +1084,16 @@

                                        "> -
                                        - + +

                                        -

                                        - -
                                        -

                                        - ods-color-gradient: Power exponent - New +

                                        + + - - - - - -

                                      -
                                      -

                                      The power exponent is used to create a power based scale. +

                                      +

                                      + ods-color-gradient: Power exponent + + + + + +

                                      +
                                      +

                                      The power exponent is used to create a power based scale. The transform applied to value is of the type y = x^k where k, the exponent, can be any real number.

                                      • For k = 0.3 : it approximates log scale.
                                        • @@ -1188,10 +1344,11 @@

                                      ods-color-gradient-pow-exponent optional parameter defines the scale. If not defined, it will be set to 1 that correspond to a linear scale.

                                      -
                                      - -
                                      - +
                                      + + +
                                      + @@ -1203,6 +1360,14 @@

                                      + + + + + + + +
                                      name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003c!-- \"dep\" context is the official geo-referential from Opendatasoft Data Network --\u003e\n\u003cods-dataset-context context=\"dep,carpool\"\n dep-dataset=\"georef-france-departement\"\n dep-parameters=\"{'q':'dep_code \u003c= 95'}\"\n dep-domain=\"public\"\n carpool-dataset=\"base-nationale-des-lieux-de-covoiturage-en-france\"\n carpool-domain=\"userclub\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-sm-6\"\u003e\n \u003cdiv ods-color-gradient=\"colorgradientsoften\"\n ods-color-gradient-context=\"carpool\"\n ods-color-gradient-x=\"dep_code\"\n ods-color-gradient-serie=\"COUNT()\"\n ods-color-gradient-pow-exponent=\"0.3\"\u003e\n\n \u003cdiv class=\"map-container\"\u003e\n \u003ch2\u003ePower exponent at 0.3 : soften higher values\u003c/h2\u003e\n \u003ch3\u003eEquivalent to log scale\u003c/h3\u003e\n \u003cods-map\u003e\n \u003cods-map-layer context=\"dep\"\n color-categories=\"colorgradientsoften['colors']\"\n color-by-field=\"dep_code\"\n color-categories-other=\"lightgrey\"\n display=\"categories\"\n shape-opacity=\"0.95\"\n title=\"# of carpool parking\"\u003e\n \u003c/ods-map-layer\u003e\n \u003c/ods-map\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-sm-6\"\u003e\n \u003cdiv ods-color-gradient=\"colorgradientemphasize\"\n ods-color-gradient-context=\"carpool\"\n ods-color-gradient-x=\"dep_code\"\n ods-color-gradient-serie=\"COUNT()\"\n ods-color-gradient-pow-exponent=\"2\"\u003e\n\n \u003cdiv class=\"map-container\"\u003e\n \u003ch2\u003ePower exponent at 2 : emphasize higher values\u003c/h2\u003e\n \u003ch3\u003eEquivalent to square scale\u003c/h3\u003e\n \u003cods-map\u003e\n \u003cods-map-layer context=\"dep\"\n color-categories=\"colorgradientemphasize['colors']\"\n color-by-field=\"dep_code\"\n color-categories-other=\"lightgrey\"\n display=\"categories\"\n shape-opacity=\"0.95\"\n title=\"# of carpool parking\"\u003e\n \u003c/ods-map-layer\u003e\n \u003c/ods-map\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003c!-- \"dep\" context is the official geo-referential from Huwise Data Network --\u003e\n\u003cods-dataset-context context=\"dep,carpool\"\n dep-dataset=\"departements-et-collectivites-doutre-mer-france\"\n dep-domain=\"userclub\"\n carpool-dataset=\"base-nationale-des-lieux-de-covoiturage-en-france\"\n carpool-domain=\"userclub\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-sm-6\"\u003e\n \u003cdiv ods-color-gradient=\"colorgradientsoften\"\n ods-color-gradient-context=\"carpool\"\n ods-color-gradient-x=\"dep_code\"\n ods-color-gradient-serie=\"COUNT()\"\n ods-color-gradient-pow-exponent=\"0.3\"\u003e\n\n \u003cdiv class=\"map-container\"\u003e\n \u003ch2\u003ePower exponent at 0.3 : soften higher values\u003c/h2\u003e\n \u003ch3\u003eEquivalent to log scale\u003c/h3\u003e\n \u003cods-map\u003e\n \u003cods-map-layer context=\"dep\"\n color-categories=\"colorgradientsoften['colors']\"\n color-by-field=\"dep_code\"\n color-categories-other=\"lightgrey\"\n display=\"categories\"\n shape-opacity=\"0.95\"\n title=\"# of carpool parking\"\u003e\n \u003c/ods-map-layer\u003e\n \u003c/ods-map\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-sm-6\"\u003e\n \u003cdiv ods-color-gradient=\"colorgradientemphasize\"\n ods-color-gradient-context=\"carpool\"\n ods-color-gradient-x=\"dep_code\"\n ods-color-gradient-serie=\"COUNT()\"\n ods-color-gradient-pow-exponent=\"2\"\u003e\n\n \u003cdiv class=\"map-container\"\u003e\n \u003ch2\u003ePower exponent at 2 : emphasize higher values\u003c/h2\u003e\n \u003ch3\u003eEquivalent to square scale\u003c/h3\u003e\n \u003cods-map\u003e\n \u003cods-map-layer context=\"dep\"\n color-categories=\"colorgradientemphasize['colors']\"\n color-by-field=\"dep_code\"\n color-categories-other=\"lightgrey\"\n display=\"categories\"\n shape-opacity=\"0.95\"\n title=\"# of carpool parking\"\u003e\n \u003c/ods-map-layer\u003e\n \u003c/ods-map\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", "css": "" }'>
                                      @@ -1226,7 +1391,8 @@

                                      width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -1270,6 +1436,7 @@

                                      const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -1380,15 +1547,16 @@

                                      $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                      <div ng-app="ods-widgets"> -<!-- "dep" context is the official geo-referential from Opendatasoft Data Network --> +<!-- "dep" context is the official geo-referential from Huwise Data Network --> <ods-dataset-context context="dep,carpool" - dep-dataset="georef-france-departement" - dep-parameters="{'q':'dep_code <= 95'}" - dep-domain="public" + dep-dataset="departements-et-collectivites-doutre-mer-france" + dep-domain="userclub" carpool-dataset="base-nationale-des-lieux-de-covoiturage-en-france" carpool-domain="userclub"> <div class="row"> @@ -1447,8 +1615,16 @@

                                      "> -
                                      - + +

                                      -

                                      - -
                                      -

                                      - ods-color-gradient: Number of classes - New +

                                      + + - - - - - -

                                  -
                                  -

                                  ods-color-gradient-nb-classes optional parameter defines the number of groups of values. +

                                  +

                                  + ods-color-gradient: Number of classes + + + + + +

                                  +
                                  +

                                  ods-color-gradient-nb-classes optional parameter defines the number of groups of values. If not defined, colors will then NOT be grouped, and the corresponding legend will be a linear gradient.

                                  -

                                  Note: without classes, it’s a simple linear or pow color gradient

                                  -
                                  +

                                  Note: without classes, it’s a simple linear or pow color gradient

                                  -

                                  Note 2: the more classes you have, the more it looks like a linear color gradient

                                  -
                                  +

                                  Note 2: the more classes you have, the more it looks like a linear color gradient

                                  -
                                  - -
                                  - +
                                  + + +
                                  + @@ -1671,6 +1896,14 @@

                                  + + + + + + + +
                                  name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003c!-- \"dep\" context is the official geo-referential from Opendatasoft Data Network --\u003e\n\u003cods-dataset-context context=\"dep,carpool\"\n dep-dataset=\"georef-france-departement\"\n dep-parameters=\"{'q':'dep_code \u003c= 95'}\"\n dep-domain=\"public\"\n carpool-dataset=\"base-nationale-des-lieux-de-covoiturage-en-france\"\n carpool-domain=\"userclub\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-sm-6\"\u003e\n \u003cdiv ods-color-gradient=\"colorgradientleft\"\n ods-color-gradient-context=\"carpool\"\n ods-color-gradient-x=\"dep_code\"\n ods-color-gradient-serie=\"COUNT()\"\n ods-color-gradient-nb-classes=\"2\"\u003e\n\n \u003cdiv class=\"map-container\"\u003e\n \u003ch2\u003eNb classes = 2\u003c/h2\u003e\n \u003ch3\u003eSplit values into 2 groups, and therefore 2 colors\u003c/h3\u003e\n \u003cods-map\u003e\n \u003cods-map-layer context=\"dep\"\n color-categories=\"colorgradientleft['colors']\"\n color-by-field=\"dep_code\"\n color-categories-other=\"lightgrey\"\n display=\"categories\"\n shape-opacity=\"0.95\"\n title=\"# of carpool parking\"\u003e\n \u003c/ods-map-layer\u003e\n \u003c/ods-map\u003e\n\n \u003cods-legend title=\"# of carpool parking\"\n color-gradient=\"colorgradientleft\"\n display=\"steps\"\n no-value-color=\"lightgrey\"\n decimal-precision=\"0\"\u003e\u003c/ods-legend\u003e\n \n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-sm-6\"\u003e\n \u003cdiv ods-color-gradient=\"colorgradientright\"\n ods-color-gradient-context=\"carpool\"\n ods-color-gradient-x=\"dep_code\"\n ods-color-gradient-serie=\"COUNT()\"\n ods-color-gradient-nb-classes=\"8\"\u003e\n\n \u003cdiv class=\"map-container\"\u003e\n \u003ch2\u003eNb classes = 8\u003c/h2\u003e\n \u003ch3\u003eSplit values into 8 groups, and therefore 8 colors\u003c/h3\u003e\n \u003cods-map\u003e\n \u003cods-map-layer context=\"dep\"\n color-categories=\"colorgradientright['colors']\"\n color-by-field=\"dep_code\"\n color-categories-other=\"lightgrey\"\n display=\"categories\"\n shape-opacity=\"0.95\"\n title=\"# of carpool parking\"\u003e\n \u003c/ods-map-layer\u003e\n \u003c/ods-map\u003e\n\n\n \u003cods-legend title=\"# of carpool parking\"\n color-gradient=\"colorgradientright\"\n display=\"steps\"\n no-value-color=\"lightgrey\"\n decimal-precision=\"0\"\u003e\u003c/ods-legend\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003c!-- \"dep\" context is the official geo-referential from Huwise Data Network --\u003e\n\u003cods-dataset-context context=\"dep,carpool\"\n dep-dataset=\"departements-et-collectivites-doutre-mer-france\"\n dep-domain=\"userclub\"\n carpool-dataset=\"base-nationale-des-lieux-de-covoiturage-en-france\"\n carpool-domain=\"userclub\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-sm-6\"\u003e\n \u003cdiv ods-color-gradient=\"colorgradientleft\"\n ods-color-gradient-context=\"carpool\"\n ods-color-gradient-x=\"dep_code\"\n ods-color-gradient-serie=\"COUNT()\"\n ods-color-gradient-nb-classes=\"2\"\u003e\n\n \u003cdiv class=\"map-container\"\u003e\n \u003ch2\u003eNb classes = 2\u003c/h2\u003e\n \u003ch3\u003eSplit values into 2 groups, and therefore 2 colors\u003c/h3\u003e\n \u003cods-map\u003e\n \u003cods-map-layer context=\"dep\"\n color-categories=\"colorgradientleft['colors']\"\n color-by-field=\"dep_code\"\n color-categories-other=\"lightgrey\"\n display=\"categories\"\n shape-opacity=\"0.95\"\n title=\"# of carpool parking\"\u003e\n \u003c/ods-map-layer\u003e\n \u003c/ods-map\u003e\n\n \u003cods-legend title=\"# of carpool parking\"\n color-gradient=\"colorgradientleft\"\n display=\"steps\"\n no-value-color=\"lightgrey\"\n decimal-precision=\"0\"\u003e\u003c/ods-legend\u003e\n \n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-sm-6\"\u003e\n \u003cdiv ods-color-gradient=\"colorgradientright\"\n ods-color-gradient-context=\"carpool\"\n ods-color-gradient-x=\"dep_code\"\n ods-color-gradient-serie=\"COUNT()\"\n ods-color-gradient-nb-classes=\"8\"\u003e\n\n \u003cdiv class=\"map-container\"\u003e\n \u003ch2\u003eNb classes = 8\u003c/h2\u003e\n \u003ch3\u003eSplit values into 8 groups, and therefore 8 colors\u003c/h3\u003e\n \u003cods-map\u003e\n \u003cods-map-layer context=\"dep\"\n color-categories=\"colorgradientright['colors']\"\n color-by-field=\"dep_code\"\n color-categories-other=\"lightgrey\"\n display=\"categories\"\n shape-opacity=\"0.95\"\n title=\"# of carpool parking\"\u003e\n \u003c/ods-map-layer\u003e\n \u003c/ods-map\u003e\n\n\n \u003cods-legend title=\"# of carpool parking\"\n color-gradient=\"colorgradientright\"\n display=\"steps\"\n no-value-color=\"lightgrey\"\n decimal-precision=\"0\"\u003e\u003c/ods-legend\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", "css": "" }'>
                                  @@ -1694,7 +1927,8 @@

                                  width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -1738,6 +1972,7 @@

                                  const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -1848,15 +2083,16 @@

                                  $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                  <div ng-app="ods-widgets"> -<!-- "dep" context is the official geo-referential from Opendatasoft Data Network --> +<!-- "dep" context is the official geo-referential from Huwise Data Network --> <ods-dataset-context context="dep,carpool" - dep-dataset="georef-france-departement" - dep-parameters="{'q':'dep_code <= 95'}" - dep-domain="public" + dep-dataset="departements-et-collectivites-doutre-mer-france" + dep-domain="userclub" carpool-dataset="base-nationale-des-lieux-de-covoiturage-en-france" carpool-domain="userclub"> <div class="row"> @@ -1929,8 +2165,16 @@

                                  "> -
                                  - + +

                                  -

                                  - -
                                  -

                                  - ods-legend: Display mode - New +

                                  + + - - - - - -

                              -
                              -

                              display optional parameter can be linear or steps.

                              +
                              +

                              + ods-legend: Display mode + + + + + +

                              +
                              +

                              display optional parameter can be linear or steps.

                              -

                              Note: ods-color-gradient-nb-classes parameter is mandatory in order to use ods-legend widget in steps mode

                              -
                              +

                              Note: ods-color-gradient-nb-classes parameter is mandatory in order to use ods-legend widget in steps mode

                              -
                              - -
                              - +
                              + + +
                              + @@ -2177,6 +2471,14 @@

                              + + + + + + + +
                              name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003c!-- \"dep\" context is the official geo-referential from Opendatasoft Data Network --\u003e\n\u003cods-dataset-context context=\"dep,carpool\"\n dep-dataset=\"georef-france-departement\"\n dep-parameters=\"{'q':'dep_code \u003c= 95'}\"\n dep-domain=\"public\"\n carpool-dataset=\"base-nationale-des-lieux-de-covoiturage-en-france\"\n carpool-domain=\"userclub\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-sm-6\"\u003e\n \u003cdiv ods-color-gradient=\"colorgradientleft\"\n ods-color-gradient-context=\"carpool\"\n ods-color-gradient-x=\"dep_code\"\n ods-color-gradient-serie=\"COUNT()\"\u003e\n\n \u003cdiv class=\"map-container\"\u003e\n \u003ch2\u003eNo class, linear scale\u003c/h2\u003e\n \u003cods-map\u003e\n \u003cods-map-layer context=\"dep\"\n color-categories=\"colorgradientleft['colors']\"\n color-by-field=\"dep_code\"\n color-categories-other=\"lightgrey\"\n display=\"categories\"\n shape-opacity=\"0.95\"\n title=\"# of carpool parking\"\u003e\n \u003c/ods-map-layer\u003e\n \u003c/ods-map\u003e\n\n \u003cods-legend title=\"display=linear (default value)\"\n color-gradient=\"colorgradientleft\"\n no-value-color=\"lightgrey\"\n decimal-precision=\"0\"\u003e\u003c/ods-legend\u003e\n \n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-sm-6\"\u003e\n \u003cdiv ods-color-gradient=\"colorgradientright\"\n ods-color-gradient-context=\"carpool\"\n ods-color-gradient-x=\"dep_code\"\n ods-color-gradient-serie=\"COUNT()\"\n ods-color-gradient-nb-classes=\"3\"\u003e\n\n \u003cdiv class=\"map-container\"\u003e\n \u003ch2\u003e3 classes, linear scale\u003c/h2\u003e\n \u003cods-map\u003e\n \u003cods-map-layer context=\"dep\"\n color-categories=\"colorgradientright['colors']\"\n color-by-field=\"dep_code\"\n color-categories-other=\"lightgrey\"\n display=\"categories\"\n shape-opacity=\"0.95\"\n title=\"# of carpool parking\"\u003e\n \u003c/ods-map-layer\u003e\n \u003c/ods-map\u003e\n\n\n \u003cods-legend title=\"display=steps\"\n color-gradient=\"colorgradientright\"\n display=\"steps\"\n no-value-color=\"lightgrey\"\n decimal-precision=\"0\"\u003e\u003c/ods-legend\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003c!-- \"dep\" context is the official geo-referential from Huwise Data Network --\u003e\n\u003cods-dataset-context context=\"dep,carpool\"\n dep-dataset=\"departements-et-collectivites-doutre-mer-france\"\n dep-domain=\"userclub\"\n carpool-dataset=\"base-nationale-des-lieux-de-covoiturage-en-france\"\n carpool-domain=\"userclub\"\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-sm-6\"\u003e\n \u003cdiv ods-color-gradient=\"colorgradientleft\"\n ods-color-gradient-context=\"carpool\"\n ods-color-gradient-x=\"dep_code\"\n ods-color-gradient-serie=\"COUNT()\"\u003e\n\n \u003cdiv class=\"map-container\"\u003e\n \u003ch2\u003eNo class, linear scale\u003c/h2\u003e\n \u003cods-map\u003e\n \u003cods-map-layer context=\"dep\"\n color-categories=\"colorgradientleft['colors']\"\n color-by-field=\"dep_code\"\n color-categories-other=\"lightgrey\"\n display=\"categories\"\n shape-opacity=\"0.95\"\n title=\"# of carpool parking\"\u003e\n \u003c/ods-map-layer\u003e\n \u003c/ods-map\u003e\n\n \u003cods-legend title=\"display=linear (default value)\"\n color-gradient=\"colorgradientleft\"\n no-value-color=\"lightgrey\"\n decimal-precision=\"0\"\u003e\u003c/ods-legend\u003e\n \n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-sm-6\"\u003e\n \u003cdiv ods-color-gradient=\"colorgradientright\"\n ods-color-gradient-context=\"carpool\"\n ods-color-gradient-x=\"dep_code\"\n ods-color-gradient-serie=\"COUNT()\"\n ods-color-gradient-nb-classes=\"3\"\u003e\n\n \u003cdiv class=\"map-container\"\u003e\n \u003ch2\u003e3 classes, linear scale\u003c/h2\u003e\n \u003cods-map\u003e\n \u003cods-map-layer context=\"dep\"\n color-categories=\"colorgradientright['colors']\"\n color-by-field=\"dep_code\"\n color-categories-other=\"lightgrey\"\n display=\"categories\"\n shape-opacity=\"0.95\"\n title=\"# of carpool parking\"\u003e\n \u003c/ods-map-layer\u003e\n \u003c/ods-map\u003e\n\n\n \u003cods-legend title=\"display=steps\"\n color-gradient=\"colorgradientright\"\n display=\"steps\"\n no-value-color=\"lightgrey\"\n decimal-precision=\"0\"\u003e\u003c/ods-legend\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", "css": "" }'>
                              @@ -2200,7 +2502,8 @@

                              width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -2244,6 +2547,7 @@

                              const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -2354,15 +2658,16 @@

                              $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                              <div ng-app="ods-widgets"> -<!-- "dep" context is the official geo-referential from Opendatasoft Data Network --> +<!-- "dep" context is the official geo-referential from Huwise Data Network --> <ods-dataset-context context="dep,carpool" - dep-dataset="georef-france-departement" - dep-parameters="{'q':'dep_code <= 95'}" - dep-domain="public" + dep-dataset="departements-et-collectivites-doutre-mer-france" + dep-domain="userclub" carpool-dataset="base-nationale-des-lieux-de-covoiturage-en-france" carpool-domain="userclub"> <div class="row"> @@ -2431,8 +2736,16 @@

                              "> -
                              - + +

                              -

                              - -
                              -

                              - ods-legend: CSS tricks - New +

                              + + - - - - - -

                              -
                              -

                              With some CSS, ods-legend can be horizontal. It can also be positioned on top of the map, to save space.

                              +
                              +

                              + ods-legend: CSS tricks + + + + + +

                              +
                              +

                              With some CSS, ods-legend can be horizontal. It can also be positioned on top of the map, to save space.

                              -
                              - -
                              - +
                              + + +
                              + @@ -2668,6 +3032,14 @@

                              + + + + + + + +
                              name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003c!-- \"dep\" context is the official geo-referential from Opendatasoft Data Network --\u003e\n\u003cods-dataset-context context=\"dep,carpool\"\n dep-dataset=\"georef-france-departement\"\n dep-parameters=\"{'q':'dep_code \u003c= 95'}\"\n dep-domain=\"public\"\n carpool-dataset=\"base-nationale-des-lieux-de-covoiturage-en-france\"\n carpool-domain=\"userclub\"\u003e\n\n \u003cdiv ods-color-gradient=\"colorgradient\"\n ods-color-gradient-context=\"carpool\"\n ods-color-gradient-x=\"dep_code\"\n ods-color-gradient-serie=\"COUNT()\"\n ods-color-gradient-nb-classes=\"5\"\n ods-color-gradient-pow-exponent=\"0.3\"\n ods-color-gradient-high=\"rgb(20, 33, 96)\"\n ods-color-gradient-low=\"rgb(180, 197, 241)\"\u003e\n\n \u003ch2\u003eNb classes : 5, pow scale (exponent = 0.3)\u003c/h2\u003e\n\n \u003c!-- map-container has a relative position, mandatory for absolute positioned legend --\u003e\n \u003cdiv class=\"map-container\"\u003e\n \u003cods-map\u003e\n \u003cods-map-layer context=\"dep\"\n color-categories=\"colorgradient['colors']\"\n color-by-field=\"dep_code\"\n color-categories-other=\"lightgrey\"\n display=\"categories\"\n shape-opacity=\"0.95\"\n title=\"# of carpool parking\"\u003e\n \u003c/ods-map-layer\u003e\n \u003c/ods-map\u003e\n\n \u003c!-- Absolute position, MUST be in the map-container --\u003e\n \u003cods-legend class=\"legend-horizontal-absolute-pos\"\n title=\"width:fit, horizontal, position:absolute\"\n color-gradient=\"colorgradient\"\n display=\"steps\"\n no-value-color=\"lightgrey\"\n decimal-precision=\"0\"\u003e\u003c/ods-legend\u003e\n\n \u003c!-- Absolute position, MUST be in the map-container --\u003e\n \u003cods-legend class=\"legend-default-absolute-pos\"\n title=\"width:fit, position:absolute\"\n color-gradient=\"colorgradient\"\n display=\"steps\"\n no-value-color=\"lightgrey\"\n decimal-precision=\"0\"\u003e\u003c/ods-legend\u003e\n \u003c/div\u003e\n\n \u003c!-- Can be anywhere, no need to be inside the map-container --\u003e\n \u003cods-legend class=\"legend-horizontal\"\n title=\"width:100%, horizontal\"\n color-gradient=\"colorgradient\"\n display=\"steps\"\n no-value-color=\"lightgrey\"\n decimal-precision=\"0\"\u003e\u003c/ods-legend\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003c!-- \"dep\" context is the official geo-referential from Huwise Data Network --\u003e\n\u003cods-dataset-context context=\"dep,carpool\"\n dep-dataset=\"departements-et-collectivites-doutre-mer-france\"\n dep-domain=\"userclub\"\n carpool-dataset=\"base-nationale-des-lieux-de-covoiturage-en-france\"\n carpool-domain=\"userclub\"\u003e\n\n \u003cdiv ods-color-gradient=\"colorgradient\"\n ods-color-gradient-context=\"carpool\"\n ods-color-gradient-x=\"dep_code\"\n ods-color-gradient-serie=\"COUNT()\"\n ods-color-gradient-nb-classes=\"5\"\n ods-color-gradient-pow-exponent=\"0.3\"\n ods-color-gradient-high=\"rgb(20, 33, 96)\"\n ods-color-gradient-low=\"rgb(180, 197, 241)\"\u003e\n\n \u003ch2\u003eNb classes : 5, pow scale (exponent = 0.3)\u003c/h2\u003e\n\n \u003c!-- map-container has a relative position, mandatory for absolute positioned legend --\u003e\n \u003cdiv class=\"map-container\"\u003e\n \u003cods-map\u003e\n \u003cods-map-layer context=\"dep\"\n color-categories=\"colorgradient['colors']\"\n color-by-field=\"dep_code\"\n color-categories-other=\"lightgrey\"\n display=\"categories\"\n shape-opacity=\"0.95\"\n title=\"# of carpool parking\"\u003e\n \u003c/ods-map-layer\u003e\n \u003c/ods-map\u003e\n\n \u003c!-- Absolute position, MUST be in the map-container --\u003e\n \u003cods-legend class=\"legend-horizontal-absolute-pos\"\n title=\"width:fit, horizontal, position:absolute\"\n color-gradient=\"colorgradient\"\n display=\"steps\"\n no-value-color=\"lightgrey\"\n decimal-precision=\"0\"\u003e\u003c/ods-legend\u003e\n\n \u003c!-- Absolute position, MUST be in the map-container --\u003e\n \u003cods-legend class=\"legend-default-absolute-pos\"\n title=\"width:fit, position:absolute\"\n color-gradient=\"colorgradient\"\n display=\"steps\"\n no-value-color=\"lightgrey\"\n decimal-precision=\"0\"\u003e\u003c/ods-legend\u003e\n \u003c/div\u003e\n\n \u003c!-- Can be anywhere, no need to be inside the map-container --\u003e\n \u003cods-legend class=\"legend-horizontal\"\n title=\"width:100%, horizontal\"\n color-gradient=\"colorgradient\"\n display=\"steps\"\n no-value-color=\"lightgrey\"\n decimal-precision=\"0\"\u003e\u003c/ods-legend\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", "css": "/* ODS LEGEND HORIZONTAL */\n.legend-horizontal {\n width: 100%;\n border: 1px solid #cbd2db;\n border-radius: 6px;\n margin: 13px 0;\n}\n\n.legend-horizontal ul.odswidget-legend__indexes.odswidget-legend__steps_style {\n flex-direction: row;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.legend-horizontal .odswidget-legend__title {\n text-align: center;\n}\n\n\n\n/* ODS LEGEND / ABSOLUTE POSITION */\n.map-container {\n position: relative;\n}\n\n.legend-default-absolute-pos {\n position: absolute;\n top: 20px;\n left: 57px;\n background-color: rgba(255,255,255,0.9);\n}\n\n\n\n/* ODS LEGEND HORIZONTAL / ABSOLUTE POSITION */\n.map-container {\n position: relative;\n}\n\n.legend-horizontal-absolute-pos {\n position: absolute;\n /* change bottom to top to set the position relative to the top of the map-container instead of the bottom */\n bottom: 24px; /* value might change depending on the map size and specially if there is elements below the map, in the map-container */\n right: 10px; /* pulled to the right, can be changed to left, to pull the other side */\n background-color: rgba(255,255,255,0.9);\n margin-left: 20px; /* for small devices, keep a margin on the left if pulled right */\n}\n\n.legend-horizontal-absolute-pos ul.odswidget-legend__indexes.odswidget-legend__steps_style {\n flex-direction: row;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.legend-horizontal-absolute-pos .odswidget-legend__title {\n text-align: center;\n}" }'>
                              @@ -2691,7 +3063,8 @@

                              width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -2735,6 +3108,7 @@

                              const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -2845,15 +3219,16 @@

                              $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                              <div ng-app="ods-widgets"> -<!-- "dep" context is the official geo-referential from Opendatasoft Data Network --> +<!-- "dep" context is the official geo-referential from Huwise Data Network --> <ods-dataset-context context="dep,carpool" - dep-dataset="georef-france-departement" - dep-parameters="{'q':'dep_code <= 95'}" - dep-domain="public" + dep-dataset="departements-et-collectivites-doutre-mer-france" + dep-domain="userclub" carpool-dataset="base-nationale-des-lieux-de-covoiturage-en-france" carpool-domain="userclub"> @@ -2970,8 +3345,16 @@

                              "> -
                              - + +

                              -

                              - -
                              + + + + +
                              - - + - © Copyright 2020 + © Copyright 2026
                              @@ -3318,7 +3757,7 @@

                              diff --git a/public/widget-tricks/ods-date-range-slider/1/html.inc b/public/widget-tricks/ods-date-range-slider/1/html.inc index 7630f4a13..99b811747 100644 --- a/public/widget-tricks/ods-date-range-slider/1/html.inc +++ b/public/widget-tricks/ods-date-range-slider/1/html.inc @@ -1,6 +1,6 @@

                              Date de début de l'événement diff --git a/public/widget-tricks/ods-date-range-slider/2/html.inc b/public/widget-tricks/ods-date-range-slider/2/html.inc index b2657646c..bec8cc139 100644 --- a/public/widget-tricks/ods-date-range-slider/2/html.inc +++ b/public/widget-tricks/ods-date-range-slider/2/html.inc @@ -1,6 +1,6 @@ + ctx-domain="userclub">

                              Classement de Shanghai des universités - moyenne du score par ans

                              diff --git a/public/widget-tricks/ods-date-range-slider/3/html.inc b/public/widget-tricks/ods-date-range-slider/3/html.inc index 749b22e81..7d1a9814d 100644 --- a/public/widget-tricks/ods-date-range-slider/3/html.inc +++ b/public/widget-tricks/ods-date-range-slider/3/html.inc @@ -1,6 +1,6 @@ + ctx-dataset="shanghai-world-university-ranking" + ctx-domain="userclub">

                              Ods-date-range-slider by year

                              diff --git a/public/widget-tricks/ods-date-range-slider/4/html.inc b/public/widget-tricks/ods-date-range-slider/4/html.inc index 5ea18c22f..603af190a 100644 --- a/public/widget-tricks/ods-date-range-slider/4/html.inc +++ b/public/widget-tricks/ods-date-range-slider/4/html.inc @@ -4,7 +4,9 @@ ctx-dataset="evenements-publics-openagenda" ctx-parameters="{'sort':'-date_start'}" ctxdate-dataset="evenements-publics-openagenda" - ctxdate-parameters="{'q':'date_start:[2007 TO #now(years=+3)]'}"> + ctxdate-parameters="{'q':'date_start:[2007 TO #now(years=+3)]'}" + ctx-domain="userclub" + ctxdate-domain="userclub">
                              diff --git a/public/widget-tricks/ods-date-range-slider/5/html.inc b/public/widget-tricks/ods-date-range-slider/5/html.inc index c8dd520d0..450ed6352 100644 --- a/public/widget-tricks/ods-date-range-slider/5/html.inc +++ b/public/widget-tricks/ods-date-range-slider/5/html.inc @@ -4,7 +4,9 @@ ctx-dataset="evenements-publics-openagenda" ctx-parameters="{'sort':'-date_start'}" ctxdate-dataset="evenements-publics-openagenda" - ctxdate-parameters="{'q':'date_start:[2007 TO #now(years=+3)]'}"> + ctxdate-parameters="{'q':'date_start:[2007 TO #now(years=+3)]'}" + ctx-domain="userclub" + ctxdate-domain="userclub">
                              diff --git a/public/widget-tricks/ods-date-range-slider/6/html.inc b/public/widget-tricks/ods-date-range-slider/6/html.inc index f257632b5..e67fe1440 100644 --- a/public/widget-tricks/ods-date-range-slider/6/html.inc +++ b/public/widget-tricks/ods-date-range-slider/6/html.inc @@ -4,7 +4,9 @@ ctx-dataset="evenements-publics-openagenda" ctx-parameters="{'sort':'-date_start'}" ctxdate-dataset="evenements-publics-openagenda" - ctxdate-parameters="{'q':'date_start:[2007 TO #now(years=+3)]'}"> + ctxdate-parameters="{'q':'date_start:[2007 TO #now(years=+3)]'}" + ctx-domain="userclub" + ctxdate-domain="userclub">
                              diff --git a/public/widget-tricks/ods-date-range-slider/index.html b/public/widget-tricks/ods-date-range-slider/index.html index 043fcbee4..2c807ab28 100644 --- a/public/widget-tricks/ods-date-range-slider/index.html +++ b/public/widget-tricks/ods-date-range-slider/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@
                              - @@ -209,7 +226,7 @@
                              @@ -541,10 +630,6 @@ ods-color-gradient + ods-map : a choropleth alternative - - 4 - -
                              @@ -619,20 +704,6 @@ -
                            • - -
                              - ods-table: Fixed column - - - - 1 - - -
                              -                               -
                              • -
                            • @@ -664,51 +735,67 @@
                              - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
                              @@ -719,28 +806,29 @@
                              -
                              -

                              Widget Tricks - ods-date-range-slider

                              -
                              - -
                              - -
                              -

                              - Range slider by day - - - - - -

                              -
                              -

                              From and to selectors to easily catch a range of date for your dashboards.

                              - -
                              - -
                              +
                              +

                              Widget Tricks - ods-date-range-slider

                              +
                              + +
                              +
                              +

                              + Range slider by day + + + + + +

                              +
                              +

                              From and to selectors to easily catch a range of date for your dashboards.

                              + +
                              + + +
                              + @@ -752,6 +840,14 @@

                              + + + + + + + +
                              name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"ctx\"\n ctx-dataset=\"evenements-publics-cibul\" \n ctx-domain=\"public\"\n ctx-parameters=\"{'sort':'-date_start'}\"\u003e\n \u003ch3\u003e\n Date de début de l'événement\n \u003c/h3\u003e\n \u003cods-date-range-slider context=\"ctx\"\n date-format=\"DD MMM YYYY\"\n initial-from=\"2018/01/01\"\n initial-to=\"2019/01/01\"\n date-field=\"date_start\"\n start-bound=\"'2017/01/01'\"\n end-bound=\"'now'\"\u003e\n \u003c/ods-date-range-slider\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-12\"\u003e\n \u003cods-table context=\"ctx\"\u003e\u003c/ods-table\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"ctx\"\n ctx-dataset=\"evenements-publics-openagenda\" \n ctx-domain=\"userclub\"\n ctx-parameters=\"{'sort':'-date_start'}\"\u003e\n \u003ch3\u003e\n Date de début de l'événement\n \u003c/h3\u003e\n \u003cods-date-range-slider context=\"ctx\"\n date-format=\"DD MMM YYYY\"\n initial-from=\"2018/01/01\"\n initial-to=\"2019/01/01\"\n date-field=\"date_start\"\n start-bound=\"'2017/01/01'\"\n end-bound=\"'now'\"\u003e\n \u003c/ods-date-range-slider\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-12\"\u003e\n \u003cods-table context=\"ctx\"\u003e\u003c/ods-table\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", "css": ".odswidget-date-range-slider {\n margin:5px 20px 15px;\n}\n \n" }'>
                              @@ -775,7 +871,8 @@

                              width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -819,6 +916,7 @@

                              const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -929,13 +1027,15 @@

                              $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                              <div ng-app="ods-widgets"> <ods-dataset-context context="ctx" - ctx-dataset="evenements-publics-cibul" - ctx-domain="public" + ctx-dataset="evenements-publics-openagenda" + ctx-domain="userclub" ctx-parameters="{'sort':'-date_start'}"> <h3> Date de début de l'événement @@ -965,8 +1065,16 @@

                              "> -
                              - + +

                              -

                              - -
                              -

                              - Range slider by year - - - - - -

                              -
                              -

                              From and to selectors to easily catch a range of date for your dashboards.

                              - -
                              - -
                              +
                              + +
                              +
                              +

                              + Range slider by year + + + + + +

                              +
                              +

                              From and to selectors to easily catch a range of date for your dashboards.

                              + +
                              + + +
                              + @@ -1134,6 +1275,14 @@

                              + + + + + + + +
                              name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"ctx\"\n ctx-dataset=\"shanghai-world-university-ranking\"\n ctx-domain=\"public\"\u003e\n \u003ch3\u003e\n Classement de Shanghai des universités - moyenne du score par ans\n \u003c/h3\u003e\n \u003cods-date-range-slider context=\"ctx\"\n date-format=\"YYYY\"\n initial-from=\"2010/01/01\"\n initial-to=\"2015/01/01\"\n precision=\"year\"\n date-field=\"year\"\n start-bound=\"'2005/01/01'\"\n end-bound=\"'2018/01/01'\"\u003e\n \u003c/ods-date-range-slider\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-12\"\u003e\n \u003cods-chart single-y-axis=\"true\" min=\"0\" max=\"101\" step=\"5\" labels-x-length=\"35\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"ctx\" field-x=\"university_name\" maxpoints=\"20\" sort=\"serie1-1\"\u003e\n \u003cods-chart-serie expression-y=\"total_score\" chart-type=\"bar\" function-y=\"AVG\" label-y=\"Moyenne du score sur la plage sélectionnée\" color=\"#FF515A\" display-units=\"false\" display-values=\"true\" scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/ods-dataset-context\u003e\n\u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"ctx\"\n ctx-dataset=\"shanghai-world-university-ranking\"\n ctx-domain=\"userclub\"\u003e\n \u003ch3\u003e\n Classement de Shanghai des universités - moyenne du score par ans\n \u003c/h3\u003e\n \u003cods-date-range-slider context=\"ctx\"\n date-format=\"YYYY\"\n initial-from=\"2010/01/01\"\n initial-to=\"2015/01/01\"\n precision=\"year\"\n date-field=\"year\"\n start-bound=\"'2005/01/01'\"\n end-bound=\"'2018/01/01'\"\u003e\n \u003c/ods-date-range-slider\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-12\"\u003e\n \u003cods-chart single-y-axis=\"true\" min=\"0\" max=\"101\" step=\"5\" labels-x-length=\"35\" align-month=\"true\"\u003e\n \u003cods-chart-query context=\"ctx\" field-x=\"university_name\" maxpoints=\"20\" sort=\"serie1-1\"\u003e\n \u003cods-chart-serie expression-y=\"total_score\" chart-type=\"bar\" function-y=\"AVG\" label-y=\"Moyenne du score sur la plage sélectionnée\" color=\"#FF515A\" display-units=\"false\" display-values=\"true\" scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/ods-dataset-context\u003e\n\u003c/div\u003e", "css": ".odswidget-date-range-slider {\n margin:5px 20px 15px;\n}\n \n" }'>
                              @@ -1157,7 +1306,8 @@

                              width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -1201,6 +1351,7 @@

                              const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -1311,13 +1462,15 @@

                              $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                              <div ng-app="ods-widgets"> <ods-dataset-context context="ctx" ctx-dataset="shanghai-world-university-ranking" - ctx-domain="public"> + ctx-domain="userclub"> <h3> Classement de Shanghai des universités - moyenne du score par ans </h3> @@ -1352,8 +1505,16 @@

                              "> -
                              - + +

                              -

                              - -
                              -

                              - Custom colors - - - - - -

                              -
                              -

                              The range and the selectors colors can be overridden with some CSS.

                              - -
                              - -
                              +
                              + +
                              +
                              +

                              + Custom colors + + + + + +

                              +
                              +

                              The range and the selectors colors can be overridden with some CSS.

                              + +
                              + + +
                              + @@ -1531,6 +1735,14 @@

                              + + + + + + + +
                              name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"ctx\"\n ctx-dataset=\"shanghai-world-university-ranking@public\"\n ctx-domain=\"public\"\u003e\n \u003ch3\u003e\n Ods-date-range-slider by year\n \u003c/h3\u003e\n \u003cdiv id=\"c1\"\u003e\n \u003cods-date-range-slider context=\"ctx\"\n\n date-format=\"YYYY\"\n\n initial-from=\"2010/01/01\"\n initial-to=\"2015/01/01\"\n\n precision=\"year\"\n\n date-field=\"year\"\n\n start-bound=\"'2005/01/01'\"\n end-bound=\"'2018/01/01'\"\u003e\n \u003c/ods-date-range-slider\u003e\n\n \u003cdiv id=\"c2\"\u003e\n \u003cods-date-range-slider context=\"ctx\"\n\n date-format=\"YYYY\"\n\n initial-from=\"2010/01/01\"\n initial-to=\"2015/01/01\"\n\n precision=\"year\"\n\n date-field=\"year\"\n\n start-bound=\"'2005/01/01'\"\n end-bound=\"'2018/01/01'\"\u003e\n \u003c/ods-date-range-slider\u003e\n \u003c/div\u003e\n\n \u003cdiv id=\"c3\"\u003e\n \u003cods-date-range-slider context=\"ctx\"\n\n date-format=\"YYYY\"\n\n initial-from=\"2010/01/01\"\n initial-to=\"2015/01/01\"\n\n precision=\"year\"\n\n date-field=\"year\"\n\n start-bound=\"'2005/01/01'\"\n end-bound=\"'2018/01/01'\"\u003e\n \u003c/ods-date-range-slider\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"ctx\"\n ctx-dataset=\"shanghai-world-university-ranking\"\n ctx-domain=\"userclub\"\u003e\n \u003ch3\u003e\n Ods-date-range-slider by year\n \u003c/h3\u003e\n \u003cdiv id=\"c1\"\u003e\n \u003cods-date-range-slider context=\"ctx\"\n\n date-format=\"YYYY\"\n\n initial-from=\"2010/01/01\"\n initial-to=\"2015/01/01\"\n\n precision=\"year\"\n\n date-field=\"year\"\n\n start-bound=\"'2005/01/01'\"\n end-bound=\"'2018/01/01'\"\u003e\n \u003c/ods-date-range-slider\u003e\n\n \u003cdiv id=\"c2\"\u003e\n \u003cods-date-range-slider context=\"ctx\"\n\n date-format=\"YYYY\"\n\n initial-from=\"2010/01/01\"\n initial-to=\"2015/01/01\"\n\n precision=\"year\"\n\n date-field=\"year\"\n\n start-bound=\"'2005/01/01'\"\n end-bound=\"'2018/01/01'\"\u003e\n \u003c/ods-date-range-slider\u003e\n \u003c/div\u003e\n\n \u003cdiv id=\"c3\"\u003e\n \u003cods-date-range-slider context=\"ctx\"\n\n date-format=\"YYYY\"\n\n initial-from=\"2010/01/01\"\n initial-to=\"2015/01/01\"\n\n precision=\"year\"\n\n date-field=\"year\"\n\n start-bound=\"'2005/01/01'\"\n end-bound=\"'2018/01/01'\"\u003e\n \u003c/ods-date-range-slider\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", "css": "#c1 .odswidget-date-range-slider .irs--flat .irs-handle\u003ei:first-child,\n#c1 .odswidget-date-range-slider .irs--flat .irs-bar,\n#c1 .odswidget-date-range-slider .irs--flat .irs-from,\n#c1 .odswidget-date-range-slider .irs--flat .irs-to,\n#c1 .odswidget-date-range-slider .irs--flat .irs-single,\n#c1 .odswidget-date-range-slider .irs--flat .irs-handle.state_hover\u003ei:first-child,\n#c1 .odswidget-date-range-slider .irs--flat .irs-handle:hover\u003ei:first-child {\n background-color: blue;\n}\n\n#c1 .odswidget-date-range-slider .irs--flat .irs-from:before,\n#c1 .odswidget-date-range-slider .irs--flat .irs-to:before,\n#c1 .odswidget-date-range-slider .irs--flat .irs-single:before {\n border-top-color: blue;\n}\n\n#c2 .odswidget-date-range-slider .irs--flat .irs-handle\u003ei:first-child,\n#c2 .odswidget-date-range-slider .irs--flat .irs-bar,\n#c2 .odswidget-date-range-slider .irs--flat .irs-from,\n#c2 .odswidget-date-range-slider .irs--flat .irs-to,\n#c2 .odswidget-date-range-slider .irs--flat .irs-single,\n#c2 .odswidget-date-range-slider .irs--flat .irs-handle.state_hover\u003ei:first-child,\n#c2 .odswidget-date-range-slider .irs--flat .irs-handle:hover\u003ei:first-child {\n background-color: green;\n}\n\n#c2 .odswidget-date-range-slider .irs--flat .irs-from:before,\n#c2 .odswidget-date-range-slider .irs--flat .irs-to:before,\n#c2 .odswidget-date-range-slider .irs--flat .irs-single:before {\n border-top-color: green;\n}\n\n#c3 .odswidget-date-range-slider .irs--flat .irs-handle\u003ei:first-child,\n#c3 .odswidget-date-range-slider .irs--flat .irs-bar,\n#c3 .odswidget-date-range-slider .irs--flat .irs-from,\n#c3 .odswidget-date-range-slider .irs--flat .irs-to,\n#c3 .odswidget-date-range-slider .irs--flat .irs-single,\n#c3 .odswidget-date-range-slider .irs--flat .irs-handle.state_hover\u003ei:first-child,\n#c3 .odswidget-date-range-slider .irs--flat .irs-handle:hover\u003ei:first-child {\n background-color: red;\n}\n\n#c3 .odswidget-date-range-slider .irs--flat .irs-from:before,\n#c3 .odswidget-date-range-slider .irs--flat .irs-to:before,\n#c3 .odswidget-date-range-slider .irs--flat .irs-single:before {\n border-top-color: red;\n}\n" }'>
                              @@ -1554,7 +1766,8 @@

                              width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -1598,6 +1811,7 @@

                              const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -1708,13 +1922,15 @@

                              $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                              <div ng-app="ods-widgets"> <ods-dataset-context context="ctx" - ctx-dataset="shanghai-world-university-ranking@public" - ctx-domain="public"> + ctx-dataset="shanghai-world-university-ranking" + ctx-domain="userclub"> <h3> Ods-date-range-slider by year </h3> @@ -1823,8 +2039,16 @@

                              "> -
                              - + +

                              -

                              - -
                              -

                              - Automatic initial bounds - based on the data - - - - - -

                              -
                              -

                              Get the date range of the data, and use it to automatically set initial bounds.

                              +
                              + +
                              + +
                              +

                              + Automatic initial bounds - based on the data + + + + + +

                              +
                              +

                              Get the date range of the data, and use it to automatically set initial bounds.

                              It combines an ods-analysis to get the range, the ods-date-range-slider, and some AngularJs expression to activate a “reset range button”.

                              Note1: Two contexts are used, one for the page, and one specific to get the date range.

                              Note2: the date field id in this example is date_start

                              Note3: Pay attention to the date field precision. This example only work with day precision date fields. See next resources for month and year precision fields.

                              -
                              - -
                              - +
                              + + +
                              + + + + + + + + +
                              name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"container\"\u003e\n\n \u003cods-dataset-context context=\"ctx,ctxdate\"\n ctx-dataset=\"evenements-publics-openagenda\"\n ctx-parameters=\"{'sort':'-date_start'}\"\n ctxdate-dataset=\"evenements-publics-openagenda\"\n ctxdate-parameters=\"{'q':'date_start:[2007 TO #now(years=+3)]'}\"\u003e\n\n \u003cdiv class=\"range-slider-ctn\"\n ng-init=\"bounds = {'min':undefined, 'max':undefined, 'minselection':undefined, 'maxselection':undefined}\"\u003e\n \u003c!--\n Get the date range\n If the day or month is on 1 digit (ie. \u003c 10), it is right justified with a 0 padding.\n dateminmax[0] is the first date (oldest)\n dateminmax[dateminmax.results.length-1] is the last date (newest / biggest)\n --\u003e\n \u003cspan ods-analysis=\"dateminmax\"\n ods-analysis-context=\"ctxdate\"\n ods-analysis-x-year=\"date_start.year\"\n ods-analysis-x-month=\"date_start.month\"\n ods-analysis-x-day=\"date_start.day\"\n ods-analysis-serie-c=\"COUNT()\"\n ods-analysis-sort=\"x.date_start.year,x.date_start.month,x.date_start.day\"\u003e\n \u003cspan ng-if=\"dateminmax.results \u0026\u0026 dateminmax.results.length \u003e 0\"\u003e\n {{ bounds['min'] = dateminmax.results[0].x.year + '-' + (10 \u003e dateminmax.results[0].x.month?'0':'') + dateminmax.results[0].x.month + '-' + (10 \u003e dateminmax.results[0].x.day?'0':'') + dateminmax.results[0].x.day;\n bounds['max'] = dateminmax.results[dateminmax.results.length-1].x.year + '-' + (10 \u003e dateminmax.results[dateminmax.results.length-1].x.month?'0':'') + dateminmax.results[dateminmax.results.length-1].x.month + '-' + (10 \u003e dateminmax.results[dateminmax.results.length-1].x.day?'0':'') + dateminmax.results[dateminmax.results.length-1].x.day;\n ''}}\n \u003c/span\u003e\n \u003c/span\u003e\n\n \u003cods-date-range-slider ng-if=\"bounds.min \u0026\u0026 bounds.max\"\n context=\"ctx\"\n initial-from=\"{{ bounds.min }}\"\n initial-to=\"{{ bounds.max }}\"\n start-bound=\"bounds.min\"\n end-bound=\"bounds.max\"\n date-field=\"date_start\"\n precision=\"day\"\n from=\"bounds.minselection\"\n to=\"bounds.maxselection\"\u003e\n \u003c/ods-date-range-slider\u003e\n\n \u003c!-- Resetting the range by setting widget \"from\" and \"to\" to the min/max bounds computed with ods-analysis --\u003e\n \u003cdiv ng-if=\"bounds.min \u0026\u0026 bounds.max\"\n class=\"range-slider-reset-button\"\n ng-class=\"{'range-slider-reset-button-disabled':\n bounds.minselection == bounds.min \u0026\u0026\n bounds.maxselection == bounds.max}\"\n ng-click=\"bounds.minselection = bounds.min; bounds.maxselection = bounds.max\"\u003e\n The entire period \u003ci class=\"fa fa-arrows-h\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003cods-table context=\"ctx\"\u003e\u003c/ods-table\u003e\n\n \u003c/ods-dataset-context\u003e\n\u003c/div\u003e\u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"container\"\u003e\n\n \u003cods-dataset-context context=\"ctx,ctxdate\"\n ctx-dataset=\"evenements-publics-openagenda\"\n ctx-parameters=\"{'sort':'-date_start'}\"\n ctxdate-dataset=\"evenements-publics-openagenda\"\n ctxdate-parameters=\"{'q':'date_start:[2007 TO #now(years=+3)]'}\"\n ctx-domain=\"userclub\"\n ctxdate-domain=\"userclub\"\u003e\n\n \u003cdiv class=\"range-slider-ctn\"\n ng-init=\"bounds = {'min':undefined, 'max':undefined, 'minselection':undefined, 'maxselection':undefined}\"\u003e\n \u003c!--\n Get the date range\n If the day or month is on 1 digit (ie. \u003c 10), it is right justified with a 0 padding.\n dateminmax[0] is the first date (oldest)\n dateminmax[dateminmax.results.length-1] is the last date (newest / biggest)\n --\u003e\n \u003cspan ods-analysis=\"dateminmax\"\n ods-analysis-context=\"ctxdate\"\n ods-analysis-x-year=\"date_start.year\"\n ods-analysis-x-month=\"date_start.month\"\n ods-analysis-x-day=\"date_start.day\"\n ods-analysis-serie-c=\"COUNT()\"\n ods-analysis-sort=\"x.date_start.year,x.date_start.month,x.date_start.day\"\u003e\n \u003cspan ng-if=\"dateminmax.results \u0026\u0026 dateminmax.results.length \u003e 0\"\u003e\n {{ bounds['min'] = dateminmax.results[0].x.year + '-' + (10 \u003e dateminmax.results[0].x.month?'0':'') + dateminmax.results[0].x.month + '-' + (10 \u003e dateminmax.results[0].x.day?'0':'') + dateminmax.results[0].x.day;\n bounds['max'] = dateminmax.results[dateminmax.results.length-1].x.year + '-' + (10 \u003e dateminmax.results[dateminmax.results.length-1].x.month?'0':'') + dateminmax.results[dateminmax.results.length-1].x.month + '-' + (10 \u003e dateminmax.results[dateminmax.results.length-1].x.day?'0':'') + dateminmax.results[dateminmax.results.length-1].x.day;\n ''}}\n \u003c/span\u003e\n \u003c/span\u003e\n\n \u003cods-date-range-slider ng-if=\"bounds.min \u0026\u0026 bounds.max\"\n context=\"ctx\"\n initial-from=\"{{ bounds.min }}\"\n initial-to=\"{{ bounds.max }}\"\n start-bound=\"bounds.min\"\n end-bound=\"bounds.max\"\n date-field=\"date_start\"\n precision=\"day\"\n from=\"bounds.minselection\"\n to=\"bounds.maxselection\"\u003e\n \u003c/ods-date-range-slider\u003e\n\n \u003c!-- Resetting the range by setting widget \"from\" and \"to\" to the min/max bounds computed with ods-analysis --\u003e\n \u003cdiv ng-if=\"bounds.min \u0026\u0026 bounds.max\"\n class=\"range-slider-reset-button\"\n ng-class=\"{'range-slider-reset-button-disabled':\n bounds.minselection == bounds.min \u0026\u0026\n bounds.maxselection == bounds.max}\"\n ng-click=\"bounds.minselection = bounds.min; bounds.maxselection = bounds.max\"\u003e\n The entire period \u003ci class=\"fa fa-arrows-h\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003cods-table context=\"ctx\"\u003e\u003c/ods-table\u003e\n\n \u003c/ods-dataset-context\u003e\n\u003c/div\u003e\u003c/div\u003e", "css": ".range-slider-ctn {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin: 13px 26px 32px 26px;\n}\n\n.odswidget-date-range-slider {\n width: 100%;\n}\n\n.range-slider-reset-button {\n margin-left: 0;\n margin-top: 13px;\n white-space: nowrap;\n font-size: 12px;\n padding: 3px 6px;\n line-height: 0;\n background-color: #e1e4e9;\n border-radius: 4px;\n}\n\n.range-slider-reset-button:not(.range-slider-reset-button-disabled):hover {\n opacity: 0.65;\n}\n\n.range-slider-reset-button-disabled {\n opacity: 0.5;\n pointer-event: none;\n text-decoration: none;\n}\n\n@media screen and (min-width: 500px) {\n .range-slider-ctn {\n flex-direction: row;\n }\n\n .range-slider-reset-button {\n margin-left: 50px;\n margin-top: 0;\n }\n}" }'>
                              @@ -2177,7 +2442,8 @@

                              width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -2221,6 +2487,7 @@

                              const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -2331,7 +2598,9 @@

                              $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                              <div ng-app="ods-widgets"> @@ -2341,7 +2610,9 @@

                              ctx-dataset="evenements-publics-openagenda" ctx-parameters="{'sort':'-date_start'}" ctxdate-dataset="evenements-publics-openagenda" - ctxdate-parameters="{'q':'date_start:[2007 TO #now(years=+3)]'}"> + ctxdate-parameters="{'q':'date_start:[2007 TO #now(years=+3)]'}" + ctx-domain="userclub" + ctxdate-domain="userclub"> <div class="range-slider-ctn" ng-init="bounds = {'min':undefined, 'max':undefined, 'minselection':undefined, 'maxselection':undefined}"> @@ -2439,8 +2710,16 @@

                              "> -
                              - + +

                              -

                              - -
                              -

                              - Automatic initial bounds - month precision - - - - - -

                              -
                              -

                              Same as the previous example, but for month precision date field.

                              - -
                              - -
                              +
                              + +
                              +
                              +

                              + Automatic initial bounds - month precision + + + + + +

                              +
                              +

                              Same as the previous example, but for month precision date field.

                              + +
                              + + +
                              + + + + + + + + +
                              name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"container\"\u003e\n\n \u003cods-dataset-context context=\"ctx,ctxdate\"\n ctx-dataset=\"evenements-publics-openagenda\"\n ctx-parameters=\"{'sort':'-date_start'}\"\n ctxdate-dataset=\"evenements-publics-openagenda\"\n ctxdate-parameters=\"{'q':'date_start:[2007 TO #now(years=+3)]'}\"\u003e\n\n \u003cdiv class=\"range-slider-ctn\"\n ng-init=\"bounds = {'min':undefined, 'max':undefined, 'minselection':undefined, 'maxselection':undefined}\"\u003e\n \u003c!--\n Get the date range\n If the day or month is on 1 digit (ie. \u003c 10), it is right justified with a 0 padding.\n dateminmax[0] is the first date (oldest)\n dateminmax[dateminmax.results.length-1] is the last date (newest / biggest)\n --\u003e\n \u003cspan ods-analysis=\"dateminmax\"\n ods-analysis-context=\"ctxdate\"\n ods-analysis-x-year=\"date_start.year\"\n ods-analysis-x-month=\"date_start.month\"\n ods-analysis-serie-c=\"COUNT()\"\n ods-analysis-sort=\"x.date_start.year,x.date_start.month\"\u003e\n \u003cspan ng-if=\"dateminmax.results \u0026\u0026 dateminmax.results.length \u003e 0\"\u003e\n {{ bounds['min'] = dateminmax.results[0].x.year + '-' + (10 \u003e dateminmax.results[0].x.month?'0':'') + dateminmax.results[0].x.month;\n bounds['max'] = dateminmax.results[dateminmax.results.length-1].x.year + '-' + (10 \u003e dateminmax.results[dateminmax.results.length-1].x.month?'0':'') + dateminmax.results[dateminmax.results.length-1].x.month;\n ''}}\n \u003c/span\u003e\n \u003c/span\u003e\n\n \u003cods-date-range-slider ng-if=\"bounds.min \u0026\u0026 bounds.max\"\n context=\"ctx\"\n initial-from=\"{{ bounds.min }}\"\n initial-to=\"{{ bounds.max }}\"\n start-bound=\"bounds.min\"\n end-bound=\"bounds.max\"\n date-field=\"date_start\"\n precision=\"month\"\n from=\"bounds.minselection\"\n to=\"bounds.maxselection\"\u003e\n \u003c/ods-date-range-slider\u003e\n\n \u003c!-- Resetting the range by setting widget \"from\" and \"to\" to the min/max bounds computed with ods-analysis --\u003e\n \u003cdiv ng-if=\"bounds.min \u0026\u0026 bounds.max\"\n class=\"range-slider-reset-button\"\n ng-class=\"{'range-slider-reset-button-disabled':\n bounds.minselection == bounds.min \u0026\u0026\n bounds.maxselection == bounds.max}\"\n ng-click=\"bounds.minselection = bounds.min; bounds.maxselection = bounds.max\"\u003e\n The entire period \u003ci class=\"fa fa-arrows-h\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003cods-table context=\"ctx\"\u003e\u003c/ods-table\u003e\n\n \u003c/ods-dataset-context\u003e\n\u003c/div\u003e\u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"container\"\u003e\n\n \u003cods-dataset-context context=\"ctx,ctxdate\"\n ctx-dataset=\"evenements-publics-openagenda\"\n ctx-parameters=\"{'sort':'-date_start'}\"\n ctxdate-dataset=\"evenements-publics-openagenda\"\n ctxdate-parameters=\"{'q':'date_start:[2007 TO #now(years=+3)]'}\"\n ctx-domain=\"userclub\"\n ctxdate-domain=\"userclub\"\u003e\n\n \u003cdiv class=\"range-slider-ctn\"\n ng-init=\"bounds = {'min':undefined, 'max':undefined, 'minselection':undefined, 'maxselection':undefined}\"\u003e\n \u003c!--\n Get the date range\n If the day or month is on 1 digit (ie. \u003c 10), it is right justified with a 0 padding.\n dateminmax[0] is the first date (oldest)\n dateminmax[dateminmax.results.length-1] is the last date (newest / biggest)\n --\u003e\n \u003cspan ods-analysis=\"dateminmax\"\n ods-analysis-context=\"ctxdate\"\n ods-analysis-x-year=\"date_start.year\"\n ods-analysis-x-month=\"date_start.month\"\n ods-analysis-serie-c=\"COUNT()\"\n ods-analysis-sort=\"x.date_start.year,x.date_start.month\"\u003e\n \u003cspan ng-if=\"dateminmax.results \u0026\u0026 dateminmax.results.length \u003e 0\"\u003e\n {{ bounds['min'] = dateminmax.results[0].x.year + '-' + (10 \u003e dateminmax.results[0].x.month?'0':'') + dateminmax.results[0].x.month;\n bounds['max'] = dateminmax.results[dateminmax.results.length-1].x.year + '-' + (10 \u003e dateminmax.results[dateminmax.results.length-1].x.month?'0':'') + dateminmax.results[dateminmax.results.length-1].x.month;\n ''}}\n \u003c/span\u003e\n \u003c/span\u003e\n\n \u003cods-date-range-slider ng-if=\"bounds.min \u0026\u0026 bounds.max\"\n context=\"ctx\"\n initial-from=\"{{ bounds.min }}\"\n initial-to=\"{{ bounds.max }}\"\n start-bound=\"bounds.min\"\n end-bound=\"bounds.max\"\n date-field=\"date_start\"\n precision=\"month\"\n from=\"bounds.minselection\"\n to=\"bounds.maxselection\"\u003e\n \u003c/ods-date-range-slider\u003e\n\n \u003c!-- Resetting the range by setting widget \"from\" and \"to\" to the min/max bounds computed with ods-analysis --\u003e\n \u003cdiv ng-if=\"bounds.min \u0026\u0026 bounds.max\"\n class=\"range-slider-reset-button\"\n ng-class=\"{'range-slider-reset-button-disabled':\n bounds.minselection == bounds.min \u0026\u0026\n bounds.maxselection == bounds.max}\"\n ng-click=\"bounds.minselection = bounds.min; bounds.maxselection = bounds.max\"\u003e\n The entire period \u003ci class=\"fa fa-arrows-h\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003cods-table context=\"ctx\"\u003e\u003c/ods-table\u003e\n\n \u003c/ods-dataset-context\u003e\n\u003c/div\u003e\u003c/div\u003e", "css": ".range-slider-ctn {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin: 13px 26px 32px 26px;\n}\n\n.odswidget-date-range-slider {\n width: 100%;\n}\n\n.range-slider-reset-button {\n margin-left: 0;\n margin-top: 13px;\n white-space: nowrap;\n font-size: 12px;\n padding: 3px 6px;\n line-height: 0;\n background-color: #e1e4e9;\n border-radius: 4px;\n}\n\n.range-slider-reset-button:not(.range-slider-reset-button-disabled):hover {\n opacity: 0.65;\n}\n\n.range-slider-reset-button-disabled {\n opacity: 0.5;\n pointer-event: none;\n text-decoration: none;\n}\n\n@media screen and (min-width: 500px) {\n .range-slider-ctn {\n flex-direction: row;\n }\n\n .range-slider-reset-button {\n margin-left: 50px;\n margin-top: 0;\n }\n}" }'>
                              @@ -2775,7 +3099,8 @@

                              width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -2819,6 +3144,7 @@

                              const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -2929,7 +3255,9 @@

                              $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                              <div ng-app="ods-widgets"> @@ -2939,7 +3267,9 @@

                              ctx-dataset="evenements-publics-openagenda" ctx-parameters="{'sort':'-date_start'}" ctxdate-dataset="evenements-publics-openagenda" - ctxdate-parameters="{'q':'date_start:[2007 TO #now(years=+3)]'}"> + ctxdate-parameters="{'q':'date_start:[2007 TO #now(years=+3)]'}" + ctx-domain="userclub" + ctxdate-domain="userclub"> <div class="range-slider-ctn" ng-init="bounds = {'min':undefined, 'max':undefined, 'minselection':undefined, 'maxselection':undefined}"> @@ -3036,8 +3366,16 @@

                              "> -
                              - + +

                              -

                              - -
                              -

                              - Automatic initial bounds - year precision - - - - - -

                              -
                              -

                              Same as the previous example, but for year precision date field.

                              - -
                              - -
                              +
                              + +
                              +
                              +

                              + Automatic initial bounds - year precision + + + + + +

                              +
                              +

                              Same as the previous example, but for year precision date field.

                              + +
                              + + +
                              + + + + + + + + +
                              name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"container\"\u003e\n\n \u003cods-dataset-context context=\"ctx,ctxdate\"\n ctx-dataset=\"evenements-publics-openagenda\"\n ctx-parameters=\"{'sort':'-date_start'}\"\n ctxdate-dataset=\"evenements-publics-openagenda\"\n ctxdate-parameters=\"{'q':'date_start:[2007 TO #now(years=+3)]'}\"\u003e\n\n \u003cdiv class=\"range-slider-ctn\"\n ng-init=\"bounds = {'min':undefined, 'max':undefined, 'minselection':undefined, 'maxselection':undefined}\"\u003e\n \u003c!--\n Get the date range\n If the day or month is on 1 digit (ie. \u003c 10), it is right justified with a 0 padding.\n dateminmax[0] is the first date (oldest)\n dateminmax[dateminmax.results.length-1] is the last date (newest / biggest)\n --\u003e\n \u003cspan ods-analysis=\"dateminmax\"\n ods-analysis-context=\"ctxdate\"\n ods-analysis-x=\"date_start.year\"\n ods-analysis-serie-c=\"COUNT()\"\n ods-analysis-sort=\"x.date_start.year\"\u003e\n \u003cspan ng-if=\"dateminmax.results \u0026\u0026 dateminmax.results.length \u003e 0\"\u003e\n \u003c!-- '\"\" + ' in the expression force min and max to be in a string format, as expected by the widget --\u003e\n {{ bounds['min'] = \"\" + dateminmax.results[0].x.year;\n bounds['max'] = \"\" + dateminmax.results[dateminmax.results.length-1].x.year;\n ''}}\n \u003c/span\u003e\n \u003c/span\u003e\n\n \u003cods-date-range-slider ng-if=\"bounds.min \u0026\u0026 bounds.max\"\n context=\"ctx\"\n initial-from=\"{{ bounds.min }}\"\n initial-to=\"{{ bounds.max }}\"\n start-bound=\"bounds.min\"\n end-bound=\"bounds.max\"\n date-field=\"date_start\"\n precision=\"year\"\n from=\"bounds.minselection\"\n to=\"bounds.maxselection\"\u003e\n \u003c/ods-date-range-slider\u003e\n\n \u003c!-- Resetting the range by setting widget \"from\" and \"to\" to the min/max bounds computed with ods-analysis --\u003e\n \u003cdiv ng-if=\"bounds.min \u0026\u0026 bounds.max\"\n class=\"range-slider-reset-button\"\n ng-class=\"{'range-slider-reset-button-disabled':\n bounds.minselection == bounds.min \u0026\u0026\n bounds.maxselection == bounds.max}\"\n ng-click=\"bounds.minselection = bounds.min; bounds.maxselection = bounds.max\"\u003e\n The entire period \u003ci class=\"fa fa-arrows-h\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003cods-table context=\"ctx\"\u003e\u003c/ods-table\u003e\n\n \u003c/ods-dataset-context\u003e\n\u003c/div\u003e\u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"container\"\u003e\n\n \u003cods-dataset-context context=\"ctx,ctxdate\"\n ctx-dataset=\"evenements-publics-openagenda\"\n ctx-parameters=\"{'sort':'-date_start'}\"\n ctxdate-dataset=\"evenements-publics-openagenda\"\n ctxdate-parameters=\"{'q':'date_start:[2007 TO #now(years=+3)]'}\"\n ctx-domain=\"userclub\"\n ctxdate-domain=\"userclub\"\u003e\n\n \u003cdiv class=\"range-slider-ctn\"\n ng-init=\"bounds = {'min':undefined, 'max':undefined, 'minselection':undefined, 'maxselection':undefined}\"\u003e\n \u003c!--\n Get the date range\n If the day or month is on 1 digit (ie. \u003c 10), it is right justified with a 0 padding.\n dateminmax[0] is the first date (oldest)\n dateminmax[dateminmax.results.length-1] is the last date (newest / biggest)\n --\u003e\n \u003cspan ods-analysis=\"dateminmax\"\n ods-analysis-context=\"ctxdate\"\n ods-analysis-x=\"date_start.year\"\n ods-analysis-serie-c=\"COUNT()\"\n ods-analysis-sort=\"x.date_start.year\"\u003e\n \u003cspan ng-if=\"dateminmax.results \u0026\u0026 dateminmax.results.length \u003e 0\"\u003e\n \u003c!-- '\"\" + ' in the expression force min and max to be in a string format, as expected by the widget --\u003e\n {{ bounds['min'] = \"\" + dateminmax.results[0].x.year;\n bounds['max'] = \"\" + dateminmax.results[dateminmax.results.length-1].x.year;\n ''}}\n \u003c/span\u003e\n \u003c/span\u003e\n\n \u003cods-date-range-slider ng-if=\"bounds.min \u0026\u0026 bounds.max\"\n context=\"ctx\"\n initial-from=\"{{ bounds.min }}\"\n initial-to=\"{{ bounds.max }}\"\n start-bound=\"bounds.min\"\n end-bound=\"bounds.max\"\n date-field=\"date_start\"\n precision=\"year\"\n from=\"bounds.minselection\"\n to=\"bounds.maxselection\"\u003e\n \u003c/ods-date-range-slider\u003e\n\n \u003c!-- Resetting the range by setting widget \"from\" and \"to\" to the min/max bounds computed with ods-analysis --\u003e\n \u003cdiv ng-if=\"bounds.min \u0026\u0026 bounds.max\"\n class=\"range-slider-reset-button\"\n ng-class=\"{'range-slider-reset-button-disabled':\n bounds.minselection == bounds.min \u0026\u0026\n bounds.maxselection == bounds.max}\"\n ng-click=\"bounds.minselection = bounds.min; bounds.maxselection = bounds.max\"\u003e\n The entire period \u003ci class=\"fa fa-arrows-h\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003cods-table context=\"ctx\"\u003e\u003c/ods-table\u003e\n\n \u003c/ods-dataset-context\u003e\n\u003c/div\u003e\u003c/div\u003e", "css": ".range-slider-ctn {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin: 13px 26px 32px 26px;\n}\n\n.odswidget-date-range-slider {\n width: 100%;\n}\n\n.range-slider-reset-button {\n margin-left: 0;\n margin-top: 13px;\n white-space: nowrap;\n font-size: 12px;\n padding: 3px 6px;\n line-height: 0;\n background-color: #e1e4e9;\n border-radius: 4px;\n}\n\n.range-slider-reset-button:not(.range-slider-reset-button-disabled):hover {\n opacity: 0.65;\n}\n\n.range-slider-reset-button-disabled {\n opacity: 0.5;\n pointer-event: none;\n text-decoration: none;\n}\n\n@media screen and (min-width: 500px) {\n .range-slider-ctn {\n flex-direction: row;\n }\n\n .range-slider-reset-button {\n margin-left: 50px;\n margin-top: 0;\n }\n}" }'>
                              @@ -3370,7 +3753,8 @@

                              width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -3414,6 +3798,7 @@

                              const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -3524,7 +3909,9 @@

                              $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                              <div ng-app="ods-widgets"> @@ -3534,7 +3921,9 @@

                              ctx-dataset="evenements-publics-openagenda" ctx-parameters="{'sort':'-date_start'}" ctxdate-dataset="evenements-publics-openagenda" - ctxdate-parameters="{'q':'date_start:[2007 TO #now(years=+3)]'}"> + ctxdate-parameters="{'q':'date_start:[2007 TO #now(years=+3)]'}" + ctx-domain="userclub" + ctxdate-domain="userclub"> <div class="range-slider-ctn" ng-init="bounds = {'min':undefined, 'max':undefined, 'minselection':undefined, 'maxselection':undefined}"> @@ -3631,8 +4020,16 @@

                              "> -
                              - + +

                              -

                              - -
                              +
                              + +
                              + +
                              - - + - © Copyright 2020 + © Copyright 2026
                              @@ -3943,7 +4376,7 @@

                              diff --git a/public/widget-tricks/ods-map-css/5/html.inc b/public/widget-tricks/ods-map-css/5/html.inc index dd71dc410..fdbba4fbf 100644 --- a/public/widget-tricks/ods-map-css/5/html.inc +++ b/public/widget-tricks/ods-map-css/5/html.inc @@ -1,9 +1,9 @@
                              @@ -27,7 +27,7 @@ + context="opendatasoftofficespublic" color="#336179" picto="ods-circle" show-marker="true" display="auto" shape-opacity="0.5" point-opacity="1" border-color="#FFFFFF" border-opacity="1" border-size="1" border-pattern="solid" caption="true" title="Huwise Offices" description="This dataset contains the list of all Huwise headquarters and local offices, worldwide." size="4" size-min="3" size-max="5" size-function="linear"> - - - + @@ -73,69 +71,88 @@
                              - @@ -203,7 +220,7 @@
                              • + href="https://codelibrary.huwize.com/"> Home
                                • @@ -220,6 +237,54 @@ + + + + + + + + + + + + + + + + + + + + + +
                              • + + Apps + + +
                                • + + + + + + + + + + + + + + + + + + + + @@ -274,6 +339,9 @@ + + +
                              • @@ -298,6 +366,9 @@ + + + @@ -342,6 +413,18 @@ + + + + + + + + + + + + @@ -395,6 +478,16 @@
                                  +
                                • + +
                                  + Age Pyramid with custom HTML/CSS + + +
                                  +                                   +
                                  • +
                                • @@ -476,9 +569,9 @@
                                • - +
                                  - Heatmaps with Vega-Lite + ods-adv-analysis
                                  @@ -511,10 +604,6 @@ ods-chart: CSS Hacks - - 1 - -
                                  • @@ -535,10 +624,6 @@ ods-color-gradient + ods-map : a choropleth alternative - - 4 - - @@ -613,20 +698,6 @@ -
                                • - -
                                  - ods-table: Fixed column - - - - 1 - - -
                                  -                                   -
                                  • -
                                • @@ -658,51 +729,67 @@
                                  - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
                                  @@ -713,27 +800,28 @@
                                  -
                                  -

                                  Widget Tricks - ods-map: CSS Hacks

                                  -
                                  - -
                                  - -
                                  -

                                  - Default view for maps with several layers - - - - - -

                                  -
                                  - -
                                  - -
                                  +
                                  +

                                  Widget Tricks - ods-map: CSS Hacks

                                  +
                                  + +
                                  +
                                  +

                                  + Default view for maps with several layers + + + + + +

                                  +
                                  + +
                                  + + +
                                  + @@ -745,6 +833,14 @@

                                  + + + + + + + +
                                  name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"shanghaiworlduniversityrankingpublic\"\n shanghaiworlduniversityrankingpublic-dataset=\"shanghai-world-university-ranking\"\n shanghaiworlduniversityrankingpublic-domain=\"userclub\"\u003e\n \u003cods-map style=\"height: 500px\" no-refit=\"true\" scroll-wheel-zoom=\"false\" display-control=\"true\" search-box=\"false\"\n toolbar-fullscreen=\"true\" toolbar-geolocation=\"true\" basemap=\"jawg.light\"\n display-control-single-layer=\"true\"\u003e\n \u003cods-map-layer-group\u003e\n \u003cods-map-layer context=\"shanghaiworlduniversityrankingpublic\"\n color-numeric-ranges=\"{'100':'#000000','200':'#303133','300':'#606266','400':'#909399','500':'#C0C5CC'}\"\n color-numeric-range-min=\"0\" picto=\"ods-circle\" show-marker=\"true\" display=\"choropleth\"\n function=\"AVG\" expression=\"world_rank_int\" shape-opacity=\"0.9\" point-opacity=\"1\"\n border-color=\"#FFFFFF\" border-opacity=\"1\" border-size=\"1\" border-pattern=\"solid\"\n caption=\"true\" caption-picto-color=\"#E5E5E5\" title=\"Shanghai World University Ranking\"\n description=\"By ranking\" size=\"4\"\u003e\u003c/ods-map-layer\u003e\n \u003c/ods-map-layer-group\u003e\n \u003cods-map-layer-group displayed=\"false\"\u003e\n \u003cods-map-layer context=\"shanghaiworlduniversityrankingpublic\"\n color-numeric-ranges=\"{'10':'#00757E','20':'#2E8D94','30':'#5CA5AB','40':'#8ABDC1','100':'#B8D5D8'}\"\n color-numeric-range-min=\"0\" picto=\"ods-circle\" show-marker=\"true\" display=\"choropleth\"\n function=\"AVG\" expression=\"total_score\" shape-opacity=\"0.9\" point-opacity=\"1\"\n border-color=\"#FFFFFF\" border-opacity=\"1\" border-size=\"1\" border-pattern=\"solid\"\n caption=\"true\" caption-picto-color=\"#E5E5E5\" title=\"Shanghai World University Ranking\"\n description=\"By score\" size=\"4\"\u003e\u003c/ods-map-layer\u003e\n \u003c/ods-map-layer-group\u003e\n \u003c/ods-map\u003e\n\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", "css": "" @@ -768,7 +864,8 @@

                                  width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -812,6 +909,7 @@

                                  const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -922,7 +1020,9 @@

                                  $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                  <div ng-app="ods-widgets"> @@ -960,8 +1060,16 @@

                                  "> -
                                  - + +

                                  -

                                  - -
                                  -

                                  - Minimized layers control and map controls on the left - - - - - -

                                  -
                                  -

                                  In this example, the top right element, that displays the list of available layers is minimized with no background and a reduced size. The map controlers originally on the top right are also now on the left.

                                  - -
                                  - -
                                  +
                                  + +
                                  +
                                  +

                                  + Minimized layers control and map controls on the left + + + + + +

                                  +
                                  +

                                  In this example, the top right element, that displays the list of available layers is minimized with no background and a reduced size. The map controlers originally on the top right are also now on the left.

                                  + +
                                  + + +
                                  + @@ -1117,6 +1269,14 @@

                                  <div ng-app="ods-widgets"> @@ -1359,8 +1523,16 @@

                                  -
                                  - + +

                                  +
                                  +

                                  + Custom legend - simple + + + + + +

                                  +
                                  +

                                  In this example, the legend is the same than the default one, but slightly modified. It’s a manual operation of copying HTML code of the legend and cleaning and pasting it in the page.

                                  + +
                                  + + +
                                  + + + + + + + + +
                                  name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"shanghaiworlduniversityrankingpublic\"\n shanghaiworlduniversityrankingpublic-dataset=\"shanghai-world-university-ranking\"\n shanghaiworlduniversityrankingpublic-domain=\"userclub\"\u003e\n \u003cdiv class=\"map-container\"\u003e\n \u003cods-map style=\"height: 500px\" no-refit=\"true\" scroll-wheel-zoom=\"false\" display-control=\"true\"\n search-box=\"false\" toolbar-fullscreen=\"true\" toolbar-geolocation=\"true\" basemap=\"jawg.light\"\n display-control-single-layer=\"true\"\u003e\n \u003cods-map-layer-group\u003e\n \u003cods-map-layer context=\"shanghaiworlduniversityrankingpublic\"\n color-numeric-ranges=\"{'100':'#000000','200':'#303133','300':'#606266','400':'#909399','500':'#C0C5CC'}\"\n color-numeric-range-min=\"0\" picto=\"ods-circle\" show-marker=\"true\" display=\"choropleth\"\n function=\"AVG\" expression=\"world_rank_int\" shape-opacity=\"0.9\" point-opacity=\"1\"\n border-color=\"#FFFFFF\" border-opacity=\"1\" border-size=\"1\" border-pattern=\"solid\"\n caption=\"false\" caption-picto-color=\"#E5E5E5\" title=\"Shanghai World University Ranking\"\n description=\"By ranking\" size=\"4\"\u003e\u003c/ods-map-layer\u003e\n \u003c/ods-map-layer-group\u003e\n \u003c/ods-map\u003e\n \u003cdiv class=\"odswidget odswidget-map-legend\"\u003e\n \u003cdiv class=\"odswidget-map-legend__header\"\u003e\n \u003cdiv class=\"odswidget-map-legend__title\" title=\"Shanghai World University Ranking\"\u003eShanghai World\n University Ranking\n \u003c/div\u003e\n \u003cdiv class=\"odswidget-map-legend__label\"\u003eWorld rank integer (Average)\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth-container\"\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item\"\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item-color\"\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__color-block\"\n style=\"background-color: rgb(0, 0, 0);\"\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item-range\"\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item-range__bound\"\u003e0\n \u003ci aria-hidden=\"true\"\n class=\"fa fa-long-arrow-right odswidget-map-legend__choropleth__item-range__bound-arrow\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item-range__bound\"\u003e100\u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item\"\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item-color\"\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__color-block\"\n style=\"background-color: rgb(48, 49, 51);\"\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item-range\"\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item-range__bound\"\u003e101\n \u003ci aria-hidden=\"true\"\n class=\"fa fa-long-arrow-right odswidget-map-legend__choropleth__item-range__bound-arrow\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item-range__bound\"\u003e200\u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item\"\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item-color\"\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__color-block\"\n style=\"background-color: rgb(96, 98, 102);\"\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item-range\"\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item-range__bound\"\u003e201\n \u003ci aria-hidden=\"true\"\n class=\"fa fa-long-arrow-right odswidget-map-legend__choropleth__item-range__bound-arrow\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item-range__bound\"\u003e300\u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item\"\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item-color\"\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__color-block\"\n style=\"background-color: rgb(144, 147, 153);\"\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item-range\"\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item-range__bound\"\u003e301\n \u003ci aria-hidden=\"true\"\n class=\"fa fa-long-arrow-right odswidget-map-legend__choropleth__item-range__bound-arrow\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item-range__bound\"\u003e400\u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item\"\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item-color\"\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__color-block\"\n style=\"background-color: rgb(192, 197, 204);\"\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item-range\"\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item-range__bound\"\u003e401\n \u003ci aria-hidden=\"true\"\n class=\"fa fa-long-arrow-right odswidget-map-legend__choropleth__item-range__bound-arrow\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item-range__bound\"\u003e500\u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", "css": ".map-container {\n position: relative;\n}\n/* simple legend */\n.odswidget-map-legend {\n background-color: #ffffffd1;\n}\n" @@ -1609,7 +1832,8 @@

                                  width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -1653,6 +1877,7 @@

                                  const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -1763,7 +1988,9 @@

                                  $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                  <div ng-app="ods-widgets"> @@ -1877,8 +2104,16 @@

                                  "> -
                                  - + +

                                  -

                                  - -
                                  -

                                  - Custom legend - simple inlined - - - - - -

                                  -
                                  -

                                  Same HTML structure, but with custom CSS to display in line.

                                  - -
                                  - -
                                  +
                                  + +
                                  +
                                  +

                                  + Custom legend - simple inlined + + + + + +

                                  +
                                  +

                                  Same HTML structure, but with custom CSS to display in line.

                                  + +
                                  + + +
                                  + + + + + + + + +
                                  name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"shanghaiworlduniversityrankingpublic\"\n shanghaiworlduniversityrankingpublic-dataset=\"shanghai-world-university-ranking\"\n shanghaiworlduniversityrankingpublic-domain=\"userclub\"\u003e\n \u003cdiv class=\"map-container\"\u003e\n \u003cods-map style=\"height: 500px\" no-refit=\"true\" scroll-wheel-zoom=\"false\" display-control=\"true\"\n search-box=\"false\" toolbar-fullscreen=\"true\" toolbar-geolocation=\"true\" basemap=\"jawg.light\"\n display-control-single-layer=\"true\"\u003e\n \u003cods-map-layer-group\u003e\n \u003cods-map-layer context=\"shanghaiworlduniversityrankingpublic\"\n color-numeric-ranges=\"{'100':'#000000','200':'#303133','300':'#606266','400':'#909399','500':'#C0C5CC'}\"\n color-numeric-range-min=\"0\" picto=\"ods-circle\" show-marker=\"true\" display=\"choropleth\"\n function=\"AVG\" expression=\"world_rank_int\" shape-opacity=\"0.9\" point-opacity=\"1\"\n border-color=\"#FFFFFF\" border-opacity=\"1\" border-size=\"1\" border-pattern=\"solid\"\n caption=\"false\" caption-picto-color=\"#E5E5E5\" title=\"Shanghai World University Ranking\"\n description=\"By ranking\" size=\"4\"\u003e\u003c/ods-map-layer\u003e\n \u003c/ods-map-layer-group\u003e\n \u003c/ods-map\u003e\n \u003cdiv class=\"odswidget odswidget-map-legend\"\u003e\n \u003cdiv class=\"odswidget-map-legend__header\"\u003e\n \u003cdiv class=\"odswidget-map-legend__title\" title=\"Shanghai World University Ranking\"\u003eShanghai World\n University Ranking\n \u003c/div\u003e\n \u003cdiv class=\"odswidget-map-legend__label\"\u003eWorld rank integer (Average)\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth-container\"\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item\"\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item-color\"\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__color-block\"\n style=\"background-color: rgb(0, 0, 0);\"\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item-range\"\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item-range__bound\"\u003e0\n \u003ci aria-hidden=\"true\"\n class=\"fa fa-long-arrow-right odswidget-map-legend__choropleth__item-range__bound-arrow\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item-range__bound\"\u003e100\u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item\"\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item-color\"\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__color-block\"\n style=\"background-color: rgb(48, 49, 51);\"\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item-range\"\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item-range__bound\"\u003e101\n \u003ci aria-hidden=\"true\"\n class=\"fa fa-long-arrow-right odswidget-map-legend__choropleth__item-range__bound-arrow\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item-range__bound\"\u003e200\u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item\"\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item-color\"\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__color-block\"\n style=\"background-color: rgb(96, 98, 102);\"\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item-range\"\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item-range__bound\"\u003e201\n \u003ci aria-hidden=\"true\"\n class=\"fa fa-long-arrow-right odswidget-map-legend__choropleth__item-range__bound-arrow\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item-range__bound\"\u003e300\u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item\"\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item-color\"\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__color-block\"\n style=\"background-color: rgb(144, 147, 153);\"\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item-range\"\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item-range__bound\"\u003e301\n \u003ci aria-hidden=\"true\"\n class=\"fa fa-long-arrow-right odswidget-map-legend__choropleth__item-range__bound-arrow\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item-range__bound\"\u003e400\u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item\"\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item-color\"\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__color-block\"\n style=\"background-color: rgb(192, 197, 204);\"\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item-range\"\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item-range__bound\"\u003e401\n \u003ci aria-hidden=\"true\"\n class=\"fa fa-long-arrow-right odswidget-map-legend__choropleth__item-range__bound-arrow\"\u003e\u003c/i\u003e\n \u003c/div\u003e\n \u003cdiv class=\"odswidget-map-legend__choropleth__item-range__bound\"\u003e500\u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", "css": ".map-container {\n position: relative;\n}\n/* inlined legend */\n.odswidget-map-legend__choropleth-container {\n display: flex;\n justify-content: space-evenly;\n}\n.odswidget.odswidget-map-legend {\n left: 4px;\n right: 4px;\n width: inherit;\n padding: 5px 5px 0 5px;\n background-color: #ffffffd1;\n}\n.odswidget-map-legend__choropleth__item {\n flex-direction: column;\n align-items: center;\n}\n.odswidget-map-legend__choropleth__item-color {\n margin: 0;\n}\n.odswidget-map-legend__choropleth__color-block {\n width: 120px;\n}\ni.fa.fa-long-arrow-right.odswidget-map-legend__choropleth__item-range__bound-arrow {\n margin: 10px;\n}\n.odswidget-map-legend__choropleth__item-range__bound {\n width: inherit;\n}\n.odswidget-map-legend__choropleth__item-range {\n font-size: inherit;\n align-items: center;\n}\n.leaflet-bottom.leaflet-left {\n bottom: 130px;\n}\n \n" @@ -2225,7 +2506,8 @@

                                  width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -2269,6 +2551,7 @@

                                  const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -2379,7 +2662,9 @@

                                  $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                  <div ng-app="ods-widgets"> @@ -2525,8 +2810,16 @@

                                  "> -
                                  - + +

                                  -

                                  - -
                                  -

                                  - Custom legend - Custom layer selector - - - - - -

                                  -
                                  -

                                  A custom version of a bit everything, it controls layers and legends.

                                  - -
                                  - -
                                  +
                                  + +
                                  +
                                  +

                                  + Custom legend - Custom layer selector + + + + + +

                                  +
                                  +

                                  A custom version of a bit everything, it controls layers and legends.

                                  + +
                                  + + +
                                  + @@ -2914,6 +3245,14 @@

                                  + + + + + + + +
                                  name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"rapworldpublic,opendatasoftofficespublic,shanghaiworlduniversityrankingpublic\"\n rapworldpublic-dataset=\"rapworld\"\n rapworldpublic-domain=\"public\"\n rapworldpublic-parameters=\"{'q':'NOT #null(bio_deathdate)'}\"\n opendatasoftofficespublic-dataset=\"opendatasoft-offices\"\n opendatasoftofficespublic-domain=\"public\"\n shanghaiworlduniversityrankingpublic-dataset=\"shanghai-world-university-ranking\"\n shanghaiworlduniversityrankingpublic-domain=\"userclub\"\u003e\n \u003cdiv class=\"map-container\"\u003e\n \u003cdiv id=\"customcontroler\"\n ng-init=\"drawer = {'status':false};\n layerselection = {'rap':true, 'offices':true, 'shapes':true}\"\u003e\n \u003cods-map no-refit=\"true\"\n scroll-wheel-zoom=\"true\"\n display-control=\"false\"\n toolbar-fullscreen=\"false\"\n toolbar-geolocation=\"true\"\u003e\n \u003cods-map-layer-group\u003e\n \u003cods-map-layer show-if=\"layerselection.rap\"\n context=\"rapworldpublic\"\n color-categories=\"{'rapper':'#BA022A','singer':'#5A1887','producer':'#19630A'}\"\n color-by-field=\"categories\"\n picto=\"dot\"\n caption=\"false\"\n show-marker=\"false\" display=\"categories\" shape-opacity=\"0.5\" point-opacity=\"1\" border-color=\"#FFFFFF\" border-opacity=\"1\" border-size=\"1\" border-pattern=\"solid\" caption=\"true\" title=\"Rap World Artists\" description=\"Data Presented\" size=\"4\"\u003e\u003c/ods-map-layer\u003e\n \u003c/ods-map-layer-group\u003e\n \u003cods-map-layer-group\u003e\n \u003cods-map-layer show-if=\"layerselection.offices\"\n caption=\"false\"\n context=\"opendatasoftofficespublic\" color=\"#336179\" picto=\"ods-circle\" show-marker=\"true\" display=\"auto\" shape-opacity=\"0.5\" point-opacity=\"1\" border-color=\"#FFFFFF\" border-opacity=\"1\" border-size=\"1\" border-pattern=\"solid\" caption=\"true\" title=\"Opendatasoft Offices\" description=\"This dataset contains the list of all Opendatasoft headquarters and local offices, worldwide.\" size=\"4\" size-min=\"3\" size-max=\"5\" size-function=\"linear\"\u003e\u003c/ods-map-layer\u003e\n \u003c/ods-map-layer-group\u003e\n \u003cods-map-layer-group\u003e\n \u003cods-map-layer show-if=\"layerselection.shapes\" color=\"#336179\"\n context=\"shanghaiworlduniversityrankingpublic\"\n caption=\"false\"\n shape-opacity=\"0.5\"\u003e\n \u003c/ods-map-layer\u003e\n \u003c/ods-map-layer-group\u003e\n \u003c/ods-map\u003e\n \u003cdiv class=\"map-control\"\u003e\n \u003cul class=\"odswidget-map-display-control__groups\" style=\"max-height: calc(464px);\"\u003e\n \u003cli class=\"ng-scope odswidget-map-display-control__group\"\n ng-click=\"layerselection.rap = !layerselection.rap\"\n ng-class=\"{'odswidget-map-display-control__group--disabled': !layerselection.rap}\"\n style=\"border-left-color: rgb(229, 229, 229);\"\u003e\n \u003cspan class=\"odswidget-map-display-control__group-title\"\u003eRap artists\u003c/span\u003e\n \u003cdiv class=\"map-control-icons\"\u003e\n \u003csvg id=\"dot-icon\" width=\"19px\" height=\"19px\" viewBox=\"0 0 19 19\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n xmlns:sketch=\"http://www.bohemiancoding.com/sketch/ns\"\n style=\"fill: green; width: 35px; height: 35px;\"\u003e\n \u003cpath d=\"M13,9.50004202 C13,11.4330618 11.4329777,13.000084 9.49995798,13.000084 C7.56693813,13.000084 5.99991595,11.4330618 5.99991595,9.50004202 C5.99991595,7.56702218 7.56693813,6 9.49995798,6 C11.4329777,6 13,7.56702218 13,9.50004202 L13,9.50004202 Z\"\n fill=\"#000000\" style=\"fill: green;\"\u003e\u003c/path\u003e\n \u003c/svg\u003e\n \u003csvg id=\"dot-icon\" width=\"19px\" height=\"19px\" viewBox=\"0 0 19 19\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n xmlns:sketch=\"http://www.bohemiancoding.com/sketch/ns\"\n style=\"fill: red; width: 35px; height: 35px;\"\u003e\n \u003cpath d=\"M13,9.50004202 C13,11.4330618 11.4329777,13.000084 9.49995798,13.000084 C7.56693813,13.000084 5.99991595,11.4330618 5.99991595,9.50004202 C5.99991595,7.56702218 7.56693813,6 9.49995798,6 C11.4329777,6 13,7.56702218 13,9.50004202 L13,9.50004202 Z\"\n fill=\"#000000\" style=\"fill: red;\"\u003e\u003c/path\u003e\n \u003c/svg\u003e\n \u003csvg id=\"dot-icon\" width=\"19px\" height=\"19px\" viewBox=\"0 0 19 19\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n xmlns:sketch=\"http://www.bohemiancoding.com/sketch/ns\"\n style=\"fill: purple; width: 35px; height: 35px;\"\u003e\n \u003cpath d=\"M13,9.50004202 C13,11.4330618 11.4329777,13.000084 9.49995798,13.000084 C7.56693813,13.000084 5.99991595,11.4330618 5.99991595,9.50004202 C5.99991595,7.56702218 7.56693813,6 9.49995798,6 C11.4329777,6 13,7.56702218 13,9.50004202 L13,9.50004202 Z\"\n fill=\"#000000\" style=\"fill: purple;\"\u003e\u003c/path\u003e\n \u003c/svg\u003e\n \u003c/div\u003e\n \u003c/li\u003e\n \u003cli class=\"ng-scope odswidget-map-display-control__group\"\n ng-click=\"layerselection.offices = !layerselection.offices\"\n ng-class=\"{'odswidget-map-display-control__group--disabled': !layerselection.offices}\"\n style=\"border-left-color: rgb(229, 229, 229);\"\u003e\n \u003cspan class=\"odswidget-map-display-control__group-title\"\u003eOpenDataSoft Officies\u003c/span\u003e\n \u003cdiv class=\"leaflet-vectormarker\" tabindex=\"0\" style=\"width: 24px; height: 41px; position: relative;\"\u003e\n \u003csvg id=\"svg-vectormarker-marker\" xmlns:svg=\"http://www.w3.org/2000/svg\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" viewBox=\"0 0 32 56\"\u003e\n \u003cg id=\"svg-vectormarker\" fill-rule=\"nonzero\" fill=\"none\"\u003e\n \u003cpath fill=\"rgb(51,97,121)\" fill-rule=\"evenodd\" d=\"M16 0C7.222 0 0 7.217 0 16.157c0 4.86 1.03 8.446 2.66 12.027L16 56l13.34-27.816c1.63-3.58 2.66-7.167 2.66-12.027C32 7.217 24.778 0 16 0z\"\u003e\u003c/path\u003e\n \u003cpath stroke=\"rgb(157,202,229)\" d=\"M16 54.844l12.886-26.868c1.79-3.933 2.614-7.42 2.614-11.82C31.5 7.52 24.527.5 16 .5 7.473.5.5 7.52.5 16.157c0 4.4.824 7.886 2.61 11.81L16 54.844z\"\u003e\u003c/path\u003e\n \u003c/g\u003e\n \u003c/svg\u003e\n \u003cdiv class=\"leaflet-vectormarker-iconoverlay\" style=\"opacity: 1; top: 4px\"\u003e\u003c!--?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?--\u003e\n \u003csvg width=\"19px\" height=\"19px\" viewBox=\"0 0 19 19\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\" xmlns:sketch=\"http://www.bohemiancoding.com/sketch/ns\"\n style=\"fill: white; width: 14px; height: 14px;\"\u003e\n \u003cpath d=\"M18,9.50004182 C18,14.1944851 14.1944015,18.0000836 9.49995818,18.0000836 C4.80551469,18.0000836 0.99991635,14.1944851 0.99991635,9.50004182 C0.99991635,4.80559834 4.80551469,1 9.49995818,1 C14.1944015,1 18,4.80559834 18,9.50004182 L18,9.50004182 Z\"\n fill=\"#000000\" style=\"fill: white;\"\u003e\u003c/path\u003e\n \u003crect style=\"opacity: 0; fill: white;\" x=\"0\" y=\"0\" width=\"19\" height=\"19\"\u003e\u003c/rect\u003e\n \u003c/svg\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/li\u003e\n \u003cli class=\"ng-scope odswidget-map-display-control__group\"\n ng-click=\"layerselection.shapes = !layerselection.shapes\"\n ng-class=\"{'odswidget-map-display-control__group--disabled': !layerselection.shapes}\"\n style=\"border-left-color: rgb(229, 229, 229);\"\u003e\n \u003cspan class=\"odswidget-map-display-control__group-title\"\u003eShanghai ranking countries\u003c/span\u003e\n \u003c/li\u003e\n \u003c/ul\u003e\n \u003c/div\u003e\n \u003cdiv class=\"map-legend\" ng-show=\"layerselection.rap\"\u003e\n \u003c!-- would be good to turn off when the diffusion tube layer is deselected --\u003e\n \u003cdiv class=\"map-legend-item\"\u003e\n \u003ci class=\"fa fa-circle red\" aria-hidden=\"true\"\u003e \u003c/i\u003e\n \u003cstrong\u003eRapper\u003c/strong\u003e\n \u003c/div\u003e\n \u003cdiv class=\"map-legend-item\"\u003e\n \u003ci class=\"fa fa-circle purple\" aria-hidden=\"true\"\u003e \u003c/i\u003e\n \u003cstrong\u003eSinger\u003c/strong\u003e\n \u003c/div\u003e\n \u003cdiv class=\"map-legend-item\"\u003e\n \u003ci class=\"fa fa-circle green\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cstrong\u003eProducer\u003c/strong\u003e\n \u003c/div\u003e\n \u003cdiv class=\"map-legend-item\"\u003e\n \u003ci class=\"fa fa-circle black\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cstrong\u003eOther\u003c/strong\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"rapworldpublic,opendatasoftofficespublic,shanghaiworlduniversityrankingpublic\"\n rapworldpublic-dataset=\"rapworld\"\n rapworldpublic-domain=\"userclub\"\n rapworldpublic-parameters=\"{'q':'NOT #null(deathdate)'}\"\n opendatasoftofficespublic-dataset=\"opendatasoft-offices\"\n opendatasoftofficespublic-domain=\"userclub\"\n shanghaiworlduniversityrankingpublic-dataset=\"shanghai-world-university-ranking\"\n shanghaiworlduniversityrankingpublic-domain=\"userclub\"\u003e\n \u003cdiv class=\"map-container\"\u003e\n \u003cdiv id=\"customcontroler\"\n ng-init=\"drawer = {'status':false};\n layerselection = {'rap':true, 'offices':true, 'shapes':true}\"\u003e\n \u003cods-map no-refit=\"true\"\n scroll-wheel-zoom=\"true\"\n display-control=\"false\"\n toolbar-fullscreen=\"false\"\n toolbar-geolocation=\"true\"\u003e\n \u003cods-map-layer-group\u003e\n \u003cods-map-layer show-if=\"layerselection.rap\"\n context=\"rapworldpublic\"\n color-categories=\"{'rapper':'#BA022A','singer':'#5A1887','producer':'#19630A'}\"\n color-by-field=\"categories\"\n picto=\"dot\"\n caption=\"false\"\n show-marker=\"false\" display=\"categories\" shape-opacity=\"0.5\" point-opacity=\"1\" border-color=\"#FFFFFF\" border-opacity=\"1\" border-size=\"1\" border-pattern=\"solid\" caption=\"true\" title=\"Rap World Artists\" description=\"Data Presented\" size=\"4\"\u003e\u003c/ods-map-layer\u003e\n \u003c/ods-map-layer-group\u003e\n \u003cods-map-layer-group\u003e\n \u003cods-map-layer show-if=\"layerselection.offices\"\n caption=\"false\"\n context=\"opendatasoftofficespublic\" color=\"#336179\" picto=\"ods-circle\" show-marker=\"true\" display=\"auto\" shape-opacity=\"0.5\" point-opacity=\"1\" border-color=\"#FFFFFF\" border-opacity=\"1\" border-size=\"1\" border-pattern=\"solid\" caption=\"true\" title=\"Huwise Offices\" description=\"This dataset contains the list of all Huwise headquarters and local offices, worldwide.\" size=\"4\" size-min=\"3\" size-max=\"5\" size-function=\"linear\"\u003e\u003c/ods-map-layer\u003e\n \u003c/ods-map-layer-group\u003e\n \u003cods-map-layer-group\u003e\n \u003cods-map-layer show-if=\"layerselection.shapes\" color=\"#336179\"\n context=\"shanghaiworlduniversityrankingpublic\"\n caption=\"false\"\n shape-opacity=\"0.5\"\u003e\n \u003c/ods-map-layer\u003e\n \u003c/ods-map-layer-group\u003e\n \u003c/ods-map\u003e\n \u003cdiv class=\"map-control\"\u003e\n \u003cul class=\"odswidget-map-display-control__groups\" style=\"max-height: calc(464px);\"\u003e\n \u003cli class=\"ng-scope odswidget-map-display-control__group\"\n ng-click=\"layerselection.rap = !layerselection.rap\"\n ng-class=\"{'odswidget-map-display-control__group--disabled': !layerselection.rap}\"\n style=\"border-left-color: rgb(229, 229, 229);\"\u003e\n \u003cspan class=\"odswidget-map-display-control__group-title\"\u003eRap artists\u003c/span\u003e\n \u003cdiv class=\"map-control-icons\"\u003e\n \u003csvg id=\"dot-icon\" width=\"19px\" height=\"19px\" viewBox=\"0 0 19 19\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n xmlns:sketch=\"http://www.bohemiancoding.com/sketch/ns\"\n style=\"fill: green; width: 35px; height: 35px;\"\u003e\n \u003cpath d=\"M13,9.50004202 C13,11.4330618 11.4329777,13.000084 9.49995798,13.000084 C7.56693813,13.000084 5.99991595,11.4330618 5.99991595,9.50004202 C5.99991595,7.56702218 7.56693813,6 9.49995798,6 C11.4329777,6 13,7.56702218 13,9.50004202 L13,9.50004202 Z\"\n fill=\"#000000\" style=\"fill: green;\"\u003e\u003c/path\u003e\n \u003c/svg\u003e\n \u003csvg id=\"dot-icon\" width=\"19px\" height=\"19px\" viewBox=\"0 0 19 19\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n xmlns:sketch=\"http://www.bohemiancoding.com/sketch/ns\"\n style=\"fill: red; width: 35px; height: 35px;\"\u003e\n \u003cpath d=\"M13,9.50004202 C13,11.4330618 11.4329777,13.000084 9.49995798,13.000084 C7.56693813,13.000084 5.99991595,11.4330618 5.99991595,9.50004202 C5.99991595,7.56702218 7.56693813,6 9.49995798,6 C11.4329777,6 13,7.56702218 13,9.50004202 L13,9.50004202 Z\"\n fill=\"#000000\" style=\"fill: red;\"\u003e\u003c/path\u003e\n \u003c/svg\u003e\n \u003csvg id=\"dot-icon\" width=\"19px\" height=\"19px\" viewBox=\"0 0 19 19\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n xmlns:sketch=\"http://www.bohemiancoding.com/sketch/ns\"\n style=\"fill: purple; width: 35px; height: 35px;\"\u003e\n \u003cpath d=\"M13,9.50004202 C13,11.4330618 11.4329777,13.000084 9.49995798,13.000084 C7.56693813,13.000084 5.99991595,11.4330618 5.99991595,9.50004202 C5.99991595,7.56702218 7.56693813,6 9.49995798,6 C11.4329777,6 13,7.56702218 13,9.50004202 L13,9.50004202 Z\"\n fill=\"#000000\" style=\"fill: purple;\"\u003e\u003c/path\u003e\n \u003c/svg\u003e\n \u003c/div\u003e\n \u003c/li\u003e\n \u003cli class=\"ng-scope odswidget-map-display-control__group\"\n ng-click=\"layerselection.offices = !layerselection.offices\"\n ng-class=\"{'odswidget-map-display-control__group--disabled': !layerselection.offices}\"\n style=\"border-left-color: rgb(229, 229, 229);\"\u003e\n \u003cspan class=\"odswidget-map-display-control__group-title\"\u003eOpenDataSoft Officies\u003c/span\u003e\n \u003cdiv class=\"leaflet-vectormarker\" tabindex=\"0\" style=\"width: 24px; height: 41px; position: relative;\"\u003e\n \u003csvg id=\"svg-vectormarker-marker\" xmlns:svg=\"http://www.w3.org/2000/svg\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" viewBox=\"0 0 32 56\"\u003e\n \u003cg id=\"svg-vectormarker\" fill-rule=\"nonzero\" fill=\"none\"\u003e\n \u003cpath fill=\"rgb(51,97,121)\" fill-rule=\"evenodd\" d=\"M16 0C7.222 0 0 7.217 0 16.157c0 4.86 1.03 8.446 2.66 12.027L16 56l13.34-27.816c1.63-3.58 2.66-7.167 2.66-12.027C32 7.217 24.778 0 16 0z\"\u003e\u003c/path\u003e\n \u003cpath stroke=\"rgb(157,202,229)\" d=\"M16 54.844l12.886-26.868c1.79-3.933 2.614-7.42 2.614-11.82C31.5 7.52 24.527.5 16 .5 7.473.5.5 7.52.5 16.157c0 4.4.824 7.886 2.61 11.81L16 54.844z\"\u003e\u003c/path\u003e\n \u003c/g\u003e\n \u003c/svg\u003e\n \u003cdiv class=\"leaflet-vectormarker-iconoverlay\" style=\"opacity: 1; top: 4px\"\u003e\u003c!--?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?--\u003e\n \u003csvg width=\"19px\" height=\"19px\" viewBox=\"0 0 19 19\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\" xmlns:sketch=\"http://www.bohemiancoding.com/sketch/ns\"\n style=\"fill: white; width: 14px; height: 14px;\"\u003e\n \u003cpath d=\"M18,9.50004182 C18,14.1944851 14.1944015,18.0000836 9.49995818,18.0000836 C4.80551469,18.0000836 0.99991635,14.1944851 0.99991635,9.50004182 C0.99991635,4.80559834 4.80551469,1 9.49995818,1 C14.1944015,1 18,4.80559834 18,9.50004182 L18,9.50004182 Z\"\n fill=\"#000000\" style=\"fill: white;\"\u003e\u003c/path\u003e\n \u003crect style=\"opacity: 0; fill: white;\" x=\"0\" y=\"0\" width=\"19\" height=\"19\"\u003e\u003c/rect\u003e\n \u003c/svg\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/li\u003e\n \u003cli class=\"ng-scope odswidget-map-display-control__group\"\n ng-click=\"layerselection.shapes = !layerselection.shapes\"\n ng-class=\"{'odswidget-map-display-control__group--disabled': !layerselection.shapes}\"\n style=\"border-left-color: rgb(229, 229, 229);\"\u003e\n \u003cspan class=\"odswidget-map-display-control__group-title\"\u003eShanghai ranking countries\u003c/span\u003e\n \u003c/li\u003e\n \u003c/ul\u003e\n \u003c/div\u003e\n \u003cdiv class=\"map-legend\" ng-show=\"layerselection.rap\"\u003e\n \u003c!-- would be good to turn off when the diffusion tube layer is deselected --\u003e\n \u003cdiv class=\"map-legend-item\"\u003e\n \u003ci class=\"fa fa-circle red\" aria-hidden=\"true\"\u003e \u003c/i\u003e\n \u003cstrong\u003eRapper\u003c/strong\u003e\n \u003c/div\u003e\n \u003cdiv class=\"map-legend-item\"\u003e\n \u003ci class=\"fa fa-circle purple\" aria-hidden=\"true\"\u003e \u003c/i\u003e\n \u003cstrong\u003eSinger\u003c/strong\u003e\n \u003c/div\u003e\n \u003cdiv class=\"map-legend-item\"\u003e\n \u003ci class=\"fa fa-circle green\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cstrong\u003eProducer\u003c/strong\u003e\n \u003c/div\u003e\n \u003cdiv class=\"map-legend-item\"\u003e\n \u003ci class=\"fa fa-circle black\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cstrong\u003eOther\u003c/strong\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", "css": ".map-container {\n position: relative;\n}\n/* Custom map control, get rid of background, add box-shadow on layer controller */\nul.odswidget-map-display-control__groups {\n width: fit-content;\n}\nul.odswidget-map-display-control__groups {\n background-color: transparent;\n}\n.odswidget.odswidget-map-display-control {\n box-shadow: none;\n}\nli.ng-scope.odswidget-map-display-control__group.odswidget-map-display-control__group--disabled {\n background-color: white;\n opacity: 0.7;\n}\nli.ng-scope.odswidget-map-display-control__group {\n background-color: white;\n box-shadow: 2px 2px 10px #868585;\n}\n/* Custom map controler (zoom etc) : align left ! */\n.leaflet-top.leaflet-right, .odswidget-map__map--with-display-control .leaflet-top.leaflet-right {\n right: inherit;\n left: 10px;\n top: 190px;\n}\n.leaflet-right .leaflet-control {\n float: left;\n}\n/* Style map */\n.map-control {\n position: absolute;\n bottom: 16px;\n right: 0px;\n}\nul.odswidget-map-display-control__groups {\n min-width: 220px;\n}\nli.ng-scope.odswidget-map-display-control__group {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\nli.ng-scope.odswidget-map-display-control__group \u003e span {\n margin-right: 3px;\n}\n.map-control-icons {\n display: flex;\n align-items: center;\n}\n.map-control-icons \u003e svg {\n margin: -8px;\n}\n.map-legend {\n position: absolute;\n bottom: 100px;\n left: 10px;\n border-right-color: rgb(229, 229, 229);\n border-right-width: 5px;\n background-color: rgba(255, 255, 255, 0.6);\n box-shadow: 2px 2px 10px #868585;\n padding: 5px 10px;\n}\n.odswidget-map {\n height: 500px;\n}\n.green {\n color: green;\n}\n.orange {\n color: orange;\n}\n.red {\n color: red;\n}\n.purple {\n color: purple;\n}\n/* leaflet custom style */\n.leaflet-vectormarker .leaflet-vectormarker-singleicon #dot-icon {\n stroke-width: 0.4px;\n}\n \n" }'> @@ -2937,7 +3276,8 @@

                                  width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -2981,6 +3321,7 @@

                                  const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -3091,16 +3432,18 @@

                                  $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                  <div ng-app="ods-widgets"> <ods-dataset-context context="rapworldpublic,opendatasoftofficespublic,shanghaiworlduniversityrankingpublic" rapworldpublic-dataset="rapworld" - rapworldpublic-domain="public" - rapworldpublic-parameters="{'q':'NOT #null(bio_deathdate)'}" + rapworldpublic-domain="userclub" + rapworldpublic-parameters="{'q':'NOT #null(deathdate)'}" opendatasoftofficespublic-dataset="opendatasoft-offices" - opendatasoftofficespublic-domain="public" + opendatasoftofficespublic-domain="userclub" shanghaiworlduniversityrankingpublic-dataset="shanghai-world-university-ranking" shanghaiworlduniversityrankingpublic-domain="userclub"> <div class="map-container"> @@ -3124,7 +3467,7 @@

                                  <ods-map-layer-group> <ods-map-layer show-if="layerselection.offices" caption="false" - context="opendatasoftofficespublic" color="#336179" picto="ods-circle" show-marker="true" display="auto" shape-opacity="0.5" point-opacity="1" border-color="#FFFFFF" border-opacity="1" border-size="1" border-pattern="solid" caption="true" title="Opendatasoft Offices" description="This dataset contains the list of all Opendatasoft headquarters and local offices, worldwide." size="4" size-min="3" size-max="5" size-function="linear"></ods-map-layer> + context="opendatasoftofficespublic" color="#336179" picto="ods-circle" show-marker="true" display="auto" shape-opacity="0.5" point-opacity="1" border-color="#FFFFFF" border-opacity="1" border-size="1" border-pattern="solid" caption="true" title="Huwise Offices" description="This dataset contains the list of all Huwise headquarters and local offices, worldwide." size="4" size-min="3" size-max="5" size-function="linear"></ods-map-layer> </ods-map-layer-group> <ods-map-layer-group> <ods-map-layer show-if="layerselection.shapes" color="#336179" @@ -3309,8 +3652,16 @@

                                  "> -
                                  - + +

                                  -

                                  - -
                                  +
                                  + +
                                  + +
                                  - - + - © Copyright 2020 + © Copyright 2026
                                  @@ -3843,7 +4271,7 @@

                                  diff --git a/public/widget-tricks/ods-map-tricks/5/css.inc b/public/widget-tricks/ods-map-tricks/5/css.inc index b2d7877cc..eaf4b1898 100644 --- a/public/widget-tricks/ods-map-tricks/5/css.inc +++ b/public/widget-tricks/ods-map-tricks/5/css.inc @@ -52,7 +52,7 @@ -/* Side detail as an exemple, you should remove this part and do you own +/* Side detail as an example, you should remove this part and do you own ========================================================================== */ .pop-in-header { margin-bottom: 20px; diff --git a/public/widget-tricks/ods-map-tricks/6/css.inc b/public/widget-tricks/ods-map-tricks/6/css.inc new file mode 100644 index 000000000..a489d2c7e --- /dev/null +++ b/public/widget-tricks/ods-map-tricks/6/css.inc @@ -0,0 +1,70 @@ +.map-container { + position: relative; +} + +.kpis { + position: absolute; + bottom: 20px; + width: 100%; + display: flex; + justify-content: space-around; +} + +.box { + position: relative; + padding: 13px; + width: 30%; + z-index: 10; +} + +.box.white { + background-color: white; +} + +.box.flat { + box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16); + border-radius: var(--boxes-radius); +} + +.advanced-kpi { + height: 100%; + display: flex; + flex-direction: column; + justify-content: space-between; +} + +.advanced-kpi--top .title { + font-size: 1.2em; + margin: 0; +} + +.advanced-kpi--top .description { + margin: 0 auto; + color: #565656; + font-size: 1em; + font-weight: 400; +} + +.advanced-kpi--middle { + display: flex; + flex-direction: column; + margin: 5px 0; +} + +.advanced-kpi--middle.centered { + align-items: center; +} + +.advanced-kpi--middle > * { + margin: 5px 0; +} + +.advanced-kpi--middle .value { + color: var(--highlight); + font-weight: 500; + font-size: 2rem; +} + +.advanced-kpi--bottom { + font-size: 0.8em; +} diff --git a/public/widget-tricks/ods-map-tricks/6/html.inc b/public/widget-tricks/ods-map-tricks/6/html.inc new file mode 100644 index 000000000..d7ccbc0a1 --- /dev/null +++ b/public/widget-tricks/ods-map-tricks/6/html.inc @@ -0,0 +1,119 @@ +
                                  + + +
                                  + +

                                  + Number of pharmacies by department +

                                  +

                                  + Click on a department for more details +

                                  +
                                  + + + + +
                                  +
                                  +
                                  +
                                  +

                                  + Aggregation value +

                                  +

                                  + used to color the map +

                                  +
                                  +
                                  +

                                  + {{ colorgradient['values'][refinectx.parameters['refine.dep_code']] | number }} +

                                  +
                                  +
                                  + Selected key : {{ refinectx.parameters['refine.dep_code'].join('') || refinectx.parameters['refine.dep_code'] }} +
                                  +
                                  +
                                  + +
                                  +
                                  +
                                  +

                                  + Department name +

                                  +

                                  + from the filtered geo ref context +

                                  +
                                  +
                                  +

                                  + {{ results[0].fields.dep_name }} +

                                  +
                                  +
                                  + Value from an ods-results +
                                  +
                                  +
                                  + +
                                  +
                                  +
                                  +

                                  + % of pharmacies in France +

                                  +

                                  + in {{ results[0].fields.dep_name }} +

                                  +
                                  +
                                  +

                                  + {{ colorgradient['values'][refinectx.parameters['refine.dep_code']] / dataanalysis[0].count * 100 | number : 1 }} % +

                                  +
                                  +
                                  + Aggregation compared with an analysis on the data context +
                                  +
                                  +
                                  +
                                  +
                                  +
                                  +                                   +
                                  diff --git a/public/widget-tricks/ods-map-tricks/index.html b/public/widget-tricks/ods-map-tricks/index.html index 575b4e4cb..4c943426b 100644 --- a/public/widget-tricks/ods-map-tricks/index.html +++ b/public/widget-tricks/ods-map-tricks/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@ - @@ -193,6 +210,12 @@

                                  • +
                                • + + Replace map tooltip with a refine : see the aggregation ! + +
                                  • +
                                @@ -203,7 +226,7 @@
                                • + href="https://codelibrary.huwize.com/"> Home
                                  • @@ -220,6 +243,54 @@ + + + + + + + + + + + + + + + + + + + + + +
                                • + + Apps + + +
                                  • + + + + + + + + + + + + + + + + + + + + @@ -274,6 +345,9 @@ + + +
                                • @@ -298,6 +372,9 @@ + + + @@ -342,6 +419,18 @@ + + + + + + + + + + + + @@ -395,6 +484,16 @@
                                    +
                                  • + +
                                    + Age Pyramid with custom HTML/CSS + + +
                                    +                                     +
                                    • +
                                  • @@ -476,9 +575,9 @@
                                  • - +
                                    - Heatmaps with Vega-Lite + ods-adv-analysis
                                    @@ -511,10 +610,6 @@ ods-chart: CSS Hacks - - 1 - -
                                    • @@ -535,10 +630,6 @@ ods-color-gradient + ods-map : a choropleth alternative - - 4 - - @@ -613,20 +704,6 @@ -
                                  • - -
                                    - ods-table: Fixed column - - - - 1 - - -
                                    -                                     -
                                    • -
                                  • @@ -658,51 +735,67 @@
                                    - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
                                    @@ -713,31 +806,37 @@
                                    -
                                    -

                                    Widget Tricks - ods-map: Refine & Zoom

                                    -
                                    - -
                                    - -
                                    -

                                    - Map as a selector - - - - - -

                                    -
                                    -

                                    In this example, the french administrative regions are displayed first and the user click refines on the departments dataset. On the right section you can observe the applied filter on departments context and the list of departments returned. The ‘regions’ context is not affected and is not filtered. Note that it would also be possible to apply the filter on regions context, to do so, please have a look to the next resource of this page.

                                    +
                                    +

                                    Widget Tricks - ods-map: Refine & Zoom

                                    +
                                    + +
                                    + +
                                    +

                                    + Map as a selector + + + + + +

                                    +
                                    +

                                    In this example, the french administrative regions are displayed first and the user click refines on the departments dataset. On the right section you can observe the applied filter on departments context and the list of departments returned. The ‘regions’ context is not affected and is not filtered. Note that it would also be possible to apply the filter on regions context, to do so, please have a look to the next resource of this page.

                                    If your layer is displayed as raw or aggregation, you can configure a layer so that a click on an item triggers a refine on another context, using refineOnClickContext. One or more contexts can be defined:

                                    -
                                    - -
                                    - +
                                    + + +
                                    + + + + + + @@ -747,6 +846,9 @@

                                    + + +
                                    name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"row ods-box\"\u003e\n \u003cods-dataset-context context=\"regions,depts\"\n regions-dataset=\"regions-et-collectivites-doutre-mer-france\"\n regions-domain=\"userclub\"\n depts-dataset=\"departements-et-collectivites-doutre-mer-france\"\n depts-domain=\"userclub\"\u003e\n \u003cdiv class=\"col-md-8\"\u003e\n \u003cods-map style=\"height:560px\" scroll-wheel-zoom=\"false\"\u003e\n \u003cods-map-layer context=\"regions\"\n refine-on-click-context=\"depts\"\n refine-on-click-depts-map-field=\"reg_code\"\n refine-on-click-depts-context-field=\"reg_code\"\n refine-on-click-depts-replace-refine=\"true\"\n color=\"#3D3D3D\"\u003e\n \u003c/ods-map-layer\u003e\n \u003c/ods-map\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003cdiv ng-if=\"!depts.parameters['refine.reg_code']\"\u003e\n \u003ch3 style=\"font-weight:600; margin-top: 40px\"\u003e\n Selectionnez une région sur la carte\n \u003c/h3\u003e\n \u003c/div\u003e\n \u003cdiv ng-if=\"depts.parameters['refine.reg_code']\"\u003e\n \u003cspan class=\"ods-button\" ng-click=\"depts.parameters = {};\"\u003e\n Supprimer le filtre\n \u003c/span\u003e\n \u003ch3\u003eFiltre actif : code_reg = {{ depts.parameters['refine.reg_code'] }}\n \u003c/h3\u003e\n \u003ch2\u003e\n Liste des départements\n \u003c/h2\u003e\n \u003ch4 ng-repeat=\"item in items\" ods-results=\"items\" ods-results-context=\"depts\"\u003e\n {{ item.fields.dep_name }}\n \u003c/h4\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/ods-dataset-context\u003e\n\u003c/div\u003e\n\u003c/div\u003e", "css": "" @@ -770,7 +872,8 @@

                                    width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -814,6 +917,7 @@

                                    const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -924,7 +1028,9 @@

                                    $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                    <div ng-app="ods-widgets"> @@ -974,8 +1080,16 @@

                                    "> -
                                    - + +

                                    -

                                    - -
                                    -

                                    - Map drilldown - - - - - -

                                    -
                                    -

                                    In this example, the french administrative regions are displayed first, the user click refines on both regions and departments datasets and will then display departments in the selected region. Another click on a departement will refine departements and cities datasets and display cities in this department.

                                    +
                                    + +
                                    + +
                                    +

                                    + Map drilldown + + + + + +

                                    +
                                    +

                                    In this example, the french administrative regions are displayed first, the user click refines on both regions and departments datasets and will then display departments in the selected region. Another click on a departement will refine departements and cities datasets and display cities in this department.

                                    If your layer is displayed as raw or aggregation, you can configure a layer so that a click on an item triggers a refine on another context, using refineOnClickContext. One or more contexts can be defined:

                                    -
                                    - -
                                    - +
                                    + + +
                                    + + + + + + @@ -1156,6 +1335,9 @@

                                    + + +
                                    name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"row ods-box\"\u003e\n \u003cods-dataset-context context=\"regions,depts,comm\"\n regions-domain=\"userclub\"\n regions-dataset=\"regions-et-collectivites-doutre-mer-france\"\n depts-domain=\"userclub\"\n depts-dataset=\"departements-et-collectivites-doutre-mer-france\"\n comm-domain=\"userclub\"\n comm-dataset=\"communes-et-arrondissements-municipaux-france\"\u003e\n \u003cdiv class=\"col-md-8\"\u003e\n \u003cods-map style=\"height:560px\" scroll-wheel-zoom=\"false\"\u003e\n \u003cods-map-layer context=\"regions\"\n refine-on-click-context=\"[regions,depts]\"\n refine-on-click-regions-map-field=\"reg_code\"\n refine-on-click-regions-context-field=\"reg_code\"\n refine-on-click-depts-map-field=\"reg_code\"\n refine-on-click-depts-context-field=\"reg_code\"\n color=\"#3D3D3D\"\n show-if=\"!regions.parameters['refine.reg_code']\"\u003e\n \u003c/ods-map-layer\u003e\n \u003cods-map-layer context=\"depts\"\n refine-on-click-context=\"[depts,comm]\"\n refine-on-click-depts-map-field=\"dep_code\"\n refine-on-click-depts-context-field=\"dep_code\"\n refine-on-click-comm-map-field=\"dep_code\"\n refine-on-click-comm-context-field=\"dep_code\"\n color=\"#3D3D3D\"\n show-if=\"depts.parameters['refine.reg_code'] \u0026\u0026 !comm.parameters['refine.dep_code']\"\u003e\n \u003c/ods-map-layer\u003e\n \u003cods-map-layer context=\"comm\"\n show-if=\"comm.parameters['refine.dep_code']\"\u003e\n \u003c/ods-map-layer\u003e\n \u003c/ods-map\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-4\"\u003e\n \u003cspan class=\"ods-button\" ng-click=\"comm.parameters = {}; depts.parameters = {}; regions.parameters = {};\"\u003e\n Supprimer tous les filtres\n \u003c/span\u003e\n \u003ch2\u003e\n Jeu de données région\n \u003c/h2\u003e\n \u003ch4\u003e\n \u003cspan ng-if=\"!regions.parameters['refine.reg_code']\"\u003eAucun filtre actif\u003c/span\u003e\n \u003cspan ng-if=\"regions.parameters['refine.reg_code']\"\u003eFiltre actif : reg_code = {{ regions.parameters['refine.reg_code'] }}\u003c/span\u003e\n \u003c/h4\u003e\n \u003ch2\u003e\n Jeu de données département\n \u003c/h2\u003e\n \u003ch4\u003e\n \u003cspan ng-if=\"!(depts.parameters['refine.dep_code'] || depts.parameters['refine.reg_code'])\"\u003eAucun filtre actif\u003c/span\u003e\n \u003cspan ng-if=\"depts.parameters['refine.reg_code']\"\u003eFiltre actif : reg_code = {{ depts.parameters['refine.reg_code'] }}\u003c/span\u003e\n \u003cspan ng-if=\"depts.parameters['refine.dep_code']\"\u003e\u003cbr/\u003eFiltre actif: dep_code = {{ depts.parameters['refine.dep_code'] }}\u003c/span\u003e\n \u003c/h4\u003e\n \u003ch2\u003e\n Jeu de données commune\n \u003c/h2\u003e\n \u003ch4\u003e\n \u003cspan ng-if=\"!comm.parameters['refine.dep_code']\"\u003eAucun filtre actif\u003c/span\u003e\n \u003cspan ng-if=\"comm.parameters['refine.dep_code']\"\u003eFiltre actif : dep_code = {{ comm.parameters['refine.dep_code'] }}\u003c/span\u003e\n \u003c/h4\u003e\n \u003c/div\u003e\n \u003c/ods-dataset-context\u003e\n\u003c/div\u003e\n\u003c/div\u003e", "css": "" @@ -1179,7 +1361,8 @@

                                    width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -1223,6 +1406,7 @@

                                    const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -1333,7 +1517,9 @@

                                    $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                    <div ng-app="ods-widgets"> @@ -1406,8 +1592,16 @@

                                    "> -
                                    - + +

                                    -

                                    - -
                                    -

                                    - Dynamic map by zoom level - - - - - -

                                    -
                                    -

                                    In this example, the French administrative regions, departments and cities are displayed in a specific zoom range. +

                                    + +
                                    + +
                                    +

                                    + Dynamic map by zoom level + + + + + +

                                    +
                                    +

                                    In this example, the French administrative regions, departments and cities are displayed in a specific zoom range. Regions from the minimum to 6, Departments from 7 to 8, Cities from 9 to the maximum

                                    You can also configure layers to only be visible between certain zoom levels, using show-zoom-min, show-zoom-max, or both.

                                    -
                                    - -
                                    - +
                                    + + +
                                    + + + + + + @@ -1635,6 +1916,9 @@

                                    + + +
                                    name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"regions,depts,comm\"\n regions-domain=\"userclub\"\n regions-dataset=\"regions-et-collectivites-doutre-mer-france\"\n depts-domain=\"userclub\"\n depts-dataset=\"departements-et-collectivites-doutre-mer-france\"\n comm-domain=\"userclub\"\n comm-dataset=\"communes-et-arrondissements-municipaux-france\"\u003e\n \u003cods-map location=\"5,44.73113,4.21875\" style=\"height:560px\"\u003e\n \u003cods-map-layer context=\"regions\"\n color=\"#3D3D3D\"\n show-zoom-max=\"6\"\u003e\n \u003c/ods-map-layer\u003e\n \u003cods-map-layer context=\"depts\"\n color=\"#3D3D3D\"\n show-zoom-min=\"7\"\n show-zoom-max=\"8\"\u003e\n \u003c/ods-map-layer\u003e\n \u003cods-map-layer context=\"comm\"\n color=\"#c0c0c0\"\n show-zoom-min=\"9\"\u003e\n \u003c/ods-map-layer\u003e\n \u003c/ods-map\u003e\n\u003c/ods-dataset-context\u003e\n\u003c/div\u003e", "css": "" @@ -1658,7 +1942,8 @@

                                    width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -1702,6 +1987,7 @@

                                    const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -1812,7 +2098,9 @@

                                    $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                    <div ng-app="ods-widgets"> @@ -1846,8 +2134,16 @@

                                    "> -
                                    - + +

                                    -

                                    - -
                                    -

                                    - Replace map tooltip with a refine : in a pop-in ! - - - - - -

                                    -
                                    -

                                    In this example, refineOnClick will be used to open a modal on top on the map. It’s a good alternative to map tooltips, specially when their is a lot of content to display. +

                                    + +
                                    + +
                                    +

                                    + Replace map tooltip with a refine : in a pop-in ! + + + + + +

                                    +
                                    +

                                    In this example, refineOnClick will be used to open a modal on top on the map. It’s a good alternative to map tooltips, specially when their is a lot of content to display. It’s also easier to get contexts and refines from the page as default tooltips are in an isolated scope. that means that actions performed in the tooltip can’t have any effect on the page. In this example, modals are simple html blocs, displayed when a refine is active.

                                    -
                                    - -
                                    - +
                                    + + +
                                    + + + + + + + + +
                                    name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"container\"\u003e\n \u003cods-dataset-context context=\"map,ctxrefine\"\n map-dataset=\"us-hospitals\"\n map-domain=\"userclub\"\n map-parameters=\"{'refine.state':'HI'}\"\n ctxrefine-dataset=\"us-hospitals\"\n ctxrefine-domain=\"userclub\"\u003e\n \u003cdiv class=\"map\"\u003e\n \u003cods-map basemap=\"streets\" style=\"height:500px\" no-refit=\"true\"\u003e\n \u003cods-map-layer context=\"map\"\n refine-on-click-context=\"ctxrefine\"\n refine-on-click-context-replace-refine=\"true\"\u003e\u003c/ods-map-layer\u003e\n \u003c/ods-map\u003e\n \u003cdiv class=\"refine\"\n ng-if=\"ctxrefine.parameters['geofilter.distance']\"\n ods-results=\"items\"\n ods-results-context=\"ctxrefine\"\n ods-results-max=\"1\"\n ng-repeat=\"item in items\"\u003e\n\n \u003cdiv class=\"pop-in-card\" ng-if=\"item\"\u003e\n \u003cbutton class=\"pop-in-clear-button\"\n ng-click=\"ctxrefine.parameters['geofilter.distance'] = undefined\"\n aria-label=\"Close popup window\"\u003e\n \u003ci class=\"fa fa-times\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/button\u003e\n \u003cdiv class=\"pop-in-header row\"\u003e\n \u003cdiv class=\"col-xs-4\"\u003e\n \u003cdiv class=\"pop-in-photo-container\"\u003e\n \u003cimg class=\"pop-in-photo\"\n src=\"https://upload.wikimedia.org/wikipedia/commons/thumb/c/ca/Seal_of_the_State_of_Hawaii.svg/1200px-Seal_of_the_State_of_Hawaii.svg.png\"\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-xs-8\"\u003e\n \u003ch2 class=\"pop-in-title\"\u003e\n {{ item.fields.name }}\n \u003c/h2\u003e\n \u003ch3 class=\"pop-in-subtitle\"\u003e\n {{ item.fields.type }}\n \u003c/h3\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdl class=\"row pop-in-list\"\u003e\n \u003cdt class=\"col-sm-4\"\u003eADDRESS\u003c/dt\u003e\n \u003cdd class=\"col-sm-8\"\u003e{{ item.fields.address }}\u003c/dd\u003e\n \u003cdt class=\"col-sm-4\"\u003eCITY\u003c/dt\u003e\n \u003cdd class=\"col-sm-8\"\u003e{{ item.fields.city }}\u003c/dd\u003e\n \u003cdt class=\"col-sm-4\"\u003ePOPULATION\u003c/dt\u003e\n \u003cdd class=\"col-sm-8\"\u003e{{ item.fields.population }}\u003c/dd\u003e\n \u003cdt class=\"col-sm-4\"\u003eWEBSITE\u003c/dt\u003e\n \u003cdd class=\"col-sm-8\"\u003e\n \u003ca href=\"{{ item.fields.source }}\" target=\"_blank\"\u003e\n Link \u003ci class=\"fa fa-external-link\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/dd\u003e\n \u003c/dl\u003e\n \u003c/div\u003e\n \u003cdiv class=\"backdrop\"\n ng-click=\"ctxrefine.parameters['geofilter.distance'] = undefined\"\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/ods-dataset-context\u003e\n\u003c/div\u003e\n\u003c/div\u003e", "css": ".map {\n position: relative;\n}\n\n.map .refine {\n z-index: 20;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n}\n\n.map .refine .refine-close:hover {\n opacity: 0.65;\n}\n\n.map .backdrop {\n z-index: 19;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.7);\n}\n\n\n\n\n/* Pop-in\n========================================================================== */\n.ods-pop-in__backdrop {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: transparent;\n z-index: 101;\n cursor: auto;\n}\n.pop-in-clear-button {\n font-size: 1.3em;\n color: #ababab;\n position: absolute;\n top: 15px;\n right: 15px;\n border: none;\n background: none;\n z-index: 1;\n}\n.pop-in-clear-button:hover {\n color: #09357a;\n}\n.pop-in-card {\n z-index: 102;\n height: auto;\n min-width: 300px;\n width: 700px;\n background-color: white; /* Background color of card */\n color: var(--text);\n padding: 26px;\n margin: 0 10px;\n border-radius: 4px;\n text-decoration: none;\n transition: all .2s;\n position: relative;\n display: flex;\n flex-direction: column;\n}\n.pop-in-header {\n margin-bottom: 20px;\n}\n.pop-in-photo-container {\n position: relative;\n height: 100px;\n width: 100px;\n background-color: rgba(218, 218, 218, .2);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: auto;\n}\n.pop-in-photo {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n margin: auto;\n height: 100px;\n width: auto;\n max-width: 100px;\n border-radius: 50%;\n}\n.pop-in-title {\n font-size: 1.5rem;\n color: #071a70;\n font-weight: normal;\n margin-top: 17px !important;\n margin-bottom: 10px;\n}\n.pop-in-subtitle {\n font-size: 1rem;\n margin: 4px 0;\n text-transform: uppercase;\n font-weight: normal;\n border-radius: 4px;\n margin: 0;\n display: inline-block;\n}\n.pop-in-list {\n margin-top: 0;\n margin-bottom: 0;\n}\n.pop-in-list dt {\n color: #6f6f6f;\n}\n@media screen and (min-width: 767px) {\n .pop-in-list dt {\n text-align: right;\n }\n}\n.pop-in-list dd {\n margin: 0;\n}\n" @@ -2020,7 +2401,8 @@

                                    width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -2064,6 +2446,7 @@

                                    const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -2174,7 +2557,9 @@

                                    $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                    <div ng-app="ods-widgets"> @@ -2380,8 +2765,16 @@

                                    "> -
                                    - + +

                                    -

                                    - -
                                    -

                                    - Replace map tooltip with a refine : on the side ! - - - - - -

                                    -
                                    -

                                    In this example, refineOnClick will be used to display record details on the side of the map. It’s a good alternative to the pop-in version.

                                    +
                                    + +
                                    + +
                                    +

                                    + Replace map tooltip with a refine : on the side ! + + + + + +

                                    +
                                    +

                                    In this example, refineOnClick will be used to display record details on the side of the map. It’s a good alternative to the pop-in version.

                                    -

                                    To highlight the selected point on the map, the refined context is displayed. To achieve this, the context must be refined by a field that contains an unique name or ID, and therefore this field must be set has a filter/facet on the dataset.

                                    -
                                    +

                                    To highlight the selected point on the map, the refined context is displayed. To achieve this, the context must be refined by a field that contains an unique name or ID, and therefore this field must be set has a filter/facet on the dataset.

                                    -
                                    - -
                                    - +
                                    + + +
                                    + @@ -2892,19 +3347,27 @@

                                    -
                                    - - + +
                                    @@ -2915,7 +3378,8 @@

                                    width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -2959,6 +3423,7 @@

                                    const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -3069,7 +3534,9 @@

                                    $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                    <div ng-app="ods-widgets"> @@ -3216,7 +3683,7 @@

                                    -/* Side detail as an exemple, you should remove this part and do you own +/* Side detail as an example, you should remove this part and do you own ========================================================================== */ .pop-in-header { margin-bottom: 20px; @@ -3280,8 +3747,16 @@

                                    "> -
                                    - + +

                                    -

                                    + +
                                    +

                                    + Replace map tooltip with a refine : see the aggregation ! + + + + + +

                                    +
                                    +

                                    In this example, in combination with ods-color-gradient to display a choropleth map, the refineOnClick is used to select a department and activate KPI cards on top of the map.

                                    +
                                      +
                                    • the first KPI card displays the aggregation result from ods-color-gradient and display it’s value
                                      • +
                                    • the second KPI card get the name of the selected department, through an ods-results on the refined context
                                      • +
                                    • the third KPI card computes a new aggregation with ods-adv-analysis
                                      • +
                                    + +
                                    + + +
                                    + + + + + + + + + + + + + + + + + + + + +
                                    +
                                    + +
                                    +
                                    +
                                    +
                                    + +
                                    + + + + +
                                    -
                                    +
                                    -
                                    + + + +
                                    + +
                                    + + + +
                                    - - + - © Copyright 2020 + © Copyright 2026
                                    @@ -3800,7 +5307,7 @@

                                    diff --git a/public/widget-tricks/ods-pop-in/index.html b/public/widget-tricks/ods-pop-in/index.html index fad520f73..f34a37dae 100644 --- a/public/widget-tricks/ods-pop-in/index.html +++ b/public/widget-tricks/ods-pop-in/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@ - @@ -185,7 +202,7 @@
                                    • + href="https://codelibrary.huwize.com/"> Home
                                      • @@ -202,6 +219,54 @@ + + + + + + + + + + + + + + + + + + + + + +
                                    • + + Apps + + +
                                      • + + + + + + + + + + + + + + + + + + + + @@ -256,6 +321,9 @@ + + +
                                    • @@ -280,6 +348,9 @@ + + + @@ -324,6 +395,18 @@ + + + + + + + + + + + + @@ -377,6 +460,16 @@
                                        +
                                      • + +
                                        + Age Pyramid with custom HTML/CSS + + +
                                        +                                         +
                                        • +
                                      • @@ -458,9 +551,9 @@
                                      • - +
                                        - Heatmaps with Vega-Lite + ods-adv-analysis
                                        @@ -493,10 +586,6 @@ ods-chart: CSS Hacks - - 1 - -
                                        • @@ -517,10 +606,6 @@ ods-color-gradient + ods-map : a choropleth alternative - - 4 - - @@ -595,20 +680,6 @@ -
                                      • - -
                                        - ods-table: Fixed column - - - - 1 - - -
                                        -                                         -
                                        • -
                                      • @@ -640,51 +711,67 @@
                                        - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
                                        @@ -695,29 +782,30 @@
                                        -
                                        -

                                        Widget Tricks - ods-pop-in variants

                                        -
                                        -

                                        Display content in a pop-in window. It can either open automatically or you can make a custom pop in that opens manually by clicking a button.

                                        - -
                                        - -
                                        -

                                        - Automatic - - - - - -

                                        -
                                        -

                                        Display a pop-in window after a specific delay, at every page load or just once.

                                        +
                                        +

                                        Widget Tricks - ods-pop-in variants

                                        +
                                        +

                                        Display content in a pop-in window. It can either open automatically or you can make a custom pop in that opens manually by clicking a button.

                                        -
                                        - -
                                        +
                                        +
                                        +

                                        + Automatic + + + + + +

                                        +
                                        +

                                        Display a pop-in window after a specific delay, at every page load or just once.

                                        + +
                                        + + +
                                        + @@ -729,6 +817,14 @@

                                        + + + + + + + +
                                        name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003ch2\u003e\n A pop-in window should be displaying after a short delay\n\u003c/h2\u003e\n\n\u003cem\u003e\nNote: Ods-pop-in will be displayed only once at each browsing session of the user\n\u003c/em\u003e\n\n\u003cods-pop-in name=\"mypopindisco\"\n title=\"\"\n display-after=\"3\"\n display-only-once=\"false\"\u003e\n \u003ch2\u003e\n Welcome! \u003ci class=\"fa fa-bell-o\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/h2\u003e\n \u003cp\u003e\n This is a pop-in sample\n \u003c/p\u003e\n \u003cbutton class=\"ods-button\" \n ng-click=\"hidePopIn()\"\u003e\n Close\n \u003c/button\u003e\n\u003c/ods-pop-in\u003e\n \u003c/div\u003e", "css": "" @@ -752,7 +848,8 @@

                                        width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -796,6 +893,7 @@

                                        const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -906,7 +1004,9 @@

                                        $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                        <div ng-app="ods-widgets"> @@ -940,8 +1040,10 @@

                                        "> -
                                        -

                                        -

                                        - -
                                        -

                                        - Custom made - - - - - -

                                        -
                                        -

                                        Display a custom pop in window by clicking on a button.

                                        - -
                                        - -
                                        +
                                        + +
                                        +
                                        +

                                        + Custom made + + + + + +

                                        +
                                        +

                                        Display a custom pop in window by clicking on a button.

                                        + +
                                        + + +
                                        + @@ -1089,6 +1195,14 @@

                                        + + + + + + + +
                                        name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv ng-init=\"pop = {\n 'state':false,\n 'iframe':false\n }\"\u003e\n \u003cbutton class=\"ods-button\"\n ng-click=\"pop.state = true\"\u003e\n Pop it!\n \u003c/button\u003e\n\n \u003cbutton class=\"ods-button\"\n ng-click=\"pop.iframe = true\"\u003e\n Pop in with iframe inside\n \u003c/button\u003e\n\n \u003cdiv class=\"ods-pop-in\"\n ng-if=\"pop.state\"\u003e\n \u003cdiv class=\"ods-pop-in__container\"\u003e\n \u003ch2 class=\"title\"\u003e\n Pop!\n \u003c/h2\u003e\n \u003cbutton class=\"ods-button\"\n ng-click=\"pop.state = false\"\u003e\n Close\n \u003c/button\u003e\n \u003c/div\u003e\n \u003cdiv class=\"ods-pop-in__backdrop\" ng-click=\"pop.state = false\"\u003e\u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"ods-pop-in\"\n ng-if=\"pop.iframe\"\u003e\n \u003cdiv class=\"ods-pop-in__container iframe-container\"\u003e\n \u003ciframe src=\"/\"\n width=\"100%\"\n height=\"300\"\u003e\u003c/iframe\u003e\n \u003c/div\u003e\n \u003cdiv class=\"ods-pop-in__backdrop\"\n ng-click=\"pop.iframe = false\"\u003e\u003c/div\u003e\n \u003c/div\u003e\n\u003c/div\u003e\n\n\u003c/div\u003e", "css": ".ods-pop-in__container {\n z-index: 102;\n}\n\n.ods-pop-in__backdrop {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: transparent;\n z-index: 101;\n cursor: auto;\n}\n\n.iframe-container {\n width: 100%;\n padding: 10px;\n max-width: inherit;\n margin-left: 120px;\n margin-right: 120px;\n}\n\n.iframe-container iframe {\n border: none;\n}" @@ -1112,7 +1226,8 @@

                                        width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -1156,6 +1271,7 @@

                                        const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -1266,7 +1382,9 @@

                                        $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                        <div ng-app="ods-widgets"> @@ -1342,8 +1460,10 @@

                                        "> -
                                        -

                                        -

                                        - -
                                        +
                                        + +
                                        + +
                                        - - + - © Copyright 2020 + © Copyright 2026
                                        @@ -1592,7 +1714,7 @@

                                        diff --git a/public/widget-tricks/ods-results/4/html.inc b/public/widget-tricks/ods-results/4/html.inc index 12d9bc5c0..e5bb0b0d0 100644 --- a/public/widget-tricks/ods-results/4/html.inc +++ b/public/widget-tricks/ods-results/4/html.inc @@ -13,7 +13,7 @@ + domain-url="https://userclub.huwise.com">
                                        diff --git a/public/widget-tricks/ods-results/index.html b/public/widget-tricks/ods-results/index.html index ab70db81b..4d6409c2e 100644 --- a/public/widget-tricks/ods-results/index.html +++ b/public/widget-tricks/ods-results/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@
                                        - @@ -197,7 +214,7 @@

                                        • @@ -529,10 +618,6 @@ ods-color-gradient + ods-map : a choropleth alternative - - 4 - - @@ -607,20 +692,6 @@ -
                                      • - -
                                        - ods-table: Fixed column - - - - 1 - - -
                                        -                                         -
                                        • -
                                      • @@ -652,51 +723,67 @@
                                        - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
                                        @@ -707,37 +794,36 @@
                                        -
                                        -

                                        Widget Tricks - ods-results

                                        -
                                        -

                                        ods-results is a rather simple widget to list records from a dataset. They can be displayed as a list or cards.

                                        -

                                        ods-results widget documentation

                                        +
                                        +

                                        Widget Tricks - ods-results

                                        +
                                        +

                                        ods-results is a rather simple widget to list records from a dataset. They can be displayed as a list or cards.

                                        +

                                        ods-results widget documentation

                                        Several Code Library resources rely on ods-results, for example the table module component, to list records in a table. The search module component, to display the results of a search query. The generators also use an ods-results internally to list dataset content.

                                        -
                                        - -
                                        -

                                        - Simple usage, list records ! - New +

                                        - - - - - -

                                    -
                                    -

                                    ods-results returns an array: the list of records. Records are objects, and all the metas are accessible through the fields key.

                                    +
                                    +

                                    + Simple usage, list records ! + + + + + +

                                    +
                                    +

                                    ods-results returns an array: the list of records. Records are objects, and all the metas are accessible through the fields key.

                                    ng-repeat directive loop over each record and “print” the HTML for each record. For more advanced usage, please refer to the AngularJs ng-repeat documentation here

                                    This first simple resource lists districts in Brussels, Belgium.

                                    -
                                    - -
                                    - +
                                    + + +
                                    + @@ -749,6 +835,14 @@

                                    + + + + + + + +
                                    name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"container\"\u003e\n \u003cods-dataset-context context=\"belgiumdistricts, belgiumdistrictsinhab\"\n belgiumdistricts-dataset=\"belgium-statistical-districts\"\n belgiumdistricts-parameters=\"{'sort':'inh_km2','refine.commune':'BRUXELLES'}\"\n belgiumdistrictsinhab-dataset=\"belgium-statistical-districts\"\n belgiumdistrictsinhab-parameters=\"{'sort':'inhab','refine.commune':'BRUXELLES'}\"\u003e\n\n \u003ch3\u003e10 Brussels districts\u003c/h3\u003e\n \u003ch4\u003eThe context used by ods-results has \u003ccode\u003esort: inh_km2\u003c/code\u003e parameter (ie. sort by density)\u003c/h4\u003e\n \u003cdiv ods-results=\"records\"\n ods-results-context=\"belgiumdistricts\"\n ods-results-max=\"10\"\u003e\n \u003cul\u003e\n \u003cli ng-repeat=\"record in records\"\u003e\n \u003cstrong\u003e{{ record.fields.sector_fr }}\u003c/strong\u003e, {{ record.fields.inhab | number }} inhabitants.\n ({{ record.fields.inh_km2 | number }} inhab/km\u003csup\u003e2\u003c/sup\u003e)\n \u003c/li\u003e\n \u003c/ul\u003e\n \u003c/div\u003e\n\n \u003ch3\u003e10 Brussels districts\u003c/h3\u003e\n \u003ch4\u003eThe context used by ods-results has a \u003ccode\u003esort: inhab\u003c/code\u003e parameter (ie. sort by population)\u003c/h4\u003e\n \u003cdiv ods-results=\"records\"\n ods-results-context=\"belgiumdistrictsinhab\"\n ods-results-max=\"10\"\u003e\n \u003cul\u003e\n \u003cli ng-repeat=\"record in records\"\u003e\n \u003cstrong\u003e{{ record.fields.sector_fr }}\u003c/strong\u003e, {{ record.fields.inhab | number }} inhabitants.\n ({{ record.fields.inh_km2 | number }} inhab/km\u003csup\u003e2\u003c/sup\u003e)\n \u003c/li\u003e\n \u003c/ul\u003e\n \u003c/div\u003e\n\n \u003c/ods-dataset-context\u003e\n\u003c/div\u003e\u003c/div\u003e", "css": "" @@ -772,7 +866,8 @@

                                    width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -816,6 +911,7 @@

                                    const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -926,7 +1022,9 @@

                                    $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                    <div ng-app="ods-widgets"> @@ -971,8 +1069,16 @@

                                    "> -
                                    - + +

                                    -

                                    - - + +
                                    +

                                    + Cards list + + + + + +

                                    +
                                    +

                                    With ODS layout system, you can easily list results and print each record as a card.

                                    -

                                    Note that these codes also relies on this resource that over-rides this ODS layout.

                                    -
                                    +

                                    Note that these codes also relies on this resource that over-rides this ODS layout.

                                    It can then be combined with other widgets, by getting a metadata from the record, and feeding another widget with it. In this example, we get the shape of the record, -and feed ods-geotooltip +and feed ods-geotooltip with its value.

                                    -
                                    - -
                                    - +
                                    + + +
                                    + @@ -1150,6 +1304,14 @@

                                    + + + + + + + +
                                    name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"container\"\u003e\n \u003cods-dataset-context context=\"belgiumdistricts\"\n belgiumdistricts-dataset=\"belgium-statistical-districts\"\n belgiumdistricts-parameters=\"{'sort':'inhab','refine.commune':'BRUXELLES'}\"\u003e\n\n \u003cdiv class=\"row\"\n ods-results=\"records\"\n ods-results-context=\"belgiumdistricts\"\n ods-results-max=\"10\"\u003e\n \u003cdiv class=\"col-md-4 col-sm-6\"\n ng-repeat=\"record in records\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003ch3\u003e{{ record.fields.sector_fr }}\u003c/h3\u003e\n \u003cp\u003e\n {{ record.fields.inhab | number }} inhabitants. ({{ record.fields.inh_km2 | number }} inhab/km\u003csup\u003e2\u003c/sup\u003e)\n \u003c/p\u003e\n \u003cods-geotooltip geojson=\"record.fields.geo_shape\"\u003e\n See the district on a map \u003ci class=\"fa fa-map-pin\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/ods-geotooltip\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003c/ods-dataset-context\u003e\n\u003c/div\u003e\u003c/div\u003e", "css": "/**\n * License: MIT License\n * Generated on 25 Jun 2021\n * Author: Labs from opendatasoft\n * Version: 0.3\n * Description: ODS Layout over-ride to Flexbox system\n */\n\n.box,.row.full-height{height:100%}.row{display:flex;flex-wrap:wrap}.row\u003e*{margin-bottom:20px}.order-0{order:0}@media screen and (min-width:750px){.order-sm-0{order:0}}@media screen and (min-width:970px){.order-md-0{order:0}}@media screen and (min-width:1170px){.order-lg-0{order:0}.order-lg-1{order:1}}.order-1{order:1}@media screen and (min-width:750px){.order-sm-1{order:1}}@media screen and (min-width:970px){.order-md-1{order:1}.order-md-2{order:2}}.order-2{order:2}@media screen and (min-width:750px){.order-sm-2{order:2}}@media screen and (min-width:1170px){.order-lg-2{order:2}.order-lg-3{order:3}}.order-3{order:3}@media screen and (min-width:750px){.order-sm-3{order:3}}@media screen and (min-width:970px){.order-md-3{order:3}.order-md-4{order:4}}.order-4{order:4}@media screen and (min-width:750px){.order-sm-4{order:4}}@media screen and (min-width:1170px){.order-lg-4{order:4}.order-lg-5{order:5}}.order-5{order:5}@media screen and (min-width:750px){.order-sm-5{order:5}}@media screen and (min-width:970px){.order-md-5{order:5}.order-md-6{order:6}}.order-6{order:6}@media screen and (min-width:750px){.order-sm-6{order:6}}@media screen and (min-width:1170px){.order-lg-6{order:6}.order-lg-7{order:7}}.order-7{order:7}@media screen and (min-width:750px){.order-sm-7{order:7}}@media screen and (min-width:970px){.order-md-7{order:7}.order-md-8{order:8}}.order-8{order:8}@media screen and (min-width:750px){.order-sm-8{order:8}}@media screen and (min-width:1170px){.order-lg-8{order:8}.order-lg-9{order:9}}.order-9{order:9}@media screen and (min-width:750px){.order-sm-9{order:9}}@media screen and (min-width:970px){.order-md-9{order:9}.order-md-10{order:10}}.order-10{order:10}@media screen and (min-width:750px){.order-sm-10{order:10}}@media screen and (min-width:1170px){.order-lg-10{order:10}.order-lg-11{order:11}}.order-11{order:11}@media screen and (min-width:750px){.order-sm-11{order:11}}@media screen and (min-width:970px){.order-md-11{order:11}.order-md-12{order:12}}.order-12{order:12}@media screen and (min-width:750px){.order-sm-12{order:12}}@media screen and (min-width:1170px){.order-lg-12{order:12}}@media screen and (max-width:1169px){:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-1,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-10,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-11,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-12,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-2,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-3,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-4,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-5,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-6,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-7,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-8,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-9{width:100%}}@media screen and (max-width:969px){:not([class*=col-sm]):not([class*=col-xs]).col-md-1,:not([class*=col-sm]):not([class*=col-xs]).col-md-10,:not([class*=col-sm]):not([class*=col-xs]).col-md-11,:not([class*=col-sm]):not([class*=col-xs]).col-md-12,:not([class*=col-sm]):not([class*=col-xs]).col-md-2,:not([class*=col-sm]):not([class*=col-xs]).col-md-3,:not([class*=col-sm]):not([class*=col-xs]).col-md-4,:not([class*=col-sm]):not([class*=col-xs]).col-md-5,:not([class*=col-sm]):not([class*=col-xs]).col-md-6,:not([class*=col-sm]):not([class*=col-xs]).col-md-7,:not([class*=col-sm]):not([class*=col-xs]).col-md-8,:not([class*=col-sm]):not([class*=col-xs]).col-md-9{width:100%}}@media screen and (max-width:749px){.row{flex-direction:column}:not([class*=col-xs]).col-sm-1,:not([class*=col-xs]).col-sm-10,:not([class*=col-xs]).col-sm-11,:not([class*=col-xs]).col-sm-12,:not([class*=col-xs]).col-sm-2,:not([class*=col-xs]).col-sm-3,:not([class*=col-xs]).col-sm-4,:not([class*=col-xs]).col-sm-5,:not([class*=col-xs]).col-sm-6,:not([class*=col-xs]).col-sm-7,:not([class*=col-xs]).col-sm-8,:not([class*=col-xs]).col-sm-9{width:100%}}.no-margin-bottom,.no-mb{margin-bottom:0!important}.no-margin-x,.no-mx{margin-left:0!important;margin-right:0!important}\n\n/* Box style */\n.box {\n position: relative;\n padding: 13px;\n}\n.box.white {\n background-color: white;\n}\n.box.flat {\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);\n border-radius: var(--boxes-radius);\n}" @@ -1173,7 +1335,8 @@

                                    width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -1217,6 +1380,7 @@

                                    const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -1327,7 +1491,9 @@

                                    $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                    <div ng-app="ods-widgets"> @@ -1383,8 +1549,16 @@

                                    "> -
                                    - + +

                                    -

                                    - - + +
                                    +

                                    + Pagination block + + + + + +

                                    +
                                    +

                                    ods-pagination-block can be added to paginate your results.

                                    Beware of setting the same number of results in your ods-results-max and per-page parameters.

                                    -
                                    - -
                                    - +
                                    + + +
                                    + @@ -1594,6 +1821,14 @@

                                    + + + + + + + +
                                    name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"container\"\u003e\n \u003cods-dataset-context context=\"belgiumdistricts\"\n belgiumdistricts-dataset=\"belgium-statistical-districts\"\n belgiumdistricts-parameters=\"{'sort':'inhab','refine.commune':'BRUXELLES'}\"\u003e\n\n \u003cdiv class=\"row\"\n ods-results=\"records\"\n ods-results-context=\"belgiumdistricts\"\n ods-results-max=\"12\"\u003e\n \u003cdiv class=\"col-md-4 col-sm-6\"\n ng-repeat=\"record in records\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003ch3\u003e{{ record.fields.sector_fr }}\u003c/h3\u003e\n \u003cp\u003e\n {{ record.fields.inhab | number }} inhabitants. ({{ record.fields.inh_km2 | number }} inhab/km\u003csup\u003e2\u003c/sup\u003e)\n \u003c/p\u003e\n \u003cods-geotooltip geojson=\"record.fields.geo_shape\"\u003e\n See the district on a map \u003ci class=\"fa fa-map-pin\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/ods-geotooltip\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cods-pagination-block context=\"belgiumdistricts\"\n per-page=\"12\"\u003e\n \u003c/ods-pagination-block\u003e\n \u003c/div\u003e\n\n \u003c/ods-dataset-context\u003e\n\u003c/div\u003e\u003c/div\u003e", "css": "/**\n * License: MIT License\n * Generated on 25 Jun 2021\n * Author: Labs from opendatasoft\n * Version: 0.3\n * Description: ODS Layout over-ride to Flexbox system\n */\n\n.box,.row.full-height{height:100%}.row{display:flex;flex-wrap:wrap}.row\u003e*{margin-bottom:20px}.order-0{order:0}@media screen and (min-width:750px){.order-sm-0{order:0}}@media screen and (min-width:970px){.order-md-0{order:0}}@media screen and (min-width:1170px){.order-lg-0{order:0}.order-lg-1{order:1}}.order-1{order:1}@media screen and (min-width:750px){.order-sm-1{order:1}}@media screen and (min-width:970px){.order-md-1{order:1}.order-md-2{order:2}}.order-2{order:2}@media screen and (min-width:750px){.order-sm-2{order:2}}@media screen and (min-width:1170px){.order-lg-2{order:2}.order-lg-3{order:3}}.order-3{order:3}@media screen and (min-width:750px){.order-sm-3{order:3}}@media screen and (min-width:970px){.order-md-3{order:3}.order-md-4{order:4}}.order-4{order:4}@media screen and (min-width:750px){.order-sm-4{order:4}}@media screen and (min-width:1170px){.order-lg-4{order:4}.order-lg-5{order:5}}.order-5{order:5}@media screen and (min-width:750px){.order-sm-5{order:5}}@media screen and (min-width:970px){.order-md-5{order:5}.order-md-6{order:6}}.order-6{order:6}@media screen and (min-width:750px){.order-sm-6{order:6}}@media screen and (min-width:1170px){.order-lg-6{order:6}.order-lg-7{order:7}}.order-7{order:7}@media screen and (min-width:750px){.order-sm-7{order:7}}@media screen and (min-width:970px){.order-md-7{order:7}.order-md-8{order:8}}.order-8{order:8}@media screen and (min-width:750px){.order-sm-8{order:8}}@media screen and (min-width:1170px){.order-lg-8{order:8}.order-lg-9{order:9}}.order-9{order:9}@media screen and (min-width:750px){.order-sm-9{order:9}}@media screen and (min-width:970px){.order-md-9{order:9}.order-md-10{order:10}}.order-10{order:10}@media screen and (min-width:750px){.order-sm-10{order:10}}@media screen and (min-width:1170px){.order-lg-10{order:10}.order-lg-11{order:11}}.order-11{order:11}@media screen and (min-width:750px){.order-sm-11{order:11}}@media screen and (min-width:970px){.order-md-11{order:11}.order-md-12{order:12}}.order-12{order:12}@media screen and (min-width:750px){.order-sm-12{order:12}}@media screen and (min-width:1170px){.order-lg-12{order:12}}@media screen and (max-width:1169px){:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-1,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-10,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-11,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-12,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-2,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-3,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-4,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-5,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-6,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-7,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-8,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-9{width:100%}}@media screen and (max-width:969px){:not([class*=col-sm]):not([class*=col-xs]).col-md-1,:not([class*=col-sm]):not([class*=col-xs]).col-md-10,:not([class*=col-sm]):not([class*=col-xs]).col-md-11,:not([class*=col-sm]):not([class*=col-xs]).col-md-12,:not([class*=col-sm]):not([class*=col-xs]).col-md-2,:not([class*=col-sm]):not([class*=col-xs]).col-md-3,:not([class*=col-sm]):not([class*=col-xs]).col-md-4,:not([class*=col-sm]):not([class*=col-xs]).col-md-5,:not([class*=col-sm]):not([class*=col-xs]).col-md-6,:not([class*=col-sm]):not([class*=col-xs]).col-md-7,:not([class*=col-sm]):not([class*=col-xs]).col-md-8,:not([class*=col-sm]):not([class*=col-xs]).col-md-9{width:100%}}@media screen and (max-width:749px){.row{flex-direction:column}:not([class*=col-xs]).col-sm-1,:not([class*=col-xs]).col-sm-10,:not([class*=col-xs]).col-sm-11,:not([class*=col-xs]).col-sm-12,:not([class*=col-xs]).col-sm-2,:not([class*=col-xs]).col-sm-3,:not([class*=col-xs]).col-sm-4,:not([class*=col-xs]).col-sm-5,:not([class*=col-xs]).col-sm-6,:not([class*=col-xs]).col-sm-7,:not([class*=col-xs]).col-sm-8,:not([class*=col-xs]).col-sm-9{width:100%}}.no-margin-bottom,.no-mb{margin-bottom:0!important}.no-margin-x,.no-mx{margin-left:0!important;margin-right:0!important}\n\n/* Box style */\n.box {\n position: relative;\n padding: 13px;\n}\n.box.white {\n background-color: white;\n}\n.box.flat {\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);\n border-radius: var(--boxes-radius);\n}\n\n\n/* ods-pagination */\n.odswidget-pagination {\n margin: 20px auto;\n}" @@ -1617,7 +1852,8 @@

                                    width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -1661,6 +1897,7 @@

                                    const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -1771,7 +2008,9 @@

                                    $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                    <div ng-app="ods-widgets"> @@ -1838,8 +2077,16 @@

                                    "> -
                                    - + +

                                    -

                                    - -
                                    -

                                    - More advanced cards with record images - - - - - -

                                    -
                                    -

                                    This example get image from the dataset with ods-record-image. +

                                    + +
                                    + +
                                    +

                                    + More advanced cards with record images + + + + + +

                                    +
                                    +

                                    This example get image from the dataset with ods-record-image. It also displays the cost if the meta is filled.

                                    The geolocation at the bottom of the card displays the address if it exists, or the word “Location” if the field is empty.

                                    -
                                    - -
                                    - +
                                    + + +
                                    + @@ -2071,6 +2371,14 @@

                                    + + + + + + + +
                                    name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"container\"\u003e\n \u003cods-dataset-context context=\"ctx\"\n ctx-dataset=\"principales-depenses-dequipements-issy\"\n ctx-parameters=\"{'q':'NOT #null(image)'}\"\u003e\n\n \u003cdiv class=\"row\"\n ods-results=\"records\"\n ods-results-context=\"ctx\"\n ods-results-max=\"12\"\u003e\n \u003cdiv class=\"col-md-4 col-sm-6\"\n ng-repeat=\"record in records\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cods-record-image context=\"ctx\"\n record=\"record\"\n field=\"image\"\n domain-url=\"https://userclub.opendatasoft.com\"\u003e\u003c/ods-record-image\u003e\n \u003c!-- domain-url is not necessary if your page is on the same domain than the dataset --\u003e\n \u003cdiv class=\"box-content\"\u003e\n \u003cdiv class=\"headers\"\u003e\n \u003ch3\u003e{{ record.fields.equipements }}\u003c/h3\u003e\n \u003cp\u003e\n {{ record.fields.description }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdl class=\"row\"\u003e\n \u003cdt class=\"col-xs-6 no-mb\"\u003eFinancial year\u003c/dt\u003e\n \u003cdd class=\"col-xs-6 no-mb\"\u003e{{ record.fields.exercices }}\u003c/dd\u003e\n\n \u003cdt ng-if=\"record.fields.cout_pour_la_ville_en_euros\"\n class=\"col-xs-6 no-mb\"\u003eCost\u003c/dt\u003e\n \u003cdd ng-if=\"record.fields.cout_pour_la_ville_en_euros\"\n class=\"col-xs-6 no-mb\"\u003e{{ record.fields.cout_pour_la_ville_en_euros | number }} €\u003c/dd\u003e\n\n \u003cdd class=\"col-xs-12 no-mb mt\"\u003e\n \u003cods-geotooltip record=\"record\"\u003e\u003ci class=\"fa fa-map-pin\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n {{ record.fields.adresse || \"Location\" }}\u003c/ods-geotooltip\u003e\n \u003c/dd\u003e\n \u003c/dl\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cods-pagination-block context=\"ctx\"\n per-page=\"12\"\u003e\n \u003c/ods-pagination-block\u003e\n \u003c/div\u003e\n\n \u003c/ods-dataset-context\u003e\n\u003c/div\u003e\u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"container\"\u003e\n \u003cods-dataset-context context=\"ctx\"\n ctx-dataset=\"principales-depenses-dequipements-issy\"\n ctx-parameters=\"{'q':'NOT #null(image)'}\"\u003e\n\n \u003cdiv class=\"row\"\n ods-results=\"records\"\n ods-results-context=\"ctx\"\n ods-results-max=\"12\"\u003e\n \u003cdiv class=\"col-md-4 col-sm-6\"\n ng-repeat=\"record in records\"\u003e\n \u003cdiv class=\"box white flat\"\u003e\n \u003cods-record-image context=\"ctx\"\n record=\"record\"\n field=\"image\"\n domain-url=\"https://userclub.huwise.com\"\u003e\u003c/ods-record-image\u003e\n \u003c!-- domain-url is not necessary if your page is on the same domain than the dataset --\u003e\n \u003cdiv class=\"box-content\"\u003e\n \u003cdiv class=\"headers\"\u003e\n \u003ch3\u003e{{ record.fields.equipements }}\u003c/h3\u003e\n \u003cp\u003e\n {{ record.fields.description }}\n \u003c/p\u003e\n \u003c/div\u003e\n \u003cdl class=\"row\"\u003e\n \u003cdt class=\"col-xs-6 no-mb\"\u003eFinancial year\u003c/dt\u003e\n \u003cdd class=\"col-xs-6 no-mb\"\u003e{{ record.fields.exercices }}\u003c/dd\u003e\n\n \u003cdt ng-if=\"record.fields.cout_pour_la_ville_en_euros\"\n class=\"col-xs-6 no-mb\"\u003eCost\u003c/dt\u003e\n \u003cdd ng-if=\"record.fields.cout_pour_la_ville_en_euros\"\n class=\"col-xs-6 no-mb\"\u003e{{ record.fields.cout_pour_la_ville_en_euros | number }} €\u003c/dd\u003e\n\n \u003cdd class=\"col-xs-12 no-mb mt\"\u003e\n \u003cods-geotooltip record=\"record\"\u003e\u003ci class=\"fa fa-map-pin\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n {{ record.fields.adresse || \"Location\" }}\u003c/ods-geotooltip\u003e\n \u003c/dd\u003e\n \u003c/dl\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"row\"\u003e\n \u003cods-pagination-block context=\"ctx\"\n per-page=\"12\"\u003e\n \u003c/ods-pagination-block\u003e\n \u003c/div\u003e\n\n \u003c/ods-dataset-context\u003e\n\u003c/div\u003e\u003c/div\u003e", "css": "/**\n * License: MIT License\n * Generated on 25 Jun 2021\n * Author: Labs from opendatasoft\n * Version: 0.3\n * Description: ODS Layout over-ride to Flexbox system\n */\n\n.box,.row.full-height{height:100%}.row{display:flex;flex-wrap:wrap}.row\u003e*{margin-bottom:20px}.order-0{order:0}@media screen and (min-width:750px){.order-sm-0{order:0}}@media screen and (min-width:970px){.order-md-0{order:0}}@media screen and (min-width:1170px){.order-lg-0{order:0}.order-lg-1{order:1}}.order-1{order:1}@media screen and (min-width:750px){.order-sm-1{order:1}}@media screen and (min-width:970px){.order-md-1{order:1}.order-md-2{order:2}}.order-2{order:2}@media screen and (min-width:750px){.order-sm-2{order:2}}@media screen and (min-width:1170px){.order-lg-2{order:2}.order-lg-3{order:3}}.order-3{order:3}@media screen and (min-width:750px){.order-sm-3{order:3}}@media screen and (min-width:970px){.order-md-3{order:3}.order-md-4{order:4}}.order-4{order:4}@media screen and (min-width:750px){.order-sm-4{order:4}}@media screen and (min-width:1170px){.order-lg-4{order:4}.order-lg-5{order:5}}.order-5{order:5}@media screen and (min-width:750px){.order-sm-5{order:5}}@media screen and (min-width:970px){.order-md-5{order:5}.order-md-6{order:6}}.order-6{order:6}@media screen and (min-width:750px){.order-sm-6{order:6}}@media screen and (min-width:1170px){.order-lg-6{order:6}.order-lg-7{order:7}}.order-7{order:7}@media screen and (min-width:750px){.order-sm-7{order:7}}@media screen and (min-width:970px){.order-md-7{order:7}.order-md-8{order:8}}.order-8{order:8}@media screen and (min-width:750px){.order-sm-8{order:8}}@media screen and (min-width:1170px){.order-lg-8{order:8}.order-lg-9{order:9}}.order-9{order:9}@media screen and (min-width:750px){.order-sm-9{order:9}}@media screen and (min-width:970px){.order-md-9{order:9}.order-md-10{order:10}}.order-10{order:10}@media screen and (min-width:750px){.order-sm-10{order:10}}@media screen and (min-width:1170px){.order-lg-10{order:10}.order-lg-11{order:11}}.order-11{order:11}@media screen and (min-width:750px){.order-sm-11{order:11}}@media screen and (min-width:970px){.order-md-11{order:11}.order-md-12{order:12}}.order-12{order:12}@media screen and (min-width:750px){.order-sm-12{order:12}}@media screen and (min-width:1170px){.order-lg-12{order:12}}@media screen and (max-width:1169px){:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-1,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-10,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-11,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-12,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-2,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-3,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-4,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-5,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-6,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-7,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-8,:not([class*=col-md]):not([class*=col-sm]):not([class*=col-xs]).col-lg-9{width:100%}}@media screen and (max-width:969px){:not([class*=col-sm]):not([class*=col-xs]).col-md-1,:not([class*=col-sm]):not([class*=col-xs]).col-md-10,:not([class*=col-sm]):not([class*=col-xs]).col-md-11,:not([class*=col-sm]):not([class*=col-xs]).col-md-12,:not([class*=col-sm]):not([class*=col-xs]).col-md-2,:not([class*=col-sm]):not([class*=col-xs]).col-md-3,:not([class*=col-sm]):not([class*=col-xs]).col-md-4,:not([class*=col-sm]):not([class*=col-xs]).col-md-5,:not([class*=col-sm]):not([class*=col-xs]).col-md-6,:not([class*=col-sm]):not([class*=col-xs]).col-md-7,:not([class*=col-sm]):not([class*=col-xs]).col-md-8,:not([class*=col-sm]):not([class*=col-xs]).col-md-9{width:100%}}@media screen and (max-width:749px){.row{flex-direction:column}:not([class*=col-xs]).col-sm-1,:not([class*=col-xs]).col-sm-10,:not([class*=col-xs]).col-sm-11,:not([class*=col-xs]).col-sm-12,:not([class*=col-xs]).col-sm-2,:not([class*=col-xs]).col-sm-3,:not([class*=col-xs]).col-sm-4,:not([class*=col-xs]).col-sm-5,:not([class*=col-xs]).col-sm-6,:not([class*=col-xs]).col-sm-7,:not([class*=col-xs]).col-sm-8,:not([class*=col-xs]).col-sm-9{width:100%}}.no-margin-bottom,.no-mb{margin-bottom:0!important}.no-margin-x,.no-mx{margin-left:0!important;margin-right:0!important}\n\n/* Box style */\n.box {\n position: relative;\n display: flex;\n flex-direction: column;\n /*justify-content: space-between;*/\n}\n.box.white {\n background-color: white;\n}\n.box.flat {\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);\n border-radius: 6px;\n}\n/* Image */\n.odswidget.odswidget-record-image \u003e img {\n height: 100px;\n width: 100%;\n object-fit: cover;\n margin: auto;\n border-radius: 6px 6px 0 0;\n}\n.box-content {\n padding: 13px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n}\ndd {\n margin: 0;\n font-weight: 600;\n}\n\n/* Utils */\n.mt {\n margin-top: 13px;\n}\n\n/* ods-pagination */\n.odswidget-pagination {\n margin: 20px auto;\n}\n\n\n" }'> @@ -2094,7 +2402,8 @@

                                    width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -2138,6 +2447,7 @@

                                    const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -2248,7 +2558,9 @@

                                    $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                    <div ng-app="ods-widgets"> @@ -2267,7 +2579,7 @@

                                    <ods-record-image context="ctx" record="record" field="image" - domain-url="https://userclub.opendatasoft.com"></ods-record-image> + domain-url="https://userclub.huwise.com"></ods-record-image> <!-- domain-url is not necessary if your page is on the same domain than the dataset --> <div class="box-content"> <div class="headers"> @@ -2363,8 +2675,16 @@

                                    "> -
                                    - + +

                                    -

                                    - -
                                    + + + + +
                                    - - + - © Copyright 2020 + © Copyright 2026
                                    @@ -2691,7 +3068,7 @@

                                    diff --git a/public/widget-tricks/ods-select/3/html.inc b/public/widget-tricks/ods-select/3/html.inc index 3d068d3cc..eae8e1d92 100644 --- a/public/widget-tricks/ods-select/3/html.inc +++ b/public/widget-tricks/ods-select/3/html.inc @@ -4,19 +4,19 @@ ctxanalysis-parameters="{'sort':'world_rank'}" ctxrefine-dataset="shanghai-world-university-ranking" ctxrefine-parameters="{'sort':'world_rank'}"> -
                                    +

                                    Select an university in this TOP 100 list (sorted by it's best ranking overall)

                                    -
                                    diff --git a/public/widget-tricks/ods-select/4/html.inc b/public/widget-tricks/ods-select/4/html.inc index a64eedadb..065106ce9 100644 --- a/public/widget-tricks/ods-select/4/html.inc +++ b/public/widget-tricks/ods-select/4/html.inc @@ -1,8 +1,8 @@
                                    + lander-dataset="laender-germany" + lander-parameters="{'fields':'land_name,land_code'}" + kreis-dataset="kreise-germany">
                                    @@ -10,12 +10,12 @@ Display the name, refine with the code

                                    - Selected Lander code (used to refine the map context) : {{ kreis.parameters['refine.lan_code'] }} + Selected Lander code (used to refine the map context) : {{ kreis.parameters['refine.land_code'] }}

                                    @@ -28,11 +28,11 @@ diff --git a/public/widget-tricks/ods-select/7/css.inc b/public/widget-tricks/ods-select/7/css.inc new file mode 100644 index 000000000..a01b2cb70 --- /dev/null +++ b/public/widget-tricks/ods-select/7/css.inc @@ -0,0 +1,31 @@ +/***** Inlined SELECT *****/ +.ods-selects { + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 20px; + padding: 10px 0px; +} + +.odswidget-select { + min-width: 200px; +} + +/***** Clear filters button *****/ + +.clear-filters { + display: flex; + align-items: center; + justify-content: center; + margin-top: 5px; +} + +.clear-filters-button { + background: none; + border: none; + color: var(--text); +} + +.clear-filters-button:hover { + opacity: 0.65; +} \ No newline at end of file diff --git a/public/widget-tricks/ods-select/7/html.inc b/public/widget-tricks/ods-select/7/html.inc new file mode 100644 index 000000000..f7a2b10cf --- /dev/null +++ b/public/widget-tricks/ods-select/7/html.inc @@ -0,0 +1,150 @@ + + +
                                    + {{ values.regions = regions; ""}} +
                                    +
                                    + {{ values.departements = departements; "" }} +
                                    +
                                    + {{ values.epcis = epcis; "" }} +
                                    +
                                    + {{ values.communes = communes; "" }} +
                                    + +
                                    + + {{ + ctxcommunes.parameters['refine.reg_code'] = + ctxepcis.parameters['refine.reg_code'] = + ctxdepartements.parameters['refine.reg_code'] = + ctx.parameters['refine.reg_code'] = + (selected.regions | toObject:'code' | keys); + ""}} + + {{ + ctxcommunes.parameters['refine.dep_code'] = + ctxepcis.parameters['refine.dep_code'] = + ctx.parameters['refine.dep_code'] = + (selected.departements | toObject:'code' | keys); + ""}} + + {{ + ctxcommunes.parameters['refine.epci_code'] = + ctx.parameters['refine.epci_code'] = + (selected.epcis | toObject:'code' | keys); + ""}} + + {{ + ctx.parameters['refine.com_arm_code'] = + (selected.communes | toObject:'code' | keys); + ""}} +
                                    +
                                    + + +
                                    +

                                    Structure de la population, par CSP et activité, en 2017

                                    + + + + + + +                                     diff --git a/public/widget-tricks/ods-select/index.html b/public/widget-tricks/ods-select/index.html index 5f6946dea..f7c882d02 100644 --- a/public/widget-tricks/ods-select/index.html +++ b/public/widget-tricks/ods-select/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@ - @@ -182,8 +199,8 @@
                                  • - - Filter by the results of an analysis (via ods-analysis widget) + + Filter by the results of an analysis (via ods-adv-analysis widget)
                                    • @@ -205,6 +222,12 @@ +
                                  • + + Drilldown select for geographical levels + +
                                    • +
                                  @@ -215,7 +238,7 @@
                                  • + href="https://codelibrary.huwize.com/"> Home
                                    • @@ -232,6 +255,54 @@ + + + + + + + + + + + + + + + + + + + + + +
                                  • + + Apps + + +
                                    • + + + + + + + + + + + + + + + + + + + + @@ -286,6 +357,9 @@ + + +
                                  • @@ -310,6 +384,9 @@ + + + @@ -354,6 +431,18 @@ + + + + + + + + + + + + @@ -407,6 +496,16 @@
                                      +
                                    • + +
                                      + Age Pyramid with custom HTML/CSS + + +
                                      +                                       +
                                      • +
                                    • @@ -488,9 +587,9 @@
                                    • - +
                                      - Heatmaps with Vega-Lite + ods-adv-analysis
                                      @@ -523,10 +622,6 @@ ods-chart: CSS Hacks - - 1 - -
                                      • @@ -547,10 +642,6 @@ ods-color-gradient + ods-map : a choropleth alternative - - 4 - - @@ -625,20 +716,6 @@ -
                                    • - -
                                      - ods-table: Fixed column - - - - 1 - - -
                                      -                                       -
                                      • -
                                    • @@ -670,51 +747,67 @@
                                      - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
                                      @@ -725,34 +818,40 @@
                                      -
                                      -

                                      Widget Tricks - ods-select

                                      -
                                      -

                                      ods-select allows the selection of one or more items from a list of options. This resource present different combination with ods-facet-results or ods-analysis to feed the selection list.

                                      -

                                      ods-select widget documentation

                                      - -
                                      - -
                                      -

                                      - Basic example, fed by a static list - - - - - -

                                      -
                                      -

                                      ods-select accept any kind of source as long as it’s a json array. It can be an array of strings, but also an array of object and ods-select label-modifier and value-modifier can be used to specify which key in the array item to use for, respectively the label and the field value.

                                      +
                                      +

                                      Widget Tricks - ods-select

                                      +
                                      +

                                      ods-select allows the selection of one or more items from a list of options. This resource present different combination with ods-facet-results or ods-analysis to feed the selection list.

                                      +

                                      ods-select widget documentation

                                      -
                                      - -
                                      +
                                      +
                                      +

                                      + Basic example, fed by a static list + + + + + +

                                      +
                                      +

                                      ods-select accept any kind of source as long as it’s a json array. It can be an array of strings, but also an array of object and ods-select label-modifier and value-modifier can be used to specify which key in the array item to use for, respectively the label and the field value.

                                      + +
                                      + + +
                                      + + + + + + @@ -760,6 +859,9 @@

                                      + + +
                                      name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-4 col-md-offset-2 col-sm-6 mb\" ng-if=\"true\"\n ng-init=\"names = ['John','George','Harry','Meredith']; selection\"\u003e\n \u003ch3\u003e\n Simplest mode, with a string array\n \u003c/h3\u003e\n \u003cods-select options=\"names\"\n selected-values=\"selection\"\n placeholder=\"Pick a name\"\u003e\u003c/ods-select\u003e\n \u003ch4\u003eInput:\u003c/h4\u003e\n \u003cpre ng-bind=\"names|json\"\u003e\u003c/pre\u003e\n \u003ch4\u003eSelection:\u003c/h4\u003e\n \u003cpre ng-bind=\"selection|json\"\u003e\u003c/pre\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-4 col-sm-6 mb\" ng-if=\"true\"\n ng-init=\"\n names = [\n {name:'Mister John',id:'john'},\n {name:'King George',id:'george'},\n {name:'Prince Harry',id:'harry'},\n {name:'Lady Meredith',id:'meredith'}\n ];\n selection\"\u003e\n \u003ch3\u003e\n Modifiers options with json object array\n \u003c/h3\u003e\n \u003cods-select options=\"names\"\n selected-values=\"selection\"\n label-modifier=\"name\"\n value-modifier=\"id\"\n placeholder=\"Pick a name\"\u003e\u003c/ods-select\u003e\n \u003ch4\u003eInput:\u003c/h4\u003e\n \u003cpre ng-bind=\"names|json\"\u003e\u003c/pre\u003e\n \u003ch4\u003eSelection:\u003c/h4\u003e\n \u003cpre ng-bind=\"selection|json\"\u003e\u003c/pre\u003e\n \u003c/div\u003e\n\u003c/div\u003e\u003c/div\u003e", "css": "/** DO NOT COPY **/\n/* the CSS is only for a better reading of the demo */\n.mb {\n margin-bottom: 30px;\n}\nh3 {\n height: 60px;\n}\n.odswidget-select {\n margin-bottom: 25px;\n}" @@ -783,7 +885,8 @@

                                      width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -827,6 +930,7 @@

                                      const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -937,7 +1041,9 @@

                                      $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                      <div ng-app="ods-widgets"> @@ -994,8 +1100,10 @@

                                      "> -
                                      -

                                      -

                                      - -
                                      -

                                      - Basic example, with a default selection - - - - - -

                                      -
                                      -

                                      Start with a selected value, and let the user select another one.

                                      +
                                      + +
                                      + +
                                      +

                                      + Basic example, with a default selection + + + + + +

                                      +
                                      +

                                      Start with a selected value, and let the user select another one.

                                      You can also force the user to always have a selection.

                                      -
                                      - -
                                      - +
                                      + + +
                                      + + + + + + @@ -1206,6 +1322,9 @@

                                      + + +
                                      name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"row\"\u003e\n \u003cdiv class=\"col-md-4 col-md-offset-2 col-sm-6 mb\" ng-if=\"true\"\n ng-init=\"names = ['John','George','Harry','Meredith']; selection\"\u003e\n \u003ch3\u003e\n Use ng-init to set the selection only once at the start\n \u003c/h3\u003e\n \u003cods-select ng-init=\"selection = ['John']\"\n options=\"names\"\n selected-values=\"selection\"\n placeholder=\"Pick a name\"\u003e\u003c/ods-select\u003e\n \u003ch4\u003eInput:\u003c/h4\u003e\n \u003cpre ng-bind=\"names|json\"\u003e\u003c/pre\u003e\n \u003ch4\u003eSelection:\u003c/h4\u003e\n \u003cpre ng-bind=\"selection|json\"\u003e\u003c/pre\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-4 col-sm-6 mb\" ng-if=\"true\"\n ng-init=\"names = ['John','George','Harry','Meredith']; selection\"\u003e\n \u003ch3\u003e\n If the selection is cleared, reset it to \"John\"\n \u003c/h3\u003e\n {{ selection = (selection.length \u003e 0 ? selection : ['John']); ''}}\n \u003cods-select options=\"names\"\n selected-values=\"selection\"\n placeholder=\"Pick a name\"\u003e\u003c/ods-select\u003e\n \u003ch4\u003eInput:\u003c/h4\u003e\n \u003cpre ng-bind=\"names|json\"\u003e\u003c/pre\u003e\n \u003ch4\u003eSelection:\u003c/h4\u003e\n \u003cpre ng-bind=\"selection|json\"\u003e\u003c/pre\u003e\n \u003c/div\u003e\n\u003c/div\u003e\u003c/div\u003e", "css": "/** DO NOT COPY **/\n/* the CSS is only for a better reading of the demo */\n.mb {\n margin-bottom: 30px;\n}\nh3 {\n height: 60px;\n}\n.odswidget-select {\n margin-bottom: 25px;\n}" @@ -1229,7 +1348,8 @@

                                      width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -1273,6 +1393,7 @@

                                      const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -1383,7 +1504,9 @@

                                      $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                      <div ng-app="ods-widgets"> @@ -1433,8 +1556,10 @@

                                      "> -
                                      -

                                      -

                                      - -
                                      -

                                      - Filter by type, fed by a facet (via ods-facet-results widget) - - - - - -

                                      -
                                      -

                                      ods-facet-results enumerates the values (“categories”) of a facet, and exposes it in a variable. this variable can then be the option source of ods-select.

                                      -

                                      ods-facet-results widget documentation

                                      +
                                      + +
                                      + +
                                      +

                                      + Filter by type, fed by a facet (via ods-facet-results widget) + + + + + +

                                      +
                                      +

                                      ods-facet-results enumerates the values (“categories”) of a facet, and exposes it in a variable. this variable can then be the option source of ods-select.

                                      +

                                      ods-facet-results widget documentation

                                      -

                                      Note 1: that facets are limited to the first 100 results, it’s then suitable for categories, types, properties that have a small set of distinct values

                                      -
                                      +

                                      Note 1: that facets are limited to the first 100 results, it’s then suitable for categories, types, properties that have a small set of distinct values

                                      -

                                      Note 2: set disjunctive mode to true in the context parameters to keep other values available after a selection

                                      -
                                      +

                                      Note 2: set disjunctive mode to true in the context parameters to keep other values available after a selection

                                      + +
                                      + + +
                                      + + -
                                      - -
                                      - + + + @@ -1637,6 +1768,9 @@

                                      <div ng-app="ods-widgets"> @@ -1845,8 +1983,16 @@

                                      -
                                      - + +

                                      + +
                                      +

                                      + Filter by the results of an analysis (via ods-adv-analysis widget) + + + + + +

                                      +
                                      +
                                      • Select cities by their population
                                      • Select companies by their capital, number of employees
                                      • Select regions by their solar power production
                                        • @@ -1979,18 +2163,17 @@

                                        Code Library resource and it’s documentation.

                                        +

                                        ods-adv-analysis Code Library resource and it’s documentation.

                                        -

                                        Note 1: performing an analysis on a field containing huge quantity of distinct values can alter performances of the page (the browser needs to download the long list of possible values, then it displays and manipulates the list into the widget)

                                        -
                                        +

                                        Note 1: performing an adv-analysis on a field containing huge quantity of distinct values can alter performances of the page (the browser needs to download the long list of possible values, then it displays and manipulates the list into the widget)

                                        -

                                        Note 2: selecting a value and refining the context will no longer let you choose other values as they will disappear with the selection. (contrary to ods-facets and ods-facet-results that can use the disjunctive mode, ie. multi selection mode). To counter that, we need 2 contexts: 1 to perform the analysis and feed ods-select, 1 to refine and display the chart

                                        -
                                        +

                                        Note 2: selecting a value and refining the context will no longer let you choose other values as they will disappear with the selection. (contrary to ods-facets and ods-facet-results that can use the disjunctive mode, ie. multi selection mode). To counter that, we need 2 contexts: 1 to perform the analysis and feed ods-select, 1 to refine and display the chart

                                        -

                                      - -
                                      - +
                                      + + +
                                      + @@ -2002,8 +2185,16 @@

                                      - @@ -2011,9 +2202,9 @@

                                      @@ -2021,11 +2212,12 @@

                                      - -
                                      - + +

                                      + +
                                      +

                                      + Last but not least, the good practice for geo filters ! (showcasing ods-results) + + + + + +

                                      +
                                      +

                                      Each time it’s available, filter with the ID! and avoid labels or names! Specially for geographical division (City names, States etc…)

                                      -

                                      This resource showcase ods-results as the source of ods-select but most of all Opendatasoft geo referentials that always propose codes and labels for each division.

                                      -

                                      ods-results documentation.

                                      +

                                      This resource showcase ods-results as the source of ods-select but most of all Huwise geo referentials that always propose codes and labels for each division.

                                      +

                                      ods-results documentation.

                                      -

                                      IMPORTANT: In the lander context, an optional parameter fields is set to limit the size of the results. It improves DRASTICALLY the performance to avoid manipulating big geo shapes in geo datasets. We STRONGLY advise to keep this parameter and list only the required fields (ie. the “label field” and the “value field” of your ods-select)

                                      -
                                      +

                                      IMPORTANT: In the lander context, an optional parameter fields is set to limit the size of the results. It improves DRASTICALLY the performance to avoid manipulating big geo shapes in geo datasets. We STRONGLY advise to keep this parameter and list only the required fields (ie. the “label field” and the “value field” of your ods-select)

                                      + +
                                      + + +
                                      + + + -
                                      - -
                                      - + + @@ -2513,6 +2788,9 @@

                                      @@ -2536,7 +2814,8 @@

                                      -
                                      - + +

                                      +
                                      +

                                      + Filters as a sentence + + + + + +

                                      +
                                      +

                                      Read a sentence that describes the applied filters in your page by inlining several ods-select.

                                      + +
                                      + + +
                                      + + + + + + @@ -2921,6 +3286,9 @@

                                      + + +
                                      name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"ods-selects\"\u003e\n \u003cp\u003eShow\u003c/p\u003e\n \u003cods-select selected-values=\"choice\"\n options=\"['objects','things','stuff']\"\n placeholder=\"pick what you want\"\u003e\u003c/ods-select\u003e\n \u003cp\u003ein the\u003c/p\u003e\n \u003cods-select selected-values=\"place\"\n options=\"['car','home']\"\n placeholder=\"pick a place\"\u003e\u003c/ods-select\u003e\n \u003cp\u003esince\u003c/p\u003e\n \u003cods-select selected-values=\"month\"\n options=\"['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec']\"\n placeholder=\"month\"\u003e\u003c/ods-select\u003e\n \u003cods-select selected-values=\"year\"\n options=\"['2018','2019','2020','2021']\"\n placeholder=\"year\"\u003e\u003c/ods-select\u003e\n \u003cp\u003e.\u003c/p\u003e\n\u003c/div\u003e\u003c/div\u003e", "css": "/***** Inlined SELECT *****/\n.ods-selects {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n\n.ods-selects \u003e .odswidget-select {\n margin: 3px 6px;\n}\n.ods-selects \u003e :not(.odswidget-select) {\n margin-top: 0;\n margin-bottom: 0;\n}" @@ -2944,7 +3312,8 @@

                                      width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -2988,6 +3357,7 @@

                                      const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -3098,7 +3468,9 @@

                                      $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                      <div ng-app="ods-widgets"> @@ -3139,8 +3511,10 @@

                                      "> -
                                      -

                                      -

                                      - -
                                      -

                                      - Simple inlined layout - - - - - -

                                      -
                                      -

                                      ods-select takes all the available width. In order to inline several ods-select on the same line and keep the same strategy, you need to add some CSS. This resource provides the minimum CSS you need to achieve this easily.

                                      +
                                      + +
                                      + +
                                      +

                                      + Simple inlined layout + + + + + +

                                      +
                                      +

                                      ods-select takes all the available width. In order to inline several ods-select on the same line and keep the same strategy, you need to add some CSS. This resource provides the minimum CSS you need to achieve this easily.

                                      -

                                      For mobile display, to assure a minimum width of your ods-select, it can be convenient to set a min-width, see comments in the CSS code.

                                      -
                                      +

                                      For mobile display, to assure a minimum width of your ods-select, it can be convenient to set a min-width, see comments in the CSS code.

                                      + +
                                      + + +
                                      + + -
                                      - -
                                      - + + + @@ -3321,6 +3702,9 @@

                                      + + +
                                      name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"shared-width-ods-selects\"\u003e\n \u003cods-select selected-values=\"choice\"\n options=\"['objects','things','stuff']\"\n placeholder=\"pick what you want\"\u003e\u003c/ods-select\u003e\n \u003cods-select selected-values=\"place\"\n options=\"['car','home']\"\n placeholder=\"pick a place\"\u003e\u003c/ods-select\u003e\n \u003cods-select selected-values=\"long\"\n options=\"['2018','2019','2020','2021', 'let see how it behaves with small screens.']\"\n placeholder=\"very long content here, even too long for mobile display\"\u003e\u003c/ods-select\u003e\n\u003c/div\u003e\u003c/div\u003e", "css": "/***** Share width inlined ods-select *****/\n.shared-width-ods-selects {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n\n.shared-width-ods-selects \u003e .odswidget-select {\n margin: 3px 6px;\n flex: 1;\n /*\n To assure a minimum width, set a min-width property here.\n */\n min-width: 200px;\n}" @@ -3344,7 +3728,8 @@

                                      width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -3388,6 +3773,7 @@

                                      const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -3498,7 +3884,9 @@

                                      $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                      <div ng-app="ods-widgets"> @@ -3533,8 +3921,10 @@

                                      "> -
                                      -

                                      -

                                      + +
                                      +

                                      + Drilldown select for geographical levels + + + + + +

                                      +
                                      +

                                      A reuse of ods-select to create filters based on a serie of geographical levels.

                                      +

                                      IMPORTANT: This example integrates advanced parameters that can be customized:

                                      +
                                        +
                                      • disabled parameter in ods-select: used to disable the filter if the condition is true. In the example, the filter is disabled when the previous filter is not activated.
                                        • +
                                      • on-change parameter in ods-select: used to clear previous filters on the context ctx when a new selection is made. In the example, it enables you to select a région, a département, and then switch to another région, without having to clear the filter département.
                                        • +
                                      • Angular expressions after each ods-select: used to sync the selection on all the geographical levels. In the example, it enables you to have a list of département filter on the région selected.
                                        • +
                                      +
                                      +

                                      Note: you will need to create one context for each geographical level, in order to keep the full list of the items after the refine.

                                      + +
                                      + + +
                                      + + + + + + + + + + + + + + + + + + + + +
                                      + + + +
                                      +
                                      +
                                      + +
                                      + + + + +
                                      -
                                      +
                                      -
                                      + + + +
                                      + +
                                      + + + +
                                      - - + - © Copyright 2020 + © Copyright 2026
                                      @@ -3701,7 +5036,7 @@

                                      diff --git a/public/widget-tricks/ods-simple-tabs/1/html.inc b/public/widget-tricks/ods-simple-tabs/1/html.inc index 4316990dc..94b23e870 100644 --- a/public/widget-tricks/ods-simple-tabs/1/html.inc +++ b/public/widget-tricks/ods-simple-tabs/1/html.inc @@ -4,7 +4,7 @@ + keep-content="false">

                                      L’objectif du service Vélib’ Métropole est de faciliter le développement de nouvelles mobilités sur le territoire francilien, en complément de l’offre de transport existante.

                                      diff --git a/public/widget-tricks/ods-simple-tabs/2/html.inc b/public/widget-tricks/ods-simple-tabs/2/html.inc index 45bd2217b..9d61b727c 100644 --- a/public/widget-tricks/ods-simple-tabs/2/html.inc +++ b/public/widget-tricks/ods-simple-tabs/2/html.inc @@ -4,7 +4,7 @@ + keep-content="false">

                                      L’objectif du service Vélib’ Métropole est de faciliter le développement de nouvelles mobilités sur le territoire francilien, en complément de l’offre de transport existante.

                                      diff --git a/public/widget-tricks/ods-simple-tabs/3/html.inc b/public/widget-tricks/ods-simple-tabs/3/html.inc index 9cadbabd3..5b9aa520b 100644 --- a/public/widget-tricks/ods-simple-tabs/3/html.inc +++ b/public/widget-tricks/ods-simple-tabs/3/html.inc @@ -4,7 +4,7 @@ + keep-content="false">

                                      L’objectif du service Vélib’ Métropole est de faciliter le développement de nouvelles mobilités sur le territoire francilien, en complément de l’offre de transport existante.

                                      diff --git a/public/widget-tricks/ods-simple-tabs/index.html b/public/widget-tricks/ods-simple-tabs/index.html index 53f9c17ff..7f91b4990 100644 --- a/public/widget-tricks/ods-simple-tabs/index.html +++ b/public/widget-tricks/ods-simple-tabs/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@ - @@ -197,7 +214,7 @@
                                      • + href="https://codelibrary.huwize.com/"> Home
                                        • @@ -214,6 +231,54 @@ + + + + + + + + + + + + + + + + + + + + + +
                                      • + + Apps + + +
                                        • + + + + + + + + + + + + + + + + + + + + @@ -268,6 +333,9 @@ + + +
                                      • @@ -292,6 +360,9 @@ + + + @@ -336,6 +407,18 @@ + + + + + + + + + + + + @@ -389,6 +472,16 @@
                                          +
                                        • + +
                                          + Age Pyramid with custom HTML/CSS + + +
                                          +                                           +
                                          • +
                                        • @@ -470,9 +563,9 @@
                                        • - +
                                          - Heatmaps with Vega-Lite + ods-adv-analysis
                                          @@ -505,10 +598,6 @@ ods-chart: CSS Hacks - - 1 - -
                                          • @@ -529,10 +618,6 @@ ods-color-gradient + ods-map : a choropleth alternative - - 4 - - @@ -607,20 +692,6 @@ -
                                        • - -
                                          - ods-table: Fixed column - - - - 1 - - -
                                          -                                           -
                                          • -
                                        • @@ -652,51 +723,67 @@
                                          - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
                                          @@ -707,29 +794,30 @@
                                          -
                                          -

                                          Widget Tricks - ods-simple-tabs

                                          -
                                          -

                                          The ods-simple-tabs widget can be used to have a tabbed interface that allows you to switch between different views. It has a simplified CSS making it easy to modify the style or layout. +

                                          +

                                          Widget Tricks - ods-simple-tabs

                                          +
                                          +

                                          The ods-simple-tabs widget can be used to have a tabbed interface that allows you to switch between different views. It has a simplified CSS making it easy to modify the style or layout. Below are a few different styles that can be applied to the widget in order to fit different use cases.

                                          -
                                          - -
                                          -

                                          - Default Look - - - - - -

                                          -
                                          - -
                                          - -
                                          +
                                          +
                                          +

                                          + Default Look + + + + + +

                                          +
                                          + +
                                          + + +
                                          + @@ -741,6 +829,14 @@

                                          + + + + + + + +
                                          name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"velib\" \n velib-dataset=\"velib-disponibilite-en-temps-reel\"\n velib-domain=\"parisdata\"\u003e\n \u003cods-simple-tabs\u003e\n \u003cods-simple-tab label=\"Velib\" \n fontawesome-class=\"bicycle\"\n keep-content=\"true\"\u003e\n \u003cp\u003e\n L’objectif du service Vélib’ Métropole est de faciliter le développement de nouvelles mobilités sur le territoire francilien, en complément de l’offre de transport existante.\n \u003c/p\u003e\n \u003cods-table context=\"velib\"\u003e\u003c/ods-table\u003e\n \u003c/ods-simple-tab\u003e\n \u003cods-simple-tab label=\"Stations\"\u003e\n \u003cods-map no-refit=\"true\" \n scroll-wheel-zoom=\"false\" \n display-control=\"true\" \n search-box=\"true\" \n toolbar-fullscreen=\"true\"\n toolbar-geolocation=\"true\" \n basemap=\"jawg.sunny\" \n location=\"12,48.85593,2.35192\"\u003e\n \u003cods-map-layer-group\u003e\n \u003cods-map-layer context=\"velib\" \n color=\"#C32D1C\" \n picto=\"ods-bicycle\" \n show-marker=\"true\" \n display=\"auto\" \n shape-opacity=\"0.5\" \n point-opacity=\"1\" \n border-color=\"#FFFFFF\"\n border-opacity=\"1\" \n border-size=\"1\" \n border-pattern=\"solid\" \n caption=\"true\" \n title=\"Vélib - Vélos et bornes - Disponibilité temps réel\" \n description=\"Jeu de données présentant la disponibilité des bornettes, vélos\n mécaniques et électriques des stations Vélib’ Métropole.\" \n size=\"4\" \n size-min=\"3\" \n size-max=\"5\" \n size-function=\"linear\"\u003e\u003c/ods-map-layer\u003e\n \u003c/ods-map-layer-group\u003e\n \u003c/ods-map\u003e\n \u003c/ods-simple-tab\u003e\n \u003cods-simple-tab label=\"Top 10 disponibilité\"\n fontawesome-class=\"line-chart\"\u003e\n \u003cods-chart single-y-axis=\"true\" \n align-month=\"true\"\u003e\n \u003cods-chart-query context=\"velib\" \n field-x=\"name\" \n maxpoints=\"10\" \n sort=\"serie1-1\"\u003e\n \u003cods-chart-serie expression-y=\"numbikesavailable\" \n chart-type=\"column\" \n function-y=\"SUM\" \n color=\"#142E7B\" \n scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/ods-simple-tab\u003e\n \u003c/ods-simple-tabs\u003e\n\u003c/ods-dataset-context\u003e\n \u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"velib\" \n velib-dataset=\"velib-disponibilite-en-temps-reel\"\n velib-domain=\"parisdata\"\u003e\n \u003cods-simple-tabs\u003e\n \u003cods-simple-tab label=\"Velib\" \n fontawesome-class=\"bicycle\"\n keep-content=\"false\"\u003e\n \u003cp\u003e\n L’objectif du service Vélib’ Métropole est de faciliter le développement de nouvelles mobilités sur le territoire francilien, en complément de l’offre de transport existante.\n \u003c/p\u003e\n \u003cods-table context=\"velib\"\u003e\u003c/ods-table\u003e\n \u003c/ods-simple-tab\u003e\n \u003cods-simple-tab label=\"Stations\"\u003e\n \u003cods-map no-refit=\"true\" \n scroll-wheel-zoom=\"false\" \n display-control=\"true\" \n search-box=\"true\" \n toolbar-fullscreen=\"true\"\n toolbar-geolocation=\"true\" \n basemap=\"jawg.sunny\" \n location=\"12,48.85593,2.35192\"\u003e\n \u003cods-map-layer-group\u003e\n \u003cods-map-layer context=\"velib\" \n color=\"#C32D1C\" \n picto=\"ods-bicycle\" \n show-marker=\"true\" \n display=\"auto\" \n shape-opacity=\"0.5\" \n point-opacity=\"1\" \n border-color=\"#FFFFFF\"\n border-opacity=\"1\" \n border-size=\"1\" \n border-pattern=\"solid\" \n caption=\"true\" \n title=\"Vélib - Vélos et bornes - Disponibilité temps réel\" \n description=\"Jeu de données présentant la disponibilité des bornettes, vélos\n mécaniques et électriques des stations Vélib’ Métropole.\" \n size=\"4\" \n size-min=\"3\" \n size-max=\"5\" \n size-function=\"linear\"\u003e\u003c/ods-map-layer\u003e\n \u003c/ods-map-layer-group\u003e\n \u003c/ods-map\u003e\n \u003c/ods-simple-tab\u003e\n \u003cods-simple-tab label=\"Top 10 disponibilité\"\n fontawesome-class=\"line-chart\"\u003e\n \u003cods-chart single-y-axis=\"true\" \n align-month=\"true\"\u003e\n \u003cods-chart-query context=\"velib\" \n field-x=\"name\" \n maxpoints=\"10\" \n sort=\"serie1-1\"\u003e\n \u003cods-chart-serie expression-y=\"numbikesavailable\" \n chart-type=\"column\" \n function-y=\"SUM\" \n color=\"#142E7B\" \n scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/ods-simple-tab\u003e\n \u003c/ods-simple-tabs\u003e\n\u003c/ods-dataset-context\u003e\n \u003c/div\u003e", "css": "" }'>
                                          @@ -764,7 +860,8 @@

                                          width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -808,6 +905,7 @@

                                          const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -918,7 +1016,9 @@

                                          $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                          <div ng-app="ods-widgets"> @@ -928,7 +1028,7 @@

                                          <ods-simple-tabs> <ods-simple-tab label="Velib" fontawesome-class="bicycle" - keep-content="true"> + keep-content="false"> <p> L’objectif du service Vélib’ Métropole est de faciliter le développement de nouvelles mobilités sur le territoire francilien, en complément de l’offre de transport existante. </p> @@ -992,8 +1092,16 @@

                                          "> -
                                          - + +

                                          -

                                          - -
                                          -

                                          - Tab Pills - - - - - -

                                          -
                                          -

                                          A different style for the tab navigation.

                                          - -
                                          - -
                                          +
                                          + +
                                          +
                                          +

                                          + Tab Pills + + + + + +

                                          +
                                          +

                                          A different style for the tab navigation.

                                          + +
                                          + + +
                                          + @@ -1221,6 +1373,14 @@

                                          + + + + + + + +
                                          name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"velib\" \n velib-dataset=\"velib-disponibilite-en-temps-reel\"\n velib-domain=\"parisdata\"\u003e\n \u003cods-simple-tabs class=\"tab-pills\"\u003e\n \u003cods-simple-tab label=\"Velib\" \n fontawesome-class=\"bicycle\"\n keep-content=\"true\"\u003e\n \u003cp\u003e\n L’objectif du service Vélib’ Métropole est de faciliter le développement de nouvelles mobilités sur le territoire francilien, en complément de l’offre de transport existante.\n \u003c/p\u003e\n \u003cods-table context=\"velib\"\u003e\u003c/ods-table\u003e\n \u003c/ods-simple-tab\u003e\n \u003cods-simple-tab label=\"Stations\"\u003e\n \u003cods-map no-refit=\"true\" \n scroll-wheel-zoom=\"false\" \n display-control=\"true\" \n search-box=\"true\" \n toolbar-fullscreen=\"true\"\n toolbar-geolocation=\"true\" \n basemap=\"jawg.sunny\" \n location=\"12,48.85593,2.35192\"\u003e\n \u003cods-map-layer-group\u003e\n \u003cods-map-layer context=\"velib\" \n color=\"#C32D1C\" \n picto=\"ods-bicycle\" \n show-marker=\"true\" \n display=\"auto\" \n shape-opacity=\"0.5\" \n point-opacity=\"1\" \n border-color=\"#FFFFFF\"\n border-opacity=\"1\" \n border-size=\"1\" \n border-pattern=\"solid\" \n caption=\"true\" \n title=\"Vélib - Vélos et bornes - Disponibilité temps réel\" \n description=\"Jeu de données présentant la disponibilité des bornettes, vélos\n mécaniques et électriques des stations Vélib’ Métropole.\" \n size=\"4\" \n size-min=\"3\" \n size-max=\"5\" \n size-function=\"linear\"\u003e\u003c/ods-map-layer\u003e\n \u003c/ods-map-layer-group\u003e\n \u003c/ods-map\u003e\n \u003c/ods-simple-tab\u003e\n \u003cods-simple-tab label=\"Top 10 disponibilité\"\u003e\n \u003cods-chart single-y-axis=\"true\" \n align-month=\"true\"\u003e\n \u003cods-chart-query context=\"velib\" \n field-x=\"name\" \n maxpoints=\"10\" \n sort=\"serie1-1\"\u003e\n \u003cods-chart-serie expression-y=\"numbikesavailable\" \n chart-type=\"column\" \n function-y=\"SUM\" \n color=\"#142E7B\" \n scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/ods-simple-tab\u003e\n \u003c/ods-simple-tabs\u003e\n\u003c/ods-dataset-context\u003e\n \u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"velib\" \n velib-dataset=\"velib-disponibilite-en-temps-reel\"\n velib-domain=\"parisdata\"\u003e\n \u003cods-simple-tabs class=\"tab-pills\"\u003e\n \u003cods-simple-tab label=\"Velib\" \n fontawesome-class=\"bicycle\"\n keep-content=\"false\"\u003e\n \u003cp\u003e\n L’objectif du service Vélib’ Métropole est de faciliter le développement de nouvelles mobilités sur le territoire francilien, en complément de l’offre de transport existante.\n \u003c/p\u003e\n \u003cods-table context=\"velib\"\u003e\u003c/ods-table\u003e\n \u003c/ods-simple-tab\u003e\n \u003cods-simple-tab label=\"Stations\"\u003e\n \u003cods-map no-refit=\"true\" \n scroll-wheel-zoom=\"false\" \n display-control=\"true\" \n search-box=\"true\" \n toolbar-fullscreen=\"true\"\n toolbar-geolocation=\"true\" \n basemap=\"jawg.sunny\" \n location=\"12,48.85593,2.35192\"\u003e\n \u003cods-map-layer-group\u003e\n \u003cods-map-layer context=\"velib\" \n color=\"#C32D1C\" \n picto=\"ods-bicycle\" \n show-marker=\"true\" \n display=\"auto\" \n shape-opacity=\"0.5\" \n point-opacity=\"1\" \n border-color=\"#FFFFFF\"\n border-opacity=\"1\" \n border-size=\"1\" \n border-pattern=\"solid\" \n caption=\"true\" \n title=\"Vélib - Vélos et bornes - Disponibilité temps réel\" \n description=\"Jeu de données présentant la disponibilité des bornettes, vélos\n mécaniques et électriques des stations Vélib’ Métropole.\" \n size=\"4\" \n size-min=\"3\" \n size-max=\"5\" \n size-function=\"linear\"\u003e\u003c/ods-map-layer\u003e\n \u003c/ods-map-layer-group\u003e\n \u003c/ods-map\u003e\n \u003c/ods-simple-tab\u003e\n \u003cods-simple-tab label=\"Top 10 disponibilité\"\u003e\n \u003cods-chart single-y-axis=\"true\" \n align-month=\"true\"\u003e\n \u003cods-chart-query context=\"velib\" \n field-x=\"name\" \n maxpoints=\"10\" \n sort=\"serie1-1\"\u003e\n \u003cods-chart-serie expression-y=\"numbikesavailable\" \n chart-type=\"column\" \n function-y=\"SUM\" \n color=\"#142E7B\" \n scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/ods-simple-tab\u003e\n \u003c/ods-simple-tabs\u003e\n\u003c/ods-dataset-context\u003e\n \u003c/div\u003e", "css": "/* Tab Pills\n ========================================================================== */\n.tab-pills .ods-simple-tabs-nav-link {\n padding: 0.5rem 1.5rem;\n border-bottom: 0;\n border-radius: 30px;\n background-color: transparent;\n}\n.tab-pills .ods-simple-tabs-nav-link:hover {\n color: var(--links);\n}\n.tab-pills .ods-simple-tabs-nav-link-active {\n background-color: var(--links);\n}\n.tab-pills .ods-simple-tabs-nav-link-active,\n.tab-pills .ods-simple-tabs-nav-link-active:hover {\n color: #FFFFFF;\n}\n " }'>
                                          @@ -1244,7 +1404,8 @@

                                          width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -1288,6 +1449,7 @@

                                          const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -1398,7 +1560,9 @@

                                          $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                          <div ng-app="ods-widgets"> @@ -1408,7 +1572,7 @@

                                          <ods-simple-tabs class="tab-pills"> <ods-simple-tab label="Velib" fontawesome-class="bicycle" - keep-content="true"> + keep-content="false"> <p> L’objectif du service Vélib’ Métropole est de faciliter le développement de nouvelles mobilités sur le territoire francilien, en complément de l’offre de transport existante. </p> @@ -1489,8 +1653,16 @@

                                          "> -
                                          - + +

                                          -

                                          - -
                                          -

                                          - Horizontal Layout - - - - - -

                                          -
                                          -

                                          Display the tab navigation bar horizontally, next to the tab content. The responsive design has been taken into account and while on a small screen the tab navigation bar is above of the content.

                                          - -
                                          - -
                                          +
                                          + +
                                          +
                                          +

                                          + Horizontal Layout + + + + + +

                                          +
                                          +

                                          Display the tab navigation bar horizontally, next to the tab content. The responsive design has been taken into account and while on a small screen the tab navigation bar is above of the content.

                                          + +
                                          + + +
                                          + @@ -1768,6 +1983,14 @@

                                          + + + + + + + +
                                          name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"velib\" \n velib-dataset=\"velib-disponibilite-en-temps-reel\"\n velib-domain=\"parisdata\"\u003e\n \u003cods-simple-tabs class=\"tab-horizontal\"\u003e\n \u003cods-simple-tab label=\"Velib\" \n fontawesome-class=\"bicycle\"\n keep-content=\"true\"\u003e\n \u003cp\u003e\n L’objectif du service Vélib’ Métropole est de faciliter le développement de nouvelles mobilités sur le territoire francilien, en complément de l’offre de transport existante.\n \u003c/p\u003e\n \u003cods-table context=\"velib\"\u003e\u003c/ods-table\u003e\n \u003c/ods-simple-tab\u003e\n \u003cods-simple-tab label=\"Stations\"\u003e\n \u003cods-map no-refit=\"true\" \n scroll-wheel-zoom=\"false\" \n display-control=\"true\" \n search-box=\"true\" \n toolbar-fullscreen=\"true\"\n toolbar-geolocation=\"true\" \n basemap=\"jawg.sunny\" \n location=\"12,48.85593,2.35192\"\u003e\n \u003cods-map-layer-group\u003e\n \u003cods-map-layer context=\"velib\" \n color=\"#C32D1C\" \n picto=\"ods-bicycle\" \n show-marker=\"true\" \n display=\"auto\" \n shape-opacity=\"0.5\" \n point-opacity=\"1\" \n border-color=\"#FFFFFF\"\n border-opacity=\"1\" \n border-size=\"1\" \n border-pattern=\"solid\" \n caption=\"true\" \n title=\"Vélib - Vélos et bornes - Disponibilité temps réel\" \n description=\"Jeu de données présentant la disponibilité des bornettes, vélos\n mécaniques et électriques des stations Vélib’ Métropole.\" \n size=\"4\" \n size-min=\"3\" \n size-max=\"5\" \n size-function=\"linear\"\u003e\u003c/ods-map-layer\u003e\n \u003c/ods-map-layer-group\u003e\n \u003c/ods-map\u003e\n \u003c/ods-simple-tab\u003e\n \u003cods-simple-tab label=\"Top 10 disponibilité\"\u003e\n \u003cods-chart single-y-axis=\"true\" \n align-month=\"true\"\u003e\n \u003cods-chart-query context=\"velib\" \n field-x=\"name\" \n maxpoints=\"10\" \n sort=\"serie1-1\"\u003e\n \u003cods-chart-serie expression-y=\"numbikesavailable\" \n chart-type=\"column\" \n function-y=\"SUM\" \n color=\"#142E7B\" \n scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/ods-simple-tab\u003e\n \u003c/ods-simple-tabs\u003e\n\u003c/ods-dataset-context\u003e\n \u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cods-dataset-context context=\"velib\" \n velib-dataset=\"velib-disponibilite-en-temps-reel\"\n velib-domain=\"parisdata\"\u003e\n \u003cods-simple-tabs class=\"tab-horizontal\"\u003e\n \u003cods-simple-tab label=\"Velib\" \n fontawesome-class=\"bicycle\"\n keep-content=\"false\"\u003e\n \u003cp\u003e\n L’objectif du service Vélib’ Métropole est de faciliter le développement de nouvelles mobilités sur le territoire francilien, en complément de l’offre de transport existante.\n \u003c/p\u003e\n \u003cods-table context=\"velib\"\u003e\u003c/ods-table\u003e\n \u003c/ods-simple-tab\u003e\n \u003cods-simple-tab label=\"Stations\"\u003e\n \u003cods-map no-refit=\"true\" \n scroll-wheel-zoom=\"false\" \n display-control=\"true\" \n search-box=\"true\" \n toolbar-fullscreen=\"true\"\n toolbar-geolocation=\"true\" \n basemap=\"jawg.sunny\" \n location=\"12,48.85593,2.35192\"\u003e\n \u003cods-map-layer-group\u003e\n \u003cods-map-layer context=\"velib\" \n color=\"#C32D1C\" \n picto=\"ods-bicycle\" \n show-marker=\"true\" \n display=\"auto\" \n shape-opacity=\"0.5\" \n point-opacity=\"1\" \n border-color=\"#FFFFFF\"\n border-opacity=\"1\" \n border-size=\"1\" \n border-pattern=\"solid\" \n caption=\"true\" \n title=\"Vélib - Vélos et bornes - Disponibilité temps réel\" \n description=\"Jeu de données présentant la disponibilité des bornettes, vélos\n mécaniques et électriques des stations Vélib’ Métropole.\" \n size=\"4\" \n size-min=\"3\" \n size-max=\"5\" \n size-function=\"linear\"\u003e\u003c/ods-map-layer\u003e\n \u003c/ods-map-layer-group\u003e\n \u003c/ods-map\u003e\n \u003c/ods-simple-tab\u003e\n \u003cods-simple-tab label=\"Top 10 disponibilité\"\u003e\n \u003cods-chart single-y-axis=\"true\" \n align-month=\"true\"\u003e\n \u003cods-chart-query context=\"velib\" \n field-x=\"name\" \n maxpoints=\"10\" \n sort=\"serie1-1\"\u003e\n \u003cods-chart-serie expression-y=\"numbikesavailable\" \n chart-type=\"column\" \n function-y=\"SUM\" \n color=\"#142E7B\" \n scientific-display=\"true\"\u003e\n \u003c/ods-chart-serie\u003e\n \u003c/ods-chart-query\u003e\n \u003c/ods-chart\u003e\n \u003c/ods-simple-tab\u003e\n \u003c/ods-simple-tabs\u003e\n\u003c/ods-dataset-context\u003e\n \u003c/div\u003e", "css": "/* Horizontal Tabs\n ========================================================================== */\n.tab-horizontal {\n display: flex;\n flex-direction: column;\n}\n@media (min-width: 767px) {\n .tab-horizontal {\n flex-direction: row;\n }\n}\n@media (min-width: 767px) {\n .tab-horizontal .ods-simple-tabs-nav {\n flex: 0 0 15%;\n margin-right: 10px;\n flex-direction: column;\n overflow-x: inherit;\n } \n}\n.tab-horizontal .ods-simple-tabs-nav-link {\n border-radius: 4px;\n border-bottom: none;\n}\n.tab-horizontal .ods-simple-tabs-nav-link:hover {\n color: var(--links);\n}\n.tab-horizontal .ods-simple-tabs-nav-link-active {\n background-color: var(--links);\n}\n.tab-horizontal .ods-simple-tabs-nav-link-active,\n.tab-horizontal .ods-simple-tabs-nav-link-active:hover {\n color: #FFFFFF;\n}\n@media (min-width: 767px) {\n .tab-horizontal .ods-simple-tabs-content {\n flex: 1 1 auto;\n overflow: auto;\n } \n}\n " }'>
                                          @@ -1791,7 +2014,8 @@

                                          width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -1835,6 +2059,7 @@

                                          const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -1945,7 +2170,9 @@

                                          $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                          <div ng-app="ods-widgets"> @@ -1955,7 +2182,7 @@

                                          <ods-simple-tabs class="tab-horizontal"> <ods-simple-tab label="Velib" fontawesome-class="bicycle" - keep-content="true"> + keep-content="false"> <p> L’objectif du service Vélib’ Métropole est de faciliter le développement de nouvelles mobilités sur le territoire francilien, en complément de l’offre de transport existante. </p> @@ -2057,8 +2284,16 @@

                                          "> -
                                          - + +

                                          -

                                          - -
                                          -

                                          - Dot Tabs - - - - - -

                                          -
                                          -

                                          The tabs navigation is presented using dots on the bottom of the tabbed content.

                                          - -
                                          - -
                                          +
                                          + +
                                          +
                                          +

                                          + Dot Tabs + + + + + +

                                          +
                                          +

                                          The tabs navigation is presented using dots on the bottom of the tabbed content.

                                          + +
                                          + + +
                                          + @@ -2378,6 +2656,14 @@

                                          + + + + + + + +
                                          name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"kpi-card\"\u003e\n \u003cods-simple-tabs class=\"tab-dots\"\u003e\n \u003cods-simple-tab keep-content=\"true\"\u003e\n \u003ci class=\"kpi-icon fa fa-gitlab\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cp class=\"kpi-title\"\u003e\n 5,983\n \u003c/p\u003e\n \u003cp class=\"kpi-description\"\u003e\n Dignissim suspendisse in est ante in nibh nisl tincidunt eget\n \u003c/p\u003e\n \u003c/ods-simple-tab\u003e\n \u003cods-simple-tab keep-content=\"true\"\u003e\n \u003ci class=\"kpi-icon fa fa-houzz\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cp class=\"kpi-title\"\u003e\n 18.3k\n \u003c/p\u003e\n \u003cp class=\"kpi-description\"\u003e\n Quam vulputate dignissim suspendisse in est ante in nibh. Faucibus nisl tincidunt eget nullam non nisi est sit amet\n \u003c/p\u003e\n \u003c/ods-simple-tab\u003e\n \u003cods-simple-tab keep-content=\"true\"\u003e\n \u003ci class=\"kpi-icon fa fa-houzz\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003cp class=\"kpi-title\"\u003e\n 8.3k\n \u003c/p\u003e\n \u003cp class=\"kpi-description\"\u003e\n Quam vulputate\n \u003c/p\u003e\n \u003c/ods-simple-tab\u003e\n \u003c/ods-simple-tabs\u003e\n\u003c/div\u003e\n\u003c/div\u003e", "css": "/* Tab dots\n ========================================================================== */\n.tab-dots {\n display: flex;\n flex-direction: column-reverse;\n margin-bottom: 0;\n}\n.tab-dots .ods-simple-tabs-nav {\n margin-top: 20px;\n margin-bottom: 0;\n justify-content: center; \n}\n.tab-dots .ods-simple-tabs-nav-link {\n border: none;\n padding: 0;\n width: 14px;\n height: 14px;\n border-radius: 50%;\n background-color: rgba(0,0,0,.2);\n margin: 0 4px;\n}\n.tab-dots .ods-simple-tabs-nav-link:hover,\n.tab-dots .ods-simple-tabs-nav-link-active {\n background-color: var(--links);\n}\n/* KPI Card\n========================================================================== */\n.kpi-card {\n background-color: var(--boxes-background);\n height: 100%;\n padding: 39px;\n border-radius: 4px;\n margin-bottom: 20px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n text-align: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n text-align: center;\n}\n.kpi-icon {\n color: var(--highlight);\n color: var(--secondary-color);\n font-size: 4rem;\n margin-top: 0;\n margin-bottom: 13px;\t\n max-width: 100%;\n}\n.kpi-title {\n font-weight: normal;\n color: var(--highlight);\n font-size: 3.2rem;\n margin-top: 0;\n margin-bottom: 13px;\n max-width: 100%;\n}\n.kpi-description { \n color: var(--text);\n font-size: 1rem;\n line-height: 1.5;\n font-weight: normal;\n margin-top: 0;\n margin-bottom: 0;\n max-width: 100%;\n}\n " @@ -2401,7 +2687,8 @@

                                          width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -2445,6 +2732,7 @@

                                          const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -2555,7 +2843,9 @@

                                          $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                          <div ng-app="ods-widgets"> @@ -2671,8 +2961,10 @@

                                          "> -
                                          -

                                          -

                                          - -
                                          +
                                          + + + +
                                          - - + - © Copyright 2020 + © Copyright 2026
                                          @@ -3001,7 +3295,7 @@

                                          diff --git a/public/widget-tricks/ods-table-fixed-col/1/css.inc b/public/widget-tricks/ods-table-fixed-col/1/css.inc deleted file mode 100644 index 9e484558e..000000000 --- a/public/widget-tricks/ods-table-fixed-col/1/css.inc +++ /dev/null @@ -1,111 +0,0 @@ -/** ODS-TABLE FIXED COLUMN **/ - -[class*="sticky-col-"] { - --counter-col-width: 35px; /* Index column, record counter */ - --1st-col-width: 170px; /* First data column */ - --2nd-col-width: 150px; /* Second data column */ - --3rd-col-width: 100px; /* Third data column */ - - --bg-color-odd: #f4f4f4; - --bg-color-even: white; - --hover-color: #e0e0e0; -} - -/* Set the table relative, to stick columns */ -[class*="sticky-col-"] thead.odswidget-table__internal-header-table-header, -[class*="sticky-col-"] table.odswidget-table__internal-table { - position: relative; -} - -/* Header and content position and width */ -.sticky-col-1 th.odswidget-table__header-cell:nth-child(1), -.sticky-col-2 th.odswidget-table__header-cell:nth-child(1), -.sticky-col-3 th.odswidget-table__header-cell:nth-child(1), -.sticky-col-1 td.odswidget-table__cell:nth-child(1), -.sticky-col-2 td.odswidget-table__cell:nth-child(1), -.sticky-col-3 td.odswidget-table__cell:nth-child(1) { - position: sticky; - left: 0; - z-index: 1; -} -.sticky-col-1 th.odswidget-table__header-cell:nth-child(1) > div, -.sticky-col-2 th.odswidget-table__header-cell:nth-child(1) > div, -.sticky-col-3 th.odswidget-table__header-cell:nth-child(1) > div, -.sticky-col-1 td.odswidget-table__cell:nth-child(1) > div, -.sticky-col-2 td.odswidget-table__cell:nth-child(1) > div, -.sticky-col-3 td.odswidget-table__cell:nth-child(1) > div { - width: var(--counter-col-width) !important; - max-width: inherit; -} -.sticky-col-1 th.odswidget-table__header-cell:nth-child(2), -.sticky-col-2 th.odswidget-table__header-cell:nth-child(2), -.sticky-col-3 th.odswidget-table__header-cell:nth-child(2), -.sticky-col-1 td.odswidget-table__cell:nth-child(2), -.sticky-col-2 td.odswidget-table__cell:nth-child(2), -.sticky-col-3 td.odswidget-table__cell:nth-child(2) { - position: sticky; - left: calc(var(--counter-col-width) + 15px); - z-index: 1; -} -.sticky-col-1 th.odswidget-table__header-cell:nth-child(2) > div, -.sticky-col-2 th.odswidget-table__header-cell:nth-child(2) > div, -.sticky-col-3 th.odswidget-table__header-cell:nth-child(2) > div, -.sticky-col-1 td.odswidget-table__cell:nth-child(2) > div, -.sticky-col-2 td.odswidget-table__cell:nth-child(2) > div, -.sticky-col-3 td.odswidget-table__cell:nth-child(2) > div { - width: var(--1st-col-width) !important; - max-width: inherit; -} -.sticky-col-2 th.odswidget-table__header-cell:nth-child(3), -.sticky-col-3 th.odswidget-table__header-cell:nth-child(3), -.sticky-col-2 td.odswidget-table__cell:nth-child(3), -.sticky-col-3 td.odswidget-table__cell:nth-child(3) { - position: sticky; - left: calc(var(--counter-col-width) + 32px + var(--1st-col-width)); - z-index: 1; -} -.sticky-col-2 th.odswidget-table__header-cell:nth-child(3) > div, -.sticky-col-3 th.odswidget-table__header-cell:nth-child(3) > div, -.sticky-col-2 td.odswidget-table__cell:nth-child(3) > div, -.sticky-col-3 td.odswidget-table__cell:nth-child(3) > div { - width: calc(var(--2nd-col-width) + 11px) !important; - max-width: inherit; -} - -.sticky-col-3 th.odswidget-table__header-cell:nth-child(4), -.sticky-col-3 td.odswidget-table__cell:nth-child(4) { - position: sticky; - left: calc(var(--counter-col-width) + 32px + var(--1st-col-width) + 32px + var(--2nd-col-width)); - z-index: 1; -} -.sticky-col-3 th.odswidget-table__header-cell:nth-child(4) > div, -.sticky-col-3 td.odswidget-table__cell:nth-child(4) > div { - width: calc(var(--3rd-col-width) + 11px) !important; - max-width: inherit; -} - - -/* Background and hover colors */ -.sticky-col-1 tr.odswidget-table__internal-table-row:nth-child(odd) td.odswidget-table__cell:nth-child(-n+2), -.sticky-col-2 tr.odswidget-table__internal-table-row:nth-child(odd) td.odswidget-table__cell:nth-child(-n+3), -.sticky-col-3 tr.odswidget-table__internal-table-row:nth-child(odd) td.odswidget-table__cell:nth-child(-n+4) { - background-color: var(--bg-color-odd); -} -.sticky-col-1 tr.odswidget-table__internal-table-row:nth-child(even) td.odswidget-table__cell:nth-child(-n+2), -.sticky-col-2 tr.odswidget-table__internal-table-row:nth-child(even) td.odswidget-table__cell:nth-child(-n+3), -.sticky-col-3 tr.odswidget-table__internal-table-row:nth-child(even) td.odswidget-table__cell:nth-child(-n+4) { - background-color: var(--bg-color-even); -} -.sticky-col-1 tr.odswidget-table__internal-table-row:hover td.odswidget-table__cell:nth-child(-n+2), -.sticky-col-2 tr.odswidget-table__internal-table-row:hover td.odswidget-table__cell:nth-child(-n+3), -.sticky-col-3 tr.odswidget-table__internal-table-row:hover td.odswidget-table__cell:nth-child(-n+4) { - background-color: var(--hover-color); -} - -/* Bonus, petite marge à droite pour marquer la séparation entre la colonne sticky et le reste */ -.sticky-col-1 td.odswidget-table__cell:nth-child(2) > div, -.sticky-col-2 td.odswidget-table__cell:nth-child(3) > div, -.sticky-col-3 td.odswidget-table__cell:nth-child(4) > div { - border-right: 1px solid var(--hover-color); - margin-right: -1px; -} \ No newline at end of file diff --git a/public/widget-tricks/ods-table-fixed-col/1/html.inc b/public/widget-tricks/ods-table-fixed-col/1/html.inc deleted file mode 100644 index 42663f2ab..000000000 --- a/public/widget-tricks/ods-table-fixed-col/1/html.inc +++ /dev/null @@ -1,17 +0,0 @@ - -

                                          1 column fixed

                                          - -                                           - - -

                                          3 column fixed

                                          - -                                           \ No newline at end of file diff --git a/public/widget-tricks/ods-table-fixed-col/2/css.inc b/public/widget-tricks/ods-table-fixed-col/2/css.inc deleted file mode 100644 index 0e9fe5fd6..000000000 --- a/public/widget-tricks/ods-table-fixed-col/2/css.inc +++ /dev/null @@ -1,129 +0,0 @@ -/** ODS-TABLE FIXED COLUMN **/ - -[class*="sticky-col-"] { - --counter-col-width: 35px; /* Index column, record counter */ - --1st-col-width: 170px; /* First data column */ - --2nd-col-width: 150px; /* Second data column */ - --3rd-col-width: 100px; /* Third data column */ - - --bg-color-odd: #f4f4f4; - --bg-color-even: white; - --hover-color: #e0e0e0; -} - - -/** Override settings for specific tables */ -.smallercol { - --1st-col-width: 140px; - --2nd-col-width: 60px; /* Second data column */ - --3rd-col-width: 80px; /* Third data column */ -} - -.largercol { - --1st-col-width: 250px; -} - -.darkerfixed { - --bg-color-odd: #dcdcdc; - --bg-color-even: #f3f3f3; - --hover-color: #a1a1a1; -} - - -/* Set the table relative, to stick columns */ -[class*="sticky-col-"] thead.odswidget-table__internal-header-table-header, -[class*="sticky-col-"] table.odswidget-table__internal-table { - position: relative; -} - -/* Header and content position and width */ -.sticky-col-1 th.odswidget-table__header-cell:nth-child(1), -.sticky-col-2 th.odswidget-table__header-cell:nth-child(1), -.sticky-col-3 th.odswidget-table__header-cell:nth-child(1), -.sticky-col-1 td.odswidget-table__cell:nth-child(1), -.sticky-col-2 td.odswidget-table__cell:nth-child(1), -.sticky-col-3 td.odswidget-table__cell:nth-child(1) { - position: sticky; - left: 0; - z-index: 1; -} -.sticky-col-1 th.odswidget-table__header-cell:nth-child(1) > div, -.sticky-col-2 th.odswidget-table__header-cell:nth-child(1) > div, -.sticky-col-3 th.odswidget-table__header-cell:nth-child(1) > div, -.sticky-col-1 td.odswidget-table__cell:nth-child(1) > div, -.sticky-col-2 td.odswidget-table__cell:nth-child(1) > div, -.sticky-col-3 td.odswidget-table__cell:nth-child(1) > div { - width: var(--counter-col-width) !important; - max-width: inherit; -} -.sticky-col-1 th.odswidget-table__header-cell:nth-child(2), -.sticky-col-2 th.odswidget-table__header-cell:nth-child(2), -.sticky-col-3 th.odswidget-table__header-cell:nth-child(2), -.sticky-col-1 td.odswidget-table__cell:nth-child(2), -.sticky-col-2 td.odswidget-table__cell:nth-child(2), -.sticky-col-3 td.odswidget-table__cell:nth-child(2) { - position: sticky; - left: calc(var(--counter-col-width) + 15px); - z-index: 1; -} -.sticky-col-1 th.odswidget-table__header-cell:nth-child(2) > div, -.sticky-col-2 th.odswidget-table__header-cell:nth-child(2) > div, -.sticky-col-3 th.odswidget-table__header-cell:nth-child(2) > div, -.sticky-col-1 td.odswidget-table__cell:nth-child(2) > div, -.sticky-col-2 td.odswidget-table__cell:nth-child(2) > div, -.sticky-col-3 td.odswidget-table__cell:nth-child(2) > div { - width: var(--1st-col-width) !important; - max-width: inherit; -} -.sticky-col-2 th.odswidget-table__header-cell:nth-child(3), -.sticky-col-3 th.odswidget-table__header-cell:nth-child(3), -.sticky-col-2 td.odswidget-table__cell:nth-child(3), -.sticky-col-3 td.odswidget-table__cell:nth-child(3) { - position: sticky; - left: calc(var(--counter-col-width) + 32px + var(--1st-col-width)); - z-index: 1; -} -.sticky-col-2 th.odswidget-table__header-cell:nth-child(3) > div, -.sticky-col-3 th.odswidget-table__header-cell:nth-child(3) > div, -.sticky-col-2 td.odswidget-table__cell:nth-child(3) > div, -.sticky-col-3 td.odswidget-table__cell:nth-child(3) > div { - width: calc(var(--2nd-col-width) + 11px) !important; - max-width: inherit; -} -.sticky-col-3 th.odswidget-table__header-cell:nth-child(4), -.sticky-col-3 td.odswidget-table__cell:nth-child(4) { - position: sticky; - left: calc(var(--counter-col-width) + 32px + var(--1st-col-width) + 32px + var(--2nd-col-width)); - z-index: 1; -} -.sticky-col-3 th.odswidget-table__header-cell:nth-child(4) > div, -.sticky-col-3 td.odswidget-table__cell:nth-child(4) > div { - width: calc(var(--3rd-col-width) + 11px) !important; - max-width: inherit; -} - - -/* Background and hover colors */ -.sticky-col-1 tr.odswidget-table__internal-table-row:nth-child(odd) td.odswidget-table__cell:nth-child(-n+2), -.sticky-col-2 tr.odswidget-table__internal-table-row:nth-child(odd) td.odswidget-table__cell:nth-child(-n+3), -.sticky-col-3 tr.odswidget-table__internal-table-row:nth-child(odd) td.odswidget-table__cell:nth-child(-n+4) { - background-color: var(--bg-color-odd); -} -.sticky-col-1 tr.odswidget-table__internal-table-row:nth-child(even) td.odswidget-table__cell:nth-child(-n+2), -.sticky-col-2 tr.odswidget-table__internal-table-row:nth-child(even) td.odswidget-table__cell:nth-child(-n+3), -.sticky-col-3 tr.odswidget-table__internal-table-row:nth-child(even) td.odswidget-table__cell:nth-child(-n+4) { - background-color: var(--bg-color-even); -} -.sticky-col-1 tr.odswidget-table__internal-table-row:hover td.odswidget-table__cell:nth-child(-n+2), -.sticky-col-2 tr.odswidget-table__internal-table-row:hover td.odswidget-table__cell:nth-child(-n+3), -.sticky-col-3 tr.odswidget-table__internal-table-row:hover td.odswidget-table__cell:nth-child(-n+4) { - background-color: var(--hover-color); -} - -/* Bonus, petite marge à droite pour marquer la séparation entre la colonne sticky et le reste */ -.sticky-col-1 td.odswidget-table__cell:nth-child(2) > div, -.sticky-col-2 td.odswidget-table__cell:nth-child(3) > div, -.sticky-col-3 td.odswidget-table__cell:nth-child(4) > div { - border-right: 1px solid var(--hover-color); - margin-right: -1px; -} diff --git a/public/widget-tricks/ods-table-fixed-col/2/html.inc b/public/widget-tricks/ods-table-fixed-col/2/html.inc deleted file mode 100644 index 9002b1ec4..000000000 --- a/public/widget-tricks/ods-table-fixed-col/2/html.inc +++ /dev/null @@ -1,17 +0,0 @@ - -

                                          1 column fixed, larger first column, darker fixed cell

                                          - -                                           -
                                          - -

                                          3 column fixed, smaller 2nd and 3rd column, darker fixed cell

                                          - -                                           \ No newline at end of file diff --git a/public/widget-tricks/ods-table-fixed-col/3/css.inc b/public/widget-tricks/ods-table-fixed-col/3/css.inc deleted file mode 100644 index 7e75becca..000000000 --- a/public/widget-tricks/ods-table-fixed-col/3/css.inc +++ /dev/null @@ -1,119 +0,0 @@ -/** ODS-TABLE FIXED COLUMN **/ - -[class*="sticky-col-"] { - --counter-col-width: 35px; /* Index column, record counter */ - --1st-col-width: 170px; /* First data column */ - --2nd-col-width: 150px; /* Second data column */ - --3rd-col-width: 100px; /* Third data column */ - - --bg-color-odd: #f4f4f4; - --bg-color-even: white; - --hover-color: #e0e0e0; -} - - -/** Override settings for specific tables */ -.darkerfixed { - --bg-color-odd: #dcdcdc; - --bg-color-even: #f3f3f3; - --hover-color: #a1a1a1; -} - - -/* Set the table relative, to stick columns */ -[class*="sticky-col-"] thead.odswidget-table__internal-header-table-header, -[class*="sticky-col-"] table.odswidget-table__internal-table { - position: relative; -} - -/* Header and content position and width */ -.sticky-col-1 th.odswidget-table__header-cell:nth-child(1), -.sticky-col-2 th.odswidget-table__header-cell:nth-child(1), -.sticky-col-3 th.odswidget-table__header-cell:nth-child(1), -.sticky-col-1 td.odswidget-table__cell:nth-child(1), -.sticky-col-2 td.odswidget-table__cell:nth-child(1), -.sticky-col-3 td.odswidget-table__cell:nth-child(1) { - position: sticky; - left: 0; - z-index: 1; -} -.sticky-col-1 th.odswidget-table__header-cell:nth-child(1) > div, -.sticky-col-2 th.odswidget-table__header-cell:nth-child(1) > div, -.sticky-col-3 th.odswidget-table__header-cell:nth-child(1) > div, -.sticky-col-1 td.odswidget-table__cell:nth-child(1) > div, -.sticky-col-2 td.odswidget-table__cell:nth-child(1) > div, -.sticky-col-3 td.odswidget-table__cell:nth-child(1) > div { - width: var(--counter-col-width) !important; - max-width: inherit; -} -.sticky-col-1 th.odswidget-table__header-cell:nth-child(2), -.sticky-col-2 th.odswidget-table__header-cell:nth-child(2), -.sticky-col-3 th.odswidget-table__header-cell:nth-child(2), -.sticky-col-1 td.odswidget-table__cell:nth-child(2), -.sticky-col-2 td.odswidget-table__cell:nth-child(2), -.sticky-col-3 td.odswidget-table__cell:nth-child(2) { - position: sticky; - left: calc(var(--counter-col-width) + 15px); - z-index: 1; -} -.sticky-col-1 th.odswidget-table__header-cell:nth-child(2) > div, -.sticky-col-2 th.odswidget-table__header-cell:nth-child(2) > div, -.sticky-col-3 th.odswidget-table__header-cell:nth-child(2) > div, -.sticky-col-1 td.odswidget-table__cell:nth-child(2) > div, -.sticky-col-2 td.odswidget-table__cell:nth-child(2) > div, -.sticky-col-3 td.odswidget-table__cell:nth-child(2) > div { - width: var(--1st-col-width) !important; - max-width: inherit; -} -.sticky-col-2 th.odswidget-table__header-cell:nth-child(3), -.sticky-col-3 th.odswidget-table__header-cell:nth-child(3), -.sticky-col-2 td.odswidget-table__cell:nth-child(3), -.sticky-col-3 td.odswidget-table__cell:nth-child(3) { - position: sticky; - left: calc(var(--counter-col-width) + 32px + var(--1st-col-width)); - z-index: 1; -} -.sticky-col-2 th.odswidget-table__header-cell:nth-child(3) > div, -.sticky-col-3 th.odswidget-table__header-cell:nth-child(3) > div, -.sticky-col-2 td.odswidget-table__cell:nth-child(3) > div, -.sticky-col-3 td.odswidget-table__cell:nth-child(3) > div { - width: calc(var(--2nd-col-width) + 11px) !important; - max-width: inherit; -} -.sticky-col-3 th.odswidget-table__header-cell:nth-child(4), -.sticky-col-3 td.odswidget-table__cell:nth-child(4) { - position: sticky; - left: calc(var(--counter-col-width) + 32px + var(--1st-col-width) + 32px + var(--2nd-col-width)); - z-index: 1; -} -.sticky-col-3 th.odswidget-table__header-cell:nth-child(4) > div, -.sticky-col-3 td.odswidget-table__cell:nth-child(4) > div { - width: calc(var(--3rd-col-width) + 11px) !important; - max-width: inherit; -} - - -/* Background and hover colors */ -.sticky-col-1 tr.odswidget-table__internal-table-row:nth-child(odd) td.odswidget-table__cell:nth-child(-n+2), -.sticky-col-2 tr.odswidget-table__internal-table-row:nth-child(odd) td.odswidget-table__cell:nth-child(-n+3), -.sticky-col-3 tr.odswidget-table__internal-table-row:nth-child(odd) td.odswidget-table__cell:nth-child(-n+4) { - background-color: var(--bg-color-odd); -} -.sticky-col-1 tr.odswidget-table__internal-table-row:nth-child(even) td.odswidget-table__cell:nth-child(-n+2), -.sticky-col-2 tr.odswidget-table__internal-table-row:nth-child(even) td.odswidget-table__cell:nth-child(-n+3), -.sticky-col-3 tr.odswidget-table__internal-table-row:nth-child(even) td.odswidget-table__cell:nth-child(-n+4) { - background-color: var(--bg-color-even); -} -.sticky-col-1 tr.odswidget-table__internal-table-row:hover td.odswidget-table__cell:nth-child(-n+2), -.sticky-col-2 tr.odswidget-table__internal-table-row:hover td.odswidget-table__cell:nth-child(-n+3), -.sticky-col-3 tr.odswidget-table__internal-table-row:hover td.odswidget-table__cell:nth-child(-n+4) { - background-color: var(--hover-color); -} - -/* Bonus, petite marge à droite pour marquer la séparation entre la colonne sticky et le reste */ -.sticky-col-1 td.odswidget-table__cell:nth-child(2) > div, -.sticky-col-2 td.odswidget-table__cell:nth-child(3) > div, -.sticky-col-3 td.odswidget-table__cell:nth-child(4) > div { - border-right: 1px solid var(--hover-color); - margin-right: -1px; -} diff --git a/public/widget-tricks/ods-table-fixed-col/3/html.inc b/public/widget-tricks/ods-table-fixed-col/3/html.inc deleted file mode 100644 index 93ebd9340..000000000 --- a/public/widget-tricks/ods-table-fixed-col/3/html.inc +++ /dev/null @@ -1,10 +0,0 @@ - -

                                          3 column fixed for wide screen, 1 column fixed when the table is reduced

                                          -
                                          - -
                                          -                                           \ No newline at end of file diff --git a/public/widget-tricks/ods-table-fixed-col/index.html b/public/widget-tricks/ods-table-fixed-col/index.html deleted file mode 100644 index f445a801c..000000000 --- a/public/widget-tricks/ods-table-fixed-col/index.html +++ /dev/null @@ -1,2882 +0,0 @@ - - - - - - ods-table: Fixed column – Codelibrary - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                                          -
                                          -
                                          -
                                          -
                                          -
                                          -
                                          -
                                          -
                                          -
                                          - - -
                                          -
                                          - -
                                          -
                                          -

                                          Widget Tricks - ods-table: Fixed column

                                          -
                                          - -
                                          - -
                                          -

                                          - Fix 1, 2 or 3 columns - New - - - - - - -

                                          -
                                          -

                                          By adding the CSS class sticky-col-1, sticky-col-2 or sticky-col-3 to an ods-table, -you can respectively fix the 1, 2 or 3 first columns.

                                          -

                                          The width of the column, and the cell color are defined through CSS variables.

                                          - -
                                          - -
                                          - - - - - - - - - - - - -
                                          - - - -
                                          -
                                          -
                                          - -
                                          - - -
                                          -
                                          - -
                                          - -
                                          -
                                          - -
                                          -

                                          - Override variables to change column width and cell color - - - - - -

                                          -
                                          -

                                          Column width:

                                          -
                                            -
                                          • --counter-col-width Set the record counter width
                                            • -
                                          • --1st-col-width Set the First data column width
                                            • -
                                          • --2nd-col-width Set the Second data column width
                                            • -
                                          • --3rd-col-width Set the Third data column width
                                            • -
                                          -

                                          Cell color:

                                          -
                                            -
                                          • --bg-color-odd Set the odd cell background color
                                            • -
                                          • --bg-color-even: Set the even cell background color
                                            • -
                                          • --hover-color: Set the hover cell color
                                            • -
                                          - -
                                          - -
                                          - - - - - - - - - - - - -
                                          -
                                          - -
                                          -
                                          -
                                          -
                                          - -
                                          - - -
                                          -
                                          - -
                                          - -
                                          -
                                          - -
                                          -

                                          - Responsive concern, unfix columns for smaller devices - - - - - -

                                          -
                                          -

                                          Fixing too many columns can lead to a totally stuck and unreadable table on mobile device.

                                          -

                                          ods-get-element-layout get the size of an element and output the value in a variable. -(Widget documentation here).

                                          -

                                          We can then fix the right number of columns depending on the width of the table.

                                          -
                                          -

                                          Note: you can even fix columns only for desktop devices, and any for mobile

                                          -
                                          - -
                                          - -
                                          - - - - - - - - - - - - -
                                          -
                                          - -
                                          -
                                          -
                                          -
                                          - -
                                          - - -
                                          -
                                          - -
                                          - -
                                          -
                                          - -
                                          -
                                          - -
                                          -
                                          - -
                                          - - - - - © Copyright 2020 - -
                                          - - - - - - - - diff --git a/public/widget-tricks/page/1/index.html b/public/widget-tricks/page/1/index.html index 266269c91..cb02c3abe 100644 --- a/public/widget-tricks/page/1/index.html +++ b/public/widget-tricks/page/1/index.html @@ -1 +1,9 @@ -https://codelibrary.opendatasoft.com/widget-tricks/ \ No newline at end of file + + + + https://codelibrary.huwize.com/widget-tricks/ + + + + + diff --git a/public/widget-tricks/page/2/index.html b/public/widget-tricks/page/2/index.html index 1e4aeb301..3927a8bea 100644 --- a/public/widget-tricks/page/2/index.html +++ b/public/widget-tricks/page/2/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@ - @@ -159,7 +176,7 @@
                                          • + href="https://codelibrary.huwize.com/"> Home
                                            • @@ -176,6 +193,54 @@ + + + + + + + + + + + + + + + + + + + + + +
                                          • + + Apps + + +
                                            • + + + + + + + + + + + + + + + + + + + + @@ -230,6 +295,9 @@ + + +
                                          • @@ -254,6 +322,9 @@ + + + @@ -298,6 +369,18 @@ + + + + + + + + + + + + @@ -351,6 +434,16 @@
                                              +
                                            • + +
                                              + Age Pyramid with custom HTML/CSS + + +
                                              +                                               +
                                              • +
                                            • @@ -432,9 +525,9 @@
                                            • - +
                                              - Heatmaps with Vega-Lite + ods-adv-analysis
                                              @@ -467,10 +560,6 @@ ods-chart: CSS Hacks - - 1 - -
                                              • @@ -491,10 +580,6 @@ ods-color-gradient + ods-map : a choropleth alternative - - 4 - - @@ -569,20 +654,6 @@ -
                                            • - -
                                              - ods-table: Fixed column - - - - 1 - - -
                                              -                                               -
                                              • -
                                            • - +

                                              - ods-select + ods-pop-in variants

                                              - ods-select allows the selection of one or more items from a list of options. This resource present different combinations with ods-facet-results or ods-analysis to feed the selection list. + Display content in a pop-in window.

                                              @@ -716,14 +811,6 @@

                                              display

                                              -
                                              - navigation -
                                              - -
                                              - list -
                                              -
                                              @@ -780,16 +867,16 @@

                                              - - + - © Copyright 2020 + © Copyright 2026
                                              @@ -801,7 +888,7 @@

                                              diff --git a/public/widget-tricks/share-print/1/html.inc b/public/widget-tricks/share-print/1/html.inc index c31f93dca..4e7636649 100644 --- a/public/widget-tricks/share-print/1/html.inc +++ b/public/widget-tricks/share-print/1/html.inc @@ -1,6 +1,6 @@
                                              @@ -11,34 +11,34 @@ Filter and have a look to your browser URL ! It's synced !

                                              - https://userclub.opendatasoft.com/pages/widgettrick-shareandprint/?{{ ctx.getQueryStringURL() }} + https://userclub.huwise.com/pages/widgettrick-shareandprint/?{{ ctx.getQueryStringURL() }}

                                              Share through social network or by email:

                                              - - - - -
                                              @@ -81,4 +88,4 @@
                                              - + \ No newline at end of file diff --git a/public/widget-tricks/share-print/2/html.inc b/public/widget-tricks/share-print/2/html.inc index 5b9ad8335..0e24c2882 100644 --- a/public/widget-tricks/share-print/2/html.inc +++ b/public/widget-tricks/share-print/2/html.inc @@ -1,22 +1,25 @@

                                              - Record store card Print it (Ctrl/Cmd+P) or just share the link ! + Record store card + Print it (Ctrl/Cmd+P) or just share the link + !

                                              - -
                                              +
                                              • -

                                                - {{ field.label }} -

                                                -

                                                - {{ item.fields[field.name] }} -

                                                +

                                                {{ field.volcano_name }}

                                                +

                                                {{ item.fields[field.name] }}

                                              -
                                              +
                                              \ No newline at end of file diff --git a/public/widget-tricks/share-print/index.html b/public/widget-tricks/share-print/index.html index dc4eedbda..828bf114d 100644 --- a/public/widget-tricks/share-print/index.html +++ b/public/widget-tricks/share-print/index.html @@ -39,9 +39,7 @@ - - - + @@ -73,69 +71,88 @@ - @@ -185,7 +202,7 @@
                                              • + href="https://codelibrary.huwize.com/"> Home
                                                • @@ -202,6 +219,54 @@ + + + + + + + + + + + + + + + + + + + + + +
                                              • + + Apps + + +
                                                • + + + + + + + + + + + + + + + + + + + + @@ -256,6 +321,9 @@ + + +
                                              • @@ -280,6 +348,9 @@ + + + @@ -324,6 +395,18 @@ + + + + + + + + + + + + @@ -377,6 +460,16 @@
                                                  +
                                                • + +
                                                  + Age Pyramid with custom HTML/CSS + + +
                                                  +                                                   +
                                                  • +
                                                • @@ -458,9 +551,9 @@
                                                • - +
                                                  - Heatmaps with Vega-Lite + ods-adv-analysis
                                                  @@ -493,10 +586,6 @@ ods-chart: CSS Hacks - - 1 - -
                                                  • @@ -517,10 +606,6 @@ ods-color-gradient + ods-map : a choropleth alternative - - 4 - - @@ -595,20 +680,6 @@ -
                                                • - -
                                                  - ods-table: Fixed column - - - - 1 - - -
                                                  -                                                   -
                                                  • -
                                                • @@ -640,51 +711,67 @@
                                                  - aggregation + Aggregation + + + + Card - chart + Chart - date + Date - display + Display - filter + Filter - geo + Geo - list + List - map + Map - navigation + Navigation + + + + Ods-Adv-Analysis - ods-aggregation + Ods-Aggregation - ods-analysis + Ods-Analysis - ods-maps + Ods-Maps + + + + Ods-Subaggregation + + + + Redirection
                                                  @@ -695,31 +782,37 @@
                                                  -
                                                  -

                                                  Widget Tricks - Share and print

                                                  -
                                                  - -
                                                  - -
                                                  -

                                                  - Browse, Search, Filter then Share or Print! - - - - - -

                                                  -
                                                  -

                                                  This resource highlights the urlsync parameter that allows users to copy/share the URL with applied filters and query. It also proposes a scenario of a dedicated page to print a specific record’s metadata.

                                                  - -
                                                  - -
                                                  +
                                                  +

                                                  Widget Tricks - Share and print

                                                  +
                                                  + +
                                                  +
                                                  +

                                                  + Browse, Search, Filter then Share or Print! + + + + + +

                                                  +
                                                  +

                                                  This resource highlights the urlsync parameter that allows users to copy/share the URL with applied filters and query. It also proposes a scenario of a dedicated page to print a specific record’s metadata.

                                                  + +
                                                  + + +
                                                  + + + + + + @@ -728,6 +821,9 @@

                                                  + + +
                                                  name="data" value='{ "title": "New Pen!", - "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", + "head": "\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.css\"\n/\u003e\n\n\u003c!-- ODS Platform CSS - must be hosted on static : WIP --\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/4124551/ods.css\"\n/\u003e\n\u003clink\n rel=\"stylesheet\"\n href=\"https://codelibrary.opendatasoft.com/css/theme.css\"\n/\u003e\n\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.0/angular.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.8.2/angular-sanitize.min.js\"\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://static.opendatasoft.com/ods-widgets/latest-v2/ods-widgets.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/platform-filters.js\"\n\u003e\u003c/script\u003e\n\u003cscript\n type=\"text/javascript\"\n src=\"https://codelibrary.opendatasoft.com/js/ods-catalog-card.js\"\n\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n const sourceMonitoringInterceptor = $q =\u003e {\n return {\n request: config =\u003e {\n console.log(config.url);\n if (config.params)\n if (config.params.source) delete config.params.source;\n\n config.url = config.url.replace(\n \"ods-api-monitoring\",\n \"monitoring-copy\"\n );\n return config;\n }\n };\n };\n\n angular\n .module(\"ods-widgets\")\n .config(function(ODSWidgetsConfigProvider, $httpProvider) {\n ODSWidgetsConfigProvider.setConfig({\n defaultDomain: \"https://userclub.opendatasoft.com/\",\n basemaps: [\n {\n provider: \"jawg.light\",\n label: \"Jawg Light\",\n jawg_apikey: \"opendatasoft-community\"\n },\n {\n provider: \"jawg.streets\",\n label: \"Jawg Streets\",\n jawg_apikey: \"opendatasoft-community\",\n id: \"streets\"\n }\n ],\n themes: {\n default: {\n url: \"/img/ods.svg\"\n },\n Santé: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/doctors.svg\",\n color: \"#1446A0\"\n },\n \"Culture, Patrimoine\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/culture.svg\",\n color: \"#1446A0\"\n },\n \"Éducation, Formation, Recherche, Enseignement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/college.svg\",\n color: \"#1446A0\"\n },\n Environment: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/leaf.svg\",\n color: \"#1446A0\"\n },\n \"Transports, Déplacements\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/train_station.svg\",\n color: \"#1446A0\"\n },\n \"Aménagement du territoire, Urbanisme, Bâtiments, Équipements, Logement\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/townplanning.svg\",\n color: \"#1446A0\"\n },\n \"Économie, Business, PME, Développement économique, Emploi\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/economy.svg\",\n color: \"#1446A0\"\n },\n \"Administration, Gouvernement, Finances publiques, Citoyenneté\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/administration.svg\",\n color: \"#1446A0\"\n },\n \"Justice, Sécurité, Police, Crime\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/court.svg\",\n color: \"#1446A0\"\n },\n \"Sport, Loisirs\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/soccer.svg\",\n color: \"#1446A0\"\n },\n \"Hébergement, Restauration\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/accommodation.svg\",\n color: \"#1446A0\"\n },\n \"Services, Social\": {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/social.svg\",\n color: \"#1446A0\"\n },\n Checklist: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/copyshop.svg\",\n color: \"#1446A0\"\n },\n Usages: {\n url:\n \"https://userclub.opendatasoft.com/static/pictos/img/set-v3/pictos/bike.svg\",\n color: \"#1446A0\"\n }\n },\n mapPrependAttribution: \"Jawg apikey NOT suitable for production\"\n });\n $httpProvider.interceptors.push(sourceMonitoringInterceptor);\n });\n\u003c/script\u003e\n", "editors": 110, - "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"container\"\u003e\n \u003cods-dataset-context context=\"ctx\"\n ctx-dataset=\"record-stores\"\n ctx-domain=\"userclub\"\n ctx-urlsync=\"true\"\u003e\n \u003cdiv class=\"row ods-box\"\u003e\n \u003ch3\u003e\n Share by copying this link :\n \u003c/h3\u003e\n \u003ch3 class=\"red-box\"\u003e\n Filter and have a look to your browser URL ! It's synced !\n \u003c/h3\u003e\n \u003ch4\u003e\n \u003ca href=\"https://userclub.opendatasoft.com/pages/widgettrick-shareandprint/?{{ ctx.getQueryStringURL() }}\"\n target=\"_blank\"\u003ehttps://userclub.opendatasoft.com/pages/widgettrick-shareandprint/?{{ ctx.getQueryStringURL() }}\u003c/a\u003e\n \u003c/h4\u003e\n \u003ch3\u003e\n Share through social network or by email:\n \u003c/h3\u003e\n \u003cdiv class=\"boutons\" style=\"font-size: 1.6rem;\"\u003e\n \u003ca href=\"https://twitter.com/intent/tweet?text=Opendatasoft Page Test;url=https%3A%2F%2Fuserclub.opendatasoft.com%2Fpages%2Fwidgettrick-shareandprint%2F%3F{{ctx.getQueryStringURL() | encodeURIComponent}}\"\n class=\"ods-dataset-visualization__social-button ods-dataset-visualization__social-button--twitter\"\n target=\"_blank\"\u003e\n \u003ci class=\"fa fa-twitter ods-dataset-visualization__social-button-icon\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003ca href=\"https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fuserclub.opendatasoft.com%2Fpages%2Fwidgettrick-shareandprint%2F%3F{{ctx.getQueryStringURL() | encodeURIComponent}}\"\n class=\"ods-dataset-visualization__social-button ods-dataset-visualization__social-button--facebook\"\n target=\"_blank\"\u003e\n \u003ci class=\"fa fa-facebook ods-dataset-visualization__social-button-icon\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003ca href=\"https://plus.google.com/share?url=https%3A%2F%2Fuserclub.opendatasoft.com%2Fpages%2Fwidgettrick-shareandprint%2F%3F{{ctx.getQueryStringURL() | encodeURIComponent}}\"\n class=\"ods-dataset-visualization__social-button ods-dataset-visualization__social-button--google-plus\"\n target=\"_blank\"\u003e\n \u003ci class=\"fa fa-google-plus ods-dataset-visualization__social-button-icon\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003ca href=\"https://www.linkedin.com/shareArticle?url=https%3A%2F%2Fuserclub.opendatasoft.com%2Fpages%2Fwidgettrick-shareandprint%2F%3F{{ctx.getQueryStringURL() | encodeURIComponent}}\u0026amp;mini=true\u0026amp;title=Opendatasoft Page Test;source=Opendatasoft\"\n class=\"ods-dataset-visualization__social-button ods-dataset-visualization__social-button--linkedin\"\n target=\"_blank\"\u003e\n \u003ci class=\"fa fa-linkedin ods-dataset-visualization__social-button-icon\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003ca href=\"mailto:?subject=Opendatasoft Page Test\u0026amp;body=https%3A%2F%2Fuserclub.opendatasoft.com%2Fpages%2Fwidgettrick-shareandprint%2F%3F{{ctx.getQueryStringURL() | encodeURIComponent}}\"\n class=\"ods-dataset-visualization__social-button ods-dataset-visualization__social-button--mail\"\n target=\"_blank\"\u003e\n \u003ci class=\"fa fa-envelope ods-dataset-visualization__social-button-icon\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"row ods-box\"\u003e\n \u003ch3\u003e\n A dashboard : Music record store in the world\n \u003c/h3\u003e\n \u003cdiv class=\"col-md-3 ods-box\"\u003e\n \u003cods-text-search context=\"ctx\" placeholder=\"disc, records, music...\"\u003e\u003c/ods-text-search\u003e\n \u003cods-filter-summary context=\"ctx\"\u003e\u003c/ods-filter-summary\u003e\n \u003cods-facets context=\"ctx\"\u003e\u003c/ods-facets\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-9 ods-box\"\u003e\n \u003cods-map\u003e\n \u003cods-map-layer context=\"ctx\"\u003e\n \u003cdiv\u003e\n \u003ch3\u003e\n {{ record.fields.name }}\n \u003c/h3\u003e\n \u003cp style=\"font-style:italic; color:grey; font-weight:300\"\u003e\n {{ record.fields.address }}\n \u003c/p\u003e\n \u003cdiv style=\"line-height: 0px;\"\u003e\n \u003cp\u003e\n \u003cspan style=\"font-style:italic;\"\u003eHas closed \u003c/span\u003e\u003cb style=\"font-size:1.2em\"\u003e{{ record.fields.hasclosed }}\u003c/b\u003e\n \u003c/p\u003e\n \u003c/div\u003e\n \u003ca style=\"color: #1e0c33; font-weight: 600; font-size: 1.1em;\"\n href=\"https://userclub.opendatasoft.com/pages/widgettrick-shareandprint-card?q=city:%22{{ record.fields.city }}%22 AND name:%22{{ record.fields.name }}%22\"\n target=\"_blank\"\u003eGo to the store card\u003c/a\u003e\n \u003c/div\u003e\n \u003c/ods-map-layer\u003e\n \u003c/ods-map\u003e\n \u003cdiv class=\"ods-box\"\u003e\n \u003cods-table context=\"ctx\"\u003e\u003c/ods-table\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/ods-dataset-context\u003e\n\u003c/div\u003e\n\u003c/div\u003e", + "html": "\u003cdiv ng-app=\"ods-widgets\"\u003e\n\u003cdiv class=\"container\"\u003e\n \u003cods-dataset-context context=\"ctx\"\n ctx-dataset=\"les-eruptions-volcaniques-dans-le-monde\"\n ctx-domain=\"userclub\"\n ctx-urlsync=\"true\"\u003e\n \u003cdiv class=\"row ods-box\"\u003e\n \u003ch3\u003e\n Share by copying this link :\n \u003c/h3\u003e\n \u003ch3 class=\"red-box\"\u003e\n Filter and have a look to your browser URL ! It's synced !\n \u003c/h3\u003e\n \u003ch4\u003e\n \u003ca href=\"https://userclub.huwise.com/pages/widgettrick-shareandprint/?{{ ctx.getQueryStringURL() }}\"\n target=\"_blank\"\u003ehttps://userclub.huwise.com/pages/widgettrick-shareandprint/?{{ ctx.getQueryStringURL() }}\u003c/a\u003e\n \u003c/h4\u003e\n \u003ch3\u003e\n Share through social network or by email:\n \u003c/h3\u003e\n \u003cdiv class=\"boutons\" style=\"font-size: 1.6rem;\"\u003e\n \u003ca href=\"https://twitter.com/intent/tweet?text=Huwise Page Test;url=https%3A%2F%2Fuserclub.huwise.com%2Fpages%2Fwidgettrick-shareandprint%2F%3F{{ctx.getQueryStringURL() | encodeURIComponent}}\"\n class=\"ods-dataset-visualization__social-button ods-dataset-visualization__social-button--twitter\"\n target=\"_blank\"\u003e\n \u003ci class=\"fa fa-twitter ods-dataset-visualization__social-button-icon\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003ca href=\"https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fuserclub.huwise.com%2Fpages%2Fwidgettrick-shareandprint%2F%3F{{ctx.getQueryStringURL() | encodeURIComponent}}\"\n class=\"ods-dataset-visualization__social-button ods-dataset-visualization__social-button--facebook\"\n target=\"_blank\"\u003e\n \u003ci class=\"fa fa-facebook ods-dataset-visualization__social-button-icon\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003ca href=\"https://plus.google.com/share?url=https%3A%2F%2Fuserclub.huwise.com%2Fpages%2Fwidgettrick-shareandprint%2F%3F{{ctx.getQueryStringURL() | encodeURIComponent}}\"\n class=\"ods-dataset-visualization__social-button ods-dataset-visualization__social-button--google-plus\"\n target=\"_blank\"\u003e\n \u003ci class=\"fa fa-google-plus ods-dataset-visualization__social-button-icon\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003ca href=\"https://www.linkedin.com/shareArticle?url=https%3A%2F%2Fuserclub.huwise.com%2Fpages%2Fwidgettrick-shareandprint%2F%3F{{ctx.getQueryStringURL() | encodeURIComponent}}\u0026amp;mini=true\u0026amp;title=Huwise Page Test;source=Huwise\"\n class=\"ods-dataset-visualization__social-button ods-dataset-visualization__social-button--linkedin\"\n target=\"_blank\"\u003e\n \u003ci class=\"fa fa-linkedin ods-dataset-visualization__social-button-icon\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003ca href=\"mailto:?subject=Huwise Page Test\u0026amp;body=https%3A%2F%2Fuserclub.huwise.com%2Fpages%2Fwidgettrick-shareandprint%2F%3F{{ctx.getQueryStringURL() | encodeURIComponent}}\"\n class=\"ods-dataset-visualization__social-button ods-dataset-visualization__social-button--mail\"\n target=\"_blank\"\u003e\n \u003ci class=\"fa fa-envelope ods-dataset-visualization__social-button-icon\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n \u003c/a\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"row ods-box\"\u003e\n \u003ch3\u003e\n A dashboard : Global earthquakes\n \u003c/h3\u003e\n \u003cdiv class=\"col-md-3 ods-box\"\u003e\n \u003cods-text-search context=\"ctx\" placeholder=\"country, type, status...\"\u003e\u003c/ods-text-search\u003e\n \u003cods-filter-summary context=\"ctx\"\u003e\u003c/ods-filter-summary\u003e\n \u003cods-facets context=\"ctx\"\u003e\u003c/ods-facets\u003e\n \u003c/div\u003e\n \u003cdiv class=\"col-md-9 ods-box\"\u003e\n \u003cods-map\u003e\n \u003cods-map-layer context=\"ctx\"\u003e\n \u003cdiv\u003e\n \u003ch3\u003e\n {{ record.fields.volcano_name }}\n \u003c/h3\u003e\n \u003cp style=\"font-style:italic; color:grey; font-weight:300\"\u003e\n {{ record.fields.country }}\n \u003c/p\u003e\n \u003cp\u003eType: {{record.fields.volcano_type}}\u003c/p\u003e\n \u003cp\u003eStatus: {{record.fields.status}}\u003c/p\u003e\n \u003cdiv style=\"line-height: 0px;\"\u003e\n \u003cp\u003e\n \u003cspan style=\"font-style:italic;\"\u003eHas tsunami \u003c/span\u003e\u003cb\n style=\"font-size:1.2em\"\u003e{{ record.fields.flag_tsunami }}\u003c/b\u003e\n \u003c/p\u003e\n \u003cp\u003e\n \u003cspan style=\"font-style:italic;\"\u003eHas earthquakes \u003c/span\u003e\u003cb\n style=\"font-size:1.2em\"\u003e{{ record.fields.flag_earthquake }}\u003c/b\u003e\n \u003c/p\u003e\n \u003c/div\u003e\n \u003ca style=\"color: #1e0c33; font-weight: 600; font-size: 1.1em;\"\n href=\"https://userclub.huwise.com/pages/widgettrick-shareandprint-card?q=country:%22{{ record.fields.country }}%22 AND volcano_name:%22{{ record.fields.volcano_name }}%22\"\n target=\"_blank\"\u003eGo to the volcano card\u003c/a\u003e\n \u003c/div\u003e\n \u003c/ods-map-layer\u003e\n \u003c/ods-map\u003e\n \u003cdiv class=\"ods-box\"\u003e\n \u003cods-table context=\"ctx\"\u003e\u003c/ods-table\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/ods-dataset-context\u003e\n\u003c/div\u003e\u003c/div\u003e", "css": ".boutons {\n margin-left: 30px;\n}\n.red-box {\n float: right;\n border: 2px solid darkred;\n color: darkred;\n padding: 20px;\n background-color: #ffe8e8;\n}\n" }'>
                                                  @@ -751,7 +847,8 @@

                                                  width="100%" height="100%" src="about:blank" srcdoc=" - <link + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" /> @@ -795,6 +892,7 @@

                                                  const sourceMonitoringInterceptor = $q => { return { request: config => { + console.log(config.url); if (config.params) if (config.params.source) delete config.params.source; @@ -905,13 +1003,15 @@

                                                  $httpProvider.interceptors.push(sourceMonitoringInterceptor); }); </script> - + + +
                                                  <div ng-app="ods-widgets"> <div class="container"> <ods-dataset-context context="ctx" - ctx-dataset="record-stores" + ctx-dataset="les-eruptions-volcaniques-dans-le-monde" ctx-domain="userclub" ctx-urlsync="true"> <div class="row ods-box"> @@ -922,34 +1022,34 @@

                                                  Filter and have a look to your browser URL ! It's synced ! </h3> <h4> - <a href="https://userclub.opendatasoft.com/pages/widgettrick-shareandprint/?{{ ctx.getQueryStringURL() }}" - target="_blank">https://userclub.opendatasoft.com/pages/widgettrick-shareandprint/?{{ ctx.getQueryStringURL() }}</a> + <a href="https://userclub.huwise.com/pages/widgettrick-shareandprint/?{{ ctx.getQueryStringURL() }}" + target="_blank">https://userclub.huwise.com/pages/widgettrick-shareandprint/?{{ ctx.getQueryStringURL() }}</a> </h4> <h3> Share through social network or by email: </h3> <div class="boutons" style="font-size: 1.6rem;"> - <a href="https://twitter.com/intent/tweet?text=Opendatasoft Page Test;url=https%3A%2F%2Fuserclub.opendatasoft.com%2Fpages%2Fwidgettrick-shareandprint%2F%3F{{ctx.getQueryStringURL() | encodeURIComponent}}" + <a href="https://twitter.com/intent/tweet?text=Huwise Page Test;url=https%3A%2F%2Fuserclub.huwise.com%2Fpages%2Fwidgettrick-shareandprint%2F%3F{{ctx.getQueryStringURL() | encodeURIComponent}}" class="ods-dataset-visualization__social-button ods-dataset-visualization__social-button--twitter" target="_blank"> <i class="fa fa-twitter ods-dataset-visualization__social-button-icon" aria-hidden="true"></i> </a> - <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fuserclub.opendatasoft.com%2Fpages%2Fwidgettrick-shareandprint%2F%3F{{ctx.getQueryStringURL() | encodeURIComponent}}" + <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fuserclub.huwise.com%2Fpages%2Fwidgettrick-shareandprint%2F%3F{{ctx.getQueryStringURL() | encodeURIComponent}}" class="ods-dataset-visualization__social-button ods-dataset-visualization__social-button--facebook" target="_blank"> <i class="fa fa-facebook ods-dataset-visualization__social-button-icon" aria-hidden="true"></i> </a> - <a href="https://plus.google.com/share?url=https%3A%2F%2Fuserclub.opendatasoft.com%2Fpages%2Fwidgettrick-shareandprint%2F%3F{{ctx.getQueryStringURL() | encodeURIComponent}}" + <a href="https://plus.google.com/share?url=https%3A%2F%2Fuserclub.huwise.com%2Fpages%2Fwidgettrick-shareandprint%2F%3F{{ctx.getQueryStringURL() | encodeURIComponent}}" class="ods-dataset-visualization__social-button ods-dataset-visualization__social-button--google-plus" target="_blank"> <i class="fa fa-google-plus ods-dataset-visualization__social-button-icon" aria-hidden="true"></i> </a> - <a href="https://www.linkedin.com/shareArticle?url=https%3A%2F%2Fuserclub.opendatasoft.com%2Fpages%2Fwidgettrick-shareandprint%2F%3F{{ctx.getQueryStringURL() | encodeURIComponent}}&amp;mini=true&amp;title=Opendatasoft Page Test;source=Opendatasoft" + <a href="https://www.linkedin.com/shareArticle?url=https%3A%2F%2Fuserclub.huwise.com%2Fpages%2Fwidgettrick-shareandprint%2F%3F{{ctx.getQueryStringURL() | encodeURIComponent}}&amp;mini=true&amp;title=Huwise Page Test;source=Huwise" class="ods-dataset-visualization__social-button ods-dataset-visualization__social-button--linkedin" target="_blank"> <i class="fa fa-linkedin ods-dataset-visualization__social-button-icon" aria-hidden="true"></i> </a> - <a href="mailto:?subject=Opendatasoft Page Test&amp;body=https%3A%2F%2Fuserclub.opendatasoft.com%2Fpages%2Fwidgettrick-shareandprint%2F%3F{{ctx.getQueryStringURL() | encodeURIComponent}}" + <a href="mailto:?subject=Huwise Page Test&amp;body=https%3A%2F%2Fuserclub.huwise.com%2Fpages%2Fwidgettrick-shareandprint%2F%3F{{ctx.getQueryStringURL() | encodeURIComponent}}" class="ods-dataset-visualization__social-button ods-dataset-visualization__social-button--mail" target="_blank"> <i class="fa fa-envelope ods-dataset-visualization__social-button-icon" aria-hidden="true"></i> @@ -958,10 +1058,10 @@

                                                  </div> <div class="row ods-box"> <h3> - A dashboard : Music record store in the world + A dashboard : Global earthquakes </h3> <div class="col-md-3 ods-box"> - <ods-text-search context="ctx" placeholder="disc, records, music..."></ods-text-search> + <ods-text-search context="ctx" placeholder="country, type, status..."></ods-text-search> <ods-filter-summary context="ctx"></ods-filter-summary> <ods-facets context="ctx"></ods-facets> </div> @@ -970,19 +1070,26 @@

                                                  <ods-map-layer context="ctx"> <div> <h3> - {{ record.fields.name }} + {{ record.fields.volcano_name }} </h3> <p style="font-style:italic; color:grey; font-weight:300"> - {{ record.fields.address }} + {{ record.fields.country }} </p> + <p>Type: {{record.fields.volcano_type}}</p> + <p>Status: {{record.fields.status}}</p> <div style="line-height: 0px;"> <p> - <span style="font-style:italic;">Has closed </span><b style="font-size:1.2em">{{ record.fields.hasclosed }}</b> + <span style="font-style:italic;">Has tsunami </span><b + style="font-size:1.2em">{{ record.fields.flag_tsunami }}</b> + </p> + <p> + <span style="font-style:italic;">Has earthquakes </span><b + style="font-size:1.2em">{{ record.fields.flag_earthquake }}</b> </p> </div> <a style="color: #1e0c33; font-weight: 600; font-size: 1.1em;" - href="https://userclub.opendatasoft.com/pages/widgettrick-shareandprint-card?q=city:%22{{ record.fields.city }}%22 AND name:%22{{ record.fields.name }}%22" - target="_blank">Go to the store card</a> + href="https://userclub.huwise.com/pages/widgettrick-shareandprint-card?q=country:%22{{ record.fields.country }}%22 AND volcano_name:%22{{ record.fields.volcano_name }}%22" + target="_blank">Go to the volcano card</a> </div> </ods-map-layer> </ods-map> @@ -992,8 +1099,7 @@

                                                  </div> </div> </ods-dataset-context> -</div> -</div>

                                                  +</div></div>

                                                  ODS_PLUS \ No newline at end of file diff --git a/static/img/huwise.svg b/static/img/huwise.svg new file mode 100644 index 000000000..abb8fdaea --- /dev/null +++ b/static/img/huwise.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/img/huwise_logo.svg b/static/img/huwise_logo.svg new file mode 100644 index 000000000..c5565e0bb --- /dev/null +++ b/static/img/huwise_logo.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/static/img/menu-fill.svg b/static/img/menu-fill.svg new file mode 100644 index 000000000..663661fa4 --- /dev/null +++ b/static/img/menu-fill.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/static/img/ods-codelibrary-logo.svg b/static/img/ods-codelibrary-logo.svg deleted file mode 100644 index 0d6ad450a..000000000 --- a/static/img/ods-codelibrary-logo.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - Artboard - Created with Sketch. - - - - - - - - - \ No newline at end of file diff --git a/static/img/ods-logo-helphub.svg b/static/img/ods-logo-helphub.svg deleted file mode 100644 index 6f1698569..000000000 --- a/static/img/ods-logo-helphub.svg +++ /dev/null @@ -1,22 +0,0 @@ - - - - F7E0AB1D-1355-4A29-8735-44C57A54E468 - Created with sketchtool. - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/static/img/ods-logo.svg b/static/img/ods-logo.svg deleted file mode 100644 index 15f3f3b6e..000000000 --- a/static/img/ods-logo.svg +++ /dev/null @@ -1,44 +0,0 @@ - - - - - - - - - - - - - - - - - - diff --git a/static/img/ods.svg b/static/img/ods.svg deleted file mode 100644 index 8e5e1995b..000000000 --- a/static/img/ods.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - Shape - Created with Sketch. - - - - - - diff --git a/yarn.lock b/yarn.lock index 72b85578a..c59ec7abd 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2,39 +2,46 @@ # yarn lockfile v1 +"@algolia/events@^4.0.1": + version "4.0.1" + resolved "https://registry.npmjs.org/@algolia/events/-/events-4.0.1.tgz" + integrity sha512-FQzvOCgoFXAbf5Y6mYozw2aj5KCJoA3m4heImceldzPSMbdyS4atVjJzXKMsfX3wnZTFYwkkt8/z8UesLHlSBQ== + "@babel/cli@^7.2.0": - "integrity" "sha512-Zto3HPeE0GRmaxobUl7NvFTo97NKe1zdAuWqTO8oka7nE0IIqZ4CFvuRZe1qf+ZMd7eHMhwqrecjwc10mjXo/g==" - "resolved" "https://registry.npmjs.org/@babel/cli/-/cli-7.12.13.tgz" - "version" "7.12.13" - dependencies: - "commander" "^4.0.1" - "convert-source-map" "^1.1.0" - "fs-readdir-recursive" "^1.1.0" - "glob" "^7.0.0" - "lodash" "^4.17.19" - "make-dir" "^2.1.0" - "slash" "^2.0.0" - "source-map" "^0.5.0" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/cli/-/cli-7.12.13.tgz" + integrity sha512-Zto3HPeE0GRmaxobUl7NvFTo97NKe1zdAuWqTO8oka7nE0IIqZ4CFvuRZe1qf+ZMd7eHMhwqrecjwc10mjXo/g== + dependencies: + commander "^4.0.1" + convert-source-map "^1.1.0" + fs-readdir-recursive "^1.1.0" + glob "^7.0.0" + lodash "^4.17.19" + make-dir "^2.1.0" + slash "^2.0.0" + source-map "^0.5.0" optionalDependencies: "@nicolo-ribaudo/chokidar-2" "2.1.8-no-fsevents" - "chokidar" "^3.4.0" + chokidar "^3.4.0" -"@babel/code-frame@^7.12.13": - "integrity" "sha512-HV1Cm0Q3ZrpCR93tkWOYiuYIgLxZXZFVG2VgK+MBWjUqZTundupbfx2aXarXuw5Ko5aMcjtJgbSs4vUGBS5v6g==" - "resolved" "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.12.13.tgz" - "version" "7.12.13" +"@babel/code-frame@^7.12.13", "@babel/code-frame@^7.25.9": + version "7.26.2" + resolved "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.26.2.tgz" + integrity sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ== dependencies: - "@babel/highlight" "^7.12.13" + "@babel/helper-validator-identifier" "^7.25.9" + js-tokens "^4.0.0" + picocolors "^1.0.0" "@babel/compat-data@^7.12.13": - "integrity" "sha512-U/hshG5R+SIoW7HVWIdmy1cB7s3ki+r3FpyEZiCgpi4tFgPnX/vynY80ZGSASOIrUM6O7VxOgCZgdt7h97bUGg==" - "resolved" "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.12.13.tgz" + integrity sha512-U/hshG5R+SIoW7HVWIdmy1cB7s3ki+r3FpyEZiCgpi4tFgPnX/vynY80ZGSASOIrUM6O7VxOgCZgdt7h97bUGg== "@babel/core@^7.0.0", "@babel/core@^7.0.0-0", "@babel/core@^7.2.0": - "integrity" "sha512-BQKE9kXkPlXHPeqissfxo0lySWJcYdEP0hdtJOH/iJfDdhOCcgtNCjftCJg3qqauB4h+lz2N6ixM++b9DN1Tcw==" - "resolved" "https://registry.npmjs.org/@babel/core/-/core-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/core/-/core-7.12.13.tgz" + integrity sha512-BQKE9kXkPlXHPeqissfxo0lySWJcYdEP0hdtJOH/iJfDdhOCcgtNCjftCJg3qqauB4h+lz2N6ixM++b9DN1Tcw== dependencies: "@babel/code-frame" "^7.12.13" "@babel/generator" "^7.12.13" @@ -44,52 +51,54 @@ "@babel/template" "^7.12.13" "@babel/traverse" "^7.12.13" "@babel/types" "^7.12.13" - "convert-source-map" "^1.7.0" - "debug" "^4.1.0" - "gensync" "^1.0.0-beta.1" - "json5" "^2.1.2" - "lodash" "^4.17.19" - "semver" "^5.4.1" - "source-map" "^0.5.0" - -"@babel/generator@^7.12.13": - "integrity" "sha512-6F2xHxBiFXWNSGb7vyCUTBF8RCLY66rS0zEPcP8t/nQyXjha5EuK4z7H5o7fWG8B4M7y6mqVWq1J+1PuwRhecQ==" - "resolved" "https://registry.npmjs.org/@babel/generator/-/generator-7.12.15.tgz" - "version" "7.12.15" - dependencies: - "@babel/types" "^7.12.13" - "jsesc" "^2.5.1" - "source-map" "^0.5.0" + convert-source-map "^1.7.0" + debug "^4.1.0" + gensync "^1.0.0-beta.1" + json5 "^2.1.2" + lodash "^4.17.19" + semver "^5.4.1" + source-map "^0.5.0" + +"@babel/generator@^7.12.13", "@babel/generator@^7.25.9": + version "7.26.2" + resolved "https://registry.npmjs.org/@babel/generator/-/generator-7.26.2.tgz" + integrity sha512-zevQbhbau95nkoxSq3f/DC/SC+EEOUZd3DYqfSkMhY2/wfSeaHV1Ew4vk8e+x8lja31IbyuUa2uQ3JONqKbysw== + dependencies: + "@babel/parser" "^7.26.2" + "@babel/types" "^7.26.0" + "@jridgewell/gen-mapping" "^0.3.5" + "@jridgewell/trace-mapping" "^0.3.25" + jsesc "^3.0.2" "@babel/helper-annotate-as-pure@^7.12.13": - "integrity" "sha512-7YXfX5wQ5aYM/BOlbSccHDbuXXFPxeoUmfWtz8le2yTkTZc+BxsiEnENFoi2SlmA8ewDkG2LgIMIVzzn2h8kfw==" - "resolved" "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.12.13.tgz" + integrity sha512-7YXfX5wQ5aYM/BOlbSccHDbuXXFPxeoUmfWtz8le2yTkTZc+BxsiEnENFoi2SlmA8ewDkG2LgIMIVzzn2h8kfw== dependencies: "@babel/types" "^7.12.13" "@babel/helper-builder-binary-assignment-operator-visitor@^7.12.13": - "integrity" "sha512-CZOv9tGphhDRlVjVkAgm8Nhklm9RzSmWpX2my+t7Ua/KT616pEzXsQCjinzvkRvHWJ9itO4f296efroX23XCMA==" - "resolved" "https://registry.npmjs.org/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.12.13.tgz" + integrity sha512-CZOv9tGphhDRlVjVkAgm8Nhklm9RzSmWpX2my+t7Ua/KT616pEzXsQCjinzvkRvHWJ9itO4f296efroX23XCMA== dependencies: "@babel/helper-explode-assignable-expression" "^7.12.13" "@babel/types" "^7.12.13" "@babel/helper-compilation-targets@^7.12.13": - "integrity" "sha512-dXof20y/6wB5HnLOGyLh/gobsMvDNoekcC+8MCV2iaTd5JemhFkPD73QB+tK3iFC9P0xJC73B6MvKkyUfS9cCw==" - "resolved" "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.12.13.tgz" + integrity sha512-dXof20y/6wB5HnLOGyLh/gobsMvDNoekcC+8MCV2iaTd5JemhFkPD73QB+tK3iFC9P0xJC73B6MvKkyUfS9cCw== dependencies: "@babel/compat-data" "^7.12.13" "@babel/helper-validator-option" "^7.12.11" - "browserslist" "^4.14.5" - "semver" "^5.5.0" + browserslist "^4.14.5" + semver "^5.5.0" "@babel/helper-create-class-features-plugin@^7.12.13": - "integrity" "sha512-Vs/e9wv7rakKYeywsmEBSRC9KtmE7Px+YBlESekLeJOF0zbGUicGfXSNi3o+tfXSNS48U/7K9mIOOCR79Cl3+Q==" - "resolved" "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.12.13.tgz" + integrity sha512-Vs/e9wv7rakKYeywsmEBSRC9KtmE7Px+YBlESekLeJOF0zbGUicGfXSNi3o+tfXSNS48U/7K9mIOOCR79Cl3+Q== dependencies: "@babel/helper-function-name" "^7.12.13" "@babel/helper-member-expression-to-functions" "^7.12.13" @@ -98,61 +107,61 @@ "@babel/helper-split-export-declaration" "^7.12.13" "@babel/helper-create-regexp-features-plugin@^7.12.13": - "integrity" "sha512-XC+kiA0J3at6E85dL5UnCYfVOcIZ834QcAY0TIpgUVnz0zDzg+0TtvZTnJ4g9L1dPRGe30Qi03XCIS4tYCLtqw==" - "resolved" "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.12.13.tgz" + integrity sha512-XC+kiA0J3at6E85dL5UnCYfVOcIZ834QcAY0TIpgUVnz0zDzg+0TtvZTnJ4g9L1dPRGe30Qi03XCIS4tYCLtqw== dependencies: "@babel/helper-annotate-as-pure" "^7.12.13" - "regexpu-core" "^4.7.1" + regexpu-core "^4.7.1" "@babel/helper-explode-assignable-expression@^7.12.13": - "integrity" "sha512-5loeRNvMo9mx1dA/d6yNi+YiKziJZFylZnCo1nmFF4qPU4yJ14abhWESuSMQSlQxWdxdOFzxXjk/PpfudTtYyw==" - "resolved" "https://registry.npmjs.org/@babel/helper-explode-assignable-expression/-/helper-explode-assignable-expression-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/helper-explode-assignable-expression/-/helper-explode-assignable-expression-7.12.13.tgz" + integrity sha512-5loeRNvMo9mx1dA/d6yNi+YiKziJZFylZnCo1nmFF4qPU4yJ14abhWESuSMQSlQxWdxdOFzxXjk/PpfudTtYyw== dependencies: "@babel/types" "^7.12.13" "@babel/helper-function-name@^7.12.13": - "integrity" "sha512-TZvmPn0UOqmvi5G4vvw0qZTpVptGkB1GL61R6lKvrSdIxGm5Pky7Q3fpKiIkQCAtRCBUwB0PaThlx9vebCDSwA==" - "resolved" "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.12.13.tgz" + integrity sha512-TZvmPn0UOqmvi5G4vvw0qZTpVptGkB1GL61R6lKvrSdIxGm5Pky7Q3fpKiIkQCAtRCBUwB0PaThlx9vebCDSwA== dependencies: "@babel/helper-get-function-arity" "^7.12.13" "@babel/template" "^7.12.13" "@babel/types" "^7.12.13" "@babel/helper-get-function-arity@^7.12.13": - "integrity" "sha512-DjEVzQNz5LICkzN0REdpD5prGoidvbdYk1BVgRUOINaWJP2t6avB27X1guXK1kXNrX0WMfsrm1A/ZBthYuIMQg==" - "resolved" "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.12.13.tgz" + integrity sha512-DjEVzQNz5LICkzN0REdpD5prGoidvbdYk1BVgRUOINaWJP2t6avB27X1guXK1kXNrX0WMfsrm1A/ZBthYuIMQg== dependencies: "@babel/types" "^7.12.13" "@babel/helper-hoist-variables@^7.12.13": - "integrity" "sha512-KSC5XSj5HreRhYQtZ3cnSnQwDzgnbdUDEFsxkN0m6Q3WrCRt72xrnZ8+h+pX7YxM7hr87zIO3a/v5p/H3TrnVw==" - "resolved" "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.12.13.tgz" + integrity sha512-KSC5XSj5HreRhYQtZ3cnSnQwDzgnbdUDEFsxkN0m6Q3WrCRt72xrnZ8+h+pX7YxM7hr87zIO3a/v5p/H3TrnVw== dependencies: "@babel/types" "^7.12.13" "@babel/helper-member-expression-to-functions@^7.12.13": - "integrity" "sha512-B+7nN0gIL8FZ8SvMcF+EPyB21KnCcZHQZFczCxbiNGV/O0rsrSBlWGLzmtBJ3GMjSVMIm4lpFhR+VdVBuIsUcQ==" - "resolved" "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.12.13.tgz" + integrity sha512-B+7nN0gIL8FZ8SvMcF+EPyB21KnCcZHQZFczCxbiNGV/O0rsrSBlWGLzmtBJ3GMjSVMIm4lpFhR+VdVBuIsUcQ== dependencies: "@babel/types" "^7.12.13" "@babel/helper-module-imports@^7.12.13": - "integrity" "sha512-NGmfvRp9Rqxy0uHSSVP+SRIW1q31a7Ji10cLBcqSDUngGentY4FRiHOFZFE1CLU5eiL0oE8reH7Tg1y99TDM/g==" - "resolved" "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.12.13.tgz" + integrity sha512-NGmfvRp9Rqxy0uHSSVP+SRIW1q31a7Ji10cLBcqSDUngGentY4FRiHOFZFE1CLU5eiL0oE8reH7Tg1y99TDM/g== dependencies: "@babel/types" "^7.12.13" "@babel/helper-module-transforms@^7.12.13": - "integrity" "sha512-acKF7EjqOR67ASIlDTupwkKM1eUisNAjaSduo5Cz+793ikfnpe7p4Q7B7EWU2PCoSTPWsQkR7hRUWEIZPiVLGA==" - "resolved" "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.12.13.tgz" + integrity sha512-acKF7EjqOR67ASIlDTupwkKM1eUisNAjaSduo5Cz+793ikfnpe7p4Q7B7EWU2PCoSTPWsQkR7hRUWEIZPiVLGA== dependencies: "@babel/helper-module-imports" "^7.12.13" "@babel/helper-replace-supers" "^7.12.13" @@ -162,33 +171,33 @@ "@babel/template" "^7.12.13" "@babel/traverse" "^7.12.13" "@babel/types" "^7.12.13" - "lodash" "^4.17.19" + lodash "^4.17.19" "@babel/helper-optimise-call-expression@^7.12.13": - "integrity" "sha512-BdWQhoVJkp6nVjB7nkFWcn43dkprYauqtk++Py2eaf/GRDFm5BxRqEIZCiHlZUGAVmtwKcsVL1dC68WmzeFmiA==" - "resolved" "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.12.13.tgz" + integrity sha512-BdWQhoVJkp6nVjB7nkFWcn43dkprYauqtk++Py2eaf/GRDFm5BxRqEIZCiHlZUGAVmtwKcsVL1dC68WmzeFmiA== dependencies: "@babel/types" "^7.12.13" "@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.8.0", "@babel/helper-plugin-utils@^7.8.3": - "integrity" "sha512-C+10MXCXJLiR6IeG9+Wiejt9jmtFpxUc3MQqCmPY8hfCjyUGl9kT+B2okzEZrtykiwrc4dbCPdDoz0A/HQbDaA==" - "resolved" "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.12.13.tgz" + integrity sha512-C+10MXCXJLiR6IeG9+Wiejt9jmtFpxUc3MQqCmPY8hfCjyUGl9kT+B2okzEZrtykiwrc4dbCPdDoz0A/HQbDaA== "@babel/helper-remap-async-to-generator@^7.12.13": - "integrity" "sha512-Qa6PU9vNcj1NZacZZI1Mvwt+gXDH6CTfgAkSjeRMLE8HxtDK76+YDId6NQR+z7Rgd5arhD2cIbS74r0SxD6PDA==" - "resolved" "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.12.13.tgz" + integrity sha512-Qa6PU9vNcj1NZacZZI1Mvwt+gXDH6CTfgAkSjeRMLE8HxtDK76+YDId6NQR+z7Rgd5arhD2cIbS74r0SxD6PDA== dependencies: "@babel/helper-annotate-as-pure" "^7.12.13" "@babel/helper-wrap-function" "^7.12.13" "@babel/types" "^7.12.13" "@babel/helper-replace-supers@^7.12.13": - "integrity" "sha512-pctAOIAMVStI2TMLhozPKbf5yTEXc0OJa0eENheb4w09SrgOWEs+P4nTOZYJQCqs8JlErGLDPDJTiGIp3ygbLg==" - "resolved" "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.12.13.tgz" + integrity sha512-pctAOIAMVStI2TMLhozPKbf5yTEXc0OJa0eENheb4w09SrgOWEs+P4nTOZYJQCqs8JlErGLDPDJTiGIp3ygbLg== dependencies: "@babel/helper-member-expression-to-functions" "^7.12.13" "@babel/helper-optimise-call-expression" "^7.12.13" @@ -196,40 +205,45 @@ "@babel/types" "^7.12.13" "@babel/helper-simple-access@^7.12.13": - "integrity" "sha512-0ski5dyYIHEfwpWGx5GPWhH35j342JaflmCeQmsPWcrOQDtCN6C1zKAVRFVbK53lPW2c9TsuLLSUDf0tIGJ5hA==" - "resolved" "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.12.13.tgz" + integrity sha512-0ski5dyYIHEfwpWGx5GPWhH35j342JaflmCeQmsPWcrOQDtCN6C1zKAVRFVbK53lPW2c9TsuLLSUDf0tIGJ5hA== dependencies: "@babel/types" "^7.12.13" "@babel/helper-skip-transparent-expression-wrappers@^7.12.1": - "integrity" "sha512-Mf5AUuhG1/OCChOJ/HcADmvcHM42WJockombn8ATJG3OnyiSxBK/Mm5x78BQWvmtXZKHgbjdGL2kin/HOLlZGA==" - "resolved" "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.12.1.tgz" - "version" "7.12.1" + version "7.12.1" + resolved "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.12.1.tgz" + integrity sha512-Mf5AUuhG1/OCChOJ/HcADmvcHM42WJockombn8ATJG3OnyiSxBK/Mm5x78BQWvmtXZKHgbjdGL2kin/HOLlZGA== dependencies: "@babel/types" "^7.12.1" "@babel/helper-split-export-declaration@^7.12.13": - "integrity" "sha512-tCJDltF83htUtXx5NLcaDqRmknv652ZWCHyoTETf1CXYJdPC7nohZohjUgieXhv0hTJdRf2FjDueFehdNucpzg==" - "resolved" "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.12.13.tgz" + integrity sha512-tCJDltF83htUtXx5NLcaDqRmknv652ZWCHyoTETf1CXYJdPC7nohZohjUgieXhv0hTJdRf2FjDueFehdNucpzg== dependencies: "@babel/types" "^7.12.13" -"@babel/helper-validator-identifier@^7.12.11": - "integrity" "sha512-np/lG3uARFybkoHokJUmf1QfEvRVCPbmQeUQpKow5cQ3xWrV9i3rUHodKDJPQfTVX61qKi+UdYk8kik84n7XOw==" - "resolved" "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.12.11.tgz" - "version" "7.12.11" +"@babel/helper-string-parser@^7.25.9": + version "7.25.9" + resolved "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz" + integrity sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA== + +"@babel/helper-validator-identifier@^7.12.11", "@babel/helper-validator-identifier@^7.25.9": + version "7.25.9" + resolved "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz" + integrity sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ== "@babel/helper-validator-option@^7.12.11": - "integrity" "sha512-TBFCyj939mFSdeX7U7DDj32WtzYY7fDcalgq8v3fBZMNOJQNn7nOYzMaUCiPxPYfCup69mtIpqlKgMZLvQ8Xhw==" - "resolved" "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.12.11.tgz" - "version" "7.12.11" + version "7.12.11" + resolved "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.12.11.tgz" + integrity sha512-TBFCyj939mFSdeX7U7DDj32WtzYY7fDcalgq8v3fBZMNOJQNn7nOYzMaUCiPxPYfCup69mtIpqlKgMZLvQ8Xhw== "@babel/helper-wrap-function@^7.12.13": - "integrity" "sha512-t0aZFEmBJ1LojdtJnhOaQEVejnzYhyjWHSsNSNo8vOYRbAJNh6r6GQF7pd36SqG7OKGbn+AewVQ/0IfYfIuGdw==" - "resolved" "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.12.13.tgz" + integrity sha512-t0aZFEmBJ1LojdtJnhOaQEVejnzYhyjWHSsNSNo8vOYRbAJNh6r6GQF7pd36SqG7OKGbn+AewVQ/0IfYfIuGdw== dependencies: "@babel/helper-function-name" "^7.12.13" "@babel/template" "^7.12.13" @@ -237,253 +251,246 @@ "@babel/types" "^7.12.13" "@babel/helpers@^7.12.13": - "integrity" "sha512-oohVzLRZ3GQEk4Cjhfs9YkJA4TdIDTObdBEZGrd6F/T0GPSnuV6l22eMcxlvcvzVIPH3VTtxbseudM1zIE+rPQ==" - "resolved" "https://registry.npmjs.org/@babel/helpers/-/helpers-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/helpers/-/helpers-7.12.13.tgz" + integrity sha512-oohVzLRZ3GQEk4Cjhfs9YkJA4TdIDTObdBEZGrd6F/T0GPSnuV6l22eMcxlvcvzVIPH3VTtxbseudM1zIE+rPQ== dependencies: "@babel/template" "^7.12.13" "@babel/traverse" "^7.12.13" "@babel/types" "^7.12.13" -"@babel/highlight@^7.12.13": - "integrity" "sha512-kocDQvIbgMKlWxXe9fof3TQ+gkIPOUSEYhJjqUjvKMez3krV7vbzYCDq39Oj11UAVK7JqPVGQPlgE85dPNlQww==" - "resolved" "https://registry.npmjs.org/@babel/highlight/-/highlight-7.12.13.tgz" - "version" "7.12.13" +"@babel/parser@^7.12.13", "@babel/parser@^7.25.9", "@babel/parser@^7.26.2": + version "7.26.2" + resolved "https://registry.npmjs.org/@babel/parser/-/parser-7.26.2.tgz" + integrity sha512-DWMCZH9WA4Maitz2q21SRKHo9QXZxkDsbNZoVD62gusNtNBBqDg9i7uOhASfTfIGNzW+O+r7+jAlM8dwphcJKQ== dependencies: - "@babel/helper-validator-identifier" "^7.12.11" - "chalk" "^2.0.0" - "js-tokens" "^4.0.0" - -"@babel/parser@^7.12.13": - "integrity" "sha512-AQBOU2Z9kWwSZMd6lNjCX0GUgFonL1wAM1db8L8PMk9UDaGsRCArBkU4Sc+UCM3AE4hjbXx+h58Lb3QT4oRmrA==" - "resolved" "https://registry.npmjs.org/@babel/parser/-/parser-7.12.15.tgz" - "version" "7.12.15" + "@babel/types" "^7.26.0" "@babel/plugin-proposal-async-generator-functions@^7.12.13": - "integrity" "sha512-1KH46Hx4WqP77f978+5Ye/VUbuwQld2hph70yaw2hXS2v7ER2f3nlpNMu909HO2rbvP0NKLlMVDPh9KXklVMhA==" - "resolved" "https://registry.npmjs.org/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.12.13.tgz" + integrity sha512-1KH46Hx4WqP77f978+5Ye/VUbuwQld2hph70yaw2hXS2v7ER2f3nlpNMu909HO2rbvP0NKLlMVDPh9KXklVMhA== dependencies: "@babel/helper-plugin-utils" "^7.12.13" "@babel/helper-remap-async-to-generator" "^7.12.13" "@babel/plugin-syntax-async-generators" "^7.8.0" "@babel/plugin-proposal-class-properties@^7.12.13": - "integrity" "sha512-8SCJ0Ddrpwv4T7Gwb33EmW1V9PY5lggTO+A8WjyIwxrSHDUyBw4MtF96ifn1n8H806YlxbVCoKXbbmzD6RD+cA==" - "resolved" "https://registry.npmjs.org/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.12.13.tgz" + integrity sha512-8SCJ0Ddrpwv4T7Gwb33EmW1V9PY5lggTO+A8WjyIwxrSHDUyBw4MtF96ifn1n8H806YlxbVCoKXbbmzD6RD+cA== dependencies: "@babel/helper-create-class-features-plugin" "^7.12.13" "@babel/helper-plugin-utils" "^7.12.13" "@babel/plugin-proposal-dynamic-import@^7.12.1": - "integrity" "sha512-a4rhUSZFuq5W8/OO8H7BL5zspjnc1FLd9hlOxIK/f7qG4a0qsqk8uvF/ywgBA8/OmjsapjpvaEOYItfGG1qIvQ==" - "resolved" "https://registry.npmjs.org/@babel/plugin-proposal-dynamic-import/-/plugin-proposal-dynamic-import-7.12.1.tgz" - "version" "7.12.1" + version "7.12.1" + resolved "https://registry.npmjs.org/@babel/plugin-proposal-dynamic-import/-/plugin-proposal-dynamic-import-7.12.1.tgz" + integrity sha512-a4rhUSZFuq5W8/OO8H7BL5zspjnc1FLd9hlOxIK/f7qG4a0qsqk8uvF/ywgBA8/OmjsapjpvaEOYItfGG1qIvQ== dependencies: "@babel/helper-plugin-utils" "^7.10.4" "@babel/plugin-syntax-dynamic-import" "^7.8.0" "@babel/plugin-proposal-export-namespace-from@^7.12.13": - "integrity" "sha512-INAgtFo4OnLN3Y/j0VwAgw3HDXcDtX+C/erMvWzuV9v71r7urb6iyMXu7eM9IgLr1ElLlOkaHjJ0SbCmdOQ3Iw==" - "resolved" "https://registry.npmjs.org/@babel/plugin-proposal-export-namespace-from/-/plugin-proposal-export-namespace-from-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-proposal-export-namespace-from/-/plugin-proposal-export-namespace-from-7.12.13.tgz" + integrity sha512-INAgtFo4OnLN3Y/j0VwAgw3HDXcDtX+C/erMvWzuV9v71r7urb6iyMXu7eM9IgLr1ElLlOkaHjJ0SbCmdOQ3Iw== dependencies: "@babel/helper-plugin-utils" "^7.12.13" "@babel/plugin-syntax-export-namespace-from" "^7.8.3" "@babel/plugin-proposal-json-strings@^7.12.13": - "integrity" "sha512-v9eEi4GiORDg8x+Dmi5r8ibOe0VXoKDeNPYcTTxdGN4eOWikrJfDJCJrr1l5gKGvsNyGJbrfMftC2dTL6oz7pg==" - "resolved" "https://registry.npmjs.org/@babel/plugin-proposal-json-strings/-/plugin-proposal-json-strings-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-proposal-json-strings/-/plugin-proposal-json-strings-7.12.13.tgz" + integrity sha512-v9eEi4GiORDg8x+Dmi5r8ibOe0VXoKDeNPYcTTxdGN4eOWikrJfDJCJrr1l5gKGvsNyGJbrfMftC2dTL6oz7pg== dependencies: "@babel/helper-plugin-utils" "^7.12.13" "@babel/plugin-syntax-json-strings" "^7.8.0" "@babel/plugin-proposal-logical-assignment-operators@^7.12.13": - "integrity" "sha512-fqmiD3Lz7jVdK6kabeSr1PZlWSUVqSitmHEe3Z00dtGTKieWnX9beafvavc32kjORa5Bai4QNHgFDwWJP+WtSQ==" - "resolved" "https://registry.npmjs.org/@babel/plugin-proposal-logical-assignment-operators/-/plugin-proposal-logical-assignment-operators-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-proposal-logical-assignment-operators/-/plugin-proposal-logical-assignment-operators-7.12.13.tgz" + integrity sha512-fqmiD3Lz7jVdK6kabeSr1PZlWSUVqSitmHEe3Z00dtGTKieWnX9beafvavc32kjORa5Bai4QNHgFDwWJP+WtSQ== dependencies: "@babel/helper-plugin-utils" "^7.12.13" "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4" "@babel/plugin-proposal-nullish-coalescing-operator@^7.12.13": - "integrity" "sha512-Qoxpy+OxhDBI5kRqliJFAl4uWXk3Bn24WeFstPH0iLymFehSAUR8MHpqU7njyXv/qbo7oN6yTy5bfCmXdKpo1Q==" - "resolved" "https://registry.npmjs.org/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.12.13.tgz" + integrity sha512-Qoxpy+OxhDBI5kRqliJFAl4uWXk3Bn24WeFstPH0iLymFehSAUR8MHpqU7njyXv/qbo7oN6yTy5bfCmXdKpo1Q== dependencies: "@babel/helper-plugin-utils" "^7.12.13" "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.0" "@babel/plugin-proposal-numeric-separator@^7.12.13": - "integrity" "sha512-O1jFia9R8BUCl3ZGB7eitaAPu62TXJRHn7rh+ojNERCFyqRwJMTmhz+tJ+k0CwI6CLjX/ee4qW74FSqlq9I35w==" - "resolved" "https://registry.npmjs.org/@babel/plugin-proposal-numeric-separator/-/plugin-proposal-numeric-separator-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-proposal-numeric-separator/-/plugin-proposal-numeric-separator-7.12.13.tgz" + integrity sha512-O1jFia9R8BUCl3ZGB7eitaAPu62TXJRHn7rh+ojNERCFyqRwJMTmhz+tJ+k0CwI6CLjX/ee4qW74FSqlq9I35w== dependencies: "@babel/helper-plugin-utils" "^7.12.13" "@babel/plugin-syntax-numeric-separator" "^7.10.4" "@babel/plugin-proposal-object-rest-spread@^7.12.13": - "integrity" "sha512-WvA1okB/0OS/N3Ldb3sziSrXg6sRphsBgqiccfcQq7woEn5wQLNX82Oc4PlaFcdwcWHuQXAtb8ftbS8Fbsg/sg==" - "resolved" "https://registry.npmjs.org/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.12.13.tgz" + integrity sha512-WvA1okB/0OS/N3Ldb3sziSrXg6sRphsBgqiccfcQq7woEn5wQLNX82Oc4PlaFcdwcWHuQXAtb8ftbS8Fbsg/sg== dependencies: "@babel/helper-plugin-utils" "^7.12.13" "@babel/plugin-syntax-object-rest-spread" "^7.8.0" "@babel/plugin-transform-parameters" "^7.12.13" "@babel/plugin-proposal-optional-catch-binding@^7.12.13": - "integrity" "sha512-9+MIm6msl9sHWg58NvqpNpLtuFbmpFYk37x8kgnGzAHvX35E1FyAwSUt5hIkSoWJFSAH+iwU8bJ4fcD1zKXOzg==" - "resolved" "https://registry.npmjs.org/@babel/plugin-proposal-optional-catch-binding/-/plugin-proposal-optional-catch-binding-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-proposal-optional-catch-binding/-/plugin-proposal-optional-catch-binding-7.12.13.tgz" + integrity sha512-9+MIm6msl9sHWg58NvqpNpLtuFbmpFYk37x8kgnGzAHvX35E1FyAwSUt5hIkSoWJFSAH+iwU8bJ4fcD1zKXOzg== dependencies: "@babel/helper-plugin-utils" "^7.12.13" "@babel/plugin-syntax-optional-catch-binding" "^7.8.0" "@babel/plugin-proposal-optional-chaining@^7.12.13": - "integrity" "sha512-0ZwjGfTcnZqyV3y9DSD1Yk3ebp+sIUpT2YDqP8hovzaNZnQq2Kd7PEqa6iOIUDBXBt7Jl3P7YAcEIL5Pz8u09Q==" - "resolved" "https://registry.npmjs.org/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.12.13.tgz" + integrity sha512-0ZwjGfTcnZqyV3y9DSD1Yk3ebp+sIUpT2YDqP8hovzaNZnQq2Kd7PEqa6iOIUDBXBt7Jl3P7YAcEIL5Pz8u09Q== dependencies: "@babel/helper-plugin-utils" "^7.12.13" "@babel/helper-skip-transparent-expression-wrappers" "^7.12.1" "@babel/plugin-syntax-optional-chaining" "^7.8.0" "@babel/plugin-proposal-private-methods@^7.12.13": - "integrity" "sha512-sV0V57uUwpauixvR7s2o75LmwJI6JECwm5oPUY5beZB1nBl2i37hc7CJGqB5G+58fur5Y6ugvl3LRONk5x34rg==" - "resolved" "https://registry.npmjs.org/@babel/plugin-proposal-private-methods/-/plugin-proposal-private-methods-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-proposal-private-methods/-/plugin-proposal-private-methods-7.12.13.tgz" + integrity sha512-sV0V57uUwpauixvR7s2o75LmwJI6JECwm5oPUY5beZB1nBl2i37hc7CJGqB5G+58fur5Y6ugvl3LRONk5x34rg== dependencies: "@babel/helper-create-class-features-plugin" "^7.12.13" "@babel/helper-plugin-utils" "^7.12.13" "@babel/plugin-proposal-unicode-property-regex@^7.12.13", "@babel/plugin-proposal-unicode-property-regex@^7.4.4": - "integrity" "sha512-XyJmZidNfofEkqFV5VC/bLabGmO5QzenPO/YOfGuEbgU+2sSwMmio3YLb4WtBgcmmdwZHyVyv8on77IUjQ5Gvg==" - "resolved" "https://registry.npmjs.org/@babel/plugin-proposal-unicode-property-regex/-/plugin-proposal-unicode-property-regex-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-proposal-unicode-property-regex/-/plugin-proposal-unicode-property-regex-7.12.13.tgz" + integrity sha512-XyJmZidNfofEkqFV5VC/bLabGmO5QzenPO/YOfGuEbgU+2sSwMmio3YLb4WtBgcmmdwZHyVyv8on77IUjQ5Gvg== dependencies: "@babel/helper-create-regexp-features-plugin" "^7.12.13" "@babel/helper-plugin-utils" "^7.12.13" "@babel/plugin-syntax-async-generators@^7.8.0": - "integrity" "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==" - "resolved" "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz" - "version" "7.8.4" + version "7.8.4" + resolved "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz" + integrity sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw== dependencies: "@babel/helper-plugin-utils" "^7.8.0" "@babel/plugin-syntax-class-properties@^7.12.13": - "integrity" "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==" - "resolved" "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz" + integrity sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA== dependencies: "@babel/helper-plugin-utils" "^7.12.13" "@babel/plugin-syntax-dynamic-import@^7.8.0": - "integrity" "sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==" - "resolved" "https://registry.npmjs.org/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz" - "version" "7.8.3" + version "7.8.3" + resolved "https://registry.npmjs.org/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz" + integrity sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ== dependencies: "@babel/helper-plugin-utils" "^7.8.0" "@babel/plugin-syntax-export-namespace-from@^7.8.3": - "integrity" "sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==" - "resolved" "https://registry.npmjs.org/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.8.3.tgz" - "version" "7.8.3" + version "7.8.3" + resolved "https://registry.npmjs.org/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.8.3.tgz" + integrity sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q== dependencies: "@babel/helper-plugin-utils" "^7.8.3" "@babel/plugin-syntax-json-strings@^7.8.0": - "integrity" "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==" - "resolved" "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz" - "version" "7.8.3" + version "7.8.3" + resolved "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz" + integrity sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA== dependencies: "@babel/helper-plugin-utils" "^7.8.0" "@babel/plugin-syntax-logical-assignment-operators@^7.10.4": - "integrity" "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==" - "resolved" "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz" - "version" "7.10.4" + version "7.10.4" + resolved "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz" + integrity sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig== dependencies: "@babel/helper-plugin-utils" "^7.10.4" "@babel/plugin-syntax-nullish-coalescing-operator@^7.8.0": - "integrity" "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==" - "resolved" "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz" - "version" "7.8.3" + version "7.8.3" + resolved "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz" + integrity sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ== dependencies: "@babel/helper-plugin-utils" "^7.8.0" "@babel/plugin-syntax-numeric-separator@^7.10.4": - "integrity" "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==" - "resolved" "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz" - "version" "7.10.4" + version "7.10.4" + resolved "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz" + integrity sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug== dependencies: "@babel/helper-plugin-utils" "^7.10.4" "@babel/plugin-syntax-object-rest-spread@^7.8.0": - "integrity" "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==" - "resolved" "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz" - "version" "7.8.3" + version "7.8.3" + resolved "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz" + integrity sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA== dependencies: "@babel/helper-plugin-utils" "^7.8.0" "@babel/plugin-syntax-optional-catch-binding@^7.8.0": - "integrity" "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==" - "resolved" "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz" - "version" "7.8.3" + version "7.8.3" + resolved "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz" + integrity sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q== dependencies: "@babel/helper-plugin-utils" "^7.8.0" "@babel/plugin-syntax-optional-chaining@^7.8.0": - "integrity" "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==" - "resolved" "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz" - "version" "7.8.3" + version "7.8.3" + resolved "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz" + integrity sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg== dependencies: "@babel/helper-plugin-utils" "^7.8.0" "@babel/plugin-syntax-top-level-await@^7.12.13": - "integrity" "sha512-A81F9pDwyS7yM//KwbCSDqy3Uj4NMIurtplxphWxoYtNPov7cJsDkAFNNyVlIZ3jwGycVsurZ+LtOA8gZ376iQ==" - "resolved" "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.12.13.tgz" + integrity sha512-A81F9pDwyS7yM//KwbCSDqy3Uj4NMIurtplxphWxoYtNPov7cJsDkAFNNyVlIZ3jwGycVsurZ+LtOA8gZ376iQ== dependencies: "@babel/helper-plugin-utils" "^7.12.13" "@babel/plugin-transform-arrow-functions@^7.12.13": - "integrity" "sha512-tBtuN6qtCTd+iHzVZVOMNp+L04iIJBpqkdY42tWbmjIT5wvR2kx7gxMBsyhQtFzHwBbyGi9h8J8r9HgnOpQHxg==" - "resolved" "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.12.13.tgz" + integrity sha512-tBtuN6qtCTd+iHzVZVOMNp+L04iIJBpqkdY42tWbmjIT5wvR2kx7gxMBsyhQtFzHwBbyGi9h8J8r9HgnOpQHxg== dependencies: "@babel/helper-plugin-utils" "^7.12.13" "@babel/plugin-transform-async-to-generator@^7.12.13": - "integrity" "sha512-psM9QHcHaDr+HZpRuJcE1PXESuGWSCcbiGFFhhwfzdbTxaGDVzuVtdNYliAwcRo3GFg0Bc8MmI+AvIGYIJG04A==" - "resolved" "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.12.13.tgz" + integrity sha512-psM9QHcHaDr+HZpRuJcE1PXESuGWSCcbiGFFhhwfzdbTxaGDVzuVtdNYliAwcRo3GFg0Bc8MmI+AvIGYIJG04A== dependencies: "@babel/helper-module-imports" "^7.12.13" "@babel/helper-plugin-utils" "^7.12.13" "@babel/helper-remap-async-to-generator" "^7.12.13" "@babel/plugin-transform-block-scoped-functions@^7.12.13": - "integrity" "sha512-zNyFqbc3kI/fVpqwfqkg6RvBgFpC4J18aKKMmv7KdQ/1GgREapSJAykLMVNwfRGO3BtHj3YQZl8kxCXPcVMVeg==" - "resolved" "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.12.13.tgz" + integrity sha512-zNyFqbc3kI/fVpqwfqkg6RvBgFpC4J18aKKMmv7KdQ/1GgREapSJAykLMVNwfRGO3BtHj3YQZl8kxCXPcVMVeg== dependencies: "@babel/helper-plugin-utils" "^7.12.13" "@babel/plugin-transform-block-scoping@^7.12.13": - "integrity" "sha512-Pxwe0iqWJX4fOOM2kEZeUuAxHMWb9nK+9oh5d11bsLoB0xMg+mkDpt0eYuDZB7ETrY9bbcVlKUGTOGWy7BHsMQ==" - "resolved" "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.12.13.tgz" + integrity sha512-Pxwe0iqWJX4fOOM2kEZeUuAxHMWb9nK+9oh5d11bsLoB0xMg+mkDpt0eYuDZB7ETrY9bbcVlKUGTOGWy7BHsMQ== dependencies: "@babel/helper-plugin-utils" "^7.12.13" "@babel/plugin-transform-classes@^7.12.13": - "integrity" "sha512-cqZlMlhCC1rVnxE5ZGMtIb896ijL90xppMiuWXcwcOAuFczynpd3KYemb91XFFPi3wJSe/OcrX9lXoowatkkxA==" - "resolved" "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.12.13.tgz" + integrity sha512-cqZlMlhCC1rVnxE5ZGMtIb896ijL90xppMiuWXcwcOAuFczynpd3KYemb91XFFPi3wJSe/OcrX9lXoowatkkxA== dependencies: "@babel/helper-annotate-as-pure" "^7.12.13" "@babel/helper-function-name" "^7.12.13" @@ -491,234 +498,234 @@ "@babel/helper-plugin-utils" "^7.12.13" "@babel/helper-replace-supers" "^7.12.13" "@babel/helper-split-export-declaration" "^7.12.13" - "globals" "^11.1.0" + globals "^11.1.0" "@babel/plugin-transform-computed-properties@^7.12.13": - "integrity" "sha512-dDfuROUPGK1mTtLKyDPUavmj2b6kFu82SmgpztBFEO974KMjJT+Ytj3/oWsTUMBmgPcp9J5Pc1SlcAYRpJ2hRA==" - "resolved" "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.12.13.tgz" + integrity sha512-dDfuROUPGK1mTtLKyDPUavmj2b6kFu82SmgpztBFEO974KMjJT+Ytj3/oWsTUMBmgPcp9J5Pc1SlcAYRpJ2hRA== dependencies: "@babel/helper-plugin-utils" "^7.12.13" "@babel/plugin-transform-destructuring@^7.12.13": - "integrity" "sha512-Dn83KykIFzjhA3FDPA1z4N+yfF3btDGhjnJwxIj0T43tP0flCujnU8fKgEkf0C1biIpSv9NZegPBQ1J6jYkwvQ==" - "resolved" "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.12.13.tgz" + integrity sha512-Dn83KykIFzjhA3FDPA1z4N+yfF3btDGhjnJwxIj0T43tP0flCujnU8fKgEkf0C1biIpSv9NZegPBQ1J6jYkwvQ== dependencies: "@babel/helper-plugin-utils" "^7.12.13" "@babel/plugin-transform-dotall-regex@^7.12.13", "@babel/plugin-transform-dotall-regex@^7.4.4": - "integrity" "sha512-foDrozE65ZFdUC2OfgeOCrEPTxdB3yjqxpXh8CH+ipd9CHd4s/iq81kcUpyH8ACGNEPdFqbtzfgzbT/ZGlbDeQ==" - "resolved" "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.12.13.tgz" + integrity sha512-foDrozE65ZFdUC2OfgeOCrEPTxdB3yjqxpXh8CH+ipd9CHd4s/iq81kcUpyH8ACGNEPdFqbtzfgzbT/ZGlbDeQ== dependencies: "@babel/helper-create-regexp-features-plugin" "^7.12.13" "@babel/helper-plugin-utils" "^7.12.13" "@babel/plugin-transform-duplicate-keys@^7.12.13": - "integrity" "sha512-NfADJiiHdhLBW3pulJlJI2NB0t4cci4WTZ8FtdIuNc2+8pslXdPtRRAEWqUY+m9kNOk2eRYbTAOipAxlrOcwwQ==" - "resolved" "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.12.13.tgz" + integrity sha512-NfADJiiHdhLBW3pulJlJI2NB0t4cci4WTZ8FtdIuNc2+8pslXdPtRRAEWqUY+m9kNOk2eRYbTAOipAxlrOcwwQ== dependencies: "@babel/helper-plugin-utils" "^7.12.13" "@babel/plugin-transform-exponentiation-operator@^7.12.13": - "integrity" "sha512-fbUelkM1apvqez/yYx1/oICVnGo2KM5s63mhGylrmXUxK/IAXSIf87QIxVfZldWf4QsOafY6vV3bX8aMHSvNrA==" - "resolved" "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.12.13.tgz" + integrity sha512-fbUelkM1apvqez/yYx1/oICVnGo2KM5s63mhGylrmXUxK/IAXSIf87QIxVfZldWf4QsOafY6vV3bX8aMHSvNrA== dependencies: "@babel/helper-builder-binary-assignment-operator-visitor" "^7.12.13" "@babel/helper-plugin-utils" "^7.12.13" "@babel/plugin-transform-for-of@^7.12.13": - "integrity" "sha512-xCbdgSzXYmHGyVX3+BsQjcd4hv4vA/FDy7Kc8eOpzKmBBPEOTurt0w5fCRQaGl+GSBORKgJdstQ1rHl4jbNseQ==" - "resolved" "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.12.13.tgz" + integrity sha512-xCbdgSzXYmHGyVX3+BsQjcd4hv4vA/FDy7Kc8eOpzKmBBPEOTurt0w5fCRQaGl+GSBORKgJdstQ1rHl4jbNseQ== dependencies: "@babel/helper-plugin-utils" "^7.12.13" "@babel/plugin-transform-function-name@^7.12.13": - "integrity" "sha512-6K7gZycG0cmIwwF7uMK/ZqeCikCGVBdyP2J5SKNCXO5EOHcqi+z7Jwf8AmyDNcBgxET8DrEtCt/mPKPyAzXyqQ==" - "resolved" "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.12.13.tgz" + integrity sha512-6K7gZycG0cmIwwF7uMK/ZqeCikCGVBdyP2J5SKNCXO5EOHcqi+z7Jwf8AmyDNcBgxET8DrEtCt/mPKPyAzXyqQ== dependencies: "@babel/helper-function-name" "^7.12.13" "@babel/helper-plugin-utils" "^7.12.13" "@babel/plugin-transform-literals@^7.12.13": - "integrity" "sha512-FW+WPjSR7hiUxMcKqyNjP05tQ2kmBCdpEpZHY1ARm96tGQCCBvXKnpjILtDplUnJ/eHZ0lALLM+d2lMFSpYJrQ==" - "resolved" "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.12.13.tgz" + integrity sha512-FW+WPjSR7hiUxMcKqyNjP05tQ2kmBCdpEpZHY1ARm96tGQCCBvXKnpjILtDplUnJ/eHZ0lALLM+d2lMFSpYJrQ== dependencies: "@babel/helper-plugin-utils" "^7.12.13" "@babel/plugin-transform-member-expression-literals@^7.12.13": - "integrity" "sha512-kxLkOsg8yir4YeEPHLuO2tXP9R/gTjpuTOjshqSpELUN3ZAg2jfDnKUvzzJxObun38sw3wm4Uu69sX/zA7iRvg==" - "resolved" "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.12.13.tgz" + integrity sha512-kxLkOsg8yir4YeEPHLuO2tXP9R/gTjpuTOjshqSpELUN3ZAg2jfDnKUvzzJxObun38sw3wm4Uu69sX/zA7iRvg== dependencies: "@babel/helper-plugin-utils" "^7.12.13" "@babel/plugin-transform-modules-amd@^7.12.13": - "integrity" "sha512-JHLOU0o81m5UqG0Ulz/fPC68/v+UTuGTWaZBUwpEk1fYQ1D9LfKV6MPn4ttJKqRo5Lm460fkzjLTL4EHvCprvA==" - "resolved" "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.12.13.tgz" + integrity sha512-JHLOU0o81m5UqG0Ulz/fPC68/v+UTuGTWaZBUwpEk1fYQ1D9LfKV6MPn4ttJKqRo5Lm460fkzjLTL4EHvCprvA== dependencies: "@babel/helper-module-transforms" "^7.12.13" "@babel/helper-plugin-utils" "^7.12.13" - "babel-plugin-dynamic-import-node" "^2.3.3" + babel-plugin-dynamic-import-node "^2.3.3" "@babel/plugin-transform-modules-commonjs@^7.12.13": - "integrity" "sha512-OGQoeVXVi1259HjuoDnsQMlMkT9UkZT9TpXAsqWplS/M0N1g3TJAn/ByOCeQu7mfjc5WpSsRU+jV1Hd89ts0kQ==" - "resolved" "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.12.13.tgz" + integrity sha512-OGQoeVXVi1259HjuoDnsQMlMkT9UkZT9TpXAsqWplS/M0N1g3TJAn/ByOCeQu7mfjc5WpSsRU+jV1Hd89ts0kQ== dependencies: "@babel/helper-module-transforms" "^7.12.13" "@babel/helper-plugin-utils" "^7.12.13" "@babel/helper-simple-access" "^7.12.13" - "babel-plugin-dynamic-import-node" "^2.3.3" + babel-plugin-dynamic-import-node "^2.3.3" "@babel/plugin-transform-modules-systemjs@^7.12.13": - "integrity" "sha512-aHfVjhZ8QekaNF/5aNdStCGzwTbU7SI5hUybBKlMzqIMC7w7Ho8hx5a4R/DkTHfRfLwHGGxSpFt9BfxKCoXKoA==" - "resolved" "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.12.13.tgz" + integrity sha512-aHfVjhZ8QekaNF/5aNdStCGzwTbU7SI5hUybBKlMzqIMC7w7Ho8hx5a4R/DkTHfRfLwHGGxSpFt9BfxKCoXKoA== dependencies: "@babel/helper-hoist-variables" "^7.12.13" "@babel/helper-module-transforms" "^7.12.13" "@babel/helper-plugin-utils" "^7.12.13" "@babel/helper-validator-identifier" "^7.12.11" - "babel-plugin-dynamic-import-node" "^2.3.3" + babel-plugin-dynamic-import-node "^2.3.3" "@babel/plugin-transform-modules-umd@^7.12.13": - "integrity" "sha512-BgZndyABRML4z6ibpi7Z98m4EVLFI9tVsZDADC14AElFaNHHBcJIovflJ6wtCqFxwy2YJ1tJhGRsr0yLPKoN+w==" - "resolved" "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.12.13.tgz" + integrity sha512-BgZndyABRML4z6ibpi7Z98m4EVLFI9tVsZDADC14AElFaNHHBcJIovflJ6wtCqFxwy2YJ1tJhGRsr0yLPKoN+w== dependencies: "@babel/helper-module-transforms" "^7.12.13" "@babel/helper-plugin-utils" "^7.12.13" "@babel/plugin-transform-named-capturing-groups-regex@^7.12.13": - "integrity" "sha512-Xsm8P2hr5hAxyYblrfACXpQKdQbx4m2df9/ZZSQ8MAhsadw06+jW7s9zsSw6he+mJZXRlVMyEnVktJo4zjk1WA==" - "resolved" "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.12.13.tgz" + integrity sha512-Xsm8P2hr5hAxyYblrfACXpQKdQbx4m2df9/ZZSQ8MAhsadw06+jW7s9zsSw6he+mJZXRlVMyEnVktJo4zjk1WA== dependencies: "@babel/helper-create-regexp-features-plugin" "^7.12.13" "@babel/plugin-transform-new-target@^7.12.13": - "integrity" "sha512-/KY2hbLxrG5GTQ9zzZSc3xWiOy379pIETEhbtzwZcw9rvuaVV4Fqy7BYGYOWZnaoXIQYbbJ0ziXLa/sKcGCYEQ==" - "resolved" "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.12.13.tgz" + integrity sha512-/KY2hbLxrG5GTQ9zzZSc3xWiOy379pIETEhbtzwZcw9rvuaVV4Fqy7BYGYOWZnaoXIQYbbJ0ziXLa/sKcGCYEQ== dependencies: "@babel/helper-plugin-utils" "^7.12.13" "@babel/plugin-transform-object-super@^7.12.13": - "integrity" "sha512-JzYIcj3XtYspZDV8j9ulnoMPZZnF/Cj0LUxPOjR89BdBVx+zYJI9MdMIlUZjbXDX+6YVeS6I3e8op+qQ3BYBoQ==" - "resolved" "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.12.13.tgz" + integrity sha512-JzYIcj3XtYspZDV8j9ulnoMPZZnF/Cj0LUxPOjR89BdBVx+zYJI9MdMIlUZjbXDX+6YVeS6I3e8op+qQ3BYBoQ== dependencies: "@babel/helper-plugin-utils" "^7.12.13" "@babel/helper-replace-supers" "^7.12.13" "@babel/plugin-transform-parameters@^7.12.13": - "integrity" "sha512-e7QqwZalNiBRHCpJg/P8s/VJeSRYgmtWySs1JwvfwPqhBbiWfOcHDKdeAi6oAyIimoKWBlwc8oTgbZHdhCoVZA==" - "resolved" "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.12.13.tgz" + integrity sha512-e7QqwZalNiBRHCpJg/P8s/VJeSRYgmtWySs1JwvfwPqhBbiWfOcHDKdeAi6oAyIimoKWBlwc8oTgbZHdhCoVZA== dependencies: "@babel/helper-plugin-utils" "^7.12.13" "@babel/plugin-transform-property-literals@^7.12.13": - "integrity" "sha512-nqVigwVan+lR+g8Fj8Exl0UQX2kymtjcWfMOYM1vTYEKujeyv2SkMgazf2qNcK7l4SDiKyTA/nHCPqL4e2zo1A==" - "resolved" "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.12.13.tgz" + integrity sha512-nqVigwVan+lR+g8Fj8Exl0UQX2kymtjcWfMOYM1vTYEKujeyv2SkMgazf2qNcK7l4SDiKyTA/nHCPqL4e2zo1A== dependencies: "@babel/helper-plugin-utils" "^7.12.13" "@babel/plugin-transform-regenerator@^7.12.13": - "integrity" "sha512-lxb2ZAvSLyJ2PEe47hoGWPmW22v7CtSl9jW8mingV4H2sEX/JOcrAj2nPuGWi56ERUm2bUpjKzONAuT6HCn2EA==" - "resolved" "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.12.13.tgz" + integrity sha512-lxb2ZAvSLyJ2PEe47hoGWPmW22v7CtSl9jW8mingV4H2sEX/JOcrAj2nPuGWi56ERUm2bUpjKzONAuT6HCn2EA== dependencies: - "regenerator-transform" "^0.14.2" + regenerator-transform "^0.14.2" "@babel/plugin-transform-reserved-words@^7.12.13": - "integrity" "sha512-xhUPzDXxZN1QfiOy/I5tyye+TRz6lA7z6xaT4CLOjPRMVg1ldRf0LHw0TDBpYL4vG78556WuHdyO9oi5UmzZBg==" - "resolved" "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.12.13.tgz" + integrity sha512-xhUPzDXxZN1QfiOy/I5tyye+TRz6lA7z6xaT4CLOjPRMVg1ldRf0LHw0TDBpYL4vG78556WuHdyO9oi5UmzZBg== dependencies: "@babel/helper-plugin-utils" "^7.12.13" "@babel/plugin-transform-runtime@^7.2.0": - "integrity" "sha512-OwptMSRnRWJo+tJ9v9wgAf72ydXWfYSXWhnQjZing8nGZSDFqU1MBleKM3+DriKkcbv7RagA8gVeB0A1PNlNow==" - "resolved" "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.12.15.tgz" - "version" "7.12.15" + version "7.12.15" + resolved "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.12.15.tgz" + integrity sha512-OwptMSRnRWJo+tJ9v9wgAf72ydXWfYSXWhnQjZing8nGZSDFqU1MBleKM3+DriKkcbv7RagA8gVeB0A1PNlNow== dependencies: "@babel/helper-module-imports" "^7.12.13" "@babel/helper-plugin-utils" "^7.12.13" - "semver" "^5.5.1" + semver "^5.5.1" "@babel/plugin-transform-shorthand-properties@^7.12.13": - "integrity" "sha512-xpL49pqPnLtf0tVluuqvzWIgLEhuPpZzvs2yabUHSKRNlN7ScYU7aMlmavOeyXJZKgZKQRBlh8rHbKiJDraTSw==" - "resolved" "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.12.13.tgz" + integrity sha512-xpL49pqPnLtf0tVluuqvzWIgLEhuPpZzvs2yabUHSKRNlN7ScYU7aMlmavOeyXJZKgZKQRBlh8rHbKiJDraTSw== dependencies: "@babel/helper-plugin-utils" "^7.12.13" "@babel/plugin-transform-spread@^7.12.13": - "integrity" "sha512-dUCrqPIowjqk5pXsx1zPftSq4sT0aCeZVAxhdgs3AMgyaDmoUT0G+5h3Dzja27t76aUEIJWlFgPJqJ/d4dbTtg==" - "resolved" "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.12.13.tgz" + integrity sha512-dUCrqPIowjqk5pXsx1zPftSq4sT0aCeZVAxhdgs3AMgyaDmoUT0G+5h3Dzja27t76aUEIJWlFgPJqJ/d4dbTtg== dependencies: "@babel/helper-plugin-utils" "^7.12.13" "@babel/helper-skip-transparent-expression-wrappers" "^7.12.1" "@babel/plugin-transform-sticky-regex@^7.12.13": - "integrity" "sha512-Jc3JSaaWT8+fr7GRvQP02fKDsYk4K/lYwWq38r/UGfaxo89ajud321NH28KRQ7xy1Ybc0VUE5Pz8psjNNDUglg==" - "resolved" "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.12.13.tgz" + integrity sha512-Jc3JSaaWT8+fr7GRvQP02fKDsYk4K/lYwWq38r/UGfaxo89ajud321NH28KRQ7xy1Ybc0VUE5Pz8psjNNDUglg== dependencies: "@babel/helper-plugin-utils" "^7.12.13" "@babel/plugin-transform-template-literals@^7.12.13": - "integrity" "sha512-arIKlWYUgmNsF28EyfmiQHJLJFlAJNYkuQO10jL46ggjBpeb2re1P9K9YGxNJB45BqTbaslVysXDYm/g3sN/Qg==" - "resolved" "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.12.13.tgz" + integrity sha512-arIKlWYUgmNsF28EyfmiQHJLJFlAJNYkuQO10jL46ggjBpeb2re1P9K9YGxNJB45BqTbaslVysXDYm/g3sN/Qg== dependencies: "@babel/helper-plugin-utils" "^7.12.13" "@babel/plugin-transform-typeof-symbol@^7.12.13": - "integrity" "sha512-eKv/LmUJpMnu4npgfvs3LiHhJua5fo/CysENxa45YCQXZwKnGCQKAg87bvoqSW1fFT+HA32l03Qxsm8ouTY3ZQ==" - "resolved" "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.12.13.tgz" + integrity sha512-eKv/LmUJpMnu4npgfvs3LiHhJua5fo/CysENxa45YCQXZwKnGCQKAg87bvoqSW1fFT+HA32l03Qxsm8ouTY3ZQ== dependencies: "@babel/helper-plugin-utils" "^7.12.13" "@babel/plugin-transform-unicode-escapes@^7.12.13": - "integrity" "sha512-0bHEkdwJ/sN/ikBHfSmOXPypN/beiGqjo+o4/5K+vxEFNPRPdImhviPakMKG4x96l85emoa0Z6cDflsdBusZbw==" - "resolved" "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.12.13.tgz" + integrity sha512-0bHEkdwJ/sN/ikBHfSmOXPypN/beiGqjo+o4/5K+vxEFNPRPdImhviPakMKG4x96l85emoa0Z6cDflsdBusZbw== dependencies: "@babel/helper-plugin-utils" "^7.12.13" "@babel/plugin-transform-unicode-regex@^7.12.13": - "integrity" "sha512-mDRzSNY7/zopwisPZ5kM9XKCfhchqIYwAKRERtEnhYscZB79VRekuRSoYbN0+KVe3y8+q1h6A4svXtP7N+UoCA==" - "resolved" "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.12.13.tgz" + integrity sha512-mDRzSNY7/zopwisPZ5kM9XKCfhchqIYwAKRERtEnhYscZB79VRekuRSoYbN0+KVe3y8+q1h6A4svXtP7N+UoCA== dependencies: "@babel/helper-create-regexp-features-plugin" "^7.12.13" "@babel/helper-plugin-utils" "^7.12.13" "@babel/polyfill@^7.0.0": - "integrity" "sha512-X0pi0V6gxLi6lFZpGmeNa4zxtwEmCs42isWLNjZZDE0Y8yVfgu0T2OAHlzBbdYlqbW/YXVvoBHpATEM+goCj8g==" - "resolved" "https://registry.npmjs.org/@babel/polyfill/-/polyfill-7.12.1.tgz" - "version" "7.12.1" + version "7.12.1" + resolved "https://registry.npmjs.org/@babel/polyfill/-/polyfill-7.12.1.tgz" + integrity sha512-X0pi0V6gxLi6lFZpGmeNa4zxtwEmCs42isWLNjZZDE0Y8yVfgu0T2OAHlzBbdYlqbW/YXVvoBHpATEM+goCj8g== dependencies: - "core-js" "^2.6.5" - "regenerator-runtime" "^0.13.4" + core-js "^2.6.5" + regenerator-runtime "^0.13.4" "@babel/preset-env@^7.2.0": - "integrity" "sha512-JUVlizG8SoFTz4LmVUL8++aVwzwxcvey3N0j1tRbMAXVEy95uQ/cnEkmEKHN00Bwq4voAV3imQGnQvpkLAxsrw==" - "resolved" "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.12.13.tgz" + integrity sha512-JUVlizG8SoFTz4LmVUL8++aVwzwxcvey3N0j1tRbMAXVEy95uQ/cnEkmEKHN00Bwq4voAV3imQGnQvpkLAxsrw== dependencies: "@babel/compat-data" "^7.12.13" "@babel/helper-compilation-targets" "^7.12.13" @@ -784,187 +791,221 @@ "@babel/plugin-transform-unicode-regex" "^7.12.13" "@babel/preset-modules" "^0.1.3" "@babel/types" "^7.12.13" - "core-js-compat" "^3.8.0" - "semver" "^5.5.0" + core-js-compat "^3.8.0" + semver "^5.5.0" "@babel/preset-modules@^0.1.3": - "integrity" "sha512-J36NhwnfdzpmH41M1DrnkkgAqhZaqr/NBdPfQ677mLzlaXo+oDiv1deyCDtgAhz8p328otdob0Du7+xgHGZbKg==" - "resolved" "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.4.tgz" - "version" "0.1.4" + version "0.1.4" + resolved "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.4.tgz" + integrity sha512-J36NhwnfdzpmH41M1DrnkkgAqhZaqr/NBdPfQ677mLzlaXo+oDiv1deyCDtgAhz8p328otdob0Du7+xgHGZbKg== dependencies: "@babel/helper-plugin-utils" "^7.0.0" "@babel/plugin-proposal-unicode-property-regex" "^7.4.4" "@babel/plugin-transform-dotall-regex" "^7.4.4" "@babel/types" "^7.4.4" - "esutils" "^2.0.2" + esutils "^2.0.2" "@babel/runtime@^7.2.0", "@babel/runtime@^7.8.4": - "integrity" "sha512-8+3UMPBrjFa/6TtKi/7sehPKqfAm4g6K+YQjyyFOLUTxzOngcRZTlAVY8sc2CORJYqdHQY8gRPHmn+qo15rCBw==" - "resolved" "https://registry.npmjs.org/@babel/runtime/-/runtime-7.12.13.tgz" - "version" "7.12.13" + version "7.12.13" + resolved "https://registry.npmjs.org/@babel/runtime/-/runtime-7.12.13.tgz" + integrity sha512-8+3UMPBrjFa/6TtKi/7sehPKqfAm4g6K+YQjyyFOLUTxzOngcRZTlAVY8sc2CORJYqdHQY8gRPHmn+qo15rCBw== dependencies: - "regenerator-runtime" "^0.13.4" + regenerator-runtime "^0.13.4" -"@babel/template@^7.12.13": - "integrity" "sha512-/7xxiGA57xMo/P2GVvdEumr8ONhFOhfgq2ihK3h1e6THqzTAkHbkXgB0xI9yeTfIUoH3+oAeHhqm/I43OTbbjA==" - "resolved" "https://registry.npmjs.org/@babel/template/-/template-7.12.13.tgz" - "version" "7.12.13" +"@babel/template@^7.12.13", "@babel/template@^7.25.9": + version "7.25.9" + resolved "https://registry.npmjs.org/@babel/template/-/template-7.25.9.tgz" + integrity sha512-9DGttpmPvIxBb/2uwpVo3dqJ+O6RooAFOS+lB+xDqoE2PVCE8nfoHMdZLpfCQRLwvohzXISPZcgxt80xLfsuwg== dependencies: - "@babel/code-frame" "^7.12.13" - "@babel/parser" "^7.12.13" - "@babel/types" "^7.12.13" + "@babel/code-frame" "^7.25.9" + "@babel/parser" "^7.25.9" + "@babel/types" "^7.25.9" "@babel/traverse@^7.12.13": - "integrity" "sha512-3Zb4w7eE/OslI0fTp8c7b286/cQps3+vdLW3UcwC8VSJC6GbKn55aeVVu2QJNuCDoeKyptLOFrPq8WqZZBodyA==" - "resolved" "https://registry.npmjs.org/@babel/traverse/-/traverse-7.12.13.tgz" - "version" "7.12.13" - dependencies: - "@babel/code-frame" "^7.12.13" - "@babel/generator" "^7.12.13" - "@babel/helper-function-name" "^7.12.13" - "@babel/helper-split-export-declaration" "^7.12.13" - "@babel/parser" "^7.12.13" - "@babel/types" "^7.12.13" - "debug" "^4.1.0" - "globals" "^11.1.0" - "lodash" "^4.17.19" - -"@babel/types@^7.12.1", "@babel/types@^7.12.13", "@babel/types@^7.4.4": - "integrity" "sha512-oKrdZTld2im1z8bDwTOQvUbxKwE+854zc16qWZQlcTqMN00pWxHQ4ZeOq0yDMnisOpRykH2/5Qqcrk/OlbAjiQ==" - "resolved" "https://registry.npmjs.org/@babel/types/-/types-7.12.13.tgz" - "version" "7.12.13" - dependencies: - "@babel/helper-validator-identifier" "^7.12.11" - "lodash" "^4.17.19" - "to-fast-properties" "^2.0.0" + version "7.25.9" + resolved "https://registry.npmjs.org/@babel/traverse/-/traverse-7.25.9.tgz" + integrity sha512-ZCuvfwOwlz/bawvAuvcj8rrithP2/N55Tzz342AkTvq4qaWbGfmCk/tKhNaV2cthijKrPAA8SRJV5WWe7IBMJw== + dependencies: + "@babel/code-frame" "^7.25.9" + "@babel/generator" "^7.25.9" + "@babel/parser" "^7.25.9" + "@babel/template" "^7.25.9" + "@babel/types" "^7.25.9" + debug "^4.3.1" + globals "^11.1.0" + +"@babel/types@^7.12.1", "@babel/types@^7.12.13", "@babel/types@^7.25.9", "@babel/types@^7.26.0", "@babel/types@^7.4.4": + version "7.26.0" + resolved "https://registry.npmjs.org/@babel/types/-/types-7.26.0.tgz" + integrity sha512-Z/yiTPj+lDVnF7lWeKCIJzaIkI0vYO87dMpZ4bg4TDrFe4XXLFWL1TbXU27gBP3QccxV9mZICCrnjnYlJjXHOA== + dependencies: + "@babel/helper-string-parser" "^7.25.9" + "@babel/helper-validator-identifier" "^7.25.9" "@creativebulma/bulma-tooltip@^1.2.0": - "integrity" "sha512-ooImbeXEBxf77cttbzA7X5rC5aAWm9UsXIGViFOnsqB+6M944GkB28S5R4UWRqjFd2iW4zGEkEifAU+q43pt2w==" - "resolved" "https://registry.npmjs.org/@creativebulma/bulma-tooltip/-/bulma-tooltip-1.2.0.tgz" - "version" "1.2.0" + version "1.2.0" + resolved "https://registry.npmjs.org/@creativebulma/bulma-tooltip/-/bulma-tooltip-1.2.0.tgz" + integrity sha512-ooImbeXEBxf77cttbzA7X5rC5aAWm9UsXIGViFOnsqB+6M944GkB28S5R4UWRqjFd2iW4zGEkEifAU+q43pt2w== + +"@jridgewell/gen-mapping@^0.3.5": + version "0.3.5" + resolved "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz" + integrity sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg== + dependencies: + "@jridgewell/set-array" "^1.2.1" + "@jridgewell/sourcemap-codec" "^1.4.10" + "@jridgewell/trace-mapping" "^0.3.24" + +"@jridgewell/resolve-uri@^3.1.0": + version "3.1.2" + resolved "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz" + integrity sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw== + +"@jridgewell/set-array@^1.2.1": + version "1.2.1" + resolved "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz" + integrity sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A== + +"@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.14": + version "1.5.0" + resolved "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz" + integrity sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ== + +"@jridgewell/trace-mapping@^0.3.24", "@jridgewell/trace-mapping@^0.3.25": + version "0.3.25" + resolved "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz" + integrity sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ== + dependencies: + "@jridgewell/resolve-uri" "^3.1.0" + "@jridgewell/sourcemap-codec" "^1.4.14" "@nicolo-ribaudo/chokidar-2@2.1.8-no-fsevents": - "integrity" "sha512-+nb9vWloHNNMFHjGofEam3wopE3m1yuambrrd/fnPc+lFOMB9ROTqQlche9ByFWNkdNqfSgR/kkQtQ8DzEWt2w==" - "resolved" "https://registry.npmjs.org/@nicolo-ribaudo/chokidar-2/-/chokidar-2-2.1.8-no-fsevents.tgz" - "version" "2.1.8-no-fsevents" - dependencies: - "anymatch" "^2.0.0" - "async-each" "^1.0.1" - "braces" "^2.3.2" - "glob-parent" "^3.1.0" - "inherits" "^2.0.3" - "is-binary-path" "^1.0.0" - "is-glob" "^4.0.0" - "normalize-path" "^3.0.0" - "path-is-absolute" "^1.0.0" - "readdirp" "^2.2.1" - "upath" "^1.1.1" + version "2.1.8-no-fsevents" + resolved "https://registry.npmjs.org/@nicolo-ribaudo/chokidar-2/-/chokidar-2-2.1.8-no-fsevents.tgz" + integrity sha512-+nb9vWloHNNMFHjGofEam3wopE3m1yuambrrd/fnPc+lFOMB9ROTqQlche9ByFWNkdNqfSgR/kkQtQ8DzEWt2w== + dependencies: + anymatch "^2.0.0" + async-each "^1.0.1" + braces "^2.3.2" + glob-parent "^3.1.0" + inherits "^2.0.3" + is-binary-path "^1.0.0" + is-glob "^4.0.0" + normalize-path "^3.0.0" + path-is-absolute "^1.0.0" + readdirp "^2.2.1" + upath "^1.1.1" "@types/googlemaps@^3.39.6": - "integrity" "sha512-qiu5rms7+bgLciKAXpRsxVB1P+Z6gbSxuO8tZfdyQV2k5e5L/7GjUI6Z69rMR+7YFmqU9vwOUglLQ6NJyP/K8g==" - "resolved" "https://registry.npmjs.org/@types/googlemaps/-/googlemaps-3.43.2.tgz" - "version" "3.43.2" - -"abbrev@1": - "integrity" "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==" - "resolved" "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz" - "version" "1.1.1" - -"agentkeepalive@^2.2.0": - "integrity" "sha1-xdG9SxKQCPEWPyNvhuX66iAm4u8=" - "resolved" "https://registry.npmjs.org/agentkeepalive/-/agentkeepalive-2.2.0.tgz" - "version" "2.2.0" - -"algoliasearch-helper@^3.3.4": - "integrity" "sha512-1Ts2XcgGdjGlDrp3v6zbY8VW+X9+jJ5rBmtPBmXOQLd4b5t/LpJlaBdxoAnlMfVFjywP7KSAdmyFUNNYVHDyRQ==" - "resolved" "https://registry.npmjs.org/algoliasearch-helper/-/algoliasearch-helper-3.3.4.tgz" - "version" "3.3.4" - dependencies: - "events" "^1.1.1" - -"algoliasearch@^3.24.9", "algoliasearch@>= 3.1 < 5": - "integrity" "sha512-K4yKVhaHkXfJ/xcUnil04xiSrB8B8yHZoFEhWNpXg23eiCnqvTZw1tn/SqvdsANlYHLJlKl0qi3I/Q2Sqo7LwQ==" - "resolved" "https://registry.npmjs.org/algoliasearch/-/algoliasearch-3.35.1.tgz" - "version" "3.35.1" - dependencies: - "agentkeepalive" "^2.2.0" - "debug" "^2.6.9" - "envify" "^4.0.0" - "es6-promise" "^4.1.0" - "events" "^1.1.0" - "foreach" "^2.0.5" - "global" "^4.3.2" - "inherits" "^2.0.1" - "isarray" "^2.0.1" - "load-script" "^1.0.0" - "object-keys" "^1.0.11" - "querystring-es3" "^0.2.1" - "reduce" "^1.0.1" - "semver" "^5.1.0" - "tunnel-agent" "^0.6.0" - -"ansi-styles@^3.2.1": - "integrity" "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==" - "resolved" "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz" - "version" "3.2.1" - dependencies: - "color-convert" "^1.9.0" - -"anymatch@^2.0.0": - "integrity" "sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==" - "resolved" "https://registry.npmjs.org/anymatch/-/anymatch-2.0.0.tgz" - "version" "2.0.0" - dependencies: - "micromatch" "^3.1.4" - "normalize-path" "^2.1.1" - -"anymatch@~3.1.1": - "integrity" "sha512-mM8522psRCqzV+6LhomX5wgp25YVibjh8Wj23I5RPkPppSVSjyKD2A2mBJmWGa+KN7f2D6LNh9jkBCeyLktzjg==" - "resolved" "https://registry.npmjs.org/anymatch/-/anymatch-3.1.1.tgz" - "version" "3.1.1" - dependencies: - "normalize-path" "^3.0.0" - "picomatch" "^2.0.4" - -"arr-diff@^4.0.0": - "integrity" "sha1-1kYQdP6/7HHn4VI1dhoyml3HxSA=" - "resolved" "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz" - "version" "4.0.0" - -"arr-flatten@^1.1.0": - "integrity" "sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg==" - "resolved" "https://registry.npmjs.org/arr-flatten/-/arr-flatten-1.1.0.tgz" - "version" "1.1.0" - -"arr-union@^3.1.0": - "integrity" "sha1-45sJrqne+Gao8gbiiK9jkZuuOcQ=" - "resolved" "https://registry.npmjs.org/arr-union/-/arr-union-3.1.0.tgz" - "version" "3.1.0" - -"array-unique@^0.3.2": - "integrity" "sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=" - "resolved" "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz" - "version" "0.3.2" - -"assign-symbols@^1.0.0": - "integrity" "sha1-WWZ/QfrdTyDMvCu5a41Pf3jsA2c=" - "resolved" "https://registry.npmjs.org/assign-symbols/-/assign-symbols-1.0.0.tgz" - "version" "1.0.0" - -"async-each@^1.0.1": - "integrity" "sha512-z/WhQ5FPySLdvREByI2vZiTWwCnF0moMJ1hK9YQwDTHKh6I7/uSckMetoRGb5UBZPC1z0jlw+n/XCgjeH7y1AQ==" - "resolved" "https://registry.npmjs.org/async-each/-/async-each-1.0.3.tgz" - "version" "1.0.3" - -"atob@^2.1.2": - "integrity" "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==" - "resolved" "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz" - "version" "2.1.2" - -"atomic-algolia@^0.3.19": - "integrity" "sha512-TiJt5BeYszS9ARk6beZKQCOLtqrEVp4CgReDlL9e3NLpIuOPGcTFMs2iMTyotfl8zBFLLPF84MlXA+C5TnlrAw==" - "resolved" "https://registry.npmjs.org/atomic-algolia/-/atomic-algolia-0.3.19.tgz" - "version" "0.3.19" + version "3.43.2" + resolved "https://registry.npmjs.org/@types/googlemaps/-/googlemaps-3.43.2.tgz" + integrity sha512-qiu5rms7+bgLciKAXpRsxVB1P+Z6gbSxuO8tZfdyQV2k5e5L/7GjUI6Z69rMR+7YFmqU9vwOUglLQ6NJyP/K8g== + +abbrev@1: + version "1.1.1" + resolved "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz" + integrity sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q== + +agentkeepalive@^2.2.0: + version "2.2.0" + resolved "https://registry.npmjs.org/agentkeepalive/-/agentkeepalive-2.2.0.tgz" + integrity sha1-xdG9SxKQCPEWPyNvhuX66iAm4u8= sha512-TnB6ziK363p7lR8QpeLC8aMr8EGYBKZTpgzQLfqTs3bR0Oo5VbKdwKf8h0dSzsYrB7lSCgfJnMZKqShvlq5Oyg== + +algoliasearch-helper@^3.3.4: + version "3.22.5" + resolved "https://registry.npmjs.org/algoliasearch-helper/-/algoliasearch-helper-3.22.5.tgz" + integrity sha512-lWvhdnc+aKOKx8jyA3bsdEgHzm/sglC4cYdMG4xSQyRiPLJVJtH/IVYZG3Hp6PkTEhQqhyVYkeP9z2IlcHJsWw== + dependencies: + "@algolia/events" "^4.0.1" + +algoliasearch@^3.24.9, "algoliasearch@>= 3.1 < 6": + version "3.35.1" + resolved "https://registry.npmjs.org/algoliasearch/-/algoliasearch-3.35.1.tgz" + integrity sha512-K4yKVhaHkXfJ/xcUnil04xiSrB8B8yHZoFEhWNpXg23eiCnqvTZw1tn/SqvdsANlYHLJlKl0qi3I/Q2Sqo7LwQ== + dependencies: + agentkeepalive "^2.2.0" + debug "^2.6.9" + envify "^4.0.0" + es6-promise "^4.1.0" + events "^1.1.0" + foreach "^2.0.5" + global "^4.3.2" + inherits "^2.0.1" + isarray "^2.0.1" + load-script "^1.0.0" + object-keys "^1.0.11" + querystring-es3 "^0.2.1" + reduce "^1.0.1" + semver "^5.1.0" + tunnel-agent "^0.6.0" + +ansi-styles@^3.2.1: + version "3.2.1" + resolved "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz" + integrity sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA== + dependencies: + color-convert "^1.9.0" + +anymatch@^2.0.0: + version "2.0.0" + resolved "https://registry.npmjs.org/anymatch/-/anymatch-2.0.0.tgz" + integrity sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw== + dependencies: + micromatch "^3.1.4" + normalize-path "^2.1.1" + +anymatch@~3.1.1: + version "3.1.1" + resolved "https://registry.npmjs.org/anymatch/-/anymatch-3.1.1.tgz" + integrity sha512-mM8522psRCqzV+6LhomX5wgp25YVibjh8Wj23I5RPkPppSVSjyKD2A2mBJmWGa+KN7f2D6LNh9jkBCeyLktzjg== + dependencies: + normalize-path "^3.0.0" + picomatch "^2.0.4" + +arr-diff@^4.0.0: + version "4.0.0" + resolved "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz" + integrity sha1-1kYQdP6/7HHn4VI1dhoyml3HxSA= sha512-YVIQ82gZPGBebQV/a8dar4AitzCQs0jjXwMPZllpXMaGjXPYVUawSxQrRsjhjupyVxEvbHgUmIhKVlND+j02kA== + +arr-flatten@^1.1.0: + version "1.1.0" + resolved "https://registry.npmjs.org/arr-flatten/-/arr-flatten-1.1.0.tgz" + integrity sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg== + +arr-union@^3.1.0: + version "3.1.0" + resolved "https://registry.npmjs.org/arr-union/-/arr-union-3.1.0.tgz" + integrity sha1-45sJrqne+Gao8gbiiK9jkZuuOcQ= sha512-sKpyeERZ02v1FeCZT8lrfJq5u6goHCtpTAzPwJYe7c8SPFOboNjNg1vz2L4VTn9T4PQxEx13TbXLmYUcS6Ug7Q== + +array-unique@^0.3.2: + version "0.3.2" + resolved "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz" + integrity sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg= sha512-SleRWjh9JUud2wH1hPs9rZBZ33H6T9HOiL0uwGnGx9FpE6wKGyfWugmbkEOIs6qWrZhg0LWeLziLrEwQJhs5mQ== + +assign-symbols@^1.0.0: + version "1.0.0" + resolved "https://registry.npmjs.org/assign-symbols/-/assign-symbols-1.0.0.tgz" + integrity sha1-WWZ/QfrdTyDMvCu5a41Pf3jsA2c= sha512-Q+JC7Whu8HhmTdBph/Tq59IoRtoy6KAm5zzPv00WdujX82lbAL8K7WVjne7vdCsAmbF4AYaDOPyO3k0kl8qIrw== + +async-each@^1.0.1: + version "1.0.3" + resolved "https://registry.npmjs.org/async-each/-/async-each-1.0.3.tgz" + integrity sha512-z/WhQ5FPySLdvREByI2vZiTWwCnF0moMJ1hK9YQwDTHKh6I7/uSckMetoRGb5UBZPC1z0jlw+n/XCgjeH7y1AQ== + +asynckit@^0.4.0: + version "0.4.0" + resolved "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz" + integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q== + +atob@^2.1.2: + version "2.1.2" + resolved "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz" + integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg== + +atomic-algolia@^0.3.19: + version "0.3.19" + resolved "https://registry.npmjs.org/atomic-algolia/-/atomic-algolia-0.3.19.tgz" + integrity sha512-TiJt5BeYszS9ARk6beZKQCOLtqrEVp4CgReDlL9e3NLpIuOPGcTFMs2iMTyotfl8zBFLLPF84MlXA+C5TnlrAw== dependencies: "@babel/cli" "^7.2.0" "@babel/core" "^7.2.0" @@ -972,1472 +1013,1542 @@ "@babel/polyfill" "^7.0.0" "@babel/preset-env" "^7.2.0" "@babel/runtime" "^7.2.0" - "algoliasearch" "^3.24.9" - "chalk" "^2.3.0" - "debug" "^4.1.0" - "dotenv" "^5.0.0" - "md5" "^2.2.1" - -"axios@^0.21.1": - "integrity" "sha512-dKQiRHxGD9PPRIUNIWvZhPTPpl1rf/OxTYKsqKUDjBwYylTvV7SjSHJb9ratfyzM6wCdLCOYLzs73qpg5c4iGA==" - "resolved" "https://registry.npmjs.org/axios/-/axios-0.21.1.tgz" - "version" "0.21.1" - dependencies: - "follow-redirects" "^1.10.0" - -"babel-plugin-dynamic-import-node@^2.3.3": - "integrity" "sha512-jZVI+s9Zg3IqA/kdi0i6UDCybUI3aSBLnglhYbSSjKlV7yF1F/5LWv8MakQmvYpnbJDS6fcBL2KzHSxNCMtWSQ==" - "resolved" "https://registry.npmjs.org/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-2.3.3.tgz" - "version" "2.3.3" - dependencies: - "object.assign" "^4.1.0" - -"balanced-match@^1.0.0": - "integrity" "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=" - "resolved" "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz" - "version" "1.0.0" - -"base@^0.11.1": - "integrity" "sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==" - "resolved" "https://registry.npmjs.org/base/-/base-0.11.2.tgz" - "version" "0.11.2" - dependencies: - "cache-base" "^1.0.1" - "class-utils" "^0.3.5" - "component-emitter" "^1.2.1" - "define-property" "^1.0.0" - "isobject" "^3.0.1" - "mixin-deep" "^1.2.0" - "pascalcase" "^0.1.1" - -"binary-extensions@^1.0.0": - "integrity" "sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==" - "resolved" "https://registry.npmjs.org/binary-extensions/-/binary-extensions-1.13.1.tgz" - "version" "1.13.1" - -"binary-extensions@^2.0.0": - "integrity" "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==" - "resolved" "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz" - "version" "2.2.0" - -"brace-expansion@^1.1.7": - "integrity" "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==" - "resolved" "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz" - "version" "1.1.11" - dependencies: - "balanced-match" "^1.0.0" - "concat-map" "0.0.1" - -"braces@^2.3.1", "braces@^2.3.2": - "integrity" "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==" - "resolved" "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz" - "version" "2.3.2" - dependencies: - "arr-flatten" "^1.1.0" - "array-unique" "^0.3.2" - "extend-shallow" "^2.0.1" - "fill-range" "^4.0.0" - "isobject" "^3.0.1" - "repeat-element" "^1.1.2" - "snapdragon" "^0.8.1" - "snapdragon-node" "^2.0.1" - "split-string" "^3.0.2" - "to-regex" "^3.0.1" - -"braces@~3.0.2": - "integrity" "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==" - "resolved" "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz" - "version" "3.0.2" - dependencies: - "fill-range" "^7.0.1" - -"browserslist@^4.14.5", "browserslist@^4.16.1": - "integrity" "sha512-vIyhWmIkULaq04Gt93txdh+j02yX/JzlyhLYbV3YQCn/zvES3JnY7TifHHvvr1w5hTDluNKMkV05cs4vy8Q7sw==" - "resolved" "https://registry.npmjs.org/browserslist/-/browserslist-4.16.3.tgz" - "version" "4.16.3" - dependencies: - "caniuse-lite" "^1.0.30001181" - "colorette" "^1.2.1" - "electron-to-chromium" "^1.3.649" - "escalade" "^3.1.1" - "node-releases" "^1.1.70" - -"bulma@^0.9.1": - "integrity" "sha512-e14EF+3VSZ488yL/lJH0tR8mFWiEQVCMi/BQUMi2TGMBOk+zrDg4wryuwm/+dRSHJw0gMawp2tsW7X1JYUCE3A==" - "resolved" "https://registry.npmjs.org/bulma/-/bulma-0.9.2.tgz" - "version" "0.9.2" - -"cache-base@^1.0.1": - "integrity" "sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==" - "resolved" "https://registry.npmjs.org/cache-base/-/cache-base-1.0.1.tgz" - "version" "1.0.1" - dependencies: - "collection-visit" "^1.0.0" - "component-emitter" "^1.2.1" - "get-value" "^2.0.6" - "has-value" "^1.0.0" - "isobject" "^3.0.1" - "set-value" "^2.0.0" - "to-object-path" "^0.3.0" - "union-value" "^1.0.0" - "unset-value" "^1.0.0" - -"call-bind@^1.0.0": - "integrity" "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==" - "resolved" "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz" - "version" "1.0.2" - dependencies: - "function-bind" "^1.1.1" - "get-intrinsic" "^1.0.2" - -"caniuse-lite@^1.0.30001181": - "integrity" "sha512-Fpi4kVNtNvJ15H0F6vwmXtb3tukv3Zg3qhKkOGUq7KJ1J6b9kf4dnNgtEAFXhRsJo0gNj9W60+wBvn0JcTvdTg==" - "resolved" "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001185.tgz" - "version" "1.0.30001185" - -"chalk@^2.0.0", "chalk@^2.3.0": - "integrity" "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==" - "resolved" "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz" - "version" "2.4.2" - dependencies: - "ansi-styles" "^3.2.1" - "escape-string-regexp" "^1.0.5" - "supports-color" "^5.3.0" - -"charenc@0.0.2": - "integrity" "sha1-wKHS86cJLgN3S/qD8UwPxXkKhmc=" - "resolved" "https://registry.npmjs.org/charenc/-/charenc-0.0.2.tgz" - "version" "0.0.2" - -"chokidar@^3.4.0": - "integrity" "sha512-9+s+Od+W0VJJzawDma/gvBNQqkTiqYTWLuZoyAsivsI4AaWTCzHG06/TMjsf1cYe9Cb97UCEhjz7HvnPk2p/tw==" - "resolved" "https://registry.npmjs.org/chokidar/-/chokidar-3.5.1.tgz" - "version" "3.5.1" - dependencies: - "anymatch" "~3.1.1" - "braces" "~3.0.2" - "glob-parent" "~5.1.0" - "is-binary-path" "~2.1.0" - "is-glob" "~4.0.1" - "normalize-path" "~3.0.0" - "readdirp" "~3.5.0" + algoliasearch "^3.24.9" + chalk "^2.3.0" + debug "^4.1.0" + dotenv "^5.0.0" + md5 "^2.2.1" + +axios@^1.7.7: + version "1.7.7" + resolved "https://registry.npmjs.org/axios/-/axios-1.7.7.tgz" + integrity sha512-S4kL7XrjgBmvdGut0sN3yJxqYzrDOnivkBiN0OFs6hLiUam3UPvswUo0kqGyhqUZGEOytHyumEdXsAkgCOUf3Q== + dependencies: + follow-redirects "^1.15.6" + form-data "^4.0.0" + proxy-from-env "^1.1.0" + +babel-plugin-dynamic-import-node@^2.3.3: + version "2.3.3" + resolved "https://registry.npmjs.org/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-2.3.3.tgz" + integrity sha512-jZVI+s9Zg3IqA/kdi0i6UDCybUI3aSBLnglhYbSSjKlV7yF1F/5LWv8MakQmvYpnbJDS6fcBL2KzHSxNCMtWSQ== + dependencies: + object.assign "^4.1.0" + +balanced-match@^1.0.0: + version "1.0.0" + resolved "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz" + integrity sha1-ibTRmasr7kneFk6gK4nORi1xt2c= sha512-9Y0g0Q8rmSt+H33DfKv7FOc3v+iRI+o1lbzt8jGcIosYW37IIW/2XVYq5NPdmaD5NQ59Nk26Kl/vZbwW9Fr8vg== + +base@^0.11.1: + version "0.11.2" + resolved "https://registry.npmjs.org/base/-/base-0.11.2.tgz" + integrity sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg== + dependencies: + cache-base "^1.0.1" + class-utils "^0.3.5" + component-emitter "^1.2.1" + define-property "^1.0.0" + isobject "^3.0.1" + mixin-deep "^1.2.0" + pascalcase "^0.1.1" + +binary-extensions@^1.0.0: + version "1.13.1" + resolved "https://registry.npmjs.org/binary-extensions/-/binary-extensions-1.13.1.tgz" + integrity sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw== + +binary-extensions@^2.0.0: + version "2.2.0" + resolved "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz" + integrity sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA== + +brace-expansion@^1.1.7: + version "1.1.11" + resolved "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz" + integrity sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA== + dependencies: + balanced-match "^1.0.0" + concat-map "0.0.1" + +braces@^2.3.1, braces@^2.3.2: + version "2.3.2" + resolved "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz" + integrity sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w== + dependencies: + arr-flatten "^1.1.0" + array-unique "^0.3.2" + extend-shallow "^2.0.1" + fill-range "^4.0.0" + isobject "^3.0.1" + repeat-element "^1.1.2" + snapdragon "^0.8.1" + snapdragon-node "^2.0.1" + split-string "^3.0.2" + to-regex "^3.0.1" + +braces@~3.0.2: + version "3.0.3" + resolved "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz" + integrity sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA== + dependencies: + fill-range "^7.1.1" + +browserslist@^4.14.5, browserslist@^4.24.2, "browserslist@>= 4.21.0": + version "4.24.2" + resolved "https://registry.npmjs.org/browserslist/-/browserslist-4.24.2.tgz" + integrity sha512-ZIc+Q62revdMcqC6aChtW4jz3My3klmCO1fEmINZY/8J3EpBg5/A/D0AKmBveUh6pgoeycoMkVMko84tuYS+Gg== + dependencies: + caniuse-lite "^1.0.30001669" + electron-to-chromium "^1.5.41" + node-releases "^2.0.18" + update-browserslist-db "^1.1.1" + +bulma@^0.9.4: + version "0.9.4" + resolved "https://registry.npmjs.org/bulma/-/bulma-0.9.4.tgz" + integrity sha512-86FlT5+1GrsgKbPLRRY7cGDg8fsJiP/jzTqXXVqiUZZ2aZT8uemEOHlU1CDU+TxklPEZ11HZNNWclRBBecP4CQ== + +cache-base@^1.0.1: + version "1.0.1" + resolved "https://registry.npmjs.org/cache-base/-/cache-base-1.0.1.tgz" + integrity sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ== + dependencies: + collection-visit "^1.0.0" + component-emitter "^1.2.1" + get-value "^2.0.6" + has-value "^1.0.0" + isobject "^3.0.1" + set-value "^2.0.0" + to-object-path "^0.3.0" + union-value "^1.0.0" + unset-value "^1.0.0" + +call-bind@^1.0.0, call-bind@^1.0.7: + version "1.0.7" + resolved "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz" + integrity sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w== + dependencies: + es-define-property "^1.0.0" + es-errors "^1.3.0" + function-bind "^1.1.2" + get-intrinsic "^1.2.4" + set-function-length "^1.2.1" + +caniuse-lite@^1.0.30001669: + version "1.0.30001680" + resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001680.tgz" + integrity sha512-rPQy70G6AGUMnbwS1z6Xg+RkHYPAi18ihs47GH0jcxIG7wArmPgY3XbS2sRdBbxJljp3thdT8BIqv9ccCypiPA== + +chalk@^2.3.0: + version "2.4.2" + resolved "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz" + integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ== + dependencies: + ansi-styles "^3.2.1" + escape-string-regexp "^1.0.5" + supports-color "^5.3.0" + +charenc@0.0.2: + version "0.0.2" + resolved "https://registry.npmjs.org/charenc/-/charenc-0.0.2.tgz" + integrity sha1-wKHS86cJLgN3S/qD8UwPxXkKhmc= sha512-yrLQ/yVUFXkzg7EDQsPieE/53+0RlaWTs+wBrvW36cyilJ2SaDWfl4Yj7MtLTXleV9uEKefbAGUPv2/iWSooRA== + +chokidar@^3.4.0: + version "3.5.1" + resolved "https://registry.npmjs.org/chokidar/-/chokidar-3.5.1.tgz" + integrity sha512-9+s+Od+W0VJJzawDma/gvBNQqkTiqYTWLuZoyAsivsI4AaWTCzHG06/TMjsf1cYe9Cb97UCEhjz7HvnPk2p/tw== + dependencies: + anymatch "~3.1.1" + braces "~3.0.2" + glob-parent "~5.1.0" + is-binary-path "~2.1.0" + is-glob "~4.0.1" + normalize-path "~3.0.0" + readdirp "~3.5.0" optionalDependencies: - "fsevents" "~2.3.1" - -"class-utils@^0.3.5": - "integrity" "sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==" - "resolved" "https://registry.npmjs.org/class-utils/-/class-utils-0.3.6.tgz" - "version" "0.3.6" - dependencies: - "arr-union" "^3.1.0" - "define-property" "^0.2.5" - "isobject" "^3.0.0" - "static-extend" "^0.1.1" - -"classnames@^2.2.5": - "integrity" "sha512-JR/iSQOSt+LQIWwrwEzJ9uk0xfN3mTVYMwt1Ir5mUcSN6pU+V4zQFFaJsclJbPuAUQH+yfWef6tm7l1quW3C8Q==" - "resolved" "https://registry.npmjs.org/classnames/-/classnames-2.2.6.tgz" - "version" "2.2.6" - -"clipboard-polyfill@^3.0.3": - "integrity" "sha512-hts0o01ZkwjA1qHA5gFePzAj/780W7v+eyN3GdaCRyDnapzcPsKRV5aodv77gcr40NDIcyNjNmc+HvfKV+jD0g==" - "resolved" "https://registry.npmjs.org/clipboard-polyfill/-/clipboard-polyfill-3.0.3.tgz" - "version" "3.0.3" - -"clipboard@^2.0.0": - "integrity" "sha512-g5zbiixBRk/wyKakSwCKd7vQXDjFnAMGHoEyBogG/bw9kTD9GvdAvaoRR1ALcEzt3pVKxZR0pViekPMIS0QyGg==" - "resolved" "https://registry.npmjs.org/clipboard/-/clipboard-2.0.6.tgz" - "version" "2.0.6" - dependencies: - "good-listener" "^1.2.2" - "select" "^1.1.2" - "tiny-emitter" "^2.0.0" - -"collection-visit@^1.0.0": - "integrity" "sha1-S8A3PBZLwykbTTaMgpzxqApZ3KA=" - "resolved" "https://registry.npmjs.org/collection-visit/-/collection-visit-1.0.0.tgz" - "version" "1.0.0" - dependencies: - "map-visit" "^1.0.0" - "object-visit" "^1.0.0" - -"color-convert@^1.9.0": - "integrity" "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==" - "resolved" "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz" - "version" "1.9.3" - dependencies: - "color-name" "1.1.3" - -"color-name@1.1.3": - "integrity" "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=" - "resolved" "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz" - "version" "1.1.3" - -"colorette@^1.2.1": - "integrity" "sha512-puCDz0CzydiSYOrnXpz/PKd69zRrribezjtE9yd4zvytoRc8+RY/KJPvtPFKZS3E3wP6neGyMe0vOTlHO5L3Pw==" - "resolved" "https://registry.npmjs.org/colorette/-/colorette-1.2.1.tgz" - "version" "1.2.1" - -"commander@^4.0.1": - "integrity" "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==" - "resolved" "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz" - "version" "4.1.1" - -"component-emitter@^1.2.1": - "integrity" "sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg==" - "resolved" "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.0.tgz" - "version" "1.3.0" - -"concat-map@0.0.1": - "integrity" "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=" - "resolved" "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz" - "version" "0.0.1" - -"convert-source-map@^1.1.0", "convert-source-map@^1.7.0": - "integrity" "sha512-4FJkXzKXEDB1snCFZlLP4gpC3JILicCpGbzG9f9G7tGqGCzETQ2hWPrcinA9oU4wtf2biUaEH5065UnMeR33oA==" - "resolved" "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.7.0.tgz" - "version" "1.7.0" - dependencies: - "safe-buffer" "~5.1.1" - -"copy-descriptor@^0.1.0": - "integrity" "sha1-Z29us8OZl8LuGsOpJP1hJHSPV40=" - "resolved" "https://registry.npmjs.org/copy-descriptor/-/copy-descriptor-0.1.1.tgz" - "version" "0.1.1" - -"core-js-compat@^3.8.0": - "integrity" "sha512-1sCb0wBXnBIL16pfFG1Gkvei6UzvKyTNYpiC41yrdjEv0UoJoq9E/abTMzyYJ6JpTkAj15dLjbqifIzEBDVvog==" - "resolved" "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.8.3.tgz" - "version" "3.8.3" - dependencies: - "browserslist" "^4.16.1" - "semver" "7.0.0" - -"core-js@^2.6.5": - "integrity" "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==" - "resolved" "https://registry.npmjs.org/core-js/-/core-js-2.6.12.tgz" - "version" "2.6.12" - -"core-util-is@~1.0.0": - "integrity" "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=" - "resolved" "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz" - "version" "1.0.2" - -"crypt@0.0.2": - "integrity" "sha1-iNf/fsDfuG9xPch7u0LQRNPmxBs=" - "resolved" "https://registry.npmjs.org/crypt/-/crypt-0.0.2.tgz" - "version" "0.0.2" - -"debug@^2.2.0": - "integrity" "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==" - "resolved" "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz" - "version" "2.6.9" - dependencies: - "ms" "2.0.0" - -"debug@^2.3.3": - "integrity" "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==" - "resolved" "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz" - "version" "2.6.9" - dependencies: - "ms" "2.0.0" - -"debug@^2.6.9": - "integrity" "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==" - "resolved" "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz" - "version" "2.6.9" - dependencies: - "ms" "2.0.0" - -"debug@^4.1.0": - "integrity" "sha512-doEwdvm4PCeK4K3RQN2ZC2BYUBaxwLARCqZmMjtF8a51J2Rb0xpVloFRnCODwqjpwnAoao4pelN8l3RJdv3gRQ==" - "resolved" "https://registry.npmjs.org/debug/-/debug-4.3.1.tgz" - "version" "4.3.1" - dependencies: - "ms" "2.1.2" - -"decode-uri-component@^0.2.0": - "integrity" "sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU=" - "resolved" "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.0.tgz" - "version" "0.2.0" - -"define-properties@^1.1.3": - "integrity" "sha512-3MqfYKj2lLzdMSf8ZIZE/V+Zuy+BgD6f164e8K2w7dgnpKArBDerGYpM46IYYcjnkdPNMjPk9A6VFB8+3SKlXQ==" - "resolved" "https://registry.npmjs.org/define-properties/-/define-properties-1.1.3.tgz" - "version" "1.1.3" - dependencies: - "object-keys" "^1.0.12" - -"define-property@^0.2.5": - "integrity" "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=" - "resolved" "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz" - "version" "0.2.5" - dependencies: - "is-descriptor" "^0.1.0" - -"define-property@^1.0.0": - "integrity" "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=" - "resolved" "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz" - "version" "1.0.0" - dependencies: - "is-descriptor" "^1.0.0" - -"define-property@^2.0.2": - "integrity" "sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==" - "resolved" "https://registry.npmjs.org/define-property/-/define-property-2.0.2.tgz" - "version" "2.0.2" - dependencies: - "is-descriptor" "^1.0.2" - "isobject" "^3.0.1" - -"delegate@^3.1.2": - "integrity" "sha512-IofjkYBZaZivn0V8nnsMJGBr4jVLxHDheKSW88PyxS5QC4Vo9ZbZVvhzlSxY87fVq3STR6r+4cGepyHkcWOQSw==" - "resolved" "https://registry.npmjs.org/delegate/-/delegate-3.2.0.tgz" - "version" "3.2.0" - -"dom-walk@^0.1.0": - "integrity" "sha512-6QvTW9mrGeIegrFXdtQi9pk7O/nSK6lSdXW2eqUspN5LWD7UTji2Fqw5V2YLjBpHEoU9Xl/eUWNpDeZvoyOv2w==" - "resolved" "https://registry.npmjs.org/dom-walk/-/dom-walk-0.1.2.tgz" - "version" "0.1.2" - -"dotenv@^5.0.0": - "integrity" "sha512-4As8uPrjfwb7VXC+WnLCbXK7y+Ueb2B3zgNCePYfhxS1PYeaO1YTeplffTEcbfLhvFNGLAz90VvJs9yomG7bow==" - "resolved" "https://registry.npmjs.org/dotenv/-/dotenv-5.0.1.tgz" - "version" "5.0.1" - -"electron-to-chromium@^1.3.649": - "integrity" "sha512-Zy2gc/c8KYFg2GkNr7Ruzh5tPEZpFm7EyXqZTFasm1YRDJtpyBRGaOuM0H3t6SuIP53qX4kNmtO9t0WjhBjE9A==" - "resolved" "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.654.tgz" - "version" "1.3.654" - -"envify@^4.0.0": - "integrity" "sha512-IKRVVoAYr4pIx4yIWNsz9mOsboxlNXiu7TNBnem/K/uTHdkyzXWDzHCK7UTolqBbgaBz0tQHsD3YNls0uIIjiw==" - "resolved" "https://registry.npmjs.org/envify/-/envify-4.1.0.tgz" - "version" "4.1.0" - dependencies: - "esprima" "^4.0.0" - "through" "~2.3.4" - -"es6-promise@^4.1.0": - "integrity" "sha512-HJDGx5daxeIvxdBxvG2cb9g4tEvwIk3i8+nhX0yGrYmZUzbkdg8QbDevheDB8gd0//uPj4c1EQua8Q+MViT0/w==" - "resolved" "https://registry.npmjs.org/es6-promise/-/es6-promise-4.2.8.tgz" - "version" "4.2.8" - -"escalade@^3.1.1": - "integrity" "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==" - "resolved" "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz" - "version" "3.1.1" - -"escape-string-regexp@^1.0.5": - "integrity" "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=" - "resolved" "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz" - "version" "1.0.5" - -"esprima@^4.0.0": - "integrity" "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==" - "resolved" "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz" - "version" "4.0.1" - -"esutils@^2.0.2": - "integrity" "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==" - "resolved" "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz" - "version" "2.0.3" - -"events@^1.1.0", "events@^1.1.1": - "integrity" "sha1-nr23Y1rQmccNzEwqH1AEKI6L2SQ=" - "resolved" "https://registry.npmjs.org/events/-/events-1.1.1.tgz" - "version" "1.1.1" - -"expand-brackets@^2.1.4": - "integrity" "sha1-t3c14xXOMPa27/D4OwQVGiJEliI=" - "resolved" "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz" - "version" "2.1.4" - dependencies: - "debug" "^2.3.3" - "define-property" "^0.2.5" - "extend-shallow" "^2.0.1" - "posix-character-classes" "^0.1.0" - "regex-not" "^1.0.0" - "snapdragon" "^0.8.1" - "to-regex" "^3.0.1" - -"extend-shallow@^2.0.1": - "integrity" "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=" - "resolved" "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz" - "version" "2.0.1" - dependencies: - "is-extendable" "^0.1.0" - -"extend-shallow@^3.0.0": - "integrity" "sha1-Jqcarwc7OfshJxcnRhMcJwQCjbg=" - "resolved" "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz" - "version" "3.0.2" - dependencies: - "assign-symbols" "^1.0.0" - "is-extendable" "^1.0.1" - -"extend-shallow@^3.0.2": - "integrity" "sha1-Jqcarwc7OfshJxcnRhMcJwQCjbg=" - "resolved" "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz" - "version" "3.0.2" - dependencies: - "assign-symbols" "^1.0.0" - "is-extendable" "^1.0.1" - -"extglob@^2.0.4": - "integrity" "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==" - "resolved" "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz" - "version" "2.0.4" - dependencies: - "array-unique" "^0.3.2" - "define-property" "^1.0.0" - "expand-brackets" "^2.1.4" - "extend-shallow" "^2.0.1" - "fragment-cache" "^0.2.1" - "regex-not" "^1.0.0" - "snapdragon" "^0.8.1" - "to-regex" "^3.0.1" - -"fill-range@^4.0.0": - "integrity" "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=" - "resolved" "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz" - "version" "4.0.0" - dependencies: - "extend-shallow" "^2.0.1" - "is-number" "^3.0.0" - "repeat-string" "^1.6.1" - "to-regex-range" "^2.1.0" - -"fill-range@^7.0.1": - "integrity" "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==" - "resolved" "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz" - "version" "7.0.1" - dependencies: - "to-regex-range" "^5.0.1" - -"follow-redirects@^1.10.0": - "integrity" "sha512-HWqDgT7ZEkqRzBvc2s64vSZ/hfOceEol3ac/7tKwzuvEyWx3/4UegXh5oBOIotkGsObyk3xznnSRVADBgWSQVg==" - "resolved" "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.1.tgz" - "version" "1.14.1" - -"for-in@^1.0.2": - "integrity" "sha1-gQaNKVqBQuwKxybG4iAMMPttXoA=" - "resolved" "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz" - "version" "1.0.2" - -"foreach@^2.0.5": - "integrity" "sha1-C+4AUBiusmDQo6865ljdATbsG5k=" - "resolved" "https://registry.npmjs.org/foreach/-/foreach-2.0.5.tgz" - "version" "2.0.5" - -"fragment-cache@^0.2.1": - "integrity" "sha1-QpD60n8T6Jvn8zeZxrxaCr//DRk=" - "resolved" "https://registry.npmjs.org/fragment-cache/-/fragment-cache-0.2.1.tgz" - "version" "0.2.1" - dependencies: - "map-cache" "^0.2.2" - -"fs-readdir-recursive@^1.1.0": - "integrity" "sha512-GNanXlVr2pf02+sPN40XN8HG+ePaNcvM0q5mZBd668Obwb0yD5GiUbZOFgwn8kGMY6I3mdyDJzieUy3PTYyTRA==" - "resolved" "https://registry.npmjs.org/fs-readdir-recursive/-/fs-readdir-recursive-1.1.0.tgz" - "version" "1.1.0" - -"fs.realpath@^1.0.0": - "integrity" "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=" - "resolved" "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz" - "version" "1.0.0" - -"fsevents@~2.3.1": - "integrity" "sha512-YR47Eg4hChJGAB1O3yEAOkGO+rlzutoICGqGo9EZ4lKWokzZRSyIW1QmTzqjtw8MJdj9srP869CuWw/hyzSiBw==" - "resolved" "https://registry.npmjs.org/fsevents/-/fsevents-2.3.1.tgz" - "version" "2.3.1" - -"function-bind@^1.1.1": - "integrity" "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==" - "resolved" "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz" - "version" "1.1.1" - -"gensync@^1.0.0-beta.1": - "integrity" "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==" - "resolved" "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz" - "version" "1.0.0-beta.2" - -"get-intrinsic@^1.0.2": - "integrity" "sha512-kWZrnVM42QCiEA2Ig1bG8zjoIMOgxWwYCEeNdwY6Tv/cOSeGpcoX4pXHfKUxNKVoArnrEr2e9srnAxxGIraS9Q==" - "resolved" "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.1.1.tgz" - "version" "1.1.1" - dependencies: - "function-bind" "^1.1.1" - "has" "^1.0.3" - "has-symbols" "^1.0.1" - -"get-value@^2.0.3", "get-value@^2.0.6": - "integrity" "sha1-3BXKHGcjh8p2vTesCjlbogQqLCg=" - "resolved" "https://registry.npmjs.org/get-value/-/get-value-2.0.6.tgz" - "version" "2.0.6" - -"glob-parent@^3.1.0": - "integrity" "sha1-nmr2KZ2NO9K9QEMIMr0RPfkGxa4=" - "resolved" "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz" - "version" "3.1.0" - dependencies: - "is-glob" "^3.1.0" - "path-dirname" "^1.0.0" - -"glob-parent@~5.1.0": - "integrity" "sha512-FnI+VGOpnlGHWZxthPGR+QhR78fuiK0sNLkHQv+bL9fQi57lNNdquIbna/WrfROrolq8GK5Ek6BiMwqL/voRYQ==" - "resolved" "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.1.tgz" - "version" "5.1.1" - dependencies: - "is-glob" "^4.0.1" - -"glob@^7.0.0": - "integrity" "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==" - "resolved" "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz" - "version" "7.1.6" - dependencies: - "fs.realpath" "^1.0.0" - "inflight" "^1.0.4" - "inherits" "2" - "minimatch" "^3.0.4" - "once" "^1.3.0" - "path-is-absolute" "^1.0.0" - -"global@^4.3.2": - "integrity" "sha512-wv/LAoHdRE3BeTGz53FAamhGlPLhlssK45usmGFThIi4XqnBmjKQ16u+RNbP7WvigRZDxUsM0J3gcQ5yicaL0w==" - "resolved" "https://registry.npmjs.org/global/-/global-4.4.0.tgz" - "version" "4.4.0" - dependencies: - "min-document" "^2.19.0" - "process" "^0.11.10" - -"globals@^11.1.0": - "integrity" "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==" - "resolved" "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz" - "version" "11.12.0" - -"good-listener@^1.2.2": - "integrity" "sha1-1TswzfkxPf+33JoNR3CWqm0UXFA=" - "resolved" "https://registry.npmjs.org/good-listener/-/good-listener-1.2.2.tgz" - "version" "1.2.2" - dependencies: - "delegate" "^3.1.2" - -"graceful-fs@^4.1.11": - "integrity" "sha512-WjKPNJF79dtJAVniUlGGWHYGz2jWxT6VhN/4m1NdkbZ2nOsEF+cI1Edgql5zCRhs/VsQYRvrXctxktVXZUkixw==" - "resolved" "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.4.tgz" - "version" "4.2.4" - -"has-flag@^3.0.0": - "integrity" "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=" - "resolved" "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz" - "version" "3.0.0" - -"has-symbols@^1.0.1": - "integrity" "sha512-PLcsoqu++dmEIZB+6totNFKq/7Do+Z0u4oT0zKOJNl3lYK6vGwwu2hjHs+68OEZbTjiUE9bgOABXbP/GvrS0Kg==" - "resolved" "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.1.tgz" - "version" "1.0.1" - -"has-value@^0.3.1": - "integrity" "sha1-ex9YutpiyoJ+wKIHgCVlSEWZXh8=" - "resolved" "https://registry.npmjs.org/has-value/-/has-value-0.3.1.tgz" - "version" "0.3.1" - dependencies: - "get-value" "^2.0.3" - "has-values" "^0.1.4" - "isobject" "^2.0.0" - -"has-value@^1.0.0": - "integrity" "sha1-GLKB2lhbHFxR3vJMkw7SmgvmsXc=" - "resolved" "https://registry.npmjs.org/has-value/-/has-value-1.0.0.tgz" - "version" "1.0.0" - dependencies: - "get-value" "^2.0.6" - "has-values" "^1.0.0" - "isobject" "^3.0.0" - -"has-values@^0.1.4": - "integrity" "sha1-bWHeldkd/Km5oCCJrThL/49it3E=" - "resolved" "https://registry.npmjs.org/has-values/-/has-values-0.1.4.tgz" - "version" "0.1.4" - -"has-values@^1.0.0": - "integrity" "sha1-lbC2P+whRmGab+V/51Yo1aOe/k8=" - "resolved" "https://registry.npmjs.org/has-values/-/has-values-1.0.0.tgz" - "version" "1.0.0" - dependencies: - "is-number" "^3.0.0" - "kind-of" "^4.0.0" - -"has@^1.0.3": - "integrity" "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==" - "resolved" "https://registry.npmjs.org/has/-/has-1.0.3.tgz" - "version" "1.0.3" - dependencies: - "function-bind" "^1.1.1" - -"hogan.js@^3.0.2": - "integrity" "sha1-TNnhq9QpQUbnZ55B14mHMrAse/0=" - "resolved" "https://registry.npmjs.org/hogan.js/-/hogan.js-3.0.2.tgz" - "version" "3.0.2" - dependencies: - "mkdirp" "0.3.0" - "nopt" "1.0.10" - -"inflight@^1.0.4": - "integrity" "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=" - "resolved" "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz" - "version" "1.0.6" - dependencies: - "once" "^1.3.0" - "wrappy" "1" - -"inherits@^2.0.1", "inherits@^2.0.3", "inherits@~2.0.3", "inherits@2": - "integrity" "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==" - "resolved" "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz" - "version" "2.0.4" - -"instantsearch.js@^4.7.2": - "integrity" "sha512-r9BHNn2p5cnLsJYwMmnjAYKtWjmXMUJA6Ysct01gfJzxhsl3+ys1F8AoGwCaFzzegPHpHSYNUuySu0x80YVEYQ==" - "resolved" "https://registry.npmjs.org/instantsearch.js/-/instantsearch.js-4.13.2.tgz" - "version" "4.13.2" + fsevents "~2.3.1" + +class-utils@^0.3.5: + version "0.3.6" + resolved "https://registry.npmjs.org/class-utils/-/class-utils-0.3.6.tgz" + integrity sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg== + dependencies: + arr-union "^3.1.0" + define-property "^0.2.5" + isobject "^3.0.0" + static-extend "^0.1.1" + +classnames@^2.2.5: + version "2.2.6" + resolved "https://registry.npmjs.org/classnames/-/classnames-2.2.6.tgz" + integrity sha512-JR/iSQOSt+LQIWwrwEzJ9uk0xfN3mTVYMwt1Ir5mUcSN6pU+V4zQFFaJsclJbPuAUQH+yfWef6tm7l1quW3C8Q== + +clipboard-polyfill@^3.0.3: + version "3.0.3" + resolved "https://registry.npmjs.org/clipboard-polyfill/-/clipboard-polyfill-3.0.3.tgz" + integrity sha512-hts0o01ZkwjA1qHA5gFePzAj/780W7v+eyN3GdaCRyDnapzcPsKRV5aodv77gcr40NDIcyNjNmc+HvfKV+jD0g== + +collection-visit@^1.0.0: + version "1.0.0" + resolved "https://registry.npmjs.org/collection-visit/-/collection-visit-1.0.0.tgz" + integrity sha1-S8A3PBZLwykbTTaMgpzxqApZ3KA= sha512-lNkKvzEeMBBjUGHZ+q6z9pSJla0KWAQPvtzhEV9+iGyQYG+pBpl7xKDhxoNSOZH2hhv0v5k0y2yAM4o4SjoSkw== dependencies: - "@types/googlemaps" "^3.39.6" - "algoliasearch-helper" "^3.3.4" - "classnames" "^2.2.5" - "events" "^1.1.0" - "hogan.js" "^3.0.2" - "preact" "^10.0.0" - "prop-types" "^15.5.10" - "qs" "^6.5.1" - -"is-accessor-descriptor@^0.1.6": - "integrity" "sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=" - "resolved" "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz" - "version" "0.1.6" + map-visit "^1.0.0" + object-visit "^1.0.0" + +color-convert@^1.9.0: + version "1.9.3" + resolved "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz" + integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg== + dependencies: + color-name "1.1.3" + +color-name@1.1.3: + version "1.1.3" + resolved "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz" + integrity sha1-p9BVi9icQveV3UIyj3QIMcpTvCU= sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw== + +combined-stream@^1.0.8: + version "1.0.8" + resolved "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz" + integrity sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg== dependencies: - "kind-of" "^3.0.2" + delayed-stream "~1.0.0" + +commander@^4.0.1: + version "4.1.1" + resolved "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz" + integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA== -"is-accessor-descriptor@^1.0.0": - "integrity" "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==" - "resolved" "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz" - "version" "1.0.0" - dependencies: - "kind-of" "^6.0.0" +component-emitter@^1.2.1: + version "1.3.0" + resolved "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.0.tgz" + integrity sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg== -"is-binary-path@^1.0.0": - "integrity" "sha1-dfFmQrSA8YenEcgUFh/TpKdlWJg=" - "resolved" "https://registry.npmjs.org/is-binary-path/-/is-binary-path-1.0.1.tgz" - "version" "1.0.1" +concat-map@0.0.1: + version "0.0.1" + resolved "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz" + integrity sha1-2Klr13/Wjfd5OnMDajug1UBdR3s= sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg== + +convert-source-map@^1.1.0, convert-source-map@^1.7.0: + version "1.7.0" + resolved "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.7.0.tgz" + integrity sha512-4FJkXzKXEDB1snCFZlLP4gpC3JILicCpGbzG9f9G7tGqGCzETQ2hWPrcinA9oU4wtf2biUaEH5065UnMeR33oA== dependencies: - "binary-extensions" "^1.0.0" + safe-buffer "~5.1.1" -"is-binary-path@~2.1.0": - "integrity" "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==" - "resolved" "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz" - "version" "2.1.0" +copy-descriptor@^0.1.0: + version "0.1.1" + resolved "https://registry.npmjs.org/copy-descriptor/-/copy-descriptor-0.1.1.tgz" + integrity sha1-Z29us8OZl8LuGsOpJP1hJHSPV40= sha512-XgZ0pFcakEUlbwQEVNg3+QAis1FyTL3Qel9FYy8pSkQqoG3PNoT0bOCQtOXcOkur21r2Eq2kI+IE+gsmAEVlYw== + +core-js-compat@^3.8.0: + version "3.39.0" + resolved "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.39.0.tgz" + integrity sha512-VgEUx3VwlExr5no0tXlBt+silBvhTryPwCXRI2Id1PN8WTKu7MreethvddqOubrYxkFdv/RnYrqlv1sFNAUelw== + dependencies: + browserslist "^4.24.2" + +core-js@^2.6.5: + version "2.6.12" + resolved "https://registry.npmjs.org/core-js/-/core-js-2.6.12.tgz" + integrity sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ== + +core-util-is@~1.0.0: + version "1.0.2" + resolved "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz" + integrity sha1-tf1UIgqivFq1eqtxQMlAdUUDwac= sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ== + +crypt@0.0.2: + version "0.0.2" + resolved "https://registry.npmjs.org/crypt/-/crypt-0.0.2.tgz" + integrity sha1-iNf/fsDfuG9xPch7u0LQRNPmxBs= sha512-mCxBlsHFYh9C+HVpiEacem8FEBnMXgU9gy4zmNC+SXAZNB/1idgp/aulFJ4FgCi7GPEVbfyng092GqL2k2rmow== + +debug@^2.2.0: + version "2.6.9" + resolved "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz" + integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA== + dependencies: + ms "2.0.0" + +debug@^2.3.3: + version "2.6.9" + resolved "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz" + integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA== + dependencies: + ms "2.0.0" + +debug@^2.6.9: + version "2.6.9" + resolved "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz" + integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA== + dependencies: + ms "2.0.0" + +debug@^4.1.0, debug@^4.3.1: + version "4.3.1" + resolved "https://registry.npmjs.org/debug/-/debug-4.3.1.tgz" + integrity sha512-doEwdvm4PCeK4K3RQN2ZC2BYUBaxwLARCqZmMjtF8a51J2Rb0xpVloFRnCODwqjpwnAoao4pelN8l3RJdv3gRQ== + dependencies: + ms "2.1.2" + +decode-uri-component@^0.2.0: + version "0.2.2" + resolved "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.2.tgz" + integrity sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ== + +define-data-property@^1.1.4: + version "1.1.4" + resolved "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz" + integrity sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A== + dependencies: + es-define-property "^1.0.0" + es-errors "^1.3.0" + gopd "^1.0.1" + +define-properties@^1.1.3: + version "1.1.3" + resolved "https://registry.npmjs.org/define-properties/-/define-properties-1.1.3.tgz" + integrity sha512-3MqfYKj2lLzdMSf8ZIZE/V+Zuy+BgD6f164e8K2w7dgnpKArBDerGYpM46IYYcjnkdPNMjPk9A6VFB8+3SKlXQ== + dependencies: + object-keys "^1.0.12" + +define-property@^0.2.5: + version "0.2.5" + resolved "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz" + integrity sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY= sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA== + dependencies: + is-descriptor "^0.1.0" + +define-property@^1.0.0: + version "1.0.0" + resolved "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz" + integrity sha1-dp66rz9KY6rTr56NMEybvnm/sOY= sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA== + dependencies: + is-descriptor "^1.0.0" + +define-property@^2.0.2: + version "2.0.2" + resolved "https://registry.npmjs.org/define-property/-/define-property-2.0.2.tgz" + integrity sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ== + dependencies: + is-descriptor "^1.0.2" + isobject "^3.0.1" + +delayed-stream@~1.0.0: + version "1.0.0" + resolved "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz" + integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ== + +dom-walk@^0.1.0: + version "0.1.2" + resolved "https://registry.npmjs.org/dom-walk/-/dom-walk-0.1.2.tgz" + integrity sha512-6QvTW9mrGeIegrFXdtQi9pk7O/nSK6lSdXW2eqUspN5LWD7UTji2Fqw5V2YLjBpHEoU9Xl/eUWNpDeZvoyOv2w== + +dotenv@^5.0.0: + version "5.0.1" + resolved "https://registry.npmjs.org/dotenv/-/dotenv-5.0.1.tgz" + integrity sha512-4As8uPrjfwb7VXC+WnLCbXK7y+Ueb2B3zgNCePYfhxS1PYeaO1YTeplffTEcbfLhvFNGLAz90VvJs9yomG7bow== + +electron-to-chromium@^1.5.41: + version "1.5.63" + resolved "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.63.tgz" + integrity sha512-ddeXKuY9BHo/mw145axlyWjlJ1UBt4WK3AlvkT7W2AbqfRQoacVoRUCF6wL3uIx/8wT9oLKXzI+rFqHHscByaA== + +envify@^4.0.0: + version "4.1.0" + resolved "https://registry.npmjs.org/envify/-/envify-4.1.0.tgz" + integrity sha512-IKRVVoAYr4pIx4yIWNsz9mOsboxlNXiu7TNBnem/K/uTHdkyzXWDzHCK7UTolqBbgaBz0tQHsD3YNls0uIIjiw== + dependencies: + esprima "^4.0.0" + through "~2.3.4" + +es-define-property@^1.0.0: + version "1.0.0" + resolved "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz" + integrity sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ== + dependencies: + get-intrinsic "^1.2.4" + +es-errors@^1.3.0: + version "1.3.0" + resolved "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz" + integrity sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw== + +es6-promise@^4.1.0: + version "4.2.8" + resolved "https://registry.npmjs.org/es6-promise/-/es6-promise-4.2.8.tgz" + integrity sha512-HJDGx5daxeIvxdBxvG2cb9g4tEvwIk3i8+nhX0yGrYmZUzbkdg8QbDevheDB8gd0//uPj4c1EQua8Q+MViT0/w== + +escalade@^3.2.0: + version "3.2.0" + resolved "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz" + integrity sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA== + +escape-string-regexp@^1.0.5: + version "1.0.5" + resolved "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz" + integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ= sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg== + +esprima@^4.0.0: + version "4.0.1" + resolved "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz" + integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A== + +esutils@^2.0.2: + version "2.0.3" + resolved "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz" + integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g== + +events@^1.1.0: + version "1.1.1" + resolved "https://registry.npmjs.org/events/-/events-1.1.1.tgz" + integrity sha1-nr23Y1rQmccNzEwqH1AEKI6L2SQ= sha512-kEcvvCBByWXGnZy6JUlgAp2gBIUjfCAV6P6TgT1/aaQKcmuAEC4OZTV1I4EWQLz2gxZw76atuVyvHhTxvi0Flw== + +expand-brackets@^2.1.4: + version "2.1.4" + resolved "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz" + integrity sha1-t3c14xXOMPa27/D4OwQVGiJEliI= sha512-w/ozOKR9Obk3qoWeY/WDi6MFta9AoMR+zud60mdnbniMcBxRuFJyDt2LdX/14A1UABeqk+Uk+LDfUpvoGKppZA== + dependencies: + debug "^2.3.3" + define-property "^0.2.5" + extend-shallow "^2.0.1" + posix-character-classes "^0.1.0" + regex-not "^1.0.0" + snapdragon "^0.8.1" + to-regex "^3.0.1" + +extend-shallow@^2.0.1: + version "2.0.1" + resolved "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz" + integrity sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8= sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug== + dependencies: + is-extendable "^0.1.0" + +extend-shallow@^3.0.0: + version "3.0.2" + resolved "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz" + integrity sha1-Jqcarwc7OfshJxcnRhMcJwQCjbg= sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q== + dependencies: + assign-symbols "^1.0.0" + is-extendable "^1.0.1" + +extend-shallow@^3.0.2: + version "3.0.2" + resolved "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz" + integrity sha1-Jqcarwc7OfshJxcnRhMcJwQCjbg= sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q== + dependencies: + assign-symbols "^1.0.0" + is-extendable "^1.0.1" + +extglob@^2.0.4: + version "2.0.4" + resolved "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz" + integrity sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw== + dependencies: + array-unique "^0.3.2" + define-property "^1.0.0" + expand-brackets "^2.1.4" + extend-shallow "^2.0.1" + fragment-cache "^0.2.1" + regex-not "^1.0.0" + snapdragon "^0.8.1" + to-regex "^3.0.1" + +fill-range@^4.0.0: + version "4.0.0" + resolved "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz" + integrity sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc= sha512-VcpLTWqWDiTerugjj8e3+esbg+skS3M9e54UuR3iCeIDMXCLTsAH8hTSzDQU/X6/6t3eYkOKoZSef2PlU6U1XQ== + dependencies: + extend-shallow "^2.0.1" + is-number "^3.0.0" + repeat-string "^1.6.1" + to-regex-range "^2.1.0" + +fill-range@^7.1.1: + version "7.1.1" + resolved "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz" + integrity sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg== + dependencies: + to-regex-range "^5.0.1" + +follow-redirects@^1.15.6: + version "1.15.9" + resolved "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.9.tgz" + integrity sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ== + +for-in@^1.0.2: + version "1.0.2" + resolved "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz" + integrity sha1-gQaNKVqBQuwKxybG4iAMMPttXoA= sha512-7EwmXrOjyL+ChxMhmG5lnW9MPt1aIeZEwKhQzoBUdTV0N3zuwWDZYVJatDvZ2OyzPUvdIAZDsCetk3coyMfcnQ== + +foreach@^2.0.5: + version "2.0.5" + resolved "https://registry.npmjs.org/foreach/-/foreach-2.0.5.tgz" + integrity sha1-C+4AUBiusmDQo6865ljdATbsG5k= sha512-ZBbtRiapkZYLsqoPyZOR+uPfto0GRMNQN1GwzZtZt7iZvPPbDDQV0JF5Hx4o/QFQ5c0vyuoZ98T8RSBbopzWtA== + +form-data@^4.0.0: + version "4.0.1" + resolved "https://registry.npmjs.org/form-data/-/form-data-4.0.1.tgz" + integrity sha512-tzN8e4TX8+kkxGPK8D5u0FNmjPUjw3lwC9lSLxxoB/+GtsJG91CO8bSWy73APlgAZzZbXEYZJuxjkHH2w+Ezhw== + dependencies: + asynckit "^0.4.0" + combined-stream "^1.0.8" + mime-types "^2.1.12" + +fragment-cache@^0.2.1: + version "0.2.1" + resolved "https://registry.npmjs.org/fragment-cache/-/fragment-cache-0.2.1.tgz" + integrity sha1-QpD60n8T6Jvn8zeZxrxaCr//DRk= sha512-GMBAbW9antB8iZRHLoGw0b3HANt57diZYFO/HL1JGIC1MjKrdmhxvrJbupnVvpys0zsz7yBApXdQyfepKly2kA== + dependencies: + map-cache "^0.2.2" + +fs-readdir-recursive@^1.1.0: + version "1.1.0" + resolved "https://registry.npmjs.org/fs-readdir-recursive/-/fs-readdir-recursive-1.1.0.tgz" + integrity sha512-GNanXlVr2pf02+sPN40XN8HG+ePaNcvM0q5mZBd668Obwb0yD5GiUbZOFgwn8kGMY6I3mdyDJzieUy3PTYyTRA== + +fs.realpath@^1.0.0: + version "1.0.0" + resolved "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz" + integrity sha1-FQStJSMVjKpA20onh8sBQRmU6k8= sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw== + +fsevents@~2.3.1: + version "2.3.1" + resolved "https://registry.npmjs.org/fsevents/-/fsevents-2.3.1.tgz" + integrity sha512-YR47Eg4hChJGAB1O3yEAOkGO+rlzutoICGqGo9EZ4lKWokzZRSyIW1QmTzqjtw8MJdj9srP869CuWw/hyzSiBw== + +function-bind@^1.1.2: + version "1.1.2" + resolved "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz" + integrity sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA== + +gensync@^1.0.0-beta.1: + version "1.0.0-beta.2" + resolved "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz" + integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg== + +get-intrinsic@^1.1.3, get-intrinsic@^1.2.4: + version "1.2.4" + resolved "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz" + integrity sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ== + dependencies: + es-errors "^1.3.0" + function-bind "^1.1.2" + has-proto "^1.0.1" + has-symbols "^1.0.3" + hasown "^2.0.0" + +get-value@^2.0.3, get-value@^2.0.6: + version "2.0.6" + resolved "https://registry.npmjs.org/get-value/-/get-value-2.0.6.tgz" + integrity sha1-3BXKHGcjh8p2vTesCjlbogQqLCg= sha512-Ln0UQDlxH1BapMu3GPtf7CuYNwRZf2gwCuPqbyG6pB8WfmFpzqcy4xtAaAMUhnNqjMKTiCPZG2oMT3YSx8U2NA== + +glob-parent@^3.1.0: + version "3.1.0" + resolved "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz" + integrity sha1-nmr2KZ2NO9K9QEMIMr0RPfkGxa4= sha512-E8Ak/2+dZY6fnzlR7+ueWvhsH1SjHr4jjss4YS/h4py44jY9MhK/VFdaZJAWDz6BbL21KeteKxFSFpq8OS5gVA== + dependencies: + is-glob "^3.1.0" + path-dirname "^1.0.0" + +glob-parent@~5.1.0: + version "5.1.2" + resolved "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz" + integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow== + dependencies: + is-glob "^4.0.1" + +glob@^7.0.0: + version "7.1.6" + resolved "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz" + integrity sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA== + dependencies: + fs.realpath "^1.0.0" + inflight "^1.0.4" + inherits "2" + minimatch "^3.0.4" + once "^1.3.0" + path-is-absolute "^1.0.0" + +global@^4.3.2: + version "4.4.0" + resolved "https://registry.npmjs.org/global/-/global-4.4.0.tgz" + integrity sha512-wv/LAoHdRE3BeTGz53FAamhGlPLhlssK45usmGFThIi4XqnBmjKQ16u+RNbP7WvigRZDxUsM0J3gcQ5yicaL0w== + dependencies: + min-document "^2.19.0" + process "^0.11.10" + +globals@^11.1.0: + version "11.12.0" + resolved "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz" + integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA== + +gopd@^1.0.1: + version "1.0.1" + resolved "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz" + integrity sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA== + dependencies: + get-intrinsic "^1.1.3" + +graceful-fs@^4.1.11: + version "4.2.4" + resolved "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.4.tgz" + integrity sha512-WjKPNJF79dtJAVniUlGGWHYGz2jWxT6VhN/4m1NdkbZ2nOsEF+cI1Edgql5zCRhs/VsQYRvrXctxktVXZUkixw== + +has-flag@^3.0.0: + version "3.0.0" + resolved "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz" + integrity sha1-tdRU3CGZriJWmfNGfloH87lVuv0= sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw== + +has-property-descriptors@^1.0.2: + version "1.0.2" + resolved "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz" + integrity sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg== + dependencies: + es-define-property "^1.0.0" + +has-proto@^1.0.1: + version "1.0.3" + resolved "https://registry.npmjs.org/has-proto/-/has-proto-1.0.3.tgz" + integrity sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q== + +has-symbols@^1.0.1, has-symbols@^1.0.3: + version "1.0.3" + resolved "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz" + integrity sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A== + +has-value@^0.3.1: + version "0.3.1" + resolved "https://registry.npmjs.org/has-value/-/has-value-0.3.1.tgz" + integrity sha1-ex9YutpiyoJ+wKIHgCVlSEWZXh8= sha512-gpG936j8/MzaeID5Yif+577c17TxaDmhuyVgSwtnL/q8UUTySg8Mecb+8Cf1otgLoD7DDH75axp86ER7LFsf3Q== + dependencies: + get-value "^2.0.3" + has-values "^0.1.4" + isobject "^2.0.0" + +has-value@^1.0.0: + version "1.0.0" + resolved "https://registry.npmjs.org/has-value/-/has-value-1.0.0.tgz" + integrity sha1-GLKB2lhbHFxR3vJMkw7SmgvmsXc= sha512-IBXk4GTsLYdQ7Rvt+GRBrFSVEkmuOUy4re0Xjd9kJSUQpnTrWR4/y9RpfexN9vkAPMFuQoeWKwqzPozRTlasGw== + dependencies: + get-value "^2.0.6" + has-values "^1.0.0" + isobject "^3.0.0" + +has-values@^0.1.4: + version "0.1.4" + resolved "https://registry.npmjs.org/has-values/-/has-values-0.1.4.tgz" + integrity sha1-bWHeldkd/Km5oCCJrThL/49it3E= sha512-J8S0cEdWuQbqD9//tlZxiMuMNmxB8PlEwvYwuxsTmR1G5RXUePEX/SJn7aD0GMLieuZYSwNH0cQuJGwnYunXRQ== + +has-values@^1.0.0: + version "1.0.0" + resolved "https://registry.npmjs.org/has-values/-/has-values-1.0.0.tgz" + integrity sha1-lbC2P+whRmGab+V/51Yo1aOe/k8= sha512-ODYZC64uqzmtfGMEAX/FvZiRyWLpAC3vYnNunURUnkGVTS+mI0smVsWaPydRBsE3g+ok7h960jChO8mFcWlHaQ== + dependencies: + is-number "^3.0.0" + kind-of "^4.0.0" + +hasown@^2.0.0: + version "2.0.2" + resolved "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz" + integrity sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ== + dependencies: + function-bind "^1.1.2" + +hogan.js@^3.0.2: + version "3.0.2" + resolved "https://registry.npmjs.org/hogan.js/-/hogan.js-3.0.2.tgz" + integrity sha1-TNnhq9QpQUbnZ55B14mHMrAse/0= sha512-RqGs4wavGYJWE07t35JQccByczmNUXQT0E12ZYV1VKYu5UiAU9lsos/yBAcf840+zrUQQxgVduCR5/B8nNtibg== + dependencies: + mkdirp "0.3.0" + nopt "1.0.10" + +inflight@^1.0.4: + version "1.0.6" + resolved "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz" + integrity sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk= sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA== + dependencies: + once "^1.3.0" + wrappy "1" + +inherits@^2.0.1, inherits@^2.0.3, inherits@~2.0.3, inherits@2: + version "2.0.4" + resolved "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz" + integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ== + +instantsearch.js@^4.7.2: + version "4.13.2" + resolved "https://registry.npmjs.org/instantsearch.js/-/instantsearch.js-4.13.2.tgz" + integrity sha512-r9BHNn2p5cnLsJYwMmnjAYKtWjmXMUJA6Ysct01gfJzxhsl3+ys1F8AoGwCaFzzegPHpHSYNUuySu0x80YVEYQ== dependencies: - "binary-extensions" "^2.0.0" - -"is-buffer@^1.1.5", "is-buffer@~1.1.6": - "integrity" "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==" - "resolved" "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz" - "version" "1.1.6" - -"is-data-descriptor@^0.1.4": - "integrity" "sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=" - "resolved" "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz" - "version" "0.1.4" - dependencies: - "kind-of" "^3.0.2" - -"is-data-descriptor@^1.0.0": - "integrity" "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==" - "resolved" "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz" - "version" "1.0.0" - dependencies: - "kind-of" "^6.0.0" + "@types/googlemaps" "^3.39.6" + algoliasearch-helper "^3.3.4" + classnames "^2.2.5" + events "^1.1.0" + hogan.js "^3.0.2" + preact "^10.0.0" + prop-types "^15.5.10" + qs "^6.5.1" + +is-accessor-descriptor@^0.1.6: + version "0.1.6" + resolved "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz" + integrity sha1-qeEss66Nh2cn7u84Q/igiXtcmNY= sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A== + dependencies: + kind-of "^3.0.2" -"is-descriptor@^0.1.0": - "integrity" "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==" - "resolved" "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz" - "version" "0.1.6" - dependencies: - "is-accessor-descriptor" "^0.1.6" - "is-data-descriptor" "^0.1.4" - "kind-of" "^5.0.0" - -"is-descriptor@^1.0.0", "is-descriptor@^1.0.2": - "integrity" "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==" - "resolved" "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz" - "version" "1.0.2" - dependencies: - "is-accessor-descriptor" "^1.0.0" - "is-data-descriptor" "^1.0.0" - "kind-of" "^6.0.2" - -"is-extendable@^0.1.0", "is-extendable@^0.1.1": - "integrity" "sha1-YrEQ4omkcUGOPsNqYX1HLjAd/Ik=" - "resolved" "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz" - "version" "0.1.1" - -"is-extendable@^1.0.1": - "integrity" "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==" - "resolved" "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz" - "version" "1.0.1" - dependencies: - "is-plain-object" "^2.0.4" - -"is-extglob@^2.1.0", "is-extglob@^2.1.1": - "integrity" "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=" - "resolved" "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz" - "version" "2.1.1" - -"is-glob@^3.1.0": - "integrity" "sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=" - "resolved" "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz" - "version" "3.1.0" - dependencies: - "is-extglob" "^2.1.0" - -"is-glob@^4.0.0", "is-glob@^4.0.1", "is-glob@~4.0.1": - "integrity" "sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==" - "resolved" "https://registry.npmjs.org/is-glob/-/is-glob-4.0.1.tgz" - "version" "4.0.1" - dependencies: - "is-extglob" "^2.1.1" - -"is-number@^3.0.0": - "integrity" "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=" - "resolved" "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz" - "version" "3.0.0" - dependencies: - "kind-of" "^3.0.2" +is-accessor-descriptor@^1.0.0: + version "1.0.0" + resolved "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz" + integrity sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ== + dependencies: + kind-of "^6.0.0" -"is-number@^7.0.0": - "integrity" "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==" - "resolved" "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz" - "version" "7.0.0" - -"is-plain-object@^2.0.3", "is-plain-object@^2.0.4": - "integrity" "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==" - "resolved" "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz" - "version" "2.0.4" - dependencies: - "isobject" "^3.0.1" - -"is-windows@^1.0.2": - "integrity" "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==" - "resolved" "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz" - "version" "1.0.2" - -"isarray@^2.0.1": - "integrity" "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==" - "resolved" "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz" - "version" "2.0.5" - -"isarray@~1.0.0": - "integrity" "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=" - "resolved" "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz" - "version" "1.0.0" - -"isarray@1.0.0": - "integrity" "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=" - "resolved" "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz" - "version" "1.0.0" - -"isobject@^2.0.0": - "integrity" "sha1-8GVWEJaj8dou9GJy+BXIQNh+DIk=" - "resolved" "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz" - "version" "2.1.0" - dependencies: - "isarray" "1.0.0" - -"isobject@^3.0.0", "isobject@^3.0.1": - "integrity" "sha1-TkMekrEalzFjaqH5yNHMvP2reN8=" - "resolved" "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz" - "version" "3.0.1" - -"js-tokens@^3.0.0 || ^4.0.0", "js-tokens@^4.0.0": - "integrity" "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==" - "resolved" "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz" - "version" "4.0.0" - -"jsesc@^2.5.1": - "integrity" "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==" - "resolved" "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz" - "version" "2.5.2" - -"jsesc@~0.5.0": - "integrity" "sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=" - "resolved" "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz" - "version" "0.5.0" - -"json5@^2.1.2": - "integrity" "sha512-f+8cldu7X/y7RAJurMEJmdoKXGB/X550w2Nr3tTbezL6RwEE/iMcm+tZnXeoZtKuOq6ft8+CqzEkrIgx1fPoQA==" - "resolved" "https://registry.npmjs.org/json5/-/json5-2.2.0.tgz" - "version" "2.2.0" - dependencies: - "minimist" "^1.2.5" - -"kind-of@^3.0.2", "kind-of@^3.0.3", "kind-of@^3.2.0": - "integrity" "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=" - "resolved" "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz" - "version" "3.2.2" - dependencies: - "is-buffer" "^1.1.5" - -"kind-of@^4.0.0": - "integrity" "sha1-IIE989cSkosgc3hpGkUGb65y3Vc=" - "resolved" "https://registry.npmjs.org/kind-of/-/kind-of-4.0.0.tgz" - "version" "4.0.0" - dependencies: - "is-buffer" "^1.1.5" - -"kind-of@^5.0.0": - "integrity" "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==" - "resolved" "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz" - "version" "5.1.0" - -"kind-of@^6.0.0": - "integrity" "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==" - "resolved" "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz" - "version" "6.0.3" - -"kind-of@^6.0.2": - "integrity" "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==" - "resolved" "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz" - "version" "6.0.3" - -"load-script@^1.0.0": - "integrity" "sha1-BJGTngvuVkPuSUp+PaPSuscMbKQ=" - "resolved" "https://registry.npmjs.org/load-script/-/load-script-1.0.0.tgz" - "version" "1.0.0" - -"lodash@^4.17.19": - "integrity" "sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA==" - "resolved" "https://registry.npmjs.org/lodash/-/lodash-4.17.20.tgz" - "version" "4.17.20" - -"loose-envify@^1.4.0": - "integrity" "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==" - "resolved" "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz" - "version" "1.4.0" - dependencies: - "js-tokens" "^3.0.0 || ^4.0.0" - -"make-dir@^2.1.0": - "integrity" "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==" - "resolved" "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz" - "version" "2.1.0" - dependencies: - "pify" "^4.0.1" - "semver" "^5.6.0" - -"map-cache@^0.2.2": - "integrity" "sha1-wyq9C9ZSXZsFFkW7TyasXcmKDb8=" - "resolved" "https://registry.npmjs.org/map-cache/-/map-cache-0.2.2.tgz" - "version" "0.2.2" - -"map-visit@^1.0.0": - "integrity" "sha1-7Nyo8TFE5mDxtb1B8S80edmN+48=" - "resolved" "https://registry.npmjs.org/map-visit/-/map-visit-1.0.0.tgz" - "version" "1.0.0" - dependencies: - "object-visit" "^1.0.0" - -"md5@^2.2.1": - "integrity" "sha512-T1GITYmFaKuO91vxyoQMFETst+O71VUPEU3ze5GNzDm0OWdP8v1ziTaAEPUr/3kLsY3Sftgz242A1SetQiDL7g==" - "resolved" "https://registry.npmjs.org/md5/-/md5-2.3.0.tgz" - "version" "2.3.0" - dependencies: - "charenc" "0.0.2" - "crypt" "0.0.2" - "is-buffer" "~1.1.6" - -"micromatch@^3.1.10", "micromatch@^3.1.4": - "integrity" "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==" - "resolved" "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz" - "version" "3.1.10" - dependencies: - "arr-diff" "^4.0.0" - "array-unique" "^0.3.2" - "braces" "^2.3.1" - "define-property" "^2.0.2" - "extend-shallow" "^3.0.2" - "extglob" "^2.0.4" - "fragment-cache" "^0.2.1" - "kind-of" "^6.0.2" - "nanomatch" "^1.2.9" - "object.pick" "^1.3.0" - "regex-not" "^1.0.0" - "snapdragon" "^0.8.1" - "to-regex" "^3.0.2" - -"min-document@^2.19.0": - "integrity" "sha1-e9KC4/WELtKVu3SM3Z8f+iyCRoU=" - "resolved" "https://registry.npmjs.org/min-document/-/min-document-2.19.0.tgz" - "version" "2.19.0" - dependencies: - "dom-walk" "^0.1.0" - -"minimatch@^3.0.4": - "integrity" "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==" - "resolved" "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz" - "version" "3.0.4" - dependencies: - "brace-expansion" "^1.1.7" - -"minimist@^1.2.5": - "integrity" "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==" - "resolved" "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz" - "version" "1.2.5" - -"mixin-deep@^1.2.0": - "integrity" "sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA==" - "resolved" "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.2.tgz" - "version" "1.3.2" - dependencies: - "for-in" "^1.0.2" - "is-extendable" "^1.0.1" - -"mkdirp@0.3.0": - "integrity" "sha1-G79asbqCevI1dRQ0kEJkVfSB/h4=" - "resolved" "https://registry.npmjs.org/mkdirp/-/mkdirp-0.3.0.tgz" - "version" "0.3.0" - -"ms@2.0.0": - "integrity" "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=" - "resolved" "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz" - "version" "2.0.0" - -"ms@2.1.2": - "integrity" "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==" - "resolved" "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz" - "version" "2.1.2" - -"nanomatch@^1.2.9": - "integrity" "sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==" - "resolved" "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz" - "version" "1.2.13" - dependencies: - "arr-diff" "^4.0.0" - "array-unique" "^0.3.2" - "define-property" "^2.0.2" - "extend-shallow" "^3.0.2" - "fragment-cache" "^0.2.1" - "is-windows" "^1.0.2" - "kind-of" "^6.0.2" - "object.pick" "^1.3.0" - "regex-not" "^1.0.0" - "snapdragon" "^0.8.1" - "to-regex" "^3.0.1" - -"node-releases@^1.1.70": - "integrity" "sha512-Slf2s69+2/uAD79pVVQo8uSiC34+g8GWY8UH2Qtqv34ZfhYrxpYpfzs9Js9d6O0mbDmALuxaTlplnBTnSELcrw==" - "resolved" "https://registry.npmjs.org/node-releases/-/node-releases-1.1.70.tgz" - "version" "1.1.70" - -"nopt@1.0.10": - "integrity" "sha1-bd0hvSoxQXuScn3Vhfim83YI6+4=" - "resolved" "https://registry.npmjs.org/nopt/-/nopt-1.0.10.tgz" - "version" "1.0.10" - dependencies: - "abbrev" "1" - -"normalize-path@^2.1.1": - "integrity" "sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=" - "resolved" "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz" - "version" "2.1.1" - dependencies: - "remove-trailing-separator" "^1.0.1" - -"normalize-path@^3.0.0", "normalize-path@~3.0.0": - "integrity" "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==" - "resolved" "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz" - "version" "3.0.0" - -"object-assign@^4.1.1": - "integrity" "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=" - "resolved" "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz" - "version" "4.1.1" - -"object-copy@^0.1.0": - "integrity" "sha1-fn2Fi3gb18mRpBupde04EnVOmYw=" - "resolved" "https://registry.npmjs.org/object-copy/-/object-copy-0.1.0.tgz" - "version" "0.1.0" - dependencies: - "copy-descriptor" "^0.1.0" - "define-property" "^0.2.5" - "kind-of" "^3.0.3" - -"object-keys@^1.0.11", "object-keys@^1.0.12", "object-keys@^1.1.0", "object-keys@^1.1.1": - "integrity" "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==" - "resolved" "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz" - "version" "1.1.1" - -"object-visit@^1.0.0": - "integrity" "sha1-95xEk68MU3e1n+OdOV5BBC3QRbs=" - "resolved" "https://registry.npmjs.org/object-visit/-/object-visit-1.0.1.tgz" - "version" "1.0.1" - dependencies: - "isobject" "^3.0.0" - -"object.assign@^4.1.0": - "integrity" "sha512-ixT2L5THXsApyiUPYKmW+2EHpXXe5Ii3M+f4e+aJFAHao5amFRW6J0OO6c/LU8Be47utCx2GL89hxGB6XSmKuQ==" - "resolved" "https://registry.npmjs.org/object.assign/-/object.assign-4.1.2.tgz" - "version" "4.1.2" - dependencies: - "call-bind" "^1.0.0" - "define-properties" "^1.1.3" - "has-symbols" "^1.0.1" - "object-keys" "^1.1.1" - -"object.pick@^1.3.0": - "integrity" "sha1-h6EKxMFpS9Lhy/U1kaZhQftd10c=" - "resolved" "https://registry.npmjs.org/object.pick/-/object.pick-1.3.0.tgz" - "version" "1.3.0" - dependencies: - "isobject" "^3.0.1" - -"once@^1.3.0": - "integrity" "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=" - "resolved" "https://registry.npmjs.org/once/-/once-1.4.0.tgz" - "version" "1.4.0" - dependencies: - "wrappy" "1" - -"pascalcase@^0.1.1": - "integrity" "sha1-s2PlXoAGym/iF4TS2yK9FdeRfxQ=" - "resolved" "https://registry.npmjs.org/pascalcase/-/pascalcase-0.1.1.tgz" - "version" "0.1.1" - -"path-dirname@^1.0.0": - "integrity" "sha1-zDPSTVJeCZpTiMAzbG4yuRYGCeA=" - "resolved" "https://registry.npmjs.org/path-dirname/-/path-dirname-1.0.2.tgz" - "version" "1.0.2" - -"path-is-absolute@^1.0.0": - "integrity" "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=" - "resolved" "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz" - "version" "1.0.1" - -"picomatch@^2.0.4", "picomatch@^2.2.1": - "integrity" "sha512-q0M/9eZHzmr0AulXyPwNfZjtwZ/RBZlbN3K3CErVrk50T2ASYI7Bye0EvekFY3IP1Nt2DHu0re+V2ZHIpMkuWg==" - "resolved" "https://registry.npmjs.org/picomatch/-/picomatch-2.2.2.tgz" - "version" "2.2.2" - -"pify@^4.0.1": - "integrity" "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==" - "resolved" "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz" - "version" "4.0.1" - -"posix-character-classes@^0.1.0": - "integrity" "sha1-AerA/jta9xoqbAL+q7jB/vfgDqs=" - "resolved" "https://registry.npmjs.org/posix-character-classes/-/posix-character-classes-0.1.1.tgz" - "version" "0.1.1" - -"preact@^10.0.0": - "integrity" "sha512-r6siDkuD36oszwlCkcqDJCAKBQxGoeEGytw2DGMD5A/GGdu5Tymw+N2OBXwvOLxg6d1FeY8MgMV3cc5aVQo4Cg==" - "resolved" "https://registry.npmjs.org/preact/-/preact-10.5.12.tgz" - "version" "10.5.12" - -"prismjs@^1.21.0": - "integrity" "sha512-uGdSIu1nk3kej2iZsLyDoJ7e9bnPzIgY0naW/HdknGj61zScaprVEVGHrPoXqI+M9sP0NDnTK2jpkvmldpuqDw==" - "resolved" "https://registry.npmjs.org/prismjs/-/prismjs-1.21.0.tgz" - "version" "1.21.0" - optionalDependencies: - "clipboard" "^2.0.0" - -"process-nextick-args@~2.0.0": - "integrity" "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==" - "resolved" "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz" - "version" "2.0.1" - -"process@^0.11.10": - "integrity" "sha1-czIwDoQBYb2j5podHZGn1LwW8YI=" - "resolved" "https://registry.npmjs.org/process/-/process-0.11.10.tgz" - "version" "0.11.10" - -"prop-types@^15.5.10": - "integrity" "sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==" - "resolved" "https://registry.npmjs.org/prop-types/-/prop-types-15.7.2.tgz" - "version" "15.7.2" - dependencies: - "loose-envify" "^1.4.0" - "object-assign" "^4.1.1" - "react-is" "^16.8.1" - -"qs@^6.5.1": - "integrity" "sha512-TIRk4aqYLNoJUbd+g2lEdz5kLWIuTMRagAXxl78Q0RiVjAOugHmeKNGdd3cwo/ktpf9aL9epCfFqWDEKysUlLQ==" - "resolved" "https://registry.npmjs.org/qs/-/qs-6.9.6.tgz" - "version" "6.9.6" - -"querystring-es3@^0.2.1": - "integrity" "sha1-nsYfeQSYdXB9aUFFlv2Qek1xHnM=" - "resolved" "https://registry.npmjs.org/querystring-es3/-/querystring-es3-0.2.1.tgz" - "version" "0.2.1" - -"react-is@^16.8.1": - "integrity" "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" - "resolved" "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz" - "version" "16.13.1" - -"readable-stream@^2.0.2": - "integrity" "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==" - "resolved" "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz" - "version" "2.3.7" - dependencies: - "core-util-is" "~1.0.0" - "inherits" "~2.0.3" - "isarray" "~1.0.0" - "process-nextick-args" "~2.0.0" - "safe-buffer" "~5.1.1" - "string_decoder" "~1.1.1" - "util-deprecate" "~1.0.1" - -"readdirp@^2.2.1": - "integrity" "sha512-1JU/8q+VgFZyxwrJ+SVIOsh+KywWGpds3NTqikiKpDMZWScmAYyKIgqkO+ARvNWJfXeXR1zxz7aHF4u4CyH6vQ==" - "resolved" "https://registry.npmjs.org/readdirp/-/readdirp-2.2.1.tgz" - "version" "2.2.1" - dependencies: - "graceful-fs" "^4.1.11" - "micromatch" "^3.1.10" - "readable-stream" "^2.0.2" - -"readdirp@~3.5.0": - "integrity" "sha512-cMhu7c/8rdhkHXWsY+osBhfSy0JikwpHK/5+imo+LpeasTF8ouErHrlYkwT0++njiyuDvc7OFY5T3ukvZ8qmFQ==" - "resolved" "https://registry.npmjs.org/readdirp/-/readdirp-3.5.0.tgz" - "version" "3.5.0" - dependencies: - "picomatch" "^2.2.1" - -"reduce@^1.0.1": - "integrity" "sha512-xX7Fxke/oHO5IfZSk77lvPa/7bjMh9BuCk4OOoX5XTXrM7s0Z+MkPfSDfz0q7r91BhhGSs8gii/VEN/7zhCPpQ==" - "resolved" "https://registry.npmjs.org/reduce/-/reduce-1.0.2.tgz" - "version" "1.0.2" - dependencies: - "object-keys" "^1.1.0" - -"regenerate-unicode-properties@^8.2.0": - "integrity" "sha512-F9DjY1vKLo/tPePDycuH3dn9H1OTPIkVD9Kz4LODu+F2C75mgjAJ7x/gwy6ZcSNRAAkhNlJSOHRe8k3p+K9WhA==" - "resolved" "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-8.2.0.tgz" - "version" "8.2.0" - dependencies: - "regenerate" "^1.4.0" - -"regenerate@^1.4.0": - "integrity" "sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==" - "resolved" "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz" - "version" "1.4.2" - -"regenerator-runtime@^0.13.4": - "integrity" "sha512-a54FxoJDIr27pgf7IgeQGxmqUNYrcV338lf/6gH456HZ/PhX+5BcwHXG9ajESmwe6WRO0tAzRUrRmNONWgkrew==" - "resolved" "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.7.tgz" - "version" "0.13.7" - -"regenerator-transform@^0.14.2": - "integrity" "sha512-eOf6vka5IO151Jfsw2NO9WpGX58W6wWmefK3I1zEGr0lOD0u8rwPaNqQL1aRxUaxLeKO3ArNh3VYg1KbaD+FFw==" - "resolved" "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.14.5.tgz" - "version" "0.14.5" +is-binary-path@^1.0.0: + version "1.0.1" + resolved "https://registry.npmjs.org/is-binary-path/-/is-binary-path-1.0.1.tgz" + integrity sha1-dfFmQrSA8YenEcgUFh/TpKdlWJg= sha512-9fRVlXc0uCxEDj1nQzaWONSpbTfx0FmJfzHF7pwlI8DkWGoHBBea4Pg5Ky0ojwwxQmnSifgbKkI06Qv0Ljgj+Q== + dependencies: + binary-extensions "^1.0.0" + +is-binary-path@~2.1.0: + version "2.1.0" + resolved "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz" + integrity sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw== + dependencies: + binary-extensions "^2.0.0" + +is-buffer@^1.1.5, is-buffer@~1.1.6: + version "1.1.6" + resolved "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz" + integrity sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w== + +is-data-descriptor@^0.1.4: + version "0.1.4" + resolved "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz" + integrity sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y= sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg== + dependencies: + kind-of "^3.0.2" + +is-data-descriptor@^1.0.0: + version "1.0.0" + resolved "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz" + integrity sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ== + dependencies: + kind-of "^6.0.0" + +is-descriptor@^0.1.0: + version "0.1.6" + resolved "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz" + integrity sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg== + dependencies: + is-accessor-descriptor "^0.1.6" + is-data-descriptor "^0.1.4" + kind-of "^5.0.0" + +is-descriptor@^1.0.0, is-descriptor@^1.0.2: + version "1.0.2" + resolved "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz" + integrity sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg== + dependencies: + is-accessor-descriptor "^1.0.0" + is-data-descriptor "^1.0.0" + kind-of "^6.0.2" + +is-extendable@^0.1.0, is-extendable@^0.1.1: + version "0.1.1" + resolved "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz" + integrity sha1-YrEQ4omkcUGOPsNqYX1HLjAd/Ik= sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw== + +is-extendable@^1.0.1: + version "1.0.1" + resolved "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz" + integrity sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA== + dependencies: + is-plain-object "^2.0.4" + +is-extglob@^2.1.0, is-extglob@^2.1.1: + version "2.1.1" + resolved "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz" + integrity sha1-qIwCU1eR8C7TfHahueqXc8gz+MI= sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ== + +is-glob@^3.1.0: + version "3.1.0" + resolved "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz" + integrity sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo= sha512-UFpDDrPgM6qpnFNI+rh/p3bUaq9hKLZN8bMUWzxmcnZVS3omf4IPK+BrewlnWjO1WmUsMYuSjKh4UJuV4+Lqmw== + dependencies: + is-extglob "^2.1.0" + +is-glob@^4.0.0, is-glob@^4.0.1, is-glob@~4.0.1: + version "4.0.1" + resolved "https://registry.npmjs.org/is-glob/-/is-glob-4.0.1.tgz" + integrity sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg== + dependencies: + is-extglob "^2.1.1" + +is-number@^3.0.0: + version "3.0.0" + resolved "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz" + integrity sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU= sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg== + dependencies: + kind-of "^3.0.2" + +is-number@^7.0.0: + version "7.0.0" + resolved "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz" + integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng== + +is-plain-object@^2.0.3, is-plain-object@^2.0.4: + version "2.0.4" + resolved "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz" + integrity sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og== + dependencies: + isobject "^3.0.1" + +is-windows@^1.0.2: + version "1.0.2" + resolved "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz" + integrity sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA== + +isarray@^2.0.1: + version "2.0.5" + resolved "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz" + integrity sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw== + +isarray@~1.0.0: + version "1.0.0" + resolved "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz" + integrity sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE= sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ== + +isarray@1.0.0: + version "1.0.0" + resolved "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz" + integrity sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE= sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ== + +isobject@^2.0.0: + version "2.1.0" + resolved "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz" + integrity sha1-8GVWEJaj8dou9GJy+BXIQNh+DIk= sha512-+OUdGJlgjOBZDfxnDjYYG6zp487z0JGNQq3cYQYg5f5hKR+syHMsaztzGeml/4kGG55CSpKSpWTY+jYGgsHLgA== + dependencies: + isarray "1.0.0" + +isobject@^3.0.0, isobject@^3.0.1: + version "3.0.1" + resolved "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz" + integrity sha1-TkMekrEalzFjaqH5yNHMvP2reN8= sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg== + +"js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0: + version "4.0.0" + resolved "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz" + integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ== + +jsesc@^3.0.2: + version "3.0.2" + resolved "https://registry.npmjs.org/jsesc/-/jsesc-3.0.2.tgz" + integrity sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g== + +jsesc@~0.5.0: + version "0.5.0" + resolved "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz" + integrity sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0= sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA== + +json5@^2.1.2: + version "2.2.3" + resolved "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz" + integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg== + +kind-of@^3.0.2, kind-of@^3.0.3, kind-of@^3.2.0: + version "3.2.2" + resolved "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz" + integrity sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ= sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ== + dependencies: + is-buffer "^1.1.5" + +kind-of@^4.0.0: + version "4.0.0" + resolved "https://registry.npmjs.org/kind-of/-/kind-of-4.0.0.tgz" + integrity sha1-IIE989cSkosgc3hpGkUGb65y3Vc= sha512-24XsCxmEbRwEDbz/qz3stgin8TTzZ1ESR56OMCN0ujYg+vRutNSiOj9bHH9u85DKgXguraugV5sFuvbD4FW/hw== + dependencies: + is-buffer "^1.1.5" + +kind-of@^5.0.0: + version "5.1.0" + resolved "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz" + integrity sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw== + +kind-of@^6.0.0: + version "6.0.3" + resolved "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz" + integrity sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw== + +kind-of@^6.0.2: + version "6.0.3" + resolved "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz" + integrity sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw== + +load-script@^1.0.0: + version "1.0.0" + resolved "https://registry.npmjs.org/load-script/-/load-script-1.0.0.tgz" + integrity sha1-BJGTngvuVkPuSUp+PaPSuscMbKQ= sha512-kPEjMFtZvwL9TaZo0uZ2ml+Ye9HUMmPwbYRJ324qF9tqMejwykJ5ggTyvzmrbBeapCAbk98BSbTeovHEEP1uCA== + +lodash@^4.17.19: + version "4.17.21" + resolved "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz" + integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg== + +loose-envify@^1.4.0: + version "1.4.0" + resolved "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz" + integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q== + dependencies: + js-tokens "^3.0.0 || ^4.0.0" + +make-dir@^2.1.0: + version "2.1.0" + resolved "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz" + integrity sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA== + dependencies: + pify "^4.0.1" + semver "^5.6.0" + +map-cache@^0.2.2: + version "0.2.2" + resolved "https://registry.npmjs.org/map-cache/-/map-cache-0.2.2.tgz" + integrity sha1-wyq9C9ZSXZsFFkW7TyasXcmKDb8= sha512-8y/eV9QQZCiyn1SprXSrCmqJN0yNRATe+PO8ztwqrvrbdRLA3eYJF0yaR0YayLWkMbsQSKWS9N2gPcGEc4UsZg== + +map-visit@^1.0.0: + version "1.0.0" + resolved "https://registry.npmjs.org/map-visit/-/map-visit-1.0.0.tgz" + integrity sha1-7Nyo8TFE5mDxtb1B8S80edmN+48= sha512-4y7uGv8bd2WdM9vpQsiQNo41Ln1NvhvDRuVt0k2JZQ+ezN2uaQes7lZeZ+QQUHOLQAtDaBJ+7wCbi+ab/KFs+w== + dependencies: + object-visit "^1.0.0" + +md5@^2.2.1: + version "2.3.0" + resolved "https://registry.npmjs.org/md5/-/md5-2.3.0.tgz" + integrity sha512-T1GITYmFaKuO91vxyoQMFETst+O71VUPEU3ze5GNzDm0OWdP8v1ziTaAEPUr/3kLsY3Sftgz242A1SetQiDL7g== + dependencies: + charenc "0.0.2" + crypt "0.0.2" + is-buffer "~1.1.6" + +micromatch@^3.1.10, micromatch@^3.1.4: + version "3.1.10" + resolved "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz" + integrity sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg== + dependencies: + arr-diff "^4.0.0" + array-unique "^0.3.2" + braces "^2.3.1" + define-property "^2.0.2" + extend-shallow "^3.0.2" + extglob "^2.0.4" + fragment-cache "^0.2.1" + kind-of "^6.0.2" + nanomatch "^1.2.9" + object.pick "^1.3.0" + regex-not "^1.0.0" + snapdragon "^0.8.1" + to-regex "^3.0.2" + +mime-db@1.52.0: + version "1.52.0" + resolved "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz" + integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg== + +mime-types@^2.1.12: + version "2.1.35" + resolved "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz" + integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw== + dependencies: + mime-db "1.52.0" + +min-document@^2.19.0: + version "2.19.0" + resolved "https://registry.npmjs.org/min-document/-/min-document-2.19.0.tgz" + integrity sha1-e9KC4/WELtKVu3SM3Z8f+iyCRoU= sha512-9Wy1B3m3f66bPPmU5hdA4DR4PB2OfDU/+GS3yAB7IQozE3tqXaVv2zOjgla7MEGSRv95+ILmOuvhLkOK6wJtCQ== + dependencies: + dom-walk "^0.1.0" + +minimatch@^3.0.4: + version "3.1.2" + resolved "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz" + integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw== + dependencies: + brace-expansion "^1.1.7" + +mixin-deep@^1.2.0: + version "1.3.2" + resolved "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.2.tgz" + integrity sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA== + dependencies: + for-in "^1.0.2" + is-extendable "^1.0.1" + +mkdirp@0.3.0: + version "0.3.0" + resolved "https://registry.npmjs.org/mkdirp/-/mkdirp-0.3.0.tgz" + integrity sha1-G79asbqCevI1dRQ0kEJkVfSB/h4= sha512-OHsdUcVAQ6pOtg5JYWpCBo9W/GySVuwvP9hueRMW7UqshC0tbfzLv8wjySTPm3tfUZ/21CE9E1pJagOA91Pxew== + +ms@2.0.0: + version "2.0.0" + resolved "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz" + integrity sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g= sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A== + +ms@2.1.2: + version "2.1.2" + resolved "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz" + integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w== + +nanomatch@^1.2.9: + version "1.2.13" + resolved "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz" + integrity sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA== + dependencies: + arr-diff "^4.0.0" + array-unique "^0.3.2" + define-property "^2.0.2" + extend-shallow "^3.0.2" + fragment-cache "^0.2.1" + is-windows "^1.0.2" + kind-of "^6.0.2" + object.pick "^1.3.0" + regex-not "^1.0.0" + snapdragon "^0.8.1" + to-regex "^3.0.1" + +node-releases@^2.0.18: + version "2.0.18" + resolved "https://registry.npmjs.org/node-releases/-/node-releases-2.0.18.tgz" + integrity sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g== + +nopt@1.0.10: + version "1.0.10" + resolved "https://registry.npmjs.org/nopt/-/nopt-1.0.10.tgz" + integrity sha1-bd0hvSoxQXuScn3Vhfim83YI6+4= sha512-NWmpvLSqUrgrAC9HCuxEvb+PSloHpqVu+FqcO4eeF2h5qYRhA7ev6KvelyQAKtegUbC6RypJnlEOhd8vloNKYg== + dependencies: + abbrev "1" + +normalize-path@^2.1.1: + version "2.1.1" + resolved "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz" + integrity sha1-GrKLVW4Zg2Oowab35vogE3/mrtk= sha512-3pKJwH184Xo/lnH6oyP1q2pMd7HcypqqmRs91/6/i2CGtWwIKGCkOOMTm/zXbgTEWHw1uNpNi/igc3ePOYHb6w== + dependencies: + remove-trailing-separator "^1.0.1" + +normalize-path@^3.0.0, normalize-path@~3.0.0: + version "3.0.0" + resolved "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz" + integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA== + +object-assign@^4.1.1: + version "4.1.1" + resolved "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz" + integrity sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM= sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg== + +object-copy@^0.1.0: + version "0.1.0" + resolved "https://registry.npmjs.org/object-copy/-/object-copy-0.1.0.tgz" + integrity sha1-fn2Fi3gb18mRpBupde04EnVOmYw= sha512-79LYn6VAb63zgtmAteVOWo9Vdj71ZVBy3Pbse+VqxDpEP83XuujMrGqHIwAXJ5I/aM0zU7dIyIAhifVTPrNItQ== + dependencies: + copy-descriptor "^0.1.0" + define-property "^0.2.5" + kind-of "^3.0.3" + +object-inspect@^1.13.1: + version "1.13.3" + resolved "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.3.tgz" + integrity sha512-kDCGIbxkDSXE3euJZZXzc6to7fCrKHNI/hSRQnRuQ+BWjFNzZwiFF8fj/6o2t2G9/jTj8PSIYTfCLelLZEeRpA== + +object-keys@^1.0.11, object-keys@^1.0.12, object-keys@^1.1.0, object-keys@^1.1.1: + version "1.1.1" + resolved "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz" + integrity sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA== + +object-visit@^1.0.0: + version "1.0.1" + resolved "https://registry.npmjs.org/object-visit/-/object-visit-1.0.1.tgz" + integrity sha1-95xEk68MU3e1n+OdOV5BBC3QRbs= sha512-GBaMwwAVK9qbQN3Scdo0OyvgPW7l3lnaVMj84uTOZlswkX0KpF6fyDBJhtTthf7pymztoN36/KEr1DyhF96zEA== + dependencies: + isobject "^3.0.0" + +object.assign@^4.1.0: + version "4.1.2" + resolved "https://registry.npmjs.org/object.assign/-/object.assign-4.1.2.tgz" + integrity sha512-ixT2L5THXsApyiUPYKmW+2EHpXXe5Ii3M+f4e+aJFAHao5amFRW6J0OO6c/LU8Be47utCx2GL89hxGB6XSmKuQ== + dependencies: + call-bind "^1.0.0" + define-properties "^1.1.3" + has-symbols "^1.0.1" + object-keys "^1.1.1" + +object.pick@^1.3.0: + version "1.3.0" + resolved "https://registry.npmjs.org/object.pick/-/object.pick-1.3.0.tgz" + integrity sha1-h6EKxMFpS9Lhy/U1kaZhQftd10c= sha512-tqa/UMy/CCoYmj+H5qc07qvSL9dqcs/WZENZ1JbtWBlATP+iVOe778gE6MSijnyCnORzDuX6hU+LA4SZ09YjFQ== + dependencies: + isobject "^3.0.1" + +once@^1.3.0: + version "1.4.0" + resolved "https://registry.npmjs.org/once/-/once-1.4.0.tgz" + integrity sha1-WDsap3WWHUsROsF9nFC6753Xa9E= sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w== + dependencies: + wrappy "1" + +pascalcase@^0.1.1: + version "0.1.1" + resolved "https://registry.npmjs.org/pascalcase/-/pascalcase-0.1.1.tgz" + integrity sha1-s2PlXoAGym/iF4TS2yK9FdeRfxQ= sha512-XHXfu/yOQRy9vYOtUDVMN60OEJjW013GoObG1o+xwQTpB9eYJX/BjXMsdW13ZDPruFhYYn0AG22w0xgQMwl3Nw== + +path-dirname@^1.0.0: + version "1.0.2" + resolved "https://registry.npmjs.org/path-dirname/-/path-dirname-1.0.2.tgz" + integrity sha1-zDPSTVJeCZpTiMAzbG4yuRYGCeA= sha512-ALzNPpyNq9AqXMBjeymIjFDAkAFH06mHJH/cSBHAgU0s4vfpBn6b2nf8tiRLvagKD8RbTpq2FKTBg7cl9l3c7Q== + +path-is-absolute@^1.0.0: + version "1.0.1" + resolved "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz" + integrity sha1-F0uSaHNVNP+8es5r9TpanhtcX18= sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg== + +picocolors@^1.0.0, picocolors@^1.1.0: + version "1.1.1" + resolved "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz" + integrity sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA== + +picomatch@^2.0.4, picomatch@^2.2.1: + version "2.2.2" + resolved "https://registry.npmjs.org/picomatch/-/picomatch-2.2.2.tgz" + integrity sha512-q0M/9eZHzmr0AulXyPwNfZjtwZ/RBZlbN3K3CErVrk50T2ASYI7Bye0EvekFY3IP1Nt2DHu0re+V2ZHIpMkuWg== + +pify@^4.0.1: + version "4.0.1" + resolved "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz" + integrity sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g== + +posix-character-classes@^0.1.0: + version "0.1.1" + resolved "https://registry.npmjs.org/posix-character-classes/-/posix-character-classes-0.1.1.tgz" + integrity sha1-AerA/jta9xoqbAL+q7jB/vfgDqs= sha512-xTgYBc3fuo7Yt7JbiuFxSYGToMoz8fLoE6TC9Wx1P/u+LfeThMOAqmuyECnlBaaJb+u1m9hHiXUEtwW4OzfUJg== + +preact@^10.0.0: + version "10.5.12" + resolved "https://registry.npmjs.org/preact/-/preact-10.5.12.tgz" + integrity sha512-r6siDkuD36oszwlCkcqDJCAKBQxGoeEGytw2DGMD5A/GGdu5Tymw+N2OBXwvOLxg6d1FeY8MgMV3cc5aVQo4Cg== + +prismjs@^1.21.0: + version "1.29.0" + resolved "https://registry.npmjs.org/prismjs/-/prismjs-1.29.0.tgz" + integrity sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q== + +process-nextick-args@~2.0.0: + version "2.0.1" + resolved "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz" + integrity sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag== + +process@^0.11.10: + version "0.11.10" + resolved "https://registry.npmjs.org/process/-/process-0.11.10.tgz" + integrity sha1-czIwDoQBYb2j5podHZGn1LwW8YI= sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A== + +prop-types@^15.5.10: + version "15.7.2" + resolved "https://registry.npmjs.org/prop-types/-/prop-types-15.7.2.tgz" + integrity sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ== + dependencies: + loose-envify "^1.4.0" + object-assign "^4.1.1" + react-is "^16.8.1" + +proxy-from-env@^1.1.0: + version "1.1.0" + resolved "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz" + integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg== + +qs@^6.5.1: + version "6.13.1" + resolved "https://registry.npmjs.org/qs/-/qs-6.13.1.tgz" + integrity sha512-EJPeIn0CYrGu+hli1xilKAPXODtJ12T0sP63Ijx2/khC2JtuaN3JyNIpvmnkmaEtha9ocbG4A4cMcr+TvqvwQg== + dependencies: + side-channel "^1.0.6" + +querystring-es3@^0.2.1: + version "0.2.1" + resolved "https://registry.npmjs.org/querystring-es3/-/querystring-es3-0.2.1.tgz" + integrity sha1-nsYfeQSYdXB9aUFFlv2Qek1xHnM= sha512-773xhDQnZBMFobEiztv8LIl70ch5MSF/jUQVlhwFyBILqq96anmoctVIYz+ZRp0qbCKATTn6ev02M3r7Ga5vqA== + +react-is@^16.8.1: + version "16.13.1" + resolved "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz" + integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ== + +readable-stream@^2.0.2: + version "2.3.7" + resolved "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz" + integrity sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw== + dependencies: + core-util-is "~1.0.0" + inherits "~2.0.3" + isarray "~1.0.0" + process-nextick-args "~2.0.0" + safe-buffer "~5.1.1" + string_decoder "~1.1.1" + util-deprecate "~1.0.1" + +readdirp@^2.2.1: + version "2.2.1" + resolved "https://registry.npmjs.org/readdirp/-/readdirp-2.2.1.tgz" + integrity sha512-1JU/8q+VgFZyxwrJ+SVIOsh+KywWGpds3NTqikiKpDMZWScmAYyKIgqkO+ARvNWJfXeXR1zxz7aHF4u4CyH6vQ== + dependencies: + graceful-fs "^4.1.11" + micromatch "^3.1.10" + readable-stream "^2.0.2" + +readdirp@~3.5.0: + version "3.5.0" + resolved "https://registry.npmjs.org/readdirp/-/readdirp-3.5.0.tgz" + integrity sha512-cMhu7c/8rdhkHXWsY+osBhfSy0JikwpHK/5+imo+LpeasTF8ouErHrlYkwT0++njiyuDvc7OFY5T3ukvZ8qmFQ== + dependencies: + picomatch "^2.2.1" + +reduce@^1.0.1: + version "1.0.2" + resolved "https://registry.npmjs.org/reduce/-/reduce-1.0.2.tgz" + integrity sha512-xX7Fxke/oHO5IfZSk77lvPa/7bjMh9BuCk4OOoX5XTXrM7s0Z+MkPfSDfz0q7r91BhhGSs8gii/VEN/7zhCPpQ== + dependencies: + object-keys "^1.1.0" + +regenerate-unicode-properties@^8.2.0: + version "8.2.0" + resolved "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-8.2.0.tgz" + integrity sha512-F9DjY1vKLo/tPePDycuH3dn9H1OTPIkVD9Kz4LODu+F2C75mgjAJ7x/gwy6ZcSNRAAkhNlJSOHRe8k3p+K9WhA== + dependencies: + regenerate "^1.4.0" + +regenerate@^1.4.0: + version "1.4.2" + resolved "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz" + integrity sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A== + +regenerator-runtime@^0.13.4: + version "0.13.7" + resolved "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.7.tgz" + integrity sha512-a54FxoJDIr27pgf7IgeQGxmqUNYrcV338lf/6gH456HZ/PhX+5BcwHXG9ajESmwe6WRO0tAzRUrRmNONWgkrew== + +regenerator-transform@^0.14.2: + version "0.14.5" + resolved "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.14.5.tgz" + integrity sha512-eOf6vka5IO151Jfsw2NO9WpGX58W6wWmefK3I1zEGr0lOD0u8rwPaNqQL1aRxUaxLeKO3ArNh3VYg1KbaD+FFw== dependencies: "@babel/runtime" "^7.8.4" -"regex-not@^1.0.0", "regex-not@^1.0.2": - "integrity" "sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==" - "resolved" "https://registry.npmjs.org/regex-not/-/regex-not-1.0.2.tgz" - "version" "1.0.2" - dependencies: - "extend-shallow" "^3.0.2" - "safe-regex" "^1.1.0" - -"regexpu-core@^4.7.1": - "integrity" "sha512-ywH2VUraA44DZQuRKzARmw6S66mr48pQVva4LBeRhcOltJ6hExvWly5ZjFLYo67xbIxb6W1q4bAGtgfEl20zfQ==" - "resolved" "https://registry.npmjs.org/regexpu-core/-/regexpu-core-4.7.1.tgz" - "version" "4.7.1" - dependencies: - "regenerate" "^1.4.0" - "regenerate-unicode-properties" "^8.2.0" - "regjsgen" "^0.5.1" - "regjsparser" "^0.6.4" - "unicode-match-property-ecmascript" "^1.0.4" - "unicode-match-property-value-ecmascript" "^1.2.0" - -"regjsgen@^0.5.1": - "integrity" "sha512-OFFT3MfrH90xIW8OOSyUrk6QHD5E9JOTeGodiJeBS3J6IwlgzJMNE/1bZklWz5oTg+9dCMyEetclvCVXOPoN3A==" - "resolved" "https://registry.npmjs.org/regjsgen/-/regjsgen-0.5.2.tgz" - "version" "0.5.2" - -"regjsparser@^0.6.4": - "integrity" "sha512-ib77G0uxsA2ovgiYbCVGx4Pv3PSttAx2vIwidqQzbL2U5S4Q+j00HdSAneSBuyVcMvEnTXMjiGgB+DlXozVhpQ==" - "resolved" "https://registry.npmjs.org/regjsparser/-/regjsparser-0.6.7.tgz" - "version" "0.6.7" - dependencies: - "jsesc" "~0.5.0" - -"remove-trailing-separator@^1.0.1": - "integrity" "sha1-wkvOKig62tW8P1jg1IJJuSN52O8=" - "resolved" "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz" - "version" "1.1.0" - -"repeat-element@^1.1.2": - "integrity" "sha512-ahGq0ZnV5m5XtZLMb+vP76kcAM5nkLqk0lpqAuojSKGgQtn4eRi4ZZGm2olo2zKFH+sMsWaqOCW1dqAnOru72g==" - "resolved" "https://registry.npmjs.org/repeat-element/-/repeat-element-1.1.3.tgz" - "version" "1.1.3" - -"repeat-string@^1.6.1": - "integrity" "sha1-jcrkcOHIirwtYA//Sndihtp15jc=" - "resolved" "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz" - "version" "1.6.1" - -"resolve-url@^0.2.1": - "integrity" "sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=" - "resolved" "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz" - "version" "0.2.1" - -"ret@~0.1.10": - "integrity" "sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==" - "resolved" "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz" - "version" "0.1.15" - -"safe-buffer@^5.0.1", "safe-buffer@~5.1.0", "safe-buffer@~5.1.1": - "integrity" "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==" - "resolved" "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz" - "version" "5.1.2" - -"safe-regex@^1.1.0": - "integrity" "sha1-QKNmnzsHfR6UPURinhV91IAjvy4=" - "resolved" "https://registry.npmjs.org/safe-regex/-/safe-regex-1.1.0.tgz" - "version" "1.1.0" - dependencies: - "ret" "~0.1.10" - -"select@^1.1.2": - "integrity" "sha1-DnNQrN7ICxEIUoeG7B1EGNEbOW0=" - "resolved" "https://registry.npmjs.org/select/-/select-1.1.2.tgz" - "version" "1.1.2" - -"semver@^5.1.0", "semver@^5.4.1", "semver@^5.5.0", "semver@^5.5.1", "semver@^5.6.0": - "integrity" "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==" - "resolved" "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz" - "version" "5.7.1" - -"semver@7.0.0": - "integrity" "sha512-+GB6zVA9LWh6zovYQLALHwv5rb2PHGlJi3lfiqIHxR0uuwCgefcOJc59v9fv1w8GbStwxuuqqAjI9NMAOOgq1A==" - "resolved" "https://registry.npmjs.org/semver/-/semver-7.0.0.tgz" - "version" "7.0.0" - -"set-value@^2.0.0", "set-value@^2.0.1": - "integrity" "sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw==" - "resolved" "https://registry.npmjs.org/set-value/-/set-value-2.0.1.tgz" - "version" "2.0.1" - dependencies: - "extend-shallow" "^2.0.1" - "is-extendable" "^0.1.1" - "is-plain-object" "^2.0.3" - "split-string" "^3.0.1" - -"slash@^2.0.0": - "integrity" "sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==" - "resolved" "https://registry.npmjs.org/slash/-/slash-2.0.0.tgz" - "version" "2.0.0" - -"snapdragon-node@^2.0.1": - "integrity" "sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==" - "resolved" "https://registry.npmjs.org/snapdragon-node/-/snapdragon-node-2.1.1.tgz" - "version" "2.1.1" - dependencies: - "define-property" "^1.0.0" - "isobject" "^3.0.0" - "snapdragon-util" "^3.0.1" - -"snapdragon-util@^3.0.1": - "integrity" "sha512-mbKkMdQKsjX4BAL4bRYTj21edOf8cN7XHdYUJEe+Zn99hVEYcMvKPct1IqNe7+AZPirn8BCDOQBHQZknqmKlZQ==" - "resolved" "https://registry.npmjs.org/snapdragon-util/-/snapdragon-util-3.0.1.tgz" - "version" "3.0.1" - dependencies: - "kind-of" "^3.2.0" - -"snapdragon@^0.8.1": - "integrity" "sha512-FtyOnWN/wCHTVXOMwvSv26d+ko5vWlIDD6zoUJ7LW8vh+ZBC8QdljveRP+crNrtBwioEUWy/4dMtbBjA4ioNlg==" - "resolved" "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.2.tgz" - "version" "0.8.2" - dependencies: - "base" "^0.11.1" - "debug" "^2.2.0" - "define-property" "^0.2.5" - "extend-shallow" "^2.0.1" - "map-cache" "^0.2.2" - "source-map" "^0.5.6" - "source-map-resolve" "^0.5.0" - "use" "^3.1.0" - -"source-map-resolve@^0.5.0": - "integrity" "sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==" - "resolved" "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.3.tgz" - "version" "0.5.3" - dependencies: - "atob" "^2.1.2" - "decode-uri-component" "^0.2.0" - "resolve-url" "^0.2.1" - "source-map-url" "^0.4.0" - "urix" "^0.1.0" - -"source-map-url@^0.4.0": - "integrity" "sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==" - "resolved" "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.1.tgz" - "version" "0.4.1" - -"source-map@^0.5.0", "source-map@^0.5.6": - "integrity" "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=" - "resolved" "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz" - "version" "0.5.7" - -"split-string@^3.0.1", "split-string@^3.0.2": - "integrity" "sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==" - "resolved" "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz" - "version" "3.1.0" - dependencies: - "extend-shallow" "^3.0.0" - -"static-extend@^0.1.1": - "integrity" "sha1-YICcOcv/VTNyJv1eC1IPNB8ftcY=" - "resolved" "https://registry.npmjs.org/static-extend/-/static-extend-0.1.2.tgz" - "version" "0.1.2" - dependencies: - "define-property" "^0.2.5" - "object-copy" "^0.1.0" - -"string_decoder@~1.1.1": - "integrity" "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==" - "resolved" "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz" - "version" "1.1.1" - dependencies: - "safe-buffer" "~5.1.0" - -"supports-color@^5.3.0": - "integrity" "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==" - "resolved" "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz" - "version" "5.5.0" - dependencies: - "has-flag" "^3.0.0" - -"through@~2.3.4": - "integrity" "sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=" - "resolved" "https://registry.npmjs.org/through/-/through-2.3.8.tgz" - "version" "2.3.8" - -"tiny-emitter@^2.0.0": - "integrity" "sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q==" - "resolved" "https://registry.npmjs.org/tiny-emitter/-/tiny-emitter-2.1.0.tgz" - "version" "2.1.0" - -"to-fast-properties@^2.0.0": - "integrity" "sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=" - "resolved" "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz" - "version" "2.0.0" - -"to-object-path@^0.3.0": - "integrity" "sha1-KXWIt7Dn4KwI4E5nL4XB9JmeF68=" - "resolved" "https://registry.npmjs.org/to-object-path/-/to-object-path-0.3.0.tgz" - "version" "0.3.0" - dependencies: - "kind-of" "^3.0.2" - -"to-regex-range@^2.1.0": - "integrity" "sha1-fIDBe53+vlmeJzZ+DU3VWQFB2zg=" - "resolved" "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz" - "version" "2.1.1" - dependencies: - "is-number" "^3.0.0" - "repeat-string" "^1.6.1" - -"to-regex-range@^5.0.1": - "integrity" "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==" - "resolved" "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz" - "version" "5.0.1" - dependencies: - "is-number" "^7.0.0" - -"to-regex@^3.0.1", "to-regex@^3.0.2": - "integrity" "sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==" - "resolved" "https://registry.npmjs.org/to-regex/-/to-regex-3.0.2.tgz" - "version" "3.0.2" - dependencies: - "define-property" "^2.0.2" - "extend-shallow" "^3.0.2" - "regex-not" "^1.0.2" - "safe-regex" "^1.1.0" - -"tunnel-agent@^0.6.0": - "integrity" "sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=" - "resolved" "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz" - "version" "0.6.0" - dependencies: - "safe-buffer" "^5.0.1" - -"unicode-canonical-property-names-ecmascript@^1.0.4": - "integrity" "sha512-jDrNnXWHd4oHiTZnx/ZG7gtUTVp+gCcTTKr8L0HjlwphROEW3+Him+IpvC+xcJEFegapiMZyZe02CyuOnRmbnQ==" - "resolved" "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz" - "version" "1.0.4" - -"unicode-match-property-ecmascript@^1.0.4": - "integrity" "sha512-L4Qoh15vTfntsn4P1zqnHulG0LdXgjSO035fEpdtp6YxXhMT51Q6vgM5lYdG/5X3MjS+k/Y9Xw4SFCY9IkR0rg==" - "resolved" "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-1.0.4.tgz" - "version" "1.0.4" - dependencies: - "unicode-canonical-property-names-ecmascript" "^1.0.4" - "unicode-property-aliases-ecmascript" "^1.0.4" - -"unicode-match-property-value-ecmascript@^1.2.0": - "integrity" "sha512-wjuQHGQVofmSJv1uVISKLE5zO2rNGzM/KCYZch/QQvez7C1hUhBIuZ701fYXExuufJFMPhv2SyL8CyoIfMLbIQ==" - "resolved" "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-1.2.0.tgz" - "version" "1.2.0" - -"unicode-property-aliases-ecmascript@^1.0.4": - "integrity" "sha512-PqSoPh/pWetQ2phoj5RLiaqIk4kCNwoV3CI+LfGmWLKI3rE3kl1h59XpX2BjgDrmbxD9ARtQobPGU1SguCYuQg==" - "resolved" "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-1.1.0.tgz" - "version" "1.1.0" - -"union-value@^1.0.0": - "integrity" "sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg==" - "resolved" "https://registry.npmjs.org/union-value/-/union-value-1.0.1.tgz" - "version" "1.0.1" - dependencies: - "arr-union" "^3.1.0" - "get-value" "^2.0.6" - "is-extendable" "^0.1.1" - "set-value" "^2.0.1" - -"unset-value@^1.0.0": - "integrity" "sha1-g3aHP30jNRef+x5vw6jtDfyKtVk=" - "resolved" "https://registry.npmjs.org/unset-value/-/unset-value-1.0.0.tgz" - "version" "1.0.0" - dependencies: - "has-value" "^0.3.1" - "isobject" "^3.0.0" - -"upath@^1.1.1": - "integrity" "sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==" - "resolved" "https://registry.npmjs.org/upath/-/upath-1.2.0.tgz" - "version" "1.2.0" - -"urix@^0.1.0": - "integrity" "sha1-2pN/emLiH+wf0Y1Js1wpNQZ6bHI=" - "resolved" "https://registry.npmjs.org/urix/-/urix-0.1.0.tgz" - "version" "0.1.0" - -"use@^3.1.0": - "integrity" "sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==" - "resolved" "https://registry.npmjs.org/use/-/use-3.1.1.tgz" - "version" "3.1.1" - -"util-deprecate@~1.0.1": - "integrity" "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=" - "resolved" "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz" - "version" "1.0.2" - -"wrappy@1": - "integrity" "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=" - "resolved" "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz" - "version" "1.0.2" +regex-not@^1.0.0, regex-not@^1.0.2: + version "1.0.2" + resolved "https://registry.npmjs.org/regex-not/-/regex-not-1.0.2.tgz" + integrity sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A== + dependencies: + extend-shallow "^3.0.2" + safe-regex "^1.1.0" + +regexpu-core@^4.7.1: + version "4.7.1" + resolved "https://registry.npmjs.org/regexpu-core/-/regexpu-core-4.7.1.tgz" + integrity sha512-ywH2VUraA44DZQuRKzARmw6S66mr48pQVva4LBeRhcOltJ6hExvWly5ZjFLYo67xbIxb6W1q4bAGtgfEl20zfQ== + dependencies: + regenerate "^1.4.0" + regenerate-unicode-properties "^8.2.0" + regjsgen "^0.5.1" + regjsparser "^0.6.4" + unicode-match-property-ecmascript "^1.0.4" + unicode-match-property-value-ecmascript "^1.2.0" + +regjsgen@^0.5.1: + version "0.5.2" + resolved "https://registry.npmjs.org/regjsgen/-/regjsgen-0.5.2.tgz" + integrity sha512-OFFT3MfrH90xIW8OOSyUrk6QHD5E9JOTeGodiJeBS3J6IwlgzJMNE/1bZklWz5oTg+9dCMyEetclvCVXOPoN3A== + +regjsparser@^0.6.4: + version "0.6.7" + resolved "https://registry.npmjs.org/regjsparser/-/regjsparser-0.6.7.tgz" + integrity sha512-ib77G0uxsA2ovgiYbCVGx4Pv3PSttAx2vIwidqQzbL2U5S4Q+j00HdSAneSBuyVcMvEnTXMjiGgB+DlXozVhpQ== + dependencies: + jsesc "~0.5.0" + +remove-trailing-separator@^1.0.1: + version "1.1.0" + resolved "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz" + integrity sha1-wkvOKig62tW8P1jg1IJJuSN52O8= sha512-/hS+Y0u3aOfIETiaiirUFwDBDzmXPvO+jAfKTitUngIPzdKc6Z0LoFjM/CK5PL4C+eKwHohlHAb6H0VFfmmUsw== + +repeat-element@^1.1.2: + version "1.1.3" + resolved "https://registry.npmjs.org/repeat-element/-/repeat-element-1.1.3.tgz" + integrity sha512-ahGq0ZnV5m5XtZLMb+vP76kcAM5nkLqk0lpqAuojSKGgQtn4eRi4ZZGm2olo2zKFH+sMsWaqOCW1dqAnOru72g== + +repeat-string@^1.6.1: + version "1.6.1" + resolved "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz" + integrity sha1-jcrkcOHIirwtYA//Sndihtp15jc= sha512-PV0dzCYDNfRi1jCDbJzpW7jNNDRuCOG/jI5ctQcGKt/clZD+YcPS3yIlWuTJMmESC8aevCFmWJy5wjAFgNqN6w== + +resolve-url@^0.2.1: + version "0.2.1" + resolved "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz" + integrity sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo= sha512-ZuF55hVUQaaczgOIwqWzkEcEidmlD/xl44x1UZnhOXcYuFN2S6+rcxpG+C1N3So0wvNI3DmJICUFfu2SxhBmvg== + +ret@~0.1.10: + version "0.1.15" + resolved "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz" + integrity sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg== + +safe-buffer@^5.0.1, safe-buffer@~5.1.0, safe-buffer@~5.1.1: + version "5.1.2" + resolved "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz" + integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g== + +safe-regex@^1.1.0: + version "1.1.0" + resolved "https://registry.npmjs.org/safe-regex/-/safe-regex-1.1.0.tgz" + integrity sha1-QKNmnzsHfR6UPURinhV91IAjvy4= sha512-aJXcif4xnaNUzvUuC5gcb46oTS7zvg4jpMTnuqtrEPlR3vFr4pxtdTwaF1Qs3Enjn9HK+ZlwQui+a7z0SywIzg== + dependencies: + ret "~0.1.10" + +semver@^5.1.0, semver@^5.4.1, semver@^5.5.0, semver@^5.5.1, semver@^5.6.0: + version "5.7.2" + resolved "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz" + integrity sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g== + +set-function-length@^1.2.1: + version "1.2.2" + resolved "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz" + integrity sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg== + dependencies: + define-data-property "^1.1.4" + es-errors "^1.3.0" + function-bind "^1.1.2" + get-intrinsic "^1.2.4" + gopd "^1.0.1" + has-property-descriptors "^1.0.2" + +set-value@^2.0.0, set-value@^2.0.1: + version "2.0.1" + resolved "https://registry.npmjs.org/set-value/-/set-value-2.0.1.tgz" + integrity sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw== + dependencies: + extend-shallow "^2.0.1" + is-extendable "^0.1.1" + is-plain-object "^2.0.3" + split-string "^3.0.1" + +side-channel@^1.0.6: + version "1.0.6" + resolved "https://registry.npmjs.org/side-channel/-/side-channel-1.0.6.tgz" + integrity sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA== + dependencies: + call-bind "^1.0.7" + es-errors "^1.3.0" + get-intrinsic "^1.2.4" + object-inspect "^1.13.1" + +slash@^2.0.0: + version "2.0.0" + resolved "https://registry.npmjs.org/slash/-/slash-2.0.0.tgz" + integrity sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A== + +snapdragon-node@^2.0.1: + version "2.1.1" + resolved "https://registry.npmjs.org/snapdragon-node/-/snapdragon-node-2.1.1.tgz" + integrity sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw== + dependencies: + define-property "^1.0.0" + isobject "^3.0.0" + snapdragon-util "^3.0.1" + +snapdragon-util@^3.0.1: + version "3.0.1" + resolved "https://registry.npmjs.org/snapdragon-util/-/snapdragon-util-3.0.1.tgz" + integrity sha512-mbKkMdQKsjX4BAL4bRYTj21edOf8cN7XHdYUJEe+Zn99hVEYcMvKPct1IqNe7+AZPirn8BCDOQBHQZknqmKlZQ== + dependencies: + kind-of "^3.2.0" + +snapdragon@^0.8.1: + version "0.8.2" + resolved "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.2.tgz" + integrity sha512-FtyOnWN/wCHTVXOMwvSv26d+ko5vWlIDD6zoUJ7LW8vh+ZBC8QdljveRP+crNrtBwioEUWy/4dMtbBjA4ioNlg== + dependencies: + base "^0.11.1" + debug "^2.2.0" + define-property "^0.2.5" + extend-shallow "^2.0.1" + map-cache "^0.2.2" + source-map "^0.5.6" + source-map-resolve "^0.5.0" + use "^3.1.0" + +source-map-resolve@^0.5.0: + version "0.5.3" + resolved "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.3.tgz" + integrity sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw== + dependencies: + atob "^2.1.2" + decode-uri-component "^0.2.0" + resolve-url "^0.2.1" + source-map-url "^0.4.0" + urix "^0.1.0" + +source-map-url@^0.4.0: + version "0.4.1" + resolved "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.1.tgz" + integrity sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw== + +source-map@^0.5.0, source-map@^0.5.6: + version "0.5.7" + resolved "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz" + integrity sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w= sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ== + +split-string@^3.0.1, split-string@^3.0.2: + version "3.1.0" + resolved "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz" + integrity sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw== + dependencies: + extend-shallow "^3.0.0" + +static-extend@^0.1.1: + version "0.1.2" + resolved "https://registry.npmjs.org/static-extend/-/static-extend-0.1.2.tgz" + integrity sha1-YICcOcv/VTNyJv1eC1IPNB8ftcY= sha512-72E9+uLc27Mt718pMHt9VMNiAL4LMsmDbBva8mxWUCkT07fSzEGMYUCk0XWY6lp0j6RBAG4cJ3mWuZv2OE3s0g== + dependencies: + define-property "^0.2.5" + object-copy "^0.1.0" + +string_decoder@~1.1.1: + version "1.1.1" + resolved "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz" + integrity sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg== + dependencies: + safe-buffer "~5.1.0" + +supports-color@^5.3.0: + version "5.5.0" + resolved "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz" + integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow== + dependencies: + has-flag "^3.0.0" + +through@~2.3.4: + version "2.3.8" + resolved "https://registry.npmjs.org/through/-/through-2.3.8.tgz" + integrity sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU= sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg== + +to-object-path@^0.3.0: + version "0.3.0" + resolved "https://registry.npmjs.org/to-object-path/-/to-object-path-0.3.0.tgz" + integrity sha1-KXWIt7Dn4KwI4E5nL4XB9JmeF68= sha512-9mWHdnGRuh3onocaHzukyvCZhzvr6tiflAy/JRFXcJX0TjgfWA9pk9t8CMbzmBE4Jfw58pXbkngtBtqYxzNEyg== + dependencies: + kind-of "^3.0.2" + +to-regex-range@^2.1.0: + version "2.1.1" + resolved "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz" + integrity sha1-fIDBe53+vlmeJzZ+DU3VWQFB2zg= sha512-ZZWNfCjUokXXDGXFpZehJIkZqq91BcULFq/Pi7M5i4JnxXdhMKAK682z8bCW3o8Hj1wuuzoKcW3DfVzaP6VuNg== + dependencies: + is-number "^3.0.0" + repeat-string "^1.6.1" + +to-regex-range@^5.0.1: + version "5.0.1" + resolved "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz" + integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ== + dependencies: + is-number "^7.0.0" + +to-regex@^3.0.1, to-regex@^3.0.2: + version "3.0.2" + resolved "https://registry.npmjs.org/to-regex/-/to-regex-3.0.2.tgz" + integrity sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw== + dependencies: + define-property "^2.0.2" + extend-shallow "^3.0.2" + regex-not "^1.0.2" + safe-regex "^1.1.0" + +tunnel-agent@^0.6.0: + version "0.6.0" + resolved "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz" + integrity sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0= sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w== + dependencies: + safe-buffer "^5.0.1" + +unicode-canonical-property-names-ecmascript@^1.0.4: + version "1.0.4" + resolved "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz" + integrity sha512-jDrNnXWHd4oHiTZnx/ZG7gtUTVp+gCcTTKr8L0HjlwphROEW3+Him+IpvC+xcJEFegapiMZyZe02CyuOnRmbnQ== + +unicode-match-property-ecmascript@^1.0.4: + version "1.0.4" + resolved "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-1.0.4.tgz" + integrity sha512-L4Qoh15vTfntsn4P1zqnHulG0LdXgjSO035fEpdtp6YxXhMT51Q6vgM5lYdG/5X3MjS+k/Y9Xw4SFCY9IkR0rg== + dependencies: + unicode-canonical-property-names-ecmascript "^1.0.4" + unicode-property-aliases-ecmascript "^1.0.4" + +unicode-match-property-value-ecmascript@^1.2.0: + version "1.2.0" + resolved "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-1.2.0.tgz" + integrity sha512-wjuQHGQVofmSJv1uVISKLE5zO2rNGzM/KCYZch/QQvez7C1hUhBIuZ701fYXExuufJFMPhv2SyL8CyoIfMLbIQ== + +unicode-property-aliases-ecmascript@^1.0.4: + version "1.1.0" + resolved "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-1.1.0.tgz" + integrity sha512-PqSoPh/pWetQ2phoj5RLiaqIk4kCNwoV3CI+LfGmWLKI3rE3kl1h59XpX2BjgDrmbxD9ARtQobPGU1SguCYuQg== + +union-value@^1.0.0: + version "1.0.1" + resolved "https://registry.npmjs.org/union-value/-/union-value-1.0.1.tgz" + integrity sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg== + dependencies: + arr-union "^3.1.0" + get-value "^2.0.6" + is-extendable "^0.1.1" + set-value "^2.0.1" + +unset-value@^1.0.0: + version "1.0.0" + resolved "https://registry.npmjs.org/unset-value/-/unset-value-1.0.0.tgz" + integrity sha1-g3aHP30jNRef+x5vw6jtDfyKtVk= sha512-PcA2tsuGSF9cnySLHTLSh2qrQiJ70mn+r+Glzxv2TWZblxsxCC52BDlZoPCsz7STd9pN7EZetkWZBAvk4cgZdQ== + dependencies: + has-value "^0.3.1" + isobject "^3.0.0" + +upath@^1.1.1: + version "1.2.0" + resolved "https://registry.npmjs.org/upath/-/upath-1.2.0.tgz" + integrity sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg== + +update-browserslist-db@^1.1.1: + version "1.1.1" + resolved "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.1.tgz" + integrity sha512-R8UzCaa9Az+38REPiJ1tXlImTJXlVfgHZsglwBD/k6nj76ctsH1E3q4doGrukiLQd3sGQYu56r5+lo5r94l29A== + dependencies: + escalade "^3.2.0" + picocolors "^1.1.0" + +urix@^0.1.0: + version "0.1.0" + resolved "https://registry.npmjs.org/urix/-/urix-0.1.0.tgz" + integrity sha1-2pN/emLiH+wf0Y1Js1wpNQZ6bHI= sha512-Am1ousAhSLBeB9cG/7k7r2R0zj50uDRlZHPGbazid5s9rlF1F/QKYObEKSIunSjIOkJZqwRRLpvewjEkM7pSqg== + +use@^3.1.0: + version "3.1.1" + resolved "https://registry.npmjs.org/use/-/use-3.1.1.tgz" + integrity sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ== + +util-deprecate@~1.0.1: + version "1.0.2" + resolved "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz" + integrity sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8= sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw== + +wrappy@1: + version "1.0.2" + resolved "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz" + integrity sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8= sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==