diff --git a/demo.js b/demo.js index 20bab3d..17f5320 100644 --- a/demo.js +++ b/demo.js @@ -30,7 +30,7 @@ const data = { content: 'Saves the Settings of Cookies from Tiny Consent', provider: 'Owner of this Site', duration: '1 Year', - essential: true + default: true }, { title: 'Wordpress mit WooCommerce', id: 'wordpress_woocommerce', @@ -38,7 +38,7 @@ const data = { content: 'Handle Login of User and Cart of WooCommerce Shop', provider: 'Owner of this Site', duration: 'Session', - essential: true + default: true }] }; diff --git a/demo.scss b/demo.scss index 510de5b..be9a4fb 100644 --- a/demo.scss +++ b/demo.scss @@ -9,15 +9,18 @@ left: 0; bottom: 0; overflow: hidden; + visibility: hidden; background: #171717; width: 100%; height: auto; - display: none; - color: white; + &--animation { + transition: bottom 0.5s ease; + } + &__inner { margin: 0 auto; max-width: 1280px; @@ -41,9 +44,17 @@ &__cookie { display: none; - position: relative; margin-bottom: 1.5em; + &-group { + list-style: none; + margin: 0; + padding: 0; + border: 2px white solid; + padding: 15px 18px; + margin-bottom: 10px; + } + &-title { display: inline-block; margin-right: 10px; @@ -54,10 +65,48 @@ max-width: 80%; p { + margin: 0; line-height: 1.5; } } + &-accordion--active { + overflow: hidden; + transition: max-height 0.5s ease; + max-height: 0; + } + + &-accordion-header { + position: relative; + } + + &-accordion-header-icon { + position: absolute; + transition-duration: 0.5s; + transition-property: transform; + right: 0; + } + + &-accordion--active { + .tiny-consent__cookie-accordion-inner { + padding-top: 1em; + } + } + + &-accordion-header--open { + .tiny-consent__cookie-accordion-header-icon { + transform: rotate(180deg); + } + } + + &-accordion-inner { + margin-bottom: -0.5em; + } + + &-wrapper { + position: relative; + } + &-decision { position: absolute; right: 0; @@ -73,7 +122,7 @@ ul { list-style: none; padding: 0; - margin: -0.8em 0 0.8em 0; + margin: 0 0 0.8em 0; li { display: inline-block; diff --git a/dist/css/demo.css b/dist/css/demo.css index 5e91ef0..80434b5 100644 --- a/dist/css/demo.css +++ b/dist/css/demo.css @@ -1 +1 @@ -.tiny-consent{position:fixed;left:0;bottom:0;overflow:hidden;background:#171717;width:100%;height:auto;display:none;color:#fff}.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;position:relative;margin-bottom:1.5em}.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{line-height:1.5}.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:-.8em 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__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 diff --git a/dist/js/demo.js b/dist/js/demo.js index 2532d89..651d50a 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=1)}([function(e,t,n){var o,r;!function(s){if(void 0===(r="function"==typeof(o=s)?o.call(t,n,t,e):o)||(e.exports=r),!0,e.exports=s(),!!0){var i=window.Cookies,a=window.Cookies=s();a.noConflict=function(){return window.Cookies=i,a}}}((function(){function e(){for(var e=0,t={};e{const i="selectedIndex"in t;let a=i;for(;oe==t,E=e=>e,N=(e,t,n,o,r,s,i)=>{const a=s-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,s,i,a,u)=>{const c=[],l=e.length;let p=i,d=0;for(;d{const a=n+s,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&&i(o[r+d-1],e[t+p-1]);)b[v--]=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=oi;)--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(;i>t;)h[--c]=-1,--i;h[--c]=0,--n,--i,f=f.prev}for(;n>=t;)h[--c]=1,--n;for(;i>=s;)h[--c]=-1,--i;return h})(n,o,r,s,i,a,u,c),e,t,n,o,i,a,l,d)},w=e=>(e.remove||M).call(e);function M(){const{parentNode:e}=this;e&&e.removeChild(this)}function I(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 I(e,"function")}function B(e){return!P(e)&&I(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,s=e===R?null:this.evaluate(e),i=s?Array.from(s):[],a=n.parentNode,{newChildrenMap:u,batches:c,futureNodes:l}=function(e,t,n,o){const{condition:r,template:s,childrenMap:i,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:s}=t;e[n]=s,o&&(e[o]=r);return e}(Object.create(t),{itemName:a,indexName:c,index:o,item:e}),b=u?u(m):o,v=i.get(b);if(function(e,t){return!!e&&!1===Boolean(e(t))}(r,m))return;const x=v?v.template:s.clone(),y=v?x.el:l.cloneNode(),g=!v,_=p&&g?function(e){const t=e.dom.cloneNode(!0);return{avoidDOMInjection:!0,fragment:t,children:Array.from(t.childNodes)}}(x):{};if(g?h.push(()=>x.mount(y,m,n,_)):h.push(()=>x.update(m,n)),p){const e=_.children||x.children;f.push(...e),e.forEach(e=>d.set(e,null))}else f.push(y);i.delete(b),d.set(b,{template:x,context:m,index:o})}),{newChildrenMap:d,batches:h,futureNodes:f}}(i,e,t,this);return((e,t,n,o)=>{o||(o={});const r=o.compare||T,s=o.node||E,i=null==o.before?null:s(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,s=()=>{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:s();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 X="undefined"==typeof Element?{}:Element.prototype,F=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=>X.hasOwnProperty(e));function H(e,t,n,o){let{name:r}=t;r?(!F(r)&&(function(e){return I(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 H(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:H,1:function(e,t,n,o){let{name:r}=t;const s=r.replace(V,"");o&&e.removeEventListener(s,o),n&&e.addEventListener(s,n,!1)},2:function(e,t,n){e.data=z(n)},3:function(e,t,n){e.value=z(n)}};const G=Object.seal({mount(e){return this.value=this.evaluate(e),J(this,this.value),this},update(e){const t=this.evaluate(e);return this.value!==t&&(J(this,t),this.value=t),this},unmount(){return 1===this.type&&J(this,null),this}});function J(e,t){return W[e.type](e.node,e,t,e.value)}function q(e,t){return Object.assign({},G,{},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)),x(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,s=document.createTextNode("");return r.insertBefore(s,e),x(e),Object.assign({},K,{node:e,evaluate:n,placeholder:s,template:o.createDOM(e)})},2:function(e,t){let{expressions:n}=t;return Object.assign({},(o=n.map(t=>q(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:s,getKey:i,template:a}=t;const u=document.createTextNode(""),c=e.parentNode,l=e.cloneNode();return c.insertBefore(u,e),x(e),Object.assign({},L,{childrenMap:new Map,node:e,root:l,condition:o,evaluate:n,isTemplateTag:U(l),template:a.createDOM(e),getKey:i,indexName:s,itemName:r,placeholder:u})},3:function(e,t){let{evaluate:n,getComponent:o,slots:r,attributes:s}=t;return Object.assign({},te,{node:e,evaluate:n,slots:r,attributes:s,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 se(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 ie=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:s,avoidDOMInjection:i}=o,{parentNode:a}=s?s[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?s||Array.from(this.fragment.childNodes):null,!i&&this.fragment&&se(e,this.fragment),this.bindings=this.bindingsData.map(e=>function(e,t,n){const{selector:o,type:r,redundantAttribute:s,expressions:i}=t,a=o?e.querySelector(o):e;s&&a.removeAttribute(s);const u=i||[];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:v(this.children);break;case!0===n:x(this.el);break;case null!==n:v(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({},ie,{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 ve(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 xe(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 ye=new Map,ge=()=>_e||(ve(_e=me("style[riot]")[0]||document.createElement("style"),"type","text/css"),_e.parentNode||document.head.appendChild(_e),_e);var _e,Oe={CSS_BY_NAME:ye,add(e,t){return ye.has(e)||(ye.set(e,t),this.inject()),this},inject(){return ge().innerHTML=[...ye.values()].join("\n"),this},remove(e){return ye.has(e)&&(ye.delete(e),this.inject()),this}};function Te(e){return xe(e,"is")||e.tagName.toLowerCase()}const Ee=Object.freeze({$(e){return me(e,this.root)[0]},$$(e){return me(e,this.root)}}),Ne=Object.freeze({[i]: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[i,a,u].reduce((t,n)=>(t[n]=e(n),t),{})}function Ce(e){let{css:t,template:n,exports:r,name:s}=e;const i=n?function(e,t){return e(ae,g,y,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())]=Ce(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:s,template:i}=t;i&&de("Pure components can not have html"),s&&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=we({css:t,template:i,componentAPI:l,name:s})({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 we(e){let{css:t,template:n,componentAPI:o,name:r}=e;return t&&r&&Oe.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,s,a){return void 0===s&&(s={}),this[p]=function(e,t){void 0===t&&(t=[]);const n=t.map(t=>q(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({},i,{},he(this[p].expressions)))),this.state=Me(this.state,s),this[d]=this.template.createDOM(t).clone(),t[r]=this,e.name&&function(e,t){Te(e)!==t&&ve(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({},i,{},n))),this.state=Me(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,Ce({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||Te(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={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"};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",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"}},isOpen:!1,hasChanged:!1},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(" ")},isOk(){let e=this.getData(),t=!0;return this.props.cookies.forEach(n=>{!0!==e[n.id]&&!0===n.essential&&(t=!1)}),t},onMounted(){window.addEventListener("tiny-consent-open",()=>{this.state.isOpen=!0,this.state.hasChanged=!1,this.update()})},onBeforeMount(){const e=this.getData();this.props.options&&(this.state.options=Object.assign(this.state.options,this.props.options)),this.props.cookies.sort((function(e,t){return!0!==e.essential})),0===Object.entries(e).length&&(this.state.hasChanged=!0,this.state.isOpen=!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(),this.props.cookies[n].hasConsent=!0):(this.state.hasChanged=!0,this.state.isOpen=!0,this.props.cookies[n].hasConsent=!1)}),this.updateEssential()},onBeforeUpdate(){if(!0===this.state.hasChanged){let e=!0;this.props.cookies.forEach(t=>{!0!==t.hasConsent&&(e=!1)}),!0===e&&(this.state.isOpen=!1)}},updateEssential(){for(let e=this.props.cookies.length-1;e>=0;e--)if(!0===this.state.hasChanged&&!1===this.props.cookies[e].hasConsent&&!0===this.props.cookies[e].essential||!1===this.state.hasChanged&&!0===this.props.cookies[e].essential){this.props.cookies[e].essentialLast=!0;break}},handleAgree(e,t,n){e.preventDefault();let o=this.getData();t.handleAgree&&t.handleAgree(),o[t.id]=!0,Ye.a.set(this.state.options.cookie_name,o),this.props.cookies[n].hasConsent=!0,this.update()},handleReject(e,t,n){e.preventDefault();let o=this.getData();t.handleReject&&t.handleReject(),o[t.id]=!1,Ye.a.set(this.state.options.cookie_name,o),this.props.cookies[n].hasConsent=!0,this.update()},handleOk(e){e.preventDefault();let t=this.getData();this.props.cookies.forEach((e,n)=>{!0===e.essential&&(t[e.id]=!0,this.props.cookies[n].hasConsent=!0)}),Ye.a.set(this.state.options.cookie_name,t),this.updateEssential(),this.update()},handleClose(e){e.preventDefault(),this.state.isOpen=!1,this.update()}},template:function(e,t,n,o){return e('',[{redundantAttribute:"expr1",selector:"[expr1]",expressions:[{type:t.ATTRIBUTE,name:"class",evaluate:function(e){return!0===e.state.isOpen?"tiny-consent show":"tiny-consent"}}]},{redundantAttribute:"expr2",selector:"[expr2]",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:"expr3",selector:"[expr3]",template:e(" ",[{expressions:[{type:t.TEXT,childNodeIndex:0,evaluate:function(e){return[e.state.options.text.content].join("")}}]}])},{redundantAttribute:"expr4",selector:"[expr4]",expressions:[{type:t.TEXT,childNodeIndex:0,evaluate:function(e){return[e.state.options.text.button__close].join("")}},{type:t.EVENT,name:"onclick",evaluate:function(e){return e.handleClose}}]},{type:n.EACH,getKey:null,condition:null,template:e('

',[{expressions:[{type:t.ATTRIBUTE,name:"class",evaluate:function(e){return e.state.hasChanged&&!0===e.cookie.hasConsent?"tiny-consent__cookie":"tiny-consent__cookie show"}}]},{redundantAttribute:"expr6",selector:"[expr6]",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:"expr7",selector:"[expr7]",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:"expr8",selector:"[expr8]",template:e(' ',[{expressions:[{type:t.TEXT,childNodeIndex:1,evaluate:function(e){return[e.cookie.provider].join("")}}]},{redundantAttribute:"expr9",selector:"[expr9]",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:"expr10",selector:"[expr10]",template:e(' ',[{expressions:[{type:t.TEXT,childNodeIndex:1,evaluate:function(e){return[e.cookie.name].join("")}}]},{redundantAttribute:"expr11",selector:"[expr11]",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:"expr12",selector:"[expr12]",template:e(' ',[{expressions:[{type:t.TEXT,childNodeIndex:1,evaluate:function(e){return[e.cookie.duration].join("")}}]},{redundantAttribute:"expr13",selector:"[expr13]",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:"expr14",selector:"[expr14]",template:e(' ',[{redundantAttribute:"expr15",selector:"[expr15]",expressions:[{type:t.TEXT,childNodeIndex:0,evaluate:function(e){return e.state.options.text.footer__url}},{type:t.ATTRIBUTE,name:"href",evaluate:function(e){return e.cookie.privacy_policy}}]}])},{type:n.IF,evaluate:function(e){return!e.cookie.essential},redundantAttribute:"expr16",selector:"[expr16]",template:e(" ",[{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 t=>{e.handleAgree(t,e.cookie,e.index)}}}]}])},{type:n.IF,evaluate:function(e){return!e.cookie.essential},redundantAttribute:"expr17",selector:"[expr17]",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 t=>{e.handleReject(t,e.cookie,e.index)}}}]}])},{type:n.IF,evaluate:function(e){return!0===e.cookie.essentialLast},redundantAttribute:"expr18",selector:"[expr18]",template:e(" ",[{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.ATTRIBUTE,name:"class",evaluate:function(e){return"button button--ok tiny-consent__button"}},{type:t.EVENT,name:"onclick",evaluate:function(e){return t=>{e.handleOk(t,e.cookies)}}}]}])}]),redundantAttribute:"expr5",selector:"[expr5]",itemName:"cookie",indexName:"index",evaluate:function(e){return e.props.cookies}}])},name:"tiny-consent"}),Pe("tiny-consent-button",Ke),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",essential:!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",essential:!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=1)}([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{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]);)x[b--]=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)},w=e=>(e.remove||I).call(e);function I(){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}),x=u?u(m):o,b=s.get(x);if(function(e,t){return!!e&&!1===Boolean(e(t))}(r,m))return;const v=b?b.template:i.clone(),y=b?v.el:l.cloneNode(),g=!b,_=p&&g?function(e){const t=e.dom.cloneNode(!0);return{avoidDOMInjection:!0,fragment:t,children:Array.from(t.childNodes)}}(v):{};if(g?h.push(()=>v.mount(y,m,n,_)):h.push(()=>v.update(m,n)),p){const e=_.children||v.children;f.push(...e),e.forEach(e=>d.set(e,null))}else f.push(y);s.delete(x),d.set(x,{template:v,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 H="undefined"==typeof Element?{}:Element.prototype,F=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=>H.hasOwnProperty(e));function X(e,t,n,o){let{name:r}=t;r?(!F(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)),v(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),v(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),v(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:b(this.children);break;case!0===n:v(this.el);break;case null!==n:b(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 xe=e=>1===e.length?e[0]:e;function be(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 ve(e,t){return function(e,t,n){const o="string"==typeof t?[t]:t;return xe(fe(e).map(e=>xe(o.map(t=>e[n](t)))))}(e,t,"getAttribute")}const ye=new Map,ge=()=>_e||(be(_e=me("style[riot]")[0]||document.createElement("style"),"type","text/css"),_e.parentNode||document.head.appendChild(_e),_e);var _e,Te={CSS_BY_NAME:ye,add(e,t){return ye.has(e)||(ye.set(e,t),this.inject()),this},inject(){return ge().innerHTML=[...ye.values()].join("\n"),this},remove(e){return ye.has(e)&&(ye.delete(e),this.inject()),this}};function Ee(e){return ve(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 Ce(e){let{css:t,template:n,exports:r,name:i}=e;const s=n?function(e,t){return e(ae,g,y,e=>t[e]||o.get(e))}(n,r?function(e){void 0===e&&(e={});return Object.entries(x(e)).reduce((e,t)=>{let[n,o]=t;var r;return e[(r=n,r.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase())]=Ce(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=x(r)||{},p=we({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 we(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=Ie(this.state,i),this[d]=this.template.createDOM(t).clone(),t[r]=this,e.name&&function(e,t){Ee(e)!==t&&be(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=Ie(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),{},x(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,Ce({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={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"};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},isOpen:!1,hasChanged:!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(e){e.preventDefault();let t=e.target;e.target.nextElementSibling||(t=e.target.parentNode);const n=t.nextElementSibling.childNodes[0].offsetHeight*this.state.options.offsetLineHeight;t.classList.toggle("tiny-consent__cookie-accordion-header--open"),t.nextElementSibling.style.maxHeight?t.nextElementSibling.style.maxHeight="":t.nextElementSibling.style.maxHeight=n+"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")})},push(){},onBeforeMount(){const e=this.getData();this.props.options&&(this.state.options=Object.assign(this.state.options,this.props.options)),0===Object.entries(e).length&&(this.state.hasChanged=!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))})},onBeforeUpdate(){if(!0===this.state.hasChanged){let e=!0;this.props.cookies.forEach(t=>{!0!==t.hasConsent&&(e=!1)}),!0===e&&(this.state.isOpen=!1)}},handleAgree(e,t,n){e.preventDefault();let o=this.getData();t.handleAgree&&t.handleAgree(),o[t.id]=!0,Ye.a.set(this.state.options.cookie_name,o),this.update()},handleReject(e,t,n){e.preventDefault();let o=this.getData();t.handleReject&&t.handleReject(),o[t.id]=!1,Ye.a.set(this.state.options.cookie_name,o),this.update()},handleDefault(e){e.preventDefault();let t=this.getData();this.state.cookies.default.forEach((e,n)=>{t[e.id]=!0}),Ye.a.set(this.state.options.cookie_name,t),this.update()},handleClose(e){e.preventDefault(),this.root.firstChild.style.bottom=this.root.firstChild.style.bottom=-this.root.firstChild.offsetHeight+"px",this.update()}},template:function(e,t,n,o){return e('',[{redundantAttribute:"expr1",selector:"[expr1]",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:"expr2",selector:"[expr2]",template:e(" ",[{expressions:[{type:t.TEXT,childNodeIndex:0,evaluate:function(e){return[e.state.options.text.content].join("")}}]}])},{redundantAttribute:"expr3",selector:"[expr3]",expressions:[{type:t.TEXT,childNodeIndex:0,evaluate:function(e){return[e.state.options.text.button__close].join("")}},{type:t.EVENT,name:"onclick",evaluate:function(e){return e.handleClose}}]},{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:"expr5",selector:"[expr5]",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 t=>{e.handleToogle(t)}}}]}])},{redundantAttribute:"expr6",selector:"[expr6]",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:"expr8",selector:"[expr8]",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:"expr9",selector:"[expr9]",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:"expr10",selector:"[expr10]",template:e(' ',[{expressions:[{type:t.TEXT,childNodeIndex:1,evaluate:function(e){return[e.cookie.provider].join("")}}]},{redundantAttribute:"expr11",selector:"[expr11]",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:"expr12",selector:"[expr12]",template:e(' ',[{expressions:[{type:t.TEXT,childNodeIndex:1,evaluate:function(e){return[e.cookie.name].join("")}}]},{redundantAttribute:"expr13",selector:"[expr13]",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:"expr14",selector:"[expr14]",template:e(' ',[{expressions:[{type:t.TEXT,childNodeIndex:1,evaluate:function(e){return[e.cookie.duration].join("")}}]},{redundantAttribute:"expr15",selector:"[expr15]",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:"expr16",selector:"[expr16]",template:e(' ',[{redundantAttribute:"expr17",selector:"[expr17]",expressions:[{type:t.TEXT,childNodeIndex:0,evaluate:function(e){return e.state.options.text.footer__url}},{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:"expr18",selector:"[expr18]",template:e('',[{expressions:[{type:t.ATTRIBUTE,name:"class",evaluate:function(e){return"tiny-consent__cookie-decision"}}]},{redundantAttribute:"expr19",selector:"[expr19]",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 t=>{e.handleAgree(t,e.cookie,e.index)}}}]},{type:n.IF,evaluate:function(e){return"other"===e.group[0]},redundantAttribute:"expr20",selector:"[expr20]",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 t=>{e.handleReject(t,e.cookie,e.index)}}}]}])}])},{type:n.IF,evaluate:function(e){return"default"===e.group[0]&&e.index===e.group[1].length-1},redundantAttribute:"expr21",selector:"[expr21]",template:e('',[{expressions:[{type:t.ATTRIBUTE,name:"class",evaluate:function(e){return"tiny-consent__cookie-decision"}}]},{redundantAttribute:"expr22",selector:"[expr22]",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(t,e.cookies)}}}]}])}]),redundantAttribute:"expr7",selector:"[expr7]",itemName:"cookie",indexName:"index",evaluate:function(e){return e.group[1]}}]),redundantAttribute:"expr4",selector:"[expr4]",itemName:"group",indexName:null,evaluate:function(e){return Object.entries(e.state.cookies)}}])},name:"tiny-consent"}),Pe("tiny-consent-button",Ke),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 diff --git a/package.json b/package.json index 7b5e37a..78f6271 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "tiny-consent", - "version": "1.0.0", + "version": "1.1.0", "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 d72d44d..0d9479f 100644 --- a/src/TinyConsent.riot +++ b/src/TinyConsent.riot @@ -1,5 +1,5 @@ -