@justeattakeaway/pie-cookie-banner 0.10.2 → 0.11.0

package/dist/index.js

@@ -7,7 +7,9 @@ import "@justeattakeaway/pie-icon-button";
 import "@justeattakeaway/pie-link";
 import "@justeattakeaway/pie-modal";
 import "@justeattakeaway/pie-switch";
-import { defineCustomElement as _ } from "@justeattakeaway/pie-webc-core";
+function _(i, e) {
+  customElements.get(i) ? console.warn(`PIE Web Component: "${i}" has already been defined. Please ensure the component is only being defined once in your application.`) : customElements.define(i, e);
+}
 const w = `*{margin:0}.c-cookieBanner{--cb-font-family: var(--dt-font-interactive-m-family);--cb-font-size: calc(var(--dt-font-body-l-size) * 1px);--cb-line-height: calc(var(--dt-font-body-l-line-height) * 1px);--cb-font-weight: var(--dt-font-body-l-weight);--cb-padding-inline: var(--dt-spacing-d);--cb-padding-block: var(--dt-spacing-d);--cb-offset: 0;color-scheme:only dark;background-color:var(--dt-color-background-dark);color:var(--dt-color-content-inverse);font-family:var(--cb-font-family);font-size:var(--cb-font-size);line-height:var(--cb-line-height);font-weight:var(--cb-font-weight);padding-block-start:var(--cb-padding-block);padding-block-end:var(--cb-padding-block);max-height:432px;position:fixed;bottom:var(--cb-offset);left:var(--cb-offset);right:var(--cb-offset);border-top-left-radius:var(--dt-radius-rounded-c);border-top-right-radius:var(--dt-radius-rounded-c);z-index:var(--dt-z-index-cookie-banner)}@media (min-width: 700px) and (orientation: landscape){.c-cookieBanner{--cb-padding-inline: var(--dt-spacing-f);--cb-offset: var(--dt-spacing-d);max-height:90%;border-bottom-left-radius:var(--dt-radius-rounded-c);border-bottom-right-radius:var(--dt-radius-rounded-c)}}.c-cookieBanner[isCookieBannerHidden]{display:none}.c-cookieBanner-title,.c-cookieBanner-body,.c-cookieBanner-actions{padding-inline-start:var(--cb-padding-inline);padding-inline-end:var(--cb-padding-inline)}.c-cookieBanner-title{--cb-title-font-size: var(--dt-font-heading-s-size--narrow);--cb-title-line-height: var(--dt-font-heading-s-line-height--narrow);font-size:calc(var(--cb-title-font-size) * 1px);font-weight:var(--dt-font-heading-s-weight);line-height:calc(var(--cb-title-line-height) * 1px)}@media (min-width: 700px) and (orientation: landscape){.c-cookieBanner-title{--cb-title-font-size: var(--dt-font-heading-s-size--wide);--cb-title-line-height: var(--dt-font-heading-s-line-height--wide)}}.c-cookieBanner-body{--cb-scroll-shadow-color: var(--dt-color-black);margin-block-start:var(--dt-spacing-a);max-height:200px;overflow-y:auto;background:linear-gradient(to bottom,transparent,var(--dt-color-background-dark) 75%) center bottom,linear-gradient(transparent,var(--cb-scroll-shadow-color)) center bottom;background-repeat:no-repeat;background-size:100% 48px,100% 8px;background-attachment:local,scroll}@media (min-width: 700px) and (orientation: landscape){.c-cookieBanner-body{max-height:150px}}.c-cookieBanner-actions{--cb-actions-flex-dir: column;margin-block-start:var(--dt-spacing-d);display:flex;gap:var(--dt-spacing-d);flex-direction:var(--cb-actions-flex-dir)}.c-cookieBanner-actions>pie-link{text-align:center;align-self:center}@media (min-width: 700px) and (orientation: landscape){.c-cookieBanner-actions{--cb-actions-flex-dir: row-reverse;justify-content:flex-start;align-items:center}}.c-cookieBanner-subheading{--cb-subheading-font-size: var(--dt-font-heading-s-size--narrow);--cb-subheading-line-height: var(--dt-font-heading-s-line-height--narrow);font-size:calc(var(--cb-subheading-font-size) * 1px);font-weight:var(--dt-font-heading-s-weight);line-height:calc(var(--cb-subheading-line-height) * 1px)}@media (min-width: 700px) and (orientation: landscape){.c-cookieBanner-subheading{--cb-subheading-font-size: var(--dt-font-heading-s-size--wide);--cb-subheading-line-height: var(--dt-font-heading-s-line-height--wide)}}.c-cookieBanner-description{font-size:calc(var(--dt-font-body-s-size) * 1px);line-height:calc(var(--dt-font-body-s-line-height) * 1px)}.c-cookieBanner-preference{display:flex;gap:var(--dt-spacing-d);justify-content:space-between;margin-block:var(--dt-spacing-e)}.c-cookieBanner-preference p{margin-block-start:var(--dt-spacing-b)}.c-cookieBanner-preference:last-child{margin-block-end:0}
 `, x = "pie-cookie-banner-accept-all", C = "pie-cookie-banner-necessary-only", B = "pie-cookie-banner-manage-prefs", $ = "pie-cookie-banner-prefs-saved", A = [
   {
@@ -34,54 +36,54 @@ const w = `*{margin:0}.c-cookieBanner{--cb-font-family: var(--dt-font-interactiv
     hasDescription: !0
   }
 ];
-function u(a) {
-  console.error(`[localisation-utils]: ${a}`);
+function u(i) {
+  console.error(`[localisation-utils]: ${i}`);
 }
-function O(a, e) {
-  const n = (t) => String.prototype.split.call(e, t).filter(Boolean).reduce((r, o) => r != null && typeof r == "object" ? r[o] : r, a), i = n(/[,[\]]+?/) || n(/[,[\].]+?/);
-  return typeof i != "string" ? "" : i;
+function E(i, e) {
+  const n = (t) => String.prototype.split.call(e, t).filter(Boolean).reduce((o, r) => o != null && typeof o == "object" ? o[r] : o, i), a = n(/[,[\]]+?/) || n(/[,[\].]+?/);
+  return typeof a != "string" ? "" : a;
 }
-function b(a, e) {
-  if (!a)
+function b(i, e) {
+  if (!i)
     throw new Error('"locale" parameter cannot be empty');
   if (!e)
     throw new Error('"key" parameter cannot be empty');
-  const n = O(a, e);
+  const n = E(i, e);
   return n || (u(`Couldn't find a value for the key "${e}", it will be used as fallback.`), e);
 }
-function E(a) {
-  const n = a.map((t) => `(<${t}.*>.*</${t}>)`).join("|");
+function O(i) {
+  const n = i.map((t) => `(<${t}.*>.*</${t}>)`).join("|");
   return new RegExp(n, "igm");
 }
-function T(a, e) {
+function T(i, e) {
   const n = Object.keys(e);
   if (n.length === 0)
-    return [a];
-  const i = E(n);
-  return a.split(i).filter((t) => !!t).map((t) => {
-    if (!t.match(i))
+    return [i];
+  const a = O(n);
+  return i.split(a).filter((t) => !!t).map((t) => {
+    if (!t.match(a))
       return t;
-    const o = t.match(/<(.*)>(.*)<\/.*>/);
-    if (!o)
+    const r = t.match(/<(.*)>(.*)<\/.*>/);
+    if (!r)
       return t;
-    const [, d, c] = o;
+    const [, d, c] = r;
     return [d, c];
   }).map((t) => {
     if (!Array.isArray(t))
       return t;
-    const [o, d] = t, c = e[o];
-    return c || typeof c == "function" ? c(d) : (u(`Custom tag "${o}" does not have a matching enhancer function`), d);
+    const [r, d] = t, c = e[r];
+    return c || typeof c == "function" ? c(d) : (u(`Custom tag "${r}" does not have a matching enhancer function`), d);
   });
 }
-function M(a, e, n) {
-  if (!a)
+function M(i, e, n) {
+  if (!i)
     throw new Error('"locale" parameter cannot be empty');
   if (!e)
     throw new Error('"key" parameter cannot be empty');
   if (!n)
     throw new Error('"customTagEnhancers" parameter cannot be empty');
-  const i = b(a, e);
-  return T(i, n);
+  const a = b(i, e);
+  return T(a, n);
 }
 const N = {
   title: "Cookies",
@@ -91,7 +93,7 @@ const N = {
     necessaryOnly: "Necessary only",
     acceptAll: "Accept all"
   }
-}, S = {
+}, z = {
   title: "Manage your preferences",
   description: "You can find all the information in the <linkCookieStatement>Cookie Statement</linkCookieStatement> and <linkCookieTechList>Cookie technology list</linkCookieTechList>.",
   all: {
@@ -119,19 +121,19 @@ const N = {
       ariaLabel: ""
     }
   }
-}, z = {
+}, P = {
   banner: N,
-  preferencesManagement: S
+  preferencesManagement: z
 };
-var P = Object.defineProperty, R = Object.getOwnPropertyDescriptor, p = (a, e, n, i) => {
-  for (var t = i > 1 ? void 0 : i ? R(e, n) : e, r = a.length - 1, o; r >= 0; r--)
-    (o = a[r]) && (t = (i ? o(e, n, t) : o(t)) || t);
-  return i && t && P(e, n, t), t;
+var S = Object.defineProperty, R = Object.getOwnPropertyDescriptor, p = (i, e, n, a) => {
+  for (var t = a > 1 ? void 0 : a ? R(e, n) : e, o = i.length - 1, r; o >= 0; o--)
+    (r = i[o]) && (t = (a ? r(e, n, t) : r(t)) || t);
+  return a && t && S(e, n, t), t;
 };
 const D = "pie-cookie-banner";
 class l extends m {
   constructor() {
-    super(...arguments), this._isCookieBannerHidden = !1, this._isModalOpen = !1, this.hasPrimaryActionsOnly = !1, this.locale = z, this._customTagEnhancers = {
+    super(...arguments), this._isCookieBannerHidden = !1, this._isModalOpen = !1, this.hasPrimaryActionsOnly = !1, this.locale = P, this._customTagEnhancers = {
       linkStatement: (e) => s`<pie-link variant="inverse">${e}</pie-link>`,
       linkNecessaryOnly: (e) => s`<pie-link data-test-id="body-necessary-only" tag="button" variant="inverse" @click="${this._onNecessaryOnly}">${e}</pie-link>`,
       linkManagePreferences: (e) => s`<pie-link data-test-id="body-manage-prefs" tag="button" variant="inverse" @click="${this._openManagePreferencesModal}">${e}</pie-link>`,
@@ -139,12 +141,12 @@ class l extends m {
       linkCookieStatement: (e) => s`<pie-link href="#" size="small" target="_blank">${e}</pie-link>`,
       linkCookieTechList: (e) => s`<pie-link href="#" size="small" target="_blank">${e}</pie-link>`
     }, this._dispatchCookieBannerCustomEvent = (e, n) => {
-      const i = new CustomEvent(e, {
+      const a = new CustomEvent(e, {
         bubbles: !0,
         composed: !0,
         detail: n
       });
-      this.dispatchEvent(i);
+      this.dispatchEvent(a);
     }, this._onNecessaryOnly = () => {
       this._dispatchCookieBannerCustomEvent(C), this._isCookieBannerHidden = !0;
     }, this._onAcceptAll = () => {
@@ -152,14 +154,14 @@ class l extends m {
     }, this._openManagePreferencesModal = () => {
       this._isCookieBannerHidden = !0, this._dispatchCookieBannerCustomEvent(B), this._isModalOpen = !0;
     }, this._handleSwitchStates = (e) => {
-      const { id: n } = e == null ? void 0 : e.currentTarget, i = [...this._preferencesNodes].find(({ id: t }) => t === "all");
-      if (n === i.id) {
+      const { id: n } = e == null ? void 0 : e.currentTarget, a = [...this._preferencesNodes].find(({ id: t }) => t === "all");
+      if (n === a.id) {
         const t = e.detail;
-        this._preferencesNodes.forEach((r) => {
-          r.isChecked = r.isDisabled ? r.isChecked : t;
+        this._preferencesNodes.forEach((o) => {
+          o.isChecked = o.isDisabled ? o.isChecked : t;
         });
       } else
-        i.isChecked = [...this._preferencesNodes].filter(({ id: t }) => t !== "all").every(({ isChecked: t }) => t);
+        a.isChecked = [...this._preferencesNodes].filter(({ id: t }) => t !== "all").every(({ isChecked: t }) => t);
     };
   }
   _localiseText(e) {
@@ -186,8 +188,8 @@ class l extends m {
    */
   _handlePreferencesSaved() {
     let e = {};
-    [...this._preferencesNodes].filter(({ id: n }) => n !== "all").forEach(({ id: n, isChecked: i }) => {
-      e = { ...e, [n]: i };
+    [...this._preferencesNodes].filter(({ id: n }) => n !== "all").forEach(({ id: n, isChecked: a }) => {
+      e = { ...e, [n]: a };
     }), this._dispatchCookieBannerCustomEvent($, e), this._isModalOpen = !1, this._isCookieBannerHidden = !0;
   }
   /**
@@ -197,21 +199,21 @@ class l extends m {
   renderPreference({
     id: e,
     isChecked: n,
-    isDisabled: i,
+    isDisabled: a,
     hasDivider: t,
-    hasDescription: r
+    hasDescription: o
   }) {
-    const o = this._localiseText(`preferencesManagement.${e}.title`), d = `preferencesManagement.${e}.description`, c = r && this._localiseText(d);
+    const r = this._localiseText(`preferencesManagement.${e}.title`), d = `preferencesManagement.${e}.description`, c = o && this._localiseText(d);
     return s`
             <div class="c-cookieBanner-preference">
                 <div>
-                    <h3 class="c-cookieBanner-subheading">${o}</h3>
+                    <h3 class="c-cookieBanner-subheading">${r}</h3>
                      ${c ? s`<p class="c-cookieBanner-description">${c}</p>` : h}
                  </div>
                 <pie-switch
                     id="${e}"
                     ?isChecked="${n}"
-                    ?isDisabled="${i}"
+                    ?isDisabled="${a}"
                     @pie-switch-changed="${this._handleSwitchStates}">
                 </pie-switch>
             </div>

package/dist/react.js

@@ -1,6 +1,6 @@
 import * as _ from "react";
 import { PieCookieBanner as y } from "./index.js";
-import { ON_COOKIE_BANNER_ACCEPT_ALL as j, ON_COOKIE_BANNER_MANAGE_PREFS as F, ON_COOKIE_BANNER_NECESSARY_ONLY as H, ON_COOKIE_BANNER_PREFS_SAVED as T, preferences as W } from "./index.js";
+import { ON_COOKIE_BANNER_ACCEPT_ALL as $, ON_COOKIE_BANNER_MANAGE_PREFS as j, ON_COOKIE_BANNER_NECESSARY_ONLY as F, ON_COOKIE_BANNER_PREFS_SAVED as H, preferences as T } from "./index.js";
 import "lit";
 import "lit/decorators.js";
 import "lit/directives/repeat.js";
@@ -10,7 +10,6 @@ import "@justeattakeaway/pie-icon-button";
 import "@justeattakeaway/pie-link";
 import "@justeattakeaway/pie-modal";
 import "@justeattakeaway/pie-switch";
-import "@justeattakeaway/pie-webc-core";
 /**
  * @license
  * Copyright 2018 Google LLC
@@ -66,7 +65,7 @@ function P(o = window.React, n, c, m, d) {
   const E = r.forwardRef((p, e) => a(v, { ...p, _$Gl: e }, p == null ? void 0 : p.children));
   return E.displayName = v.displayName, E;
 }
-const D = P({
+const x = P({
   displayName: "PieCookieBanner",
   elementClass: y,
   react: _,
@@ -83,10 +82,10 @@ const D = P({
   }
 });
 export {
-  j as ON_COOKIE_BANNER_ACCEPT_ALL,
-  F as ON_COOKIE_BANNER_MANAGE_PREFS,
-  H as ON_COOKIE_BANNER_NECESSARY_ONLY,
-  T as ON_COOKIE_BANNER_PREFS_SAVED,
-  D as PieCookieBanner,
-  W as preferences
+  $ as ON_COOKIE_BANNER_ACCEPT_ALL,
+  j as ON_COOKIE_BANNER_MANAGE_PREFS,
+  F as ON_COOKIE_BANNER_NECESSARY_ONLY,
+  H as ON_COOKIE_BANNER_PREFS_SAVED,
+  x as PieCookieBanner,
+  T as preferences
 };

package/locales/bg-bg.json

@@ -0,0 +1,40 @@
+{
+  "banner": {
+    "title": "Бисквитки",
+    "description": "Използваме наши собствени бисквитки и бисквитки на трети страни и друга технология, за да усъвършенстваме и персонализираме изживяването ти като потребител, за да оптимизираме статистиката и да показваме реклами на трети страни (прочети нашата <linkStatement>декларация</linkStatement>). Винаги настройваме необходимите бисквитки. Кликни върху <linkNecessaryOnly>Само необходимите</linkNecessaryOnly>, за да продължиш, без да приемаш други. Кликни върху <linkManagePreferences>Управление на предпочитанията</linkManagePreferences>, за да споделиш своите предпочитания или <linkAcceptAll>приеми всички</linkAcceptAll>.",
+    "cta": {
+      "managePreferences": "Управление на предпочитанията",
+      "necessaryOnly": "Само необходимите",
+      "acceptAll": "Приемане на всички"
+    }
+  },
+  "preferencesManagement": {
+    "title": "Управление на предпочитанията",
+    "description": "Можеш да намериш цялата информация в <linkCookieStatement>Декларацията за бисквитки</linkCookieStatement> и Списъка с <linkCookieTechList>технологии за бисквитки</linkCookieTechList>.",
+    "all": {
+      "title": "Включи всички"
+    },
+    "necessary": {
+      "title": "Необходими",
+      "description": "Тези бисквитки са необходими, за да се гарантира правилното функциониране на уебсайта и неговите свойства. Заявените от теб услуги не могат да се предоставят без тези бисквитки."
+    },
+    "functional": {
+      "title": "Функционални",
+      "description": "Тези бисквитки позволяват на уебсайта да запомни направените от теб избори за осигуряване на по-добра функционалност и персонализирани функции."
+    },
+    "analytical": {
+      "title": "Аналитични",
+      "description": "Тези аналитични бисквитки, включително за статистически данни, се използват за разбиране начина, по който посетителите взаимодействат с уебсайта, за да можем да измерваме и подобряваме ефективността на нашия уебсайт."
+    },
+    "personalized": {
+      "title": "Персонализирани (целеви и рекламни)",
+      "description": "Тези маркетингови бисквитки се използват за персонализиране предоставянето на информация на теб въз основа на твоя интерес и за измерване на ефективността на такива реклами на нашия уебсайт и на уебсайтовете на рекламните ни партньори."
+    },
+    "cta": {
+      "save": {
+        "label": "Запази",
+        "ariaLabel": ""
+      }
+    }
+  }
+}

package/locales/de-de.json

@@ -0,0 +1,40 @@
+{
+  "banner": {
+    "title": "Cookies",
+    "description": "Wir nutzen unsere eigenen Cookies und die von Drittanbietern sowie andere Technologien, um dein Nutzererlebnis zu verbessern und zu personalisieren, um Analysen zur Optimierung durchzuführen und um Werbung in Partnerschaft mit Dritten zu schalten (siehe unsere <linkStatement>Hinweise</linkStatement>). Die notwendigen Cookies werden immer gesetzt. Klicke auf <linkNecessaryOnly>Nur notwendige</linkNecessaryOnly>, um fortzufahren, ohne weitere anzunehmen. Klicke auf <linkManagePreferences>Einstellungen verwalten</linkManagePreferences>, um deine Einstellungen zu aktualisieren, oder auf <linkAcceptAll>Alle annehmen</linkAcceptAll>.",
+    "cta": {
+      "managePreferences": "Einstellungen verwalten",
+      "necessaryOnly": "Nur notwendige",
+      "acceptAll": "Alle annehmen"
+    }
+  },
+  "preferencesManagement": {
+    "title": "Deine Einstellungen verwalten",
+    "description": "Alle Informationen findest du in der <linkCookieStatement>Cookie-Erklärung</linkCookieStatement> und der <linkCookieTechList>Cookie-Technologie-Liste</linkCookieTechList>.",
+    "all": {
+      "title": "Alle aktivieren"
+    },
+    "necessary": {
+      "title": "Notwendig",
+      "description": "Diese Cookies sind notwendig, um sicherzustellen, dass die Webseite und ihre Funktionen ordnungsgemäß funktionieren. Die von dir angeforderten Dienste können ohne diese Cookies nicht bereitgestellt werden."
+    },
+    "functional": {
+      "title": "Funktional",
+      "description": "Diese Cookies ermöglichen es der Webseite, sich an die von dir getroffenen Entscheidungen zu erinnern, um dir eine bessere Funktionalität und individuelle Funktionen zu bieten."
+    },
+    "analytical": {
+      "title": "Analytisch",
+      "description": "Diese analytischen Cookies, einschließlich Statistiken, werden verwendet, um zu verstehen, wie Besucher mit der Webseite interagieren, und wir können die Leistung unserer Webseite messen und verbessern."
+    },
+    "personalized": {
+      "title": "Personalisiert (Targeting und Werbung)",
+      "description": "Diese Marketing-Cookies werden verwendet, um die Übermittlung von Informationen an dich auf deine Interessen abzustimmen und um die Effektivität solcher Werbung zu messen, sowohl auf unserer Webseite als auch auf den Webseiten unserer Werbepartner."
+    },
+    "cta": {
+      "save": {
+        "label": "Speichern",
+        "ariaLabel": ""
+      }
+    }
+  }
+}

package/locales/dk-dk.json

@@ -0,0 +1,40 @@
+{
+  "banner": {
+    "title": "Cookies",
+    "description": "Vi bruger vores egne og tredjepartscookies og anden teknologi til at forbedre og tilpasse din brugeroplevelse, optimere analyser og vise annoncer med tredjeparter (læs vores <linkStatement>erklæring</linkStatement>). Vi bruger altid nødvendige cookier. Klik på <linkNecessaryOnly>Kun nødvendige</linkNecessaryOnly> for at fortsætte uden at acceptere flere. Klik på <linkManagePreferences>Administrer præferencer</linkManagePreferences> for at dele dine præferencer eller <linkAcceptAll>Accepter alle</linkAcceptAll>.",
+    "cta": {
+      "managePreferences": "Administrer præferencer",
+      "necessaryOnly": "Kun nødvendige",
+      "acceptAll": "Accepter alle"
+    }
+  },
+  "preferencesManagement": {
+    "title": "Administrer præferencer",
+    "description": "Du kan finde alle oplysningerne i <linkCookieStatement>cookie-erklæringen</linkCookieStatement> og <linkCookieTechList>cookie-teknologilisten</linkCookieTechList>.",
+    "all": {
+      "title": "Aktiver alle"
+    },
+    "necessary": {
+      "title": "Nødvendige",
+      "description": " Disse cookier er nødvendige for at sikre, at hjemmesiden og dens funktioner fungerer korrekt. Tjenester, som du har bedt om, kan ikke leveres uden disse cookier."
+    },
+    "functional": {
+      "title": "Funktionelle",
+      "description": " Disse cookier gør det muligt for hjemmesiden at huske de valg, du træffer, for at give dig bedre funktionalitet og personlige funktioner."
+    },
+    "analytical": {
+      "title": "Analytiske",
+      "description": " Disse analytiske cookier, herunder statistiske, bruges til at forstå, hvordan besøgende interagerer med hjemmesiden, og vi kan måle og forbedre vores hjemmesides ydeevne."
+    },
+    "personalized": {
+      "title": "Personlige (målretning og annoncering)",
+      "description": "Disse markedsføringscookier bruges til at skræddersy leveringen af oplysninger til dig baseret på dine interesser og til at måle effektiviteten af sådanne annoncer, både på vores hjemmeside og vores annonceringspartneres hjemmesider."
+    },
+    "cta": {
+      "save": {
+        "label": "Gem",
+        "ariaLabel": ""
+      }
+    }
+  }
+}

package/locales/fr-fr.json

@@ -0,0 +1,40 @@
+{
+  "banner": {
+    "title": "Cookies",
+    "description": "Nous utilisons nos propres cookies et ceux de tiers, ainsi que d’autres technologies, afin d’améliorer et de personnaliser votre expérience d’utilisateur, d’optimiser nos analyses et d’afficher des publicités en partenariat avec des tiers (veuillez consulter notre <linkStatement>déclaration</linkStatement>). Nous installons toujours les cookies essentiels. Cliquez sur <linkNecessaryOnly>Cookies essentiels uniquement</linkNecessaryOnly> pour continuer en acceptant uniquement les cookies indispensables. Cliquez sur <linkManagePreferences>Gérer les préférences</linkManagePreferences> pour choisir vous-même vos cookies ou sur <linkAcceptAll>Tout accepter</linkAcceptAll>.",
+    "cta": {
+      "managePreferences": "Gérer les préférences",
+      "necessaryOnly": " Cookies essentiels uniquement",
+      "acceptAll": "Tout accepter"
+    }
+  },
+  "preferencesManagement": {
+    "title": "Gérer vos préférences",
+    "description": "Vous trouverez toutes les informations dans la <linkCookieStatement>déclaration relative aux cookies</linkCookieStatement> et dans la liste des <linkCookieTechList>technologies relatives aux cookies</linkCookieTechList>.",
+    "all": {
+      "title": "Tout activer"
+    },
+    "necessary": {
+      "title": "Cookies essentiels",
+      "description": "Ces cookies sont indispensables au bon fonctionnement du site Web et de ses fonctionnalités. Les services que vous avez demandés ne peuvent être fournis sans ces cookies."
+    },
+    "functional": {
+      "title": "Cookies fonctionnels",
+      "description": "Ces cookies permettent au site Web de se souvenir de vos choix pour vous offrir de meilleures fonctionnalités et une expérience personnalisée."
+    },
+    "analytical": {
+      "title": "Cookies analytiques",
+      "description": "Les cookies analytiques, incluant des cookies statistiques, sont utilisés pour comprendre comment les visiteurs interagissent avec le site Web. Ils nous permettent d’en mesurer et d’en améliorer les performances."
+    },
+    "personalized": {
+      "title": "Cookies de ciblage (publicitaires)",
+      "description": "Ces cookies marketing sont utilisés pour adapter les informations affichées à vos centres d’intérêt et pour mesurer l’efficacité de ces publicités, à la fois sur notre site Web et sur les sites Web de nos partenaires publicitaires."
+    },
+    "cta": {
+      "save": {
+        "label": "Enregistrer",
+        "ariaLabel": ""
+      }
+    }
+  }
+}

package/locales/he-il.json

@@ -0,0 +1,40 @@
+{
+  "banner": {
+    "title": "קובצי Cookie",
+    "description": "אנו משתמשים בקובצי Cookie ובטכנולוגיות נוספות שלנו ושל צדדים שלישיים כדי לשפר ולהתאים אישית את חוויית המשתמש שלכם, למטב ניתוח נתונים ולהציג פרסומות עם צדדים שלישיים (קראו את <linkStatement>ההצהרה</linkStatement> שלנו). קובצי Cookie הכרחיים תמיד נמצאים בשימוש. לחצו על <linkNecessaryOnly>הכרחי בלבד</linkNecessaryOnly> כדי להמשיך בלי להסכים לסוגים אחרים. לחצו על <linkManagePreferences>ניהול העדפות</linkManagePreferences> כדי לשתף את העדפותיכם או לחצו על <linkAcceptAll>הסכם להכול</linkAcceptAll>.",
+    "cta": {
+      "managePreferences": "ניהול העדפות",
+      "necessaryOnly": "הכרחי בלבד",
+      "acceptAll": "הסכם להכול"
+    }
+  },
+  "preferencesManagement": {
+    "title": "ניהול ההעדפות של",
+    "description": "תוכל למצוא את כל המידע <linkCookieStatement>בהצהרת</linkCookieStatement> קובצי ה-Cookie וכן <linkCookieTechList>ברשימת הטכנולוגיה</linkCookieTechList> של קובצי ה-Cookie.",
+    "all": {
+      "title": "להפעלת הכול"
+    },
+    "necessary": {
+      "title": "הכרחי",
+      "description": "קובצי Cookie אלה הכרחיים כדי להבטיח שאתר האינטרנט והתכונות שלו מתפקדים כראוי. לא ניתן לספק את השירותים שביקשתם ללא קובצי Cookie אלה."
+    },
+    "functional": {
+      "title": "תפקודיים",
+      "description": "קובצי Cookie אלה מאפשרים לאתר האינטרנט לזכור את הבחירות שאתם עושים כדי לספק לכם חוויה מותאמת אישית ותפקודיות טובה יותר."
+    },
+    "analytical": {
+      "title": "ניתוח נתונים",
+      "description": "קובצי Cookie אלה לניתוח נתונים, כולל נתונים סטטיסטיים, משמשים כדי להבין כיצד מבקרים מקיימים אינטראקציה עם אתר האינטרנט וכדי לאפשר לנו למדוד ולשפר את הביצועים של אתר האינטרנט שלנו."
+    },
+    "personalized": {
+      "title": "התאמה אישית (מיקוד ופרסום)",
+      "description": "קובצי Cookie שיווקיים אלה משמשים כדי להתאים אישית את המידע הנמסר לכם על סמך תחומי העניין שלכם וכדי למדוד את היעילות של פרסומות כאלה, הן באתר האינטרנט שלנו והן באתרי האינטרנט של שותפי הפרסום שלנו."
+    },
+    "cta": {
+      "save": {
+        "label": "שמירה",
+        "ariaLabel": ""
+      }
+    }
+  }
+}

package/locales/index.js

@@ -1,8 +1,26 @@
+import bgBG from './bg-bg.json';
+import deDE from './de-de.json';
+import dkDK from './dk-dk.json';
 import enGB from './en-gb.json';
 import esES from './es-es.json';
+import frFR from './fr-fr.json';
+import heIL from './he-il.json';
+import itIT from './it-it.json';
+import nlNL from './nl-nl.json';
+import plPL from './pl-pl.json';
+import skSK from './sk-sk.json';
 
 // TODO: Find how to tell TS each of these is of type CookieBannerLocale
 export default {
+    bgBG,
+    deDE,
+    dkDK,
     enGB,
     esES,
+    frFR,
+    heIL,
+    itIT,
+    nlNL,
+    plPL,
+    skSK,
 };

package/locales/it-it.json

@@ -0,0 +1,40 @@
+{
+  "banner": {
+    "title": "Cookie",
+    "description": "Usiamo cookie nostri e di terze parti e altre tecnologie per migliorare e personalizzare la tua esperienza utente, ottimizzare l’analisi dei dati e mostrare annunci pubblicitari in collaborazione con terze parti (leggi la nostra <linkStatement>Informativa</linkStatement>). I cookie necessari sono sempre attivi. Premi Solo <linkNecessaryOnly>necessari</linkNecessaryOnly> per proseguire senza accettare altri cookie. Apri <linkManagePreferences>Gestisci preferenze</linkManagePreferences> per scegliere quali cookie attivare, oppure premi <linkAcceptAll>Accetta tutti</linkAcceptAll> per attivare tutti i cookie.",
+    "cta": {
+      "managePreferences": "Gestisci preferenze",
+      "necessaryOnly": " Solo necessari",
+      "acceptAll": "Accetta tutti"
+    }
+  },
+  "preferencesManagement": {
+    "title": "Gestisci le tue preferenze",
+    "description": "Tutti i dettagli sono disponibili nell’<linkCookieStatement>Informativa sui cookie</linkCookieStatement> e nell’Elenco delle <linkCookieTechList>tecnologie cookie</linkCookieTechList>.",
+    "all": {
+      "title": "Attiva tutti"
+    },
+    "necessary": {
+      "title": "Necessari",
+      "description": "Questi cookie servono a garantire che il sito web e le sue componenti funzionino correttamente. Senza i cookie necessari, i servizi da te richiesti non possono essere forniti."
+    },
+    "functional": {
+      "title": "Funzionali",
+      "description": "Questi cookie consentono al sito web di memorizzare le scelte effettuate dall’utente per offrire una migliore funzionalità e personalizzazione."
+    },
+    "analytical": {
+      "title": "Analitici",
+      "description": "Questi cookie, che includono le statistiche, ci consentono di capire come i visitatori interagiscono con il nostro sito web per misurarne e migliorarne le prestazioni."
+    },
+    "personalized": {
+      "title": "Personalizzati (targeting e pubblicità)",
+      "description": "Questi cookie, detti di profilazione, vengono usati per personalizzare le informazioni trasmesse all’utente in base ai suoi interessi e per misurare l’efficacia delle pubblicità, sia sul nostro sito web sia sui siti web dei nostri partner pubblicitari."
+    },
+    "cta": {
+      "save": {
+        "label": "Salva",
+        "ariaLabel": ""
+      }
+    }
+  }
+}

package/locales/nl-nl.json

@@ -0,0 +1,40 @@
+{
+  "banner": {
+    "title": "Cookies",
+    "description": "Wij gebruiken onze eigen cookies, cookies van derde partijen en andere technieken om jouw gebruikerservaring te verbeteren en te personaliseren, analyses te optimaliseren en om advertenties met derde partijen te laten zien (lees onze <linkStatement>privacyverklaring</linkStatement>). Wij plaatsen altijd noodzakelijke cookies. Klik op <linkNecessaryOnly>Alleen noodzakelijk</linkNecessaryOnly> om door te gaan zonder meer te accepteren. Klik op <linkManagePreferences>Beheer voorkeuren</linkManagePreferences> om je voorkeuren te delen of <linkAcceptAll>Alles accepteren</linkAcceptAll>.",
+    "cta": {
+      "managePreferences": "Beheer voorkeuren",
+      "necessaryOnly": "Alleen noodzakelijk",
+      "acceptAll": "Alles accepteren"
+    }
+  },
+  "preferencesManagement": {
+    "title": "Beheer je voorkeuren",
+    "description": "Je vindt alle informatie in de <linkCookieStatement>Cookieverklaring</linkCookieStatement> en de <linkCookieTechList>Cookietechnologielijst</linkCookieTechList>.",
+    "all": {
+      "title": "Zet alles aan"
+    },
+    "necessary": {
+      "title": "Noodzakelijk",
+      "description": " Deze cookies zijn noodzakelijk voor een goede werking van de website en alle functies. Zonder deze cookies kunnen je gevraagde diensten niet worden geleverd."
+    },
+    "functional": {
+      "title": "Functioneel",
+      "description": " Met deze cookies kan de website de keuzes die je maakt onthouden om je een betere functionaliteit en persoonlijke functies te bieden."
+    },
+    "analytical": {
+      "title": "Analytisch",
+      "description": "Deze analytische cookies, waaronder statistieken, worden gebruikt om te begrijpen hoe bezoekers de website gebruiken, zodat wij de prestaties van onze website kunnen meten en verbeteren."
+    },
+    "personalized": {
+      "title": "Gepersonaliseerd (targeting en reclame)",
+      "description": "Deze marketingcookies worden gebruikt om de informatievoorziening af te stemmen op jouw interesses en om de effectiviteit van dergelijke advertenties te meten. Zowel op onze website als op de websites van onze reclamepartners."
+    },
+    "cta": {
+      "save": {
+        "label": "Opslaan",
+        "ariaLabel": ""
+      }
+    }
+  }
+}

package/locales/pl-pl.json

@@ -0,0 +1,40 @@
+{
+  "banner": {
+    "title": "Pliki cookie",
+    "description": "Używamy własnych plików cookie, plików stron trzecich oraz innych technologii mających na celu ulepszanie i personalizowanie doświadczeń użytkownika, optymalizację analiz i wyświetlanie reklam stronom trzecim (czytaj nasze <linkStatement>Oświadczenie</linkStatement>). Zawsze umieszczamy na urządzeniu użytkownika niezbędne pliki cookie. Kliknij <linkNecessaryOnly>Tylko niezbędne</linkNecessaryOnly>, aby kontynuować bez akceptowania kolejnych. Kliknij <linkManagePreferences>Zarządzaj ustawieniami</linkManagePreferences>, aby udostępnić ustawienia lub <linkAcceptAll>akceptować wszystkie</linkAcceptAll>.",
+    "cta": {
+      "managePreferences": "Zarządzaj ustawieniami",
+      "necessaryOnly": "Tylko niezbędne",
+      "acceptAll": "Zaakceptuj wszystkie"
+    }
+  },
+  "preferencesManagement": {
+    "title": "Zarządzaj swoimi ustawieniami",
+    "description": "Wszystkie informacje można znaleźć w <linkCookieStatement>Oświadczeniu o plikach cookie</linkCookieStatement> i na liście <linkCookieTechList>technologii plików cookie</linkCookieTechList>.",
+    "all": {
+      "title": "Włącz wszystkie"
+    },
+    "necessary": {
+      "title": "Niezbędne",
+      "description": "Te pliki cookie są niezbędne do zapewnienia prawidłowego działania witryny internetowej i jej funkcji. Usługi, o które użytkownik poprosił, nie mogą być świadczone bez tych plików cookie."
+    },
+    "functional": {
+      "title": "Związane z funkcjonalnością",
+      "description": "Te pliki cookie umożliwiają witrynie zapamiętanie wyborów dokonanych przez użytkownika, aby zapewnić mu lepszą funkcjonalność i obsługę funkcji osobistych."
+    },
+    "analytical": {
+      "title": "Analityczne",
+      "description": "Te analityczne pliki cookie, w tym związane ze statystykami, są wykorzystywane do zrozumienia, w jaki sposób odwiedzający wchodzą w interakcję z witryną internetową oraz jak możemy mierzyć i poprawiać wydajność naszej witryny internetowej."
+    },
+    "personalized": {
+      "title": "Spersonalizowane (targetowanie i reklama)",
+      "description": "Te marketingowe pliki cookie są wykorzystywane w celu dostosowania dostarczania informacji użytkownikowi w oparciu o jego zainteresowania oraz w celu pomiaru skuteczności takich reklam, zarówno na naszej stronie internetowej, jak i na stronach internetowych naszych partnerów reklamowych."
+    },
+    "cta": {
+      "save": {
+        "label": "Zapisz",
+        "ariaLabel": ""
+      }
+    }
+  }
+}

package/locales/sk-sk.json

@@ -0,0 +1,40 @@
+{
+  "banner": {
+    "title": "Súbory cookie",
+    "description": "Na zlepšenie a prispôsobenie používateľského prostredia, optimalizáciu analýz a zobrazovanie reklám tretích strán používame vlastné súbory cookie a súbory cookie tretích strán (prečítajte si naše <linkStatement>Vyhlásenie</linkStatement>). Nevyhnutné súbory cookie sú nastavené vždy. Kliknutím na tlačidlo <linkNecessaryOnly>Iba nevyhnutné</linkNecessaryOnly> môžeš pokračovať bez ďalších súborov cookie. Kliknutím na <linkManagePreferences>Spravovať preferencie</linkManagePreferences> môžeš zdieľať svoje preferencie, alebo kliknúť na <linkAcceptAll>Prijať všetko</linkAcceptAll>.",
+    "cta": {
+      "managePreferences": "Spravovať preferencie",
+      "necessaryOnly": "Iba nevyhnutné",
+      "acceptAll": "Prijať všetko"
+    }
+  },
+  "preferencesManagement": {
+    "title": "Spravovať svoje preferencie",
+    "description": "Všetky informácie o našom používaní súborov cookie nájdeš vo <linkCookieStatement>Vyhlásení o súboroch cookie</linkCookieStatement> a zozname <linkCookieTechList>technológie súborov cookie</linkCookieTechList>.",
+    "all": {
+      "title": "Zapnúť všetky"
+    },
+    "necessary": {
+      "title": "Nevyhnutné",
+      "description": "Tieto súbory cookie sú potrebné na zabezpečenie správneho fungovania webovej stránky a jej funkcií. Služby, o ktoré si požiadal/a, nie je možné poskytovať bez týchto súborov cookie."
+    },
+    "functional": {
+      "title": "Funkčné",
+      "description": "Tieto súbory cookie umožňujú webovej stránke zapamätať si tvoje voľby, aby ti poskytla lepšiu funkčnosť a personalizované funkcie."
+    },
+    "analytical": {
+      "title": "Analytické",
+      "description": "Tieto analytické súbory cookie, vrátane štatistík, sa používajú na pochopenie toho, ako návštevníci interagujú s webovou stránkou, a umožňujú nám merať a zlepšovať výkonnosť našej webovej stránky."
+    },
+    "personalized": {
+      "title": "Personalizované (zameriavanie a reklama)",
+      "description": "Tieto marketingové súbory cookie sa používajú na prispôsobenie poskytovania informácií na základe tvojho záujmu a meranie účinnosti takýchto reklám na našich webových stránkach a webových stránkach našich reklamných partnerov."
+    },
+    "cta": {
+      "save": {
+        "label": "Uložiť",
+        "ariaLabel": ""
+      }
+    }
+  }
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@justeattakeaway/pie-cookie-banner",
   "description": "PIE Design System Cookie Banner built using Web Components",
-  "version": "0.10.2",
+  "version": "0.11.0",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -30,14 +30,14 @@
   "license": "Apache-2.0",
   "devDependencies": {
     "@justeat/pie-design-tokens": "5.9.0",
-    "@justeattakeaway/pie-components-config": "0.4.0"
+    "@justeattakeaway/pie-components-config": "0.5.0"
   },
   "dependencies": {
-    "@justeattakeaway/pie-button": "0.37.0",
+    "@justeattakeaway/pie-button": "0.37.1",
     "@justeattakeaway/pie-divider": "0.9.1",
-    "@justeattakeaway/pie-icon-button": "0.21.1",
+    "@justeattakeaway/pie-icon-button": "0.21.2",
     "@justeattakeaway/pie-link": "0.11.1",
-    "@justeattakeaway/pie-modal": "0.32.0",
+    "@justeattakeaway/pie-modal": "0.32.1",
     "@justeattakeaway/pie-switch": "0.17.1",
     "@justeattakeaway/pie-webc-core": "0.11.0"
   },