@dargmuesli/nuxt-cookie-control 1.9.9

package/lib/plugin.js

@@ -0,0 +1,206 @@
+import Vue from 'vue';
+import CookieControl from <%= serialize(options.component) %>;
+import CookieIframe from <%= serialize(options.iframe) %>;
+export default(context, inject) =>{
+  let cookies = {
+    modal: false,
+    consent: false,
+    enabled: [],
+    enabledList: [],
+    optional: []
+  }
+  
+  Object.assign(cookies, <%= serialize(options) %>);
+  if(<%= serialize(options.colors) %> !== false){
+    cookies.colors = {
+      barTextColor: '#fff',
+      modalOverlay: '#000',
+      barBackground: '#000',
+      barButtonColor: '#000',
+      modalTextColor: '#000',
+      modalBackground: '#fff',
+      modalOverlayOpacity: 0.8,
+      modalButtonColor: '#fff',
+      modalUnsavedColor: '#fff',
+      barButtonHoverColor: '#fff',
+      barButtonBackground: '#fff',
+      modalButtonHoverColor: '#fff',
+      controlButtonIconColor: '#000',
+      modalButtonBackground: '#000',
+      controlButtonBackground: '#fff',
+      barButtonHoverBackground: '#333',
+      checkboxActiveBackground: '#000',
+      controlButtonIconHoverColor: '#fff',
+      checkboxInactiveBackground: '#000',
+      modalButtonHoverBackground: '#333',
+      checkboxDisabledBackground: '#ddd',
+      controlButtonHoverBackground: '#000',
+      checkboxActiveCircleBackground: '#fff',
+      checkboxInactiveCircleBackground: '#fff',
+      checkboxDisabledCircleBackground: '#fff',
+    };
+    Object.assign(cookies.colors, <%= serialize(options.colors) %>);
+  }
+  
+  let methods = {
+    get: (cookie) => {
+      if(process.browser){
+        let decodedCookie = decodeURIComponent(document.cookie);
+        let ca = decodedCookie.split(';');
+        let name = `${cookie}=`;
+        for(let i = 0; i <ca.length; i++) {
+          let c = ca[i];
+          while (c.charAt(0) == ' ') {
+            c = c.substring(1);
+          }
+          if (c.indexOf(name) == 0) {
+            return c.substring(name.length, c.length);
+          }
+        }
+      }
+      return '';
+    },
+    
+    set: ({name, value='', expires='', path='/', domain}) => {
+      let domainName = domain ? domain : cookies.domain ? `.${cookies.domain}` : domain;
+      if(process.browser){
+        document.cookie = `${name}=${value};expires=${expires};path=${path}${domainName !== undefined ? `;domain=${domainName}` : ';'}`;
+      } else if(process.server){
+        context.res.setHeader('Set-Cookie', [`${name}=${value}; Expires=${expires}; Path=${path}${domainName !== undefined ? `; Domain=${domainName}` : ';'}`]);
+      }
+    },
+
+    isEnabled: (identifier) => {
+      return cookies.enabledList.includes(identifier) || cookies.enabledList.includes(cookies.slugify(identifier))
+    },
+    
+    setBlockedIframes: (content) =>{
+      let type = (typeof(content)).toLowerCase();
+      let c = type !== 'string' ? JSON.stringify(content) : content;
+      c = c.replace(/&lt;/g, '<');
+      c = c.replace(/&gt;/g, '>');
+      if(context.app.$cookies.enabled.filter(c =>{return c.name === 'functional'}).length === 0){
+        c = c.replace(/<iframe/g, `<div class='cookieControl__BlockedIframe '`);
+        c = c.replace(/<\/iframe/g, `<p>${context.app.$cookies.text.blockedIframe !== undefined ? context.app.$cookies.text.blockedIframe : ''} <a href='#' onclick='event.preventDefault(); $${cookies.globalName}.$cookies.modal = true'>${context.app.$cookies.text.here !== undefined ? context.app.$cookies.text.here: ''}</a></p></div`); 
+      }
+      return type !== 'string' ? JSON.parse(c) : c
+    },
+    
+    slugify: (str) =>{
+      str = str.replace(/^\s+|\s+$/g, '');
+      str = str.toLowerCase();
+      let from = "ÁÄÂÀÃÅČÇĆĎÉĚËÈÊẼĔȆÍÌÎÏŇÑÓÖÒÔÕØŘŔŠŤÚŮÜÙÛÝŸŽáäâàãåčçćďéěëèêẽĕȇíìîïňñóöòôõøðřŕšťúůüùûýÿžþÞĐđßÆa·/_,:;";
+      let to   = "AAAAAACCCDEEEEEEEEIIIINNOOOOOORRSTUUUUUYYZaaaaaacccdeeeeeeeeiiiinnooooooorrstuuuuuyyzbBDdBAa------";
+      for (let i = 0, l = from.length; i < l ; i++){
+        str = str.replace(new RegExp(from.charAt(i), 'g'), to.charAt(i));
+      }
+      
+      str = str.replace(/[^a-z0-9 -]/g, '').replace(/\s+/g, '-').replace(/-+/g, '-'); 
+    
+      return str;
+    },
+
+    remove: (name) =>{
+      if(process.browser){
+        let domain = window.location.hostname;
+        cookies.set({name, expires: 'Thu, 01 Jan 1970 00:00:00 GMT', domain });
+        for (let j = domain.split('.'); j.length;) {
+          let o = j.join('.');
+          cookies.set({name, expires: 'Thu, 01 Jan 1970 00:00:00 GMT', domain: `.${o}` });
+          j.shift();
+        }
+      }
+    },
+
+    setConsent: (isInit=false) =>{
+      cookies.consent = cookies.get('cookie_control_consent') === 'true' ? true : false;
+      cookies.enabled = [];
+      cookies.enabledList = [];
+      if(cookies.consent === true){
+        let enabledFromCookie = cookies.get('cookie_control_enabled_cookies');
+        cookies.enabled.push(...cookies.optional.filter(c => {
+          let cookieName = typeof(c.name) === 'string' ? c.name : c.name[Object.keys(c.name)[0]]
+          return enabledFromCookie.includes(c.identifier || cookies.slugify(cookieName))
+        }));
+        cookies.enabledList = cookies.enabled.length > 0 ? cookies.enabled.map(c => {
+          let cookieName = typeof(c.name) === 'string' ? c.name : c.name[Object.keys(c.name)[0]]
+          return c.identifier || cookies.slugify(cookieName)
+        }) : [];
+      }
+      
+      if(cookies.necessary) cookies.enabled.push(...cookies.necessary.filter(c => {return c.src || c.accepted}))
+
+      if(process.client && !isInit){
+        setHead();
+        clearCookies();
+        callAcceptedFunctions();
+      }
+    }
+  }
+  
+  Object.assign(cookies, methods);
+  
+  const clearCookies = () =>{
+    let disabled = cookies.optional.filter(c => {
+      let cookieName = typeof(c.name) === 'string' ? c.name : c.name[Object.keys(c.name)[0]]
+      return !cookies.enabledList.includes(c.identifier || cookies.slugify(cookieName))
+    });
+    if(disabled.length > 0){
+      disabled.forEach(c => {
+        if(c.declined) c.declined();
+        if(c.cookies && c.cookies.length > 0){
+          c.cookies.forEach(i => {
+            cookies.remove(i);
+          })
+        }
+        // if(c.src){
+        //   for(let s of [...document.head.querySelectorAll(`script[src="${c.src}"]`)]){
+        //     s.parentNode.removeChild(s)
+        //   }
+        // }
+      })
+    }
+  }
+  
+  const setHead = () =>{
+    if(cookies.enabled.length > 0){
+      let head = document.getElementsByTagName('head')[0];
+      cookies.enabled.forEach(c =>{
+        if(c.src){
+          let script = document.createElement('script');
+          script.src = c.src;
+          head.appendChild(script);
+          script.addEventListener('load', () =>{
+            if(c.accepted) c.accepted();
+          })
+        }
+      })
+    }
+  }
+  
+  const callAcceptedFunctions = () =>{
+    if(cookies.enabled.length > 0){
+      cookies.enabled.forEach(c =>{
+        if(c.accepted) c.accepted();
+      })
+    }
+  }
+
+  const capitalize = (s) =>{
+    if(typeof s !== 'string') return ''
+    return s.charAt(0).toUpperCase() + s.slice(1)
+  }
+
+  cookies.setConsent(true)
+  
+  if(process.client){
+    let globalName = capitalize(cookies.globalName) || 'Nuxt';
+    window[`on${globalName}Ready`](() => {
+      cookies.setConsent()
+    })
+  }
+
+  inject('cookies', cookies);
+  if(cookies.blockIframe) Vue.component('CookieIframe', CookieIframe);
+  Vue.component('CookieControl', CookieControl);
+}

package/lib/postinstall.js

@@ -0,0 +1 @@
+console.log('\nThank you for using nuxt-cookie-control!\nPlease consider supporting: https://ko-fi.com/darioferderber\n')

package/lib/styles.scss

@@ -0,0 +1,434 @@
+//Transitions
+.cookieControl__Modal-enter-active,
+.cookieControl__Modal-leave-active {
+  transition: opacity .25s;
+}
+
+.cookieControl__Modal-enter,
+.cookieControl__Modal-leave-to {
+  opacity: 0;
+}
+
+.cookieControl__Bar--center{
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.cookieControl__Bar--center-enter-active,
+.cookieControl__Bar--top-left-enter-active,
+.cookieControl__Bar--top-full-enter-active,
+.cookieControl__Bar--top-right-enter-active,
+.cookieControl__Bar--bottom-left-enter-active,
+.cookieControl__Bar--bottom-full-enter-active,
+.cookieControl__Bar--bottom-right-enter-active,
+.cookieControl__Bar--center-leave-active,
+.cookieControl__Bar--top-left-leave-active,
+.cookieControl__Bar--top-full-leave-active,
+.cookieControl__Bar--top-right-leave-active,
+.cookieControl__Bar--bottom-left-leave-active,
+.cookieControl__Bar--bottom-full-leave-active,
+.cookieControl__Bar--bottom-right-leave-active{
+  transition: transform .25s;
+}
+
+.cookieControl__Bar--top-left-enter,
+.cookieControl__Bar--top-full-enter,
+.cookieControl__Bar--top-right-enter,
+.cookieControl__Bar--top-left-leave-to,
+.cookieControl__Bar--top-full-leave-to,
+.cookieControl__Bar--top-right-leave-to{
+  transform: translateY(-100%);
+}
+
+.cookieControl__Bar--bottom-left-enter,
+.cookieControl__Bar--bottom-full-enter,
+.cookieControl__Bar--bottom-right-enter,
+.cookieControl__Bar--bottom-left-leave-to,
+.cookieControl__Bar--bottom-right-leave-to,
+.cookieControl__Bar--bottom-full-leave-to{
+  transform: translateY(100%);
+}
+
+.cookieControl__Bar--center-enter,
+.cookieControl__Bar--center-leave-to{
+  transform: translate(-50%, -50%) scale(0.95);
+}
+
+.cookieControl{
+  position: relative;
+  z-index: 100000;
+  button{
+    border: 0;
+    outline: 0;
+    font-size: 16px;
+    cursor: pointer;
+    padding: 12px 20px;
+    backface-visibility: hidden;
+    transition: background-color 200ms, color 200ms;
+  }
+}
+
+.cookieControl__Bar{
+  position: fixed;
+  background-color: var(--cookie-control-barBackground);
+  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
+  h3, p{
+    color: var(--cookie-control-barTextColor);
+    max-width: 900px;
+  }
+
+  h3{
+    margin: 0;
+    font-size: 20px;
+  }
+
+  p{
+    font-size: 16px;
+    margin: 5px 0 0;
+  }
+
+  button{
+    color: var(--cookie-control-barButtonColor);
+    background-color: var(--cookie-control-barButtonBackground);
+    &:hover{
+      color: var(--cookie-control-barButtonHoverColor);
+      background-color: var(--cookie-control-barButtonHoverBackground)
+    }
+    & + button{
+      margin-left: 10px;
+    }
+  }
+}
+
+.cookieControl__BarContainer{
+  display: flex;
+  padding: 20px;
+  align-items: flex-end;
+  justify-content: space-between;
+}
+
+.cookieControl__Bar--top-full,
+.cookieControl__Bar--bottom-full{
+  left: 0;
+  right: 0;
+}
+
+.cookieControl__Bar--top-full{
+  top: 0;
+}
+
+.cookieControl__Bar--bottom-full{
+  bottom: 0;
+}
+
+.cookieControl__Bar--center,
+.cookieControl__Bar--top-left,
+.cookieControl__Bar--top-right,
+.cookieControl__Bar--bottom-left,
+.cookieControl__Bar--bottom-right{
+  p{
+    max-width: 400px;
+  }
+
+  .cookieControl__BarContainer{
+    flex-direction: column;
+  }
+
+  .cookieControl__BarButtons{
+    margin-top: 20px;
+  }
+}
+
+.cookieControl__Bar--top-left,
+.cookieControl__Bar--top-right{
+  top: 20px;
+}
+
+.cookieControl__Bar--bottom-left,
+.cookieControl__Bar--bottom-right{
+  bottom: 20px;
+}
+
+.cookieControl__Bar--top-left,
+.cookieControl__Bar--bottom-left{
+  left: 20px;
+}
+
+.cookieControl__Bar--top-right,
+.cookieControl__Bar--bottom-right{
+  right: 20px;
+}
+
+.cookieControl__BarButtons{
+  display: flex;
+}
+
+.cookieControl__Modal{
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1;
+  font-size: 0;
+  text-align: center;
+  &:before{
+    content: "";
+    min-height: 100vh;
+    display: inline-block;
+    vertical-align: middle;
+  }
+
+  &:after{
+    position: absolute;
+    content: "";
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: -1;
+    opacity: var(--cookie-control-modalOverlayOpacity);
+    background-color: var(--cookie-control-modalOverlay);
+  }
+
+  & > div{
+    font-size: initial;
+    padding-top: 80px;
+  }
+
+  button{
+    color: var(--cookie-control-modalButtonColor);
+    background-color: var(--cookie-control-modalButtonBackground);
+    &:hover{
+      color: var(--cookie-control-modalButtonHoverColor);
+      background-color: var(--cookie-control-modalButtonHoverBackground)
+    }
+  }
+}
+
+.cookieControl__ModalContent{
+  position: relative;
+  width: 100%;
+  padding: 40px;
+  max-width: 550px;
+  max-height: 80vh;
+  text-align: left;
+  overflow-y: scroll;
+  display: inline-block;
+  vertical-align: middle;
+  color: var(--cookie-control-modalTextColor);
+  background-color: var(--cookie-control-modalBackground);
+  *{
+    &:not(button){
+      color: var(--cookie-control-modalTextColor);
+    }
+  }
+
+  h3{
+    font-size: 24px;
+    margin: 50px 0 25px;
+    &:first-of-type{
+      margin-top: 0;
+    }
+  }
+
+  ul{
+    padding: 0;
+    font-size: 16px;
+    list-style-type: none;
+    ul{
+      padding: 5px 56px 0;
+      li{
+        & + li{
+          margin-top: 5px;
+        }
+      }
+    }
+  }
+
+  li{
+    align-items: center;
+    & + li{
+      margin-top: 20px;
+    }
+  }
+
+  input{
+    display: none;
+    &:checked{
+      & + label{
+        background-color: var(--cookie-control-checkboxActiveBackground);
+        &:before{
+        background-color: var(--cookie-control-checkboxActiveCircleBackground);
+          transform: translate3d(100%, -50%, 0);
+        }
+      }
+
+      &:disabled{
+        & + label{
+          background-color: var(--cookie-control-checkboxDisabledBackground);
+          &:before{
+            background-color: var(--cookie-control-checkboxDisabledCircleBackground)
+          }
+        }
+      }
+    }
+  }
+
+  label{
+    position: relative;
+    min-width: 36px;
+    min-height: 20px;
+    font-size: 0;
+    display: block;
+    margin-right: 20px;
+    border-radius: 20px;
+    backface-visibility: hidden;
+    transition: background-color 200ms;
+    background-color: var(--cookie-control-checkboxInactiveBackground);
+    &:before{
+      position: absolute;
+      content: "";
+      top: 50%;
+      left: 3px;
+      width: 15px;
+      height: 15px;
+      border-radius: 50%;
+      transition: transform 200ms;
+      transform: translate3d(0, -50%, 0);
+      background-color: var(--cookie-control-checkboxInactiveCircleBackground);
+    }
+  }
+}
+
+.cookieControl__ModalInputWrapper{
+  display: flex;
+  align-items: flex-start;
+}
+
+.cookieControl__ModalCookieName{
+  font-weight: bold;
+  text-transform: uppercase;
+  span{
+    font-weight: normal;
+    text-transform: none;
+  }
+}
+
+.cookieControl__ModalClose{
+  position: absolute;
+  top: 20px;
+  right: 20px;
+}
+
+.cookieControl__ModalButtons{
+  display: flex;
+  margin-top: 80px;
+  align-items: flex-start;
+  button{
+    & + button{
+      margin-left: 20px;
+    }
+  }
+}
+
+.cookieControl__ModalUnsaved{
+  position: absolute;
+  left: 50%;
+  bottom: 40px;
+  margin: 0;
+  color: var(--cookie-control-modalUnsavedColor);
+  font-size: 14px;
+  transform: translateX(-50%);
+}
+
+.cookieControl__BlockedIframe{
+  padding: 20px;
+  border: 2px solid #ddd;
+  p, a{
+    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
+  }
+}
+
+@media screen and (max-width: 768px){
+  .cookieControl__Bar{
+    flex-direction: column;
+    left: 0;
+    right: 0;
+    p, h3{
+      max-width: 100%;
+    }
+  }
+
+  .cookieControl__Bar--top-full,
+  .cookieControl__Bar--top-left,
+  .cookieControl__Bar--top-right{
+    top: 0;
+  }
+
+  .cookieControl__Bar--bottom-full,
+  .cookieControl__Bar--bottom-left,
+  .cookieControl__Bar--bottom-right{
+    bottom: 0;
+  }
+
+  .cookieControl__ModalContent{
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    max-width: none;
+    max-height: 100%;
+    padding: 80px 20px 20px;
+  }
+
+  .cookieControl__BarButtons{
+    width: 100%;
+    margin-top: 20px;
+    justify-content: flex-end;
+  }
+
+  .cookieControl__BarContainer{
+    flex-direction: column;
+  }
+}
+
+.cookieControl__ControlButton{
+  position: fixed;
+  right: 20px;
+  bottom: 20px;
+  border: 0;
+  outline: 0;
+  width: 40px;
+  height: 40px;
+  cursor: pointer;
+  min-width: 40px;
+  min-height: 40px;
+  border-radius: 50%;
+  backface-visibility: hidden;
+  transition: background-color 200ms;
+  box-shadow: 0 0 10px rgba(0,0,0,0.3);
+  background: var(--cookie-control-controlButtonBackground);
+  svg{
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    min-width: 24px;
+    min-height: 24px;
+    max-width: 24px;
+    max-height: 24px;
+    transition: color 200ms;
+    backface-visibility: hidden;
+    transform: translate(-50%, -50%);
+    color: var(--cookie-control-controlButtonIconColor);
+  }
+
+  &:hover{
+    background-color: var(--cookie-control-controlButtonHoverBackground);
+    svg{
+      color: var(--cookie-control-controlButtonIconHoverColor);
+    }
+  }
+}

package/locale/de.js

@@ -0,0 +1,15 @@
+export default {
+  barTitle: 'Cookies',
+  barDescription: 'Wir verwenden unsere eigenen Cookies und Cookies von Drittanbietern, damit wir Ihnen diese Website zeigen können und verstehen wie Sie diese verwenden, um die von uns angebotenen Dienstleistungen zu verbessern. Wenn Sie weiter surfen, gehen wir davon aus, dass Sie die Cookies akzeptiert haben.',
+  acceptAll: 'Alle akzeptieren',
+  declineAll: 'Alle ablehnen',
+  manageCookies: 'Cookies verwalten',
+  unsaved: 'Sie haben nicht gespeicherte Einstellungen',
+  close: 'Schließen',
+  save: 'Speichern',
+  necessary: 'Notwendige Cookies',
+  optional: 'Optionale Cookies',
+  functional: 'Funktionale Cookies',
+  blockedIframe: 'Um den Inhalt zu sehen, aktivieren Sie bitte funktionale Cookies',
+  here: 'hier'
+}

package/locale/en.js

@@ -0,0 +1,15 @@
+export default {
+  barTitle: 'Cookies',
+  barDescription: 'We use our own cookies and third-party cookies so that we can show you this website and better understand how you use it, with a view to improving the services we offer. If you continue browsing, we consider that you have accepted the cookies.',
+  acceptAll: 'Accept all',
+  declineAll: 'Delete all',
+  manageCookies: 'Manage cookies',
+  unsaved: 'You have unsaved settings',
+  close: 'Close',
+  save: 'Save',
+  necessary: 'Necessary cookies',
+  optional: 'Optional cookies',
+  functional: 'Functional cookies',
+  blockedIframe: 'To see this, please enable functional cookies',
+  here: 'here'
+}

package/locale/es.js

@@ -0,0 +1,15 @@
+export default {
+  barTitle: 'Cookies',
+  barDescription: 'Utilizamos cookies propias y de terceros para poder mostrarle una página web y comprender cómo la utiliza, con el fin de mejorar los servicios que ofrecemos. Si continúa navegando, consideramos que acepta su uso.',
+  acceptAll: 'Aceptar todo',
+  declineAll: 'Borrar todo',
+  manageCookies: 'Administrar cookies',
+  unsaved: 'Tienes configuraciones no guardadas',
+  close: 'Cerrar',
+  save: 'Guardar',
+  necessary: 'Cookies obligatorias',
+  optional: 'Cookies opcionales',
+  functional: 'Cookies funcionales',
+  blockedIframe: 'Para ver esto, por favor habilita las cookies funcionales.',
+  here: 'aquí'
+}

package/locale/fr.js

@@ -0,0 +1,15 @@
+export default {
+  barTitle: "Cookies",
+  barDescription: "Nous utilisons des cookies d’origine et des cookies tiers. Ces cookies sont destinés à vous offrir une navigation optimisée sur ce site web et de nous donner un aperçu de son utilisation, en vue de l’amélioration des services que nous offrons. En poursuivant votre navigation, nous considérons que vous acceptez l’usage des cookies.",
+  acceptAll: "Tout accepter",
+  declineAll: "Tout refuser",
+  manageCookies: "Gérer les cookies",
+  unsaved: "Vous avez des paramètres non sauvegardés",
+  close: "Fermer",
+  save: "Sauvegarder",
+  necessary: "Les cookies obligatoires",
+  optional: "Les cookies optionnels",
+  functional: "Cookies fonctionnels",
+  blockedIframe: "Pour voir cela, veuillez activer les cookies fonctionnels",
+  here: "ici",
+};