feat: update tarteauciton to version 1.17

adds google consent mode v2

src/pringuin/DataprivacyBundle/Resources/public/js/tarteaucitron/README.md

@@ -39,13 +39,14 @@ tarteaucitron.init({
     "orientation": "middle", /* Banner position (top - bottom - middle - popup) */
 
     "groupServices": false, /* Group services by category */
+    "showDetailsOnClick": true, /* Click to expand the description */
     "serviceDefaultState": "wait", /* Default state (true - wait - false) */
 
     "showAlertSmall": false, /* Show the small banner on bottom right */
     "cookieslist": false, /* Show the cookie list */
     
     "showIcon": true, /* Show cookie icon to manage cookies */
-    // "iconSrc": "", /* Optionnal: URL or base64 encoded image */
+    // "iconSrc": "", /* Optional: URL or base64 encoded image */
     "iconPosition": "BottomRight", /* Position of the icon between BottomRight, BottomLeft, TopRight and TopLeft */
 
     "adblocker": false, /* Show a Warning if an adblocker is detected */
@@ -61,12 +62,18 @@ tarteaucitron.init({
     "useExternalCss": false, /* If false, the tarteaucitron.css file will be loaded */
     "useExternalJs": false, /* If false, the tarteaucitron.services.js file will be loaded */
 
-    //"cookieDomain": ".my-multisite-domaine.fr", /* Shared cookie for subdomain website */
+    // "cookieDomain": ".my-multisite-domaine.fr", /* Shared cookie for subdomain website */
 
     "readmoreLink": "", /* Change the default readmore link pointing to tarteaucitron.io */
     
     "mandatory": true, /* Show a message about mandatory cookies */
-    "mandatoryCta": true /* Show the disabled accept button when mandatory on */
+    "mandatoryCta": true, /* Show the disabled accept button when mandatory on */
+    
+    // "customCloserId": "", /* Optional a11y: Custom element ID used to open the panel */
+
+    "googleConsentMode": true, /* Enable Google Consent Mode v2 for Google ads and GA4 */
+    
+    "partnersList": false /* Details the number of partners on the popup and middle banner */
 });
 </script>
 ```

src/pringuin/DataprivacyBundle/Resources/public/js/tarteaucitron/advertising.js

@@ -1 +1,2 @@
+/* min ready */
 tarteaucitronNoAdBlocker = true;

src/pringuin/DataprivacyBundle/Resources/public/js/tarteaucitron/advertising.min.js

@@ -0,0 +1 @@
+tarteaucitronNoAdBlocker=true;

src/pringuin/DataprivacyBundle/Resources/public/js/tarteaucitron/css/tarteaucitron.css

@@ -1,3 +1,4 @@
+/* min ready */
 div#tarteaucitronMainLineOffset,.tarteaucitronBorder {border:0!important;}
 
 #tarteaucitron [aria-pressed="true"] {
@@ -25,6 +26,92 @@ div#tarteaucitronAlertBig:focus {outline: 0;}
 
 #tarteaucitronContentWrapper {display:unset;}
 
+/** 10082023 **/
+div#tarteaucitronServices {
+    border-radius: 8px;
+}
+
+button#tarteaucitronClosePanel {
+    border-radius: 5px 5px 0 0;
+    right: 15px!important;
+}
+button.tarteaucitron-toggle-group {
+    background: transparent!important;
+    padding: 10px 0 0;
+    cursor: pointer;
+}
+
+#tarteaucitronRoot .tarteaucitronIsDenied .tarteaucitronAllow .tarteaucitronCheck::before {
+    content: '\2610'!important
+}
+
+#tarteaucitronRoot .tarteaucitronIsAllowed .tarteaucitronAllow .tarteaucitronCheck::before {
+    content: '\2611'!important
+}
+
+#tarteaucitronRoot .tarteaucitronIsDenied .tarteaucitronDeny .tarteaucitronCross::before {
+    content: '\2611'!important
+}
+
+#tarteaucitronRoot .tarteaucitronIsAllowed .tarteaucitronDeny .tarteaucitronCross::before {
+    content: '\2610'!important
+}
+
+#tarteaucitronRoot .tarteaucitronAllow .tarteaucitronCheck::before {
+    content: '\2610'!important
+}
+
+#tarteaucitronRoot .tarteaucitronDeny .tarteaucitronCross::before {
+    content: '\2610'!important
+}
+
+#tarteaucitronRoot #tarteaucitronServices_mandatory .tarteaucitronCheck::before {
+    content: '\2611'!important
+}
+
+#tarteaucitronRoot .tarteaucitronCheck::before,
+#tarteaucitronRoot .tarteaucitronCross::before {
+    font-size: 20px;
+}
+/* hide useless mandatory button */
+#tarteaucitronRoot #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronAsk {
+    display: none!important;
+}
+
+/* remove icon from the banner */
+#tarteaucitronRoot button.tarteaucitronCTAButton,
+#tarteaucitronRoot button#tarteaucitronCloseAlert,
+#tarteaucitronRoot button#tarteaucitronPrivacyUrl{
+    border: 0;
+    border-radius: 4px;
+}
+#tarteaucitronRoot button.tarteaucitronCTAButton .tarteaucitronCross,
+#tarteaucitronRoot button.tarteaucitronCTAButton .tarteaucitronCheck {
+    display:none;
+}
+
+/* dont use bold to avoid bigger button */
+#tarteaucitronRoot #tarteaucitron [aria-pressed="true"] {
+    font-weight: initial;
+    text-shadow: 0px 0px 1px;
+}
+
+/* fix padding if no cookies */
+#tarteaucitronRoot #tarteaucitronServices li#tarteaucitronNoServicesTitle {
+    padding: 20px;
+}
+
+/* hide info about cookies number */
+#tarteaucitronRoot .tarteaucitronStatusInfo {
+    display: none;
+}
+
+#tarteaucitronRoot .tarteaucitronName {
+    padding-top: 5px;
+}
+/***************/
+
+
 /** 14042021 **/
 span.tarteaucitronReadmoreSeparator {
     display: inline!important;
@@ -56,6 +143,47 @@ span.tarteaucitronH3 {
 }
 /*****/
 
+/** PARTNERS LIST **/
+html body #tarteaucitronRoot #tarteaucitronAlertBig div.tarteaucitronPartnersList {
+    text-align: left;
+    background: #ffffff17;
+    margin: 15px 0px 10px;
+    padding: 15px;
+    display: block;
+    border-radius: 4px;
+}
+
+html body #tarteaucitronRoot #tarteaucitronAlertBig div.tarteaucitronPartnersList b {
+    font-weight: 700;
+    padding-bottom: 8px;
+    display: block;
+    font-size: 16px;
+}
+
+html body #tarteaucitronRoot #tarteaucitronAlertBig div.tarteaucitronPartnersList ul {
+    margin-left: 22px;
+}
+
+html body #tarteaucitronRoot #tarteaucitronAlertBig div.tarteaucitronPartnersList ul li {
+    list-style: circle;
+    font-size: 14px;
+}
+/**********************/
+
+/** SAVE BUTTON **/
+html body #tarteaucitronRoot button#tarteaucitronSaveButton {
+    font-size: 18px!important;
+    padding: 7px 20px;
+    border-radius: 5px;
+    cursor: pointer;
+}
+
+html body #tarteaucitronRoot div#tarteaucitronSave {
+    text-align: right;
+    padding: 20px;
+}
+/******************/
+
 /** BETTER MOBILE MODE **/
 @media screen and (max-width: 767px) {
 
@@ -177,7 +305,7 @@ div#tarteaucitronServices {
     margin-top: 21px!important;
 }
 
-#tarteaucitronServices::-webkit-scrollbar {
+/*#tarteaucitronServices::-webkit-scrollbar {
     width: 5px;
 }
 
@@ -188,7 +316,7 @@ div#tarteaucitronServices {
 #tarteaucitronServices::-webkit-scrollbar-thumb {
     background-color: #ddd;
     outline: 0px solid slategrey;
-}
+}*/
 
 div#tarteaucitronServices {
     box-shadow: 0 40px 60px #545454;
@@ -338,7 +466,7 @@ div#tarteaucitronServices {
 
 #tarteaucitronRoot .tarteaucitronH2 {
     display: inline-block;
-    margin: 12px 0 0 10px;
+    margin: 12px 0 0 15px;
     color: #fff;
 }
 
@@ -421,7 +549,8 @@ div#tarteaucitronServices {
 #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle,
 #tarteaucitron #tarteaucitronServices .tarteaucitronTitle button,
 #tarteaucitron #tarteaucitronInfo,
-#tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
+#tarteaucitron #tarteaucitronServices .tarteaucitronDetails,
+#tarteaucitronRoot .asCatToggleBtn {
     color: #fff;
     display: inline-block;
     font-size: 14px;
@@ -458,7 +587,7 @@ div#tarteaucitronServices {
 }
 
 #tarteaucitron #tarteaucitronInfo,
-#tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
+#tarteaucitron #tarteaucitronServices .tarteaucitronDetails:not(.tarteaucitronDetailsInline) {
     color: #fff;
     display: none;
     font-size: 12px;
@@ -470,6 +599,15 @@ div#tarteaucitronServices {
     z-index: 2147483647;
 }
 
+#tarteaucitron #tarteaucitronServices .tarteaucitronTitle + [id^="tarteaucitronDetails"] {
+    width: calc(100% - 40px);
+    font-weight:500;
+    margin:0;
+    padding:5px 20px 20px;
+    background:rgba(51, 51, 51, 0.2);
+    color:#333;
+}
+
 #tarteaucitron #tarteaucitronInfo a {
     color: #fff;
     text-decoration: underline;
@@ -525,7 +663,7 @@ div#tarteaucitronServices {
 #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName {
     display: inline-block;
     float: left;
-    margin-left: 10px;
+    margin-left: 15px;
     text-align: left;
     width: 50%;
 }
@@ -592,9 +730,22 @@ div#tarteaucitronServices {
     margin-left: 0!important;
     font-size: 14px;
 }
+
+.tarteaucitronAlertBigBottom span#tarteaucitronDisclaimerAlert,
+.tarteaucitronAlertBigTop span#tarteaucitronDisclaimerAlert {
+    display: inline-flex;
+}
 span#tarteaucitronDisclaimerAlert {
     padding: 0 10px;
     display: inline-block;
+    overflow-y: auto;
+    max-height: 50vh;
+    line-height: normal;
+}
+@media only screen and (max-width: 768px) {
+    #tarteaucitronRoot span#tarteaucitronDisclaimerAlert {
+        font-size: 16px;
+    }
 }
 #tarteaucitron .tarteaucitronBorder, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden, #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
     border-color: #333!important;
@@ -630,7 +781,7 @@ span#tarteaucitronDisclaimerAlert {
 #tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog,
 #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
 #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
-    font: 15px verdana;
+    /*font: 15px verdana;*/
     color: #fff;
 }
 

src/pringuin/DataprivacyBundle/Resources/public/js/tarteaucitron/lang/tarteaucitron.ar.js

@@ -1,4 +1,5 @@
 /*global tarteaucitron */
+/* min ready */
 tarteaucitron.lang = {
 
     "middleBarHead": "☝ 🍪",
@@ -80,7 +81,15 @@ tarteaucitron.lang = {
         "title": "آخر",
         "details": "خدمات لعرض محتوى الويب"
     },
+
+    "google": {
+        "title": "موافقة محددة لخدمات Google",
+        "details": "قد تستخدم Google بياناتك لقياس الجمهور، وأداء الإعلانات، أو لتقديم إعلانات مخصصة لك."
+    },
 
     "mandatoryTitle": "ملفات تعريف الارتباط الإلزامية",
-    "mandatoryText": "يستخدم هذا الموقع ملفات تعريف الارتباط الضرورية لعمله بشكل صحيح. لا يمكن تعطيلها"
+    "mandatoryText": "يستخدم هذا الموقع ملفات تعريف الارتباط الضرورية لعمله بشكل صحيح. لا يمكن تعطيلها",
+
+    "save": "حفظ",
+    "ourpartners": "شركاؤنا"
 };

src/pringuin/DataprivacyBundle/Resources/public/js/tarteaucitron/lang/tarteaucitron.bg.js

@@ -1,4 +1,5 @@
 /*global tarteaucitron */
+/* min ready */
 tarteaucitron.lang = {
     "middleBarHead": "☝ 🍪",
     "adblock": "Здравей! Този сайт позволяа включването на бисквитки по избор.",
@@ -30,6 +31,7 @@ tarteaucitron.lang = {
     "more": "Прочети повече",
     "source": "Официален сайт",
     "credit": "Управление на бисквитките от tarteaucitron.js",
+    "noServices": "Този уебсайт не използва никакви бисквитки, изискващи вашето съгласие.",
 
     "toggleInfoBox": "Покажи/скрий информация за записването на бисквитки",
     "title": "Управление на бисквитките",
@@ -40,45 +42,53 @@ tarteaucitron.lang = {
     "allowAll": "Разреши всички",
     "denyAll": "Забрани всички",
 
-    "icon": "Cookies",
+    "icon": "Бисквитки",
 
     "fallback": "е изключен.",
     "allowed": "Позволен",
     "disallowed": "Забранено",
 
     "ads": {
         "title": "Рекламодатели",
-        "details": "Ad networks can generate revenue by selling advertising space on the site."
+        "details": "Мрежите за реклами могат да генерират приходи, като продават рекламно пространство на сайта."
     },
     "analytic": {
         "title": "Аналитични",
-        "details": "The audience measurement services used to generate useful statistics attendance to improve the site."
+        "details": "Услугите за измерване на аудиторията се използват за генериране на полезна статистика за посещаемостта с цел подобряване на сайта."
     },
     "social": {
         "title": "Социални",
-        "details": "Social networks can improve the usability of the site and help to promote it via the shares."
+        "details": "Социалните мрежи могат да подобрят употребата на сайта и да помогнат за неговото популяризиране чрез споделяне."
     },
     "video": {
         "title": "Видео платформи",
-        "details": "Video sharing services help to add rich media on the site and increase its visibility."
+        "details": "Услугите за споделяне на видео помагат за добавянето на богат медиен съдържание на сайта и увеличаването на видимостта му."
     },
     "comment": {
         "title": "Коментари",
-        "details": "Comments managers facilitate the filing of comments and fight against spam."
+        "details": "Управителите на коментари улесняват подаването на коментари и борбата срещу спама."
     },
     "support": {
         "title": "Поддръжка",
-        "details": "Support services allow you to get in touch with the site team and help to improve it."
+        "details": "Услугите за поддръжка ви позволяват да се свържете с екипа на сайта и да помогнете за неговото подобряване."
     },
     "api": {
         "title": "Функционални",
-        "details": "APIs are used to load scripts: geolocation, search engines, translations, ..."
+        "details": "API се използват за зареждане на скриптове: геолокация, търсачки, преводи, ..."
     },
     "other": {
         "title": "Други",
-        "details": "Services to display web content."
+        "details": "Услуги за показване на уеб съдържание."
     },
-
-    "mandatoryTitle": "Mandatory cookies",
-    "mandatoryText": "This site uses cookies necessary for its proper functioning which cannot be deactivated."
+
+    "google": {
+        "title": "Специфично съгласие за услугите на Google",
+        "details": "Google може да използва данните ви за измерване на аудиторията, рекламна ефективност или за предлагане на персонализирани реклами."
+    },
+
+    "mandatoryTitle": "Задължителни бисквитки",
+    "mandatoryText": "Този сайт използва бисквитки, необходими за неговото правилно функциониране, които не могат да бъдат деактивирани.",
+
+    "save": "Запазване",
+    "ourpartners": "Нашите партньори"
 };