From 93a5d0d86f9fe9b1f2bb6bf4010c3aa4738fcaa9 Mon Sep 17 00:00:00 2001
From: Orest Bida <orest.bida@hotmail.com>
Date: Sun, 13 Jun 2021 19:03:19 +0200
Subject: [PATCH] First commit

---
 .gitignore                                    |   1 +
 README.md                                     | 374 +++++++++-
 demo/app.js                                   |  80 +++
 demo/assets/fonts.css                         |  25 +
 demo/assets/fonts/basier-square-regular.woff2 | Bin 0 -> 14904 bytes
 .../assets/fonts/basier-square-semibold.woff2 | Bin 0 -> 16224 bytes
 demo/assets/iframemanager_logo.svg            |  11 +
 demo/index.html                               |  85 +++
 dist/iframemanager.css                        |   1 +
 dist/iframemanager.js                         |  17 +
 src/iframemanager.css                         | 300 ++++++++
 src/iframemanager.js                          | 666 ++++++++++++++++++
 12 files changed, 1558 insertions(+), 2 deletions(-)
 create mode 100644 .gitignore
 create mode 100644 demo/app.js
 create mode 100644 demo/assets/fonts.css
 create mode 100644 demo/assets/fonts/basier-square-regular.woff2
 create mode 100644 demo/assets/fonts/basier-square-semibold.woff2
 create mode 100644 demo/assets/iframemanager_logo.svg
 create mode 100644 demo/index.html
 create mode 100644 dist/iframemanager.css
 create mode 100644 dist/iframemanager.js
 create mode 100644 src/iframemanager.css
 create mode 100644 src/iframemanager.js
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..7bf3a16
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+/dev_tools
\ No newline at end of file
diff --git a/README.md b/README.md
index c59a1c4..3739299 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,372 @@
-# iframemanager
-🍪 GDPR friendly iframe manager written in vanilla js
+<h1 align="center">
+  <img src="./demo/assets/iframemanager_logo.svg" height="100px" alt="IframeManager Logo" />
+</h1>
+
+<div align="center">
+
+[Demo](demo)&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;[Features](#features)&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;[Installation](#installation)&nbsp;&nbsp;&nbsp;
+
+[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://opensource.org/licenses/MIT)
+![Size](https://img.shields.io/github/size/orestbida/iframemanager/dist/iframemanager.js)
+[![Stable version](https://img.shields.io/github/v/release/orestbida/iframemanager)](https://github.com/orestbida/cookieconsent/iframemanager)
+</div>
+<div align="center">
+
+**IframeMananger** is a lightweight javascript plugin which helps you **comply with `GDPR`** by completely removing iframes initially and setting a notice relative to that service. **Iframes are loaded only after consent**. 
+
+<sub>
+<i>
+
+The plugin was mainly developed to aid [**CookieConsent**](https://github.com/orestbida/cookieconsent) with iframe management.
+</i>
+</sub>
+
+</div>
+
+<br>
+
+## Table of Contents
+
+- [**Key features**](#features)
+- [**Installation**](#installation)
+- [**Configuration options & API**](#configuration-options)
+- [**Configuration examples**](#configuration-examples)
+    - How to embed youtube video
+    - How to embed dailymotion video
+    - How to embed vimeo video
+    - How to embed twitch channel/chat
+- [**License**](#license)
+
+## Features
+- Lightweight
+- Complies with **GDPR**
+- **Multilanguage** support
+- Automatic/custom thumbnail [support *](#note)
+- Allows to integrate any service which uses iframes
+- Improves website **performance**:
+  - no `<iframe>` tags on first page load
+  - lazyloads thumbnails
+  - lazyloads iframes
+- Can be integrated with any cookie consent solution
+
+## Installation
+1. #### Download the [latest release]() or use via CDN:
+
+    ```bash
+    https://cdn.jsdelivr.net/gh/orestbida/iframemanager@v1.0/dist/iframemanager.js
+    https://cdn.jsdelivr.net/gh/orestbida/iframemanager@v1.0/dist/iframemanager.css
+    ```
+
+2. #### Import script + stylesheet:
+
+    ```html
+    <html>
+      <head>
+        ...
+        <link rel="stylesheet" href="iframemanager.css">
+      </head>
+      <body>
+        ...
+        <script src="iframemanager.js" defer></script>
+      <body>
+    </html>
+    ```
+
+3. #### Configure and run:
+    -   <details><summary>As external script</summary>
+        <p>
+
+        - Create a .js file (e.g. `app.js`) and import it in your html markup:
+    
+            ```html
+            <body>
+                ...
+                <script src="iframemanager.js" defer></script>
+                <script src="app.js" defer></script>
+            <body>
+            ```
+
+        - Configure iframemanager inside `app.js`:
+        
+            ```javascript
+            (function(){
+            
+                var manager = iframemanager();
+                
+                // Example with youtube embed
+                manager.run({
+                    currLang: 'en',
+                    services : {
+                        youtube : {
+                            embedUrl: 'https://www.youtube-nocookie.com/embed/{data-id}',
+                            thumbnailUrl: 'https://i3.ytimg.com/vi/{data-id}/hqdefault.jpg',
+                            iframe : {
+                                allow : 'accelerometer; encrypted-media; gyroscope; picture-in-picture; fullscreen;',
+                            },
+                            cookie : {
+                                name : 'cc_youtube'
+                            },
+                            languages : {
+                                en : {
+                                    notice: 'This content is hosted by a third party. By showing the external content you accept the <a rel="noreferrer" href="https://www.youtube.com/t/terms" title="Terms and conditions" target="_blank">terms and conditions</a> of youtube.com.',
+                                    loadBtn: 'Load video',
+                                    loadAllBtn: 'Don\'t ask again'
+                                }
+                            }
+                        }
+                    }
+                });
+            })();
+            ```
+        </p>
+        </details>
+    -   <details><summary>As inline script</summary>
+        <p>
+
+        ```html
+        <body>
+          ...
+          <script src="iframemanager.js" defer></script>
+
+          <!-- Inline script -->
+          <script>
+            window.addEventListener('load', function(){
+                
+                var manager = iframemanager();
+                
+                // Example with youtube embed
+                manager.run({
+                    currLang: 'en',
+                    services : {
+                        youtube : {
+                            embedUrl: 'https://www.youtube-nocookie.com/embed/{data-id}',
+                            thumbnailUrl: 'https://i3.ytimg.com/vi/{data-id}/hqdefault.jpg',
+                            iframe : {
+                                allow : 'accelerometer; encrypted-media; gyroscope; picture-in-picture; fullscreen;',
+                            },
+                            cookie : {
+                                name : 'cc_youtube'
+                            },
+                            languages : {
+                                en : {
+                                    notice: 'This content is hosted by a third party. By showing the external content you accept the <a rel="noreferrer" href="https://www.youtube.com/t/terms" title="Terms and conditions" target="_blank">terms and conditions</a> of youtube.com.',
+                                    loadBtn: 'Load video',
+                                    loadAllBtn: 'Don\'t ask again'
+                                }
+                            }
+                        }
+                    }
+                });
+            });
+          </script>
+        <body>
+        ```
+      </p>
+    </details>
+
+4. #### Create a div (will contain the iframe) with `data-service` and `data-id` attributes:
+
+    ```html
+    <div data-service="youtube" data-id="<video-id>"></div>
+    ```
+
+## Configuration options
+All available options for  the `<div>` element:
+```html
+<div
+    data-service="<service-name>"	
+    data-id="<resource-id>"
+    data-params="<iframe-query-parameters>"
+    data-thumbnail="<path-to-image>" 
+    data-autoscale>
+</div>
+```
+
+- `data-service` :      [String, Required] name of the service (must also be defined in the config. object)
+- `data-id` :           [String, Required] unique id of the resource (example: video id)
+- `data-params` :       [String] iframe query parameters
+- `data-thumbnail` :    [String] path to custom thumbnail
+- `data-autoscale` :    specify for **responsive iframe** (fill parent width + scale proportionally)
+
+<br>
+
+All available options for the config. object:
+```javascript
+{
+    currLang: 'en',     // current language of the notice (must also be defined in the "languages" object below)
+    autoLang: false,    // if enabled => use current client's browser language 
+                        // instead of currLang [OPTIONAL]
+
+    services : {
+        myservice : {
+
+            embedUrl: 'https://myservice_embed_url>/{data-id}',
+
+            // set valid url for automatic thumbnails   [OPTIONAL]
+            thumbnailUrl: 'https://<myservice_embed_thumbnail_url>/{data-id}',	
+
+            // global iframe settings (apply to all iframes relative to current service) [OPTIONAL]
+            iframe : {
+                allow : 'fullscreen',           // iframe's allow attribute
+                params : 'mute=1&start=21'      // iframe's url query parameters
+
+                // function run for each iframe configured with current service
+                onload : function(data_id, callback){
+                    console.log("loaded iframe with data-id=" + data_id);
+                }
+            },
+
+            // cookie is set if the current service is accepted
+            cookie : {
+                name : 'cc_youtube',            // cookie name
+                path : '/',                     // cookie path          [OPTIONAL]
+                samesite : 'lax',               // cookie samesite      [OPTIONAL]
+                domain : location.hostname      // cookie domain        [OPTIONAL]
+            },
+
+            languages : {
+                en : {
+                    notice: 'Html <b>notice</b> message',
+                    loadBtn: 'Load video',          // Load only current iframe
+                    loadAllBtn: 'Don\'t ask again'  // Load all iframes configured with this service + set cookie		
+                }
+            }
+        },
+
+        anotherservice : {
+            ...
+        }
+    }
+}
+```
+
+Note: `thumbnailUrl` can be static string, dynamic string or a function:
+
+- `static string` : "https://path_to_image/image.png"
+- `dynamic string` : "https://myservice_embed_url/{data-id}"
+- `function` :
+    ```javascript
+    ...
+    thumbnailUrl : function(data_id, callback){
+        // fetch thumbnail url here based on data_id of the current element ...
+        var url = 'fetched_url';
+
+        // pass obtained url to the callback function
+        callback(url);
+    },
+    ...
+    ```
+
+## APIs
+The plugin exposes 3 main methods:
+- `.run(<config_object>)`
+- `.acceptService(<service_name>)`
+- `.rejectService(<service_name>)`
+
+Example usage:
+
+```javascript
+// accept specific service only
+manager.acceptService('youtube');
+
+// accept all services (for example if user has given full consent to cookies)
+manager.acceptService('all');
+
+// reject specific service
+manager.rejectService('youtube');
+
+// reject all services (for example when user opts out of cookies)
+manager.rejectService('all');
+```
+
+Both `acceptService` and `rejectService` work the same way:
+1. set/erase cookie
+2. create/remove iframes
+
+## Configuration examples
+-   <details><summary>How to embed youtube videos</summary>
+    <p>
+
+    ```javascript
+    // Example with youtube embed
+    manager.run({
+        currLang: 'en',
+        services : {
+            youtube : {
+                embedUrl: 'https://www.youtube-nocookie.com/embed/{data-id}',
+                thumbnailUrl: 'https://i3.ytimg.com/vi/{data-id}/hqdefault.jpg',
+                iframe : {
+                    allow : 'accelerometer; encrypted-media; gyroscope; picture-in-picture; fullscreen;',
+                },
+                cookie : {
+                    name : 'cc_youtube'
+                },
+                languages : {
+                    en : {
+                        notice: 'This content is hosted by a third party. By showing the external content you accept the <a rel="noreferrer" href="https://www.youtube.com/t/terms" title="Terms and conditions" target="_blank">terms and conditions</a> of youtube.com.',
+                        loadBtn: 'Load video',
+                        loadAllBtn: 'Don\'t ask again'
+                    }
+                }
+            }
+        }
+    });
+    ```
+    </p>
+    </details>
+-   <details><summary>How to embed dailymotion videos</summary>
+    <p>
+
+    ```javascript
+    // Example with youtube embed
+    manager.run({
+        currLang: 'en',
+        services : {
+            dailymotion : {
+				embedUrl: 'https://www.dailymotion.com/embed/video/{data-id}',
+				
+				// Use dailymotion api to obtain thumbnail
+				thumbnailUrl: function(id, callback){
+				
+					var url = "https://api.dailymotion.com/video/" + id + "?fields=thumbnail_large_url";
+					var xhttp = new XMLHttpRequest();
+					
+					xhttp.onreadystatechange = function() {
+						if (this.readyState == 4 && this.status == 200) {
+							var src = JSON.parse(this.response).thumbnail_large_url;
+							callback(src);
+						}
+					};
+
+					xhttp.open("GET", url, true);
+					xhttp.send();
+				},
+				iframe : {
+					allow : 'accelerometer; encrypted-media; gyroscope; picture-in-picture; fullscreen;',
+				},
+				cookie : {						
+					name : 'cc_dailymotion'
+				},
+				languages : {
+					'en' : {
+						notice: 'This content is hosted by a third party. By showing the external content you accept the <a rel="noreferrer" href="https://www.dailymotion.com/legal/privacy?localization=en" title="Terms and conditions" target="_blank">terms and conditions</a> of dailymotion.com.',
+						loadBtn: 'Load video',
+						loadAllBtn: 'Don\'t ask again'
+						
+					}
+				}
+			}
+        }
+    });
+    ```
+    </p>
+    </details>
+
+
+## License
+Distributed under the MIT License. See [LICENSE](https://github.com/orestbida/iframemanager/blob/master/LICENSE) for more information.
+
+<br>
+
+#### Note
+<i>Not all services (example: twitch) allow automatic/easy thumbnail fetch.</i>
\ No newline at end of file
diff --git a/demo/app.js b/demo/app.js
new file mode 100644
index 0000000..b8e9569
--- /dev/null
+++ b/demo/app.js
@@ -0,0 +1,80 @@
+
+	'use strict';
+
+	// get module
+	var iframemanager = iframemanager();
+
+	iframemanager.run({
+		currLang: document.documentElement.getAttribute('lang'),
+		// autoLang: true,
+		services : {
+			youtube : {
+				embedUrl: 'https://www.youtube-nocookie.com/embed/{data-id}',
+				
+				iframe : {
+					allow : 'accelerometer; encrypted-media; gyroscope; picture-in-picture; fullscreen;',
+				},
+				cookie : {						
+					name : 'cc_youtube'
+				},
+				languages : {
+					'en' : {
+						notice: 'This content is hosted by a third party. By showing the external content you accept the <a rel="noreferrer" href="https://www.youtube.com/t/terms" title="Terms and conditions" target="_blank">terms and conditions</a> of youtube.com.',
+						loadBtn: 'Load video',
+						loadAllBtn: 'Don\'t ask again'
+					}
+				}
+			},
+			dailymotion : {
+				embedUrl: 'https://www.dailymotion.com/embed/video/{data-id}',
+				
+				// Use dailymotion api to obtain thumbnail
+				thumbnailUrl: function(id, callback){
+				
+					var url = "https://api.dailymotion.com/video/" + id + "?fields=thumbnail_large_url";
+					var xhttp = new XMLHttpRequest();
+					
+					xhttp.onreadystatechange = function() {
+						if (this.readyState == 4 && this.status == 200) {
+							var src = JSON.parse(this.response).thumbnail_large_url;
+							callback(src);
+						}
+					};
+
+					xhttp.open("GET", url, true);
+					xhttp.send();
+				},
+				iframe : {
+					allow : 'accelerometer; encrypted-media; gyroscope; picture-in-picture; fullscreen;'
+				},
+				cookie : {						
+					name : 'cc_dailymotion'
+				},
+				languages : {
+					'en' : {
+						notice: 'This content is hosted by a third party. By showing the external content you accept the <a rel="noreferrer" href="#link_dailymotion" title="Terms and conditions" target="_blank">terms and conditions</a> of dailymotion.com.',
+						loadBtn: 'Load video',
+						loadAllBtn: 'Don\'t ask again'
+						
+					}
+				}
+			},
+			"twitch" : {
+				embedUrl: 'https://player.twitch.tv/?{data-id}&parent=localhost',
+				iframe : {
+					allow : 'accelerometer; encrypted-media; gyroscope; picture-in-picture; fullscreen;',
+					params: '',// optional
+				},
+				cookie : {						
+					name : 'cc_twitch'
+				},
+				languages : {
+					'en' : {
+						notice: 'This content is hosted by a third party. By showing the external content you accept the <a rel="noreferrer" href="#link_twitch" title="Terms and conditions" target="_blank">terms and conditions</a> of twitch.com.',
+						loadBtn: 'Load stream',
+						loadAllBtn: 'Don\'t ask again'
+					}
+				}
+			}
+		}
+	});
diff --git a/demo/assets/fonts.css b/demo/assets/fonts.css
new file mode 100644
index 0000000..3e05b50
--- /dev/null
+++ b/demo/assets/fonts.css
@@ -0,0 +1,25 @@
+@font-face {  
+    font-family: 'BasierSquare';  
+    src: local('BasierSquare'),    
+    url('./fonts/basier-square-regular.woff2') format('woff2');
+    font-weight: 400;  
+    font-style: normal;  
+    font-display: swap; 
+    unicode-range: U+000-5FF;
+}
+
+@font-face {  
+    font-family: 'BasierSquare';  
+    src: local('BasierSquare'),       
+    url('./fonts/basier-square-semibold.woff2') format('woff2');
+    font-weight: bold;  
+    font-style: normal;  
+    unicode-range: U+000-5FF;
+    font-display: swap; 
+}
+
+
+body,
+div[data-service]{
+    font-family: 'BasierSquare', sans-serif!important;
+}
\ No newline at end of file
diff --git a/demo/assets/fonts/basier-square-regular.woff2 b/demo/assets/fonts/basier-square-regular.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..eccc82dc32dfc8f41415b5152a41b34e2f16754f
GIT binary patch
literal 14904
zcmV-8I>*I#Pew8T0RR9106I7T4*&oF0JRhV06EqG0RR9100000000000000000000
z0000#Mn+Uk92zzoyLKFe8U|nhh9(gR3W4-Ufxi$7h6VruHUcCAj0glE1&3+}kY5{0
zmNjgf#?6E7fFw*l>6j=o80ZcvZ%FkSlWoHuoQFgx{y_--|1*+~F&yI!R8_MF;0
zKur=*Lr2AE0}}(KqM1ZC6q9SBg(<t%B9iUSem0tWh)y0n9EWT?b8DStDxIQw=@w6S
z_x3kv7yU#fDv>aOCvi|5%FF&eT|^S(la;J~*6s0a1iK*?$m@JqtXypo*tm?5tem_M
z)PBF+dtZ-_h*dmlWyn;9=^7FtTc|V-g;KSuRJ|Ygx%K}3-x!}53uuuRkR0?zj8(HW
zFk&NWL`fRhhZta?4HlmEsi$~)M&uc&7o~TneRm3<V|zF5o*NiKuoX?(l61lF<)8fh
z_;>9&_d`4v$Y?}Y4?yvK#@Fi#Q`<}f1Pl-~Xqyn?9Q_^QlESofzgM?E?26bhW>`qg
zCfw&#(BLWm{c&Xe*WBHs?K+aJiAXZ}vMm)Xjf5xli3r{%_64_01y!7CJbVP{J>ceF
zDW#NB{{NeAfndkuI9`L}crAT=`KELIH7Ri0UjcQ<oXL=qgY$A8FGF=GB}uL!PP%{_
zpYmgExG`#1073s7w3D=|W|=i39aO3f#6Ljnp4Mt~D_WoSZVarw)2GMgne`8m1Y!T^
z=kU|a!~b8Y{+sL=!Qi-M*<N<q06$JFU<)Ny)0|Rps6?d-c&#)`(=&87dWMWrACXe3
zDAWxGH@}Mqjj@r8%Q5J|3A=l=CJI=JXi`NU{^{>c&CZ>8j$QE315HQV@;2>GsQy0-
zl+po%rK9{=pe0RV36SUiU$fV~H%ZRUe!{5olt`#-5rwR)P?P)Kz?(NOFq7<0Cdr3v
zDVtBp?tb7&_5*-xSrMp(5~5^Pb}Uq@`s-|^tZRjI6}G4Ux0c!h$<$R<SIJ5lpq+g;
zdpLI?pre=k+swQDJ39y2kS!5AP<4G3KEf0fpiqu&zkGXxM%%w5A&6`bmo>NlND_Cq
z$0=4Mh}a-Q2&p{89{)XLx*pwF#}9;TuzZ_!WL}^T-R#1IS$X_(#?RsU3->D-J&#_p
z{Rj}i^+&6p0M7r(QTf{tKm{-Y2#8Sa5FNS@be9WBlLnf$=@1wo00cw<*pN5ho@{^&
z1CairOTrIdz3<@q^B%yXclPV(3Yi;!1Zg7w8O-QkeiipdC=B4k7b!#+3=sMA7a~TY
zbTYZ>wL(yLAp+`_qwOpR#%_l20pw737TOM??*oiI2;sTUIB?m$D7%^44x(-i+79#F
z!@Tzy1a-$C7<&-{M}%`hK}F-vM^H78^8yAKQD%zy*4ylm2Zh8Ozsa1M={ZHmerDF+
zU_*^GYJK*+-L-UJzf;ao>P59vBWZ<hz(iw6*>}=VvGqHQU`>Q;AmS|9Afn@I0HSK*
zeb&7X5IZnn9QO=2&eUCimO^&z+Jo!sgi%aiV`RTF(S)vZnhb<pXW#%N5)9dcCokT7
zq_3{8Rs9Q)aoba<TZOg<rE}bcjs`vD27*-+;=O1$h&N2K2Dw&f5#7nyBsRwuvDLPb
zjyM&2Vz1a|zXMJ?>%5CDyXv}|ZoBKghaP!iy!dL%oW88i1qBrsU!GQNrfAopQ<rW%
zrlx5hkvZ-`Zo3zC=c4I6%HP+pBfnbY6mrn+@?nB~AOz7$V&m;y=PKNKVc`geKA%eE
zxP#ob6LpuM=@7URq-8b9dgMxIdDIn~BsPmJw%TU5J@(pXzXMJ?>%5CDyXv}|ZoBKg
zhaP!iy!dJ%r!SjxK|#gEm#0;mDcW`D)TLXGscBjPYE-zd?dT`U-#<sv(QZkp;2Q)k
z`zz|63a&rSIstCaZEx0hudWnn^GM|@)bWo|*!PBj{Y^v+M^qugMTikAL5ei#SlBY~
zh-v7UnB|*kwmIgSXO(MixaE#}-sBdu#F9%XEmqp}88eq(CBoesFp&HD)(aG&AkCZQ
z{kZlXdkeG!FwiG{9T(uTmuGspk&c~l3cU00glV*stt#@hftQ-fFRbn49-;(mJ<9oq
zy!cbW07Buw^l+0-F1U@&yZ9wq(q^9_q^;n+aBs@Vh<QWaZ76|C%191{WTT^1hKdmG
zNNAe)`<hffgJJ1<LwEx8PQwnSx4N7`p~uTFALvNHBcav+zIbgHttB+#iy`xZcwmFA
zDQV;Y$XMI76hXN)-j}&mqT@&4D~bc*?=y`e-L%~$f-GSsA&MXnkq|{g5CbX}3=^UR
zND?7R!a*`*DL6_6mxhycoUw4h#?>r{`b(lk1`#bQiIy9JTZOAr5S@YO97Go&x&+Y`
zh#o-n14NG@dJ54$5WE5P9?VBD|AP4+%$Eg)8;Cg@h`Abwc^Nq$Bj;!2{Eb|g;e{Js
zq~S#wUX0<z86MM|OElM#&9xjO#xr69Bd0az^yZw=oXgkpeZ&>QrDhaBy9xZg$aP}P
z$GTC*TV%rg^BY2d!VpbF8fCQ}A|zu_%47i?+JO?#_dp;oI490r1aTGY{qbtFc=PMh
z5ougf0HK1U-A4_Mp@0~yW~?WiIO~esN4oPoIl}QULcJbQqC@W!9!NVy4JG=n&YU=W
z@*!R$fq3dDr@a!nAaNZD402e1B+#dgt*aVF8F>yUr-S<O1vG$oeaGS*{qd&C*84bS
zWkjx!ty7K=Df)C`%szLbB*{{w9#J2a9#c&--3+~E>9@#YOAHva%yKKNG-Q?U9CyMg
zXPk4vC09J~gU6ow#~bf`^soPYu`F7)4@W@gOg5J<Ji$8lW*B{EhOfcIzk|7lm8m$R
zFObKnxVMEJd(JLCeml7y3Vy25*;n{jlbEz%h5R;+Z7gSYAA_4C-0K)S!#<46^R8Fv
z>5&7M03>|Kq1k%91;8>MIqvYXLKi_MJ^_r7K#9PJON4|JN^wG<qPA}4(!gi|N(Ye%
z5;G3+Aj`*50k}1#lTEh4>?%>a?T0x4<_M0)z#PTVX)tHOoCk9e%w<qlL0t!P6U=Qe
zcfs5T^AOY{P)|UOgL)3?#{%`%JA@2q*g!!-9B@P&x1C_Xaxq|03|LgdN-&3#%&}C%
zOE)~W;c*R%Z)iGm$Y2hc%%MEPDj58ttF>uR1bHX`L&Zf92p$Cdl14xTCB~HmloT2n
zRPvC`>CyTCrGZ8ZN)L%)mtxdLj&g2swYckMtq}wo-guK8sCJ1aRH$&#THLV$!S@iH
z48cI5LWM4k3Kc3;=*m&iTAH5$)vr+f4%MGfy@Kj*s9uL`vS^}-CYn&8LK`%17%5*P
zHNi+tG*W>^DcC55zDDswgO>#(#Mwu6!aTYygpm>(CCO)yy&<&0D~35$X~bF%QQdNe
zD8`HFnUIJ$m{FKN4CJ2nqTb2tU$ej(Ypt{11{)3AWV0={+GdyC_SkEm{SG){%u&aD
z@1)btI`5*(uDb4~+wQvWp+}w=_uP+xnQIpVIcUGf32{Lv2(^TgN-aHhS#jg1%aEzO
z3TmybDYe&8XI*vI)6}LR%n%H)!VZIjjd{;`{t(-Iz`Qu>4m()q%9sgK5exwe5JA2W
zf*=e`B$#MWOfZRHcp&&0sv{S|CSufaz=RyOU&ffV#Y|<h+9Z2)%1cqe6d_u&SPZ92
zx8^QMx(HrxYJy+JF-u$nQP{#wP`72c4C>Ad_d(s9LI@#*2scFCpW%{-q8RRpD3IZ*
zh+-+^dS|4_$+8^Z7E$oRg;BR_xHIaGZP1Ozn>IvIrBXHJBr$D-X(yXD+O)BzjW=!P
zJ{ilz%@I+!JnDW9;Y`IZ#H`2vt5_<sSSxWwWyG~i9Lcq4v&wo~?Q(`m^A@bxp=M;~
zb>sq&Sk&BaxC6p%f-`|OUgJL@6FG5{JnYFC(I`ec<|&%8shP%^GCebM^S5Zrwt5@4
zbvw6zhj)Buc4;?uZ;$t4zwNKR+kX*IGU|#lj?W1=VJGS^PwL4$ydycPqd)nl<WwB{
zX+9liTC?kGNh@00NTcoUKx3WgTvxi)gP!(NfAmiu`us2q$J{QD%kK)h!mpSs@k+n4
zFTo|da+#WOmf2Rd`n9fWGftkraP3ZYV|(wT7m?Mo_xlc?=uD)=L{hU0%WInxrAUkD
zkjVmAIl%4$%nnc;z{~)P1z07(OaO}qm=C~;0X7$4P5>AkU<`oT02T&NKR}-V8VA@`
zprv|AAxbeFfx2^55~hQiix$Il1d6v7cEGJdOU|vy+7HKxrgslNeb8PA(1%{k+D8?`
zO)p0q$4a1P;$mWYe*H9!KRlnNKKmb!#da>9uopDG=g+RF_pS$DWxETpNf7o(3tB`t
zK@bTlD%d6562+r*kR%lu4`%{gh)P!qN)+nZsC0~Idi3%z%L0BDQbPZfHa*N*!y;|6
zL)>GWv<G;4y6;?+>6!;*k6#SWUW^akU*F^>e=&RGty1rORvv;lKwY$gwH8*qxn;&N
z7%!d`2@+eGxjbuXX_|EqNE!&B0NFu+fGAw^KYs;8|0C6<lRo>53kdt){bq!iUmBx3
zB>vI(?CF0rDe+YHAIb9rf`1Nkv<P4UqCWV}$!L58iNwUlBkL47@5Hpa=o`X^222Rf
zcr390DEsH}+ssA~f}%}>M%AX6QdeztH0?T@T6a_GfuLY;=OF}B?tw~A&<Brjg&-rS
zt`!2oL*NXZP(YxA?mr?50WJUmiK`AM8c&@icLyN4TCjS7!DC6`28tKkryha_I<Gi^
z54_fewu0lWvEVyBR~R^w=MWeo#_M;CPIQY9k!SvlfW`7={TQ<-0C_oIj#_k!OCRiK
zkS*YaCwkzg!0Tc9^c=t*0RP(<pbrY3a$OLT@>5XAFvlL>&C>#4{Pfsve?2X^8~5{k
zCuPp=QDM*g$x-qe3~(Tjp(8|%HQ;N>Lz3mKd<iQ3@^7He20I;S$z8sm<~1pEX7_&5
z`-_Z`e?SKV0r=Ily=lny`&zp3d3<NP1{N`?|Ihl|@;Un1t!HbWRgFu>MdQM8!8mt3
zeVjQS@$|$~(^JKh!Y8yR6p{hNmvCWl*fJ6~T!h0DurZw2;efvynDLFdqHse+LpST*
zJbCfv!<Qe<-TOoV0tE>cA`}ti;m?K1qHw`&i4%_ve*PIUWy!{ogIh3qGIGH5myH+I
zGcXp9vs)A@QVj6L+n-~hK||JAYrTy&l$1la*u0(GZq(Oy*kzC1_S$csLk{}Z;mXvp
zvZ<&-vo&f}Rj)~9jb>T~*sQ5$Wxf#MNc_tJ_8riz1b{CAU{!mSfGyJv<Q6qcg;}#z
zRIzUWXC+sgz3OTJ_>GoIDy_;ib4@kRY+vcKz<i4>0c=}grR82FP0gM>MM|yZrb-5I
zzeoVy0LU(YEP&w;0Ve+i08AksUQa)Y2!$+4C^3PfU3xV@2%_~;h_K`!5td~~GZhU%
ziipM-=x4!h6c*8JjHx80mi8fnE;43}`l^M-C`!a2Q(clrqz*_R3LQt@X<a#f2Lfs2
z@bse-Wq`3Rqqq%~L}Y?Y!lqS-!LSE8Wd-H1f+0Xtx*y8FR>+D0$cg7Hm8f`nh|+x!
zAj7UVzC60zZX+%SzzWofuP$t6(=7Bju&+Eq;db=hUeu;GA}XuEOQ+}Qql|~%0XQn2
zbkpglZ!bqzYim5glL0;`kEbQ@(E;f$WmfA()EdY)+;L~3nb8+xzM(Ie6evhY0T5im
ziEj*s0tkW-0IX{U^*xf6l6$L&TU9nTHJ~w8`^8H@LYV+qc2#~T`od9wlmK9iu6(HM
zGzk()6_cABep~xaon2l1+&pMKJ+*>VEy!={7O%z0)Kp?34MV>DbMbY3;0TQ3;iLGI
z=d+^FnD+cw58WU8AUwvP$7FP2vOaJn2m?Dl5Uf3W2JP~dsL`P$G7A<=2OJxN9Turf
z_Tq$M5U`exIA1-}bQ@EJyK##rsE%~-7ksG~din4FJ*ym4UB>YwTXr;bZ;pgo4R^AY
z`s2rH)eEhQ5(Ng<LAwN95~8+i8tDu#_>zy`x~8+FEy<tJm;>lDX5=UguDeuI%<bg@
z!;Rur&G^BhpdPrbsK~0Kj>rSjV1&Vs!p+2Vi?@$&2vN7aF-=@ceb6Op)z(*iUtwQb
zW-mVs7X)IVGMOa2k2=|9GLf8nA;#3{{p>jGOuLj3f?_Ip>bOll3YPPd2DxO!{7<E-
z__Kf!tA|Tq9W)tff!A{SrkO{$Cf7_HPta}zeRt!mfZ>gMB#)`S7(q~!IN8a2vh{tm
z^B>g=qX`I|T#Z}ftANV%N+hY@1SDP(?>0rW8)IkTY_bvbqCz1Eg%eL$F9sCC$&gt1
zV=?2(x#+htKAp;yvr(X9R@JI_Rw(HQ&p0GcX+fYl?`YQ+2AzTl@1rHZBjyM*p!~4y
zlzRZ5g+S<bjnt&ih){GHYhB(AR1UFOfu;sE%O6bePGE?pqSL#Xc|jy5lD!iINiwO4
z!F=B?$cc+3lGfOQ)+EqlKM`s@?!(c{6q8Iw=?v`@aCw&vLQ_CZr~_|&0&-|tCV=2S
z3EMBG)0H0D=%ixM7K3A@Ctc~lOMZU(p79;SR0R(48i6`nv}3A8i`X{C0nHWNoVk?W
zD|rTSSq%fs?Psf?NzJNcbvBe$V}e7aXeemb3WkhGgC|YY!3%V(+oX|Z6^KZrKx-Z~
z{5D8SiFDaWS60RR%^eR|(YO|Am62hU6_?Lw&BTn>%KdYoE0NbHo-Ok)JHvFpvZ{4$
zXr)@KIA+n+TKQv<T^XUX9!s8^)!dy(R1v?pmxL*UKP8fF=gR6t=$JHXXY0>E8ycyW
z^vdXo<Q<P;W{yfGZsPlkLV!+aI#yNIg;pwYDEihs>(#6lu3(Fp=PZE|du!^fHYuqz
z#LXP)uwzW!#FThcs80+AZYiNlh|XH!8aUxn6)s67r95+StL0h>E)$#+DxKJ>uzH9z
z(NR)z5%5*XPJz_Mo6L_L+-Q_Qq5FN+66x(oGQX_kX#!--iee(n@gUb6P?N*kx(&ls
zW~@SJCfcP30YanML?4;~<gM^-RJIPa6_Lg{ZKkLtL^J09ss&*wR%NTS#fqjuv3&_G
zGPwEvJ9KK{55@VoMQ4#U{8Ovrs&^WzOVt8tlm=``u?M~<7{$KFbytAbJk(MFB_E?O
z^zImsT*+DoMPw|t;V77>7nX(~_Hh=9PM}1nhAhQ5fJC>5v|6s2=T-bBN=m=5@Lbyz
zV*%mR(m9w&j$|six}6gsz@=Q$4-g|^O6?>p&&9za!_UZ%hoV<>9;B8PC8teU)*g5$
zmF1_7QX!h<>GnsPo`0{)Op?f&u^Z^I@rNTy4Kxd*Le{S53WOrmz`&j5-<P~SIoo~1
zvcsQg-$Q6|XCz;0(fdun0eQoy3&L-%I@2oADW)-_Y9T3*?@R6+m%J$%h2O4no=O96
zoXW`q-kQAh5es+mQ-s<oL-g?bTnTi&$dc)gH*i0hEE3y_CFZ?XqR`qtpHLTeI*_Rp
zRf~C7^q!#GsCBT6i@ZDo^Ei<t#fZ`Odi&A0nFAD-A%vPdGMrAOQf-OhzgAMF^Hh-t
z8#CEgrt{+8u}FUOUjqo-t!7n+SP*`(E#4L?-{FD`QtrKMru&@Jl65CMbh>4?fbrNJ
z&p_8+tCB&wT0an}G)S&j-NW;UGK!G!@kXDH(ulw|TN3kWc$cn8I>r#;wxbzuL?zwU
zFFB#8W%Ijq1hW(7NR3)WEp&Hyz#>9~lT&tUR&tt|6lbVbFK#zaKD4kd4HC5kNAI!F
zLM2bLtlju9Y}bzn2`%b2QS)COs2HeFy{t&7V9D&~kQCbR7)wL`_{VgVY+clxVZ>-*
z>5ca`YS-?Sn<Z$<*19*_+WGL73F?K7JPb=9OW~zNQ~m7FA71M@R<vDbWv!O5hR)LT
z8M8f_R=hLuif^9C?J!`2vQX9wdq0ml{BH-qFl;;w%)(~`VUhE`8MyuopXHOYoj=pM
zGm-&p57(md;k^73`ndr6UqAn-lcTw>_$NM|`Bs9xgLH{C;9-zPt*YH<s+oD`v_W|5
z;`Q?j=%mT_lAnL^#XHT#U7@1Y+4-fDPd|NC2&<1hwDZ1u8Mh*b+~iefF(T~o1FsNU
zE=%bmM&%fm3#F5{J!{^!I)lqKz<%wikgZgs&nr)ow4pj)SF&Vp;^QVRX8E!8YMd22
zqvXQKEFrXhFrX_jBhy5vX2&2RD|5WpdI<aN|H*&5$sXk=rwKnh&>v~X?l#b^88bgH
z-|hLBfSylc0T=|PFqJ~U8oiI;<8x`Dm)yWo7oObKD~mstEhIZTkJ!|4^zOp+@o(Gi
zqWWXrJ<vGv6*I^cF)?7H;!eB6tg=S=lrHVuo0+|w@A~s?L)5lG>UGK|(0KTVI4&^*
zu^Xu{l;6`Fzgu^Npo@gh<hZ}cRo&h-1SfWo6)ZMbag;;|RGTvC^lIP|OM$vwm|Qxm
zz!xAE^t{BAWD<5!LR>B|Uq#3llr+1?>|7aTj2A8spp3_rmyd|6rjR#>Vqz6GF&i|c
zhNYO*$;#zvLX`*2V*~Q8n%ezZ)%2;}*dfPEI@Sm6q0LLJuu?Ch#zkOb!xfuOi=w<>
zSF2f|qMI?4zq!>eTKG#L_?Dnm!Mg0J3~Ad!c&DX7igl&wFsNu;9Y7galRs>Puu?-d
zSthxBcll|m{Ct%b5rtH?jy<f*3Jq)HCob}DBI;64+iLZy)gZ0DkK?I*OSYNr>7aV^
z4WOAfD_5~e3ycg~H9H|W>DpksaD6o56Xr)&QbtKOQk$W`;c0u!<MwpdU{)T_w`6SG
zpt~k*pY0jc;uBPS%!v87eb`82`;DlQTxBiu`5*zQIeF?1K%T&^o>w3pN^e4g!@$gh
zFj&!644JsK%GsG3r4|<o<Z!Di*2zd?4Ec?~sfuB=4=}K&jt}|pnz+9#>Qh3<X%2;_
zYT~GL_f06~pPup9dY)RgQ0DOq#l@btbT++A6BqUyy2klT7&4n}mn>`cIv>+Vn>sfU
zsPtx6icb3l7h;gQq%4;p$w;x3=er<eEhQ?K?+LK0Pc5nV%!H|U-30gNYYHp4{nnY8
z@pLAtK!19mLqW%9ncF?$L4=lvoeRusp0mv*%YXn%e`BtKl6(RIz>5I@P$eCdFOv`t
zTtEXv15ZbMl{Y~@BPBvy+5u^=O}&IyCNCH#x=S~<{9aFDGyP4}KDEBIE|V~JZ001$
zPD<l_LfS6!wx8nt#GWC1l6Vqb)x<KYSoS(;sW?EoII>n%O*qSxWC^G8UT=HdiVutt
ziE)z<GI)}YqBv40786aD!VCL@@-~o%lwpOvGhSh2*i8bU@|Yr#N;E4uSBd&KSsQFw
zTX04nk97fKim6;I^?w7fija*D&s)T^VA<HHQO7O;-X-<~@3!;Mxu1>LoL%wHR<7(u
zbmb%XR?X%0(JC%NdWOOM#UnMxr>x!3#S9vYNx{3?kI2r~IiKi2?GFsN5&ygKFiCv+
zyZQB+pNll9qHo`vw)Peex6?olK`K9ZyO?LG$f-?z+!|ZEQ3yE%I{yD1<WZ%spTDG3
z6$qzR4AR)`ZfnH&;V(ogYBf=$V$fGh_!55$O)x7Fdj}}S?dT6rG;`K`KX{(iF<+{i
zN>lqds(W@)wPD#Ql+Q8uI#RNCe5neAvi%e(eh@>L!?tFjTG{G41KxTIq*&dj%o%}*
zx~H}e2Mv!H-9?rn?{4WMdyO5;2PsP$^bM2fdF>K9zMkv5u~E_!a7^^#gRhwu$@Ht8
zswGnbPN7q9&2;|$2h73yI}5Up>DwwR9CCTNc2Zjt!D31m3v)>S&djIhn-!W`n~jvq
z(-e^#>p*LwW#k<EaqvudC>y!k=44eIvCnd<iF<QtIt1knimW3e+`rJRWBC0&a{TTd
z<Ej;ZtVmnLk$fC{vE6~K3-IMn7p=hSba`4^L&20PeO8X{^)F);0m3LjiAfFwRf$=|
z&XUU~2lmcy-I?Ug3q)=xj(bGJ#1Iy_h9%`}QD&)EZ_PXOizCX*48`O?`x9UM-KTLU
zoU`r(DF;J;{udl-*Knzu(#@<A1aaHLF*#5Ww?drYGF4_KoEWrBm4LbYnBgq{>PgYb
ztE#KVM8~c|#4OzZnHA4?2Fm{xOa*W<@c+bIXX4a>d^t`X&WC97FO?O)R0R6v{}-Tk
zDa`as_seuC3{b;Q1=#v-T)$(sehj!dFFp2tY@U$xIU|$D%hDAzHkKAQR^=uqo5i~Q
z*D;O)qR5rq_I#~_R5)KMU}dSek_;(}E#V|5yvoexay)fdep7jAev3_0UlER-;N)eQ
zJDQ+oFw5w3wfzT+%reM%^5-1vml-gLT-n`h)}_iNJefcz7Kn7>+<2bRXU1H4Cgm|E
z$}4Z`DXndt25j=Q*0FVR-)U)8Wh|b#xx`UzPzq9#O}Q)DF=k;~Me7V}S<kFp()n@|
zk1sO_gfcy!2bFk?1*=w`)H2IqLw##hucf=H7HXlp%F^2!g%wY>>l#a}V1>pKoxOPS
z+ocIPoNL!|I0=cIjHgdI8PookfLNHp5(%Xs1(A@IAr?Xy8OEYDVBK^vl(fQZTQy``
z?KSr5KNQzI<JY{MbK7b7gLw?+Y0qKP0oEY8A-aCFq`-HG<*hv*@WUfFRzK;(B-gly
zEKVjbU9Yz{m0KE1axK#IMY7GIZUs~BZ-vX&y$>E9+W+k7zD>7}t*a|skr%d<g9Y*Q
zQeDmN{03Fv`UhAMkL>6kAD2?6o-w*|-l7BFFB{zZ&B9J~P>woeE}oDmXQjq-i<q+X
zlo$cbJA&-N3pfXuoCA3{>=7RL)S<(`Hs)<^DAH9J!mx(u&cfEJit`J1W{J{S%<Lrg
zw-b+NE3(tsk__H)s3#Au|9)iCh7$u_i>BlCX0pVh)3fx^@hT5Xy@w@UsgGuj_zam`
z?F+iVHulTF$kFvf>rXCUq?p^-yrQ+Gc}3$~u#KHiRX>!eWdBqv!8UeKRrGtNDl;Bx
z$%AW-k8EChVxW7V$Fb5(;#za{EL}{T%H5LMR<^pK)ZSirTuEmQtQv*jBZe^pr;=kB
zGelN`ZOk|ZzmW@T8!g6kHn%yQ$Nt;+cd@+@!t1$Zc%`ViW}_s?;#c7JafX^))jYQR
z_fc%@wscGrkG(&HzdwQ{Uf$Ef(kLuiKUP#4fklE7IdRpQ?4dKOhGd%c>$bN1RI%oz
zbkoE(M#m~WEU9g|mxoZ*)ov~A?yTJYS+QQMkO;UciEuq^DL87g6imYlx%p$NA!T18
zX@C4wT`OLgrpyx0Z&RsSuM-@bc*GqqJjfVzH;lPgw6x^QRTYvHhi`NEysS(Cj|1uC
z?zt@ln+fHZ#p>-Hac?e_x-Xvpw3w!rHPz2)gnUz^il<msuW0qQ(9eXgw|rFv|JB@A
z;i~&JU?q1gm^0<H;iSfFF`CR4%}L|wDGTPnMA(DpT^C?i1o=3!2QF;igX?A`U@H^M
zs}iu833`0T9^={=Y(oq%@Ru6wXC+=d=7){>72`iEv6mXW_@pOx(i6NxJ}tmYPI9pm
z+#>wrf)EIoFZRafsoyCVd11>{5WlAHLiRM5-Yf{8Ngd9|<<x<E987DndR?YvU+9DQ
zB>YUL`AjFSUzLolN(NT3@U9S+37Y2MP0~3yJSVG*Oguq_sj4S1W;-i+fTR}Jm~@2|
zR+&*q6k@TeB7U|~nHJU4lOJ9LQgT(S62k@J7uqN+R#{b1w-{QWv$3yHA{A6>HG)d1
zNL)1{t_E*%Lu+4WM{9q5No6Tft!3t<rAP%8I=!G=n#M`V(K=`<ivTB=Huga$wA3xG
z7-26_+81J6Fj<~NB(5GQO!Sd8+CN(GCfnPW{MItiP}wx!9#JC|8wCm6h~-*Gew%(g
zk&(?)ad<)%bbOm9$TM+Oxx8!<Gi+|CsY}rHE%^Ld)K-j0)DgUNjzB2Ou=*fMeQP%%
zudTT{)(;_a>p21Q3vCh>ZM5qOtwxzPt7l4<*dX@;ZAFQt#8~k~3rcX0*_m#Tgyo3M
zT9ZU5mVxQH_J#JC|1Aby{KWt66DzK7h8Hl;L7QhYpf(L`u1@ZQk@($x5vRnWjn#FL
z#+C*%IbW}}n9sIm3)Wk~i`>){4fEOk!Tr{}q(LGTl<pLiNhQLvox)Nuy@=wHs-l}-
z7#2=jdOdg8`XVY6TYB+4>;(Y5cXik&VO(sCI()&{2OyC18!bq#mdQ;_YZ0f)-AZYH
z<cL$VOVwIKtx1~e|B@LuJ0#ucqI8wG@pH0yO-jJT8GLT6PH32yJFi>V9Ul5uFk1oy
z2QP<7wV9T8FtF-gz@u|-B3`{3TejMOpMJxpMdy>1_F-*(`q9KrN;-Vu8^iHV?dSs>
z-}~<C*SK=_DQwoMJbcIByFcLaug+r&&IA3kd1w)~bdeGFxv#_Zj|rFlgcN>|9Sai9
z5(L&_AwuYhz)ViI(bV0ko*dsig-X9hpO319ow8n;r&W2r9M8Z?j@rOFZ-!(B_-}i~
zOirpE2BzJM^||+*Px6Pkv6jNP`}dAb!2JqAyU1Q+x5|qc-Lc-?MeqlaBsE%84jP`O
z$k8^hvA(pg&@rEvuO=HxFtL`X*V0-wZe%?*SC(uYY8^_pL4;a?D3+_lsu}8*rjnwT
zHkB@cC+_0%l4g7qe_WM@V6zoa<1#9ehGypoB(lR2d2S{<Mkqea7tQ4fnt6gzzA!E`
z+qSn=q3lv9T2;!7OsG17pJC5bA2c20Z99w|ht!8mWwXw*SDztZU0fz96Z<}&7o6T`
z%1aQXhB`MkE+!&o;QDBGlG>n)?avh1OlqEM#3&--7LTpa@wAcgf~4b~Bt-@iyX%5i
z(y0SWWoa=PkW^7VD8l<W08TMaUV@ddvgf@HesCOHz7cw%7kSq=&DYiFsLE2P#bTYQ
z>aeL=D^<y(vO;|)rzR<8Bq?C~q$FNOzBp45a>R!#4N>^8;w71BSt363c`^$fKOGSh
z>b5FOm7WZjIh$_cW2FrL>Pj`>L)gy1i`d=Jv|qAcJ5dCE8r?EvUtfq~;x&C>uU~9Y
zoR}09BMz1{MEIxrM?g@8nyQ9`x@E=1gUG&ic^GKv&hKtFgtOPToD`khqS|sybZiT)
zzg_u1Gylt4xk9(Y&zlz%D)N=4s?|9lkjWD!g>WC%R-)$waP{4SR+%BB{Hz!Zp13h0
zk(VIhc&UQIv=c=W<Ps4FRQ%Myzs%T$q>yZ#9D)S6bWRiAGzadNpI6k{SJ&1m#C-n$
z(*N!ML-t#HjU5K=$7RPvv4avB>)l)%7y<p06hhYI{Lo2DVB`B*tVD{->h;o7aAlHA
zRWhWuN@XhRkg{ZiwY#}xcMHtn#Au(gO*iqZo7kypz6hD`aoZj_zH85^!YlHFo<$Qg
z1Q~^wMtaX<J*Na9c1RMY;v!MkcQDBF$!Ewh^n$9YSKK}|vlYBvV_iF=DW-1e0u!G1
ztr2P9O*Qx5&*84o3zZtYw6|_NNL(va#;xSOf45<dn}ETl#Fk7B2)$QJbraHAlsNU|
ziKnKuGbJnO+y&)>;?Ab7*Z9t%`4IO<(Vub5AL8}O#;<W-6*=VYF&eo&;DM0he|GT%
z)u{SGn#$Mo_fussqo)94a@PwR&7LmhQ#)%(rL_XFis+D^pXNOOyA{o99nkk-4Mqwr
z80$;Rs8+0Ojg*@VNltW9_zJOm3XYQ4%AC1jOGb*PCX9iR(GiPDO<23ii2FwJV8H_j
z43Dr0*_S;`2Q+VT8qO-L=SW*U;TMijEsT6z(_0UJa9Vx(AAFuOG8L1S!!({6Mvu!p
zn&8ccIPB8yGDfiNmK<KoATBq(nvcs#ilm^A)&BXQ`zB~%6f|7(fu>lQ#*Aj&;3CS<
zEnS>Xco5h(jvL!#g&WtcIy+P=Nn+>9$&XbqvVQ2yD!V9=rM}WzA0bHGn5tChI+%iq
zNgKq<riwM-o@N_plS`wm(Go9$1hXQ}*5KK|_E7{hm*TKN9*({HsR?z4X|U!z`@qC(
zqeqvmqeH)~>#+`2lC`C6)9Y)Fi@-vdT#vUo9=|3{;^!Ipev!9W-E;i3VY=EzYe{t}
zFFL=*R^Z_}d|kM0C(kpRpUf>+!RMY`Ua1n%`x^zvY<Xj|D0cFE)mp?d^u;G{W}!wp
zr&*A9s6jr?m9;h!zg3ZVtdG(d)0KsFJUY0hBsrEQuRDrN)J#t;$Hc`Mn~o&$&tvqS
zf<LyC6c&q)xWpd92WFSTx%M*?19B}`Pg9<T=<^!jz>ouaa&KLzmZpm{WxcQAPMf@O
z+XUw)s<2kg!UOJ5+<u}#N-(7!JaYB^!lZdg<5}p_Xz&{GIaJOL)hFa6T*s@O3M?sM
zvZz&kep~B)`tg9Iv#vTtvi0|Z*bApC&t3%~*X_<8G}6KXwUADs-NL3q1qGQAUeLh)
zHvZf&;fbH`lL>yWlAmIIq8p-LjtmTkFN<t5ThI~lmm+Yk6yq!ti{IJOGSI;DHAaVu
z`%eU4kCF(>g7uRAlR^JXJ{Zu0CX%N(+tHWt(v{2!%nOxBsEVJic2;C({hi(gM5T$V
zuoOh44z-8k^V+Bf=ya(}XQ?xpT`BA&C%kS`Q`JWfM_goXj==F7@cIzlxg@?!ktIg6
z=cC!;Y>C`WECX>B5p!$+>AUx7C#8A)<PjiZ#^of(h=h@9TB?yf`#-(TyiIz_a`U64
zSgfjEo>#qCg_48{pq~uQvaBxH=Cl{q6ft^)xip1$SxpqF;8dH8SoWF42o5W;ln`FW
zN+iEkh%Co6$mvNRCYAQ$nwdGZ_?a}c_sopXL|kT{(jjiBY#VO-NC<P7)w&ZomNRO>
zgVyQaV|Ee7);rHy!QmQfRwuT;fzu$>N}ua_AJ<tErlzVrgR=p$#Ns&2+k`O2K1(yw
zo);XDmxFQOhe9{?q<I*r*5#33HGo5O$3m;=0fLntQxI7)b^_kI@>t#?moI!9#ko-6
zRNi0RqAadTH9vrRk&V>XKN=X<91h7n=AyB`Rn{oA7=WH`aj=0DY!>r)eNAOyy$cF{
z$rFTW-rNk-3>FAQW0#SuCyPS3X^<Yh*3K1=pU0_7EqL5gD0w`Ppn=Pm02oF*4BxD5
z9Hl|5)Y4nvCbf><@{LKzqO%X7X9zP&3?-F(0{XMlE2o3pf#rf)V-6=rs+Bf!8n<oo
zf=;i?+hVenk=u*y)f2jV_35M=hCyYMQ&U!oAYh{IPctz`RKtoL5=c{_Uc*uAqtuyW
zE_n^9Eb?0;XfIewELh3MwW&|lG9b}4#zWjEo0$11HY1jz$(FmvpzLH~o1H=V1_MGt
zU2!gAFGUdS=yH?aLp1S9>90EtBt}*P!;c@GlJQylWi#Uzp24{LYXuO8OJgq`+XpPi
zUQ@nvqm<T%Y8z+t8z!ijKU&RTE|KRFHJs#}yeVlzxhMCL^onNo$<1aBI6>*XqHRtG
zaXH_&$dI{Dh%1kZfqhz89M9MKNWyTrcJdUh%n%KXIj*J$X+!2m9U}h;a)6mO%4zNA
z5Js<YCL)Yp|GUXOVd@e9$9EBb(L#KauQb3#I9CX76m>*@x7glTq+w<7*uJ<DRj1Me
z()J43e96bq`NAN2j(CXLp%qyS6uKK&fnkIvccaxmzobAtn;>~M&k?HNFdRWvbU8OG
zh9}J_!}I4z|F(qQM9r`*0$TlsEUlbFsM#XhPN?L@{vGB(zuaJ_kEb=sNt^sPr4A67
z$}S?u^b9rUpZlFw*)(65F43R(Ye;4O!N{_ez?OY#y47q~ubjFk7ug<nIgy^^#E@Bp
zrqkY~-YBW=(MnR~vVhH|y!uFx#rfTOiviiaE_>|s>JOLfscbo7ctW%yTSJ)(P~}M_
z^VBmsG}*_DU6nP&s`?RA>Dbsn$e-PzflKo<i{#Q8{gHBC>X?_0h~}9N+^j_h_u>B)
zaM>I<r*#E4Q)qQs8G6T98<_@C(%Ujp6N#4>Ts9C>URr-Xh^oGSZjW@2$!Jo_x!vx-
z7vQ4zQB<o|xpewhb*<1BziZOB2wMjC?fQXN%3*_Ooq!mN<?2~QIxNVA>JpiVkejN|
zWDOka+FthnJ(3p@ECKI^f&o}pIo4uY_@SC=2N}*19~yfV!KW!fU0?fl5hAyi5AFqY
zT~q2vPR}FBW0qG;FLaZKClyNj+*U*GnpH0Wfwz^8TJvNgKg>?$p9W|H9>u0pFzHqv
z<I@Zl(f*913&3;nX^~!1TLEYUA(K5~9Ln!ZZ)c%5!^CKmJ&QC{D|XuuJq@wQeZege
zZpuKKnuhi|jE!7ONwI$_SOB^+7SekVX5gfcK>ihp`N)%A;JP@SpvYr|$J&8x5lap(
zCXd0Hf__~(c%2MNrsbFGVZdEA97}qPIN(iGZnO``xU0oI!a!N95N{?qK}&4?DLq7w
z9A%*c8EsIRi9xM>^bf<)Z*$D3-x{P1a+zC8IU3wb1F}(wpBr99PuyXMNaj%m_$fSi
zS@HluHif|4wZmXPFuEaJ^UYzgXDf!KcYQ~_zBK9;lnBCqppQb37xTl0fW~|ib~<g+
zxtNFXRk4T#-B`Ybc|CV~QMcD3eSFrv-rqY$Kj~p?dNqZ0zSjl!g4Tjg&~tbjO<~X(
z$W*wk59`K4l#0=NR~9D?H)?(V2}oik><l!s{#U$H{I%+iZ~Ku9tO6pg46L6ui3om4
z43{w#j0~C=C9*Gd97!IXOYO$R7D^U^_X~&F4zucC19nk;%Y5hGJp>$ImCci6W$?t=
znF0wrlP|ql-LdiaXdKj!V_1h=?BFF=!S7SBgHWZw;`~FEjSd1wD?VYkLtff@J7A*_
zWq!MzZOeMR>#}5tz7#K~1X+e>)5_i{)#*-Jn~5%^jGf3%UKHOC`dW9Q*8qE5zB#vC
ztI<@9VEJa&^#jH5vwgp~;N{`Alqc4cLZ%SrHoKIilhaFG)(ClJI|%q0xx)0{2$g&A
zs=b8Y0b_`6h~Q4cT4BpiB6^%sgh%olM1!5+&eV~EHf&MbmSLktu8B5@Abx5`)C5Y3
zGv(msWt_;B^-G%D>XuXj<L$nP6JUwz$Ows8RH@1JkL@}^IsCP4W^P1>6$<q&a*EVE
zfR`Y}N!<fq!5yclj;?KY$=TAtO5N>>lXiW`x>T0ah$`^^c#Y(dLn&hL=VO;4v=5hq
zPM?8JtxuBER4B|b3EPT(BGN}~B>uTt>_7JvQrK_F68eic4tMdz!YOM<Zvg-q2#qOk
zj3l-{gbuF>5d6Xn^lO008ArX(JwS)72Pt6(FbPwDiRwW>cnBQ$1EfeTFp*j?BR_#O
zI`sphmm<4C<t0utQKp%oZBix;XYvR}CVFyl#!fI3M2{H+&48jfWMI<48q12Ah<yfQ
z-H-C0A+|Y<J;%XH7#rAi8$D?(fH9)DZRaqyQ;&aUFJfX|iPpjjw=*iibAfqQ@IUi=
z86&EeYMt;*nA($>Voa7PDX}BwSg6Ge9-heL*k?FqjVAW4VfL9WXMk{OS@W5nVM-Rv
zek9*ZvzhyH@4AH#pK4rzF)uNC4j+mxy_3?;SeC|yR`X<t#!qJNWD-8PpciDx3B*CC
zOFoI%P2Y(vya&k)?A^e|C^wL7Jzx!Q4u8yhDN1kwd~I(f`*dQSp<>@g4!G;GeENw6
zff9ql1#p(-$@^{!j`Nxde@z<KDrC*$EbuW9GiJR`X54j?d>TnwLO6we1~O&ij{J*V
z$M0wAEhxbPUjizQkvYN2Ft;`Xf@PdY;7za^FhC-hmN%Th$IB|Gy*^<Z&3>avUGOSk
zfAo0^-3Vtt8-K<p<SBD>75k7S<~<yA(J1Ep<y}0$qa;URfG(=BP2wb@ff<48agA4s
zX(u49&0~~HYG5&-t(D|UCZ7!uJ@CKAA*02KBSfMTOrr{Msmb6Qux^1ciFxSdB9yp8
z<Z33ly}IqQ6|k>;-fk_;mO46T${E1F1?Q-$!fp|TYVmsu*Nlcl>#51Q9}J!6*s(7K
zEAEJN)TRx6$#&~Aun!KLYd=AH;puUE^nEw)v9DQd^GNV60PiD5NU*D5l?B32+D_pR
z;EgN}00;mffO%ltn9!0dAkgqpMT%T}tppA(D4B`TlpOagN*=qHN&#bZN(pgVaXB<s
zsp33aaplIZLLrwU0LuVU5Iz<u1g;J%s7yB$Ok_-jXiCirN%%}w$ndGcj-f8aiP!XF
z=U@9bxa!nv*XX!sM<)XD0~&?OMg;y5jBxh!KoLzGM;h~w&ti?^Yx{~tC=k8H`Qe9}
zEcP`P`6lP$zUeP@n;D>m`8bo!Osu^mSPSi;_1Whfzkdrq3$XIoF~qqk;3ZOR0aTO{
z`z*e#vAr3e-ft|iL1(F-!2vwEY@adJM5CQf_jHMb(%<tqQTUDms0KgWeQJ4OjX=Ia
zc1q-guvz?TmMDkQ+ukr&aaDGBS8`_o4cIJM3^o-^AdnRuYi6+~ie`;HJw)hRU%f~j
z#}~Lpb-s%Zl%E5Qn$$9E+k~mCKY#P?Bn~^FZUO&`ElzhG>@5of=Arv%!^EHRF2Epi
zS}DXd$Qys=BJljm4x8Ej+vBKZelc6WudK1nd=K;*h=8E5z+5Li4uiEuz4gXB8|`r3
zSv!@mTEym}Qs-Q7)g_l*@vAa7U31+o<^HnR9k<+8;dg(Ur%I)2wQAU{SEoU}Mon5Y
zYt`mAQ*>z8sauyrHkhi%G}HazrNagg(J&oOSO5E*TW-5W6pszsYiIA^=!C)I@C0HX
zeC&}kkjNA&jm}`Q*c>jePwrME5Q@YSsZ6d=s?-{7&pfYDZ!iKN1S2R0i^CIg>`6u<
zQ>ZjLgURacKQH_k;&6F<flwrtNM&+`Ql-{tb$Ua2H72vA*3ULqZ?ij`E{@xG85;M{
z4<32yz9$^GKjfyHq1Q~a%r>XJ_Br67Q}+ADX)~NK$989Y=a{kPnpdA!78<m)`M%O;
zfqn}uve*&>1}*igE|XgBXGLjg>5zV=D}meRZTFM10)pTZDqYMpHDo>R&4jL0S-pfF
zTdaR--72L5sxG4FAz1jn)_9>65r+($m&vH9)-#!q2;)!{B!Oy`B0+4Z)U4K>V5Nc*
z^D4P&iRoNq6Tvhz&1L2#!dhlzvucT@i)bseY{1^xcA6PEapqBsotc)n5rw)SXLnN=
z;)30^rnynNyOj90BKp<JLhlwIGRdu&v@gFN8=}Y_Eh5G-xmsDQzUZi`pc54sE3;zs
z5ZQ4`p-dB;o5)S(pd6UZ(jMH%Nj0W<p5hF-A2TQ%C1nyqOHc_cU#g;<lKYXplN)D=
zs4QR#^}Yo6CVG=Ss0a2G8jS<TswHDOBM!2=3#z51^E#R+_BkJxxuDV+w1QX23SB`f
za5*_kSSu%YrB<(4<7;xIC2Qfub!H-+MIR{Ai}+ILk2LVFQuH@*!%w|*yOR!egT4M8
zC8XvxWac5ztX4MWJaEiQU(nR18f^8|?ThQ0h0Yha<YRm^+v#!Oxp={e&hhtXG#4HK
zyff8qtL^1G=ppdWv9e;wLz&ywRMjeUls`hgS&cEHTyx!0hOa@e6jT=Fu@iTdI-5X}
q(_GE^pdpYJsjOXbS|(j3B0I%wakUo7mY}jzuzFQ%{`j&h0002c>X6_7

literal 0
HcmV?d00001

diff --git a/demo/assets/fonts/basier-square-semibold.woff2 b/demo/assets/fonts/basier-square-semibold.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..4f905d34404055e519a70a0639e786512a79a28f
GIT binary patch
literal 16224
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
KZdEHT?r;G_%@36T

literal 0
HcmV?d00001

diff --git a/demo/assets/iframemanager_logo.svg b/demo/assets/iframemanager_logo.svg
new file mode 100644
index 0000000..8871420
--- /dev/null
+++ b/demo/assets/iframemanager_logo.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 580 283">
+  <linearGradient id="a" gradientUnits="userSpaceOnUse" x1="24.5648" y1="145.4492" x2="552.2661" y2="145.4492">
+    <stop offset="0" stop-color="#3a9efd"/>
+    <stop offset="1" stop-color="#9700ff"/>
+  </linearGradient>
+  <linearGradient id="b" gradientUnits="userSpaceOnUse" x1="24.0648" y1="145.4492" x2="552.7661" y2="145.4492">
+    <stop offset="0" stop-color="#3a9efd"/>
+    <stop offset="1" stop-color="#9700ff"/>
+  </linearGradient>
+  <path fill="url(#a)" stroke="url(#b)" stroke-miterlimit="10" d="M168.7 260.3h-8.2v-44.8h9.5l12.9 22.5h.2l12.9-22.5h9.3v44.8h-8.2v-30.9h-.1l-13.7 23.4h-.6L169 229.2h-.2v31.1zm57.9-44.8h10.8l15.3 44.2v.6h-9.4l-3-9.4h-17.1l-3 9.4h-9v-.6l15.4-44.2zm5.1 9l-5.9 18.7h12.1l-5.9-18.7h-.3zm35.3 35.8h-8.4v-44.8h9.9l17.8 31.1h.2v-31.1h8.5v44.8h-10l-17.8-30.9h-.2v30.9zm49.2-44.8H327l15.3 44.2v.6h-9.4l-3-9.4h-17.1l-3 9.4h-9v-.6l15.4-44.2zm5.1 9l-5.9 18.7h12.1l-5.9-18.7h-.3zm44.1 36.4c-6.6 0-11.6-2.1-15.2-6.3-3.5-4.3-5.3-9.8-5.3-16.6 0-6.9 1.8-12.5 5.3-16.6 3.5-4.3 8.6-6.4 15.2-6.4 5.4 0 9.8 1.5 13.1 4.5 3.4 3 5.3 6.8 5.7 11.3h-8.7c-.4-2.3-1.4-4.2-3.1-5.7-1.7-1.4-4-2.1-6.9-2.1-3.8 0-6.7 1.3-8.7 4-2 2.6-3 6.3-3 11.1s1 8.4 3 11c2 2.6 4.9 3.9 8.7 3.9 3 0 5.4-.8 7.3-2.4 1.8-1.6 2.9-3.8 3.3-6.4h-9.3v-7.8h18v4.7c0 6-1.8 10.8-5.3 14.5-3.7 3.5-8.4 5.3-14.1 5.3zm56.7-.6h-30.2v-44.8h30.2v7.9h-21.7v9.9h19.7v7.8h-19.7v11.4h21.7v7.8zm32.7-17.4l10.8 16.8v.6h-9.8l-10-16.4h-7.3v16.4H430v-44.8h19c4.4 0 8 1.3 10.6 4 2.7 2.7 4 6 4 10 0 3.2-.8 6-2.3 8.3-1.6 2.4-3.8 4.1-6.5 5.1zm-6.2-19.5h-10.1v12.7h10.1c2 0 3.6-.6 4.6-1.8 1.1-1.2 1.6-2.8 1.6-4.8 0-1.8-.6-3.3-1.6-4.5-1.1-1-2.7-1.6-4.6-1.6zm-277.8-27.7h-11.5v-60.2h11.5v60.2zm24.6 0h-11.5v-60.2h40.3V146h-28.9v14.9h26.2v10.6h-26.2v24.2zm72.8-23.4l14.6 22.5v.9h-13.2l-13.5-22h-9.9v22h-11.5v-60.2h25.7c6 0 10.7 1.8 14.2 5.4 3.6 3.6 5.4 8.1 5.4 13.4 0 4.3-1 8-3.1 11.2-2.2 3.1-5 5.4-8.7 6.8zm-8.4-26.3h-13.6v17.1h13.6c2.7 0 4.8-.8 6.2-2.4 1.4-1.6 2.1-3.7 2.1-6.4 0-2.5-.7-4.5-2.2-6s-3.5-2.3-6.1-2.3zm46.2-10.5h14.6l20.6 59.3v.9h-12.6l-4-12.6h-22.9l-4 12.6h-12v-.9l20.3-59.3zm6.8 12l-7.9 25.1h16.2l-7.9-25.1h-.4zm47.2 48.2h-11v-60.2h12.7l17.4 30.2h.3l17.4-30.2h12.5v60.2h-11v-41.5h-.3l-18.4 31.5h-.8L360.4 154h-.4v41.7zm103.2 0h-40.6v-60.2h40.6V146H434v13.3h26.5v10.5H434v15.3h29.1v10.6zM142.4 234c-10.7 0-19.4-8.7-19.4-19.3V61.3c0-10.7 8.7-19.3 19.4-19.3h242.1c10.7 0 19.4 8.7 19.4 19.3V111h12V61.3c0-17.3-14.1-31.3-31.4-31.3H142.4C125.1 30 111 44.1 111 61.3v153.4c0 17.3 14.1 31.3 31.4 31.3v-12zm-52.5-41.9L41 143.2c-3.2-3.2-3.2-8.3 0-11.4l48.9-48.9L80 73l-49 48.9c-8.6 8.6-8.6 22.6 0 31.2L80 202l9.9-9.9zm455.9-39c8.6-8.6 8.6-22.6 0-31.2l-49-49-9.9 9.9 49 49c3.1 3.1 3.1 8.2 0 11.3l-49 49 9.9 9.9 49-48.9zM145 57c-3.9 0-7 3.1-7 7s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7zm23 0c-3.9 0-7 3.1-7 7s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7zm23 0c-3.9 0-7 3.1-7 7s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7zm219 28H117v11h293V85z"/>
+</svg>
diff --git a/demo/index.html b/demo/index.html
new file mode 100644
index 0000000..a1c672e
--- /dev/null
+++ b/demo/index.html
@@ -0,0 +1,85 @@
+
+
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>Test youtube videos cookie blocker</title>
+        <meta name="viewport" content="width=device-width,initial-scale=1">
+        <meta name="description" content="A page's description, usually one or two sentences."/>
+        <style>
+            body{
+                max-width: 900px;
+                margin: 0 auto;
+                padding: 1em;
+                font-family: sans-serif;
+                line-height: 1.2;
+            }
+
+            *{
+                padding: 0;
+                margin: 0;
+            }
+        </style>
+        <link rel="stylesheet" href="../src/iframemanager.css">
+		<link rel="stylesheet" href="./assets/fonts.css">
+    </head>
+ <body>
+    <div id="_app">
+        <h1>This is a test page</h1>
+        <br>
+		<p>Demo with youtube & dailymotion config.</p>
+        <br>
+        <br>
+		
+		<h2>Simple example</h2>
+		<br>
+		<div
+            data-service="youtube" 
+            data-id="fJ9rUzIMcZQ">
+        </div>
+		
+		<br>
+		<br>
+		<h2>Example with autoscale width (fill width of parent container)</h2>
+		<br>
+		<div
+            data-service="youtube" 
+            data-id="fJ9rUzIMcZQ" 
+			data-autoscale>
+        </div>
+		<br>
+		<br>
+		<h2>Example with custom thumbnail + params (video starts muted at 21s)</h2>
+		<br>
+        <div 
+            data-service="youtube" 
+            data-id="861gfPVmgdc"
+			data-params="start=21&mute=1"
+			data-thumbnail="https://i.pinimg.com/originals/0a/4d/cb/0a4dcb92fa2d3c601b58d72720d6bec4.jpg"
+            data-thumbnailpreload
+            data-autoscale >
+        </div>
+		<br>
+		<br>
+		<h2>Daily motion video</h2>
+		<br>
+        <div 
+            data-service="dailymotion" 
+            data-id="x81n4gf"
+            data-autoscale >
+        </div>
+
+        <br>
+		<br>
+		<h2>Twitch channel embed</h2>
+		<br>
+		<div 
+        data-service="twitch" 
+        data-id="channel=bdougieYO"
+        data-title="Twitch channel stream"
+        data-autoscale></div>
+    </div>
+    <script src="../dist/iframemanager.js" defer></script>
+    <script src="app.js" defer></script>
+ </body>
+</html>
\ No newline at end of file
diff --git a/dist/iframemanager.css b/dist/iframemanager.css
new file mode 100644
index 0000000..63e7a80
--- /dev/null
+++ b/dist/iframemanager.css
@@ -0,0 +1 @@
+div[data-service] *,div[data-service] :after,div[data-service] :before{-webkit-box-sizing:border-box;box-sizing:border-box;float:none;font-style:inherit;font-variant:normal;font-weight:inherit;font-family:inherit;line-height:1.2;font-size:1em;margin:0;padding:0;text-transform:none;letter-spacing:unset;color:inherit;background:0 0;border:none;box-shadow:none;text-decoration:none;text-align:left}div[data-service] .c-ld{bottom:2em;right:2.5em;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease}div[data-service] .c-ld,div[data-service] .c-ld:after{position:absolute;z-index:1;border-radius:100%;width:20px;height:20px}div[data-service] .c-ld::after{content:'';border:4px solid #fff;border-top:4px solid transparent;animation:spin 1s linear infinite}div[data-service].c-h-n .c-ld{opacity:1;visibility:visible;transform:translateY(0)}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}div[data-service]{display:inline-block;max-width:100%;min-height:150px;min-width:300px;font-family:inherit;position:relative;background-color:#0b1016}div[data-service] button,div[data-service] h1,div[data-service] h2,div[data-service] h3,div[data-service] input,div[data-service] label{transition:none;animation:none}div[data-service]::before{padding-top:56.25%;display:block;content:""}div[data-autoscale]{height:auto;width:100%}div[data-service] .c-nt{color:#fff;max-width:100%;height:100%;width:100%;transition:opacity .3s ease,visibility .3s ease;position:absolute;top:0;left:0;bottom:0;right:0;z-index:2}div[data-service] .c-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;z-index:1;transition:opacity .3s ease,visibility .3s ease,transform .3s ease}div[data-service] .c-bg::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;transition:opacity .3s ease,visibility .3s ease;background:#1e3861;background:linear-gradient(14deg,rgb(12 15 23 / 95%) 10%,rgb(0 0 0 / 51%) 100%,rgba(68,77,125,.1082983535210959) 0);background:-moz-linear-gradient(14deg,#1e3861 0,rgba(206,220,233,.1181022750897234) 100%);background:-webkit-linear-gradient(14deg,#1e3861 0,rgba(206,220,233,.1181022750897234) 100%);background:linear-gradient(14deg,#1e3861 0,rgba(206,220,233,.1181022750897234) 100%)}div[data-service] .c-bg-i{background-size:cover;background-position:center;background-repeat:no-repeat;position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity .5s ease,transform .5s ease}div[data-service] .c-bg-i.loaded{opacity:1}div[data-service] .c-tl{display:block;margin-bottom:10px;font-size:1.2em;font-weight:700;text-align:center}div[data-service].c-h-n .c-bg{opacity:1;transform:scale(1)}div[data-service].c-h-n .c-nt{opacity:0;visibility:hidden}div[data-service] .c-n-c{display:table;height:100%;width:100%;position:relative;z-index:1;margin:0;font-size:.9em;transition:background-color .3s ease,opacity .3s ease}div[data-service] .c-n-t{display:block;font-size:.95em;position:relative;z-index:1;line-height:1.4em;color:#fff;max-width:420px;margin:0 auto;margin-bottom:20px}div[data-service] .c-n-a,div[data-service] .c-n-t{text-align:center}div[data-service] .c-t-cn{display:table-cell;vertical-align:middle;padding:0 12px;transition:opacity .3s ease,transform .3s ease,visibility .3s ease}div[data-service] .c-n-c .c-l-b,div[data-service] .c-n-c .c-la-b{display:inline-block;position:relative;padding:1em;vertical-align:middle;background:rgba(0,102,219,.84);border:none;border-radius:.25em;font-size:.85em;padding-left:2.8em;color:#fff;margin:0 auto;font-weight:700;cursor:pointer;transition:opacity .3s ease,transform .3s cubic-bezier(.25,1,.5,1),visibility .3s ease,box-shadow .3s ease,background-color .3s ease;box-shadow:rgba(0,0,0,.19) 0 4px 12px}div[data-service] .c-n-c .c-l-b::before{content:'';display:block;position:absolute;top:12px;left:1.1em;z-index:2;height:0;border-left:12px solid #fff;border-top:7.5px solid transparent;border-bottom:7.5px solid transparent}div[data-service] .c-n-c .c-la-b{margin-left:1em;padding:1em;background:rgba(225,239,255,.8);color:#0d1f34}div[data-service] .c-n-c .c-la-b:hover{background:rgba(225,239,255,.95)}div[data-service] .c-n-c .c-l-b:hover{background:rgba(9,80,161,.89)}div[data-service] .c-n-c .c-la-b:active{transition:none;background:rgba(225,239,255,.6)}div[data-service] .c-n-c .c-l-b:active{transition:none;box-shadow:0 0 0 4px rgba(24,104,250,.24)}div[data-service].c-h-n .c-t-cn{opacity:0;visibility:hidden;transform:translateY(-10px)}div[data-service] iframe{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;border:none;max-width:100%;width:100%;background:#000;display:block;visibility:hidden;opacity:0;z-index:1;transition:opacity .5s ease}div[data-service].c-h-b iframe{opacity:1;visibility:visible;transform:scale(1);transition-delay:.1s}div[data-service] .c-n-t a{color:#5fb3fb;text-decoration:none;border-bottom:1px solid #5fb3fb}div[data-service] .c-n-t a:hover{border-color:transparent}
\ No newline at end of file
diff --git a/dist/iframemanager.js b/dist/iframemanager.js
new file mode 100644
index 0000000..b7cc7bf
--- /dev/null
+++ b/dist/iframemanager.js
@@ -0,0 +1,17 @@
+/*
+ iframemanager v1.0
+ Author Orest Bida
+ Released under the MIT License
+*/
+(function(){var e={o:{},S:[],T:[],u:null,i:null,v:null,l:null,W:function(a){return{D:a.dataset.id,I:a.dataset.title,m:a.dataset.thumbnail,ba:a.dataset.params,K:a.hasAttribute("data-thumbnailpreload"),j:a,J:null,s:!1,R:!1,A:!0}},X:function(a,b){var c=this.o[a];a=c.length;if("IntersectionObserver"in window)for(var d=new IntersectionObserver(function(g){g.forEach(function(k){k.isIntersecting&&(e.O(b,c[k.target.dataset.index]),d.unobserve(k.target))})}),f=0;f<a;f++)d.observe(c[f].j);else for(f=0;f<a;f++)e.O(b,
+c[f])},acceptService:function(a){function b(f,g){e.F(g.cookie.name)||e.Z(g.cookie);e.N(f,g)}if("all"===a)for(var c=this.l.length,d=0;d<c;d++)a=this.l[d],b(a,this.v[a]);else-1<this.l.indexOf(a)&&b(a,this.v[a])},rejectService:function(a){function b(f,g){e.F(g.cookie.name)&&e.U(g.cookie);e.$(f,g)}if("all"===a){this.u=null;for(var c=this.l.length,d=0;d<c;d++)a=this.l[d],b(a,this.v[a])}else-1<this.l.indexOf(a)&&b(a,this.v[a])},O:function(a,b){function c(d){b.J.style.backgroundImage="url('"+d+"')";var f=
+new Image;f.onload=function(){b.J.classList.add("loaded")};f.src=d}"string"===typeof b.m?(b.K&&this.H(b.m),""!==b.m&&c(b.m)):"function"===typeof a?a(b.D,function(d){e.P(d);b.K&&this.H(d);c(d)}):"string"===typeof a&&(a=a.replace("{data-id}",b.D),this.P(a),b.K&&this.H(a),c(a))},B:function(a,b){if(!a.s){a.h=this.g("iframe");var c=a.ba||b.iframe&&b.iframe.params,d=b.embedUrl.replace("{data-id}",a.D);a.h.loading="lazy";a.I&&(a.h.title=a.I);b.iframe&&b.iframe.allow&&(a.h.allow=b.iframe.allow);c&&(d="ap:"===
+c.substring(0,3)?d+c.substring(3):d+("?"+c));a.h.src=encodeURI(d);a.h.onload=function(){a.j.classList.add("c-h-b");a.h.onload=void 0;b.iframe&&"function"===typeof b.iframe.onload&&b.iframe.onload(a.D,this)};a.s=!0;a.j.appendChild(a.h)}},Y:function(a){a.h.parentNode.removeChild(a.h);a.s=!1},C:function(a){a.A&&(a.j.classList.add("c-h-n"),a.A=!1)},aa:function(a){a.A||(a.j.classList.remove("c-h-n","c-h-b"),a.A=!0)},F:function(a){return(a=document.cookie.match("(^|;)\\s*"+a+"\\s*=\\s*([^;]+)"))?a.pop():
+""},Z:function(a){var b=new Date,c=a.path||"/",d=a.sameSite||"Lax",f=a.domain||location.hostname;b.setTime(b.getTime()+864E5*(a.expiration||182));a=a.name+"=1; expires="+b.toUTCString()+"; Path="+c+";";a+=" SameSite="+d+";";-1<f.indexOf(".")&&(a+=" Domain="+f+";");"https:"===location.protocol&&(a+=" Secure;");document.cookie=a},U:function(a){document.cookie=a.name+"=; Path="+(a.path||"/")+"; Domain="+(a.domain||location.hostname)+"; Expires=Thu, 01 Jan 1970 00:00:01 GMT;"},G:function(a){if("object"===
+typeof a){var b=[],c=0;for(b[c++]in a);return b}},P:function(a){a=a.split("://");var b=a[0];if(("http"==b||"https"==b)&&(a=a[1]&&a[1].split("/")[0]||!1)&&a!==location.hostname&&-1===this.S.indexOf(a)){var c=this.g("link");c.rel="preconnect";c.href=b+"://"+a;document.head.appendChild(c);this.S.push(a)}},H:function(a){if(a&&-1===this.T.indexOf(a)){var b=this.g("link");b.rel="preload";b.as="image";b.href=a;document.head.appendChild(b);this.T.push(a)}},g:function(a){return document.createElement(a)},
+L:function(a,b,c){for(var d=this.o[a],f=d.length,g=0;g<f;g++)(function(k){var h=d[k];if(!h.R){k=b.languages[e.i].loadBtn;var C=b.languages[e.i].notice,D=b.languages[e.i].loadAllBtn,p=document.createDocumentFragment(),q=e.g("div"),u=e.g("span"),v=e.g("p"),l=e.g("button"),m=e.g("button"),n=e.g("span"),w=e.g("div"),z=e.g("div"),x=e.g("div"),r=e.g("div"),t=e.g("div");l.type=m.type="button";n.className="cc-text";l.type=m.type="button";n.className="cc-text";x.className="c-bg-i";h.J=x;z.className="c-ld";
+if("string"!==typeof h.m||""!==h.m)w.className="c-bg";var A=h.I,B=document.createDocumentFragment();if(A){var y=e.g("span");y.className="c-tl";y.insertAdjacentHTML("beforeend",A);B.appendChild(y)}l.textContent=k;m.textContent=D;n.appendChild(B);q&&n.insertAdjacentHTML("beforeend",C||"");u.appendChild(n);r.className="c-t-cn";u.className="c-n-t";v.className="c-n-c";q.className="c-nt";t.className="c-n-a";l.className="c-l-b";m.className="c-la-b";t.appendChild(l);t.appendChild(m);r.appendChild(u);r.appendChild(t);
+v.appendChild(r);q.appendChild(v);l.addEventListener("click",function(){e.C(h);e.B(h,b)});m.addEventListener("click",function(){e.C(h);e.B(h,b);e.acceptService(a)});w.appendChild(x);p.appendChild(q);(b.thumbnailUrl||h.m)&&p.appendChild(w);p.appendChild(z);c&&h.j.classList.add("c-h-n");h.j.appendChild(p);h.R=!0}})(g)},N:function(a,b){var c=this.o[a];a=c.length;if("IntersectionObserver"in window){this.u=new IntersectionObserver(function(f){for(var g=0;g<f.length&&null!==e.u;++g)f[g].isIntersecting&&
+function(k){setTimeout(function(){var h=f[k].target.dataset.index;e.B(c[h],b);e.C(c[h])},50*k);e.u.unobserve(f[k].target)}(g)});for(var d=0;d<a;d++)c[d].s||this.u.observe(c[d].j)}else for(d=0;d<a;d++)(function(f){e.B(c[d],b);e.C(c[f])})(d)},$:function(a){a=this.o[a];for(var b=a.length,c=0;c<b;c++){var d=c;a[c].A||(a[c].s&&e.Y(a[c]),e.aa(a[d]))}},M:function(a,b){if(b.hasOwnProperty(a))return a;if(0<this.G(b).length)return b.hasOwnProperty(this.i)?this.i:this.G(b)[0]},V:function(){var a=navigator.language||
+navigator.browserLanguage;2<a.length&&(a=a[0]+a[1]);return a.toLowerCase()},run:function(a){var b=a.services;this.v=b;var c=this.G(b);this.l=c;var d=c.length;if(0!==d){this.i=a.currLang;var f=b[c[0]].languages;!0===a.autoLang?this.i=this.M(this.V(),f):"string"===typeof a.currLang&&(this.i=this.M(a.currLang,f));for(a=0;a<d;a++){f=c[a];this.o[f]=[];var g=document.querySelectorAll('div[data-service="'+f+'"]'),k=g.length;if(0!==k){for(var h=0;h<k;h++)g[h].dataset.index=h,this.o[f].push(this.W(g[h]));
+g=b[f];this.F(g.cookie.name)?(this.L(f,g,!0),this.N(f,g)):this.L(f,g,!1);this.X(f,g.thumbnailUrl)}}}}};window.iframemanager=function(){window.iframemanager=void 0;return e}})();
diff --git a/src/iframemanager.css b/src/iframemanager.css
new file mode 100644
index 0000000..a11c915
--- /dev/null
+++ b/src/iframemanager.css
@@ -0,0 +1,300 @@
+div[data-service] *,
+div[data-service] :before,
+div[data-service] :after{
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    float: none;
+    font-style: inherit;
+    font-variant: normal;
+    font-weight: inherit;
+    font-family: inherit;
+	line-height: 1.2;
+    font-size: 1em;
+    margin: 0;
+    padding: 0;
+    text-transform: none;
+    letter-spacing: unset;
+    color: inherit;
+    background: none;
+    border: none;
+    box-shadow: none;
+    text-decoration: none;
+    text-align: left;
+}
+
+div[data-service] .c-ld {
+	bottom: 2em;
+    right: 2.5em;
+	opacity: 0;
+	visibility: hidden;
+	transform: translateY(10px);
+	transition: opacity .3s ease, visibility .3s ease, transform .3s ease;
+}
+
+div[data-service] .c-ld,
+div[data-service] .c-ld:after{
+	position: absolute;
+    z-index: 1;
+    border-radius: 100%;
+    width: 20px;
+    height: 20px;
+}
+
+div[data-service] .c-ld::after{
+	content: '';
+	border: 4px solid white;
+    border-top: 4px solid transparent;
+	animation: spin 1s linear infinite;
+}
+
+div[data-service].c-h-n .c-ld{
+	opacity: 1;
+	visibility: visible;
+	transform: translateY(0);
+}
+  
+@keyframes spin {
+	0% { transform: rotate(0deg); }
+	100% { transform: rotate(360deg); }
+}
+
+div[data-service]{
+	display: inline-block;
+	max-width: 100%;
+	min-height: 150px;
+	min-width: 300px;
+	font-family: inherit;
+	position: relative;
+	background-color: #0b1016;
+}
+
+div[data-service] button,
+div[data-service] label,
+div[data-service] input,
+div[data-service] h1,
+div[data-service] h2,
+div[data-service] h3{
+	transition: none;
+	animation: none;
+}
+
+div[data-service]::before{
+	padding-top: 56.25%;
+	display: block;
+	content: "";
+}
+
+div[data-autoscale]{
+	height: auto;
+	width: 100%;
+}
+
+div[data-service] .c-nt{
+	color: #fff;
+	max-width: 100%;
+	height: 100%;
+	width: 100%;
+	transition: opacity .3s ease, visibility .3s ease; 
+	position: absolute;
+	top: 0;
+	left: 0;
+	bottom: 0;
+	right: 0;
+	z-index: 2;
+}
+
+div[data-service] .c-bg{
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+	opacity: .5;
+	z-index: 1;
+	transition: opacity .3s ease, visibility .3s ease, transform .3s ease;
+}
+
+div[data-service] .c-bg::before{
+	content: '';
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	z-index: 1;
+	transition: opacity .3s ease, visibility .3s ease;
+	background: rgb(30,56,97);
+    background: linear-gradient( 14deg, rgb(12 15 23 / 95%) 10%, rgb(0 0 0 / 51%) 100%, rgba(68,77,125,0.1082983535210959) 0%);
+	background: -moz-linear-gradient(14deg, rgba(30,56,97,1) 0%, rgba(206,220,233,0.1181022750897234) 100%);
+	background: -webkit-linear-gradient(14deg, rgba(30,56,97,1) 0%, rgba(206,220,233,0.1181022750897234) 100%);
+	background: linear-gradient(14deg, rgba(30,56,97,1) 0%, rgba(206,220,233,0.1181022750897234) 100%);
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1e3861",endColorstr="#cedce9",GradientType=1);
+}
+
+div[data-service] .c-bg-i{
+	background-size: cover;
+    background-position: center;
+	background-repeat: no-repeat;
+	position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+	bottom: 0;
+	opacity: 0;
+	transition: opacity .5s ease, transform .5s ease;
+}
+
+div[data-service] .c-bg-i.loaded{
+	opacity: 1;
+}
+
+div[data-service] .c-tl{
+    display: block;
+    margin-bottom: 10px;
+    font-size: 1.2em;
+    font-weight: bold;
+	text-align: center;
+}
+
+div[data-service].c-h-n .c-bg{
+	opacity: 1;
+	transform: scale(1);
+}
+
+div[data-service].c-h-n .c-nt{
+	opacity: 0;
+	visibility: hidden;
+}
+
+div[data-service] .c-n-c{
+	display: table;
+	height: 100%;
+	width: 100%;
+	position: relative;
+	z-index: 1;
+	margin: 0;
+	font-size: .9em;
+	transition: background-color .3s ease, opacity .3s ease;
+}
+
+div[data-service] .c-n-t{
+	display: block;
+	font-size: .95em;
+	position: relative;
+	z-index: 1;
+	line-height: 1.4em;
+	color: #fff;
+	max-width: 420px;
+	margin: 0 auto;
+	margin-bottom: 20px;
+}
+
+div[data-service] .c-n-t,
+div[data-service] .c-n-a{
+	text-align: center;
+}
+
+div[data-service] .c-t-cn{
+	display: table-cell;
+	vertical-align: middle;
+	padding: 0 12px;
+	transition: opacity .3s ease, transform .3s ease, visibility .3s ease;
+}
+
+div[data-service] .c-n-c .c-la-b,
+div[data-service] .c-n-c .c-l-b{
+    display: inline-block;
+    position: relative;
+    padding: 1em;
+    vertical-align: middle;
+    background: rgba(0, 102, 219, 0.84);
+    border: none;
+    border-radius: .25em;
+    font-size: .85em;
+    padding-left: 2.8em;
+    color: #ffffff;
+    margin: 0 auto;
+    font-weight: bold;
+    cursor: pointer;
+    transition: opacity .3s ease, transform .3s cubic-bezier(0.25, 1, 0.5, 1), visibility .3s ease, box-shadow .3s ease, background-color .3s ease;
+    box-shadow: rgba(0, 0, 0, 0.19) 0px 4px 12px;
+}
+/* Play icon */
+div[data-service] .c-n-c .c-l-b::before{
+	content: '';
+    display: block;
+    position: absolute;
+    top: 12px;
+    left: 1.1em;
+    z-index: 2;
+    height: 0;
+    border-left: 12px solid white;
+    border-top: 7.5px solid transparent;
+    border-bottom: 7.5px solid transparent;
+}
+
+div[data-service] .c-n-c .c-la-b{
+    margin-left: 1em;
+	padding: 1em;
+    background: rgba(225, 239, 255, .8);
+    color: #0d1f34;
+}
+
+div[data-service] .c-n-c .c-la-b:hover{
+	background: rgba(225, 239, 255, .95);
+}
+
+div[data-service] .c-n-c .c-l-b:hover{
+	background: rgba(9, 80, 161, 0.89);
+}
+
+div[data-service] .c-n-c .c-la-b:active{
+	transition: none;
+    background: rgba(225, 239, 255, .6);
+}
+
+div[data-service] .c-n-c .c-l-b:active{
+	transition: none;
+    box-shadow: 0 0 0 4px rgba(24, 104, 250, .24);
+}
+
+div[data-service].c-h-n .c-t-cn{
+	opacity: 0;
+	visibility: hidden;
+	transform: translateY(-10px);
+}
+
+div[data-service] iframe{
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    height: 100%;
+	border: none;
+	max-width: 100%;
+	width: 100%;
+	background: #000000;
+	display: block;
+	visibility: hidden;
+	opacity: 0;
+	z-index: 1;
+	transition: opacity .5s ease;
+}
+
+div[data-service].c-h-b iframe{
+	opacity: 1;
+	visibility: visible;
+	transform: scale(1);
+	transition-delay: .1s;
+}
+
+div[data-service] .c-n-t a {
+    color: #5fb3fb;
+    text-decoration: none;
+    border-bottom: 1px solid #5fb3fb;
+}
+
+div[data-service] .c-n-t a:hover{
+	border-color: transparent;
+}
\ No newline at end of file
diff --git a/src/iframemanager.js b/src/iframemanager.js
new file mode 100644
index 0000000..db79d85
--- /dev/null
+++ b/src/iframemanager.js
@@ -0,0 +1,666 @@
+/*!
+ * iframemanager v1.0
+ * Author Orest Bida
+ * Released under the MIT License
+ */
+(function(){
+    'use strict';
+
+    var module = {
+        iframes : {},
+        preconnects : [],
+        preloads: [],
+        iframeObserver : null,
+        currLang : null,
+        services : null,
+        serviceNames : null,
+        
+        _getVideoProp : function(_div){
+            return {
+                _id: _div.dataset.id,
+                _title: _div.dataset.title,
+                thumbnail: _div.dataset['thumbnail'],
+                params: _div.dataset['params'],
+                thumbnailPreload: _div.hasAttribute('data-thumbnailpreload'),
+                div: _div,
+                backgroundDiv: null,
+                hasIframe: false,
+                hasNotice: false,
+                showNotice : true
+            }
+        },
+
+        /**
+         * Lazy load all thumbnails of the iframes relative to specified service
+         * @param {String} service_name 
+         * @param {String} thumbnail_url 
+         */
+        _lazyLoadThumnails : function(service_name, thumbnail_url){
+
+            var videos = this.iframes[service_name];
+            var length = videos.length;
+
+            if ("IntersectionObserver" in window) {
+                var thumbnailObserver = new IntersectionObserver(function(entries) {
+                    entries.forEach(function(entry){
+                        if(entry.isIntersecting){
+                            // true index of the video in the array relative to current service
+                            var _index = entry.target.dataset.index;
+                            module._loadThumbnail(thumbnail_url, videos[_index]);
+                            thumbnailObserver.unobserve(entry.target);
+                        }
+                    });
+                });
+   
+                for(var i=0; i<length; i++){
+                    thumbnailObserver.observe(videos[i].div);
+                }
+            }else{
+                // Fallback for old browsers
+                for(var i=0; i<length; i++){
+                    module._loadThumbnail(thumbnail_url, videos[i]);
+                }
+            }
+        },
+
+        /**
+         * 1. Set cookie (if not alredy set)
+         * 2. show iframes (relative to the specified service)
+         * @param {String} service_name 
+         */
+        acceptService : function(service_name){
+            if(service_name === 'all'){
+                var length = this.serviceNames.length;
+                for(var i=0; i<length; i++){
+                    var service_name = this.serviceNames[i];
+                    _acceptService(service_name, this.services[service_name]);
+                }
+            }else{
+                if(this.serviceNames.indexOf(service_name) > -1){
+                    _acceptService(service_name, this.services[service_name]);
+                }
+            }
+
+            function _acceptService(service_name, service){
+                if(!module._getCookie(service['cookie']['name'])){
+                    module._setCookie(service['cookie']); 
+                }
+                module._hideAllNotices(service_name, service);
+            }
+        },
+
+        /**
+         * 1. set cookie
+         * 2. hide all notices 
+         * 3. how iframes (relative to the specified service)
+         * @param {String} service_name 
+         */
+         rejectService : function(service_name){
+            if(service_name === 'all'){
+                this.iframeObserver = null;
+                var length = this.serviceNames.length;
+                for(var i=0; i<length; i++){
+                    var service_name = this.serviceNames[i];
+                    _rejectService(service_name, this.services[service_name]);
+                }
+            }else{
+                if(this.serviceNames.indexOf(service_name) > -1){
+                    _rejectService(service_name, this.services[service_name]);
+                }
+            }
+
+            function _rejectService(service_name, service){
+                if(module._getCookie(service['cookie']['name'])){
+                    module._eraseCookie(service['cookie']);
+                }
+                module._showAllNotices(service_name, service);
+            }
+        },
+
+        /**
+         * Set image as background
+         * @param {String} url 
+         * @param {Object} video 
+         */
+        _loadThumbnail: function(url, video){
+            
+            // Set custom thumbnail if provided
+            if(typeof video.thumbnail === 'string'){
+                video.thumbnailPreload && this._thumbnailPreload(video.thumbnail);
+                video.thumbnail !== "" && _loadBackgroundImage(video.thumbnail);
+            }else{
+
+                if(typeof url === "function"){
+                    
+                    url(video._id, function(src){
+                        module._preconnect(src);
+                        video.thumbnailPreload && this._thumbnailPreload(src);
+                        _loadBackgroundImage(src);
+                    });
+
+                }else if(typeof url === "string"){
+                    var src = url.replace('{data-id}', video._id);
+                    this._preconnect(src);
+                    video.thumbnailPreload && this._thumbnailPreload(src);
+                    _loadBackgroundImage(src);
+                }
+            }
+
+            function _loadBackgroundImage(src){
+                video.backgroundDiv.style.backgroundImage = "url('"+src+"')";
+
+                var img = new Image();
+                img.onload = function(){
+                    video.backgroundDiv.classList.add('loaded'); 
+                }
+                
+                img.src = src;
+            }
+        },
+
+        /**
+         * Create iframe and append it into the specified div
+         * @param {Object} video 
+         * @param {Object} service 
+         */
+        _createIframe: function(video, service) {
+
+            // Create iframe only if doesn't alredy have one
+            if(video.hasIframe) return;
+
+            video.iframe = this._createNode('iframe');
+            var iframeParams = video.params || (service['iframe'] && service['iframe']['params']);
+            
+            // Replace data-id with valid resource id
+            var src = service['embedUrl'].replace('{data-id}', video._id);
+
+            video.iframe['loading'] = 'lazy';
+            video._title && (video.iframe.title = video._title);
+
+            // Add allow attribute to iframe
+            if(service['iframe'] && service['iframe']['allow']){
+                video.iframe.allow = service['iframe']['allow'];
+            }
+
+            // Add parameters to src
+            if(iframeParams){
+                if (iframeParams.substring(0, 3) === "ap:"){
+                    src += iframeParams.substring(3);
+                }else{
+                    src += "?" + iframeParams
+                }
+            }
+
+            video.iframe.src = encodeURI(src);
+
+            // When iframe is loaded => hide background image
+            video.iframe.onload = function(){
+                video.div.classList.add('c-h-b');
+                video.iframe.onload = undefined;
+                service['iframe'] && typeof service['iframe']['onload'] === 'function' && service['iframe']['onload'](video._id, this);
+            }
+
+            video.hasIframe = true;
+            video.div.appendChild(video.iframe);          
+        },
+
+        /**
+         * Remove iframe HTMLElement from div
+         * @param {Object} video 
+         */
+        _removeIframe: function(video){
+            video.iframe.parentNode.removeChild(video.iframe);
+            video.hasIframe = false;
+        },
+
+        /**
+         * Remove necessary classes to hide notice
+         * @param {Object} video 
+         */
+        _hideNotice : function(video){
+            if(video.showNotice){
+                video.div.classList.add('c-h-n');
+                video.showNotice = false;
+            }
+        },
+
+        /**
+         * Add necessary classes to show notice
+         * @param {Object} video 
+         */
+        _showNotice : function(video){
+            if(!video.showNotice){
+                video.div.classList.remove('c-h-n', 'c-h-b');
+                video.showNotice = true;
+            }
+        },
+
+        /**
+         * Get cookie by name
+         * @param {String} a cookie name
+         * @returns {String} cookie value
+         */
+        _getCookie : function(a) {
+            return (a = document.cookie.match("(^|;)\\s*" + a + "\\s*=\\s*([^;]+)")) ? a.pop() : "";
+        },
+
+        /**
+         * Set cookie based on given object
+         * @param {Object} cookie 
+         */
+        _setCookie : function(cookie) {
+
+            var date = new Date();
+            var path = cookie['path'] || "/";
+            var expiration = cookie['expiration'] || 182;
+            var sameSite = cookie['sameSite'] || "Lax";
+            var domain = cookie['domain'] || location.hostname;
+            
+            date.setTime(date.getTime() + (1000 * ( expiration * 24 * 60 * 60)));
+            var expires = " expires=" + date.toUTCString();
+
+            var cookieStr = cookie.name + "=1;" + expires + "; Path=" + path + ";";
+            cookieStr += " SameSite=" + sameSite + ";";
+
+            // assures cookie works with localhost (=> don't specify domain if on localhost)
+            if(domain.indexOf(".") > -1){
+                cookieStr += " Domain=" + domain + ";";
+            }
+
+            if(location.protocol === "https:") {
+                cookieStr += " Secure;";
+            }
+
+            document.cookie = cookieStr;
+        },
+
+        /**
+         * Delete cookie by name & path
+         * @param {Array} cookies 
+         * @param {String} custom_path
+         */
+         _eraseCookie : function(cookie) {
+            var path = cookie['path'] || "/";
+            var domain = cookie['domain'] || location.hostname;
+            var expires = 'Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
+
+            document.cookie = cookie['name'] +'=; Path='+ path +'; Domain=' + domain + '; ' + expires;
+        },
+
+        /**
+         * Get all prop. keys defined inside object
+         * @param {Object} obj 
+         */
+        _getKeys : function(obj){
+            if(typeof obj === "object"){
+                var keys = [], i = 0;
+                for (keys[i++] in obj) {};
+                return keys;
+            }
+        },
+
+        /**
+         * Add link rel="preconnect"
+         * @param {String} url 
+         */
+        _preconnect: function(url){
+            var url = url.split("://");
+            var protocol = url[0];
+            
+            // if valid protocol
+            if(
+                protocol == 'http' || 
+                protocol == 'https'
+            ){
+                var domain = (url[1] && url[1].split("/")[0]) || false;
+                
+                // if not current domain
+                if(domain && domain !== location.hostname){
+                    if(this.preconnects.indexOf(domain) === -1){
+                        var l = this._createNode('link');
+                        l.rel = 'preconnect';
+                        l.href = protocol + "://" + domain;
+                        document.head.appendChild(l);
+                        this.preconnects.push(domain);
+                    }
+                }
+            }
+        },
+
+        /**
+         * Add link rel="preload"
+         * @param {String} url 
+         */
+        _thumbnailPreload : function(url){
+            if(url && this.preloads.indexOf(url) === -1){
+                var l = this._createNode('link');
+                l.rel = 'preload';
+                l.as = 'image';
+                l.href = url;
+                document.head.appendChild(l);
+                this.preloads.push(url);
+            }
+        },
+
+        /**
+         * Create and return HTMLElement based on specified type
+         * @param {String} type 
+         * @returns {HTMLElement}
+         */
+        _createNode : function(type){
+            return document.createElement(type);
+        },
+
+        /**
+         * Create all notices relative to the specified service
+         * @param {String} service_name 
+         * @param {Object} service 
+         * @param {Boolean} hidden 
+         */
+        _createAllNotices : function(service_name, service, hidden){
+
+            // get number of iframes of current service
+            var iframes = this.iframes[service_name];
+            var n_iframes = iframes.length;
+            
+            // for each iframe
+            for(var i=0; i<n_iframes; i++){
+                (function(i){
+
+                    var video = iframes[i];
+
+                    if(!video.hasNotice){
+
+                        var loadBtnText = service['languages'][module.currLang]['loadBtn'];
+                        var noticeText = service['languages'][module.currLang]['notice'];
+                        var loadAllBtnText = service['languages'][module.currLang]['loadAllBtn'];
+
+                        var fragment = document.createDocumentFragment();
+                        var notice = module._createNode('div');
+                        var span = module._createNode('span');
+                        var innerDiv = module._createNode('p');
+                        var load_button = module._createNode('button');
+                        var load_all_button = module._createNode('button');
+            
+                        var notice_text = module._createNode('span');
+                        var ytVideoBackground = module._createNode('div');
+                        var loaderBg = module._createNode('div');
+                        var ytVideoBackgroundInner = module._createNode('div');
+                        var notice_text_container = module._createNode('div');
+                        var buttons = module._createNode('div');
+                        
+                        load_button.type = load_all_button.type = 'button';
+                        notice_text.className = 'cc-text';
+                        load_button.type = load_all_button.type = 'button';
+                        notice_text.className = 'cc-text';
+                        
+                        ytVideoBackgroundInner.className = 'c-bg-i';
+                        video.backgroundDiv = ytVideoBackgroundInner;
+                        loaderBg.className = 'c-ld';
+
+                        if(typeof video.thumbnail !== 'string' || video.thumbnail !== ""){
+                            ytVideoBackground.className = 'c-bg';
+                        }
+                     
+
+                        var iframeTitle = video._title;
+                        var fragment_2 = document.createDocumentFragment();
+        
+                        if(iframeTitle) {
+                            var title_span = module._createNode('span');
+                            title_span.className = 'c-tl';
+                            title_span.insertAdjacentHTML('beforeend', iframeTitle);
+                            fragment_2.appendChild(title_span);
+                        }
+                        
+                        load_button.textContent = loadBtnText;
+                        load_all_button.textContent = loadAllBtnText;
+
+                        notice_text.appendChild(fragment_2);
+                        notice && notice_text.insertAdjacentHTML('beforeend', noticeText || "");
+                        span.appendChild(notice_text);
+
+                      
+                        notice_text_container.className = 'c-t-cn';
+                        span.className = 'c-n-t';
+                        innerDiv.className = 'c-n-c';
+                        notice.className = 'c-nt';
+                        
+                        buttons.className =  'c-n-a';
+                        load_button.className = 'c-l-b';
+                        load_all_button.className = 'c-la-b';
+
+                        buttons.appendChild(load_button);
+                        buttons.appendChild(load_all_button);
+           
+                        notice_text_container.appendChild(span);
+                        notice_text_container.appendChild(buttons);
+            
+                        innerDiv.appendChild(notice_text_container);
+                        notice.appendChild(innerDiv);
+
+                        function showVideo(){
+                            module._hideNotice(video);
+                            module._createIframe(video, service);
+                        }
+                        
+                        load_button.addEventListener('click', function(){
+                            showVideo();
+                        });
+
+                        load_all_button.addEventListener('click', function(){
+                            showVideo();
+                            module.acceptService(service_name);
+                        });
+            
+                        ytVideoBackground.appendChild(ytVideoBackgroundInner);
+                        fragment.appendChild(notice);
+                        (service['thumbnailUrl'] || video.thumbnail) && fragment.appendChild(ytVideoBackground);
+                        fragment.appendChild(loaderBg);
+
+                        hidden && video.div.classList.add('c-h-n');
+
+                        // Avoid reflow with fragment (only 1 appendChild)
+                        video.div.appendChild(fragment);
+                        video.hasNotice = true;
+                    }
+                })(i);
+            }
+        },
+
+        /**
+         * Hides all notices relative to the specified service
+         * and creates iframe with the video
+         * @param {String} service_name 
+         * @param {Object} service 
+         */
+        _hideAllNotices : function(service_name, service){
+
+            // get number of iframes of current service
+            var videos = this.iframes[service_name];
+            var n_iframes = videos.length;
+
+            if ("IntersectionObserver" in window) {
+                this.iframeObserver = new IntersectionObserver(function(entries) {
+                    for(var i=0; i<entries.length; ++i){
+                        if(module.iframeObserver === null){
+                            return;
+                        }
+                        if(entries[i].isIntersecting){
+                            (function(_index){    
+                                setTimeout(function(){
+                                    var index = entries[_index].target.dataset.index;
+                                    module._createIframe(videos[index], service);
+                                    module._hideNotice(videos[index]);
+                                }, _index*50);
+                                module.iframeObserver.unobserve(entries[_index].target);
+                            })(i);
+                        }
+                    }
+                });
+   
+                for(var i=0; i<n_iframes; i++){
+                    if(!videos[i].hasIframe){
+                        this.iframeObserver.observe(videos[i].div);
+                    }
+                }
+            }else{
+                for(var i=0; i<n_iframes; i++){
+                    (function(index){
+                        module._createIframe(videos[i], service);
+                        module._hideNotice(videos[index])
+                    })(i);
+                }
+            }
+        },
+
+
+        /**
+         * Show all notices relative to the specified service
+         * and hides iframe with the video
+         * @param {String} service_name 
+         * @param {Object} service 
+         */
+        _showAllNotices : function(service_name, service){
+
+            // get number of iframes of current service
+            var videos = this.iframes[service_name];
+            var n_iframes = videos.length;
+
+            for(var i=0; i<n_iframes; i++){
+                (function(index){
+                    // if doesn't have iframe => create it
+                    if(!videos[i].showNotice){
+                        if(videos[i].hasIframe){
+                            module._removeIframe(videos[i]);
+                        }
+                        module._showNotice(videos[index]);
+                    }
+                })(i);
+            }
+        },
+
+        /**
+         * Validate language (make sure it exists)
+         * @param {String} lang 
+         * @param {Object} all_languages 
+         * @returns {String} language
+         */
+        _getValidatedLanguage : function(lang, all_languages){
+            if(all_languages.hasOwnProperty(lang)){
+                return lang;
+            }else if(this._getKeys(all_languages).length > 0){
+                if(all_languages.hasOwnProperty(this.currLang)){
+                    return this.currLang ;
+                }else{
+                    return this._getKeys(all_languages)[0];
+                }
+            }
+        },
+
+        /**
+         * Get current client's browser language
+         * @returns {String} browser language
+         */
+        _getBrowserLang : function(){
+            var browser_lang = navigator.language || navigator.browserLanguage;
+            browser_lang.length > 2 && (browser_lang = browser_lang[0]+browser_lang[1]);
+            return browser_lang.toLowerCase()
+        },
+
+        run : function(_config) {
+            /**
+             * Object with all services config.
+             */
+            var services = _config['services'];
+            this.services = services;
+
+            /**
+             * Array containing the names of all services
+             */
+            var service_names = this._getKeys(services);
+            this.serviceNames = service_names;
+
+            /**
+             * Number of services
+             */
+            var n_services = service_names.length;
+
+            // if there are no services => don't do anything
+            if(n_services === 0){
+                return;
+            }
+
+            // Set curr lang
+            this.currLang = _config['currLang'];
+            var languages = services[service_names[0]]['languages'];
+
+            if(_config['autoLang'] === true){
+                this.currLang = this._getValidatedLanguage(this._getBrowserLang(), languages);
+            }else{
+                if(typeof _config['currLang'] === "string"){
+                    this.currLang = this._getValidatedLanguage(_config['currLang'], languages);
+                }
+            }
+
+            // for each service
+            for(var i=0; i<n_services; i++){
+
+                /**
+                 * Name of current service
+                 */
+                var service_name = service_names[i];
+
+                // add new empty array of videos (with current service name as property)
+                this.iframes[service_name] = [];
+
+                /**
+                 * iframes/divs in the dom that have data-service value as current service name
+                 */
+                var found_iframes = document.querySelectorAll('div[data-service="' + service_name + '"]');
+                
+                /**
+                 * number of iframes with current service
+                 */
+                var n_iframes = found_iframes.length;
+
+                // if no iframes found => go to next service
+                if(n_iframes === 0){
+                    continue;
+                }
+
+                // add each iframe to array of iframes of the current service
+                for(var j=0; j<n_iframes; j++){
+                    found_iframes[j].dataset.index = j;
+                    this.iframes[service_name].push(this._getVideoProp(found_iframes[j]));
+                }
+
+                var curr_service = services[service_name];
+
+                // check if cookie for current service is set
+                var cookie_name = curr_service['cookie']['name'];
+
+                // get current service's cookie value
+                var cookie = this._getCookie(cookie_name);
+    
+                // if cookie is not set => show notice
+                if(cookie){
+                    this._createAllNotices(service_name, curr_service, true);
+                    this._hideAllNotices(service_name, curr_service); 
+                }else{
+                    this._createAllNotices(service_name, curr_service, false);
+                }
+
+                this._lazyLoadThumnails(service_name, curr_service['thumbnailUrl']);
+            }
+        }
+    };
+
+    var fn_name = 'iframemanager';
+
+    window[fn_name] = function(){
+        window[fn_name] = undefined;
+        return module;
+    };
+    
+})();
\ No newline at end of file
