From cfe811cfe1d5ccbb4cffb7a72097133598d7ffee Mon Sep 17 00:00:00 2001 From: ouafaaetta <122900545+ouafaaetta@users.noreply.github.com> Date: Tue, 12 Nov 2024 15:41:50 -0500 Subject: [PATCH] Release v15.7.1 (#2443) --- "_data/m\303\251li-m\303\251lo.json" | 31 +- .../2024-10-datatable-utilities-en.html" | 11 + .../2024-10-datatable-utilities-fr.html" | 11 + index-en.md | 4 +- index-fr.md | 4 +- .../2024-02-charts/meta.md" | 3 +- .../2024-10-datatable-utilities/meta.md" | 22 +- .../2024-09-kejimkujik.css" | 734 ++++++++++ .../2024-09-kejimkujik.js" | 1246 +++++++++++++++++ .../compilation-gel\303\251/index-en.md" | 15 +- .../compilation-gel\303\251/index-fr.md" | 14 +- package-lock.json | 10 +- package.json | 4 +- 13 files changed, 2074 insertions(+), 35 deletions(-) create mode 100644 "docs/m\303\251ta-d\303\251tails/2024-10-datatable-utilities-en.html" create mode 100644 "docs/m\303\251ta-d\303\251tails/2024-10-datatable-utilities-fr.html" create mode 100644 "m\303\251li-m\303\251lo/compilation-gel\303\251/2024-09-kejimkujik.css" create mode 100644 "m\303\251li-m\303\251lo/compilation-gel\303\251/2024-09-kejimkujik.js" diff --git "a/_data/m\303\251li-m\303\251lo.json" "b/_data/m\303\251li-m\303\251lo.json" index a1eb2ecb6f..01e486f205 100644 --- "a/_data/m\303\251li-m\303\251lo.json" +++ "b/_data/m\303\251li-m\303\251lo.json" @@ -2,26 +2,22 @@ "title": "Liste des produits méli-mélo fusionnés", "packages": [ { - "nom": "2024-09-kejimkujik", + "nom": "2025-04-nahanni", "libs": [ - "2021-05-conjunction", - "2023-09-menu", - "2023-09-distance-calculator", - "2023-09-collection-sort", - "2021-05-steps", - "2023-10-clipboard", + "2024-10-datatable-utilities", "2024-02-charts", - "2024-04-stepsquiz", - "deprecated" + "2024-04-stepsquiz", + "2021-05-conjunction", + "2021-05-steps", + "deprecated" ] }, { - "nom": "2025-04-nahanni", + "nom": "2025-12-mille-iles", "libs": [ - "2024-02-charts", - "2024-04-stepsquiz", - "2021-05-conjunction", - "2021-05-steps", + "2024-10-datatable-utilities", + "2021-05-conjunction", + "2021-05-steps", "deprecated" ] }, @@ -98,13 +94,16 @@ "nom": "2024-04-stepsquiz", "mainpage": "index.html" }, - { + { + "nom": "2024-10-datatable-utilities", + "mainpage": "index-en.html" + }, + { "nom": "deprecated", "mainpage": "deprecated.html" } ], "future-packages-names": [ - "mille-iles", "ivvavik", "vuntut", "auyuittuq", diff --git "a/docs/m\303\251ta-d\303\251tails/2024-10-datatable-utilities-en.html" "b/docs/m\303\251ta-d\303\251tails/2024-10-datatable-utilities-en.html" new file mode 100644 index 0000000000..74d465f1f4 --- /dev/null +++ "b/docs/m\303\251ta-d\303\251tails/2024-10-datatable-utilities-en.html" @@ -0,0 +1,11 @@ +--- +title: 2024-10-datatable-utilities- Méli-mélo details +componentName: 2024-10-datatable-utilities +layout: méli-mélo-en +altLangPage: détails-fr.html +lang: en +breadcrumbs: [ + { "title": "Méli-mélo", "link": "méli-mélo/méli-mélo-en.html" } +] +permalink: /méli-mélo/2024-10-datatable-utilities/détails-en.html +--- diff --git "a/docs/m\303\251ta-d\303\251tails/2024-10-datatable-utilities-fr.html" "b/docs/m\303\251ta-d\303\251tails/2024-10-datatable-utilities-fr.html" new file mode 100644 index 0000000000..7a5538ba92 --- /dev/null +++ "b/docs/m\303\251ta-d\303\251tails/2024-10-datatable-utilities-fr.html" @@ -0,0 +1,11 @@ +--- +title: 2024-10-datatable-utilities - Détails du méli-mélo +componentName: 2024-10-datatable-utilities +layout: méli-mélo-fr +altLangPage: détails-en.html +lang: fr +breadcrumbs: [ + { "title": "Méli-mélo", "link": "méli-mélo/méli-mélo-fr.html" } +] +permalink: /méli-mélo/2024-10-datatable-utilities/détails-fr.html +--- diff --git a/index-en.md b/index-en.md index 96f4d34e8e..b0e356fc5c 100644 --- a/index-en.md +++ b/index-en.md @@ -1,7 +1,7 @@ --- title: GCWeb, the WET-BOEW Canada.ca theme altLangPage: index-fr.html -dateModified: 2024-10-15 +dateModified: 2024-11-12 description: "Home page describing all the components of the Canada.ca theme, named GCWeb." layout: no-container language: en @@ -20,7 +20,7 @@ css:
The page templates and design patterns below comprise a reference implementation of the Canada.ca design system, including the mandatory requirement of the Content and Information Architecture (C&IA) Specification. Government of Canada departments and agencies can contribute additional patterns and templates via GCWeb github repository.
diff --git a/index-fr.md b/index-fr.md index 5146fe5892..0b1c5d79f5 100644 --- a/index-fr.md +++ b/index-fr.md @@ -1,7 +1,7 @@ --- title: GCWeb, le thème WET-BOEW de Canada.ca altLangPage: index-en.html -dateModified: 2024-10-15 +dateModified: 2024-11-12 description: "Page d'accueil décrivant l'ensemble des composants du thème de Canada.ca, nommé GCWeb." layout: no-container language: fr @@ -20,7 +20,7 @@ css:Les gabarits et les conceptions communes si dessous sont une référence d'implémentation du Système de conception de Canada.ca, incluant les exigences obligatoire de la spécifications du contenu et de l’architecture de l'information (C&AI) pour Canada.ca. Les ministères et organisme du gouvernement du Canada peuvent y contribuer en publiant leur modèle et leur conception commune via le dépôt github de GCWeb.
diff --git "a/m\303\251li-m\303\251lo/2024-02-charts/meta.md" "b/m\303\251li-m\303\251lo/2024-02-charts/meta.md" index 94c9c396a1..dd5079aa06 100644 --- "a/m\303\251li-m\303\251lo/2024-02-charts/meta.md" +++ "b/m\303\251li-m\303\251lo/2024-02-charts/meta.md" @@ -15,8 +15,9 @@ title: en: Charts description: en: Create a visual representation of data in a table. -modified: 2024-02-26 +modified: 2024-11-08 componentName: 2024-02-charts +status: Abandoned sponsor: Principal Publisher - ESDC, on behalf of CRA pages: diff --git "a/m\303\251li-m\303\251lo/2024-10-datatable-utilities/meta.md" "b/m\303\251li-m\303\251lo/2024-10-datatable-utilities/meta.md" index df3e324364..1a7d83ed07 100644 --- "a/m\303\251li-m\303\251lo/2024-10-datatable-utilities/meta.md" +++ "b/m\303\251li-m\303\251lo/2024-10-datatable-utilities/meta.md" @@ -13,15 +13,25 @@ title: en: Data Table Utilities fr: (FR) Data Table Utilities description: Examples of how to use these Utilities -modified: 2024-10-01 +modified: 2024-11-12 componentName: 2024-10-datatable-utilities sponsor: Steve Bourgeois (steve.bourgeois@tpsgc-pwgsc.gc.ca) pages: examples: - - title: Home + - title: DataTable Utilities language: en - path: index-eng.html + path: index-en.html + - title: Utilitaire DataTable + language: fr + path: index-fr.html + documentation: + - title: DataTable Utilities - Documentation + language: en + path: datatable-utilities-doc-en.html + - title: Utilitaire DataTable - Documentation + language: fr + path: datatable-utilities-doc-fr.html implementationPlan: - due: 2024-09-24 @@ -69,5 +79,11 @@ todos: todosFR: - Envisager d'ajouter d'autres classes de manipulation de données (pourcentage)? +changes: + - date: 2024-11-01 + description: DataTable Utilities, includes Data Manipulation Classes for emails, Urls and Money. Also Includes Datatable Footer Totals + departmentImpact: Having this plugin intergrated will make the transition to Canada.ca easier as these features are already in use on https://www.tpsgc-pwgsc.gc.ca, currently some of the pages that make use of this plugin and other pages that make use of Other Javascripts are just pointed to from Canada.ca + publicImpact: The Public at Large, the plugin makes DataTables more user friendly with Clickable Links, and they are used to this functionality our PRE Canada.ca Pages + output: false --- \ No newline at end of file diff --git "a/m\303\251li-m\303\251lo/compilation-gel\303\251/2024-09-kejimkujik.css" "b/m\303\251li-m\303\251lo/compilation-gel\303\251/2024-09-kejimkujik.css" new file mode 100644 index 0000000000..6e833f05a0 --- /dev/null +++ "b/m\303\251li-m\303\251lo/compilation-gel\303\251/2024-09-kejimkujik.css" @@ -0,0 +1,734 @@ +@charset "utf-8"; +/*! + * @title Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW) + * @license wet-boew.github.io/wet-boew/License-en.html / wet-boew.github.io/wet-boew/Licence-fr.html + * v15.7.0 - 2024-10-16 + * + */ +ul[class*=cnjnctn-type-] { + list-style-type: ""; + padding-left: 0; +} +[class*=cnjnctn-type-] { + display: flex; + flex-wrap: nowrap; + flex-direction: column; + margin-bottom: 15px; + margin-right: 0px; + margin-top: 15px; + min-height: 3em; + position: relative; +} +[class*=cnjnctn-type-] > [class*=cnjnctn-col]:not(:first-child):after { + border-left: 3px solid #6f6f6f; + content: ' '; + height: 100%; + left: 0; + position: absolute; + top: 0; +} +[class*=cnjnctn-type-] > [class*=cnjnctn-col] { + width: 100%; +} +[class*=cnjnctn-type-]:not(.brdr-0) > [class*=cnjnctn-col] { + padding-left: 15px; + padding-right: 15px; +} +[class*=cnjnctn-type-] > [class*=cnjnctn-col] > :first-child:not([class*=mrgn-tp-]) { + margin-top: 15px; +} +[class*=cnjnctn-type-] > [class*=cnjnctn-col] > :last-child:not([class*=mrgn-bttm-]) { + margin-bottom: 0px; +} +[class*=cnjnctn-type-] > [class*=cnjnctn-col]:not(:last-child) { + margin-bottom: 1.8em; + margin-right: 1.5em; +} +[class*=cnjnctn-type-] > [class*=cnjnctn-col]:not(:first-child) { + margin-top: 1.8em; +} +[class*=cnjnctn-type-] > [class*=cnjnctn-col]:not(:first-child):before { + border-color: #6f6f6f; + border-style: solid; + box-sizing: content-box; + font-size: 0.8em; + font-weight: 600; + height: 1.8em; + left: auto; + line-height: 1.7em; + margin-top: -3.8em; + padding: 0.3em; + position: absolute; + text-align: center; + width: 1.8em; +} +.cnjnctn-type-or > [class*=cnjnctn-col]:not(:first-child):before { + border-radius: 50%; + border-width: 3px; +} +.cnjnctn-type-and > [class*=cnjnctn-col]:not(:first-child):before { + border-width: 3px 0px 3px 0px; +} +html:lang(en) .cnjnctn-type-and > [class*=cnjnctn-col]:not(:first-child):before { + content: "and"; +} +html:lang(fr) .cnjnctn-type-and > [class*=cnjnctn-col]:not(:first-child):before { + content: "et"; +} +html:lang(en) .cnjnctn-type-or > [class*=cnjnctn-col]:not(:first-child):before { + content: "or"; +} +html:lang(fr) .cnjnctn-type-or > [class*=cnjnctn-col]:not(:first-child):before { + content: "ou"; +} +[class*=cnjnctn-type-] > .cnjnctn-col-90 { + flex-basis: 90% +} +[class*=cnjnctn-type-] > .cnjnctn-col-80 { + flex-basis: 80% +} +[class*=cnjnctn-type-] > .cnjnctn-col-75 { + flex-basis: 75% +} +[class*=cnjnctn-type-] > .cnjnctn-col-70 { + flex-basis: 70% +} +[class*=cnjnctn-type-] > .cnjnctn-col-60 { + flex-basis: 60% +} +[class*=cnjnctn-type-] > .cnjnctn-col-50 { + flex-basis: 50% +} +[class*=cnjnctn-type-] > .cnjnctn-col-40 { + flex-basis: 40% +} +[class*=cnjnctn-type-] > .cnjnctn-col-30 { + flex-basis: 30% +} +[class*=cnjnctn-type-] > .cnjnctn-col-25 { + flex-basis: 25% +} +[class*=cnjnctn-type-] > .cnjnctn-col-20 { + flex-basis: 20% +} +[class*=cnjnctn-type-].cnjnctn-xs { + flex-direction: row; +} +[class*=cnjnctn-type-].cnjnctn-xs:not(.brdr-0) > [class*=cnjnctn-col] { + min-height: 3em; + padding-left: 0; + padding-right: 0; +} +[class*=cnjnctn-type-].cnjnctn-xs > [class*=cnjnctn-col]:not(:first-child):after { + border-image: linear-gradient(to bottom, #6f6f6f 0.3em, #6f6f6f 0.3em, transparent 0.3em, transparent 2.35em, #6f6f6f 2.35em, #6f6f6f 2.35em) 1 100%; + border-left: 3px solid #6f6f6f; +} +@media (prefers-contrast: more) { + [class*=cnjnctn-type-].cnjnctn-xs > [class*=cnjnctn-col]:not(:first-child):after { + border-image: linear-gradient(to bottom, #ffffff 0.3em, #ffffff 0.3em, transparent 0.3em, transparent 2.35em, #ffffff 2.35em, #ffffff 2.35em) 1 100%; + } + @-moz-document url-prefix() { + [class*=cnjnctn-type-].cnjnctn-xs > [class*=cnjnctn-col]:not(:first-child):after { + border-left: none; + } + } +} +[class*=cnjnctn-type-].cnjnctn-xs > [class*=cnjnctn-col]:not(:first-child) { + margin-left: 1.4em; + position: relative; +} +[class*=cnjnctn-type-].cnjnctn-xs > [class*=cnjnctn-col]:not(:first-child):after { + margin-left: -1.6em; +} +.cnjnctn-type-or.cnjnctn-xs > [class*=cnjnctn-col]:not(:first-child):before { + margin-left: -3.3em; +} +.cnjnctn-type-and.cnjnctn-xs > [class*=cnjnctn-col]:not(:first-child):before { + margin-left: -3.15em; +} +[class*=cnjnctn-type-].cnjnctn-xs > [class*=cnjnctn-col]:not(:first-child):before { + margin-top: 0.3em; +} +[class*=cnjnctn-type-].cnjnctn-xs > [class*=cnjnctn-col]:not(:last-child) { + margin-bottom: 0; +} +[class*=cnjnctn-type-].cnjnctn-xs > [class*=cnjnctn-col]:not(:first-child) { + margin-top: 0; +} +.cnjnctn-type-and.cnjnctn-xs > [class*=cnjnctn-col]:not(:first-child):before { + border-width: 3px 0px 3px 0px; +} +[class*=cnjnctn-type-].brdr-0 > [class*=cnjnctn-col]:after { + border-left: none; +} +@media all and (min-width: 768px) { + [class*=cnjnctn-type-].cnjnctn-sm { + border-left: 0px solid transparent; + flex-direction: row; + } + [class*=cnjnctn-type-].cnjnctn-sm > [class*=cnjnctn-col]:not(:first-child) { + margin-left: 1.4em; + position: relative; + } + [class*=cnjnctn-type-].cnjnctn-sm > [class*=cnjnctn-col]:not(:first-child):after { + margin-left: -1.6em; + } + .cnjnctn-type-or.cnjnctn-sm > [class*=cnjnctn-col]:not(:first-child):before { + margin-left: -3.3em; + } + .cnjnctn-type-and.cnjnctn-sm > [class*=cnjnctn-col]:not(:first-child):before { + margin-left: -3.15em; + } + [class*=cnjnctn-type-].cnjnctn-sm > [class*=cnjnctn-col]:not(:first-child):before { + margin-top: 0.3em; + } + [class*=cnjnctn-type-].cnjnctn-sm > [class*=cnjnctn-col]:not(:last-child) { + margin-bottom: 0; + } + [class*=cnjnctn-type-].cnjnctn-sm > [class*=cnjnctn-col]:not(:first-child) { + margin-top: 0; + } + [class*=cnjnctn-type-].cnjnctn-sm > [class*=cnjnctn-col]:not(:first-child):after { + border-image: linear-gradient(to bottom, #6f6f6f 0.3em, #6f6f6f 0.3em, transparent 0.3em, transparent 2.35em, #6f6f6f 2.35em, #6f6f6f 2.35em) 1 100%; + border-left: 3px solid #6f6f6f; + } + @media (prefers-contrast: more) { + [class*=cnjnctn-type-].cnjnctn-sm > [class*=cnjnctn-col]:not(:first-child):after { + border-image: linear-gradient(to bottom, #ffffff 0.3em, #ffffff 0.3em, transparent 0.3em, transparent 2.35em, #ffffff 2.35em, #ffffff 2.35em) 1 100%; + } + @-moz-document url-prefix() { + [class*=cnjnctn-type-].cnjnctn-sm > [class*=cnjnctn-col]:not(:first-child):after { + border-left: none; + } + } + } + .cnjnctn-type-and.cnjnctn-sm > [class*=cnjnctn-col]:not(:first-child):before { + border-width: 3px 0px 3px 0px; + } + [class*=cnjnctn-type-].cnjnctn-sm:not(.brdr-0) > [class*=cnjnctn-col] { + min-height: 3em; + padding-left: 0; + padding-right: 0; + } +} +@media all and (min-width: 992px) { + [class*=cnjnctn-type-].cnjnctn-md { + border-left: 0px solid transparent; + flex-direction: row; + } + [class*=cnjnctn-type-].cnjnctn-md > [class*=cnjnctn-col]:not(:first-child) { + margin-left: 1.4em; + position: relative; + } + [class*=cnjnctn-type-].cnjnctn-md > [class*=cnjnctn-col]:not(:first-child):after { + margin-left: -1.6em; + } + .cnjnctn-type-or.cnjnctn-md > [class*=cnjnctn-col]:not(:first-child):before { + margin-left: -3.3em; + } + .cnjnctn-type-and.cnjnctn-md > [class*=cnjnctn-col]:not(:first-child):before { + margin-left: -3.15em; + } + [class*=cnjnctn-type-].cnjnctn-md > [class*=cnjnctn-col]:not(:first-child):before { + margin-top: 0.3em; + } + [class*=cnjnctn-type-].cnjnctn-md > [class*=cnjnctn-col]:not(:last-child) { + margin-bottom: 0; + } + [class*=cnjnctn-type-].cnjnctn-md > [class*=cnjnctn-col]:not(:first-child) { + margin-top: 0; + } + [class*=cnjnctn-type-].cnjnctn-md > [class*=cnjnctn-col]:not(:first-child):after { + border-image: linear-gradient(to bottom, #6f6f6f 0.3em, #6f6f6f 0.3em, transparent 0.3em, transparent 2.35em, #6f6f6f 2.35em, #6f6f6f 2.35em) 1 100%; + border-left: 3px solid #6f6f6f; + } + @media (prefers-contrast: more) { + [class*=cnjnctn-type-].cnjnctn-md > [class*=cnjnctn-col]:not(:first-child):after { + border-image: linear-gradient(to bottom, #ffffff 0.3em, #ffffff 0.3em, transparent 0.3em, transparent 2.35em, #ffffff 2.35em, #ffffff 2.35em) 1 100%; + } + @-moz-document url-prefix() { + [class*=cnjnctn-type-].cnjnctn-md > [class*=cnjnctn-col]:not(:first-child):after { + border-left: none; + } + } + } + .cnjnctn-type-and.cnjnctn-md > [class*=cnjnctn-col]:not(:first-child):before { + border-width: 3px 0px 3px 0px; + } + [class*=cnjnctn-type-].cnjnctn-md:not(.brdr-0) > [class*=cnjnctn-col] { + min-height: 3em; + padding-left: 0; + padding-right: 0; + } +} +@media all and (min-width: 1200px) { + [class*=cnjnctn-type-].cnjnctn-lg { + border-left: 0px solid transparent; + flex-direction: row; + } + [class*=cnjnctn-type-].cnjnctn-lg > [class*=cnjnctn-col]:not(:first-child) { + margin-left: 1.4em; + position: relative; + } + [class*=cnjnctn-type-].cnjnctn-lg > [class*=cnjnctn-col]:not(:first-child):after { + margin-left: -1.6em; + } + .cnjnctn-type-or.cnjnctn-lg > [class*=cnjnctn-col]:not(:first-child):before { + margin-left: -3.3em; + } + .cnjnctn-type-and.cnjnctn-lg > [class*=cnjnctn-col]:not(:first-child):before { + margin-left: -3.15em; + } + [class*=cnjnctn-type-].cnjnctn-lg > [class*=cnjnctn-col]:not(:first-child):before { + margin-top: 0.3em; + } + [class*=cnjnctn-type-].cnjnctn-lg > [class*=cnjnctn-col]:not(:last-child) { + margin-bottom: 0; + } + [class*=cnjnctn-type-].cnjnctn-lg > [class*=cnjnctn-col]:not(:first-child) { + margin-top: 0; + } + [class*=cnjnctn-type-].cnjnctn-lg > [class*=cnjnctn-col]:not(:first-child):after { + border-image: linear-gradient(to bottom, #6f6f6f 0.3em, #6f6f6f 0.3em, transparent 0.3em, transparent 2.35em, #6f6f6f 2.35em, #6f6f6f 2.35em) 1 100%; + border-left: 3px solid #6f6f6f; + } + @media (prefers-contrast: more) { + [class*=cnjnctn-type-].cnjnctn-lg > [class*=cnjnctn-col]:not(:first-child):after { + border-image: linear-gradient(to bottom, #ffffff 0.3em, #ffffff 0.3em, transparent 0.3em, transparent 2.35em, #ffffff 2.35em, #ffffff 2.35em) 1 100%; + } + @-moz-document url-prefix() { + [class*=cnjnctn-type-].cnjnctn-lg > [class*=cnjnctn-col]:not(:first-child):after { + border-left: none; + } + } + } + .cnjnctn-type-and.cnjnctn-lg > [class*=cnjnctn-col]:not(:first-child):before { + border-width: 3px 0px 3px 0px; + } + [class*=cnjnctn-type-].cnjnctn-lg:not(.brdr-0) > [class*=cnjnctn-col] { + min-height: 3em; + padding-left: 0; + padding-right: 0; + } +} + +@charset "utf-8"; +/* CSS Document */ +ol.lst-stps { + counter-reset: item; + padding-left: 0; +} +ol.lst-stps, ol.lst-stps-sub { + list-style-type: none; +} +ol.lst-stps > li { + content: counter(item); + counter-increment: item; +} +ol.lst-stps > li:before { + content: counter(item); +} +ol.lst-stps.ld-zr > li:before { + content: counter(item, decimal-leading-zero); + font-size: 1.4em; + padding-left: 0.5em; +} +ol.lst-stps > li ol.lst-stps-sub { + clear: both; + counter-reset: subitem; + padding-left: 0px; +} +ol.lst-stps > li ol.lst-stps-sub > li:before { + counter-increment: subitem; + content: counter(item) ""counter(subitem, lower-alpha) ""; + margin-left: -3em; + margin-top: -6px; +} +ol.lst-stps:not(.stps-strpd) > li, ol.lst-stps-sub:not(.stps-strpd) > li { + margin-top: 20px; + min-height: 3em; + padding-left: 3.2em; + padding-right: 15px; +} +ol.lst-stps-sub:not(.stps-strpd) > li { + min-height: 2em; + padding-left: 2.6em; +} +ol.lst-stps > li:before, ol.lst-stps > li ol.lst-stps-sub > li:before { + border-style: solid; + border-width: 3px; + box-sizing: content-box; + float: left; + font-family: Lato, sans-serif; + font-weight: 600; + line-height: 2; + margin-left: -3.2em; + margin-right: 10px; + margin-top: -8px; + position: relative; + text-align: center; + width: 2em; +} +ol.lst-stps:not(.ld-zr) > li:before, ol.lst-stps:not(.ld-zr) > li ol.lst-stps-sub > li:before { + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; +} +ol.lst-stps:not(.ld-zr) ol.lst-stps-sub > li:before { + font-size: 0.8em; +} +ol.lst-stps.ld-zr > li:before, ol.lst-stps.ld-zr > li ol.lst-stps-sub > li:before { + border-width: 0 3px 0 0; + line-height: 1.4; + margin-top: 0px; + padding-bottom: 0.8em; +} +/*striped design */ +ol.lst-stps.stps-strpd > li :first-child:is(h2, h3, h4, h5, h6, p), ol.lst-stps-sub.stps-strpd > li :first-child:is(h2, h3, h4, h5, h6, p) { + margin-top: auto; +} +ol.lst-stps.stps-strpd > li, ol.lst-stps-sub.stps-strpd > li { + min-height: 4em; + padding-left: 3.6em; + padding-right: 15px; +} +ol.lst-stps > li ol.lst-stps-sub.stps-strpd > li { + padding-left: 3em; +} +ol.lst-stps.stps-strpd > li:nth-child(odd), ol.lst-stps.stps-strpd > li:nth-child(even) ol.lst-stps-sub.stps-strpd > li:nth-child(odd), ol.lst-stps.stps-strpd > li:nth-child(odd) ol.lst-stps-sub.stps-strpd > li:nth-child(even) { + background-color: #f5f5f5; +} +ol.lst-stps.stps-strpd > li:nth-child(odd) ol.lst-stps-sub.stps-strpd > li:nth-child(odd) { + background-color: #fff !important; +} +ol.lst-stps.stps-strpd > li, ol.lst-stps.stps-strpd > li ol.lst-stps-sub.stps-strpd > li { + padding-bottom: 20px; + padding-top: 20px; +} +ol.lst-stps.stps-strpd:not(.ld-zr) > li:before, ol.lst-stps.stps-strpd:not(.ld-zr) > li ol.lst-stps-sub.stps-strpd > li:before { + background-color: #fff; +} +@media all and (max-width: 767px) { + ol.lst-stps:not(.stps-strpd) > li, ol.lst-stps-sub:not(.stps-strpd) > li { + padding-left: 2.6em; + } + ol.lst-stps.ld-zr:not(.stps-strpd) > li, ol.lst-stps.ld-zr > li ol.lst-stps-sub:not(.stps-strpd) > li { + padding-left: 2.8em; + } + ol.lst-stps > li:before { + font-size: 0.8em; + } + ol.lst-stps.ld-zr > li:before { + font-size: 1.2em; + } + ol.lst-stps.stps-strpd > li, ol.lst-stps-sub.stps-strpd > li { + padding-left: 3em; + } +} +@media print { + ol.lst-stps>li { + -webkit-break-inside: avoid; + -moz-break-inside: avoid; + break-inside: avoid; + padding-top:1em; + } +} + +/*** Mega Menu ***/ +/* add background and text color for menu */ +#wb-sm.campaign-menu { + background: #26374a; + color: #fff; +} +/* remove table cell and text shadow */ +#wb-sm.campaign-menu .menu { + border-right: 0px !important; + display: block; + text-shadow: none; +} + + /* focus within menu item background */ +#wb-sm.campaign-menu .menu .active, +#wb-sm.campaign-menu .menu .wb-navcurr, +#wb-sm.campaign-menu .menu > li a:focus { + background: #ccc !important; + color: #333 !important; +} + +#wb-sm.campaign-menu .menu > li { + border-left: 1px solid #26374a; +} + +#wb-sm.campaign-menu .menu > li:last-child { + border-right: 1px solid #26374a; +} + +/* adjust menu padding to align height with GCMenu button */ +#wb-sm.campaign-menu .menu > li a { + padding: 0.5em 1em; +} + +/* change menu item on-hover background */ +#wb-sm.campaign-menu .menu > li a:hover{ + background: #ccc !important; + color: #333 !important; +} + +/* change menuitem text color when mouse move to submenu item */ +#wb-sm.campaign-menu .menu > li.active > a{ + background: #ccc!important; + color: #333!important; +} + +/* submenu default color */ +#wb-sm.campaign-menu .sm.open li a { + background: #ccc !important; + color: #333 !important; +} + +/* hover on submenu item */ +#wb-sm.campaign-menu .sm.open li a:active, +#wb-sm.campaign-menu .sm.open li a:focus, +#wb-sm.campaign-menu .sm.open li a:hover { + background: #26374a !important; + color: #fff !important; +} + +/* submenu bottom bar color */ +#wb-sm.campaign-menu .sm.open { + border-bottom: 5px solid #26374a !important; +} + +/*** GCWEB Menu ***/ +/* default color */ +.gcweb-menu.campaign-menu button[aria-haspopup=true] { + background-color: #26374a !important; + border: 1px solid #26374a; + color: #fff; +} + +/* Button opened with white background */ +.gcweb-menu.campaign-menu button[aria-haspopup=true][aria-expanded=true] { + background-color: #fff !important; + color: #000; +} + +/* button closed */ +.gcweb-menu.campaign-menu button[aria-haspopup=true]:focus { + background-color: #26374a !important; + border: 1px dotted #fff; + color: #fff; +} + +/* add border for menu item area to align the width */ +.gcweb-menu.campaign-menu button[aria-haspopup=true][aria-expanded=true] + [role=menu] { + border-right: #26374a solid 1px !important; +} + +/* menu item background and color */ +.gcweb-menu.campaign-menu [role=menu] { + background-color: #26374a !important; + color: #fff; +} + +/* remove border lines */ +.gcweb-menu.campaign-menu [role=menuitem], +.gcweb-menu.campaign-menu [role=menuitem]:visited, +.gcweb-menu.campaign-menu [role=menu] > li, +.gcweb-menu.campaign-menu [role=menu] > li:first-child, +.gcweb-menu.campaign-menu [role=menu] > li:last-child, +.gcweb-menu.campaign-menu [role=menu] [role=menu] [role=menuitem], +.gcweb-menu.campaign-menu [role=menu] [role=menu] li:first-child [role=menuitem] { + border: none; +} + +/* submenu background and text color */ +.gcweb-menu.campaign-menu [role=menu] [role=menu] li [role=menuitem] { + background-color: #e1e1e1 !important; + color: #333; + padding-left: 65px; +} + +/* submenu item paddings and margins */ +.gcweb-menu.campaign-menu [aria-expanded=true]:not(button) + [role=menu] li { + margin-left: 0px; +} +.gcweb-menu.campaign-menu [aria-expanded=true]:not(button) + [role=menu] li:first-child [role=menuitem], +.gcweb-menu.campaign-menu [aria-expanded=true]:not(button) + [role=menu] li:last-child [role=menuitem] { + padding-left: 65px; +} + +/* submenu item on focus */ +.gcweb-menu.campaign-menu [role=menu] [role=menu] [role=menuitem]:focus, +.gcweb-menu.campaign-menu [role=menu] [role=menu] li:first-child [role=menuitem]:focus, +.gcweb-menu.campaign-menu [role=menu] [role=menu] li:last-child [role=menuitem]:focus { + background-color: #e1e1e1 !important; + color: #333 !important; +} + +/* submenu item on hover */ +.gcweb-menu.campaign-menu [role=menu] [role=menu] [role=menuitem]:hover, +.gcweb-menu.campaign-menu [role=menu] [role=menu] li:first-child [role=menuitem]:hover, +.gcweb-menu.campaign-menu [role=menu] [role=menu] li:last-child [role=menuitem]:hover { + background: #26374a !important; + color: #fff !important; + text-decoration: none; +} + +/* remove the underline of sub menu item */ +.gcweb-menu.campaign-menu [role=menu] [role=menu] li [role=menuitem], +.gcweb-menu.campaign-menu [role=menu] [role=menu] li:first-child [role=menuitem] { + text-decoration: none; +} + +/*** Secondary colour cm-bg-darker ***/ +/* add background and text color for menu */ +#wb-sm.campaign-menu.cm-bg-darker { + background: #000; +} + +#wb-sm.campaign-menu.cm-bg-darker .menu > li { + border-left: 1px solid #000; +} + +#wb-sm.campaign-menu.cm-bg-darker .menu > li:last-child { + border-right: 1px solid #000; +} + +/* hover on submenu item */ +#wb-sm.campaign-menu.cm-bg-darker .sm.open li a:active, +#wb-sm.campaign-menu.cm-bg-darker .sm.open li a:focus, +#wb-sm.campaign-menu.cm-bg-darker .sm.open li a:hover { + background: #000 !important; +} + +/* submenu bottom bar color */ +#wb-sm.campaign-menu.cm-bg-darker .sm.open { + border-bottom: 5px solid #000 !important; +} + +/*** GCWEB Menu ***/ +/* default color */ +.gcweb-menu.campaign-menu.cm-bg-darker button[aria-haspopup=true] { + background-color: #000 !important; + border: 1px solid #000; +} + +.gcweb-menu.campaign-menu.cm-bg-darker button[aria-haspopup=true][aria-expanded=true] { + background-color: #fff !important; +} + +/* button closed */ +.gcweb-menu.campaign-menu.cm-bg-darker button[aria-haspopup=true]:focus { + background-color: #000 !important; +} + +/* add border for menu item area to align the width */ +.gcweb-menu.campaign-menu.cm-bg-darker button[aria-haspopup=true][aria-expanded=true] + [role=menu] { + border-right: #000 solid 1px !important; +} + +/* menu item background and color */ +.gcweb-menu.campaign-menu.cm-bg-darker [role=menu] { + background-color: #000 !important; +} + +/* submenu item on hover */ +.gcweb-menu.campaign-menu.cm-bg-darker [role=menu] [role=menu] [role=menuitem]:hover, +.gcweb-menu.campaign-menu.cm-bg-darker [role=menu] [role=menu] li:first-child [role=menuitem]:hover, +.gcweb-menu.campaign-menu.cm-bg-darker [role=menu] [role=menu] li:last-child [role=menuitem]:hover { + background: #000 !important; +} + +@charset "utf-8"; +/* CSS Document */ + .wb-clipboard-init.copyarea:not(textarea):not(input) { + border: 1px solid #e3e3e3; + box-shadow: 0px 0px 8px #e3e3e3; + margin-left: 30px; + margin-right: 30px; + padding: 15px; + margin-bottom: 15px; + } + + .copyarea::before, .copyarea::after { + clip: rect(1px,1px,1px,1px); + height: 1px; + margin: 0; + overflow: hidden; + position: absolute; + width: 1px; + } + .wb-clipboard-init.copyarea::before, .wb-clipboard-init.copyarea::after { + content: ""; + } + .copyarea.copied:not(textarea):not(input) { + border: 1px solid #d6e9c6; + box-shadow: 0px 0px 18px #d6e9c6; + } + pre.wb-clipboard > button.wb-clipboard-btn { + font-family: Helvetica,Arial,sans-serif; + } +button.wb-clipboard-btn:not(.btn-xs) { + font-size: 1em; + font-weight: 600; + padding: 5px 7px; +} +button.wb-clipboard-btn:not(.btn-xs) .glyphicon { + font-size: 1.2em; +} + .wb-clipboard-text { + font-family: courier; + font-size: 16px; + } + textarea.wb-clipboard { + margin-bottom: 15px; + } + +/* Remove default bottom border for each questions of the Steps Form */ +.provisional.wb-steps.quiz .steps-wrapper { + border-bottom: none; +} + +.provisional.wb-steps.quiz .wb-tggle-fildst > legend:before { + content: ""; + counter-increment: none; +} + +/* Customisation for the progress bar and text */ +.provisional.wb-steps.quiz progress.progressBar, +.provisional.wb-steps.quiz label { + /*-webkit-appearance: progress-bar;*/ + width: 100%; +} + +.provisional.wb-steps.quiz .progressText { + text-align: center; +} + +/* Align with default text size since forms are temporary excluded */ +.provisional.wb-steps.quiz p { + font-size: 20px; +} + +.cnt-wdth-lmtd main .panel.stepsquiz:has( .provisional.wb-steps.quiz ) { + max-width: 65ch; +} + +.provisional.wb-steps.quiz .steps-wrapper .buttons .btn { + display: inline-block; + width: 48%; + margin: 10px 1%; +} + +/*------ +* Deprecated styles +------*/ + +/* Well bold */ +.well.well-bold { + font-weight: 700; +} +.well.well-bold strong { + font-weight: 400; +} diff --git "a/m\303\251li-m\303\251lo/compilation-gel\303\251/2024-09-kejimkujik.js" "b/m\303\251li-m\303\251lo/compilation-gel\303\251/2024-09-kejimkujik.js" new file mode 100644 index 0000000000..8adab74b11 --- /dev/null +++ "b/m\303\251li-m\303\251lo/compilation-gel\303\251/2024-09-kejimkujik.js" @@ -0,0 +1,1246 @@ +/** + * @title Campaign menu + * @author PCH + */ +(function ($, window, document, wb) { + "use strict"; + + var componentName = "campaign-menu", + selector = "." + componentName + ".gcweb-menu", + initEvent = "wb-init" + selector, + $document = wb.doc, + savedAnchorFocus, + /** + * @method init + * @param {jQuery Event} event Event that triggered the function call + */ + init = function (event) { + // Start initialization + // returns DOM object = proceed with init + // returns undefined = do not proceed with init (e.g., already initialized) + var elm = wb.init(event, componentName, selector), + $elm; + + if (elm) { + $elm = $(elm); + + // Check if there is already a gcweb menu. + // If there are 2 present, the global GCWeb menu is present, hide this custom menu + var gcWebMenus = document.querySelectorAll(".gcweb-menu"); + if (gcWebMenus.length > 1) { + console.warn(componentName + " - gcweb menu already exsits on the page, hiding gcweb campaign menu and aborting"); + $elm.addClass('hidden'); + wb.ready($elm, componentName); + return; + } + + // If a megamenu is already present, abort to avoid duplicate wb-sm IDs + var megamenuExists = document.querySelector("#wb-sm"); + if (megamenuExists != undefined || megamenuExists != null) { + console.warn(componentName + " - megamenu already exsits on the page, aborting"); + $elm.addClass('hidden'); + wb.ready($elm, componentName); + return; + } + + // Build megamenu once WET is fully initialized, to ensure the GCWeb menu ajax append is complete + $(document).on("wb-ready.wb", buildMegaMenu($elm)); + + wb.ready($elm, componentName); + } + }, + + buildMegaMenu = function ($elm) { + return function (e) { + // Retrieve the top level list items from GCWeb men + var gcwebMenuListItems = $elm.find("> ul > li"); + + // Start building mega menu + var megamenuHTML = ""; + $.each(gcwebMenuListItems, function (key, element) { + // Get top level list item's anchor + var anchor = element.querySelector("a"); + // Build list item without a submenu + let href = anchor.getAttribute('href'); + let linkText = anchor.textContent; + megamenuHTML += `