From da0f3c77649eb8f0735b95de628574882f6784f6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Bj=C3=B6rn?= Date: Tue, 3 Mar 2020 17:49:58 +0100 Subject: [PATCH] adding --- demo.scss | 15 ++-- dist/css/demo.css | 2 +- dist/js/demo.js | 2 +- package.json | 2 +- src/TinyConsent.riot | 165 ++++++++++++++++++++++++------------------- 5 files changed, 101 insertions(+), 85 deletions(-) diff --git a/demo.scss b/demo.scss index be9a4fb..22a543a 100644 --- a/demo.scss +++ b/demo.scss @@ -29,12 +29,17 @@ &__header { position: relative; + + p { + margin: 10px 0 30px; + } } &__close { position: absolute; top: 0; right: 0; + margin: -8px 0 0 0; } &__cookies { @@ -50,17 +55,11 @@ list-style: none; margin: 0; padding: 0; - border: 2px white solid; + border: 1px white solid; padding: 15px 18px; margin-bottom: 10px; } - &-title { - display: inline-block; - margin-right: 10px; - font-weight: bold; - } - &-content { max-width: 80%; @@ -141,7 +140,7 @@ .button { background: black; - border: 2px solid white; + border: 1px solid white; padding: .5em 1.8em; color: white; font-size: 0.9rem; diff --git a/dist/css/demo.css b/dist/css/demo.css index 80434b5..09f9cab 100644 --- a/dist/css/demo.css +++ b/dist/css/demo.css @@ -1 +1 @@ -.tiny-consent{position:fixed;left:0;bottom:0;overflow:hidden;visibility:hidden;background:#171717;width:100%;height:auto;color:#fff}.tiny-consent--animation{-webkit-transition:bottom .5s ease;transition:bottom .5s ease}.tiny-consent__inner{margin:0 auto;max-width:1280px;padding:2em}.tiny-consent__header{position:relative}.tiny-consent__close{position:absolute;top:0;right:0}.tiny-consent__cookies{margin:0;padding:0}.tiny-consent__cookie{display:none;margin-bottom:1.5em}.tiny-consent__cookie-group{list-style:none;border:2px solid #fff;padding:15px 18px;margin:0 0 10px}.tiny-consent__cookie-title{display:inline-block;margin-right:10px;font-weight:700}.tiny-consent__cookie-content{max-width:80%}.tiny-consent__cookie-content p{margin:0;line-height:1.5}.tiny-consent__cookie-accordion--active{overflow:hidden;-webkit-transition:max-height .5s ease;transition:max-height .5s ease;max-height:0}.tiny-consent__cookie-accordion-header{position:relative}.tiny-consent__cookie-accordion-header-icon{position:absolute;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;right:0}.tiny-consent__cookie-accordion--active .tiny-consent__cookie-accordion-inner{padding-top:1em}.tiny-consent__cookie-accordion-header--open .tiny-consent__cookie-accordion-header-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.tiny-consent__cookie-accordion-inner{margin-bottom:-.5em}.tiny-consent__cookie-wrapper{position:relative}.tiny-consent__cookie-decision{position:absolute;right:0;bottom:0;text-align:right}.tiny-consent__cookie-decision .tiny-consent__button{margin-left:.8em}.tiny-consent__cookie-footer ul{list-style:none;padding:0;margin:0 0 .8em}.tiny-consent__cookie-footer ul li{display:inline-block;margin-right:1em;font-size:80%}.tiny-consent__cookie-footer ul li span{display:inline-block;margin-right:.5em;font-weight:700}.tiny-consent .button{background:#000;border:2px solid #fff;padding:.5em 1.8em;color:#fff;font-size:.9rem}.tiny-consent .button--active{color:#000;background:#fff}.tiny-consent .button:hover{cursor:pointer;color:#000;background:#fff}.tiny-consent .button:disabled{cursor:not-allowed;background:#7d7d7d;color:#cecece;border-color:#cecece}.show{display:block!important} \ No newline at end of file +.tiny-consent{position:fixed;left:0;bottom:0;overflow:hidden;visibility:hidden;background:#171717;width:100%;height:auto;color:#fff}.tiny-consent--animation{-webkit-transition:bottom .5s ease;transition:bottom .5s ease}.tiny-consent__inner{margin:0 auto;max-width:1280px;padding:2em}.tiny-consent__header{position:relative}.tiny-consent__header p{margin:10px 0 30px}.tiny-consent__close{position:absolute;top:0;right:0;margin:-8px 0 0}.tiny-consent__cookies{margin:0;padding:0}.tiny-consent__cookie{display:none;margin-bottom:1.5em}.tiny-consent__cookie-group{list-style:none;border:1px solid #fff;padding:15px 18px;margin:0 0 10px}.tiny-consent__cookie-content{max-width:80%}.tiny-consent__cookie-content p{margin:0;line-height:1.5}.tiny-consent__cookie-accordion--active{overflow:hidden;-webkit-transition:max-height .5s ease;transition:max-height .5s ease;max-height:0}.tiny-consent__cookie-accordion-header{position:relative}.tiny-consent__cookie-accordion-header-icon{position:absolute;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;right:0}.tiny-consent__cookie-accordion--active .tiny-consent__cookie-accordion-inner{padding-top:1em}.tiny-consent__cookie-accordion-header--open .tiny-consent__cookie-accordion-header-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.tiny-consent__cookie-accordion-inner{margin-bottom:-.5em}.tiny-consent__cookie-wrapper{position:relative}.tiny-consent__cookie-decision{position:absolute;right:0;bottom:0;text-align:right}.tiny-consent__cookie-decision .tiny-consent__button{margin-left:.8em}.tiny-consent__cookie-footer ul{list-style:none;padding:0;margin:0 0 .8em}.tiny-consent__cookie-footer ul li{display:inline-block;margin-right:1em;font-size:80%}.tiny-consent__cookie-footer ul li span{display:inline-block;margin-right:.5em;font-weight:700}.tiny-consent .button{background:#000;border:1px solid #fff;padding:.5em 1.8em;color:#fff;font-size:.9rem}.tiny-consent .button--active{color:#000;background:#fff}.tiny-consent .button:hover{cursor:pointer;color:#000;background:#fff}.tiny-consent .button:disabled{cursor:not-allowed;background:#7d7d7d;color:#cecece;border-color:#cecece}.show{display:block!important} \ No newline at end of file diff --git a/dist/js/demo.js b/dist/js/demo.js index 88cea14..997aa3e 100644 --- a/dist/js/demo.js +++ b/dist/js/demo.js @@ -1 +1 @@ -!function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=2)}([function(e,t,n){var o,r;!function(i){if(void 0===(r="function"==typeof(o=i)?o.call(t,n,t,e):o)||(e.exports=r),!0,e.exports=i(),!!0){var s=window.Cookies,a=window.Cookies=i();a.noConflict=function(){return window.Cookies=s,a}}}((function(){function e(){for(var e=0,t={};e"__proto__"!==e&&"constructor"!==e&&"prototype"!==e,s=e.exports=(e,...t)=>{let n=0;var o;for(("object"==typeof(o=e)?null===o:"function"!=typeof o)&&(e=t[n++]),e||(e={});n{if("function"!=typeof(n=e)&&"[object Object]"!==o.call(n)&&!Array.isArray(n))throw new TypeError("expected the first argument to be an object");var n;if(0===t.length||"function"!=typeof Symbol||"function"!=typeof i)return e;for(let n of t){let t=i(n);for(let o of t)r.call(n,o)&&(e[o]=n[o])}return e}},function(e,t,n){"use strict";n.r(t);const o=new Map,r=Symbol("riot-component"),i=new Set,s="mount",a="update",u="unmount",c=Symbol.for("pure"),l=Symbol("parent"),p=Symbol("attributes"),d=Symbol("template");var h=Object.freeze({__proto__:null,COMPONENTS_IMPLEMENTATION_MAP:o,DOM_COMPONENT_INSTANCE_PROPERTY:r,PLUGINS_SET:i,IS_DIRECTIVE:"is",VALUE_ATTRIBUTE:"value",MOUNT_METHOD_KEY:s,UPDATE_METHOD_KEY:a,UNMOUNT_METHOD_KEY:u,SHOULD_UPDATE_KEY:"shouldUpdate",ON_BEFORE_MOUNT_KEY:"onBeforeMount",ON_MOUNTED_KEY:"onMounted",ON_BEFORE_UPDATE_KEY:"onBeforeUpdate",ON_UPDATED_KEY:"onUpdated",ON_BEFORE_UNMOUNT_KEY:"onBeforeUnmount",ON_UNMOUNTED_KEY:"onUnmounted",PROPS_KEY:"props",STATE_KEY:"state",SLOTS_KEY:"slots",ROOT_KEY:"root",IS_PURE_SYMBOL:c,PARENT_KEY_SYMBOL:l,ATTRIBUTES_KEY_SYMBOL:p,TEMPLATE_KEY_SYMBOL:d});function f(e){return typeof e==="function"}function m(){return this}function b(e){return f(e)?e.prototype&&e.prototype.constructor?new e:e():e}function x(e){Array.from(e).forEach(y)}function y(e){const{parentNode:t}=e;e.remove?e.remove():t&&t.removeChild(e)}var v={EACH:0,IF:1,SIMPLE:2,TAG:3,SLOT:4};var g={ATTRIBUTE:0,EVENT:1,TEXT:2,VALUE:3};const{indexOf:_}=[],T=(e,t,n,o,r,i)=>{const s="selectedIndex"in t;let a=s;for(;oe==t,O=e=>e,N=(e,t,n,o,r,i,s)=>{const a=i-r;if(a<1)return-1;for(;n-t>=a;){let a=t,u=r;for(;an{for(;n{let o=1,r=t;for(;o>>0;n{((e,t,n,o,r,i,s,a,u)=>{const c=[],l=e.length;let p=s,d=0;for(;d{const a=n+i,u=[];let c,l,p,d,h,f,m;e:for(c=0;c<=a;c++){if(c>50)return null;for(m=c-1,h=c?u[c-1]:[0,0],f=u[c]=[],l=-c;l<=c;l+=2){for(d=l===-c||l!==c&&h[m+l-1]=0;c--){for(;d>0&&p>0&&s(o[r+d-1],e[t+p-1]);)b[x--]=0,d--,p--;if(!c)break;m=c-1,h=c?u[c-1]:[0,0],l=d-p,l===-c||l!==c&&h[m+l-1]{let u=0,c=os;)--u;c=a+o-u;const h=Array(c);let f=l[u];for(--n;f;){const{newi:e,oldi:t}=f;for(;n>e;)h[--c]=1,--n;for(;s>t;)h[--c]=-1,--s;h[--c]=0,--n,--s,f=f.prev}for(;n>=t;)h[--c]=1,--n;for(;s>=i;)h[--c]=-1,--s;return h})(n,o,r,i,s,a,u,c),e,t,n,o,s,a,l,d)},C=e=>(e.remove||w).call(e);function w(){const{parentNode:e}=this;e&&e.removeChild(this)}function M(e,t){return typeof e===t}function S(e){const t=e.ownerSVGElement;return!!t||null===t}function U(e){return!P(e.content)}function D(e){return M(e,"function")}function B(e){return!P(e)&&M(e,"object")}function P(e){return null==e}const R=Symbol("unmount"),L=Object.seal({nodes:[],mount(e,t){return this.update(e,t)},update(e,t){const{placeholder:n,nodes:o,childrenMap:r}=this,i=e===R?null:this.evaluate(e),s=i?Array.from(i):[],a=n.parentNode,{newChildrenMap:u,batches:c,futureNodes:l}=function(e,t,n,o){const{condition:r,template:i,childrenMap:s,itemName:a,getKey:u,indexName:c,root:l,isTemplateTag:p}=o,d=new Map,h=[],f=[];return e.forEach((e,o)=>{const m=function(e,t){let{itemName:n,indexName:o,index:r,item:i}=t;e[n]=i,o&&(e[o]=r);return e}(Object.create(t),{itemName:a,indexName:c,index:o,item:e}),b=u?u(m):o,x=s.get(b);if(function(e,t){return!!e&&!1===Boolean(e(t))}(r,m))return;const y=x?x.template:i.clone(),v=x?y.el:l.cloneNode(),g=!x,_=p&&g?function(e){const t=e.dom.cloneNode(!0);return{avoidDOMInjection:!0,fragment:t,children:Array.from(t.childNodes)}}(y):{};if(g?h.push(()=>y.mount(v,m,n,_)):h.push(()=>y.update(m,n)),p){const e=_.children||y.children;f.push(...e),e.forEach(e=>d.set(e,null))}else f.push(v);s.delete(b),d.set(b,{template:y,context:m,index:o})}),{newChildrenMap:d,batches:h,futureNodes:f}}(s,e,t,this);return((e,t,n,o)=>{o||(o={});const r=o.compare||E,i=o.node||O,s=null==o.before?null:i(o.before,0),a=t.length;let u=a,c=0,l=n.length,p=0;for(;c{for(;oe()),this.childrenMap=u,this.nodes=l,this},unmount(e,t){return this.update(R,t),this}});function Y(e,t){return(n,o)=>{if(o<0){const n=e.pop();if(n){const{template:e,context:o}=n;e.unmount(o,t,null)}}return n}}const K=Object.seal({mount(e,t){return this.update(e,t)},update(e,t){const n=!!this.evaluate(e),o=!this.value&&n,r=this.value&&!n,i=()=>{const n=this.node.cloneNode();this.placeholder.parentNode.insertBefore(n,this.placeholder),this.template=this.template.clone(),this.template.mount(n,e,t)};switch(!0){case o:i();break;case r:this.unmount(e);break;default:n&&this.template.update(e,t)}return this.value=n,this},unmount(e,t){return this.template.unmount(e,t,!0),this}});const F="undefined"==typeof Element?{}:Element.prototype,H=function(e){const t=new Map,n=n=>t.has(n)?t.get(n):t.set(n,e.call(this,n))&&t.get(n);return n.cache=t,n}(e=>F.hasOwnProperty(e));function X(e,t,n,o){let{name:r}=t;r?(!H(r)&&(function(e){return M(e,"boolean")}(n)||B(n)||D(n))&&(e[r]=n),e[function(e){return P(e)||!1===e||""===e||B(e)||D(e)?"removeAttribute":"setAttribute"}(n)](r,function(e,t){return!0===t?e:t}(r,n))):n?function(e,t){Object.entries(t).forEach(t=>{let[n,o]=t;return X(e,{name:n},o)})}(e,n):o&&function(e,t){Object.keys(t).forEach(t=>e.removeAttribute(t))}(e,o)}const V=/^on/;function z(e){return P(e)?"":e}const $=(e,t)=>{const n=e.childNodes[t];if(n.nodeType===Node.COMMENT_NODE){const t=document.createTextNode("");return e.replaceChild(t,n),t}return n};var W={0:X,1:function(e,t,n,o){let{name:r}=t;const i=r.replace(V,"");o&&e.removeEventListener(i,o),n&&e.addEventListener(i,n,!1)},2:function(e,t,n){e.data=z(n)},3:function(e,t,n){e.value=z(n)}};const q=Object.seal({mount(e){return this.value=this.evaluate(e),G(this,this.value),this},update(e){const t=this.evaluate(e);return this.value!==t&&(G(this,t),this.value=t),this},unmount(){return 1===this.type&&G(this,null),this}});function G(e,t){return W[e.type](e.node,e,t,e.value)}function J(e,t){return Object.assign({},q,{},t,{node:2===t.type?$(e,t.childNodeIndex):e})}function Z(e,t,n){if(!e||!e.length)return n;const o=e.map(e=>Object.assign({},e,{value:e.evaluate(t)}));return Object.assign(Object.create(n||null),function(e){return e.reduce((e,t)=>{const{value:n,type:o}=t;switch(!0){case!t.name&&0===o:return Object.assign({},e,{},n);case 3===o:e.value=t.value;break;default:e[(r=t.name,r.replace(/-(\w)/g,(e,t)=>t.toUpperCase()))]=t.value}var r;return e},{})}(o))}const Q=Object.seal({attributes:[],getTemplateScope(e,t){return Z(this.attributes,e,t)},mount(e,t){const n=!!e.slots&&e.slots.find(e=>{let{id:t}=e;return t===this.name}),{parentNode:o}=this.node;return this.template=n&&ae(n.html,n.bindings).createDOM(o),this.template&&(this.template.mount(this.node,this.getTemplateScope(e,t)),this.template.children=function e(t,n){void 0===n&&(n=[]);const o=t.firstChild;if(o)return t.parentNode.insertBefore(o,t),[o,...e(t)];return n}(this.node)),y(this.node),this},update(e,t){return this.template&&this.template.update(this.getTemplateScope(e,t)),this},unmount(e,t,n){return this.template&&this.template.unmount(this.getTemplateScope(e,t),null,n),this}});function ee(e){return e.reduce((e,t)=>{let{bindings:n}=t;return e.concat(n)},[])}const te=Object.seal({mount(e){return this.update(e)},update(e,t){const n=this.evaluate(e);return n===this.name?this.tag.update(e):(this.unmount(e,t,!0),this.name=n,this.tag=function(e,t,n){return void 0===t&&(t=[]),void 0===n&&(n=[]),e?e({slots:t,attributes:n}):ae(function(e){return e.reduce((e,t)=>e+t.html,"")}(t),[...ee(t),{expressions:n.map(e=>Object.assign({type:0},e))}])}(this.getComponent(n),this.slots,this.attributes),this.tag.mount(this.node,e)),this},unmount(e,t,n){return this.tag&&this.tag.unmount(n),this}});var ne={1:function(e,t){let{evaluate:n,template:o}=t;const r=e.parentNode,i=document.createTextNode("");return r.insertBefore(i,e),y(e),Object.assign({},K,{node:e,evaluate:n,placeholder:i,template:o.createDOM(e)})},2:function(e,t){let{expressions:n}=t;return Object.assign({},(o=n.map(t=>J(e,t)),["mount","update","unmount"].reduce((e,t)=>Object.assign({},e,{[t]:e=>o.map(n=>n[t](e))&&r}),{})));var o,r},0:function(e,t){let{evaluate:n,condition:o,itemName:r,indexName:i,getKey:s,template:a}=t;const u=document.createTextNode(""),c=e.parentNode,l=e.cloneNode();return c.insertBefore(u,e),y(e),Object.assign({},L,{childrenMap:new Map,node:e,root:l,condition:o,evaluate:n,isTemplateTag:U(l),template:a.createDOM(e),getKey:s,indexName:i,itemName:r,placeholder:u})},3:function(e,t){let{evaluate:n,getComponent:o,slots:r,attributes:i}=t;return Object.assign({},te,{node:e,evaluate:n,slots:r,attributes:i,getComponent:o})},4:function(e,t){let{name:n,attributes:o}=t;return Object.assign({},Q,{attributes:o,node:e,name:n})}};function oe(e,t){return e.map(e=>2===e.type?Object.assign({},e,{childNodeIndex:e.childNodeIndex+t}):e)}function re(e,t){return S(e)?function(e,t){return t.ownerDocument.importNode((new window.DOMParser).parseFromString(`${e}`,"application/xml").documentElement,!0)}(t,e):function(e,t){const n=U(t)?t:document.createElement("template");return n.innerHTML=e,n.content}(t,e)}function ie(e,t){switch(!0){case S(e):!function e(t,n){t.firstChild&&(n.appendChild(t.firstChild),e(t,n))}(t,e);break;case U(e):e.parentNode.replaceChild(t,e);break;default:e.appendChild(t)}}const se=Object.freeze({createDOM(e){return this.dom=this.dom||function(e,t){return t&&("string"==typeof t?re(e,t):t)}(e,this.html),this},mount(e,t,n,o){if(void 0===o&&(o={}),!e)throw new Error("Please provide DOM node to mount properly your template");this.el&&this.unmount(t);const{fragment:r,children:i,avoidDOMInjection:s}=o,{parentNode:a}=i?i[0]:e,u=U(e),c=u?Math.max(Array.from(a.children).indexOf(e),0):null;return this.isTemplateTag=u,this.createDOM(e),this.dom&&(this.fragment=r||this.dom.cloneNode(!0)),this.el=this.isTemplateTag?a:e,this.children=this.isTemplateTag?i||Array.from(this.fragment.childNodes):null,!s&&this.fragment&&ie(e,this.fragment),this.bindings=this.bindingsData.map(e=>function(e,t,n){const{selector:o,type:r,redundantAttribute:i,expressions:s}=t,a=o?e.querySelector(o):e;i&&a.removeAttribute(i);const u=s||[];return(ne[r]||ne[2])(a,Object.assign({},t,{expressions:n&&!o?oe(u,n):u}))}(this.el,e,c)),this.bindings.forEach(e=>e.mount(t,n)),this},update(e,t){return this.bindings.forEach(n=>n.update(e,t)),this},unmount(e,t,n){if(this.el){switch(this.bindings.forEach(o=>o.unmount(e,t,n)),!0){case this.children&&null!==n:x(this.children);break;case!0===n:y(this.el);break;case null!==n:x(this.el.childNodes)}this.el=null}return this},clone(){return Object.assign({},this,{el:null})}});function ae(e,t){return void 0===t&&(t=[]),Object.assign({},se,{html:e,bindingsData:t})}function ue(e,t,n,o){return void 0===o&&(o={}),Object.defineProperty(e,t,Object.assign({value:n,enumerable:!1,writable:!1,configurable:!0},o)),e}function ce(e,t,n){return Object.entries(t).forEach(t=>{let[o,r]=t;ue(e,o,r,n)}),e}function le(e,t){return Object.entries(t).forEach(t=>{let[n,o]=t;e[n]||(e[n]=o)}),e}function pe(e){return e.replace(/-(\w)/g,(e,t)=>t.toUpperCase())}function de(e){throw new Error(e)}function he(e){return e.reduce((e,t)=>{const{value:n,type:o}=t;switch(!0){case!t.name&&0===o:return Object.assign({},e,{},n);case 3===o:e.value=t.value;break;default:e[pe(t.name)]=t.value}return e},{})}function fe(e){return Array.isArray(e)?e:/^\[object (HTMLCollection|NodeList|Object)\]$/.test(Object.prototype.toString.call(e))&&"number"==typeof e.length?Array.from(e):[e]}function me(e,t){return fe("string"==typeof e?(t||document).querySelectorAll(e):e)}const be=e=>1===e.length?e[0]:e;function xe(e,t,n){const o="object"==typeof t?t:{[t]:n},r=Object.keys(o);return fe(e).forEach(e=>{r.forEach(t=>e.setAttribute(t,o[t]))}),e}function ye(e,t){return function(e,t,n){const o="string"==typeof t?[t]:t;return be(fe(e).map(e=>be(o.map(t=>e[n](t)))))}(e,t,"getAttribute")}const ve=new Map,ge=()=>_e||(xe(_e=me("style[riot]")[0]||document.createElement("style"),"type","text/css"),_e.parentNode||document.head.appendChild(_e),_e);var _e,Te={CSS_BY_NAME:ve,add(e,t){return ve.has(e)||(ve.set(e,t),this.inject()),this},inject(){return ge().innerHTML=[...ve.values()].join("\n"),this},remove(e){return ve.has(e)&&(ve.delete(e),this.inject()),this}};function Ee(e){return ye(e,"is")||e.tagName.toLowerCase()}const Oe=Object.freeze({$(e){return me(e,this.root)[0]},$$(e){return me(e,this.root)}}),Ne=Object.freeze({[s]:m,[a]:m,[u]:m}),je=Object.freeze({shouldUpdate:m,onBeforeMount:m,onMounted:m,onBeforeUpdate:m,onUpdated:m,onBeforeUnmount:m,onUnmounted:m}),ke=Object.assign({},Ne,{clone:m,createDOM:m});function Ae(e){return[s,a,u].reduce((t,n)=>(t[n]=e(n),t),{})}function Ie(e){let{css:t,template:n,exports:r,name:i}=e;const s=n?function(e,t){return e(ae,g,v,e=>t[e]||o.get(e))}(n,r?function(e){void 0===e&&(e={});return Object.entries(b(e)).reduce((e,t)=>{let[n,o]=t;var r;return e[(r=n,r.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase())]=Ie(o),e},{})}(r.components):{}):ke;return e=>{let{slots:o,attributes:a,props:u}=e;if(r&&r[c])return function(e,t){let{slots:n,attributes:o,props:r,css:i,template:s}=t;s&&de("Pure components can not have html"),i&&de("Pure components do not have css");const a=le(e({slots:n,attributes:o,props:r}),Ne);return Ae(e=>function(){return a[e](...arguments),a})}(r,{slots:o,attributes:a,props:u,css:t,template:n});const l=b(r)||{},p=Ce({css:t,template:s,componentAPI:l,name:i})({slots:o,attributes:a,props:u});return{mount:(e,t,n)=>p.mount(e,n,t),update:(e,t)=>p.update(t,e),unmount:e=>p.unmount(e)}}}function Ce(e){let{css:t,template:n,componentAPI:o,name:r}=e;return t&&r&&Te.add(r,t),function e(t){for(var n=arguments.length,o=new Array(n>1?n-1:0),r=1;rt(e)||e,e)}(ce(Object.create(e),{mount(t,i,a){return void 0===i&&(i={}),this[p]=function(e,t){void 0===t&&(t=[]);const n=t.map(t=>J(e,t)),o={};return Object.assign(o,Object.assign({expressions:n},Ae(e=>t=>(n.forEach(n=>n[e](t)),o))))}(t,o).mount(a),ue(this,"props",Object.freeze(Object.assign({},s,{},he(this[p].expressions)))),this.state=we(this.state,i),this[d]=this.template.createDOM(t).clone(),t[r]=this,e.name&&function(e,t){Ee(e)!==t&&xe(e,"is",t)}(t,e.name),ue(this,"root",t),ue(this,"slots",n),this.onBeforeMount(this.props,this.state),this[d].mount(t,this,a),this[l]=a,this.onMounted(this.props,this.state),this},update(e,t){void 0===e&&(e={}),t&&this[p].update(t);const n=he(this[p].expressions);if(!1!==this.shouldUpdate(n,this.props))return ue(this,"props",Object.freeze(Object.assign({},s,{},n))),this.state=we(this.state,e),this.onBeforeUpdate(this.props,this.state),this[d].update(this,this[l]),this.onUpdated(this.props,this.state),this},unmount(e){return this.onBeforeUnmount(this.props,this.state),this[p].unmount(),this[d].unmount(this,this[l],null===e?null:!e),this.onUnmounted(this.props,this.state),this}})),Object.keys(e).filter(t=>f(e[t])).forEach(e=>{a[e]=a[e].bind(a)}),a;var a}const{DOM_COMPONENT_INSTANCE_PROPERTY:Se,COMPONENTS_IMPLEMENTATION_MAP:Ue,PLUGINS_SET:De}=h;function Be(e,t){return void 0===t&&(t=[]),Object.assign({},function(e){return Array.from(e.attributes).reduce((e,t)=>(e[pe(t.name)]=t.value,e),{})}(e),{},b(t))}function Pe(e,t){let{css:n,template:o,exports:r}=t;return Ue.has(e)&&de(`The component "${e}" was already registered`),Ue.set(e,Ie({name:e,css:n,template:o,exports:r})),Ue}function Re(e,t,n){return me(e).map(e=>function(e,t,n){const r=n||Ee(e);return o.has(r)||de(`The component named "${r}" was never registered`),o.get(r)({props:t}).mount(e)}(e,Be(e,t),n))}var Le=n(0),Ye=n.n(Le),Ke=n(1),Fe=n.n(Ke),He={css:null,exports:{state:{options:{messages:{open:"Open"}}},handleOpen(e){e.preventDefault(),window.dispatchEvent(new window.CustomEvent("tiny-consent-open"))}},template:function(e,t,n,o){return e('',[{redundantAttribute:"expr24",selector:"[expr24]",expressions:[{type:t.TEXT,childNodeIndex:0,evaluate:function(e){return[e.state.options.messages.open].join("")}},{type:t.EVENT,name:"onclick",evaluate:function(e){return e.handleOpen}}]}])},name:"tiny-consent-button"};Pe("tiny-consent",{css:null,exports:{state:{options:{cookie_name:"tiny_consent",text:{title:"Cookies",content:"We are using Cookies and display that was we use, also there are cookies you can accept or reject",title__default:"Essential",button__agree:"Yes",button__reject:"No",button__ok:"Ok",button__close:"Close",footer__name:"Cookie Name",footer__provider:"Provider",footer__duration:"Cookie Duration",footer__privacy_policy:"Privacy Policy"},offsetLineHeight:1.15},hasChanged:!1,hasInitiated:!1,cookies:{}},getData(){let e=Ye.a.getJSON(this.state.options.cookie_name);return e||(e={}),e},getAgreeClasses(e){let t=["button","button--agree","tiny-consent__button"];return!0===this.getData()[e.id]&&t.push("button--active"),t.join(" ")},getRejectClasses(e){let t=["button","button--reject","tiny-consent__button"];return!1===this.getData()[e.id]&&t.push("button--active"),t.join(" ")},getWrapperClasses(e){let t=["tiny-consent__wrapper"];return!1===data[e.id]&&t.push("button--active"),t.join(" ")},handleToogle(){let e=event.target;event.target.nextElementSibling||(e=event.target.parentNode);const t=e.nextElementSibling.childNodes[0].offsetHeight*this.state.options.offsetLineHeight;e.classList.toggle("tiny-consent__cookie-accordion-header--open"),e.nextElementSibling.style.maxHeight?e.nextElementSibling.style.maxHeight="":e.nextElementSibling.style.maxHeight=t+"px"},isOk(){let e=this.getData(),t=!0;return this.state.cookies.default.forEach(n=>{!0!==e[n.id]&&(t=!1)}),t},onMounted(){window.addEventListener("tiny-consent-open",()=>{this.root.firstChild.style.bottom="0px",this.update()}),this.root.firstChild.style.bottom=-this.root.firstChild.offsetHeight+"px",this.root.firstChild.style.visibility="visible",window.requestAnimationFrame(()=>{this.root.firstChild.classList.add("tiny-consent--animation"),!0===this.state.hasChanged&&(this.root.firstChild.style.bottom="0px")})},onBeforeMount(){const e=this.getData();this.props.options&&(this.state.options=Fe()(this.state.options,this.props.options)),Object.entries(e).length>0&&(this.state.hasInitiated=!0),this.props.cookies.forEach((t,n)=>{!0===e[t.id]||!1===e[t.id]?(!0===e[t.id]&&t.handleAgree?t.handleAgree():!1===e[t.id]&&t.handleReject&&t.handleReject(),t.hasConsent=!0):(this.state.hasChanged=!0,t.hasConsent=!1),t.default?(this.state.cookies.default||(this.state.cookies.default=[]),this.state.cookies.default.push(t)):(this.state.cookies.other||(this.state.cookies.other=[]),this.state.cookies.other.push(t))})},beforeUpdate(){if(!1===this.state.hasInitiated&&this.state.cookies.other.length>0){let e=!0,t=this.getData();this.state.cookies.other.forEach(n=>{!1===t[n.id]&&(e=!1)}),!0===e&&(this.handleDefault(),this.close(),this.state.hasInitiated=!0)}},handleAgree(e,t){let n=this.getData();e.handleAgree&&e.handleAgree(),n[e.id]=!0,Ye.a.set(this.state.options.cookie_name,n),this.beforeUpdate(),this.update()},handleReject(e){let t=this.getData();e.handleReject&&e.handleReject(),t[e.id]=!1,Ye.a.set(this.state.options.cookie_name,t),this.beforeUpdate(),this.update()},handleDefault(){let e=this.getData();this.state.cookies.default.forEach((t,n)=>{e[t.id]=!0}),Ye.a.set(this.state.options.cookie_name,e),this.update()},close(){this.root.firstChild.style.bottom=this.root.firstChild.style.bottom=-this.root.firstChild.offsetHeight+"px"},handleClose(){!1===this.state.hasInitiated&&this.state.cookies.other.forEach(e=>{this.handleReject(e),this.handleDefault(),this.state.hasInitiated=!0}),this.close(),this.update()}},template:function(e,t,n,o){return e('',[{redundantAttribute:"expr0",selector:"[expr0]",expressions:[{type:t.TEXT,childNodeIndex:0,evaluate:function(e){return[e.state.options.text.title].join("")}}]},{type:n.IF,evaluate:function(e){return e.state.options.text.content},redundantAttribute:"expr1",selector:"[expr1]",template:e(" ",[{expressions:[{type:t.TEXT,childNodeIndex:0,evaluate:function(e){return[e.state.options.text.content].join("")}}]}])},{redundantAttribute:"expr2",selector:"[expr2]",expressions:[{type:t.EVENT,name:"onclick",evaluate:function(e){return e.handleClose}}]},{type:n.IF,evaluate:function(e){return!1===e.state.hasInitiated},redundantAttribute:"expr3",selector:"[expr3]",template:e(" ",[{expressions:[{type:t.TEXT,childNodeIndex:0,evaluate:function(e){return e.state.options.text.button__ok}}]}])},{type:n.IF,evaluate:function(e){return!0===e.state.hasInitiated},redundantAttribute:"expr4",selector:"[expr4]",template:e(" ",[{expressions:[{type:t.TEXT,childNodeIndex:0,evaluate:function(e){return e.state.options.text.button__close}}]}])},{type:n.EACH,getKey:null,condition:null,template:e('
',[{expressions:[{type:t.ATTRIBUTE,name:"class",evaluate:function(e){return"tiny-consent__cookie-group"}}]},{type:n.IF,evaluate:function(e){return"default"===e.group[0]&&e.group[1].length>1},redundantAttribute:"expr6",selector:"[expr6]",template:e(' ▲',[{expressions:[{type:t.TEXT,childNodeIndex:0,evaluate:function(e){return[e.state.options.text.title__default," (",e.group[1].length,")"].join("")}},{type:t.ATTRIBUTE,name:"class",evaluate:function(e){return"tiny-consent__cookie-accordion-header"}},{type:t.EVENT,name:"onclick",evaluate:function(e){return()=>{e.handleToogle()}}}]}])},{redundantAttribute:"expr7",selector:"[expr7]",expressions:[{type:t.ATTRIBUTE,name:"class",evaluate:function(e){return["tiny-consent__cookie-accordion","default"===e.group[0]&&e.group[1].length>1?" tiny-consent__cookie-accordion--active":""].join("")}}]},{type:n.EACH,getKey:null,condition:null,template:e('

',[{expressions:[{type:t.ATTRIBUTE,name:"class",evaluate:function(e){return"tiny-consent__cookie-wrapper"}}]},{redundantAttribute:"expr9",selector:"[expr9]",expressions:[{type:t.TEXT,childNodeIndex:1,evaluate:function(e){return[e.cookie.content].join("")}}]},{type:n.IF,evaluate:function(e){return e.cookie.title},redundantAttribute:"expr10",selector:"[expr10]",template:e(" ",[{expressions:[{type:t.TEXT,childNodeIndex:0,evaluate:function(e){return e.cookie.title}},{type:t.ATTRIBUTE,name:"class",evaluate:function(e){return"tiny-consent__cookie-title"}}]}])},{type:n.IF,evaluate:function(e){return e.cookie.provider},redundantAttribute:"expr11",selector:"[expr11]",template:e(' ',[{expressions:[{type:t.TEXT,childNodeIndex:1,evaluate:function(e){return[e.cookie.provider].join("")}}]},{redundantAttribute:"expr12",selector:"[expr12]",expressions:[{type:t.TEXT,childNodeIndex:0,evaluate:function(e){return e.state.options.text.footer__provider}}]}])},{type:n.IF,evaluate:function(e){return e.cookie.name},redundantAttribute:"expr13",selector:"[expr13]",template:e(' ',[{expressions:[{type:t.TEXT,childNodeIndex:1,evaluate:function(e){return[e.cookie.name].join("")}}]},{redundantAttribute:"expr14",selector:"[expr14]",expressions:[{type:t.TEXT,childNodeIndex:0,evaluate:function(e){return e.state.options.text.footer__name}}]}])},{type:n.IF,evaluate:function(e){return e.cookie.duration},redundantAttribute:"expr15",selector:"[expr15]",template:e(' ',[{expressions:[{type:t.TEXT,childNodeIndex:1,evaluate:function(e){return[e.cookie.duration].join("")}}]},{redundantAttribute:"expr16",selector:"[expr16]",expressions:[{type:t.TEXT,childNodeIndex:0,evaluate:function(e){return e.state.options.text.footer__duration}}]}])},{type:n.IF,evaluate:function(e){return e.cookie.privacy_policy},redundantAttribute:"expr17",selector:"[expr17]",template:e(' ',[{redundantAttribute:"expr18",selector:"[expr18]",expressions:[{type:t.TEXT,childNodeIndex:0,evaluate:function(e){return e.state.options.text.footer__privacy_policy}},{type:t.ATTRIBUTE,name:"href",evaluate:function(e){return e.cookie.privacy_policy}}]}])},{type:n.IF,evaluate:function(e){return"other"===e.group[0]},redundantAttribute:"expr19",selector:"[expr19]",template:e('',[{expressions:[{type:t.ATTRIBUTE,name:"class",evaluate:function(e){return"tiny-consent__cookie-decision"}}]},{redundantAttribute:"expr20",selector:"[expr20]",expressions:[{type:t.TEXT,childNodeIndex:0,evaluate:function(e){return[e.state.options.text.button__agree].join("")}},{type:t.ATTRIBUTE,name:"class",evaluate:function(e){return e.getAgreeClasses(e.cookie)}},{type:t.EVENT,name:"onclick",evaluate:function(e){return()=>{e.handleAgree(e.cookie)}}}]},{type:n.IF,evaluate:function(e){return"other"===e.group[0]},redundantAttribute:"expr21",selector:"[expr21]",template:e(" ",[{expressions:[{type:t.TEXT,childNodeIndex:0,evaluate:function(e){return[e.state.options.text.button__reject].join("")}},{type:t.ATTRIBUTE,name:"class",evaluate:function(e){return e.getRejectClasses(e.cookie)}},{type:t.EVENT,name:"onclick",evaluate:function(e){return()=>{e.handleReject(e.cookie)}}}]}])}])},{type:n.IF,evaluate:function(e){return"default"===e.group[0]&&e.index===e.group[1].length-1},redundantAttribute:"expr22",selector:"[expr22]",template:e('',[{expressions:[{type:t.ATTRIBUTE,name:"class",evaluate:function(e){return"tiny-consent__cookie-decision"}}]},{redundantAttribute:"expr23",selector:"[expr23]",expressions:[{type:t.TEXT,childNodeIndex:0,evaluate:function(e){return[e.state.options.text.button__ok].join("")}},{type:t.ATTRIBUTE,name:"disabled",evaluate:function(e){return e.isOk()}},{type:t.EVENT,name:"onclick",evaluate:function(e){return t=>{e.handleDefault(e.cookies)}}}]}])}]),redundantAttribute:"expr8",selector:"[expr8]",itemName:"cookie",indexName:"index",evaluate:function(e){return e.group[1]}}]),redundantAttribute:"expr5",selector:"[expr5]",itemName:"group",indexName:null,evaluate:function(e){return Object.entries(e.state.cookies)}}])},name:"tiny-consent"}),Pe("tiny-consent-button",He),Re("tiny-consent",{text:{content:void 0},cookies:[{title:"Matomo",name:"matamo_",id:"matamo",content:"Cookie from Matamo for Website-Analytics. Creates statiscial Data how the User uses this Website",provider:"Tentakelfabrik.de",duration:"1 Year",privacy_policy:"https://tentakelfabrik.de/datenschutzerklarung",handleAgree:function(){console.log("agree")},handleReject:function(){console.log("reject")}},{title:"Tiny Consent",id:"tiny_consent",name:"tiny_consent",content:"Saves the Settings of Cookies from Tiny Consent",provider:"Owner of this Site",duration:"1 Year",default:!0},{title:"Wordpress mit WooCommerce",id:"wordpress_woocommerce",name:"woocommerce_cart_hash, woocommerce_items_in_cart, wp_woocommerce_session_, tk_ai",content:"Handle Login of User and Cart of WooCommerce Shop",provider:"Owner of this Site",duration:"Session",default:!0}]}),Re("tiny-consent-button")},function(e,t){}]); \ No newline at end of file +!function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=2)}([function(e,t,n){var o,r;!function(i){if(void 0===(r="function"==typeof(o=i)?o.call(t,n,t,e):o)||(e.exports=r),!0,e.exports=i(),!!0){var s=window.Cookies,a=window.Cookies=i();a.noConflict=function(){return window.Cookies=s,a}}}((function(){function e(){for(var e=0,t={};e"__proto__"!==e&&"constructor"!==e&&"prototype"!==e,s=e.exports=(e,...t)=>{let n=0;var o;for(("object"==typeof(o=e)?null===o:"function"!=typeof o)&&(e=t[n++]),e||(e={});n{if("function"!=typeof(n=e)&&"[object Object]"!==o.call(n)&&!Array.isArray(n))throw new TypeError("expected the first argument to be an object");var n;if(0===t.length||"function"!=typeof Symbol||"function"!=typeof i)return e;for(let n of t){let t=i(n);for(let o of t)r.call(n,o)&&(e[o]=n[o])}return e}},function(e,t,n){"use strict";n.r(t);const o=new Map,r=Symbol("riot-component"),i=new Set,s="mount",a="update",u="unmount",c=Symbol.for("pure"),l=Symbol("parent"),p=Symbol("attributes"),d=Symbol("template");var h=Object.freeze({__proto__:null,COMPONENTS_IMPLEMENTATION_MAP:o,DOM_COMPONENT_INSTANCE_PROPERTY:r,PLUGINS_SET:i,IS_DIRECTIVE:"is",VALUE_ATTRIBUTE:"value",MOUNT_METHOD_KEY:s,UPDATE_METHOD_KEY:a,UNMOUNT_METHOD_KEY:u,SHOULD_UPDATE_KEY:"shouldUpdate",ON_BEFORE_MOUNT_KEY:"onBeforeMount",ON_MOUNTED_KEY:"onMounted",ON_BEFORE_UPDATE_KEY:"onBeforeUpdate",ON_UPDATED_KEY:"onUpdated",ON_BEFORE_UNMOUNT_KEY:"onBeforeUnmount",ON_UNMOUNTED_KEY:"onUnmounted",PROPS_KEY:"props",STATE_KEY:"state",SLOTS_KEY:"slots",ROOT_KEY:"root",IS_PURE_SYMBOL:c,PARENT_KEY_SYMBOL:l,ATTRIBUTES_KEY_SYMBOL:p,TEMPLATE_KEY_SYMBOL:d});function f(e){return typeof e==="function"}function m(){return this}function b(e){return f(e)?e.prototype&&e.prototype.constructor?new e:e():e}function x(e){Array.from(e).forEach(y)}function y(e){const{parentNode:t}=e;e.remove?e.remove():t&&t.removeChild(e)}var v={EACH:0,IF:1,SIMPLE:2,TAG:3,SLOT:4};var g={ATTRIBUTE:0,EVENT:1,TEXT:2,VALUE:3};const{indexOf:_}=[],T=(e,t,n,o,r,i)=>{const s="selectedIndex"in t;let a=s;for(;oe==t,O=e=>e,N=(e,t,n,o,r,i,s)=>{const a=i-r;if(a<1)return-1;for(;n-t>=a;){let a=t,u=r;for(;an{for(;n{let o=1,r=t;for(;o>>0;n{((e,t,n,o,r,i,s,a,u)=>{const c=[],l=e.length;let p=s,d=0;for(;d{const a=n+i,u=[];let c,l,p,d,h,f,m;e:for(c=0;c<=a;c++){if(c>50)return null;for(m=c-1,h=c?u[c-1]:[0,0],f=u[c]=[],l=-c;l<=c;l+=2){for(d=l===-c||l!==c&&h[m+l-1]=0;c--){for(;d>0&&p>0&&s(o[r+d-1],e[t+p-1]);)b[x--]=0,d--,p--;if(!c)break;m=c-1,h=c?u[c-1]:[0,0],l=d-p,l===-c||l!==c&&h[m+l-1]{let u=0,c=os;)--u;c=a+o-u;const h=Array(c);let f=l[u];for(--n;f;){const{newi:e,oldi:t}=f;for(;n>e;)h[--c]=1,--n;for(;s>t;)h[--c]=-1,--s;h[--c]=0,--n,--s,f=f.prev}for(;n>=t;)h[--c]=1,--n;for(;s>=i;)h[--c]=-1,--s;return h})(n,o,r,i,s,a,u,c),e,t,n,o,s,a,l,d)},C=e=>(e.remove||w).call(e);function w(){const{parentNode:e}=this;e&&e.removeChild(this)}function M(e,t){return typeof e===t}function S(e){const t=e.ownerSVGElement;return!!t||null===t}function U(e){return!R(e.content)}function D(e){return M(e,"function")}function B(e){return!R(e)&&M(e,"object")}function R(e){return null==e}const P=Symbol("unmount"),L=Object.seal({nodes:[],mount(e,t){return this.update(e,t)},update(e,t){const{placeholder:n,nodes:o,childrenMap:r}=this,i=e===P?null:this.evaluate(e),s=i?Array.from(i):[],a=n.parentNode,{newChildrenMap:u,batches:c,futureNodes:l}=function(e,t,n,o){const{condition:r,template:i,childrenMap:s,itemName:a,getKey:u,indexName:c,root:l,isTemplateTag:p}=o,d=new Map,h=[],f=[];return e.forEach((e,o)=>{const m=function(e,t){let{itemName:n,indexName:o,index:r,item:i}=t;e[n]=i,o&&(e[o]=r);return e}(Object.create(t),{itemName:a,indexName:c,index:o,item:e}),b=u?u(m):o,x=s.get(b);if(function(e,t){return!!e&&!1===Boolean(e(t))}(r,m))return;const y=x?x.template:i.clone(),v=x?y.el:l.cloneNode(),g=!x,_=p&&g?function(e){const t=e.dom.cloneNode(!0);return{avoidDOMInjection:!0,fragment:t,children:Array.from(t.childNodes)}}(y):{};if(g?h.push(()=>y.mount(v,m,n,_)):h.push(()=>y.update(m,n)),p){const e=_.children||y.children;f.push(...e),e.forEach(e=>d.set(e,null))}else f.push(v);s.delete(b),d.set(b,{template:y,context:m,index:o})}),{newChildrenMap:d,batches:h,futureNodes:f}}(s,e,t,this);return((e,t,n,o)=>{o||(o={});const r=o.compare||E,i=o.node||O,s=null==o.before?null:i(o.before,0),a=t.length;let u=a,c=0,l=n.length,p=0;for(;c{for(;oe()),this.childrenMap=u,this.nodes=l,this},unmount(e,t){return this.update(P,t),this}});function Y(e,t){return(n,o)=>{if(o<0){const n=e.pop();if(n){const{template:e,context:o}=n;e.unmount(o,t,null)}}return n}}const K=Object.seal({mount(e,t){return this.update(e,t)},update(e,t){const n=!!this.evaluate(e),o=!this.value&&n,r=this.value&&!n,i=()=>{const n=this.node.cloneNode();this.placeholder.parentNode.insertBefore(n,this.placeholder),this.template=this.template.clone(),this.template.mount(n,e,t)};switch(!0){case o:i();break;case r:this.unmount(e);break;default:n&&this.template.update(e,t)}return this.value=n,this},unmount(e,t){return this.template.unmount(e,t,!0),this}});const F="undefined"==typeof Element?{}:Element.prototype,H=function(e){const t=new Map,n=n=>t.has(n)?t.get(n):t.set(n,e.call(this,n))&&t.get(n);return n.cache=t,n}(e=>F.hasOwnProperty(e));function X(e,t,n,o){let{name:r}=t;r?(!H(r)&&(function(e){return M(e,"boolean")}(n)||B(n)||D(n))&&(e[r]=n),e[function(e){return R(e)||!1===e||""===e||B(e)||D(e)?"removeAttribute":"setAttribute"}(n)](r,function(e,t){return!0===t?e:t}(r,n))):n?function(e,t){Object.entries(t).forEach(t=>{let[n,o]=t;return X(e,{name:n},o)})}(e,n):o&&function(e,t){Object.keys(t).forEach(t=>e.removeAttribute(t))}(e,o)}const V=/^on/;function z(e){return R(e)?"":e}const $=(e,t)=>{const n=e.childNodes[t];if(n.nodeType===Node.COMMENT_NODE){const t=document.createTextNode("");return e.replaceChild(t,n),t}return n};var W={0:X,1:function(e,t,n,o){let{name:r}=t;const i=r.replace(V,"");o&&e.removeEventListener(i,o),n&&e.addEventListener(i,n,!1)},2:function(e,t,n){e.data=z(n)},3:function(e,t,n){e.value=z(n)}};const q=Object.seal({mount(e){return this.value=this.evaluate(e),G(this,this.value),this},update(e){const t=this.evaluate(e);return this.value!==t&&(G(this,t),this.value=t),this},unmount(){return 1===this.type&&G(this,null),this}});function G(e,t){return W[e.type](e.node,e,t,e.value)}function J(e,t){return Object.assign({},q,{},t,{node:2===t.type?$(e,t.childNodeIndex):e})}function Z(e,t,n){if(!e||!e.length)return n;const o=e.map(e=>Object.assign({},e,{value:e.evaluate(t)}));return Object.assign(Object.create(n||null),function(e){return e.reduce((e,t)=>{const{value:n,type:o}=t;switch(!0){case!t.name&&0===o:return Object.assign({},e,{},n);case 3===o:e.value=t.value;break;default:e[(r=t.name,r.replace(/-(\w)/g,(e,t)=>t.toUpperCase()))]=t.value}var r;return e},{})}(o))}const Q=Object.seal({attributes:[],getTemplateScope(e,t){return Z(this.attributes,e,t)},mount(e,t){const n=!!e.slots&&e.slots.find(e=>{let{id:t}=e;return t===this.name}),{parentNode:o}=this.node;return this.template=n&&ae(n.html,n.bindings).createDOM(o),this.template&&(this.template.mount(this.node,this.getTemplateScope(e,t)),this.template.children=function e(t,n){void 0===n&&(n=[]);const o=t.firstChild;if(o)return t.parentNode.insertBefore(o,t),[o,...e(t)];return n}(this.node)),y(this.node),this},update(e,t){return this.template&&this.template.update(this.getTemplateScope(e,t)),this},unmount(e,t,n){return this.template&&this.template.unmount(this.getTemplateScope(e,t),null,n),this}});function ee(e){return e.reduce((e,t)=>{let{bindings:n}=t;return e.concat(n)},[])}const te=Object.seal({mount(e){return this.update(e)},update(e,t){const n=this.evaluate(e);return n===this.name?this.tag.update(e):(this.unmount(e,t,!0),this.name=n,this.tag=function(e,t,n){return void 0===t&&(t=[]),void 0===n&&(n=[]),e?e({slots:t,attributes:n}):ae(function(e){return e.reduce((e,t)=>e+t.html,"")}(t),[...ee(t),{expressions:n.map(e=>Object.assign({type:0},e))}])}(this.getComponent(n),this.slots,this.attributes),this.tag.mount(this.node,e)),this},unmount(e,t,n){return this.tag&&this.tag.unmount(n),this}});var ne={1:function(e,t){let{evaluate:n,template:o}=t;const r=e.parentNode,i=document.createTextNode("");return r.insertBefore(i,e),y(e),Object.assign({},K,{node:e,evaluate:n,placeholder:i,template:o.createDOM(e)})},2:function(e,t){let{expressions:n}=t;return Object.assign({},(o=n.map(t=>J(e,t)),["mount","update","unmount"].reduce((e,t)=>Object.assign({},e,{[t]:e=>o.map(n=>n[t](e))&&r}),{})));var o,r},0:function(e,t){let{evaluate:n,condition:o,itemName:r,indexName:i,getKey:s,template:a}=t;const u=document.createTextNode(""),c=e.parentNode,l=e.cloneNode();return c.insertBefore(u,e),y(e),Object.assign({},L,{childrenMap:new Map,node:e,root:l,condition:o,evaluate:n,isTemplateTag:U(l),template:a.createDOM(e),getKey:s,indexName:i,itemName:r,placeholder:u})},3:function(e,t){let{evaluate:n,getComponent:o,slots:r,attributes:i}=t;return Object.assign({},te,{node:e,evaluate:n,slots:r,attributes:i,getComponent:o})},4:function(e,t){let{name:n,attributes:o}=t;return Object.assign({},Q,{attributes:o,node:e,name:n})}};function oe(e,t){return e.map(e=>2===e.type?Object.assign({},e,{childNodeIndex:e.childNodeIndex+t}):e)}function re(e,t){return S(e)?function(e,t){return t.ownerDocument.importNode((new window.DOMParser).parseFromString(`${e}`,"application/xml").documentElement,!0)}(t,e):function(e,t){const n=U(t)?t:document.createElement("template");return n.innerHTML=e,n.content}(t,e)}function ie(e,t){switch(!0){case S(e):!function e(t,n){t.firstChild&&(n.appendChild(t.firstChild),e(t,n))}(t,e);break;case U(e):e.parentNode.replaceChild(t,e);break;default:e.appendChild(t)}}const se=Object.freeze({createDOM(e){return this.dom=this.dom||function(e,t){return t&&("string"==typeof t?re(e,t):t)}(e,this.html),this},mount(e,t,n,o){if(void 0===o&&(o={}),!e)throw new Error("Please provide DOM node to mount properly your template");this.el&&this.unmount(t);const{fragment:r,children:i,avoidDOMInjection:s}=o,{parentNode:a}=i?i[0]:e,u=U(e),c=u?Math.max(Array.from(a.children).indexOf(e),0):null;return this.isTemplateTag=u,this.createDOM(e),this.dom&&(this.fragment=r||this.dom.cloneNode(!0)),this.el=this.isTemplateTag?a:e,this.children=this.isTemplateTag?i||Array.from(this.fragment.childNodes):null,!s&&this.fragment&&ie(e,this.fragment),this.bindings=this.bindingsData.map(e=>function(e,t,n){const{selector:o,type:r,redundantAttribute:i,expressions:s}=t,a=o?e.querySelector(o):e;i&&a.removeAttribute(i);const u=s||[];return(ne[r]||ne[2])(a,Object.assign({},t,{expressions:n&&!o?oe(u,n):u}))}(this.el,e,c)),this.bindings.forEach(e=>e.mount(t,n)),this},update(e,t){return this.bindings.forEach(n=>n.update(e,t)),this},unmount(e,t,n){if(this.el){switch(this.bindings.forEach(o=>o.unmount(e,t,n)),!0){case this.children&&null!==n:x(this.children);break;case!0===n:y(this.el);break;case null!==n:x(this.el.childNodes)}this.el=null}return this},clone(){return Object.assign({},this,{el:null})}});function ae(e,t){return void 0===t&&(t=[]),Object.assign({},se,{html:e,bindingsData:t})}function ue(e,t,n,o){return void 0===o&&(o={}),Object.defineProperty(e,t,Object.assign({value:n,enumerable:!1,writable:!1,configurable:!0},o)),e}function ce(e,t,n){return Object.entries(t).forEach(t=>{let[o,r]=t;ue(e,o,r,n)}),e}function le(e,t){return Object.entries(t).forEach(t=>{let[n,o]=t;e[n]||(e[n]=o)}),e}function pe(e){return e.replace(/-(\w)/g,(e,t)=>t.toUpperCase())}function de(e){throw new Error(e)}function he(e){return e.reduce((e,t)=>{const{value:n,type:o}=t;switch(!0){case!t.name&&0===o:return Object.assign({},e,{},n);case 3===o:e.value=t.value;break;default:e[pe(t.name)]=t.value}return e},{})}function fe(e){return Array.isArray(e)?e:/^\[object (HTMLCollection|NodeList|Object)\]$/.test(Object.prototype.toString.call(e))&&"number"==typeof e.length?Array.from(e):[e]}function me(e,t){return fe("string"==typeof e?(t||document).querySelectorAll(e):e)}const be=e=>1===e.length?e[0]:e;function xe(e,t,n){const o="object"==typeof t?t:{[t]:n},r=Object.keys(o);return fe(e).forEach(e=>{r.forEach(t=>e.setAttribute(t,o[t]))}),e}function ye(e,t){return function(e,t,n){const o="string"==typeof t?[t]:t;return be(fe(e).map(e=>be(o.map(t=>e[n](t)))))}(e,t,"getAttribute")}const ve=new Map,ge=()=>_e||(xe(_e=me("style[riot]")[0]||document.createElement("style"),"type","text/css"),_e.parentNode||document.head.appendChild(_e),_e);var _e,Te={CSS_BY_NAME:ve,add(e,t){return ve.has(e)||(ve.set(e,t),this.inject()),this},inject(){return ge().innerHTML=[...ve.values()].join("\n"),this},remove(e){return ve.has(e)&&(ve.delete(e),this.inject()),this}};function Ee(e){return ye(e,"is")||e.tagName.toLowerCase()}const Oe=Object.freeze({$(e){return me(e,this.root)[0]},$$(e){return me(e,this.root)}}),Ne=Object.freeze({[s]:m,[a]:m,[u]:m}),ke=Object.freeze({shouldUpdate:m,onBeforeMount:m,onMounted:m,onBeforeUpdate:m,onUpdated:m,onBeforeUnmount:m,onUnmounted:m}),je=Object.assign({},Ne,{clone:m,createDOM:m});function Ae(e){return[s,a,u].reduce((t,n)=>(t[n]=e(n),t),{})}function Ie(e){let{css:t,template:n,exports:r,name:i}=e;const s=n?function(e,t){return e(ae,g,v,e=>t[e]||o.get(e))}(n,r?function(e){void 0===e&&(e={});return Object.entries(b(e)).reduce((e,t)=>{let[n,o]=t;var r;return e[(r=n,r.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase())]=Ie(o),e},{})}(r.components):{}):je;return e=>{let{slots:o,attributes:a,props:u}=e;if(r&&r[c])return function(e,t){let{slots:n,attributes:o,props:r,css:i,template:s}=t;s&&de("Pure components can not have html"),i&&de("Pure components do not have css");const a=le(e({slots:n,attributes:o,props:r}),Ne);return Ae(e=>function(){return a[e](...arguments),a})}(r,{slots:o,attributes:a,props:u,css:t,template:n});const l=b(r)||{},p=Ce({css:t,template:s,componentAPI:l,name:i})({slots:o,attributes:a,props:u});return{mount:(e,t,n)=>p.mount(e,n,t),update:(e,t)=>p.update(t,e),unmount:e=>p.unmount(e)}}}function Ce(e){let{css:t,template:n,componentAPI:o,name:r}=e;return t&&r&&Te.add(r,t),function e(t){for(var n=arguments.length,o=new Array(n>1?n-1:0),r=1;rt(e)||e,e)}(ce(Object.create(e),{mount(t,i,a){return void 0===i&&(i={}),this[p]=function(e,t){void 0===t&&(t=[]);const n=t.map(t=>J(e,t)),o={};return Object.assign(o,Object.assign({expressions:n},Ae(e=>t=>(n.forEach(n=>n[e](t)),o))))}(t,o).mount(a),ue(this,"props",Object.freeze(Object.assign({},s,{},he(this[p].expressions)))),this.state=we(this.state,i),this[d]=this.template.createDOM(t).clone(),t[r]=this,e.name&&function(e,t){Ee(e)!==t&&xe(e,"is",t)}(t,e.name),ue(this,"root",t),ue(this,"slots",n),this.onBeforeMount(this.props,this.state),this[d].mount(t,this,a),this[l]=a,this.onMounted(this.props,this.state),this},update(e,t){void 0===e&&(e={}),t&&this[p].update(t);const n=he(this[p].expressions);if(!1!==this.shouldUpdate(n,this.props))return ue(this,"props",Object.freeze(Object.assign({},s,{},n))),this.state=we(this.state,e),this.onBeforeUpdate(this.props,this.state),this[d].update(this,this[l]),this.onUpdated(this.props,this.state),this},unmount(e){return this.onBeforeUnmount(this.props,this.state),this[p].unmount(),this[d].unmount(this,this[l],null===e?null:!e),this.onUnmounted(this.props,this.state),this}})),Object.keys(e).filter(t=>f(e[t])).forEach(e=>{a[e]=a[e].bind(a)}),a;var a}const{DOM_COMPONENT_INSTANCE_PROPERTY:Se,COMPONENTS_IMPLEMENTATION_MAP:Ue,PLUGINS_SET:De}=h;function Be(e,t){return void 0===t&&(t=[]),Object.assign({},function(e){return Array.from(e.attributes).reduce((e,t)=>(e[pe(t.name)]=t.value,e),{})}(e),{},b(t))}function Re(e,t){let{css:n,template:o,exports:r}=t;return Ue.has(e)&&de(`The component "${e}" was already registered`),Ue.set(e,Ie({name:e,css:n,template:o,exports:r})),Ue}function Pe(e,t,n){return me(e).map(e=>function(e,t,n){const r=n||Ee(e);return o.has(r)||de(`The component named "${r}" was never registered`),o.get(r)({props:t}).mount(e)}(e,Be(e,t),n))}var Le=n(0),Ye=n.n(Le),Ke=n(1),Fe=n.n(Ke),He={css:null,exports:{state:{options:{messages:{open:"Open"}}},handleOpen(e){e.preventDefault(),window.dispatchEvent(new window.CustomEvent("tiny-consent-open"))}},template:function(e,t,n,o){return e('',[{redundantAttribute:"expr0",selector:"[expr0]",expressions:[{type:t.TEXT,childNodeIndex:0,evaluate:function(e){return[e.state.options.messages.open].join("")}},{type:t.EVENT,name:"onclick",evaluate:function(e){return e.handleOpen}}]}])},name:"tiny-consent-button"};Re("tiny-consent",{css:null,exports:{state:{options:{cookie_name:"tiny_consent",text:{content:"We are using Cookies and display that was we use, also there are cookies you can accept or reject",title__default:"Essential",button__agree:"Yes",button__reject:"No",button__ok:"Ok",button__roger:"Roger that",button__close:"Close",footer__name:"Cookie Name",footer__provider:"Provider",footer__duration:"Cookie Duration",footer__privacy_policy:"Privacy Policy"},offsetLineHeight:1.15},hasChanged:!1,hasInitiated:!1,cookies:{}},getData(){let e=Ye.a.getJSON(this.state.options.cookie_name);return e||(e={}),e},getAgreeClasses(e){let t=["button","button--agree","tiny-consent__button"];return!0===this.getData()[e.id]&&t.push("button--active"),t.join(" ")},getRejectClasses(e){let t=["button","button--reject","tiny-consent__button"];return!1===this.getData()[e.id]&&t.push("button--active"),t.join(" ")},getWrapperClasses(e){let t=["tiny-consent__wrapper"];return!1===data[e.id]&&t.push("button--active"),t.join(" ")},handleToogle(){let e=event.target;event.target.nextElementSibling||(e=event.target.parentNode);const t=e.nextElementSibling.childNodes[0].offsetHeight*this.state.options.offsetLineHeight;e.classList.toggle("tiny-consent__cookie-accordion-header--open"),e.nextElementSibling.style.maxHeight?e.nextElementSibling.style.maxHeight="":e.nextElementSibling.style.maxHeight=t+"px"},isOk(){let e=this.getData(),t=!0;return this.state.cookies.default.forEach(n=>{!0!==e[n.id]&&(t=!1)}),t},onMounted(){window.addEventListener("tiny-consent-open",()=>{this.root.firstChild.style.bottom="0px",this.update()}),this.root.firstChild.style.bottom=-this.root.firstChild.offsetHeight+"px",this.root.firstChild.style.visibility="visible",window.requestAnimationFrame(()=>{this.root.firstChild.classList.add("tiny-consent--animation"),!0===this.state.hasChanged&&(this.root.firstChild.style.bottom="0px")})},onBeforeMount(){const e=this.getData();this.props.options&&(this.state.options=Fe()(this.state.options,this.props.options)),Object.entries(e).length>0&&(this.state.hasInitiated=!0),this.props.cookies.forEach((t,n)=>{!0===e[t.id]||!1===e[t.id]?(!0===e[t.id]&&t.handleAgree?t.handleAgree():!1===e[t.id]&&t.handleReject&&t.handleReject(),t.hasConsent=!0):(this.state.hasChanged=!0,t.hasConsent=!1),t.default?(this.state.cookies.default||(this.state.cookies.default=[]),this.state.cookies.default.push(t)):(this.state.cookies.other||(this.state.cookies.other=[]),this.state.cookies.other.push(t))})},beforeUpdate(){if(!1===this.state.hasInitiated){let e=!0,t=this.getData(),n=[];this.state.cookies.other&&this.state.cookies.other.length>0?n=this.state.cookies.other:!this.state.cookies.other&&this.state.cookies.default&&this.state.cookies.default.length>0&&(n=this.state.cookies.default),n.forEach(n=>{void 0===t[n.id]&&(e=!1)}),!0===e&&(this.state.hasInitiated=!0,this.handleDefault(),this.close())}},handleAgree(e,t){let n=this.getData();e.handleAgree&&e.handleAgree(),n[e.id]=!0,Ye.a.set(this.state.options.cookie_name,n),this.beforeUpdate(),this.update()},handleReject(e){let t=this.getData();e.handleReject&&e.handleReject(),t[e.id]=!1,Ye.a.set(this.state.options.cookie_name,t),this.beforeUpdate(),this.update()},handleDefault(){let e=this.getData();this.state.cookies.default.forEach((t,n)=>{e[t.id]=!0}),Ye.a.set(this.state.options.cookie_name,e),this.beforeUpdate(),this.update()},close(){this.root.firstChild.style.bottom=this.root.firstChild.style.bottom=-this.root.firstChild.offsetHeight+"px"},handleClose(){!1===this.state.hasInitiated&&(this.state.cookies.other&&this.state.cookies.other.forEach(e=>{this.handleReject(e)}),this.state.hasInitiated=!0,this.handleDefault()),this.close(),this.update()}},template:function(e,t,n,o){return e('',[{type:n.IF,evaluate:function(e){return e.state.options.text.content},redundantAttribute:"expr1",selector:"[expr1]",template:e(" ",[{expressions:[{type:t.TEXT,childNodeIndex:0,evaluate:function(e){return[e.state.options.text.content].join("")}}]}])},{redundantAttribute:"expr2",selector:"[expr2]",expressions:[{type:t.EVENT,name:"onclick",evaluate:function(e){return e.handleClose}}]},{type:n.IF,evaluate:function(e){return!1===e.state.hasInitiated},redundantAttribute:"expr3",selector:"[expr3]",template:e(" ",[{expressions:[{type:t.TEXT,childNodeIndex:0,evaluate:function(e){return e.state.options.text.button__roger}}]}])},{type:n.IF,evaluate:function(e){return!0===e.state.hasInitiated},redundantAttribute:"expr4",selector:"[expr4]",template:e(" ",[{expressions:[{type:t.TEXT,childNodeIndex:0,evaluate:function(e){return e.state.options.text.button__close}}]}])},{type:n.EACH,getKey:null,condition:null,template:e('
',[{expressions:[{type:t.ATTRIBUTE,name:"class",evaluate:function(e){return"tiny-consent__cookie-group"}}]},{type:n.IF,evaluate:function(e){return"default"===e.group[0]&&e.group[1].length>1},redundantAttribute:"expr6",selector:"[expr6]",template:e(' ▲',[{expressions:[{type:t.TEXT,childNodeIndex:0,evaluate:function(e){return[e.state.options.text.title__default," (",e.group[1].length,")"].join("")}},{type:t.ATTRIBUTE,name:"class",evaluate:function(e){return"tiny-consent__cookie-accordion-header"}},{type:t.EVENT,name:"onclick",evaluate:function(e){return()=>{e.handleToogle()}}}]}])},{redundantAttribute:"expr7",selector:"[expr7]",expressions:[{type:t.ATTRIBUTE,name:"class",evaluate:function(e){return["tiny-consent__cookie-accordion","default"===e.group[0]&&e.group[1].length>1?" tiny-consent__cookie-accordion--active":""].join("")}}]},{type:n.EACH,getKey:null,condition:null,template:e('

',[{expressions:[{type:t.ATTRIBUTE,name:"class",evaluate:function(e){return"tiny-consent__cookie-wrapper"}}]},{redundantAttribute:"expr9",selector:"[expr9]",expressions:[{type:t.TEXT,childNodeIndex:1,evaluate:function(e){return[e.cookie.content].join("")}}]},{type:n.IF,evaluate:function(e){return e.cookie.title},redundantAttribute:"expr10",selector:"[expr10]",template:e(" ",[{expressions:[{type:t.TEXT,childNodeIndex:0,evaluate:function(e){return e.cookie.title}},{type:t.ATTRIBUTE,name:"class",evaluate:function(e){return"tiny-consent__cookie-title"}}]}])},{type:n.IF,evaluate:function(e){return e.cookie.provider},redundantAttribute:"expr11",selector:"[expr11]",template:e(' ',[{expressions:[{type:t.TEXT,childNodeIndex:1,evaluate:function(e){return[e.cookie.provider].join("")}}]},{redundantAttribute:"expr12",selector:"[expr12]",expressions:[{type:t.TEXT,childNodeIndex:0,evaluate:function(e){return e.state.options.text.footer__provider}}]}])},{type:n.IF,evaluate:function(e){return e.cookie.name},redundantAttribute:"expr13",selector:"[expr13]",template:e(' ',[{expressions:[{type:t.TEXT,childNodeIndex:1,evaluate:function(e){return[e.cookie.name].join("")}}]},{redundantAttribute:"expr14",selector:"[expr14]",expressions:[{type:t.TEXT,childNodeIndex:0,evaluate:function(e){return e.state.options.text.footer__name}}]}])},{type:n.IF,evaluate:function(e){return e.cookie.duration},redundantAttribute:"expr15",selector:"[expr15]",template:e(' ',[{expressions:[{type:t.TEXT,childNodeIndex:1,evaluate:function(e){return[e.cookie.duration].join("")}}]},{redundantAttribute:"expr16",selector:"[expr16]",expressions:[{type:t.TEXT,childNodeIndex:0,evaluate:function(e){return e.state.options.text.footer__duration}}]}])},{type:n.IF,evaluate:function(e){return e.cookie.privacy_policy},redundantAttribute:"expr17",selector:"[expr17]",template:e(' ',[{redundantAttribute:"expr18",selector:"[expr18]",expressions:[{type:t.TEXT,childNodeIndex:0,evaluate:function(e){return e.state.options.text.footer__privacy_policy}},{type:t.ATTRIBUTE,name:"href",evaluate:function(e){return e.cookie.privacy_policy}}]}])},{type:n.IF,evaluate:function(e){return"other"===e.group[0]},redundantAttribute:"expr19",selector:"[expr19]",template:e('',[{expressions:[{type:t.ATTRIBUTE,name:"class",evaluate:function(e){return"tiny-consent__cookie-decision"}}]},{redundantAttribute:"expr20",selector:"[expr20]",expressions:[{type:t.TEXT,childNodeIndex:0,evaluate:function(e){return[e.state.options.text.button__agree].join("")}},{type:t.ATTRIBUTE,name:"class",evaluate:function(e){return e.getAgreeClasses(e.cookie)}},{type:t.EVENT,name:"onclick",evaluate:function(e){return()=>{e.handleAgree(e.cookie)}}}]},{type:n.IF,evaluate:function(e){return"other"===e.group[0]},redundantAttribute:"expr21",selector:"[expr21]",template:e(" ",[{expressions:[{type:t.TEXT,childNodeIndex:0,evaluate:function(e){return[e.state.options.text.button__reject].join("")}},{type:t.ATTRIBUTE,name:"class",evaluate:function(e){return e.getRejectClasses(e.cookie)}},{type:t.EVENT,name:"onclick",evaluate:function(e){return()=>{e.handleReject(e.cookie)}}}]}])}])},{type:n.IF,evaluate:function(e){return"default"===e.group[0]&&e.index===e.group[1].length-1},redundantAttribute:"expr22",selector:"[expr22]",template:e('',[{expressions:[{type:t.ATTRIBUTE,name:"class",evaluate:function(e){return"tiny-consent__cookie-decision"}}]},{redundantAttribute:"expr23",selector:"[expr23]",expressions:[{type:t.TEXT,childNodeIndex:0,evaluate:function(e){return[e.state.options.text.button__ok].join("")}},{type:t.ATTRIBUTE,name:"disabled",evaluate:function(e){return e.isOk()}},{type:t.EVENT,name:"onclick",evaluate:function(e){return t=>{e.handleDefault(e.cookies)}}}]}])}]),redundantAttribute:"expr8",selector:"[expr8]",itemName:"cookie",indexName:"index",evaluate:function(e){return e.group[1]}}]),redundantAttribute:"expr5",selector:"[expr5]",itemName:"group",indexName:null,evaluate:function(e){return Object.entries(e.state.cookies)}}])},name:"tiny-consent"}),Re("tiny-consent-button",He),Pe("tiny-consent",{text:{content:void 0},cookies:[{title:"Matomo",name:"matamo_",id:"matamo",content:"Cookie from Matamo for Website-Analytics. Creates statiscial Data how the User uses this Website",provider:"Tentakelfabrik.de",duration:"1 Year",privacy_policy:"https://tentakelfabrik.de/datenschutzerklarung",handleAgree:function(){console.log("agree")},handleReject:function(){console.log("reject")}},{title:"Tiny Consent",id:"tiny_consent",name:"tiny_consent",content:"Saves the Settings of Cookies from Tiny Consent",provider:"Owner of this Site",duration:"1 Year",default:!0},{title:"Wordpress mit WooCommerce",id:"wordpress_woocommerce",name:"woocommerce_cart_hash, woocommerce_items_in_cart, wp_woocommerce_session_, tk_ai",content:"Handle Login of User and Cart of WooCommerce Shop",provider:"Owner of this Site",duration:"Session",default:!0}]}),Pe("tiny-consent-button")},function(e,t){}]); \ No newline at end of file diff --git a/package.json b/package.json index 1b8c805..77b270a 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "tiny-consent", - "version": "1.1.4", + "version": "1.1.5", "description": "Consent Banner for GDPR with RiotJS, part of Tiny-Components", "scripts": { "dev": "npm run development", diff --git a/src/TinyConsent.riot b/src/TinyConsent.riot index 32eea38..d4f6f9a 100644 --- a/src/TinyConsent.riot +++ b/src/TinyConsent.riot @@ -1,62 +1,59 @@ @@ -86,12 +83,12 @@ options: { cookie_name: 'tiny_consent', text: { - title : 'Cookies', content : 'We are using Cookies and display that was we use, also there are cookies you can accept or reject', title__default : 'Essential', button__agree : 'Yes', button__reject : 'No', button__ok : 'Ok', + button__roger : 'Roger that', button__close : 'Close', footer__name: 'Cookie Name', footer__provider: 'Provider', @@ -126,8 +123,8 @@ /** * * - * @param {Object} cookie - * @return {String} + * @param {object} cookie + * @return {string} */ getAgreeClasses(cookie) { @@ -147,8 +144,9 @@ /** * - * @param {[type]} cookie [description] - * @return {[type]} [description] + * + * @param {object} cookie + * @return {string} */ getRejectClasses(cookie) { @@ -167,9 +165,10 @@ }, /** + * get classes of button is active or not * - * @param {[type]} cookie [description] - * @return {[type]} [description] + * @param {object} cookie + * @return {string} */ getWrapperClasses(cookie) { @@ -188,7 +187,7 @@ * handle accordion, open and close * * - * @param {object} event + * @param {object} event * */ handleToogle() @@ -210,8 +209,9 @@ }, /** + * check if default cookie is set in data * - * @return {Boolean} [description] + * @return {Boolean} */ isOk() { @@ -302,18 +302,30 @@ }, /** + * check if + * * - * @return {[type]} */ beforeUpdate() { - if (this.state.hasInitiated === false && this.state.cookies.other.length > 0) { + if (this.state.hasInitiated === false) { + // if it has to closing let hasClosing = true; + // data let data = this.getData(); - this.state.cookies.other.forEach((cookie) => { - if (data[cookie.id] === false) { + // cookies + let cookies = []; + + if (this.state.cookies.other && this.state.cookies.other.length > 0) { + cookies = this.state.cookies.other; + } else if (!this.state.cookies.other && this.state.cookies.default && this.state.cookies.default.length > 0) { + cookies = this.state.cookies.default; + } + + cookies.forEach((cookie) => { + if (data[cookie.id] === undefined) { hasClosing = false; } }); @@ -327,9 +339,10 @@ }, /** + * handle if user agree cookie + * + * @param {object} event * - * @param {[type]} event [description] - * @return {[type]} [description] */ handleAgree(cookie, index) { let data = this.getData(); @@ -346,8 +359,7 @@ }, /** - * - * + * handle if user reject cookie * * @param {object} event * @@ -370,9 +382,9 @@ * setting default cookies * * @param {object} event + * */ handleDefault() { - let data = this.getData(); this.state.cookies.default.forEach((cookie, index) => { @@ -381,6 +393,7 @@ Cookie.set(this.state.options.cookie_name, data); + this.beforeUpdate(); this.update(); }, @@ -396,17 +409,21 @@ /** * change to open * + * * @param {object} event * */ handleClose() { if (this.state.hasInitiated === false) { - this.state.cookies.other.forEach((cookie) => { - this.handleReject(cookie); - this.handleDefault(); - this.state.hasInitiated = true; - }); + if (this.state.cookies.other) { + this.state.cookies.other.forEach((cookie) => { + this.handleReject(cookie); + }); + } + + this.state.hasInitiated = true; + this.handleDefault(); } this.close();