(function() {
    'use strict';
    let type_formation;
    let reviewModal = document.querySelector('#review-user');
    let bodyTag = document.querySelector('body');

    function init(){
        if(reviewModal) {
            renderStars("knowledge_user_review");
            renderStars("duration_user_review");

            let formation = document.querySelector("[data-type_formation]");
            if(formation) {
                type_formation = formation.getAttribute("data-type_formation");
            }

            if(type_formation === "one_page") {
                setTimeout(openModalReview, 120000); //2min
            }else if(type_formation === "default") {
                setTimeout(openModalReview, 5000); //5sec
            }else if(type_formation === "streaming") {
                let iframe = document.querySelector('.vimeo iframe');
                if(iframe) {
                    const player = new Vimeo.Player(iframe);
                    player.on('timeupdate', function(data) {
                        const progress = data.percent;
                        if (progress >= 0.9) {
                            openModalReview();
                            player.off('timeupdate');
                        }
                    });
                }
            }

            insertData();
        }
    }

    function renderStars(pSelector) {
        let container = reviewModal.querySelector('#'+pSelector);
        if(container) {
            for (let i = 1; i <= 5; i++) {
                const star = document.createElement('span');
                star.classList.add('star', 'selected');
                star.setAttribute('data-value', i)
                container.appendChild(star);
            }

            updateStars(container, pSelector);
        }
    }

    function updateStars(container, pSelector){
        const stars = container.querySelectorAll('.star');
        let hiddenInput = document.querySelector('input[type="hidden"][name="'+pSelector+'"]');
        stars.forEach(star => {
            const value = star.dataset.value;

            star.addEventListener('click', () => {
                hiddenInput.value = value;
                container.dataset.rating = value;
                stars.forEach(s => {
                    s.classList.toggle('selected', s.dataset.value <= value);
                });
            });

            star.addEventListener('mouseenter', () => {
                stars.forEach(s => {
                    const v = s.dataset.value;
                    s.classList.toggle('hovered', v <= value);
                });
            });

            star.addEventListener('mouseleave', () => {
                stars.forEach(s => s.classList.remove('hovered'));
            });
        });
    }

    function insertData(){
        const urlParams = new URLSearchParams(window.location.search);
        reviewModal.addEventListener("submit", function(event) {
            event.preventDefault();
            let formData = new FormData(this);
            let url = 'review-user';
            if (urlParams.get('t')) {
                url += "?t=" + urlParams.get('t');
            }

            if (typeof pa !== 'undefined' && typeof pa.sendEvent === 'function') {
                let inputDuration = document.querySelector('input[type="hidden"][name="duration_user_review"]');
                let inputKnowledge = document.querySelector('input[type="hidden"][name="knowledge_user_review"]');
                const inputRecommendation = document.querySelector('input[name="recommendation_user_review"]:checked').value;
                const eventData = {
                    'click': 'Valider',
                    'click_chapter1': 'Notation',
                    'training_reco': inputRecommendation === "1" ? 'Oui' : 'Non'
                };
                if (inputKnowledge) {
                    eventData['grade_knowledge'] = parseInt(inputKnowledge.value);
                }
                if (inputDuration) {
                    eventData['grade_duration'] = parseInt(inputDuration.value);
                }
                pa.sendEvent('click.action', eventData);
            }

            fetch(url, {
                headers: {
                    "x-requested-with": "XMLHttpRequest"
                },
                method: 'POST',
                body: formData
            })
                .then(response => response.text())
                .then(data => {
                    if (data === "Erreur lors de l'insertion en base de données.") {
                        console.error(data)
                    } else {
                        document.querySelector('#review-user .stage-1').style.display = 'none';
                        document.querySelector('#review-user .stage-2').style.display = 'block';
                    }
                })
                .catch(error => {
                    console.error('Erreur:', error);
                });
        });
    }

    function openModalReview() {
        reviewModal.style.display = "block";
        bodyTag.style.overflow = "hidden";
        reviewModal.querySelector('.close-modal').addEventListener('click', closeModalReview)
    }

    function closeModalReview() {
        reviewModal.style.display = "none";
        bodyTag.style.overflow = "unset";
        setTimeout(openModalReview, 300000); //5min
    }

    window.addEventListener('DOMContentLoaded', init);
})();

/*! @vimeo/player v2.24.0 | (c) 2024 Vimeo | MIT License | https://github.com/vimeo/player.js */
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):((e="undefined"!=typeof globalThis?globalThis:e||self).Vimeo=e.Vimeo||{},e.Vimeo.Player=t())}(this,function(){"use strict";function r(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function u(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?r(Object(n),!0).forEach(function(e){s(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):r(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function j(){j=function(){return a};var a={},e=Object.prototype,s=e.hasOwnProperty,f=Object.defineProperty||function(e,t,n){e[t]=n.value},t="function"==typeof Symbol?Symbol:{},o=t.iterator||"@@iterator",n=t.asyncIterator||"@@asyncIterator",r=t.toStringTag||"@@toStringTag";function i(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{i({},"")}catch(e){i=function(e,t,n){return e[t]=n}}function u(e,t,n,r){var i,a,u,c,o=t&&t.prototype instanceof p?t:p,l=Object.create(o.prototype),s=new x(r||[]);return f(l,"_invoke",{value:(i=e,a=n,u=s,c="suspendedStart",function(e,t){if("executing"===c)throw new Error("Generator is already running");if("completed"===c){if("throw"===e)throw t;return T()}for(u.method=e,u.arg=t;;){var n=u.delegate;if(n){var r=function e(t,n){var r=n.method,o=t.iterator[r];if(void 0===o)return n.delegate=null,"throw"===r&&t.iterator.return&&(n.method="return",n.arg=void 0,e(t,n),"throw"===n.method)||"return"!==r&&(n.method="throw",n.arg=new TypeError("The iterator does not provide a '"+r+"' method")),h;var i=d(o,t.iterator,n.arg);if("throw"===i.type)return n.method="throw",n.arg=i.arg,n.delegate=null,h;var a=i.arg;return a?a.done?(n[t.resultName]=a.value,n.next=t.nextLoc,"return"!==n.method&&(n.method="next",n.arg=void 0),n.delegate=null,h):a:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,h)}(n,u);if(r){if(r===h)continue;return r}}if("next"===u.method)u.sent=u._sent=u.arg;else if("throw"===u.method){if("suspendedStart"===c)throw c="completed",u.arg;u.dispatchException(u.arg)}else"return"===u.method&&u.abrupt("return",u.arg);c="executing";var o=d(i,a,u);if("normal"===o.type){if(c=u.done?"completed":"suspendedYield",o.arg===h)continue;return{value:o.arg,done:u.done}}"throw"===o.type&&(c="completed",u.method="throw",u.arg=o.arg)}})}),l}function d(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}a.wrap=u;var h={};function p(){}function c(){}function l(){}var v={};i(v,o,function(){return this});var y=Object.getPrototypeOf,m=y&&y(y(P([])));m&&m!==e&&s.call(m,o)&&(v=m);var g=l.prototype=p.prototype=Object.create(v);function w(e){["next","throw","return"].forEach(function(t){i(e,t,function(e){return this._invoke(t,e)})})}function b(c,l){var t;f(this,"_invoke",{value:function(n,r){function e(){return new l(function(e,t){!function t(e,n,r,o){var i=d(c[e],c,n);if("throw"!==i.type){var a=i.arg,u=a.value;return u&&"object"==typeof u&&s.call(u,"__await")?l.resolve(u.__await).then(function(e){t("next",e,r,o)},function(e){t("throw",e,r,o)}):l.resolve(u).then(function(e){a.value=e,r(a)},function(e){return t("throw",e,r,o)})}o(i.arg)}(n,r,e,t)})}return t=t?t.then(e,e):e()}})}function k(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function E(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function x(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(k,this),this.reset(!0)}function P(t){if(t){var e=t[o];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var n=-1,r=function e(){for(;++n<t.length;)if(s.call(t,n))return e.value=t[n],e.done=!1,e;return e.value=void 0,e.done=!0,e};return r.next=r}}return{next:T}}function T(){return{value:void 0,done:!0}}return f(g,"constructor",{value:c.prototype=l,configurable:!0}),f(l,"constructor",{value:c,configurable:!0}),c.displayName=i(l,r,"GeneratorFunction"),a.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===c||"GeneratorFunction"===(t.displayName||t.name))},a.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,l):(e.__proto__=l,i(e,r,"GeneratorFunction")),e.prototype=Object.create(g),e},a.awrap=function(e){return{__await:e}},w(b.prototype),i(b.prototype,n,function(){return this}),a.AsyncIterator=b,a.async=function(e,t,n,r,o){void 0===o&&(o=Promise);var i=new b(u(e,t,n,r),o);return a.isGeneratorFunction(t)?i:i.next().then(function(e){return e.done?e.value:i.next()})},w(g),i(g,r,"Generator"),i(g,o,function(){return this}),i(g,"toString",function(){return"[object Generator]"}),a.keys=function(e){var n=Object(e),r=[];for(var t in n)r.push(t);return r.reverse(),function e(){for(;r.length;){var t=r.pop();if(t in n)return e.value=t,e.done=!1,e}return e.done=!0,e}},a.values=P,x.prototype={constructor:x,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(E),!e)for(var t in this)"t"===t.charAt(0)&&s.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=void 0)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(n){if(this.done)throw n;var r=this;function e(e,t){return i.type="throw",i.arg=n,r.next=e,t&&(r.method="next",r.arg=void 0),!!t}for(var t=this.tryEntries.length-1;0<=t;--t){var o=this.tryEntries[t],i=o.completion;if("root"===o.tryLoc)return e("end");if(o.tryLoc<=this.prev){var a=s.call(o,"catchLoc"),u=s.call(o,"finallyLoc");if(a&&u){if(this.prev<o.catchLoc)return e(o.catchLoc,!0);if(this.prev<o.finallyLoc)return e(o.finallyLoc)}else if(a){if(this.prev<o.catchLoc)return e(o.catchLoc,!0)}else{if(!u)throw new Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return e(o.finallyLoc)}}}},abrupt:function(e,t){for(var n=this.tryEntries.length-1;0<=n;--n){var r=this.tryEntries[n];if(r.tryLoc<=this.prev&&s.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var o=r;break}}o&&("break"===e||"continue"===e)&&o.tryLoc<=t&&t<=o.finallyLoc&&(o=null);var i=o?o.completion:{};return i.type=e,i.arg=t,o?(this.method="next",this.next=o.finallyLoc,h):this.complete(i)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),h},finish:function(e){for(var t=this.tryEntries.length-1;0<=t;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),E(n),h}},catch:function(e){for(var t=this.tryEntries.length-1;0<=t;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r,o=n.completion;return"throw"===o.type&&(r=o.arg,E(n)),r}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,n){return this.delegate={iterator:P(e),resultName:t,nextLoc:n},"next"===this.method&&(this.arg=void 0),h}},a}function c(e,t,n,r,o,i,a){try{var u=e[i](a),c=u.value}catch(e){return void n(e)}u.done?t(c):Promise.resolve(c).then(r,o)}function h(u){return function(){var e=this,a=arguments;return new Promise(function(t,n){var r=u.apply(e,a);function o(e){c(r,t,n,o,i,"next",e)}function i(e){c(r,t,n,o,i,"throw",e)}o(void 0)})}}function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,y(r.key),r)}}function e(e,t,n){return t&&o(e.prototype,t),n&&o(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function s(e,t,n){return(t=y(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(e){return(i=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function f(e,t){return(f=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e})(e,t)}function a(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(e){return!1}}function d(e,t,n){return(d=a()?Reflect.construct.bind():function(e,t,n){var r=[null];r.push.apply(r,t);var o=new(Function.bind.apply(e,r));return n&&f(o,n.prototype),o}).apply(null,arguments)}function t(e){var r="function"==typeof Map?new Map:void 0;return(t=function(e){if(null===e||(t=e,-1===Function.toString.call(t).indexOf("[native code]")))return e;var t;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==r){if(r.has(e))return r.get(e);r.set(e,n)}function n(){return d(e,arguments,i(this).constructor)}return n.prototype=Object.create(e.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),f(n,e)})(e)}function p(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function v(n){var r=a();return function(){var e,t=i(n);return function(e,t){if(t&&("object"==typeof t||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return p(e)}(this,r?(e=i(this).constructor,Reflect.construct(t,arguments,e)):t.apply(this,arguments))}}function y(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0===n)return("string"===t?String:Number)(e);var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}(e,"string");return"symbol"==typeof t?t:String(t)}var n="undefined"!=typeof global&&"[object global]"==={}.toString.call(global);function m(e,t){return 0===e.indexOf(t.toLowerCase())?e:"".concat(t.toLowerCase()).concat(e.substr(0,1).toUpperCase()).concat(e.substr(1))}function g(e){return/^(https?:)?\/\/((((player|www)\.)?vimeo\.com)|((player\.)?[a-zA-Z0-9-]+\.(videoji\.(hk|cn)|vimeo\.work)))(?=$|\/)/.test(e)}function w(e){return/^https:\/\/player\.((vimeo\.com)|([a-zA-Z0-9-]+\.(videoji\.(hk|cn)|vimeo\.work)))\/video\/\d+/.test(e)}function b(e){var t,n=0<arguments.length&&void 0!==e?e:{},r=n.id,o=n.url,i=r||o;if(!i)throw new Error("An id or url must be passed, either in an options object or as a data-vimeo-id or data-vimeo-url attribute.");if(t=i,!isNaN(parseFloat(t))&&isFinite(t)&&Math.floor(t)==t)return"https://vimeo.com/".concat(i);if(g(i))return i.replace("http:","https:");if(r)throw new TypeError("“".concat(r,"” is not a valid video id."));throw new TypeError("“".concat(i,"” is not a vimeo.com url."))}function k(t,e,n,r,o){var i=3<arguments.length&&void 0!==r?r:"addEventListener",a=4<arguments.length&&void 0!==o?o:"removeEventListener",u="string"==typeof e?[e]:e;return u.forEach(function(e){t[i](e,n)}),{cancel:function(){return u.forEach(function(e){return t[a](e,n)})}}}var E=void 0!==Array.prototype.indexOf,x="undefined"!=typeof window&&void 0!==window.postMessage;if(!(n||E&&x))throw new Error("Sorry, the Vimeo Player API is not available in this browser.");var P,T,_,O,M="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function S(){if(void 0===this)throw new TypeError("Constructor WeakMap requires 'new'");if(O(this,"_id","_WeakMap_"+N()+"."+N()),0<arguments.length)throw new TypeError("WeakMap iterable is not supported")}function C(e,t){if(!F(e)||!T.call(e,"_id"))throw new TypeError(t+" method called on incompatible receiver "+typeof e)}function N(){return Math.random().toString().substring(2)}function F(e){return Object(e)===e}(P="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:"undefined"!=typeof window?window:M).WeakMap||(T=Object.prototype.hasOwnProperty,_=Object.defineProperty&&function(){try{return 1===Object.defineProperty({},"x",{value:1}).x}catch(e){}}(),O=function(e,t,n){_?Object.defineProperty(e,t,{configurable:!0,writable:!0,value:n}):e[t]=n},P.WeakMap=(O(S.prototype,"delete",function(e){if(C(this,"delete"),!F(e))return!1;var t=e[this._id];return!(!t||t[0]!==e)&&(delete e[this._id],!0)}),O(S.prototype,"get",function(e){if(C(this,"get"),F(e)){var t=e[this._id];return t&&t[0]===e?t[1]:void 0}}),O(S.prototype,"has",function(e){if(C(this,"has"),!F(e))return!1;var t=e[this._id];return!(!t||t[0]!==e)}),O(S.prototype,"set",function(e,t){if(C(this,"set"),!F(e))throw new TypeError("Invalid value used as weak map key");var n=e[this._id];return n&&n[0]===e?n[1]=t:O(e,this._id,[e,t]),this}),O(S,"_polyfill",!0),S));var L,A=(function(e){var t,n,r;r=function(){var t,n,r,o,i,a,e=Object.prototype.toString,u="undefined"!=typeof setImmediate?function(e){return setImmediate(e)}:setTimeout;try{Object.defineProperty({},"x",{}),t=function(e,t,n,r){return Object.defineProperty(e,t,{value:n,writable:!0,configurable:!1!==r})}}catch(e){t=function(e,t,n){return e[t]=n,e}}function c(e,t){this.fn=e,this.self=t,this.next=void 0}function l(e,t){r.add(e,t),n=n||u(r.drain)}function s(e){var t,n=typeof e;return null==e||"object"!=n&&"function"!=n||(t=e.then),"function"==typeof t&&t}function f(){for(var e=0;e<this.chain.length;e++)!function(e,t,n){var r,o;try{!1===t?n.reject(e.msg):(r=!0===t?e.msg:t.call(void 0,e.msg))===n.promise?n.reject(TypeError("Promise-chain cycle")):(o=s(r))?o.call(r,n.resolve,n.reject):n.resolve(r)}catch(e){n.reject(e)}}(this,1===this.state?this.chain[e].success:this.chain[e].failure,this.chain[e]);this.chain.length=0}function d(e){var n,r=this;if(!r.triggered){r.triggered=!0,r.def&&(r=r.def);try{(n=s(e))?l(function(){var t=new v(r);try{n.call(e,function(){d.apply(t,arguments)},function(){h.apply(t,arguments)})}catch(e){h.call(t,e)}}):(r.msg=e,r.state=1,0<r.chain.length&&l(f,r))}catch(e){h.call(new v(r),e)}}}function h(e){var t=this;t.triggered||(t.triggered=!0,t.def&&(t=t.def),t.msg=e,t.state=2,0<t.chain.length&&l(f,t))}function p(e,n,r,o){for(var t=0;t<n.length;t++)!function(t){e.resolve(n[t]).then(function(e){r(t,e)},o)}(t)}function v(e){this.def=e,this.triggered=!1}function y(e){this.promise=e,this.state=0,this.triggered=!1,this.chain=[],this.msg=void 0}function m(e){if("function"!=typeof e)throw TypeError("Not a function");if(0!==this.__NPO__)throw TypeError("Not a promise");this.__NPO__=1;var r=new y(this);this.then=function(e,t){var n={success:"function"!=typeof e||e,failure:"function"==typeof t&&t};return n.promise=new this.constructor(function(e,t){if("function"!=typeof e||"function"!=typeof t)throw TypeError("Not a function");n.resolve=e,n.reject=t}),r.chain.push(n),0!==r.state&&l(f,r),n.promise},this.catch=function(e){return this.then(void 0,e)};try{e.call(void 0,function(e){d.call(r,e)},function(e){h.call(r,e)})}catch(e){h.call(r,e)}}var g=t({},"constructor",m,!(r={add:function(e,t){a=new c(e,t),i?i.next=a:o=a,i=a,a=void 0},drain:function(){var e=o;for(o=i=n=void 0;e;)e.fn.call(e.self),e=e.next}}));return t(m.prototype=g,"__NPO__",0,!1),t(m,"resolve",function(n){return n&&"object"==typeof n&&1===n.__NPO__?n:new this(function(e,t){if("function"!=typeof e||"function"!=typeof t)throw TypeError("Not a function");e(n)})}),t(m,"reject",function(n){return new this(function(e,t){if("function"!=typeof e||"function"!=typeof t)throw TypeError("Not a function");t(n)})}),t(m,"all",function(t){var a=this;return"[object Array]"!=e.call(t)?a.reject(TypeError("Not an array")):0===t.length?a.resolve([]):new a(function(n,e){if("function"!=typeof n||"function"!=typeof e)throw TypeError("Not a function");var r=t.length,o=Array(r),i=0;p(a,t,function(e,t){o[e]=t,++i===r&&n(o)},e)})}),t(m,"race",function(t){var r=this;return"[object Array]"!=e.call(t)?r.reject(TypeError("Not an array")):new r(function(n,e){if("function"!=typeof n||"function"!=typeof e)throw TypeError("Not a function");p(r,t,function(e,t){n(t)},e)})}),m},(n=M)[t="Promise"]=n[t]||r(),e.exports&&(e.exports=n[t])}(L={exports:{}}),L.exports),R=new WeakMap;function q(e,t,n){var r=R.get(e.element)||{};t in r||(r[t]=[]),r[t].push(n),R.set(e.element,r)}function I(e,t){return(R.get(e.element)||{})[t]||[]}function V(e,t,n){var r=R.get(e.element)||{};if(!r[t])return!0;if(!n)return r[t]=[],R.set(e.element,r),!0;var o=r[t].indexOf(n);return-1!==o&&r[t].splice(o,1),R.set(e.element,r),r[t]&&0===r[t].length}function D(e){if("string"==typeof e)try{e=JSON.parse(e)}catch(e){return console.warn(e),{}}return e}function W(e,t,n){var r,o;e.element.contentWindow&&e.element.contentWindow.postMessage&&(r={method:t},void 0!==n&&(r.value=n),8<=(o=parseFloat(navigator.userAgent.toLowerCase().replace(/^.*msie (\d+).*$/,"$1")))&&o<10&&(r=JSON.stringify(r)),e.element.contentWindow.postMessage(r,e.origin))}function z(n,r){var t,e,o=[];(r=D(r)).event?("error"===r.event&&I(n,r.data.method).forEach(function(e){var t=new Error(r.data.message);t.name=r.data.name,e.reject(t),V(n,r.data.method,e)}),o=I(n,"event:".concat(r.event)),t=r.data):!r.method||(e=function(e,t){var n=I(e,t);if(n.length<1)return!1;var r=n.shift();return V(e,t,r),r}(n,r.method))&&(o.push(e),t=r.value),o.forEach(function(e){try{if("function"==typeof e)return void e.call(n,t);e.resolve(t)}catch(e){}})}var U=["airplay","audio_tracks","autopause","autoplay","background","byline","cc","chapter_id","chapters","chromecast","color","colors","controls","dnt","end_time","fullscreen","height","id","interactive_params","keyboard","loop","maxheight","maxwidth","muted","play_button_position","playsinline","portrait","progress_bar","quality_selector","responsive","speed","start_time","texttrack","title","transcript","transparent","unmute_button","url","vimeo_logo","volume","watch_full_video","width"];function G(r,e){var t=1<arguments.length&&void 0!==e?e:{};return U.reduce(function(e,t){var n=r.getAttribute("data-vimeo-".concat(t));return!n&&""!==n||(e[t]=""===n?1:n),e},t)}function B(e,t){var n=e.html;if(!t)throw new TypeError("An element must be provided");if(null!==t.getAttribute("data-vimeo-initialized"))return t.querySelector("iframe");var r=document.createElement("div");return r.innerHTML=n,t.appendChild(r.firstChild),t.setAttribute("data-vimeo-initialized","true"),t.querySelector("iframe")}function H(a,e,t){var u=1<arguments.length&&void 0!==e?e:{},c=2<arguments.length?t:void 0;return new Promise(function(t,n){if(!g(a))throw new TypeError("“".concat(a,"” is not a vimeo.com url."));var e=function(e){for(var t=(e||"").match(/^(?:https?:)?(?:\/\/)?([^/?]+)/),n=(t&&t[1]||"").replace("player.",""),r=0,o=[".videoji.hk",".vimeo.work",".videoji.cn"];r<o.length;r++){var i=o[r];if(n.endsWith(i))return n}return"vimeo.com"}(a),r="https://".concat(e,"/api/oembed.json?url=").concat(encodeURIComponent(a));for(var o in u)u.hasOwnProperty(o)&&(r+="&".concat(o,"=").concat(encodeURIComponent(u[o])));var i=new("XDomainRequest"in window?XDomainRequest:XMLHttpRequest);i.open("GET",r,!0),i.onload=function(){if(404!==i.status)if(403!==i.status)try{var e=JSON.parse(i.responseText);if(403===e.domain_status_code)return B(e,c),void n(new Error("“".concat(a,"” is not embeddable.")));t(e)}catch(e){n(e)}else n(new Error("“".concat(a,"” is not embeddable.")));else n(new Error("“".concat(a,"” was not found.")))},i.onerror=function(){var e=i.status?" (".concat(i.status,")"):"";n(new Error("There was an error fetching the embed code from Vimeo".concat(e,".")))},i.send()})}var Y,Q,J,X={role:"viewer",autoPlayMuted:!0,allowedDrift:.3,maxAllowedDrift:1,minCheckInterval:.1,maxRateAdjustment:.2,maxTimeToCatchUp:1},$=function(){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&f(e,t)}(a,t(EventTarget));var r,n,o,i=v(a);function a(e,t){var o,n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:{},r=3<arguments.length?arguments[3]:void 0;return l(this,a),s(p(o=i.call(this)),"logger",void 0),s(p(o),"speedAdjustment",0),s(p(o),"adjustSpeed",function(){var n=h(j().mark(function e(t,n){var r;return j().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(o.speedAdjustment===n)return e.abrupt("return");e.next=2;break;case 2:return e.next=4,t.getPlaybackRate();case 4:return e.t0=e.sent,e.t1=o.speedAdjustment,e.t2=e.t0-e.t1,e.t3=n,r=e.t2+e.t3,o.log("New playbackRate:  ".concat(r)),e.next=12,t.setPlaybackRate(r);case 12:o.speedAdjustment=n;case 13:case"end":return e.stop()}},e)}));return function(e,t){return n.apply(this,arguments)}}()),o.logger=r,o.init(t,e,u(u({},X),n)),o}return e(a,[{key:"disconnect",value:function(){this.dispatchEvent(new Event("disconnect"))}},{key:"init",value:(o=h(j().mark(function e(t,n,r){var o,i,a,u=this;return j().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,this.waitForTOReadyState(t,"open");case 2:if("viewer"===r.role)return e.next=5,this.updatePlayer(t,n,r);e.next=10;break;case 5:o=k(t,"change",function(){return u.updatePlayer(t,n,r)}),i=this.maintainPlaybackPosition(t,n,r),this.addEventListener("disconnect",function(){i.cancel(),o.cancel()}),e.next=14;break;case 10:return e.next=12,this.updateTimingObject(t,n);case 12:a=k(n,["seeked","play","pause","ratechange"],function(){return u.updateTimingObject(t,n)},"on","off"),this.addEventListener("disconnect",function(){return a.cancel()});case 14:case"end":return e.stop()}},e,this)})),function(e,t,n){return o.apply(this,arguments)})},{key:"updateTimingObject",value:(n=h(j().mark(function e(t,n){return j().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.t0=t,e.next=3,n.getCurrentTime();case 3:return e.t1=e.sent,e.next=6,n.getPaused();case 6:if(!e.sent){e.next=10;break}e.t2=0,e.next=13;break;case 10:return e.next=12,n.getPlaybackRate();case 12:e.t2=e.sent;case 13:e.t3=e.t2,e.t4={position:e.t1,velocity:e.t3},e.t0.update.call(e.t0,e.t4);case 16:case"end":return e.stop()}},e)})),function(e,t){return n.apply(this,arguments)})},{key:"updatePlayer",value:(r=h(j().mark(function e(t,n,r){var o,i,a;return j().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(o=t.query(),i=o.position,a=o.velocity,"number"==typeof i&&n.setCurrentTime(i),"number"!=typeof a){e.next=25;break}if(0===a)return e.next=6,n.getPaused();e.next=11;break;case 6:if(e.t0=e.sent,!1!==e.t0){e.next=9;break}n.pause();case 9:e.next=25;break;case 11:if(0<a)return e.next=14,n.getPaused();e.next=25;break;case 14:if(e.t1=e.sent,!0===e.t1)return e.next=18,n.play().catch(function(){var t=h(j().mark(function e(t){return j().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if("NotAllowedError"===t.name&&r.autoPlayMuted)return e.next=3,n.setMuted(!0);e.next=5;break;case 3:return e.next=5,n.play().catch(function(e){return console.error("Couldn't play the video from TimingSrcConnector. Error:",e)});case 5:case"end":return e.stop()}},e)}));return function(e){return t.apply(this,arguments)}}());e.next=19;break;case 18:this.updatePlayer(t,n,r);case 19:return e.next=21,n.getPlaybackRate();case 21:if(e.t2=e.sent,e.t3=a,e.t2===e.t3){e.next=25;break}n.setPlaybackRate(a);case 25:case"end":return e.stop()}},e,this)})),function(e,t,n){return r.apply(this,arguments)})},{key:"maintainPlaybackPosition",value:function(a,u,e){var c=this,l=e.allowedDrift,s=e.maxAllowedDrift,t=e.minCheckInterval,f=e.maxRateAdjustment,d=e.maxTimeToCatchUp,n=1e3*Math.min(d,Math.max(t,s)),r=function(){var e=h(j().mark(function e(){var t,n,r,o,i;return j().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(e.t0=0===a.query().velocity,e.t0){e.next=6;break}return e.next=4,u.getPaused();case 4:e.t1=e.sent,e.t0=!0===e.t1;case 6:if(e.t0)return e.abrupt("return");e.next=8;break;case 8:return e.t2=a.query().position,e.next=11,u.getCurrentTime();case 11:if(e.t3=e.sent,t=e.t2-e.t3,n=Math.abs(t),c.log("Drift: ".concat(t)),s<n)return e.next=18,c.adjustSpeed(u,0);e.next=22;break;case 18:u.setCurrentTime(a.query().position),c.log("Resync by currentTime"),e.next=29;break;case 22:if(l<n)return i=(r=n/d)<(o=f)?(o-r)/2:o,e.next=28,c.adjustSpeed(u,i*Math.sign(t));e.next=29;break;case 28:c.log("Resync by playbackRate");case 29:case"end":return e.stop()}},e)}));return function(){return e.apply(this,arguments)}}(),o=setInterval(function(){return r()},n);return{cancel:function(){return clearInterval(o)}}}},{key:"log",value:function(e){var t;null!==(t=this.logger)&&void 0!==t&&t.call(this,"TimingSrcConnector: ".concat(e))}},{key:"waitForTOReadyState",value:function(n,r){return new Promise(function(t){!function e(){n.readyState===r?t():n.addEventListener("readystatechange",e,{once:!0})}()})}}]),a}(),Z=new WeakMap,K=new WeakMap,ee={},Player=function(){function Player(u){var e,t,c=this,n=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{};if(l(this,Player),window.jQuery&&u instanceof jQuery&&(1<u.length&&window.console&&console.warn&&console.warn("A jQuery object with multiple elements was passed, using the first element."),u=u[0]),"undefined"!=typeof document&&"string"==typeof u&&(u=document.getElementById(u)),e=u,!Boolean(e&&1===e.nodeType&&"nodeName"in e&&e.ownerDocument&&e.ownerDocument.defaultView))throw new TypeError("You must pass either a valid element or a valid id.");if("IFRAME"===u.nodeName||(t=u.querySelector("iframe"))&&(u=t),"IFRAME"===u.nodeName&&!g(u.getAttribute("src")||""))throw new Error("The player element passed isn’t a Vimeo embed.");if(Z.has(u))return Z.get(u);this._window=u.ownerDocument.defaultView,this.element=u,this.origin="*";var r,o=new A(function(i,a){var e;c._onMessage=function(e){if(g(e.origin)&&c.element.contentWindow===e.source){"*"===c.origin&&(c.origin=e.origin);var t=D(e.data);if(t&&"error"===t.event&&t.data&&"ready"===t.data.method){var n=new Error(t.data.message);return n.name=t.data.name,void a(n)}var r=t&&"ready"===t.event,o=t&&"ping"===t.method;if(r||o)return c.element.setAttribute("data-ready","true"),void i();z(c,t)}},c._window.addEventListener("message",c._onMessage),"IFRAME"!==c.element.nodeName&&H(b(e=G(u,n)),e,u).then(function(e){var t,n,r,o=B(e,u);return c.element=o,c._originalElement=u,t=u,n=o,r=R.get(t),R.set(n,r),R.delete(t),Z.set(c.element,c),e}).catch(a)});return K.set(this,o),Z.set(this.element,this),"IFRAME"===this.element.nodeName&&W(this,"ping"),ee.isEnabled&&(r=function(){return ee.exit()},this.fullscreenchangeHandler=function(){(ee.isFullscreen?q:V)(c,"event:exitFullscreen",r),c.ready().then(function(){W(c,"fullscreenchange",ee.isFullscreen)})},ee.on("fullscreenchange",this.fullscreenchangeHandler)),this}var n;return e(Player,[{key:"callMethod",value:function(n,e){var r=this,o=1<arguments.length&&void 0!==e?e:{};return new A(function(e,t){return r.ready().then(function(){q(r,n,{resolve:e,reject:t}),W(r,n,o)}).catch(t)})}},{key:"get",value:function(n){var r=this;return new A(function(e,t){return n=m(n,"get"),r.ready().then(function(){q(r,n,{resolve:e,reject:t}),W(r,n)}).catch(t)})}},{key:"set",value:function(n,r){var o=this;return new A(function(e,t){if(n=m(n,"set"),null==r)throw new TypeError("There must be a value to set.");return o.ready().then(function(){q(o,n,{resolve:e,reject:t}),W(o,n,r)}).catch(t)})}},{key:"on",value:function(e,t){if(!e)throw new TypeError("You must pass an event name.");if(!t)throw new TypeError("You must pass a callback function.");if("function"!=typeof t)throw new TypeError("The callback must be a function.");0===I(this,"event:".concat(e)).length&&this.callMethod("addEventListener",e).catch(function(){}),q(this,"event:".concat(e),t)}},{key:"off",value:function(e,t){if(!e)throw new TypeError("You must pass an event name.");if(t&&"function"!=typeof t)throw new TypeError("The callback must be a function.");V(this,"event:".concat(e),t)&&this.callMethod("removeEventListener",e).catch(function(e){})}},{key:"loadVideo",value:function(e){return this.callMethod("loadVideo",e)}},{key:"ready",value:function(){var e=K.get(this)||new A(function(e,t){t(new Error("Unknown player. Probably unloaded."))});return A.resolve(e)}},{key:"addCuePoint",value:function(e,t){var n=1<arguments.length&&void 0!==t?t:{};return this.callMethod("addCuePoint",{time:e,data:n})}},{key:"removeCuePoint",value:function(e){return this.callMethod("removeCuePoint",e)}},{key:"enableTextTrack",value:function(e,t){if(!e)throw new TypeError("You must pass a language.");return this.callMethod("enableTextTrack",{language:e,kind:t})}},{key:"disableTextTrack",value:function(){return this.callMethod("disableTextTrack")}},{key:"pause",value:function(){return this.callMethod("pause")}},{key:"play",value:function(){return this.callMethod("play")}},{key:"requestFullscreen",value:function(){return ee.isEnabled?ee.request(this.element):this.callMethod("requestFullscreen")}},{key:"exitFullscreen",value:function(){return ee.isEnabled?ee.exit():this.callMethod("exitFullscreen")}},{key:"getFullscreen",value:function(){return ee.isEnabled?A.resolve(ee.isFullscreen):this.get("fullscreen")}},{key:"requestPictureInPicture",value:function(){return this.callMethod("requestPictureInPicture")}},{key:"exitPictureInPicture",value:function(){return this.callMethod("exitPictureInPicture")}},{key:"getPictureInPicture",value:function(){return this.get("pictureInPicture")}},{key:"remotePlaybackPrompt",value:function(){return this.callMethod("remotePlaybackPrompt")}},{key:"unload",value:function(){return this.callMethod("unload")}},{key:"destroy",value:function(){var n=this;return new A(function(e){var t;K.delete(n),Z.delete(n.element),n._originalElement&&(Z.delete(n._originalElement),n._originalElement.removeAttribute("data-vimeo-initialized")),n.element&&"IFRAME"===n.element.nodeName&&n.element.parentNode&&(n.element.parentNode.parentNode&&n._originalElement&&n._originalElement!==n.element.parentNode?n.element.parentNode.parentNode.removeChild(n.element.parentNode):n.element.parentNode.removeChild(n.element)),n.element&&"DIV"===n.element.nodeName&&n.element.parentNode&&(n.element.removeAttribute("data-vimeo-initialized"),(t=n.element.querySelector("iframe"))&&t.parentNode&&(t.parentNode.parentNode&&n._originalElement&&n._originalElement!==t.parentNode?t.parentNode.parentNode.removeChild(t.parentNode):t.parentNode.removeChild(t))),n._window.removeEventListener("message",n._onMessage),ee.isEnabled&&ee.off("fullscreenchange",n.fullscreenchangeHandler),e()})}},{key:"getAutopause",value:function(){return this.get("autopause")}},{key:"setAutopause",value:function(e){return this.set("autopause",e)}},{key:"getBuffered",value:function(){return this.get("buffered")}},{key:"getCameraProps",value:function(){return this.get("cameraProps")}},{key:"setCameraProps",value:function(e){return this.set("cameraProps",e)}},{key:"getChapters",value:function(){return this.get("chapters")}},{key:"getCurrentChapter",value:function(){return this.get("currentChapter")}},{key:"getColor",value:function(){return this.get("color")}},{key:"getColors",value:function(){return A.all([this.get("colorOne"),this.get("colorTwo"),this.get("colorThree"),this.get("colorFour")])}},{key:"setColor",value:function(e){return this.set("color",e)}},{key:"setColors",value:function(e){if(!Array.isArray(e))return new A(function(e,t){return t(new TypeError("Argument must be an array."))});var t=new A(function(e){return e(null)}),n=[e[0]?this.set("colorOne",e[0]):t,e[1]?this.set("colorTwo",e[1]):t,e[2]?this.set("colorThree",e[2]):t,e[3]?this.set("colorFour",e[3]):t];return A.all(n)}},{key:"getCuePoints",value:function(){return this.get("cuePoints")}},{key:"getCurrentTime",value:function(){return this.get("currentTime")}},{key:"setCurrentTime",value:function(e){return this.set("currentTime",e)}},{key:"getDuration",value:function(){return this.get("duration")}},{key:"getEnded",value:function(){return this.get("ended")}},{key:"getLoop",value:function(){return this.get("loop")}},{key:"setLoop",value:function(e){return this.set("loop",e)}},{key:"setMuted",value:function(e){return this.set("muted",e)}},{key:"getMuted",value:function(){return this.get("muted")}},{key:"getPaused",value:function(){return this.get("paused")}},{key:"getPlaybackRate",value:function(){return this.get("playbackRate")}},{key:"setPlaybackRate",value:function(e){return this.set("playbackRate",e)}},{key:"getPlayed",value:function(){return this.get("played")}},{key:"getQualities",value:function(){return this.get("qualities")}},{key:"getQuality",value:function(){return this.get("quality")}},{key:"setQuality",value:function(e){return this.set("quality",e)}},{key:"getRemotePlaybackAvailability",value:function(){return this.get("remotePlaybackAvailability")}},{key:"getRemotePlaybackState",value:function(){return this.get("remotePlaybackState")}},{key:"getSeekable",value:function(){return this.get("seekable")}},{key:"getSeeking",value:function(){return this.get("seeking")}},{key:"getTextTracks",value:function(){return this.get("textTracks")}},{key:"getVideoEmbedCode",value:function(){return this.get("videoEmbedCode")}},{key:"getVideoId",value:function(){return this.get("videoId")}},{key:"getVideoTitle",value:function(){return this.get("videoTitle")}},{key:"getVideoWidth",value:function(){return this.get("videoWidth")}},{key:"getVideoHeight",value:function(){return this.get("videoHeight")}},{key:"getVideoUrl",value:function(){return this.get("videoUrl")}},{key:"getVolume",value:function(){return this.get("volume")}},{key:"setVolume",value:function(e){return this.set("volume",e)}},{key:"setTimingSrc",value:(n=h(j().mark(function e(t,n){var r,o=this;return j().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(t){e.next=2;break}throw new TypeError("A Timing Object must be provided.");case 2:return e.next=4,this.ready();case 4:return r=new $(this,t,n),W(this,"notifyTimingObjectConnect"),r.addEventListener("disconnect",function(){return W(o,"notifyTimingObjectDisconnect")}),e.abrupt("return",r);case 8:case"end":return e.stop()}},e,this)})),function(e,t){return n.apply(this,arguments)})}]),Player}();return n||(Y=function(){for(var e,t=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]],n=0,r=t.length,o={};n<r;n++)if((e=t[n])&&e[1]in document){for(n=0;n<e.length;n++)o[t[0][n]]=e[n];return o}return!1}(),Q={fullscreenchange:Y.fullscreenchange,fullscreenerror:Y.fullscreenerror},J={request:function(o){return new Promise(function(e,t){function n(){J.off("fullscreenchange",n),e()}J.on("fullscreenchange",n);var r=(o=o||document.documentElement)[Y.requestFullscreen]();r instanceof Promise&&r.then(n).catch(t)})},exit:function(){return new Promise(function(t,e){var n,r;J.isFullscreen?(n=function e(){J.off("fullscreenchange",e),t()},J.on("fullscreenchange",n),(r=document[Y.exitFullscreen]())instanceof Promise&&r.then(n).catch(e)):t()})},on:function(e,t){var n=Q[e];n&&document.addEventListener(n,t)},off:function(e,t){var n=Q[e];n&&document.removeEventListener(n,t)}},Object.defineProperties(J,{isFullscreen:{get:function(){return Boolean(document[Y.fullscreenElement])}},element:{enumerable:!0,get:function(){return document[Y.fullscreenElement]}},isEnabled:{enumerable:!0,get:function(){return Boolean(document[Y.fullscreenEnabled])}}}),ee=J,function(e){function n(e){"console"in window&&console.error&&console.error("There was an error creating an embed: ".concat(e))}var t=0<arguments.length&&void 0!==e?e:document;[].slice.call(t.querySelectorAll("[data-vimeo-id], [data-vimeo-url]")).forEach(function(t){try{if(null!==t.getAttribute("data-vimeo-defer"))return;var e=G(t);H(b(e),e,t).then(function(e){return B(e,t)}).catch(n)}catch(e){n(e)}})}(),function(e){var r=0<arguments.length&&void 0!==e?e:document;window.VimeoPlayerResizeEmbeds_||(window.VimeoPlayerResizeEmbeds_=!0,window.addEventListener("message",function(e){if(g(e.origin)&&e.data&&"spacechange"===e.data.event)for(var t=r.querySelectorAll("iframe"),n=0;n<t.length;n++)if(t[n].contentWindow===e.source){t[n].parentElement.style.paddingBottom="".concat(e.data.data[0].bottom,"px");break}}))}(),function(e){var a=0<arguments.length&&void 0!==e?e:document;window.VimeoSeoMetadataAppended||(window.VimeoSeoMetadataAppended=!0,window.addEventListener("message",function(e){if(g(e.origin)){var t=D(e.data);if(t&&"ready"===t.event)for(var n=a.querySelectorAll("iframe"),r=0;r<n.length;r++){var o=n[r],i=o.contentWindow===e.source;w(o.src)&&i&&new Player(o).callMethod("appendVideoMetadata",window.location.href)}}}))}(),function(e){var a,t=0<arguments.length&&void 0!==e?e:document;window.VimeoCheckedUrlTimeParam||(window.VimeoCheckedUrlTimeParam=!0,a=function(e){"console"in window&&console.error&&console.error("There was an error getting video Id: ".concat(e))},window.addEventListener("message",function(n){if(g(n.origin)){var e=D(n.data);if(e&&"ready"===e.event)for(var o=t.querySelectorAll("iframe"),i=0;i<o.length;i++)!function(){var r,e=o[i],t=e.contentWindow===n.source;w(e.src)&&t&&(r=new Player(e)).getVideoId().then(function(e){var t,n=new RegExp("[?&]vimeo_t_".concat(e,"=([^&#]*)")).exec(window.location.href);n&&n[1]&&(t=decodeURI(n[1]),r.setCurrentTime(t))}).catch(a)}()}}))}()),Player});
let VIDALVimeo = {

    getChapters : function (player, pIframe) {
        player.getChapters().then(function(chapters) {

            let container = document.querySelector('.vimeo');
            let iframe = container.querySelector('iframe');

            const btnDisplay = document.createElement('div');
            btnDisplay.className = "display-summary";
            btnDisplay.textContent = "Afficher le sommaire de la vidéo";
            container.before(btnDisplay);

            if (chapters.length > 0) {
                iframe.classList.remove("without-summary");
                const aside = document.createElement("aside");
                aside.classList.add("summary");
                let div = document.createElement("div");
                aside.appendChild(div);
                const p = document.createElement("p");
                p.textContent = "Sommaire";
                p.classList.add("title");
                div.appendChild(p);
                let btnHide = document.createElement("p");
                btnHide.textContent = "Masquer";
                btnHide.classList.add("hide-summary");
                div.appendChild(btnHide);
                let ul = document.createElement("ul");

                for (let i = 0; i < chapters.length; i++) {
                    const title = chapters[i].title;
                    const startTime = chapters[i].startTime;
                    let hours = String(Math.floor(startTime / 3600)).padStart(2, '0');
                    let minutes = String(Math.floor((startTime % 3600) / 60)).padStart(2, '0');
                    let secondes = String(startTime % 60).padStart(2, '0');
                    let startTimeFormatting = hours + ":" + minutes + ":" + secondes;
                    let li = document.createElement("li");
                    let a = document.createElement("a");
                    a.setAttribute('title', title);

                    let spanTitle = document.createElement("span");
                    spanTitle.textContent = title;
                    a.appendChild(spanTitle);
                    let spanTime = document.createElement("span");
                    spanTime.textContent = startTimeFormatting;
                    a.appendChild(spanTime);

                    a.addEventListener('click', (e) => {
                        if (typeof pa !== 'undefined' && typeof pa.sendEvent === 'function') {
                            player.getVideoTitle().then(function(videoTitle) {
                                pa.sendEvent('click.action', {
                                    'click': videoTitle,
                                    'click_chapter1': "Sommaire Vidéo"
                                });

                            }).catch(function(error) {
                                console.error('Erreur lors de la récupération du titre :', error);
                            });
                        }

                        e.preventDefault();
                        player.setCurrentTime(startTime);
                        player.play();
                    })
                    li.appendChild(a);
                    ul.appendChild(li);
                }
                aside.appendChild(ul);
                container.appendChild(aside);
                pIframe.after(aside);

                btnHide.addEventListener("click", () => {
                    aside.style.display = "none";
                    btnDisplay.style.display = "block";
                    iframe.classList.add("without-summary");
                })
                btnDisplay.addEventListener("click", () => {
                    aside.style.display = "block";
                    btnDisplay.style.display = "none";
                    iframe.classList.remove("without-summary");
                })
            } else {
                let displayBtn = container.parentNode.querySelector('.display-summary');
                if(displayBtn) {
                    displayBtn.remove();
                }
                iframe.classList.add("without-summary");
            }
        }).catch(function(error) {
            console.log(error)
            // iframe.classList.add("without-summary");
        });
    }
};
(function() {
    function init() {
        let checkBox = document.querySelector("#form-optin #optin");
        let button = document.querySelector("#form-optin #btn-optin");

        if(checkBox && button){
            displayOptinBanner(checkBox, button);
            captureTracking(checkBox,button)
        }
    }

    function displayOptinBanner(checkBox, button) {
        checkBox.addEventListener('change',() => button.style.display  = checkBox.checked ?  "inline-block" : "none");

        document.getElementById("form-optin").addEventListener("submit", function(event) {
            event.preventDefault();
            let formData = new FormData(this);

            fetch('video-optin', {
                headers: {
                    "x-requested-with": "XMLHttpRequest"
                },
                method: 'POST',
                body: formData
            })
                .then(response => response.text())
                .then(data => {
                    if(data === "Erreur lors de l'insertion en base de données.") {
                        console.error(data)
                    }else{
                        document.querySelector('.video-optin .data-policy').style.display = 'none';
                        document.querySelector('.video-optin #form-optin').style.display = 'none';
                        document.querySelector('.video-optin .optin-validated').style.display = 'block';
                    }
                })
                .catch(error => {
                    console.error('Erreur:', error);
                });
        });
    }

    function captureTracking(checkBox, button) {
        checkBox.addEventListener('click', () => {
            if(checkBox.checked)
                captureAction('Coche Captation Opt In')
        })
        button.addEventListener('click', function() {captureAction('Enregistrer mon choix')})
    }

    function captureAction(title) {
        if (typeof pa !== 'undefined' && typeof pa.sendEvent === 'function') {
            pa.sendEvent('click.navigation', {
                'click': title,
                'click_chapter1': 'Captation Opt In',
                'click_chapter2': ''
            });
        }
    }

    window.addEventListener('DOMContentLoaded', init);
})();



(() => {
    let mobileDevice = 728;

    function init() {
        const dashboardClasses = ["started-formations", "favorite-formations", "completed-formations"];
        dashboardClasses.forEach(classname => dashboardCourses(classname));

        const tabGroups = [
            { selector: '.dashboard', context: 'dashboard' },
            { selector: '.listing-health', context: 'listing-health' }
        ];
        tabGroups.forEach(({ selector, context }) => {
            const tabs = document.querySelectorAll(selector+" .tabs [data-tab]");
            if (tabs.length) {
                tabsAction(tabs, context);
            }
        });
        addMoreMenuToFirstVisibleTab("dashboard");

        let button_bookmark_favorite = document.querySelectorAll('.actions .add-bookmark-button-favorite');
        if(button_bookmark_favorite) {
            button_bookmark_favorite.forEach((btn) => {
                let id_formation = btn.parentNode.getAttribute('data-id_formation');

                btn.addEventListener('click', (e) => {
                    e.preventDefault();
                    e.stopPropagation();
                    e.stopImmediatePropagation()
                    if (btn.querySelector('span').classList.contains('favorite')) {
                        toFavorite(id_formation, btn, "remove");
                    } else {
                        toFavorite(id_formation, btn, "add");
                    }
                })
            })
        }

        let cards = document.querySelectorAll('.formations .card');
        if(cards) {
            cards.forEach(card => {
                let url = card.querySelector('.course-card-content .course-card-title a');
                url.addEventListener('click', (e) =>e.currentTarget.stopImmediatePropagation())
                card.addEventListener('click', () => {
                    let main_form = document.querySelector('.searchbar-formation form');
                    if (main_form && window.pa && window.location.pathname.endsWith('recherche.html')) {
                        let keyword = document.querySelector(".result-search .search-term");
                        if(keyword) {
                            pa.sendEvent('internal_search_result.click', {
                                'ise_keyword': keyword.textContent,
                                'ise_page': 1,
                                'ise_type': 'VIDAL Campus',
                                'ise_click_rank': url.getAttribute('data-click_rank'),
                            });
                        }
                    }else{
                        VIDALPiano.event(url);
                    }
                    window.location.href = url.href
                });
            })
        }

    }

    function toFavorite(pIdFormation, btn, pAction){
        fetch((btn.getAttribute('data-baseurl')??'')+pAction+'-to-favorite', {
            headers: {
                "x-requested-with": "XMLHttpRequest"
            },
            method: 'POST',
            body: new URLSearchParams({
                id_formation: pIdFormation
            })
        })
            .then(response => response.text())
            .then(data => {
                if(data === "Erreur lors de l'insertion en base de données.") {
                    console.error(data)
                }else{
                    let removeText = "Retirer de ma liste";
                    let addText = "Ajouter à ma liste";

                    let span = btn.querySelector('span');
                    pAction === "add"
                        ? !span.classList.contains('favorite') && span.classList.add('favorite')
                        : span.classList.remove('favorite');

                    let dashboard = document.querySelector('.dashboard');
                    if(!dashboard) {
                        if(btn.closest('.course-card').querySelector('.course-details')) {
                            if(btn.textContent.trim() === "Ajouter à ma liste") {
                                btn.innerHTML = '<span class="favorite"></span>Retirer de ma liste';
                                btn.title = removeText;
                            }else {
                                btn.innerHTML = '<span></span>Ajouter à ma liste';
                                btn.title = addText;
                            }
                        }
                    }else {
                        let favoriteTab = dashboard.querySelector('[data-tab="favorite-formations"] span');
                        let favoriteDashboardTab = dashboard.querySelector('[data-tab="favorite-formations"]');
                        let favoriteContainerList = dashboard.querySelectorAll('.favorite-formations .card');
                        let btnShawAll = dashboard.querySelector('.favorite-formations .showAll span');
                        let countFavorite = (pAction === "add") ? favoriteContainerList.length + 1 : favoriteContainerList.length - 1;
                        let countMore = (pAction === "add") ? favoriteContainerList.length - 3 : favoriteContainerList.length + 3;

                        if(btnShawAll) {
                            btnShawAll.innerHTML = countMore;
                        }
                        favoriteTab.innerHTML = countFavorite;
                        if (countFavorite > 0 && favoriteDashboardTab.classList.contains('disabled')) {
                            favoriteDashboardTab.classList.remove('disabled');
                            favoriteDashboardTab.style.pointerEvents = 'auto';
                            favoriteDashboardTab.style.opacity = 1;
                        } else if (countFavorite === 0 && !favoriteDashboardTab.classList.contains('disabled')) {
                            favoriteDashboardTab.classList.add('disabled');
                            favoriteDashboardTab.style.pointerEvents = 'none';
                            favoriteDashboardTab.style.opacity = 0.5;
                        }

                        if(pAction === "add") {
                            btn.title = removeText;
                            let element = btn.closest('.card');
                            let course = element.cloneNode(true);
                            let newButton = course.querySelector('.actions .add-bookmark-button-favorite');
                            newButton.title = removeText;
                            newButton.addEventListener('click', ()=>toFavorite(pIdFormation, btn, "remove"));
                            let startBtn = course.querySelector('.action.start');
                            if (startBtn) {
                                startBtn.addEventListener('click', () => {
                                    window.location.href = course.querySelector('.course-card-title a').href;
                                });
                            }
                            if(favoriteContainerList.length === 0) {
                                dashboard.querySelector('.favorite-formations').appendChild(course);
                            }else{
                                favoriteContainerList[0].before(course);
                            }

                            updateFavoriteSection(dashboard);

                            const dashboardElement = document.querySelector('.dashboard');
                            if (dashboardElement && dashboardElement.style.display === 'none') {
                                dashboardElement.style.display = '';
                            }
                            if (screen.width <= mobileDevice) {
                                addMoreMenuToFirstVisibleTab("dashboard");
                            }

                        }else{
                            btn.title = addText;
                            let favoriteContainer = document.querySelector('.dashboard .favorite-formations');
                            let element = favoriteContainer.querySelector(`.actions[data-id_formation="${pIdFormation}"]`).closest('.card');
                            favoriteContainer.removeChild(element);
                            let courses = document.querySelectorAll(`.card .actions[data-id_formation="${pIdFormation}"]`);
                            courses.forEach(course => course.querySelector('.add-bookmark-button-favorite span').classList.remove('favorite'))
                            const hasStarted = dashboard.querySelectorAll('.started-formations .card').length > 0;
                            const hasFavorite = dashboard.querySelectorAll('.favorite-formations .card').length > 0;
                            const hasCompleted = dashboard.querySelectorAll('.completed-formations .card').length > 0;
                            updateFavoriteSection(dashboard);

                            if (!hasStarted && !hasFavorite && !hasCompleted) {
                                dashboard.style.display = 'none';
                            }else if (!hasFavorite) {
                                const tabs = dashboard.querySelectorAll('.tabs [data-tab]');
                                tabs.forEach(tab => tab.classList.remove('active'));
                                document.querySelectorAll(`.dashboard .tab-content`).forEach(content => content.classList.remove('active'));

                                const firstTabWithData = Array.from(tabs).find(tab => tab.getAttribute('data-has-formations') === 'true');
                                if (firstTabWithData) {
                                    firstTabWithData.classList.add('active');
                                    const tabName = firstTabWithData.getAttribute('data-tab');
                                    dashboard.querySelector(`.tab-content.${tabName}`).classList.add('active');

                                    if (screen.width <= mobileDevice) {
                                        tabs.forEach(tab => {
                                            tab.style.display = (tab === firstTabWithData) ? "flex" : "none";
                                        });
                                        addMoreMenuToFirstVisibleTab("dashboard");
                                    }
                                }
                            }
                        }
                    }
                }
            })
            .catch(error => {
                console.error('Erreur:', error);
            });

    }

    function dashboardCourses(pSelector) {
        const maxCourseDisplay = (screen.width <= mobileDevice) ? 2 : 4;
        let courses = document.querySelectorAll('.dashboard .'+pSelector+' .card');
        if(courses) {
            courses.forEach((course, index) => {
                if (index >= maxCourseDisplay) {
                    course.classList.add('hidden');
                }
            });
            let btnShowAll = document.querySelector('.dashboard .'+pSelector+' .showAll');
            if (courses.length <= maxCourseDisplay) {
                btnShowAll?.remove();
                return;
            }
            if(courses.length >= maxCourseDisplay && btnShowAll) {
                if (screen.width <= mobileDevice && courses.length >= maxCourseDisplay && !btnShowAll) {
                    btnShowAll = document.createElement("div");
                    btnShowAll.classList.add('showAll');
                    let container = document.querySelector('.dashboard .'+pSelector)
                    container.appendChild(btnShowAll)
                }

                if (screen.width <= mobileDevice) {
                    btnShowAll.innerHTML = `Tout voir (<span>${courses.length - maxCourseDisplay}</span>)`;
                }else{
                    btnShowAll.querySelector('span').textContent = `${courses.length - maxCourseDisplay}`;
                }

                const container = document.querySelector('.dashboard .' + pSelector);
                btnShowAll?.addEventListener(
                    'click',
                    function () {
                        const hiddenCards = container.querySelectorAll('.card.hidden');
                        displayCard.call(this, hiddenCards);
                    }
                );
            }
        }
    }

    function tabsAction(pTabs, pSelector) {
        let foundTabWithData = false;
        let firstTabWithData = null;

        pTabs.forEach(button => {
            const hasData = button.getAttribute('data-has-formations') === "true";

            if (!hasData && pSelector === "dashboard") {
                button.classList.add('disabled');
                button.style.pointerEvents = 'none';
                button.style.opacity = 0.5;
            } else if (!foundTabWithData && hasData && button.offsetParent !== null) {
                firstTabWithData = button;
                foundTabWithData = true;
            }

            button.addEventListener('click', () => {
                if (button.classList.contains('disabled')) return;
                pTabs.forEach(btn => btn.classList.remove('active'));
                document.querySelectorAll(`.${pSelector} .tab-content`).forEach(content => content.classList.remove('active'));
                button.classList.add('active');
                const tabName = button.getAttribute('data-tab');
                document.querySelector(`.${pSelector} .tab-content.${tabName}`).classList.add('active');
            });
        });

        const firstTabWithDataVisibleOrHidden = Array.from(pTabs).find(tab =>
            tab.getAttribute('data-has-formations') === "true"
        );

        if (firstTabWithDataVisibleOrHidden) {
            firstTabWithDataVisibleOrHidden.style.display = "flex";

            if (window.innerWidth <= mobileDevice) {
                Array.from(pTabs).forEach(tab => {
                    if (tab !== firstTabWithDataVisibleOrHidden) {
                        tab.style.display = "none";
                    }
                });
            }
            pTabs.forEach(btn => btn.classList.remove('active'));
            document.querySelectorAll(`.${pSelector} .tab-content`).forEach(content => content.classList.remove('active'));

            firstTabWithDataVisibleOrHidden.classList.add('active');
            const tabName = firstTabWithDataVisibleOrHidden.getAttribute('data-tab');
            const content = document.querySelector(`.${pSelector} .tab-content.${tabName}`);
            if (content) {
                content.classList.add('active');
            }

        } else {
            const tabsContainer = document.querySelector(pSelector + " .tabs");
            if (tabsContainer) {
                tabsContainer.style.display = 'none';
            }
        }


        const btnDashboardMoreMenu = document.querySelector(`.${pSelector} .tabs .more-menu`);
        if (btnDashboardMoreMenu && pSelector === "dashboard") {
            btnDashboardMoreMenu.addEventListener('click', (e) => {
                e.stopPropagation();
                const tabsContainer = document.querySelector(`.${pSelector} .tabs`);
                const tabs = Array.from(tabsContainer.children);
                const activeTab = tabs.find(tab => tab.classList.contains('active'));

                let isCollapsed = false;

                tabs.forEach(tab => {
                    if (tab !== activeTab) {
                        const isHidden = window.getComputedStyle(tab).display === "none";
                        tab.style.display = isHidden ? "flex" : "none";
                        if (!isHidden) isCollapsed = true;
                    }
                });

                if (isCollapsed) {
                    const currentlyVisible = tabs.find(tab => window.getComputedStyle(tab).display !== "none");
                    if (currentlyVisible) {
                        setTimeout(() => {
                            tabs.forEach(tab => tab.classList.remove('active'));
                            currentlyVisible.classList.add('active');
                            const tabName = currentlyVisible.getAttribute('data-tab');
                            const contentToShow = document.querySelector(`.${pSelector} .tab-content.${tabName}`);
                            if (contentToShow) {
                                document.querySelectorAll(`.${pSelector} .tab-content`).forEach(c => c.classList.remove('active'));
                                contentToShow.classList.add('active');
                            }
                            tabs.forEach(tab => {
                                const existingMoreMenu = tab.querySelector('.more-menu');
                                if (existingMoreMenu) existingMoreMenu.remove();
                            });
                        }, 0);
                    }
                }
            });
        }
    }

    function displayCard(pSelector) {
        pSelector.forEach(el => el.style.display = 'list-item');
        this.style.display = 'none';
    }

    function addMoreMenuToFirstVisibleTab(pSelector) {
        const tabsContainer = document.querySelector(`.${pSelector} .tabs`);
        if (!tabsContainer) return;

        const tabs = Array.from(tabsContainer.children);

        tabs.forEach(tab => {
            const existingMoreMenu = tab.querySelector('.more-menu');
            if (existingMoreMenu) existingMoreMenu.remove();
        });

        const firstVisibleTabWithData = tabs.find(tab =>
            window.getComputedStyle(tab).display !== "none" &&
            tab.getAttribute('data-has-formations') === "true"
        );

        if (firstVisibleTabWithData) {
            const moreMenuDiv = document.createElement('div');
            moreMenuDiv.classList.add('more-menu');
            moreMenuDiv.textContent = '...';

            firstVisibleTabWithData.appendChild(moreMenuDiv);

            moreMenuDiv.addEventListener('click', (e) => {
                e.stopPropagation();

                const activeTab = tabs.find(tab => tab.classList.contains('active'));

                tabs.forEach(tab => {
                    if (tab !== activeTab) {
                        const isHidden = window.getComputedStyle(tab).display === "none";
                        tab.style.display = isHidden ? "flex" : "none";
                    }
                });

                addMoreMenuToFirstVisibleTab(pSelector);
            });
        }
    }


    function updateFavoriteSection(dashboard) {
        const favoriteContainer = dashboard.querySelector('.favorite-formations');
        const favoriteCards = favoriteContainer.querySelectorAll('.card');
        const visibleCount = (screen.width <= mobileDevice) ? 2 : 4;
        const hiddenCount = favoriteCards.length - visibleCount;

        const favoriteTab = dashboard.querySelector('[data-tab="favorite-formations"] span');
        if (favoriteTab) {
            favoriteTab.textContent = favoriteCards.length;
        }

        favoriteCards.forEach((card, i) => {
            card.classList.toggle('hidden', i >= visibleCount);
        });

        let btnShowAll = favoriteContainer.querySelector('.showAll');
        if (btnShowAll && hiddenCount <= 0) {
            btnShowAll.remove();
        } else if (hiddenCount > 0) {
            const showAllText = (screen.width <= mobileDevice)
                ? `Tout voir <span>${hiddenCount}</span>`
                : `Afficher les <span>${hiddenCount}</span> autres formations enregistrées`;

            if (!btnShowAll) {
                btnShowAll = document.createElement('div');
                btnShowAll.classList.add('showAll');
                btnShowAll.innerHTML = showAllText;
                btnShowAll.addEventListener('click', function () {
                    displayCard.call(this, favoriteContainer.querySelectorAll('.card.hidden'));
                });
                favoriteContainer.appendChild(btnShowAll);
            } else {
                btnShowAll.innerHTML = showAllText;
            }
        }

        favoriteCards.forEach((card, i) => {
            card.classList.toggle('hidden', i >= visibleCount);
        });
    }

    document.addEventListener("DOMContentLoaded", init);
})();
(()=>{

    let mobileDevice = 728;

    function init() {

        const listingTabContents = document.querySelectorAll('.listing-health .tab-content');
        if(listingTabContents) {
            displayListingHealth(listingTabContents);
        }

        getAPIColleaguesCourses();

        mobileMenuDefaultCourse();
        mobileMenuListing();

        formationSearchValidation();
        initMobileFilterSidebar();
        initFilterForm();

        handleResizeResetFilter();
        handleSearchComponent();

    }

    function getAPIColleaguesCourses() {
        let colleagueCoursesContainer = document.querySelector(".colleague-formations-container");
        if(!colleagueCoursesContainer) {
            return;
        }
        fetch('get-colleagues-courses/')
            .then((response) => {
                return response.text().then((text) => {
                    if (!response.ok) {
                        throw new Error(`Erreur serveur: ${response.status}\n${text}`);
                    }
                    return text;
                });
            })
            .then((html) => {
                colleagueCoursesContainer.innerHTML = html;
            })
            .catch((error) => {
                console.error('Erreur lors de la requête :', error.message);
                colleagueCoursesContainer.innerHTML = '<p>Erreur lors du chargement des formations.</p>';
            });
    }



    function displayListingHealth(pTabContents) {
        if (screen.width <= mobileDevice) {
            const maxVisible = 10;
            pTabContents.forEach(tab => {
                const items = tab.querySelector('.side-bar-menu').querySelectorAll('li');
                if (items.length > maxVisible) {
                    items.forEach((item, i) => {
                        if (i >= maxVisible) {
                            item.style.display = 'none';
                        }
                    });

                    const hiddenCount = items.length - maxVisible;
                    const btn = document.createElement('div');
                    btn.textContent = `Tout voir (${hiddenCount})`;
                    btn.className = 'showAll';
                    btn.addEventListener('click', () => {
                        items.forEach(item => item.style.display = 'list-item');
                        btn.remove();
                    });
                    tab.appendChild(btn);
                }
            });
        }
    }

    function mobileMenuDefaultCourse() {
        let contentCourseDefault = document.querySelector('[data-type_formation = "default"]');
        if(contentCourseDefault) {
            let courseMenu = contentCourseDefault.querySelector('.course-menu');
            if (courseMenu){
                let liCurrent = courseMenu.querySelector('.main.current');
                let cloneLi = liCurrent.cloneNode(true);

                const courseMenuMobile = document.querySelector(".course-menu-mobile");
                courseMenuMobile.appendChild(cloneLi);
                courseMenuMobile.addEventListener('click', () => {
                    courseMenuMobile.classList.toggle('active');
                    courseMenu.classList.toggle('open');
                });

                courseMenuMobile.addEventListener('click', () => {
                    document.querySelectorAll('.course-menu').forEach(pLi => {
                        if (pLi.style.display === "block") {
                            pLi.style.display = "none";
                        } else {
                            courseMenu.style.top = courseMenuMobile.offsetHeight+"px";
                            pLi.style.display = "block";
                        }
                    });

                    if(courseMenu.classList.contains("open")) {
                        contentCourseDefault.style.backgroundColor = "rgba(0, 0, 0, 0.5)";
                        contentCourseDefault.querySelector('.course-body').style.opacity = 0.6;
                    }else{
                        contentCourseDefault.style.backgroundColor = "white";
                        contentCourseDefault.querySelector('.course-body').style.opacity = "unset";
                    }
                });

                const allMenuItems = courseMenu.querySelectorAll('.main');
                if (allMenuItems.length > 0 && allMenuItems[0] !== liCurrent) {
                    const header = document.querySelector('.header .nav');
                    const headerHeight = header.offsetHeight;
                    const rect = courseMenuMobile.getBoundingClientRect();

                    window.scrollTo({
                        top: rect.top - headerHeight,
                        behavior: 'instant',
                    });
                }
            }
        }
    }

    function mobileMenuListing() {
        let contentListing = document.querySelector('.formations.list .side-bar:not(.search-container .side-bar)');
        if(contentListing) {
            let linstingMenu = contentListing.querySelector('.side-bar-menu');
            let liCurrent = linstingMenu.querySelector('.selected');
            let cloneLi = liCurrent.cloneNode(true);

            const content = document.querySelector(".list-formations");
            const listingMenuMobile = document.querySelector(".listing-menu-mobile");
            listingMenuMobile.appendChild(cloneLi);
            listingMenuMobile.addEventListener('click', (e) => {
                e.preventDefault();
                e.stopPropagation();
                e.stopImmediatePropagation();
                listingMenuMobile.classList.toggle('active');
                linstingMenu.classList.toggle('open');
                if(linstingMenu.classList.contains("open")) {
                    content.style.backgroundColor = "rgba(0, 0, 0, 0.4)";
                    content.style.opacity = 0.4;
                }else{
                    content.style.backgroundColor = "unset";
                    content.style.opacity = "unset";
                }
            });
        }
    }

    function formationSearchValidation() {
        const form = document.getElementById("formation-search");
        if (!form) {
            console.warn("Formulaire non trouvé lors du chargement du script.");
            return;
        }

        const input = form.querySelector("input[name='search']");
        const error = document.getElementById("search-error-formation");
        if (!input || !error) return;

        error.style.display = "none";

        form.addEventListener("submit", function (e) {
            const searchTerm = input.value.trim();
            if (searchTerm.length < 3) {
                e.preventDefault();
                error.style.display = "block";
            } else {
                error.style.display = "none";
            }
        });
    }


    function initFilterForm() {
        const formFilter = document.getElementById("filter-form");
        if (!formFilter) return;

        const checkboxes = formFilter.querySelectorAll("input[type='checkbox']");
        checkboxes.forEach(checkbox => {
            checkbox.addEventListener("change", () => {
                const currentUrl = new URL(window.location.href);
                const searchParams = new URLSearchParams(currentUrl.search);

                const searchValue = searchParams.get("search") || "";
                searchParams.set("search", searchValue);

                searchParams.delete("domaines[]");
                searchParams.delete("professions[]");

                const selectedDomains = Array.from(formFilter.querySelectorAll("input[name='domaines[]']:checked"))
                    .map(cb => cb.value);
                selectedDomains.forEach(val => {
                    searchParams.append("domaines[]", val);
                });

                const selectedProfessions = Array.from(formFilter.querySelectorAll("input[name='professions[]']:checked"))
                    .map(cb => cb.value);
                selectedProfessions.forEach(val => {
                    searchParams.append("professions[]", val);
                });

                const newUrl = `recherche.html?${searchParams.toString()}`;
                window.history.pushState({}, '', newUrl);

                fetch(newUrl)
                    .then(response => response.text())
                    .then(html => {
                        const tempDiv = document.createElement("div");
                        tempDiv.innerHTML = html;

                        const newContent = tempDiv.querySelector("#ajax-result-wrapper");
                        const currentWrapper = document.getElementById("ajax-result-wrapper");
                        if (newContent && currentWrapper) {
                            currentWrapper.replaceWith(newContent);
                        }

                        const newForm = tempDiv.querySelector("#filter-form");
                        const currentForm = document.querySelector("#filter-form");

                        if (newForm && currentForm) {
                            const openToggles = Array.from(currentForm.querySelectorAll('.toggle-list'))
                                .map((toggle, index) => ({
                                    index,
                                    isActive: toggle.classList.contains('active'),
                                    listOpen: toggle.nextElementSibling?.classList.contains('open') || false
                                }));
                            currentForm.replaceWith(newForm);
                            const toggles = newForm.querySelectorAll('.toggle-list');
                            toggles.forEach((toggle, index) => {
                                const saved = openToggles.find(t => t.index === index);
                                if (saved?.isActive) toggle.classList.add('active');
                                if (saved?.listOpen) {
                                    const list = toggle.nextElementSibling;
                                    if (list?.classList.contains('side-bar-menu')) {
                                        list.classList.add('open');
                                    }
                                }
                            });
                            initMobileFilterSidebar();

                            initFilterForm();
                        }
                    })
                    .catch(error => {
                        console.error("Erreur AJAX :", error);
                    });
            });
        });
    }

    function initMobileFilterSidebar() {
        const filterBtn = document.querySelector('.filter-toggle');
        const closeBtn = document.querySelector('.close-filter');
        const filterOverlay = document.querySelector('#filter-overlay');
        const filterPanel = document.getElementById('mobile-filter');
        const filterList = document.querySelector('.filter.list .list-container .side-bar');


        filterBtn?.addEventListener('click', () => {
            if (getComputedStyle(filterPanel).display === "none") {
                filterPanel.style.display = "block";
            }
            filterPanel.style.opacity = 1;
            filterPanel.style.pointerEvents = 'auto';
            filterPanel.classList.remove('closing');
            filterPanel.classList.add('open');
            filterList.style.display = "block";
            filterBtn.setAttribute('aria-expanded', 'true');

            filterOverlay.classList.add('active');
            document.body.style.overflow = 'hidden';
        });

        closeBtn?.addEventListener('click', () => {
            filterPanel.classList.remove('open');
            filterPanel.classList.add('closing');
            filterBtn.setAttribute('aria-expanded', 'false');
            filterList.style.display = "none";

            filterOverlay.classList.remove('active');
            document.body.style.overflow = '';
            const openToggles = filterPanel.querySelectorAll('.toggle-list.active');
            openToggles.forEach(toggle => toggle.classList.remove('active'));

            const openMenus = filterPanel.querySelectorAll('.side-bar-menu.open');
            openMenus.forEach(menu => menu.classList.remove('open'));
        });

        filterOverlay?.addEventListener('click', () => {
            filterPanel.classList.remove('open');
            filterPanel.classList.add('closing');
            filterOverlay.classList.remove('active');
            document.body.style.overflow = '';
            const openToggles = filterPanel.querySelectorAll('.toggle-list.active');
            openToggles.forEach(toggle => toggle.classList.remove('active'));

            const openMenus = filterPanel.querySelectorAll('.side-bar-menu.open');
            openMenus.forEach(menu => menu.classList.remove('open'));
        });

        filterPanel?.addEventListener('animationend', (e) => {
            if (e.animationName === 'slideDown') {
                filterPanel.classList.remove('closing');
                filterPanel.style.opacity = 0;
                filterPanel.style.pointerEvents = 'none';
            }
        });

        const containerToggleListe = document.querySelector('#mobile-filter .side-bar-form');
        if (containerToggleListe) {
            attachToggleEvents(containerToggleListe);
        }

    }

    function attachToggleEvents(container) {
        container.addEventListener('click', function (e) {
            const toggle = e.target.closest('.toggle-list');
            if (toggle && container.contains(toggle)) {
                toggle.classList.toggle('active');
                const list = toggle.nextElementSibling;
                if (list?.classList.contains('side-bar-menu')) {
                    list.classList.toggle('open');
                }
            }
        });
    }

    function handleResizeResetFilter() {
        const searchInput = document.querySelector('#formation-search input.input-search');
        if(searchInput){
            searchInput.setAttribute("data-defaultplaceholder", searchInput.getAttribute("placeholder"));
            if(window.innerWidth <= mobileDevice){
                searchInput.setAttribute("placeholder", searchInput.getAttribute("data-mobileplaceholder"));
            }
        }
        window.addEventListener("resize", () => {
            const isDesktop = window.innerWidth > mobileDevice;
            const filterPanel = document.getElementById('mobile-filter');
            const filterOverlay = document.getElementById('filter-overlay');
            const filterBtn = document.querySelector('.filter-toggle');
            const filterList = document.querySelector('.filter.list .list-container .side-bar');

            if (isDesktop && filterPanel?.classList.contains('open')) {
                filterPanel.classList.remove('open', 'closing');
                filterPanel.style.display = "none";
                filterPanel.style.opacity = 0;
                filterPanel.style.pointerEvents = 'none';

                filterOverlay?.classList.remove('active');
                document.body.style.overflow = '';
                filterBtn?.setAttribute('aria-expanded', 'false');

                filterList && (filterList.style.display = "");

                const openToggles = filterPanel.querySelectorAll('.toggle-list.active');
                openToggles.forEach(toggle => toggle.classList.remove('active'));

                const openMenus = filterPanel.querySelectorAll('.side-bar-menu.open');
                openMenus.forEach(menu => menu.classList.remove('open'));
            }

            if(searchInput){
                if(!isDesktop){
                    searchInput.setAttribute("placeholder", searchInput.getAttribute("data-mobileplaceholder"));
                }else{
                    searchInput.setAttribute("placeholder", searchInput.getAttribute("data-defaultplaceholder"));
                }
            }
        });
    }


    function handleSearchComponent(){
        let sc = document.querySelector('input[data-rel="SearchComponent"]');
        if(!sc){
            return;
        }

        let close = document.createElement('span');
        close.classList.add("cross");
        sc.parentNode.appendChild(close);

        close.addEventListener('click', ()=>{
            sc.value = "";
            sc.setAttribute("value", "");
            sc.dispatchEvent(new Event('input'));
        });

        sc.addEventListener('input', ()=>{
            close.style.display = sc.value.length>0?"":"none";
        });
    }

    document.addEventListener("DOMContentLoaded", init);
})();
// requestAnim shim layer by Paul Irish
window.requestAnimFrame = (function(){
    return  window.requestAnimationFrame   ||
        window.webkitRequestAnimationFrame ||
        window.mozRequestAnimationFrame    ||
        window.oRequestAnimationFrame      ||
        window.msRequestAnimationFrame     ||
        function(/* function */ callback){
            window.setTimeout(callback, 1000 / 60);
        };
})();

/**
 * M4Tween - Javascript animation library
 * Copyright (C) 2009 - 2015  NICOLAS Arnaud <arno06@gmail.com>
 *
 *  This program is free software: you can redistribute it and/or modify
 *  it under the terms of the GNU General Public License as published by
 *  the Free Software Foundation, either version 3 of the License, or
 *  (at your option) any later version.
 *
 *  This program is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU General Public License for more details.
 *
 *  You should have received a copy of the GNU General Public License
 *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
if(!window["M4"]) var M4 ={};
M4.browser = (function()
{
    var ua = navigator.userAgent;
    return {
        IE:ua.indexOf("MSIE")>-1,
        FF:ua.indexOf("Firefox")>-1,
        CHROME:ua.indexOf("Chrome")>-1,
        SAFARI:ua.indexOf("AppleWebKit")>-1&&ua.indexOf("Chrome")===-1
    };
})();

function M4Tween(){this.configure(null, null, 0, null, 0, null);}

M4Tween.prototype =
{
    configure:function (pTarget, pFirstInfos, pDuration, pEase, pDelay, pStyle)
    {
        this.startHandler = null;
        this.updateHandler = null;
        this.completeHandler = null;
        this.startTime = null;
        this.delay = pDelay;
        this.target = pTarget;
        this.context = pStyle?this.target.style:this.target;
        this.useStyle = pStyle;
        this.firstInfos = pFirstInfos;
        this.durationTime = pDuration;
        this.ease = pEase;
    },
    start:function()
    {
        this.waiting = null;
        this.startTime = new Date().getTime();
        var f = this.firstInfos, t = this.target;
        if(this.useStyle)
        {
            if(document&&document.defaultView&&document.defaultView.getComputedStyle)
                t = document.defaultView.getComputedStyle(this.target, null);
            else if (this.target.currentStyle)
                t = this.target.currentStyle;
            else
                t = this.target.style;
        }
        while(f)
        {
            f.extractStartValue(t, this.useStyle, this.context);
            f = f.next;
        }
        if(this.startHandler)
        {
            this.startHandler();
        }
    },
    update:function(pDt)
    {
        var timer, t, factor, i;
        timer = (pDt - this.startTime) * .001;
        t = (timer<this.durationTime);
        factor = t? this.ease(timer, 0, 1, this.durationTime ):1;
        i = this.firstInfos;
        while(i)
        {
            this.context[i.property] = i.update(factor);
            i = i.next;
        }
        if(typeof(this.updateHandler)=="function")
            this.updateHandler(this.context);
        if(!t)
            this.kill(true);
    },
    kill:function(pTrigger)
    {
        if(pTrigger !== true)
            this.completeHandler = null;

        if(this==M4Tween.first)
        {
            M4Tween.first = this.next;
            if(M4Tween.first)
                M4Tween.first.prev = null;
        }
        if(this.prev)
            this.prev.next = this.next;
        if(this.next)
            this.next.prev = this.prev;

        M4Tween.GC.push(this);
        if(typeof(this.completeHandler) == "function")
            this.completeHandler(this.target);
    },
    onComplete:function(pHandler){this.completeHandler = pHandler;return this;},
    onStart:function(pHandler){this.startHandler = pHandler;return this;},
    onUpdate:function (pHandler){this.updateHandler = pHandler;return this;},
    then:function(pTarget, pTime, pProperty)
    {
        if(!pProperty.delay)
            pProperty.delay = 0;
        pProperty.delay += this.delay + this.durationTime;
        return M4Tween.to(pTarget, pTime, pProperty);
    }
};
M4Tween.to = function(pTarget, pTime, pProperty)
{
    if(!pTarget)
        return;
    var a, ease = Quad.easeInOut,firstInfos,tmp = {}, property, style, delay = 0, k, key = Object.keys(pProperty);
    style = typeof(pProperty.useStyle)!="undefined"?pProperty.useStyle:M4Tween.useStyle;
    for(var i = 0, max = key.length;i<max;i++)
    {
        property = key[i];
        k = pProperty[property];
        switch(property)
        {
            case "ease":
                ease = k;
                continue;
                break;
            case "delay":
                delay = Number(k);
                continue;
                break;
            case "useStyle":
                continue;
                break;
        }
        if(typeof(M4TweenPlugins[property])=="undefined")
            property = "defaultProp";
        if(typeof(M4TweenPlugins[property])!="object")
            continue;
        a = M4TweenPlugins[property].newInfos(key[i], k, style);
        a.extractStartValue = M4TweenPlugins[property].extractStartValue;
        if(!firstInfos)
            firstInfos = a;
        else
            tmp.next = a;
        tmp = a;
    }

    M4Tween.initPool();
    var instance = M4Tween.current;
    M4Tween.current = instance.nextInPool;
    instance.nextInPool = null;
    instance.configure(pTarget, firstInfos, pTime, ease, delay, style);
    if(delay)
        instance.waiting = (new Date()).getTime()+(delay * 1000);
    else
        instance.start();


    if(M4Tween.first)
    {
        M4Tween.first.prev = instance;
        instance.next = M4Tween.first;
    }
    M4Tween.first = instance;
    if(!M4Tween.running)
        M4Tween.running = window.requestAnimFrame(M4Tween.step);
    return instance;
};

M4Tween.TIME = Math.round(1000/60);
M4Tween.GROWTH_RATE = 2000;
M4Tween.current = null;
M4Tween.first = null;
M4Tween.running = 0;
M4Tween.useStyle = true;
M4Tween.GC = [];

M4Tween.step = function()
{
    while(M4Tween.GC.length)
    {
        t = M4Tween.GC.shift();
        t.next = t.prev = t.firstInfos = t.waiting = null;
        t.nextInPool = M4Tween.current;
        M4Tween.current = t;
    }
    M4Tween.GC = [];
    var i = M4Tween.first;
    if(!i)
    {
        M4Tween.running = 0;
        return;
    }
    var t = new Date().getTime();
    while(i)
    {
        if(i.waiting != null && i.waiting <= t)
            i.start();
        if(i.waiting==null)
            i.update(t);
        i = i.next;
    }
    M4Tween.running = window.requestAnimFrame(M4Tween.step);
};

M4Tween.initPool = function (pNumber)
{
    if(M4Tween.current)
        return;
    if(!pNumber)
        pNumber = M4Tween.GROWTH_RATE;
    var e, i = pNumber;
    while(i--)
    {
        e = new M4Tween();
        e.nextInPool = M4Tween.current;
        M4Tween.current = e;
    }
};

M4Tween.killTweensOf = function (pTarget, pComplete)
{
    var i = M4Tween.first;
    while(i)
    {
        if(i.target == pTarget)
            i.kill(pComplete);
        i = i.next;
    }
};

function M4TweenInfos(pProperty, pFinalValue, pType, pTemplateValue)
{
    this.extractStartValue = null; this.startValue = null; this.distanceValue = null;
    this.property = pProperty;
    this.finalValue = Number(pFinalValue);
    this.type = pType;
    this.templateValue = pTemplateValue;
}
M4TweenInfos.prototype=
{
    update:function(pFactor)
    {
        var v = (this.startValue + ( pFactor * this.distanceValue))+""+this.type;
        return !this.templateValue?v:this.templateValue.replace(/#value#/, v);
    },
    setStartValue:function(pValue)
    {
        this.startValue = Number(pValue);
        this.distanceValue = this.finalValue - this.startValue;
    }
};

function M4TweenColorInfos(pProperty, pFinalValue)
{
    this.extractStartValue = null; this.startValue = null;
    this.property = pProperty;
    this.finalValue = Number(pFinalValue);
    this.r = new M4TweenInfos("r",((this.finalValue&parseInt("FF0000", 16))>>16), null,null);
    this.g = new M4TweenInfos("g",((this.finalValue&parseInt("00FF00", 16))>>8), null,null);
    this.b = new M4TweenInfos("b",(this.finalValue&parseInt("0000FF", 16)), null,null);
}
M4TweenColorInfos.prototype =
{
    update:function (pFactor)
    {
        var r = Math.round(this.r.startValue+ (pFactor * this.r.distanceValue));
        var g = Math.round(this.g.startValue+ (pFactor * this.g.distanceValue));
        var b = Math.round(this.b.startValue+ (pFactor * this.b.distanceValue));
        return "rgb("+r+", "+g+", "+b+")";
    },
    setStartValue:function(pValue)
    {
        this.startValue = Number(pValue);
        this.r.setStartValue((this.startValue&parseInt("FF0000", 16))>>16);
        this.g.setStartValue((this.startValue&parseInt("00FF00", 16))>>8);
        this.b.setStartValue(this.startValue&parseInt("0000FF", 16));
    }
};

if(typeof(M4TweenPlugins)=="undefined")
    function M4TweenPlugins(){}

M4TweenPlugins.color =
{
    extractStartValue:function(pCtx)
    {
        var t;
        if(t = pCtx[this.property].match(/rgb\(([0-9]+),\s*([0-9]+),\s*([0-9]+)\)/i))
            this.setStartValue(t[1]<<16|t[2]<<8|t[3]);
        else if(t = pCtx[this.property].match(/#([0-9A-F]{2})([0-9A-F]{2})([0-9A-F]{2})/i))
            this.setStartValue(parseInt(t[1],16)<<16|parseInt(t[2],16)<<8|parseInt(t[3],16));
    },
    newInfos:function(pProperty, pFinalValue)
    {
        return new M4TweenColorInfos(pProperty, parseInt(pFinalValue.replace("#", ""), 16));
    }
};

M4TweenPlugins.backgroundColor = {};
for(var i in M4TweenPlugins.color)
{
    if(M4TweenPlugins.color.hasOwnProperty(i))
        M4TweenPlugins.backgroundColor[i] = M4TweenPlugins.color[i];
}

M4TweenPlugins.opacity =
{
    extractStartValue:function(pCtx, pStyle)
    {
        var s = pCtx[this.property];
        if(pStyle && M4.browser.IE && (!document["documentMode"] || document["documentMode"] < 9))
        {
            try
            {
                s = s.replace(/alpha\(opacity=/,"");
                s = s.replace(/\)/,"");
                s = s!==""?s:100;
            }
            catch(ex){s = 100;}
        }
        this.setStartValue(s);
    },
    newInfos:function(pProperty, pFinalValue, pStyle)
    {
        var prop = "opacity", template;
        if(pStyle && M4.browser.IE && (!document["documentMode"] || document["documentMode"] < 9))
        {
            pFinalValue *= 100;
            prop = "filter";
            template = "alpha(opacity=#value#)";
        }
        return new M4TweenInfos(prop, pFinalValue, "", template);
    }
};

M4TweenPlugins.defaultProp =
{
    extractStartValue:function(pCtx, pUseStyle, pRealCtx)
    {
        var current = String(pCtx[this.property]);
        if(this.type === "%"&&String(current).replace(/(px|%)/,"")!=="0")
        {
            var setCtx = pCtx;
            if(pUseStyle)
                setCtx = pRealCtx;
            setCtx[this.property] = "auto";
            var max = String(pCtx[this.property]).replace(/(px|%)/, '');
            setCtx[this.property] = current;
            current = Math.round((current.replace(/(px|%)/, "") / max) * 1000)/10;
        }
        this.setStartValue(String(current).replace(/(px|%)/,""));
    },
    newInfos:function(pProperty, pFinalValue)
    {
        var s = String(pFinalValue), type = "",
            p = s.search(/(px|%)/);
        if(p>-1)
            type = s.substr(p);
        return new M4TweenInfos(pProperty, s.replace(/(px|%)/,""), type, null);
    }
};

M4TweenPlugins.rotate =
{
    extractStartValue:function(pCtx)
    {
        var v = M4TweenGenericInfos.transform.extractStartValue(pCtx, this.property, this.templateValue.split("#value#"), function(pT){
            var c = Number(pT[0]);
            var s = Number(pT[1]);
            var value = Math.atan2(s, c) * (180 / Math.PI);
            if(value < 0)
                value = 360 - value;
            return value;
        });
        this.setStartValue(v);
    },
    newInfos:function(pProperty, pFinalValue)
    {
        return M4TweenGenericInfos.transform.newInfos(pFinalValue, "rotate(#value#)", "deg");
    }
};

M4TweenPlugins.translateX =
{
    extractStartValue:function(pCtx)
    {
        var v = M4TweenGenericInfos.transform.extractStartValue(pCtx, this.property, this.templateValue.split("#value#"), function(pT){
            return Number(pT[4])||0;
        });
        this.setStartValue(v);
    },
    newInfos:function(pProperty, pFinalValue)
    {
        return M4TweenGenericInfos.transform.newInfos(pFinalValue, "translateX(#value#)", "(px|%)");
    }
};

M4TweenPlugins.translateY =
{
    extractStartValue:function(pCtx)
    {
        var v = M4TweenGenericInfos.transform.extractStartValue(pCtx, this.property, this.templateValue.split("#value#"), function(pT){
            return Number(pT[5]);
        });
        this.setStartValue(v);
    },
    newInfos:function(pProperty, pFinalValue)
    {
        return M4TweenGenericInfos.transform.newInfos(pFinalValue, "translateY(#value#)", "(px|%)");
    }
};

M4TweenPlugins.translateZ =
{
    extractStartValue:function(pCtx)
    {
        var v = M4TweenGenericInfos.transform.extractStartValue(pCtx, this.property, this.templateValue.split("#value#"), function(pT){
            return Number(pT[14]||"0");
        });
        this.setStartValue(v);
    },
    newInfos:function(pProperty, pFinalValue)
    {
        return M4TweenGenericInfos.transform.newInfos(pFinalValue, "translateZ(#value#)", "(px|%)");
    }
};

var M4TweenGenericInfos = {
    transform:{
        newInfos:function(pFinalValue, pTemplate, pUnits)
        {
            var s = String(pFinalValue), p, tpl = pTemplate, t = pUnits, re = new RegExp(pUnits);
            if((p=s.search(re))>-1)
            {
                t = s.substr(p);
                s = s.replace(re, "");
            }
            if(M4.browser.IE)
                p = "msTransform";
            else if (M4.browser.CHROME||M4.browser.SAFARI)
                p = "WebkitTransform";
            else if (M4.browser.FF)
                p = "MozTransform";
            else
                p = "transform";
            return new M4TweenInfos(p, s, t, tpl);
        },
        extractStartValue:function(pCtx, pProperty, pTemplateParts, pCallback)
        {
            var v = pCtx[pProperty], t;
            if(v)
            {
                if(v.indexOf("matrix")>-1)
                {
                    t = v.split('(')[1].replace(')', '').split(', ');
                    return pCallback(t);

                }
                else
                {
                    v = v.replace(pTemplateParts[0], "");
                    v = v.replace(pTemplateParts[1], "");
                    v = v=="none"?0:v;
                }
            }
            else
                v = 0;
            return v;
        }
    }
};

M4Tween.from = function(pStartValue)
{
    return new M4Tween.Dummy(pStartValue);
};
M4Tween.Dummy = function(pStartValue)
{
    this.target = {value:pStartValue};
};
M4Tween.Dummy.prototype =
{
    to:function(pEndValue)
    {
        this.endValue = pEndValue;
        return this;
    },
    start:function(pDuration, pOptions)
    {
        pDuration = pDuration||1;
        pOptions = pOptions || {};
        pOptions.value = this.endValue;
        pOptions.useStyle = false;
        return M4Tween.to(this.target, pDuration, pOptions);
    }
};

/**Easing Equations by Robert Penner (http://www.robertpenner.com/easing/ - BSD License)**/
function Linear(){}
Linear.easeNone = function(t, b, c, d){return (c*t/d) + b;};
function Back(){}
Back.easeIn = function (t, b, c, d, s){if(!s){s=1.70158;}return c*(t/=d)*t*((s+1)*t - s) + b;};
Back.easeOut = function (t, b, c, d, s){if(!s){s=1.70158;}return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;};
Back.easeInOut = function (t, b, c, d, s){if(!s){s=1.70158;}if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;};
function Bounce(){}
Bounce.easeOut = function(t, b, c, d) {if ((t/=d) < (1/2.75)) {return c*(7.5625*t*t) + b;}else if (t < (2/2.75)) {return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;}else if (t < (2.5/2.75)) {return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;} else {return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;}};
Bounce.easeIn = function(t, b, c, d){return c - Bounce.easeOut(d-t, 0, c, d) + b;};
Bounce.easeInOut = function (t, b, c, d){if (t < d/2) return Bounce.easeIn (t*2, 0, c, d) * .5 + b;else return Bounce.easeOut (t*2-d, 0, c, d) * .5 + c*.5 + b;};
function Quad(){}
Quad.easeIn = function (t, b, c, d) {return c*(t/=d)*t + b;};
Quad.easeOut = function (t, b, c, d){return -c *(t/=d)*(t-2) + b;};
Quad.easeInOut = function (t, b, c, d){if ((t/=d/2) < 1) return c/2*t*t + b;return -c/2 * ((--t)*(t-2) - 1) + b;};
function Circ(){}
Circ.easeIn = function (t, b, c, d){return ((-c * (Math.sqrt(1 - (t/=d)*t) - 1)) + b);};
Circ.easeOut = function (t, b, c, d) {return ((c * Math.sqrt(1 - (t=t/d-1)*t)) + b);};
Circ.easeInOut = function (t, b, c, d){if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;};
function Elastic(){}
Elastic.easeOut = function (t, b, c, d, a, p) {var s;if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;if (!a || a < Math.abs(c)) { a=c; s = p/4; }else s = p/(Math.PI*2) * Math.asin (c/a);return (a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(Math.PI*2)/p ) + c + b);};
Elastic.easeInOut = function (t, b, c, d, a, p){var s;if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5); if (!a || a < Math.abs(c)) { a=c; s = p/4; }else s = p/(Math.PI*2) * Math.asin (c/a); if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(Math.PI*2)/p )) + b; return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(Math.PI*2)/p )*.5 + c + b;};
Elastic.easeIn = function (t, b, c, d, a, p){var s;if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;if (!a || a < Math.abs(c)) { a=c; s = p/4; }else s = p/(Math.PI*2) * Math.asin (c/a);return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(Math.PI*2)/p )) + b;};
/**
 * Utilities
 */
NodeList.prototype.forEach = Array.prototype.forEach;

String.prototype.html_entity_decode = function()
{
    var d = M4.createElement("div", {htmlText:this.toString()});
    return d.firstChild.nodeValue;
};

Function.prototype.proxy = function(pInstance)
{
    var ref = this;
    return function(){ref.apply(pInstance, arguments);};
};

Object.clone = function(pData)
{
    var obj = {};
    for(var i in pData)
    {
        if(!pData.hasOwnProperty(i))
            continue;
        obj[i] = pData[i];
    }
    return obj;
};


/**
 * Base Class
 * Overriding - toString - whatever
 */
function Class(){}

Class.prototype = {
    super:function(pMethodName)
    {
        pMethodName = pMethodName||"constructor";
        if(!this.__SUPER__||!this.__SUPER__[pMethodName])
            throw new Error("Method '"+pMethodName+"' undefined");
        var args = [];
        for(var i = 1, max = arguments.length;i<max;i++)
            args.push(arguments[i]);
        var func;
        if(this[pMethodName]&&this[pMethodName]==this.__SUPER__[pMethodName])
            func = this.__SUPER__.__SUPER__[pMethodName].proxy(this);
        else
            func = this.__SUPER__[pMethodName].proxy(this);
        return func.apply(this, args);
    },
    toString : function()
    {
        return this.formatToString();
    },
    formatToString : function()
    {
        var t = /^function ([a-z][a-z0-9_]*)\(/i.exec(this.constructor.toString());
        var s = "[Object "+t[1];
        for(var i=0, max = arguments.length;i<max;i++)
            s+= " "+arguments[i]+"=\""+this[arguments[i]]+"\"";
        return s+"]";
    }
};

Class.extend = function(pTarget, pClassParent)
{
    for(var i in pClassParent.prototype)
    {
        pTarget.prototype[i] = pClassParent.prototype[i];
    }
    pTarget.prototype.__SUPER__ = pClassParent.prototype;
};
Class.define = function(pTarget, pExtends, pPrototype)
{
    if(pExtends.length>0)
    {
        for(var i = 0, max=pExtends.length; i<max; i++)
            Class.extend(pTarget, pExtends[i]);
    }
    for(var k in pPrototype)
        pTarget.prototype[k] = pPrototype[k];
};
function CEvent(pType, pBubbles)
{
    this.type = pType;
    this.bubbles = pBubbles||false;
    this.eventPhase = CEvent.AT_TARGET;
}

Class.define(CEvent, [Class], {
    target:null,
    currentTarget:null,
    eventPhase:null,
    type:null,
    bubbles:false,
    clone:function(){var e = new CEvent(this.type, this.bubbles);e.target = this.target;return e;},
    toString:function(){return this.formatToString("type", "eventPhase", "target", "currentTarget", "bubbles");}
});

CEvent.CAPTURING_PHASE = 1;
CEvent.AT_TARGET = 2;
CEvent.BUBBLING_PHASE = 3;

CEvent.INIT = "init";
CEvent.COMPLETE = "complete";


function MouseCEvent(pType, pBubbles, pMouseX, pMouseY, pButton)
{
    this.type = pType;
    this.localX = pMouseX||0;
    this.localY = pMouseY||0;
    this.button = pButton||0;
    this.super("constructor", pType, pBubbles);
}
Class.define(MouseCEvent, [CEvent], {
    localX:0,
    localY:0,
    button:0
});
MouseCEvent.MOUSE_OVER = "mouse_over";
MouseCEvent.MOUSE_OUT = "mouse_out";
MouseCEvent.MOUSE_DOWN = "mouse_down";
MouseCEvent.MOUSE_UP = "mouse_up";
MouseCEvent.CLICK = "click";
MouseCEvent.LEFT_BUTTON = 0;
MouseCEvent.RIGHT_BUTTON = 2;
function CEventDispatcher() {
    this.removeAllEventListener();
}

Class.define(CEventDispatcher, [Class], {
    __listeners: {},
    __listenersCapture: {},
    addEventListener: function (pType, pHandler, pCapture) {
        if (typeof(pCapture) != "boolean")
            pCapture = false;
        if (pCapture) {
            if (!this.__listenersCapture[pType])
                this.__listenersCapture[pType] = [];
            this.__listenersCapture[pType].push(pHandler);
        }
        else {
            if (!this.__listeners[pType])
                this.__listeners[pType] = [];
            this.__listeners[pType].push(pHandler);
        }
    },
    removeEventListener: function (pType, pHandler, pCapture) {
        if (typeof(pCapture) != "boolean")
            pCapture = false;
        var t = (pCapture ? this.__listenersCapture : this.__listeners)[pType];
        if (typeof(t) == "undefined" || !t.length)
            return;
        var handlers = [];
        for (var i = 0, max = t.length; i < max; i++) {
            if (t[i] === pHandler)
                continue;
            handlers.push(t[i]);
        }
        if (pCapture)
            this.__listenersCapture[pType] = handlers;
        else
            this.__listeners[pType] = handlers;
    },
    removeAllEventListener: function (pType) {
        pType = pType || false;
        if (pType === false) {
            this.__listeners = {};
            this.__listenersCapture = {};
            return;
        }
        this.__listeners[pType] = [];
        this.__listenersCapture[pType] = [];
    },
    dispatchEvent: function (pEvent) {
        if (!pEvent.target)
            pEvent.target = this;
        pEvent.currentTarget = this;
        var a = [], p = this.parent, i, max, e;
        switch (pEvent.eventPhase) {
            case CEvent.CAPTURING_PHASE:
                if (typeof(this.__listenersCapture[pEvent.type]) == "undefined")
                    return;
                for (i = 0, max = this.__listenersCapture[pEvent.type].length; i < max; i++)
                    this.__listenersCapture[pEvent.type][i](pEvent);
                break;
            case CEvent.AT_TARGET:
                while (p) {
                    a.push(p);
                    p = p.parent;
                }
                e = Object.clone(pEvent);
                e.eventPhase = CEvent.CAPTURING_PHASE;
                for (i = a.length - 1; i >= 0; i--)
                    a[i].dispatchEvent(e);
                if (typeof(this.__listeners[pEvent.type]) == "object" && this.__listeners[pEvent.type].length > 0) {
                    for (i = 0, max = this.__listeners[pEvent.type].length; i < max; i++) {
                        if (this.__listeners[pEvent.type] && this.__listeners[pEvent.type][i])
                            this.__listeners[pEvent.type][i](pEvent);
                    }
                }
                if (pEvent.bubbles) {
                    e = Object.clone(pEvent);
                    e.eventPhase = CEvent.BUBBLING_PHASE;
                    for (i = 0, max = a.length; i < max; i++)
                        a[i].dispatchEvent(e);
                }
                break;
            case CEvent.BUBBLING_PHASE:
                if (typeof(this.__listeners[pEvent.type]) == "undefined")
                    return;
                for (i = 0, max = this.__listeners[pEvent.type].length; i < max; i++)
                    this.__listeners[pEvent.type][i](pEvent);
                break;
        }
    }
});
function RequestVidal(pTarget, pParams, pMethod)
{
    this.removeAllEventListener();
    pMethod = (pMethod||"get").toUpperCase();
    this.xhr_object = null;
    if (window.XMLHttpRequest)
        this.xhr_object = new XMLHttpRequest();
    else if (window.ActiveXObject)
    {
        var t = ['Msxml2.XMLHTTP','Microsoft.XMLHTTP'],i = 0;
        while(!this.xhr_object&&t[i++])
            try {this.xhr_object = new ActiveXObject(t[i]);}catch(e){}
    }
    if(!this.xhr_object)
        return;
    var ref = this, v = "", j = 0;
    for(i in pParams)
        v += (j++>0?"&":"")+i+"="+pParams[i];
    this.xhr_object.open(pMethod, pTarget, true);
    this.xhr_object.onprogress = this.dispatchEvent.proxy(this);
    this.xhr_object.onreadystatechange=function()
    {
        if(ref.xhr_object.readyState===4)
        {
            var ct = ref.xhr_object.getResponseHeader("Content-type");
            if(ct&&ct.indexOf("json")>-1)
                ref.xhr_object.responseJSON = JSON.parse(ref.xhr_object.responseText);
            switch(ref.xhr_object.status)
            {
                case 200:
                case 201:
                case 304:
                    ref.dispatchEvent(new RequestEvent(CEvent.COMPLETE, ref.xhr_object.responseText, ref.xhr_object.responseJSON));
                    break;
                case 400:
                case 401:
                case 402:
                case 403:
                case 404:
                case 405:
                case 500:
                case 503:
                    ref.dispatchEvent(new RequestEvent(RequestEvent.ERROR, ref.xhr_object.responseText, ref.xhr_object.responseJSON));
                    break;
            }
        }
    };
    this.xhr_object.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded;charset:'+RequestVidal.CHARSET);
    this.xhr_object.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
    try
    {
        this.xhr_object.send(v);
    }
    catch(e)
    {
        console.log(e);
    }
}
Class.define(RequestVidal, [CEventDispatcher],
    {
        onComplete:function(pFunction)
        {
            this.addEventListener(CEvent.COMPLETE, pFunction, false);
            return this;
        },
        onProgress:function(pFunction)
        {
            this.addEventListener(RequestEvent.PROGRESS, pFunction, false);
            return this;
        },
        onError:function(pFunction)
        {
            this.addEventListener(RequestEvent.ERROR, pFunction, false);
            return this;
        },
        cancel:function()
        {
            this.dispatchEvent(new RequestEvent(RequestEvent.CANCEL));
            this.xhr_object.abort();
        }
    });
RequestVidal.CHARSET = "UTF-8";
RequestVidal.load = function (pUrl, pParams, pMethod){return new RequestVidal(pUrl, pParams, pMethod);};
RequestVidal.update = function(pId, pUrl, pParams){return RequestVidal.load(pUrl, pParams).onComplete(function(pResponse){document.getElementById(pId).innerHTML = pResponse.responseText;});};

function RequestEvent(pType, pResponseText, pResponseJSON, pBubble)
{
    this.super("constructor", pType, pBubble);
    this.responseText = pResponseText||"";
    this.responseJSON = pResponseJSON||{};
}

Class.define(RequestEvent, [CEvent], {});
RequestEvent.ERROR = "error";
RequestEvent.CANCEL = "cancel";
RequestEvent.PROGRESS = "progress";
/**
 * @author Arnaud NICOLAS - arno06@gmail.com
 */
var Dabox = (function () {
    var ESCAPE_CODE = 27;
    var publicAPI = {
        display: function (pContent, pOptions) {
            if (!created)
                createDaBox();
            const defaultOptions = {
                dabox: {opacity: 1, class: "", width: "auto"},
                daboxHide: {opacity:  0.95, display: "block"}
            };
            pOptions = {
                ...defaultOptions,
                dabox: {...defaultOptions.dabox, ...pOptions?.dabox},
                daboxHide: {...defaultOptions.daboxHide, ...pOptions?.daboxHide}
            };

            var a = document.getElementById("DaboxHide");
            var b = document.getElementById("Dabox");
            M4Tween.killTweensOf(a);
            M4Tween.killTweensOf(b);
            b.innerHTML = "";
            b.style.width = pOptions.dabox.width;
            b.style.overflow = "auto";
            b.innerHTML = pContent;
            a.style.display = pOptions.daboxHide.display;
            b.style.display = "block";
            b.style.filter = "alpha(opacity=0)";
            b.className = pOptions.dabox.class;
            M4Tween.to(a, .2, {"opacity": pOptions.daboxHide.opacity});
            M4Tween.to(b, .3, {"opacity": pOptions.dabox.opacity});
            var close = document.createElement("div");
            a = document.createElement("a");
            a.className = "icon-close";
            a.href = "#";
            close.appendChild(a);
            b.appendChild(close);
            close.classList.add('close');
            a.addEventListener('click', closeBoxHandler);
            document.addEventListener('keydown', keydownHandler);
            if (displayHandler.length) {
                for (var i = 0, max = displayHandler.length; i < max; i++) {
                    displayHandler[i]();
                }
            }
        },
        hide: function () {
            var a = document.getElementById("DaboxHide");
            var b = document.getElementById("Dabox");
            M4Tween.killTweensOf(a);
            M4Tween.killTweensOf(b);
            M4Tween.to(a, .3, {"opacity":0}).onComplete(function(){
                a.style.display="none";
                b.style.display="none";
                a.innerHTML = b.innerHTML = "";
                if (hideHandler.length)
                    for (var i = 0, max = hideHandler.length; i < max; i++) {
                        hideHandler[i]();
                    }
                if(closeHandler){
                    closeHandler();
                }
            });
            M4Tween.to(b, .2, {"opacity":0});
            document.removeEventListener('keydown', keydownHandler);
        },
        register: function (pElement, pIdContent) {
            if (content[pIdContent]) {
                pElement.setAttribute("rel", pIdContent);
                pElement.addEventListener('click', aClickDisplayBox);
                return;
            }
            var t = document.getElementById(pIdContent);
            if (!t)
                return;
            content[pIdContent] = t.innerHTML;
            t.parentNode.removeChild(t);
            pElement.setAttribute("rel", pIdContent);
            pElement.addEventListener('click', aClickDisplayBox);
        },
        unregister: function (pIdContent) {
            if (content[pIdContent])
                delete content[pIdContent];
        },
        onDisplay: function (pHandler, pReset) {
            pReset = pReset || false;
            if (pReset) {
                displayHandler = [];
            }
            displayHandler.push(pHandler);
        },
        onHide: function (pHandler, pReset) {
            pReset = pReset || false;
            if (pReset) {
                hideHandler = [];
            }
            hideHandler.push(pHandler);
        },
        onClose:function(pHandler)
        {
            closeHandler = pHandler;
        },
        isDisplayed: function () {
            var a = document.getElementById("DaboxHide");
            var b = document.getElementById("Dabox");
            return a && b && a.style.opacity > 0 && b.style.opacity > 0;
        },
        getDaboxElement: function () {
            var elt = document.getElementById("Dabox");
            return elt ? elt : null;
        },
        registerAsync: function (pElement) {
            var r = pElement.getAttribute("rel"), t;
            if (t = r.match(/Dabox\[cbo\:([^\]]+)\]/)) {
                pElement.setAttribute('rel', t[1]);
                pElement.addEventListener('click', aClickCboBox);
            } else if (t = r.match(/Dabox\[async\:([^\]]+)\]/)) {
                pElement.setAttribute('rel', t[1]);
                pElement.addEventListener('click', aClickAsyncBox);
            }
        }
    };
    var created = false;
    var content = {};
    var displayHandler = [];
    var hideHandler = [];
    var closeHandler;

    function keydownHandler(e) {
        if (e.keyCode === ESCAPE_CODE) {
            publicAPI.hide();
        }
    }

    function aClickAsyncBox(e) {
        if (e) {
            e.stopImmediatePropagation();
            e.stopPropagation();
            e.preventDefault();
        }
        var rel = e.currentTarget.getAttribute("rel");
        RequestVidal.load(rel).onComplete(displayBoxAjax);
    }
    function aClickCboBox(e) {
        if (e) {
            e.stopImmediatePropagation();
            e.stopPropagation();
            e.preventDefault();
        }
        var rel = decodeURIComponent(window.atob(e.currentTarget.getAttribute("rel")));
        RequestVidal.load(rel).onComplete(displayBoxAjax);
    }


    function displayBoxAjax(pResponse) {
        var html = pResponse.responseJSON && pResponse.responseJSON.html ? pResponse.responseJSON.html : pResponse.responseText;
        publicAPI.display(html);
    }

    function createDaBox() {
        var hide = document.createElement("div");
        hide.setAttribute("id", "DaboxHide");
        document.body.appendChild(hide);
        var box = document.createElement("div");
        box.setAttribute("id", "Dabox");
        document.body.appendChild(box);
        created = true;
        hide.addEventListener('click', closeBoxHandler);
    }

    function closeBoxHandler(e) {
        if (e) {
            e.stopImmediatePropagation();
            e.stopPropagation();
            e.preventDefault();
        }
        publicAPI.hide();

    }

    function aClickDisplayBox(e) {
        if (e) {
            e.stopImmediatePropagation();
            e.stopPropagation();
            e.preventDefault();
        }
        var rel = e.target.getAttribute("rel") ? e.target.getAttribute("rel") : e.target.parentNode.getAttribute('rel');
        publicAPI.display(content[rel]);
    }

    function initDaBox() {
        document.querySelectorAll('*[rel^="Dabox"]').forEach(function (a) {
            if (a.rel == "")
                return;
            var r = a.getAttribute("rel"), t;
            t = r.match(/Dabox\[([a-z0-9\_\-]+)\]/);
            t = t ? t[1] : null;
            if (t) {
                publicAPI.register(a, t);
            }
            publicAPI.registerAsync(a);
        });
    }

    NodeList.prototype.forEach = Array.prototype.forEach;
    window.addEventListener("load", initDaBox);
    return publicAPI;
})();

class paVimeoPlayer {

    constructor() {
        this.paCustomParams = {}
    }

    set params(params) {
        this.paCustomParams = params
    }

    set media(media) {
        this.videoMedia = media
    }

    avInitTag = (data) => {
        if (data.duration) {
            this.paCustomParams.av_content_duration = data.duration*1000;
        } else if (data.id) {
            this.paCustomParams.av_content_id = data.id.toString();
        }
        this.videoMedia.setProps(this.paCustomParams);
    }

    onPlayerReady = (player) => {
        this.instanciatedPlayer = player;

        this.instanciatedPlayer.on("loaded", (data) => {
            this.avInitTag(data);
            this.newVideoLoaded = true;
        });

        this.instanciatedPlayer.on("playing", (data) => {
            this.instanciatedPlayer.getVideoTitle().then((title) => {
                this.paCustomParams.av_content = title;
                this.avInitTag(data);
                if (this.previousPlayerStatePaused === true & !this.newVideoLoaded) {
                    this.videoMedia.playbackResumed(data.seconds * 1000);
                } else if (this.previousPlayerStateSeeked === true & !this.newVideoLoaded) {
                    this.videoMedia.playbackResumed(data.seconds * 1000);
                } else if (this.newVideoLoaded) {
                    this.videoMedia.play(data.seconds * 1000);
                    this.videoMedia.playbackStart(data.seconds * 1000);
                    this.newVideoLoaded = false;
                }
            });
        });

        this.instanciatedPlayer.on("pause", (data) => {
            this.instanciatedPlayer.getVideoTitle().then((title) => {
                this.paCustomParams.av_content = title;
                this.avInitTag(data);
                this.videoMedia.playbackPaused(data.seconds * 1000);
                this.previousPlayerStatePaused = true;
            });
        });

        this.instanciatedPlayer.on("ended", (data) => {
            this.instanciatedPlayer.getVideoTitle().then((title) => {
                this.paCustomParams.av_content = title;
                this.avInitTag(data);
                this.videoMedia.playbackStopped(data.seconds * 1000);
            });
        });

        this.instanciatedPlayer.on("seeking", (data) => {
            this.instanciatedPlayer.getVideoTitle().then((title) => {
                this.paCustomParams.av_content = title;
                this.avInitTag(data);
                this.previousCursorPosition = data.seconds * 1000;
            });
        });

        this.instanciatedPlayer.on("seeked", (data) => {
            this.instanciatedPlayer.getVideoTitle().then((title) => {
                this.paCustomParams.av_content = title;
                this.avInitTag(data);
                this.videoMedia.seek(this.previousCursorPosition, data.seconds * 1000);
                this.previousPlayerStateSeeked = true;
            });  
        });
    }
}

const paVimeoConnector = new paVimeoPlayer();
class VimeoConnectorHandler {
    constructor(player, author) {
        this.player = player;
        this.lastTimeUpdate = 0;
        this.sentStartEvent = false;
        this.sent50Event = false;
        this.sent100Event = false;

        this.player.ready().then(() => {
            this.player.getDuration().then((duration) => {
                paVimeoConnector.media = new pa.avInsights.Media(5, 5);
                paVimeoConnector.onPlayerReady(this.player);
                paVimeoConnector.params = {
                    'av_author': 'VIDAL France',
                    'av_content_type': 'Vidéo',
                    'av_content_duration': duration,
                };
            });
        });

        this.player.on('play', (data) => {
            this.lastTimeUpdate = Date.now();
            if (data.percent >= 0 && !this.sentStartEvent){
                this._sendContentGoal('Vidéo - Commencée')
                this.sentStartEvent = true;
            }
        });

        this.player.on('pause', () => {
            if (this.lastTimeUpdate) {
                this.lastTimeUpdate = 0;
            }
        });

        this.player.on('timeupdate', (data) => {
            if (this.lastTimeUpdate) {
                this.lastTimeUpdate = Date.now();

                if(data.percent >= 0.5 && !this.sent50Event) {
                    this._sendContentGoal('Vidéo - 50%')
                    this.sent50Event = true;
                }
                if (data.percent === 1 && !this.sent100Event) {
                    this._sendContentGoal('Vidéo - 100%');
                    this.sent100Event = true;
                }
            }
        });
    }

    _sendContentGoal(pContent){
        if (typeof pa !== 'undefined' && typeof pa.sendEvent === 'function') {
            pa.sendEvent('content.goal', {
                'goal_type':pContent,
            });
        }
    }
}

(()=>{
    let hasStartedScrolling = false;
    let courseCompleted = false;
    let hasStickyObserver = false;
    let mobileDevice = 728;
    let authObserver = null;
    let previousIsMobile = window.innerWidth <= mobileDevice;

    function init() {
        let buttons = document.querySelectorAll('button.editable-button');
        if(buttons) {
            buttons.forEach(button => setupButton(button));
            let typeFormation = document.querySelector('.course-content').getAttribute('data-type_formation');
            if(typeFormation === "one_page") {
                buttons.forEach(button => updateProgressionUser(button))
            }
        }

        let vimeos = document.querySelectorAll('.vimeo iframe');
        if(vimeos) {
            vimeos.forEach(vimeo => setupChapiters(vimeo));
        }

        let images = document.querySelectorAll('div.editable-image');
        if(images) {
            images.forEach(image => updateImageDimensions(image));
        }

        let quizs = document.querySelectorAll('.editable-quiz');
        let hasResults = document.querySelector('.quiz-result');
        if(quizs && hasResults === null) {
            quizs.forEach(quiz => setupQuiz(quiz));
        }else if (quizs && hasResults !== null) {
            let userResults = document.querySelectorAll('.editable-quiz .user-answer');
            userResults.forEach(result => setupQuizResult(result));
        }

        let resources = ["synthesis", "resource_url", "labo_url", "document"];
        resources.forEach(resource => hideResourceTitle(resource));

        let tables = document.querySelectorAll('.editable-text table');
        if(tables) {
            tables.forEach((table) => wrapperTable(table));
        }

        navigationSelect();
        resizeResponsive();
        const form = document.getElementById('quiz-form');
        const allInputs = form?.querySelectorAll('input[type="checkbox"], input[type="radio"]');
        if (allInputs){
            allInputs.forEach(function (input) {
                input.addEventListener('change', toggleSubmitButton);
            });
        }

        document.querySelectorAll('.answersText, .answersImage').forEach(function (container) {
            container.addEventListener('click', function (e) {
                if (e.target.tagName !== 'INPUT' && e.target.tagName !== 'LABEL') {
                    const input = this.querySelector('input');
                    if (input) input.click();
                }
            });
        });
        addPaddingToReferenceBlock();
    }

    function updateProgressionUser(button){
        button.addEventListener("click", () => {
            let idModule = button.closest('[data-id_module]').getAttribute("data-id_module");
            if(idModule) {
                fetch('update-module-progression-user', {
                    headers: {
                        "x-requested-with": "XMLHttpRequest"
                    },
                    method: 'POST',
                    body: new URLSearchParams({
                        id_module: idModule
                    })
                })
                    .then(response => response.text())
                    .catch(error => {
                        console.error('Erreur:', error);
                    });
            }
        })
    }

    function setupChapiters(pIframe) {
        const player = new Vimeo.Player(pIframe);
        VIDALVimeo.getChapters(player, pIframe);
    }

    function setupButton(pButton) {
        const defaultColor = pButton.style.getPropertyValue('color');
        const defaultBackgroundColor = pButton.style.getPropertyValue('background-color');
        const hoverColor = pButton.style.getPropertyValue('--hover-color');
        const hoverBackgroundColor = pButton.style.getPropertyValue('--hover-background-color');
        let action = pButton.getAttribute('data-action');
        const href = pButton.getAttribute("href");

        if (pButton.classList.contains('disabled')) {
            pButton.addEventListener('click', function(event) {
                event.preventDefault();
                event.stopImmediatePropagation();
            })
        }else{
            pButton.addEventListener('click', () => {
                if(action === "modal") {
                    displayModal(pButton);
                }else{
                    if (pButton.getAttribute('target') === '_blank') {
                        window.open(href, '_blank');
                    } else {
                        window.location.href = href;
                    }
                }
            })
            pButton.addEventListener('mouseenter', () => {
                if (hoverColor) pButton.style.color = hoverColor;
                if (hoverBackgroundColor) pButton.style.backgroundColor = hoverBackgroundColor;
            });

            pButton.addEventListener('mouseleave', () => {
                pButton.style.color = defaultColor;
                pButton.style.backgroundColor = defaultBackgroundColor;
            });
        }
    }

    function navigationSelect() {
        let nav = document.querySelectorAll('.navigation-section');
        if(nav && nav.length > 0) {
            if(nav.length === 1) {
                nav[0].style.display = 'block';
                let tabs = nav[0].querySelectorAll(".sub-navigation-section");
                displayNavigation(tabs);
            }
            else if(nav.length > 12) {
                displaySelect(nav);
            }else {
                displayNavigation(nav);
            }
        }
    }

    function displayNavigation(pNav){
        let navigation = document.createElement("nav");
        navigation.style.display = "grid";

        if (pNav.length < 9) {
            navigation.style.gridTemplateColumns = 'repeat(2, 1fr)';
        } else {
            navigation.style.gridTemplateColumns = 'repeat(3, 1fr)';
            if (window.innerWidth <= mobileDevice) {
                navigation.style.display = "flex";
                navigation.style.flexWrap = "wrap";
            }
        }

        createNavigation(pNav, navigation);
        let navElement = document.querySelector('.navigation-section');
        if (navElement && navElement.parentElement) {
            let parent = navElement.parentElement.parentElement;
            parent.insertBefore(navigation, navElement.parentElement);
        }
    }

    function createNavigation(pNav, pNavEl) {
        pNav.forEach((n, i) => {
            n.style.display = "none";

            let balises = createElementForNavigation(n, i, ["li", "a"]);
            let li = balises.baliseParent;
            let a = balises.baliseEnfant;
            pNavEl.appendChild(li);

            li.addEventListener('click', (e) => {
                pNavEl.querySelectorAll('li').forEach((li) => li.classList.remove('current'));
                li.classList.add('current');
                const value = e.currentTarget.value;
                pNav.forEach(n=>n.style.display = "none");
                pNav[value].style.display = "block";
                let sectionNav = document.querySelectorAll('.navigation-section');
                if(sectionNav.length === 1) {
                    sectionNav[0].style.display = "block";
                }
                createSubNavigation(n);
            })
        })
    }

    function createElementForNavigation(n,pIndex, pBalises) {
        let title = n.querySelector('h3').textContent;
        let baliseParent = document.createElement(pBalises[0]);
        baliseParent.value = pIndex;
        const liCurrent = document.querySelector('.course-menu .main.current .chapter-title');
        if(pBalises.length > 1) {
            let baliseEnfant = document.createElement(pBalises[1]);
            baliseEnfant.text = title;
            baliseEnfant.setAttribute("data-vp_click", title);
            baliseEnfant.setAttribute("data-vp", "click.action");
            baliseEnfant.setAttribute("onclick", "VIDALPiano.event(this);");
            if(liCurrent) {
                baliseEnfant.setAttribute("data-vp_click_chapter1", liCurrent.textContent);
            }
            baliseParent.appendChild(baliseEnfant);
            return {baliseParent,baliseEnfant};
        }else{
            baliseParent.text = title;
            baliseParent.setAttribute("data-vp_click", title);
            baliseParent.setAttribute("data-vp", "click.action");
            baliseParent.setAttribute("onclick", "VIDALPiano.event(this);");
            if(liCurrent) {
                baliseParent.setAttribute("data-vp_click_chapter1", liCurrent.textContent);
            }
            return baliseParent;
        }
    }

    function createSubNavigation(n){
        if(!n.querySelector('nav')) {
            let subNavSelects = n.querySelectorAll('.sub-navigation-section');
            if(subNavSelects.length > 0) {
                let subNavigation = document.createElement("nav");
                subNavigation.style.display = "grid";
                subNavigation.style.gridTemplateColumns = 'repeat(3, 1fr)';
                if (window.innerWidth <= mobileDevice) {
                    subNavigation.style.display = "inline-block";
                }
                createNavigation(subNavSelects, subNavigation);

                let subNavElement = n.querySelector('.sub-navigation-section');
                let parent = subNavElement.parentElement.parentElement;
                parent.insertBefore(subNavigation, subNavElement.parentElement);
            }
        }
    }

    function displaySelect(pNav){
        let select = document.createElement("select");
        let option = document.createElement("option");
        option.text = "Sélectionner";
        select.appendChild(option);
        pNav.forEach((n, i) => {
            n.style.display = "none";
            let option = createElementForNavigation(n, i, ["option"]);
            select.appendChild(option);
            createSubNavigation(n);
        })
        let navElement = document.querySelector('.navigation-section');
        if (navElement && navElement.parentElement) {
            let parent = navElement.parentElement.parentElement;
            parent.insertBefore(select, navElement.parentElement);
        }

        select.addEventListener('change', (e) => {
            select.classList.add('selected');
            const value = e.target.value;
            pNav.forEach(n=>n.style.display = "none");
            pNav[value].style.display = "block";
            let options = select.querySelectorAll('option');
            options.forEach((opt)=> {
                opt.removeAttribute("selected");
                if(opt.value === value) {
                    opt.setAttribute("selected", "selected");
                    VIDALPiano.event(opt);
                }
            })
        })
    }

    function displayModal(pButton) {
        let contentModal = pButton.parentNode.parentNode.querySelector('.modal-content');
        let isVimeo = contentModal.querySelector('aside.summary');
        let isScorm = contentModal.querySelector('.editable-scorm');
        if(isVimeo) {
            isVimeo.style.display = "none";
            document.querySelector('.display-summary').style.display = "none";
            Dabox.display(contentModal.innerHTML);
            let modal = document.querySelector("#Dabox");
            modal.style.padding = "5em";
            modal.style.width = "60%";
            VimeoCourse.setup(modal);
        }else if(isScorm){
            isScorm.removeAttribute("style")
            let hasImg = isScorm.querySelector('img');
            if(hasImg) {
                hasImg.style.display = "none";
                isScorm.querySelector('.context-msg').style.display = "none";
            }
            Dabox.display(contentModal.innerHTML);
        }
        else{
            Dabox.display(contentModal.innerHTML);
            document.querySelector("#Dabox").style.padding = "5em";
        }
    }

    function setupQuiz(pQuiz) {
        let inputs = pQuiz.querySelectorAll('input');
        inputs.forEach((input) => {
            input.addEventListener('click', () => {
                if(input.type === 'radio') {
                    inputs.forEach(input => {
                        let parent = input.parentNode;
                        if(!input.parentNode.classList.contains('answersImage') && !input.parentNode.classList.contains('answersText')) {
                            parent = input.parentNode.parentNode;
                        }
                        parent.style.backgroundColor = "unset";
                    })
                }
                let parent = input.parentNode;
                if(!input.parentNode.classList.contains('answersImage') && !input.parentNode.classList.contains('answersText')) {
                    parent = input.parentNode.parentNode;
                }
                parent.style.backgroundColor = input.checked ? "#EAF3F8" : "unset";
            })
        })
    }

    function setupQuizResult(pResult) {
        pResult.querySelector('input').checked = "checked";
        let inputs = document.querySelectorAll('.editable-quiz input');
        inputs.forEach(input => {
            input.addEventListener('click', (e) => e.preventDefault());
        })
    }

    function hideResourceTitle(pResource) {
        const elements = document.querySelectorAll(".resources .resources-"+pResource+" .resource-title");
        elements.forEach((element, index) => {
            if (index > 0) {
                element.style.display = 'none';
            }
        });
    }

    function wrapperTable(pTable) {
        let divContainer = document.createElement('div');
        divContainer.classList.add('scrollable-table');
        pTable.style.marginBottom = '0.5rem';
        pTable.parentNode.insertBefore(divContainer, pTable);
        divContainer.appendChild(pTable);
    }

    function updateImageDimensions(pImage) {
        if(pImage.style.width) {
            pImage.style.maxWidth = pImage.style.width;
            pImage.style.width = "unset";
        }
    }

    function adaptFontSizeToDevice() {
        const elements = document.querySelectorAll('.section-container .editable-text');

        elements.forEach(el => {
            if (!el.getAttribute('data-font-size')) {
                const computedSize = window.getComputedStyle(el).fontSize;
                const baseSize = parseFloat(computedSize) / 16;
                el.setAttribute('data-font-size', baseSize);
            }

            const baseSize = parseFloat(el.getAttribute('data-font-size'));
            if (!baseSize) return;

            let newSize = baseSize;

            if (window.innerWidth <= 480) {
                newSize = baseSize * 0.85;
            } else if (window.innerWidth <= mobileDevice) {
                newSize = baseSize * 0.95;
            } else {
                newSize = baseSize;
            }

            el.style.fontSize = `${newSize}em`;
        });
    }

    function adjustIframeSize() {
        const iframesWrapper = document.querySelectorAll('.section-container .editable-iframe');

        iframesWrapper.forEach(wrapper => {
            const iframe = wrapper.querySelector('iframe');

            if (iframe) {
                const width = parseFloat(iframe.style.width || iframe.offsetWidth);
                const height = parseFloat(iframe.style.height || iframe.offsetHeight);

                if (window.innerWidth <= mobileDevice) {
                    wrapper.style.width = '100%';
                    wrapper.style.height = 'auto';
                    iframe.style.width = '100%';
                    iframe.style.height = 'auto';
                }
            }
        });
    }


    function adjustImageSize() {
        const imageWrappers = document.querySelectorAll('.section-container .editable-image');

        imageWrappers.forEach(wrapper => {
            const img = wrapper.querySelector('img');

            if (img) {
                const originalWidth = parseFloat(img.style.width || img.offsetWidth);
                const originalHeight = parseFloat(img.style.height || img.offsetHeight);

                if (window.innerWidth <= mobileDevice) {
                    wrapper.style.width = '100%';
                    wrapper.style.height = 'auto';
                    img.style.width = '100%';
                    img.style.height = 'auto';
                }
            }
        });
    }
    function adjustSectionLayout() {
        const sections = document.querySelectorAll('.section-container .section-20-80, .section-container .section-80-20');

        sections.forEach(section => {
            const isSpecialCase =
                section.classList.contains('section-20-80') &&
                section.querySelector('.section-20 .editable-image');

            if (window.innerWidth <= mobileDevice) {
                if (isSpecialCase) {
                    section.style.flexDirection = 'row';
                    section.style.alignItems = 'center';
                    section.style.marginRight = 'unset';
                } else {
                    section.style.flexDirection = 'column';
                    section.style.gap = 0;
                    section.style.alignItems = "center";
                }
            } else {
                if (isSpecialCase) {
                    section.style.alignItems = 'center';
                }
                section.style.flexDirection = 'row';
            }
        });
    }

    function moveResultQuiz() {
        const resultQuiz = document.querySelector('.result-quiz');
        const button = document.querySelector('.editable-button');
        const form = document.getElementById('quiz-form');

        if (window.innerWidth <= mobileDevice) {
            if (form && resultQuiz && button) {
                form.insertBefore(resultQuiz, button);
            }
        }
    }


    function moveResourceLink() {
        const resourceBlocks = document.querySelectorAll(".resources-synthesis .resource, .resources-document .resource, .resources-resource_url .resource, .resources-labo_url .resource");

        resourceBlocks.forEach(resource => {
            const link = resource.parentElement.querySelector(".resource-link");
            const parent = resource.parentElement;
            const textBlock = resource.querySelector(".block:nth-child(2)");

            if (!link || !parent || !textBlock) return;

            if (window.innerWidth <= mobileDevice) {
                if (resource.contains(link)) {
                    parent.insertBefore(link, resource.nextSibling);
                }
            } else {
                if (!resource.contains(link)) {
                    textBlock.appendChild(link);
                }
            }
        });
    }

    function moveImageMobileOnePager() {
        const isMobile = window.innerWidth <= mobileDevice;
        const sections = document.querySelectorAll(".course-content.one_page .section-30-70, .course-content.one_page .section-20-80");

        sections.forEach(section => {
            const imageBlock = section.querySelector(".section-30, .section-20");
            const textColumn = section.querySelector(".section-70, .section-80");
            const buttonContainer = textColumn.querySelector(".editable-button ");
            const existingImageInside = textColumn.contains(imageBlock);

            if (isMobile && !existingImageInside) {
                imageBlock.style.margin = "auto";
                imageBlock.style.width = 'fit-content';
                buttonContainer.style.marginTop = '0.5em';
                textColumn.insertBefore(imageBlock, buttonContainer);
            } else if (!isMobile && existingImageInside) {
                section.insertBefore(imageBlock, section.firstChild);
            }
        });
    }

    function handleStickyNavButtons() {
        let contentCourseDefault = document.querySelector('[data-type_formation="default"]');
        if (contentCourseDefault){
            const navButtons = document.querySelectorAll('.section-container button[data-action="navigation"]');
            const isGrouped = navButtons.length === 2;

            navButtons.forEach(button => {
                const parent = button.parentElement;

                if (window.innerWidth <= mobileDevice) {
                    if (isGrouped) {
                        const container = parent.closest('.section-50-50') || parent;

                        container.classList.add('sticky-nav-button');
                        Object.assign(container.style, {
                            position: 'fixed',
                            bottom: '0px',
                            left: '0',
                            width: '100%',
                            display: 'flex',
                            justifyContent: 'space-between',
                            backgroundColor: '#FFF',
                            boxShadow: '0px -4px 15px 0px rgba(0, 0, 0, 0.12)',
                            zIndex: '100',
                            flexDirection: "row",
                            gap: '8px',
                            margin: '0',
                        });

                        const buttons = container.querySelectorAll('button.editable-button');
                        buttons.forEach(btn => {
                            btn.style.width = '100%';
                            btn.style.maxWidth = '100%';
                            btn.style.height = '50px';
                        });

                    } else {
                        if (!parent.classList.contains('sticky-nav-button')) {
                            const wrapper = document.createElement('div');
                            wrapper.className = 'sticky-nav-button';
                            Object.assign(wrapper.style, {
                                position: 'fixed',
                                bottom: '0px',
                                left: '0',
                                width: '100%',
                                display: 'flex',
                                justifyContent: 'center',
                                backgroundColor: '#FFF',
                                boxShadow: '0px -4px 15px 0px rgba(0, 0, 0, 0.12)',
                                zIndex: '100',
                            });

                            parent.insertBefore(wrapper, button);
                            wrapper.appendChild(button);

                            Object.assign(button.style, {
                                margin: '16px',
                                width: '100%',
                                maxWidth: '100%',
                                height: '50px',
                                justifyContent: 'center',
                                alignItems: 'center'
                            });
                        }
                    }
                } else {
                    if (parent.classList.contains('sticky-nav-button')) {
                        const originalParent = parent.parentElement;
                        originalParent.insertBefore(button, parent);
                        parent.remove();
                    }

                    const container = parent.closest('.sticky-nav-button');
                    if (container) {
                        container.classList.remove('sticky-nav-button');
                        container.removeAttribute('style');
                    }
                }
            });
        }
    }

    function toggleStickyNavBehavior() {
        const contentCourseDefault = document.querySelector('[data-type_formation="default"]');
        if (!contentCourseDefault) return;

        const courseBody = document.querySelector('.course-body');
        const stickyDiv = document.querySelector('.sticky-nav-button');
        const footer = document.querySelector('.footer');
        const courseMenu = contentCourseDefault.querySelector('.course-menu');
        const liCurrent = courseMenu?.querySelector('.main.current');
        const allMenuItems = courseMenu?.querySelectorAll('.main') || [];
        const shouldWaitEndOfCourse = allMenuItems.length > 0 && allMenuItems[0] !== liCurrent;
        const sentinelAuth = document.querySelector('.course .sentinel-auth');
        if (sentinelAuth){
            resetStickyStyle(stickyDiv);
        }
        if (!stickyDiv || !footer) return;

        const footerPosition = footer.offsetTop;
        const footerHeight = footer.offsetHeight;

        const isInFooter =
            window.scrollY + window.innerHeight >= footerPosition &&
            window.scrollY <= footerPosition + footerHeight;

        if (shouldWaitEndOfCourse && courseBody) {
            handleWaitEndOfCourse(courseBody, stickyDiv);
        } else {
            handleDefaultStickyBehavior(stickyDiv, isInFooter);
        }
    }

    function handleWaitEndOfCourse(courseBody, stickyDiv) {
        if (!document.querySelector('.sentinel-courseBody')) {
            const sentinel = document.createElement('div');
            sentinel.className = 'sentinel-courseBody';
            sentinel.style.cssText = 'position: absolute; bottom: 0; left: 0; width: 100%; height: 1px;';
            courseBody.appendChild(sentinel);
        }

        const sentinelEnd = document.querySelector('.sentinel-courseBody');

        const observerEnd = new IntersectionObserver(([entry]) => {
            if (entry.isIntersecting && !courseCompleted) {
                courseCompleted = true;
                observeStickyVisibility(stickyDiv);
            }
        }, { threshold: 1 });

        observerEnd.observe(sentinelEnd);

        if (!courseCompleted) {
            resetStickyStyle(stickyDiv);
        }
    }

    function observeStickyVisibility(stickyDiv) {
        if (hasStickyObserver) return;
        hasStickyObserver = true;

        let stickySentinel = document.querySelector('.sticky-sentinel');
        if (!stickySentinel) {
            stickySentinel = document.createElement('div');
            stickySentinel.className = 'sticky-sentinel';
            stickyDiv.parentNode.insertBefore(stickySentinel, stickyDiv);
        }

        const observerSticky = new IntersectionObserver(([entry]) => {
            const isVisible = entry.isIntersecting;
            const footer = document.querySelector('.footer');

            if (!footer) return;

            const footerRect = footer.getBoundingClientRect();
            const footerHeight = footer.offsetHeight;

            const visibleFooterHeight = Math.max(0, window.innerHeight - footerRect.top);
            const visibleFooterRatio = visibleFooterHeight / footerHeight;

            const isInMoreThan20PercentOfFooter = visibleFooterRatio > 0.2;
            if (isInMoreThan20PercentOfFooter){
                resetStickyStyle(stickyDiv);
            }
            if (isVisible || isInMoreThan20PercentOfFooter) {
                resetStickyStyle(stickyDiv);
            } else {
                makeSticky(stickyDiv);

            }
        }, { threshold: [0, 1] });

        observerSticky.observe(stickySentinel);
    }

    function handleDefaultStickyBehavior(stickyDiv, isInFooter) {
        if (window.scrollY === 0 && !hasStartedScrolling) {
            resetStickyStyle(stickyDiv);
            return;
        }

        if (!hasStartedScrolling && window.scrollY > 0) {
            hasStartedScrolling = true;
            observeStickyVisibility(stickyDiv);
        }

    }
    function makeSticky(el,type) {
        el.style.position = 'fixed';
        el.style.bottom = '0';
        el.style.left = '0';
        el.style.width = '100%';
        el.style.zIndex = '100';
        el.style.backgroundColor = '#FFF';
        el.style.boxShadow = '0px -4px 15px rgba(0, 0, 0, 0.12)';
        el.style.display = 'flex';
        if (type === 'auth') {
            el.style.gap = '12px';
            el.style.padding = '12px 0 0 0';
            el.style.margin = '0';
            const p = el.querySelector('p');
            if (p) {
                p.style.padding = '0 20px 20px 20px';
                p.style.display = 'flex';
                p.style.flexDirection = 'row';
                p.style.justifyContent="center"
                p.style.gap = '8px';
                p.style.margin = '0'
                const spans = p.querySelectorAll('span');
                if (spans.length >= 2) {
                    spans[1].style.display = 'none';
                }
            }
        }
    }

    function resetStickyStyle(el,type) {
        if (el){
            el.style.position = 'static';
            el.style.boxShadow = 'none';
            el.style.zIndex = '';
            if (type === 'auth') {
                el.style.gap = '0.5em';
                el.style.padding = '1rem';
                el.style.margin = '0';
                el.style.width = '';
                const p = el.querySelector('p');
                if (p) {
                    p.style.padding = '0';
                    p.style.display = 'flex';
                    p.style.flexDirection = 'column';
                    p.style.gap = '0.5em';
                    p.style.margin = '1rem 0'
                    const spans = p.querySelectorAll('span');
                    if (spans.length >= 2) {
                        spans[1].style.display = 'flex';
                    }
                }
            }
        }
    }

    function toggleSubmitButton() {
        const form = document.getElementById('quiz-form');
        const submitButton = form?.querySelector('.submit-quiz');
        const questions = form?.querySelectorAll('.editable-quiz');

        let allAnswered = true;
        if (questions && submitButton) {
            questions.forEach(function (question) {
                const inputs = question.querySelectorAll('input[type="checkbox"], input[type="radio"]');
                let answered = false;

                inputs.forEach(function (input) {
                    if (input.checked) {
                        answered = true;
                    }
                });

                if (!answered) {
                    allAnswered = false;
                }
            });

            submitButton.disabled = !allAnswered;
            submitButton.classList.toggle('disabled', !allAnswered);
        }
    }


    function removeAllInlineStyles(el) {
        if (el && el.removeAttribute) {
            el.removeAttribute('style');
        }
        if (el.children) {
            Array.from(el.children).forEach(child => removeAllInlineStyles(child));
        }
    }

    function observeAuthenticationContainer() {
        const authContainer = document.querySelector('.authentication-container');
        const footer = document.querySelector('.footer');
        let sentinel = document.querySelector('.sentinel-auth');

        if (authObserver) {
            authObserver.disconnect();
            authObserver = null;
        }

        if (window.innerWidth > mobileDevice) {
            if (authContainer) {
                removeAllInlineStyles(authContainer);
            }
            if (sentinel) {
                sentinel.remove();
            }
            return;
        }

        if (!authContainer || !footer) return;

        if (!sentinel) {
            sentinel = document.createElement('div');
            sentinel.className = 'sentinel-auth';
            authContainer.parentNode.insertBefore(sentinel, authContainer);
        }

        authObserver = new IntersectionObserver(([entry]) => {
            const isVisible = entry.isIntersecting;

            const footerRect = footer.getBoundingClientRect();
            const footerHeight = footer.offsetHeight;
            const visibleFooterHeight = Math.max(0, window.innerHeight - footerRect.top);
            const visibleFooterRatio = visibleFooterHeight / footerHeight;
            const isInMoreThan20PercentOfFooter = visibleFooterRatio > 0.2;

            if (isInMoreThan20PercentOfFooter || isVisible) {
                resetStickyStyle(authContainer, "auth");
            } else {
                makeSticky(authContainer, "auth");
            }

        }, { threshold: [0, 1] });

        authObserver.observe(sentinel);
    }

    function addPaddingToReferenceBlock() {
        document.querySelectorAll('.course-body .section-container .section-100.navigation-section .section-100 .editable-title').forEach(text => {
            if (text.textContent.trim() === 'Références') {
                const parent = text.closest('.section-100');
                if (parent && !parent.style.padding) {
                    parent.style.padding = '1.75em';
                }
            }
        });
    }


    function resizeResponsive() {
        adaptFontSizeToDevice();
        adjustIframeSize();
        adjustImageSize();
        adjustSectionLayout();
        moveResultQuiz();
        moveResourceLink();
        moveImageMobileOnePager();
        toggleSubmitButton();
        handleStickyNavButtons();
        toggleStickyNavBehavior();

        const isMobile = window.innerWidth <= mobileDevice;

        observeAuthenticationContainer();

        previousIsMobile = isMobile;
    }

    document.addEventListener("DOMContentLoaded", init);
    window.addEventListener('scroll', toggleStickyNavBehavior);
    window.addEventListener("resize", resizeResponsive);
})();
var VimeoCourse = (function(){
    function init(){
        setup();
    }

    function setup(pContext){

        if(!pContext){
            pContext = document;
        }

        let videos_info = pContext.querySelectorAll(".vidal-video");
        let buttonNext = pContext.querySelector('.btn-start.next');
        let nbOfVideos = videos_info.length;
        const courseMenu = document.querySelector('ul.course-menu');
        if (courseMenu){
            var nextModule = courseMenu.querySelector("li[data-next='1']");
        }

        if(!videos_info){
            return;
        }
        if(videos_info){
            videos_info.forEach((e)=>{
                const id_upm = e.getAttribute("data-upm")
                const initial_progress = e.getAttribute("data-progress_video");
                const completed = e.getAttribute("data-completed") ? 1 : 0;
                const videoKey = e.getAttribute("data-key");
                const author = e.getAttribute("data-author");
                const video = e.querySelector("iframe");
                const percentNeededToNextModule = 0.9;
                let onStatement = false;
                video.style.pointerEvents = 'none';
                initVimeoPlayer(video)
                    .then(player =>{
                        video.style.pointerEvents = 'auto';
                        new VimeoConnectorHandler(player, author);
                        let isPlaying = false;
                        let percentOfProgress = 0;

                        if (video) {
                            setObject("module_video_"+videoKey, []);
                            player.getDuration().then(videoDuration => {
                                const adjustedProgress = Math.min(parseFloat(initial_progress || 0), videoDuration);
                                percentOfProgress = (100*initial_progress)/videoDuration;
                                updateProgress(adjustedProgress, percentOfProgress, id_upm, completed);
                                player.setCurrentTime(adjustedProgress);
                            });
                        }

                        player.on('play', function(){
                            if (isPlaying === false){
                                var interval = setInterval(storeProgress,5000);
                                player.on('timeupdate', function(data){
                                    if (data.percent < percentNeededToNextModule){
                                        updateProgress(data.seconds, data.percent*100 > percentOfProgress ? (data.percent*100)/nbOfVideos : percentOfProgress, id_upm, completed);
                                    }
                                    if (data.percent >= percentNeededToNextModule && !onStatement){
                                        onStatement = true;
                                        updateProgress("0", 100/videos_info.length, id_upm, 1);
                                        clearInterval(interval);
                                    }
                                })
                            }
                        });
                    })
                    .catch(error =>{
                        console.error(error);
                    })

                function initVimeoPlayer(pVideo){
                    const maxAttempts = 5;
                    const waitAttempt = 500;
                    return new Promise((resolve, reject) => {
                        let attempts = 0;
                        const initVimeo = () => {
                            attempts++;
                            if (typeof Vimeo !== 'undefined'){
                                const player = new Vimeo.Player(pVideo);
                                resolve(player);
                            }else if (attempts < maxAttempts){
                                console.log(`Essai de connexion à Vimeo n°${attempts}`);
                                setTimeout(initVimeo, waitAttempt);
                            } else {
                                reject(new Error("Vimeo ne s'est pas chargé correctement"))
                            }

                        }
                        initVimeo();
                    });
                }

                function setObject(key, value){
                    localStorage.setItem(key, JSON.stringify(value));
                }

                function getObject(key){
                    let value = localStorage.getItem(key);
                    return value && JSON.parse(value);
                }

                function updateProgress(currentProgress, completionModule, id_upm, completed) {
                    let storage = getObject("module_video_"+videoKey)
                    if(!storage){
                        storage = [];
                        storage.push({
                            'progress': currentProgress,
                            'id_upm': id_upm,
                            'completionModule': completionModule ?? 0,
                            'completed': completed
                        });
                    }

                    let video_is_stored = false;
                    for(let i=0; i<storage.length; i++){
                        let myVideo = storage[i];
                        if (myVideo['id_upm'] === id_upm){
                            storage[i]['progress'] = currentProgress;
                            storage[i]['id_upm'] = id_upm;
                            storage[i]['completionModule'] = completionModule;
                            storage[i]['completed'] = completed;
                            video_is_stored = true;
                        }
                    }
                    if (!video_is_stored){
                        storage.push({
                            'progress' : currentProgress,
                            'id_upm': id_upm,
                            'completionModule': completionModule,
                            'completed': completed
                        });
                    }
                    setObject("module_video_"+videoKey, storage);
                }

                function storeProgress(){
                    let storage = getObject("module_video_"+videoKey);
                    for (let i=0;i<storage.length;i++){
                        let myVideo = storage[i];
                        if (myVideo.id_upm > 0){
                            let data =
                                "progress="+myVideo.progress+
                                "&completion_module="+myVideo.completionModule+
                                "&id_upm="+myVideo.id_upm+
                                "&key="+videoKey+
                                "&completed="+myVideo.completed;
                            storeToParcoursUser(data);
                        }
                    }
                    return storage
                }
            })

            function storeToParcoursUser(pData){
                let xhr = new XMLHttpRequest();
                let method = "POST";
                let url = "vimeo/update-course";

                xhr.open(method, url, true);
                xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
                xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded;charset:utf8');
                xhr.onreadystatechange = function (){
                    if(xhr.readyState === 4 && xhr.status === 200) {
                        let r = JSON.parse(xhr.responseText);
                        if(r[1] == "100"){
                            buttonNext.classList.remove('hide');
                        }
                    }
                }
                xhr.send(pData);
            }
        }
    }

    window.addEventListener('DOMContentLoaded', init);

    return {
        setup
    };
})();

class Slider {

    constructor(pSliderContainer) {
        this.container = pSliderContainer;
        this.currentIndex = 0;
        this.slider = this.container.querySelector(".slider");
        this.cards = this.container.querySelectorAll(".card");
        this.dotsContainer = this.container.querySelector(".dots");
        this.timeout = null;

        this.dotsContainer.innerHTML = "";

        this.cards.forEach((c, index) => {
            const dot = document.createElement("div");
            dot.classList.add("dot");
            dot.setAttribute('data-index', index);
            if (index === 0){
                dot.classList.add("active");
            }
            dot.addEventListener("click", this.clickDotHandler.bind(this));
            this.dotsContainer.appendChild(dot);
        });
        if (this.slider){
            this.slider.addEventListener("scroll", this.handleScroll.bind(this));
        }
    }

    handleScroll() {
        clearTimeout(this.timeout);
        this.timeout = setTimeout(() => this.snapCard(), 300);
    }

    snapCard() {
        const scrollLeft = this.slider.scrollLeft;
        let closestDistance = Infinity;

        this.cards.forEach((card, index) => {
            const cardLeft = card.offsetLeft;
            const distance = Math.abs(cardLeft - scrollLeft);

            if (distance < closestDistance) {
                closestDistance = distance;
                this.currentIndex = index;
            }
        });

        this.scrollToCard(this.currentIndex);
    }

    scrollToCard(index) {
        if (index >= 0 && index < this.cards.length) {
            const targetCard = this.cards[index];
            M4Tween.killTweensOf(this.slider);
            let offset = targetCard.offsetLeft - Number(window.getComputedStyle(targetCard).marginRight.replace("px",""));
            M4Tween.to(this.slider, .3, {useStyle:false, scrollLeft:offset});

            this.updateActiveDot(index);
        }
    }

    clickDotHandler(e){
        this.moveToSlide(e.currentTarget.getAttribute("data-index"));
    }

    moveToSlide(index) {
        this.currentIndex = Number(index);
        let defaultCard = this.cards[0];
        let offset = (defaultCard.offsetWidth+Number(window.getComputedStyle(defaultCard).marginRight.replace("px",""))) * this.currentIndex;
        M4Tween.killTweensOf(this.slider);
        M4Tween.to(this.slider, .3, {useStyle:false, scrollLeft:offset});

        this.updateActiveDot();
    }

    updateActiveDot() {
        this.dotsContainer.querySelectorAll(".dot").forEach((dot, index) => {
            dot.classList.toggle("active", index === this.currentIndex);
        });
    }
}

(()=>{

    function init(){
        document.querySelectorAll(".slider-container").forEach((pSliderContainer)=>{
            new Slider(pSliderContainer);
        });
    }

    window.addEventListener('DOMContentLoaded', init);
})();
console.warn('Dependencies : Formations is not available');
var Scroll =
{
    __offsets:[],
    __scrollHandler:function(e)
    {
        var o, currentHash;
        for(var i = 0, max = Scroll.__offsets.length-1;i<max;i++)
        {
            o = Scroll.__offsets[i];
            let next = Scroll.__offsets[i+1];
            if(window.scrollY >= o.offset && window.scrollY<next.offset)
                currentHash = o.href;

            if (window.scrollY >=next.offset && i+1 === max)
                currentHash = next.href;

        }
        if(currentHash){
            Scroll.selectHash(currentHash);
        }
    },
    setup:function(pShiftOffset = 0)
    {
        window.addEventListener("scroll", Scroll.__scrollHandler, false);
        document.querySelectorAll('a[href*="#"]').forEach(function(a)
        {
            if(a.getAttribute("href")==="#"){
                return;
            }
            var parts = a.getAttribute("href").split("#");
            if(document.location.href.indexOf(parts[0]) === -1){
                return;
            }
            var hash = "#"+parts[1];
            var target = document.getElementById(parts[1]);
            if(!target){
                target = document.querySelector('*[name="'+parts[1].replace("#", "")+'"]');
                if(!target){
                    console.log("Scroll.js - hash not found "+parts[1]);
                    return;
                }
                target.setAttribute("id", parts[1]);
            }
            if (!Scroll.__offsets.some(item => item.href === hash)) Scroll.__offsets.push({href:hash, offset:Scroll.offsetTop(target) + pShiftOffset});
            a.addEventListener("click", function(e){
                e.preventDefault();
                e.stopPropagation();
                var t = e.currentTarget;
                Scroll.to(document.getElementById(hash.replace("#", "")), .5, pShiftOffset).onComplete(function(){
                    Scroll.selectHash(hash);
                    if (pShiftOffset > 0) {
                        const currentUrl = window.location.href.split('#')[0];
                        history.replaceState(null, null, currentUrl+hash);
                    } else {
                        window.location.hash = hash.replace("#", "");
                    }
                });
                this.dispatchEvent(
                    new CustomEvent("scrollTo", {
                        bubbles: true,
                    }));
            }, false);
        });
        Scroll.__offsets.sort(function(a, b)
        {
            if(a.offset < b.offset)
                return -1;
            else if(a.offset > b.offset)
                return 1;
            return 0;
        });
    },
    selectHash:function(pHash){
        document.querySelectorAll('a.current')
            .forEach(function(a)
            {
                a.classList.remove("current");
            });
        document.querySelectorAll('a[href*="'+pHash+'"]')
            .forEach(function(a)
            {
                a.classList.add("current");
            });
    },
    prepareAll:function(pSelector)
    {
        var els = document.querySelectorAll(pSelector);
        els.forEach(function(pEl){pEl.setAttribute("data-scrollTop", Scroll.offsetTop(pEl));});
    },
    to:function(pElement, pTime, pShiftOffset = 0)
    {
        pTime = pTime||.5;
        var st = Number(pElement.getAttribute("data-scrollTop")||Scroll.offsetTop(pElement));
        st = st + pShiftOffset;
        var t = document.documentElement.scrollHeight > document.documentElement.clientHeight ? document.documentElement:document.body;
        M4Tween.killTweensOf(t);
        return M4Tween.to(t, pTime, {useStyle:false, scrollTop:st});
    },
    offsetTop:function(pElement)
    {
        if(pElement==undefined)
            return 0;
        var v = pElement.offsetTop;
        var o = pElement.offsetParent;
        while(o)
        {
            v += o.offsetTop;
            o = o.offsetParent;
        }
        return v;
    },
    reset: function (pShiftOffset = 0)
    {
        Scroll.__offsets = [];
        Scroll.setup(pShiftOffset);
    }
};
/**
 * complete.ly 1.0.0
 * MIT Licensing
 * Copyright (c) 2013 Lorenzo Puccetti
 *
 * This Software shall be used for doing good things, not bad things.
 *
 **/
function completely(container, config) {
    config = config || {};
    config.fontSize =                       config.fontSize   || '16px';
    config.fontFamily =                     config.fontFamily || 'sans-serif';
    config.promptInnerHTML =                config.promptInnerHTML || '';
    config.color =                          config.color || '#333';
    config.hintColor =                      config.hintColor || '#aaa';
    config.backgroundColor =                config.backgroundColor || '#fff';
    config.dropDownBorderColor =            config.dropDownBorderColor || '#aaa';
    config.dropDownZIndex =                 config.dropDownZIndex || '100'; // to ensure we are in front of everybody
    config.dropDownOnHoverBackgroundColor = config.dropDownOnHoverBackgroundColor || '#ddd';
    config.placeHolder =                    config.placeHolder||"Recherche";
    config.removeOffset =                     config.removeOffset || false;

    var txtInput = document.createElement('input');
    txtInput.type ='text';
    //txtInput.spellcheck = false;
    txtInput.style.width = '100%';
    txtInput.style.outline = '0';
    txtInput.style.border =  '0';
    txtInput.style.margin =  '0';
    txtInput.setAttribute('placeholder', config.placeHolder);
    txtInput.setAttribute('autocomplete', 'off');

    var txtHint = txtInput.cloneNode();
    txtHint.disabled='';
    txtHint.style.position = 'absolute';
    txtHint.style.top =  '0';
    txtHint.style.left = '0';
    txtHint.style.borderColor = 'transparent';
    txtHint.style.boxShadow =   'none';
    txtHint.style.color = config.hintColor;
    txtHint.style.display = 'none';

    txtInput.style.backgroundColor ='transparent';

    var wrapper = document.createElement('div');
    wrapper.style.position = 'relative';
    wrapper.style.outline = '0';
    wrapper.style.border =  '0';
    wrapper.style.margin =  '0';
    wrapper.style.padding = '0';

    var prompt = document.createElement('div');
    prompt.style.position = 'absolute';
    prompt.style.outline = '0';
    prompt.style.margin =  '0';
    prompt.style.padding = '0';
    prompt.style.border =  '0';
    prompt.style.fontSize =   config.fontSize;
    prompt.style.fontFamily = config.fontFamily;
    prompt.style.color =           config.color;
    prompt.style.backgroundColor = config.backgroundColor;
    prompt.style.top = '0';
    prompt.style.left = '0';
    prompt.style.overflow = 'hidden';
    prompt.innerHTML = config.promptInnerHTML;
    prompt.style.background = 'transparent';
    if (document.body === undefined) {
        throw 'document.body is undefined. The library was wired up incorrectly.';
    }
    document.body.appendChild(prompt);
    var w = prompt.getBoundingClientRect().right; // works out the width of the prompt.
    wrapper.appendChild(prompt);
    prompt.style.visibility = 'visible';
    if(!config.removeOffset) {
        prompt.style.left = '-'+w+'px';
        wrapper.style.marginLeft= w+'px';
    }

    wrapper.appendChild(txtHint);
    wrapper.appendChild(txtInput);
//noura
    var dropDown = document.createElement('div');
    dropDown.setAttribute('class', 'dropdown');
    dropDown.style.position = 'absolute';
    dropDown.style.visibility = 'hidden';
    dropDown.style.outline = '0';
    dropDown.style.padding = '10';
    dropDown.style.textAlign = 'left';
    dropDown.style.zIndex = config.dropDownZIndex;
    dropDown.style.cursor = 'default';
    dropDown.style.overflowX= 'hidden';
    dropDown.style.whiteSpace = 'pre';
    var counterKeyPress=0;
    var createDropDownHistoryController = function(elem) {
        if (!elem) return {
            hide: () => {},
            shown: () => {},
            move : () => {},
            click: () => {}
        }
        let oldIndex = -1;
        const histories = elem.querySelectorAll("div.dropdown_history_item_mobility");
        const historiesLength = histories.length;

        histories.forEach(item => {
            item.addEventListener('mouseover', function() {
                histories.forEach(i => i.classList.remove('hover'));
                this.classList.add('hover');
            });

            item.addEventListener('mouseout', function() {
                this.classList.remove('hover');
            });
        });

        var p = {
            hide: function () {
                elem.style.visibility = "hidden";
            },
            shown: function () {
                const vph = (window.innerHeight || document.documentElement.clientHeight);
                const rect = elem.parentElement.getBoundingClientRect();
                const distanceToTop = rect.top - 20;
                const distanceToBottom = vph - rect.bottom - 20;
                if (distanceToTop > distanceToBottom*3)
                    elem.style.maxHeight = distanceToTop+'px';
                else
                    elem.style.maxHeight = distanceToBottom+'px';
                elem.style.visibility = "visible";
            },
            move : function(step) {
                const newIndex = oldIndex + step;
                if (newIndex >= 0 && newIndex < historiesLength)
                {
                    histories.forEach(i => i.classList.remove('hover'));
                    histories[newIndex].classList.add('hover');
                    oldIndex = newIndex;
                }
            },
            click: function() {
                if (oldIndex >= 0 && oldIndex < historiesLength)
                    histories[oldIndex].click();
            }
        }
        return p;
    }

    var createDropDownController = function(elem) {
        var rows = [];
        var ix = -1;
        var oldIndex = -1;

        var onMouseDown =  function() { p.hide(); p.onmouseselection(this); };
        var onMouseOver = function(event){
            var index = event.target.index;
            if (index !== undefined) {
                p.highlight(index);
            }
        }

        var p = {
            hide :  function() { elem.style.visibility = 'hidden';
                if(document.querySelector('.autocomplete-mssg')){
                    document.querySelector('.autocomplete-mssg').style.display = "none";
                 }
                setTimeout(dropDownHistory.hide, 250);
                },
            refresh : function(token, array) {
                elem.style.visibility = 'hidden';
                ix = 0;
                elem.innerHTML ='';
                var vph = (window.innerHeight || document.documentElement.clientHeight);
                var rect = elem.parentNode.getBoundingClientRect();
                var distanceToTop = rect.top - 6;                        // heuristic give 6px
                var distanceToBottom = vph - rect.bottom -6;  // distance from the browser border.

                var parts = token.trim().toLowerCase().split(' ');
                for(let i= 0; i<parts.length;i++){
                    parts[i] = parts[i].replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
                }
                rows = [];
                for (var i=0;i<array.length;i++) {
                    var divRow = document.createElement('div');
                    divRow.setAttribute('class', 'results');
                    divRow.onmousedown = onMouseDown;
                    divRow.onmouseover = onMouseOver;
                    divRow.index = i;
                    divRow.style.marginBottom = "3px";
                    divRow.style.whiteSpace = "pre-line";
                    divRow.style.display="flex";
                    divRow.__hint = array[i];
                    if(this.results){
                        for(let y in this.results[i]){
                            if(y=='type') {
                                divRow.setAttribute('data-'+y, removeAccents(this.results[i][y]).toUpperCase())
                            }else
                            {
                                divRow.setAttribute('data-'+y, this.results[i][y])
                            }
                        }
                        if(this.results[i].type != '')
                            divRow.innerHTML = '<span class="type-searchbar">'+this.results[i].type+'</span>';
                    }
                    divRow.innerHTML += array[i].split(' ').reduce(function (pVal, pWord) {
                        parts.forEach(function (pPart) {
                            if (pWord.indexOf('<b>') > -1) {
                                return;
                            }
                            pWord = pWord.replace(new RegExp('(' + pPart + ')', 'gi'), '<span><b>$1</b>');
                        });

                        return pVal+ ' ' + pWord;
                    }, '')+'</span>';
                    divRow.style.width = "100%";
                    rows.push(divRow);
                    elem.appendChild(divRow);
                }
                if (rows.length===0) {
                    return; // nothing to show.
                }
                if (rows.length===1 && token === rows[0].__hint) {
                    return; // do not show the dropDown if it has only one element which matches what we have just displayed.
                }

               // if (rows.length<2) return;
               //  p.highlight(0);

                if (distanceToTop > distanceToBottom*3) {        // Heuristic (only when the distance to the to top is 4 times more than distance to the bottom
                    elem.style.maxHeight =  distanceToTop+'px';  // we display the dropDown on the top of the input text
                    elem.style.top ='';
                    elem.style.bottom ='100%';
                } else {
                    elem.style.bottom = '';
                    elem.style.maxHeight =  distanceToBottom+'px';
                }
                elem.style.visibility = 'visible';
                dropDownHistory.hide();
            },
            highlight : function(index) {
          if(rows[index]!=undefined){
                if (oldIndex !=-1 && rows[oldIndex]) {
                    rows[oldIndex].removeAttribute('class');
                }
                rows[index].setAttribute('class', 'selected');
                oldIndex = index;
                }
            },
            move : function(step) { // moves the selection either up or down (unless it's not possible) step is either +1 or -1.
                if (elem.style.visibility === 'hidden')             return ''; // nothing to move if there is no dropDown. (this happens if the user hits escape and then down or up)
                if (ix+step === -1 || ix+step === rows.length) return rows[ix].__hint; // NO CIRCULAR SCROLLING.
                ix+=step;
                p.highlight(ix);
                return rows[ix].__hint;
            },
            onmouseselection : function() {} // it will be overwritten.
        };

        txtInput.onblur = p.hide;
        return p;
    };

    var dropDownController = createDropDownController(dropDown);
    var dropDownHistory =  createDropDownHistoryController(document.querySelector(".dropdown_history"));

    dropDownController.onmouseselection = function(pContext) {
        txtInput.value = txtHint.value = leftSide+pContext.__hint;
        //rs.onChange(txtInput.value, pContext.getAttribute('date-url'));
        registerOnTextChangeOldValue = txtInput.value; // <-- ensure that mouse down will not show the dropDown now.
        setTimeout(function() { txtInput.focus(); },0);  // <-- I need to do this for IE
        rs.onSelect(pContext.dataset);
    };
    var counter = 2;
    var PopupTimer = setInterval(function(){
        if (txtInput === document.activeElement && txtInput.value.length>2 && txtInput.getAttribute('placeholder')=="Asthme, aspirine, amoxicilline...") {
            if(counter <= 0){
                clearInterval(PopupTimer);
                var span_popup=document.createElement('span');
                txtInput.after(span_popup);
                span_popup.innerHTML="Utiliser la flèche de droite pour autocompléter";
                span_popup.className="autocomplete-mssg";
            }
            counter -= 1;
        }
    }, 2000);
    if(txtInput.getAttribute('placeholder')=="Asthme, aspirine, amoxicilline..."){
        var timeout;
        txtInput.addEventListener('keypress', function(){
                if(counter <= 0){
                    clearTimeout(timeout);
                    if(document.querySelector('.autocomplete-mssg') || txtInput.value.length<=3){
                        document.querySelector('.autocomplete-mssg').style.display="none";
                    }
                }
                timeout = setTimeout(function()
                    {if(document.querySelector('.autocomplete-mssg') && txtInput.value.length>2 && dropDown.visibility=="visible"){
                        document.querySelector('.autocomplete-mssg').style.display="block";
                    }}, 2000
                )
            }
        );}
    if(txtInput.value.length<=3){
        if(document.querySelector('.autocomplete-mssg')) {
            document.querySelector('.autocomplete-mssg').style.display = "none";
        }
    }
    wrapper.appendChild(dropDown);
    container.appendChild(wrapper);

    var spacer;
    var leftSide; // <-- it will contain the leftSide part of the textfield (the bit that was already autocompleted)


    function calculateWidthForText(text) {
        if (spacer === undefined) { // on first call only.
            spacer = document.createElement('span');
            spacer.style.visibility = 'hidden';
            spacer.style.position = 'fixed';
            spacer.style.outline = '0';
            spacer.style.margin =  '0';
            spacer.style.padding = '0';
            spacer.style.border =  '0';
            spacer.style.left = '0';
            spacer.style.whiteSpace = 'pre';
            spacer.style.fontSize =   config.fontSize;
            spacer.style.fontFamily = config.fontFamily;
            spacer.style.fontWeight = 'normal';
            document.body.appendChild(spacer);
        }

        // Used to encode an HTML string into a plain text.
        // taken from http://stackoverflow.com/questions/1219860/javascript-jquery-html-encoding
        spacer.innerHTML = String(text).replace(/&/g, '&amp;')
            .replace(/"/g, '&quot;')
            .replace(/'/g, '&#39;')
            .replace(/</g, '&lt;')
            .replace(/>/g, '&gt;');
        return spacer.getBoundingClientRect().right;
    }


    var rs = {
        onArrowDown : function() {dropDownHistory.move(+1);},               // defaults to no action.
        onArrowUp :   function() {dropDownHistory.move(-1);},               // defaults to no action.
        onEnter :     function() {dropDownHistory.click();},               // defaults to no action.
        onTab :       function() {},               // defaults to no action.
        onSelectTab :       function() {},
        onSelectEnter :       function() {},
        onChange:     function() { rs.repaint() }, // defaults to repainting.
        onSelect:     function(){},
        onClick:     function(){
            if (txtInput.value.length === 0)
                dropDownHistory.shown();
            },
        startFrom:    0,
        options:      [],
        wrapper : wrapper,      // Only to allow  easy access to the HTML elements to the final user (possibly for minor customizations)
        input :  txtInput,      // Only to allow  easy access to the HTML elements to the final user (possibly for minor customizations)
        hint  :  txtHint,       // Only to allow  easy access to the HTML elements to the final user (possibly for minor customizations)
        dropDown :  dropDown,         // Only to allow  easy access to the HTML elements to the final user (possibly for minor customizations)
        prompt : prompt,
        setText : function(text) {
            txtHint.value = text;
            txtInput.value = text;
        },
        getText : function() {
            return txtInput.value;
        },
        hideDropDown : function() {
            dropDownController.hide();
        },
        repaint : function(pResults) {
            var text = txtInput.value;
            var startFrom =  rs.startFrom;
            var options =    rs.options;
            var optionsLength = options.length;
            if(pResults){
                dropDownController.results = pResults;
            }

            // breaking text in leftSide and token.
            var token = text.substring(startFrom);
            leftSide =  text.substring(0,startFrom);

            // updating the hint.
            txtHint.value ='';
            for (var i=0;i<optionsLength;i++) {
                var opt = options[i];
                if (opt.toLowerCase().indexOf(token.toLowerCase())===0) {
                    txtHint.value = leftSide +token+opt.substring(token.length);
                    break;
                }
            }

            // moving the dropDown and refreshing it.
            dropDown.style.left = calculateWidthForText(leftSide)+'px';
            dropDownController.refresh(token, rs.options);
        }
    };

    var registerOnTextChangeOldValue;

    /**
     * Register a callback function to detect changes to the content of the input-type-text.
     * Those changes are typically followed by user's action: a key-stroke event but sometimes it might be a mouse click.
     **/
    var registerOnTextChange = function(txt, callback) {
        registerOnTextChangeOldValue = txt.value;
        var handler = function() {
            var value = txt.value;
            if (registerOnTextChangeOldValue !== value) {
                registerOnTextChangeOldValue = value;
                callback(value);
            }
        };

        //
        // For user's actions, we listen to both input events and key up events
        // It appears that input events are not enough so we defensively listen to key up events too.
        // source: http://help.dottoro.com/ljhxklln.php
        //
        // The cost of listening to three sources should be negligible as the handler will invoke callback function
        // only if the text.value was effectively changed.
        //
        //
        if (txt.addEventListener) {
            txt.addEventListener("input",  handler, false);
            txt.addEventListener('keyup',  handler, false);
            txt.addEventListener('change', handler, false);
        } else { // is this a fair assumption: that attachEvent will exist ?
            txt.attachEvent('oninput', handler); // IE<9
            txt.attachEvent('onkeyup', handler); // IE<9
            txt.attachEvent('onchange',handler); // IE<9
        }
    };


    registerOnTextChange(txtInput,function(text) { // note the function needs to be wrapped as API-users will define their onChange
        rs.onChange(text);
    });

    var keyboardActions = false;

    var keyDownHandler = function(e){
        if (txtInput.value.length > 0)
            dropDownHistory.hide();
        if(txtInput.value.length<=3) {
            if (document.querySelector('.autocomplete-mssg')) {
                document.querySelector('.autocomplete-mssg').style.display = "none";
            }
        }
        e = e || window.event;
        var keyCode = e.keyCode;

        if (keyCode == 33) { return; } // page up (do nothing)
        if (keyCode == 34) { return; } // page down (do nothing);

        if (keyCode == 27) { //escape
            dropDownController.hide();
            dropDownHistory.hide();
            txtHint.value = txtInput.value; // ensure that no hint is left.
            txtInput.focus();
            return;
        }

        if (keyCode == 39 || keyCode == 35 || keyCode == 9) { // right,  end, tab  (autocomplete triggered)
            if (keyCode == 9) { // for tabs we need to ensure that we override the default behaviour: move to the next focusable HTML-element
                if (txtHint.value.length == 0) {
                    rs.onTab(); // tab was called with no action.
                                // users might want to re-enable its default behaviour or handle the call somehow.
                } else {
                    e.preventDefault();
                    e.stopPropagation();
                }
            }
            if (txtHint.value.length > 0) { // if there is a hint
                dropDownController.hide();
                txtInput.value = txtHint.value;
                var hasTextChanged = registerOnTextChangeOldValue != txtInput.value;
                registerOnTextChangeOldValue = txtInput.value; // <-- to avoid dropDown to appear again.
                // for example imagine the array contains the following words: bee, beef, beetroot
                // user has hit enter to get 'bee' it would be prompted with the dropDown again (as beef and beetroot also match)
                if (hasTextChanged) {
                    if(document.querySelectorAll('.results')[0]!= txtInput.value && document.querySelectorAll('.selected')[0]==undefined){
                        var end=document.querySelectorAll('.results')[0].innerHTML.indexOf('<b>');
                        var cut=document.querySelectorAll('.results')[0].innerHTML.substring(end);
                        var clean=cut.replace(/<\s*[^>]*>/gi, '');
                        txtInput.value=clean;
                    }
                }
                rs.onSelectTab(hasTextChanged,e);
            }
            if(document.querySelector('.dropdown').visibility=="hidden"){
                document.querySelector('.autocomplete-mssg').style.display="none";
            }
            return;
        }

        if (keyCode == 13) {       // enter  (autocomplete triggered)
            if (txtHint.value.length == 0 || !keyboardActions) { // if there is a hint
                rs.onEnter();
            } else {
                var wasDropDownHidden = (dropDown.style.visibility == 'hidden');
                dropDownController.hide();

                if (wasDropDownHidden) {
                    txtHint.value = txtInput.value; // ensure that no hint is left.
                    txtInput.focus();
                    rs.onEnter();
                    return;
                }
                txtInput.value = txtHint.value;
                var hasTextChanged = registerOnTextChangeOldValue != txtInput.value ;
                registerOnTextChangeOldValue = txtInput.value;

                rs.onSelectTab(hasTextChanged,e);

            }
            return;
        }
        var size= document.querySelectorAll('.results').length;

        if (keyCode == 40) {
            counterKeyPress++;
            if(counterKeyPress==1){
                var m = dropDownController.move(+0);
            }else{
                if(counterKeyPress>1 && size==0||size!=0) {
                    var m = dropDownController.move(+1);
                }
            }
            keyboardActions = true;
            if (m == '') { rs.onArrowDown(); }
            txtHint.value = leftSide+m;
            return;
        }

        if (keyCode == 38 ) {    // up
            keyboardActions = true;
            var m = dropDownController.move(-1);
            if (m == '') { rs.onArrowUp(); }
            txtHint.value = leftSide+m;
            e.preventDefault();
            e.stopPropagation();
            return;
        }

        // it's important to reset the txtHint on key down.
        // think: user presses a letter (e.g. 'x') and never releases... you get (xxxxxxxxxxxxxxxxx)
        // and you would see still the hint
        txtHint.value =''; // resets the txtHint. (it might be updated onKeyUp)

    };

    if (txtInput.addEventListener) {
        txtInput.addEventListener("keydown",  keyDownHandler, false);
    } else { // is this a fair assumption: that attachEvent will exist ?
        txtInput.attachEvent('onkeydown', keyDownHandler); // IE<9
    }

    const onClickHandler = (e) => {
        rs.onClick();
    };

    if (txtInput.addEventListener) {
        txtInput.addEventListener("click",  onClickHandler, false);
    } else { // is this a fair assumption: that attachEvent will exist ?
        txtInput.attachEvent('click', onClickHandler); // IE<9
    }

    var removeAccents = function (t){return t.normalize("NFD").replace(/[\u0300-\u036f]/g,"")};

    return rs;
}

/*
 UAParser.js v0.7.18
 Lightweight JavaScript-based User-Agent string parser
 https://github.com/faisalman/ua-parser-js

 Copyright ? 2012-2016 Faisal Salman <fyzlman@gmail.com>
 Dual licensed under GPLv2 or MIT
*/
var $jscomp=$jscomp||{};$jscomp.scope={};$jscomp.ASSUME_ES5=!1;$jscomp.ASSUME_NO_NATIVE_MAP=!1;$jscomp.ASSUME_NO_NATIVE_SET=!1;$jscomp.defineProperty=$jscomp.ASSUME_ES5||"function"==typeof Object.defineProperties?Object.defineProperty:function(a,d,b){a!=Array.prototype&&a!=Object.prototype&&(a[d]=b.value)};$jscomp.getGlobal=function(a){return"undefined"!=typeof window&&window===a?a:"undefined"!=typeof global&&null!=global?global:a};$jscomp.global=$jscomp.getGlobal(this);
$jscomp.polyfill=function(a,d,b,e){if(d){b=$jscomp.global;a=a.split(".");for(e=0;e<a.length-1;e++){var c=a[e];c in b||(b[c]={});b=b[c]}a=a[a.length-1];e=b[a];d=d(e);d!=e&&null!=d&&$jscomp.defineProperty(b,a,{configurable:!0,writable:!0,value:d})}};$jscomp.polyfill("Object.getOwnPropertySymbols",function(a){return a?a:function(){return[]}},"es6","es5");$jscomp.SYMBOL_PREFIX="jscomp_symbol_";
$jscomp.initSymbol=function(){$jscomp.initSymbol=function(){};$jscomp.global.Symbol||($jscomp.global.Symbol=$jscomp.Symbol)};$jscomp.Symbol=function(){var a=0;return function(d){return $jscomp.SYMBOL_PREFIX+(d||"")+a++}}();
$jscomp.initSymbolIterator=function(){$jscomp.initSymbol();var a=$jscomp.global.Symbol.iterator;a||(a=$jscomp.global.Symbol.iterator=$jscomp.global.Symbol("iterator"));"function"!=typeof Array.prototype[a]&&$jscomp.defineProperty(Array.prototype,a,{configurable:!0,writable:!0,value:function(){return $jscomp.arrayIterator(this)}});$jscomp.initSymbolIterator=function(){}};$jscomp.arrayIterator=function(a){var d=0;return $jscomp.iteratorPrototype(function(){return d<a.length?{done:!1,value:a[d++]}:{done:!0}})};
$jscomp.iteratorPrototype=function(a){$jscomp.initSymbolIterator();a={next:a};a[$jscomp.global.Symbol.iterator]=function(){return this};return a};$jscomp.iteratorFromArray=function(a,d){$jscomp.initSymbolIterator();a instanceof String&&(a+="");var b=0,e={next:function(){if(b<a.length){var c=b++;return{value:d(c,a[c]),done:!1}}e.next=function(){return{done:!0,value:void 0}};return e.next()}};e[Symbol.iterator]=function(){return e};return e};
$jscomp.polyfill("Array.prototype.keys",function(a){return a?a:function(){return $jscomp.iteratorFromArray(this,function(a){return a})}},"es6","es3");$jscomp.owns=function(a,d){return Object.prototype.hasOwnProperty.call(a,d)};$jscomp.assign="function"==typeof Object.assign?Object.assign:function(a,d){for(var b=1;b<arguments.length;b++){var e=arguments[b];if(e)for(var c in e)$jscomp.owns(e,c)&&(a[c]=e[c])}return a};$jscomp.polyfill("Object.assign",function(a){return a||$jscomp.assign},"es6","es3");
(function(a){"object"===typeof exports&&"undefined"!==typeof module?module.exports=a():"function"===typeof define&&define.amd?define([],a):("undefined"!==typeof window?window:"undefined"!==typeof global?global:"undefined"!==typeof self?self:this).SmartBanner=a()})(function(){return function(){function a(d,b,e){function c(f,k){if(!b[f]){if(!d[f]){var r="function"==typeof require&&require;if(!k&&r)return r(f,!0);if(m)return m(f,!0);k=Error("Cannot find module '"+f+"'");throw k.code="MODULE_NOT_FOUND",
k;}k=b[f]={exports:{}};d[f][0].call(k.exports,function(a){return c(d[f][1][a]||a)},k,k.exports,a,d,b,e)}return b[f].exports}for(var m="function"==typeof require&&require,f=0;f<e.length;f++)c(e[f]);return c}return a}()({1:[function(a,d,b){var e=a("object-assign"),c=a("component-query"),m=a("get-doc"),f=a("cookie-cutter"),n=a("ua-parser-js"),k=(navigator.language||navigator.userLanguage||navigator.browserLanguage).slice(-2)||"us",r=m&&m.documentElement,g={ios:{appMeta:"apple-itunes-app",iconRels:["apple-touch-icon-precomposed",
"apple-touch-icon"],getStoreLink:function(){return"https://itunes.apple.com/"+this.options.appStoreLanguage+"/app/id"+this.appId+"?mt=8"}},android:{appMeta:"google-play-app",iconRels:["android-touch-icon","apple-touch-icon-precomposed","apple-touch-icon"],getStoreLink:function(){return"http://play.google.com/store/apps/details?id="+this.appId}},windows:{appMeta:"msApplication-ID",iconRels:["windows-touch-icon","apple-touch-icon-precomposed","apple-touch-icon"],getStoreLink:function(){return"http://www.windowsphone.com/s?appid="+
this.appId}}};a=function(a){var c=n(navigator.userAgent);this.options=e({},{daysHidden:15,daysReminder:90,appStoreLanguage:k,button:"OPEN",store:{ios:"On the App Store",android:"In Google Play",windows:"In the Windows Store"},price:{ios:"FREE",android:"FREE",windows:"FREE"},theme:"",icon:"",force:""},a||{});this.options.force?this.type=this.options.force:"Windows Phone"===c.os.name||"Windows Mobile"===c.os.name?this.type="windows":"iOS"===c.os.name?this.type="ios":"Android"===c.os.name&&(this.type=
"android");if(this.type&&this.options.store[this.type]){this.appMeta=g[this.type].appMeta;this.parseAppId();a="ios"===this.type&&"Mobile Safari"===c.browser.name&&6<=parseInt(c.os.version,10);var l=navigator.standalone,b=f.get(this.appId+"-smartbanner-closed"),d=f.get(this.appId+"-smartbanner-installed");a||l||b||d||(e(this,g[this.type]),!this.appId&&"IOS"===c.os.name&&"Safari"===c.browser.name)||(this.create(),this.show())}};a.prototype={constructor:a,create:function(){var a=this.getStoreLink(),
e=this.options.price[this.type]+" - "+this.options.store[this.type];if(this.options.icon)var f=this.options.icon;else for(var b=0;b<this.iconRels.length;b++){var d=c('link[rel="'+this.iconRels[b]+'"]');if(d){f=d.getAttribute("href");break}}var t=m.createElement("div");t.className="smartbanner smartbanner-"+(this.options.theme||this.type);t.innerHTML='<div class="smartbanner-container"><a href="javascript:void(0);" class="smartbanner-close">&times;</a><span class="smartbanner-icon" style="background-image: url('+
f+')"></span><div class="smartbanner-info"><div class="smartbanner-title">'+this.options.title+"</div><div>"+this.options.author+"</div><span>"+e+'</span></div><a href="'+a+'" class="smartbanner-button"><span class="smartbanner-button-text">'+this.options.button+"</span></a></div>";m.body?m.body.appendChild(t):m&&m.addEventListener("DOMContentLoaded",function(){m.body.appendChild(t)});c(".smartbanner-button",t).addEventListener("click",this.install.bind(this),!1);c(".smartbanner-close",t).addEventListener("click",
this.close.bind(this),!1)},hide:function(){r.classList.remove("smartbanner-show");if("function"===typeof this.options.close)return this.options.close()},show:function(){r.classList.add("smartbanner-show");if("function"===typeof this.options.show)return this.options.show()},close:function(){this.hide();f.set(this.appId+"-smartbanner-closed","true",{path:"/",expires:new Date(Number(new Date)+864E5*this.options.daysHidden)});if("function"===typeof this.options.close)return this.options.close()},install:function(){this.hide();
f.set(this.appId+"-smartbanner-installed","true",{path:"/",expires:new Date(Number(new Date)+864E5*this.options.daysReminder)});if("function"===typeof this.options.close)return this.options.close()},parseAppId:function(){var a=c('meta[name="'+this.appMeta+'"]');if(a)return this.appId="windows"===this.type?a.getAttribute("content"):/app-id=([^\s,]+)/.exec(a.getAttribute("content"))[1]}};d.exports=a},{"component-query":2,"cookie-cutter":3,"get-doc":4,"object-assign":6,"ua-parser-js":7}],2:[function(a,
d,b){function e(a,e){return e.querySelector(a)}b=d.exports=function(a,b){b=b||document;return e(a,b)};b.all=function(a,e){e=e||document;return e.querySelectorAll(a)};b.engine=function(a){if(!a.one)throw Error(".one callback required");if(!a.all)throw Error(".all callback required");e=a.one;b.all=a.all;return b}},{}],3:[function(a,d,b){b=d.exports=function(a){a||(a={});"string"===typeof a&&(a={cookie:a});void 0===a.cookie&&(a.cookie="");return{get:function(c){for(var b=a.cookie.split(/;\s*/),f=0;f<
b.length;f++){var e=b[f].split("=");if(unescape(e[0])===c)return unescape(e[1])}},set:function(c,b,f){f||(f={});c=escape(c)+"="+escape(b);f.expires&&(c+="; expires="+f.expires);f.path&&(c+="; path="+escape(f.path));f.domain&&(c+="; domain="+escape(f.domain));f.secure&&(c+="; secure");return a.cookie=c}}};"undefined"!==typeof document&&(a=b(document),b.get=a.get,b.set=a.set)},{}],4:[function(a,d,b){a=a("has-dom");d.exports=a()?document:null},{"has-dom":5}],5:[function(a,d,b){d.exports=function(){return"undefined"!==
typeof window&&"undefined"!==typeof document&&"function"===typeof document.createElement}},{}],6:[function(a,d,b){var e=Object.getOwnPropertySymbols,c=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable;d.exports=function(){try{if(!Object.assign)return!1;var a=new String("abc");a[5]="de";if("5"===Object.getOwnPropertyNames(a)[0])return!1;var c={};for(a=0;10>a;a++)c["_"+String.fromCharCode(a)]=a;if("0123456789"!==Object.getOwnPropertyNames(c).map(function(a){return c[a]}).join(""))return!1;
var b={};"abcdefghijklmnopqrst".split("").forEach(function(a){b[a]=a});return"abcdefghijklmnopqrst"!==Object.keys(Object.assign({},b)).join("")?!1:!0}catch(r){return!1}}()?Object.assign:function(a,b){if(null===a||void 0===a)throw new TypeError("Object.assign cannot be called with null or undefined");var d=Object(a);for(var f,g=1;g<arguments.length;g++){var p=Object(arguments[g]);for(var n in p)c.call(p,n)&&(d[n]=p[n]);if(e){f=e(p);for(var l=0;l<f.length;l++)m.call(p,f[l])&&(d[f[l]]=p[f[l]])}}return d}},
{}],7:[function(a,d,b){(function(a,c){var e={extend:function(a,c){var b={},e;for(e in a)b[e]=c[e]&&0===c[e].length%2?c[e].concat(a[e]):a[e];return b},has:function(a,c){return"string"===typeof a?-1!==c.toLowerCase().indexOf(a.toLowerCase()):!1},lowerize:function(a){return a.toLowerCase()},major:function(a){return"string"===typeof a?a.replace(/[^\d\.]/g,"").split(".")[0]:c},trim:function(a){return a.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,"")}},f=function(a,b){for(var e=0,d,f,l,h,g,q;e<b.length&&
!g;){var k=b[e],m=b[e+1];for(d=f=0;d<k.length&&!g;)if(g=k[d++].exec(a))for(l=0;l<m.length;l++)q=g[++f],h=m[l],"object"===typeof h&&0<h.length?2==h.length?this[h[0]]="function"==typeof h[1]?h[1].call(this,q):h[1]:3==h.length?this[h[0]]="function"!==typeof h[1]||h[1].exec&&h[1].test?q?q.replace(h[1],h[2]):c:q?h[1].call(this,q,h[2]):c:4==h.length&&(this[h[0]]=q?h[3].call(this,q.replace(h[1],h[2])):c):this[h]=q?q:c;e+=2}},n=function(a,b){for(var d in b)if("object"===typeof b[d]&&0<b[d].length)for(var f=
0;f<b[d].length;f++){if(e.has(b[d][f],a))return"?"===d?c:d}else if(e.has(b[d],a))return"?"===d?c:d;return a},k={ME:"4.90","NT 3.11":"NT3.51","NT 4.0":"NT4.0",2E3:"NT 5.0",XP:["NT 5.1","NT 5.2"],Vista:"NT 6.0",7:"NT 6.1",8:"NT 6.2","8.1":"NT 6.3",10:["NT 6.4","NT 10.0"],RT:"ARM"},r={browser:[[/(opera\smini)\/([\w\.-]+)/i,/(opera\s[mobiletab]+).+version\/([\w\.-]+)/i,/(opera).+version\/([\w\.]+)/i,/(opera)[\/\s]+([\w\.]+)/i],["name","version"],[/(opios)[\/\s]+([\w\.]+)/i],[["name","Opera Mini"],"version"],
[/\s(opr)\/([\w\.]+)/i],[["name","Opera"],"version"],[/(kindle)\/([\w\.]+)/i,/(lunascape|maxthon|netfront|jasmine|blazer)[\/\s]?([\w\.]*)/i,/(avant\s|iemobile|slim|baidu)(?:browser)?[\/\s]?([\w\.]*)/i,/(?:ms|\()(ie)\s([\w\.]+)/i,/(rekonq)\/([\w\.]*)/i,/(chromium|flock|rockmelt|midori|epiphany|silk|skyfire|ovibrowser|bolt|iron|vivaldi|iridium|phantomjs|bowser|quark)\/([\w\.-]+)/i],["name","version"],[/(trident).+rv[:\s]([\w\.]+).+like\sgecko/i],[["name","IE"],"version"],[/(edge|edgios|edgea)\/((\d+)?[\w\.]+)/i],
[["name","Edge"],"version"],[/(yabrowser)\/([\w\.]+)/i],[["name","Yandex"],"version"],[/(puffin)\/([\w\.]+)/i],[["name","Puffin"],"version"],[/((?:[\s\/])uc?\s?browser|(?:juc.+)ucweb)[\/\s]?([\w\.]+)/i],[["name","UCBrowser"],"version"],[/(comodo_dragon)\/([\w\.]+)/i],[["name",/_/g," "],"version"],[/(micromessenger)\/([\w\.]+)/i],[["name","WeChat"],"version"],[/(qqbrowserlite)\/([\w\.]+)/i],["name","version"],[/(QQ)\/([\d\.]+)/i],["name","version"],[/m?(qqbrowser)[\/\s]?([\w\.]+)/i],["name","version"],
[/(BIDUBrowser)[\/\s]?([\w\.]+)/i],["name","version"],[/(2345Explorer)[\/\s]?([\w\.]+)/i],["name","version"],[/(MetaSr)[\/\s]?([\w\.]+)/i],["name"],[/(LBBROWSER)/i],["name"],[/xiaomi\/miuibrowser\/([\w\.]+)/i],["version",["name","MIUI Browser"]],[/;fbav\/([\w\.]+);/i],["version",["name","Facebook"]],[/headlesschrome(?:\/([\w\.]+)|\s)/i],["version",["name","Chrome Headless"]],[/\swv\).+(chrome)\/([\w\.]+)/i],[["name",/(.+)/,"$1 WebView"],"version"],[/((?:oculus|samsung)browser)\/([\w\.]+)/i],[["name",
/(.+(?:g|us))(.+)/,"$1 $2"],"version"],[/android.+version\/([\w\.]+)\s+(?:mobile\s?safari|safari)*/i],["version",["name","Android Browser"]],[/(chrome|omniweb|arora|[tizenoka]{5}\s?browser)\/v?([\w\.]+)/i],["name","version"],[/(dolfin)\/([\w\.]+)/i],[["name","Dolphin"],"version"],[/((?:android.+)crmo|crios)\/([\w\.]+)/i],[["name","Chrome"],"version"],[/(coast)\/([\w\.]+)/i],[["name","Opera Coast"],"version"],[/fxios\/([\w\.-]+)/i],["version",["name","Firefox"]],[/version\/([\w\.]+).+?mobile\/\w+\s(safari)/i],
["version",["name","Mobile Safari"]],[/version\/([\w\.]+).+?(mobile\s?safari|safari)/i],["version","name"],[/webkit.+?(gsa)\/([\w\.]+).+?(mobile\s?safari|safari)(\/[\w\.]+)/i],[["name","GSA"],"version"],[/webkit.+?(mobile\s?safari|safari)(\/[\w\.]+)/i],["name",["version",n,{"1.0":"/8","1.2":"/1","1.3":"/3","2.0":"/412","2.0.2":"/416","2.0.3":"/417","2.0.4":"/419","?":"/"}]],[/(konqueror)\/([\w\.]+)/i,/(webkit|khtml)\/([\w\.]+)/i],["name","version"],[/(navigator|netscape)\/([\w\.-]+)/i],[["name","Netscape"],
"version"],[/(swiftfox)/i,/(icedragon|iceweasel|camino|chimera|fennec|maemo\sbrowser|minimo|conkeror)[\/\s]?([\w\.\+]+)/i,/(firefox|seamonkey|k-meleon|icecat|iceape|firebird|phoenix|palemoon|basilisk|waterfox)\/([\w\.-]+)$/i,/(mozilla)\/([\w\.]+).+rv:.+gecko\/\d+/i,/(polaris|lynx|dillo|icab|doris|amaya|w3m|netsurf|sleipnir)[\/\s]?([\w\.]+)/i,/(links)\s\(([\w\.]+)/i,/(gobrowser)\/?([\w\.]*)/i,/(ice\s?browser)\/v?([\w\._]+)/i,/(mosaic)[\/\s]([\w\.]+)/i],["name","version"]],cpu:[[/(?:(amd|x(?:(?:86|64)[_-])?|wow|win)64)[;\)]/i],
[["architecture","amd64"]],[/(ia32(?=;))/i],[["architecture",e.lowerize]],[/((?:i[346]|x)86)[;\)]/i],[["architecture","ia32"]],[/windows\s(ce|mobile);\sppc;/i],[["architecture","arm"]],[/((?:ppc|powerpc)(?:64)?)(?:\smac|;|\))/i],[["architecture",/ower/,"",e.lowerize]],[/(sun4\w)[;\)]/i],[["architecture","sparc"]],[/((?:avr32|ia64(?=;))|68k(?=\))|arm(?:64|(?=v\d+;))|(?=atmel\s)avr|(?:irix|mips|sparc)(?:64)?(?=;)|pa-risc)/i],[["architecture",e.lowerize]]],device:[[/\((ipad|playbook);[\w\s\);-]+(rim|apple)/i],
["model","vendor",["type","tablet"]],[/applecoremedia\/[\w\.]+ \((ipad)/],["model",["vendor","Apple"],["type","tablet"]],[/(apple\s{0,1}tv)/i],[["model","Apple TV"],["vendor","Apple"]],[/(archos)\s(gamepad2?)/i,/(hp).+(touchpad)/i,/(hp).+(tablet)/i,/(kindle)\/([\w\.]+)/i,/\s(nook)[\w\s]+build\/(\w+)/i,/(dell)\s(strea[kpr\s\d]*[\dko])/i],["vendor","model",["type","tablet"]],[/(kf[A-z]+)\sbuild\/.+silk\//i],["model",["vendor","Amazon"],["type","tablet"]],[/(sd|kf)[0349hijorstuw]+\sbuild\/.+silk\//i],
[["model",n,{"Fire Phone":["SD","KF"]}],["vendor","Amazon"],["type","mobile"]],[/\((ip[honed|\s\w*]+);.+(apple)/i],["model","vendor",["type","mobile"]],[/\((ip[honed|\s\w*]+);/i],["model",["vendor","Apple"],["type","mobile"]],[/(blackberry)[\s-]?(\w+)/i,/(blackberry|benq|palm(?=\-)|sonyericsson|acer|asus|dell|meizu|motorola|polytron)[\s_-]?([\w-]*)/i,/(hp)\s([\w\s]+\w)/i,/(asus)-?(\w+)/i],["vendor","model",["type","mobile"]],[/\(bb10;\s(\w+)/i],["model",["vendor","BlackBerry"],["type","mobile"]],
[/android.+(transfo[prime\s]{4,10}\s\w+|eeepc|slider\s\w+|nexus 7|padfone)/i],["model",["vendor","Asus"],["type","tablet"]],[/(sony)\s(tablet\s[ps])\sbuild\//i,/(sony)?(?:sgp.+)\sbuild\//i],[["vendor","Sony"],["model","Xperia Tablet"],["type","tablet"]],[/android.+\s([c-g]\d{4}|so[-l]\w+)\sbuild\//i],["model",["vendor","Sony"],["type","mobile"]],[/\s(ouya)\s/i,/(nintendo)\s([wids3u]+)/i],["vendor","model",["type","console"]],[/android.+;\s(shield)\sbuild/i],["model",["vendor","Nvidia"],["type","console"]],
[/(playstation\s[34portablevi]+)/i],["model",["vendor","Sony"],["type","console"]],[/(sprint\s(\w+))/i],[["vendor",n,{HTC:"APA",Sprint:"Sprint"}],["model",n,{"Evo Shift 4G":"7373KT"}],["type","mobile"]],[/(lenovo)\s?(S(?:5000|6000)+(?:[-][\w+]))/i],["vendor","model",["type","tablet"]],[/(htc)[;_\s-]+([\w\s]+(?=\))|\w+)*/i,/(zte)-(\w*)/i,/(alcatel|geeksphone|lenovo|nexian|panasonic|(?=;\s)sony)[_\s-]?([\w-]*)/i],["vendor",["model",/_/g," "],["type","mobile"]],[/(nexus\s9)/i],["model",["vendor","HTC"],
["type","tablet"]],[/d\/huawei([\w\s-]+)[;\)]/i,/(nexus\s6p)/i],["model",["vendor","Huawei"],["type","mobile"]],[/(microsoft);\s(lumia[\s\w]+)/i],["vendor","model",["type","mobile"]],[/[\s\(;](xbox(?:\sone)?)[\s\);]/i],["model",["vendor","Microsoft"],["type","console"]],[/(kin\.[onetw]{3})/i],[["model",/\./g," "],["vendor","Microsoft"],["type","mobile"]],[/\s(milestone|droid(?:[2-4x]|\s(?:bionic|x2|pro|razr))?:?(\s4g)?)[\w\s]+build\//i,/mot[\s-]?(\w*)/i,/(XT\d{3,4}) build\//i,/(nexus\s6)/i],["model",
["vendor","Motorola"],["type","mobile"]],[/android.+\s(mz60\d|xoom[\s2]{0,2})\sbuild\//i],["model",["vendor","Motorola"],["type","tablet"]],[/hbbtv\/\d+\.\d+\.\d+\s+\([\w\s]*;\s*(\w[^;]*);([^;]*)/i],[["vendor",e.trim],["model",e.trim],["type","smarttv"]],[/hbbtv.+maple;(\d+)/i],[["model",/^/,"SmartTV"],["vendor","Samsung"],["type","smarttv"]],[/\(dtv[\);].+(aquos)/i],["model",["vendor","Sharp"],["type","smarttv"]],[/android.+((sch-i[89]0\d|shw-m380s|gt-p\d{4}|gt-n\d+|sgh-t8[56]9|nexus 10))/i,/((SM-T\w+))/i],
[["vendor","Samsung"],"model",["type","tablet"]],[/smart-tv.+(samsung)/i],["vendor",["type","smarttv"],"model"],[/((s[cgp]h-\w+|gt-\w+|galaxy\snexus|sm-\w[\w\d]+))/i,/(sam[sung]*)[\s-]*(\w+-?[\w-]*)/i,/sec-((sgh\w+))/i],[["vendor","Samsung"],"model",["type","mobile"]],[/sie-(\w*)/i],["model",["vendor","Siemens"],["type","mobile"]],[/(maemo|nokia).*(n900|lumia\s\d+)/i,/(nokia)[\s_-]?([\w-]*)/i],[["vendor","Nokia"],"model",["type","mobile"]],[/android\s3\.[\s\w;-]{10}(a\d{3})/i],["model",["vendor",
"Acer"],["type","tablet"]],[/android.+([vl]k\-?\d{3})\s+build/i],["model",["vendor","LG"],["type","tablet"]],[/android\s3\.[\s\w;-]{10}(lg?)-([06cv9]{3,4})/i],[["vendor","LG"],"model",["type","tablet"]],[/(lg) netcast\.tv/i],["vendor","model",["type","smarttv"]],[/(nexus\s[45])/i,/lg[e;\s\/-]+(\w*)/i,/android.+lg(\-?[\d\w]+)\s+build/i],["model",["vendor","LG"],["type","mobile"]],[/android.+(ideatab[a-z0-9\-\s]+)/i],["model",["vendor","Lenovo"],["type","tablet"]],[/linux;.+((jolla));/i],["vendor",
"model",["type","mobile"]],[/((pebble))app\/[\d\.]+\s/i],["vendor","model",["type","wearable"]],[/android.+;\s(oppo)\s?([\w\s]+)\sbuild/i],["vendor","model",["type","mobile"]],[/crkey/i],[["model","Chromecast"],["vendor","Google"]],[/android.+;\s(glass)\s\d/i],["model",["vendor","Google"],["type","wearable"]],[/android.+;\s(pixel c)\s/i],["model",["vendor","Google"],["type","tablet"]],[/android.+;\s(pixel xl|pixel)\s/i],["model",["vendor","Google"],["type","mobile"]],[/android.+;\s(\w+)\s+build\/hm\1/i,
/android.+(hm[\s\-_]*note?[\s_]*(?:\d\w)?)\s+build/i,/android.+(mi[\s\-_]*(?:one|one[\s_]plus|note lte)?[\s_]*(?:\d?\w?)[\s_]*(?:plus)?)\s+build/i,/android.+(redmi[\s\-_]*(?:note)?(?:[\s_]*[\w\s]+))\s+build/i],[["model",/_/g," "],["vendor","Xiaomi"],["type","mobile"]],[/android.+(mi[\s\-_]*(?:pad)(?:[\s_]*[\w\s]+))\s+build/i],[["model",/_/g," "],["vendor","Xiaomi"],["type","tablet"]],[/android.+;\s(m[1-5]\snote)\sbuild/i],["model",["vendor","Meizu"],["type","tablet"]],[/android.+a000(1)\s+build/i,
/android.+oneplus\s(a\d{4})\s+build/i],["model",["vendor","OnePlus"],["type","mobile"]],[/android.+[;\/]\s*(RCT[\d\w]+)\s+build/i],["model",["vendor","RCA"],["type","tablet"]],[/android.+[;\/\s]+(Venue[\d\s]{2,7})\s+build/i],["model",["vendor","Dell"],["type","tablet"]],[/android.+[;\/]\s*(Q[T|M][\d\w]+)\s+build/i],["model",["vendor","Verizon"],["type","tablet"]],[/android.+[;\/]\s+(Barnes[&\s]+Noble\s+|BN[RT])(V?.*)\s+build/i],[["vendor","Barnes & Noble"],"model",["type","tablet"]],[/android.+[;\/]\s+(TM\d{3}.*\b)\s+build/i],
["model",["vendor","NuVision"],["type","tablet"]],[/android.+;\s(k88)\sbuild/i],["model",["vendor","ZTE"],["type","tablet"]],[/android.+[;\/]\s*(gen\d{3})\s+build.*49h/i],["model",["vendor","Swiss"],["type","mobile"]],[/android.+[;\/]\s*(zur\d{3})\s+build/i],["model",["vendor","Swiss"],["type","tablet"]],[/android.+[;\/]\s*((Zeki)?TB.*\b)\s+build/i],["model",["vendor","Zeki"],["type","tablet"]],[/(android).+[;\/]\s+([YR]\d{2})\s+build/i,/android.+[;\/]\s+(Dragon[\-\s]+Touch\s+|DT)(\w{5})\sbuild/i],
[["vendor","Dragon Touch"],"model",["type","tablet"]],[/android.+[;\/]\s*(NS-?\w{0,9})\sbuild/i],["model",["vendor","Insignia"],["type","tablet"]],[/android.+[;\/]\s*((NX|Next)-?\w{0,9})\s+build/i],["model",["vendor","NextBook"],["type","tablet"]],[/android.+[;\/]\s*(Xtreme_)?(V(1[045]|2[015]|30|40|60|7[05]|90))\s+build/i],[["vendor","Voice"],"model",["type","mobile"]],[/android.+[;\/]\s*(LVTEL\-)?(V1[12])\s+build/i],[["vendor","LvTel"],"model",["type","mobile"]],[/android.+[;\/]\s*(V(100MD|700NA|7011|917G).*\b)\s+build/i],
["model",["vendor","Envizen"],["type","tablet"]],[/android.+[;\/]\s*(Le[\s\-]+Pan)[\s\-]+(\w{1,9})\s+build/i],["vendor","model",["type","tablet"]],[/android.+[;\/]\s*(Trio[\s\-]*.*)\s+build/i],["model",["vendor","MachSpeed"],["type","tablet"]],[/android.+[;\/]\s*(Trinity)[\-\s]*(T\d{3})\s+build/i],["vendor","model",["type","tablet"]],[/android.+[;\/]\s*TU_(1491)\s+build/i],["model",["vendor","Rotor"],["type","tablet"]],[/android.+(KS(.+))\s+build/i],["model",["vendor","Amazon"],["type","tablet"]],
[/android.+(Gigaset)[\s\-]+(Q\w{1,9})\s+build/i],["vendor","model",["type","tablet"]],[/\s(tablet|tab)[;\/]/i,/\s(mobile)(?:[;\/]|\ssafari)/i],[["type",e.lowerize],"vendor","model"],[/(android[\w\.\s\-]{0,9});.+build/i],["model",["vendor","Generic"]]],engine:[[/windows.+\sedge\/([\w\.]+)/i],["version",["name","EdgeHTML"]],[/(presto)\/([\w\.]+)/i,/(webkit|trident|netfront|netsurf|amaya|lynx|w3m)\/([\w\.]+)/i,/(khtml|tasman|links)[\/\s]\(?([\w\.]+)/i,/(icab)[\/\s]([23]\.[\d\.]+)/i],["name","version"],
[/rv:([\w\.]{1,9}).+(gecko)/i],["version","name"]],os:[[/microsoft\s(windows)\s(vista|xp)/i],["name","version"],[/(windows)\snt\s6\.2;\s(arm)/i,/(windows\sphone(?:\sos)*)[\s\/]?([\d\.\s\w]*)/i,/(windows\smobile|windows)[\s\/]?([ntce\d\.\s]+\w)/i],["name",["version",n,k]],[/(win(?=3|9|n)|win\s9x\s)([nt\d\.]+)/i],[["name","Windows"],["version",n,k]],[/\((bb)(10);/i],[["name","BlackBerry"],"version"],[/(blackberry)\w*\/?([\w\.]*)/i,/(tizen)[\/\s]([\w\.]+)/i,/(android|webos|palm\sos|qnx|bada|rim\stablet\sos|meego|contiki)[\/\s-]?([\w\.]*)/i,
/linux;.+(sailfish);/i],["name","version"],[/(symbian\s?os|symbos|s60(?=;))[\/\s-]?([\w\.]*)/i],[["name","Symbian"],"version"],[/\((series40);/i],["name"],[/mozilla.+\(mobile;.+gecko.+firefox/i],[["name","Firefox OS"],"version"],[/(nintendo|playstation)\s([wids34portablevu]+)/i,/(mint)[\/\s\(]?(\w*)/i,/(mageia|vectorlinux)[;\s]/i,/(joli|[kxln]?ubuntu|debian|suse|opensuse|gentoo|(?=\s)arch|slackware|fedora|mandriva|centos|pclinuxos|redhat|zenwalk|linpus)[\/\s-]?(?!chrom)([\w\.-]*)/i,/(hurd|linux)\s?([\w\.]*)/i,
/(gnu)\s?([\w\.]*)/i],["name","version"],[/(cros)\s[\w]+\s([\w\.]+\w)/i],[["name","Chromium OS"],"version"],[/(sunos)\s?([\w\.\d]*)/i],[["name","Solaris"],"version"],[/\s([frentopc-]{0,4}bsd|dragonfly)\s?([\w\.]*)/i],["name","version"],[/(haiku)\s(\w+)/i],["name","version"],[/cfnetwork\/.+darwin/i,/ip[honead]{2,4}(?:.*os\s([\w]+)\slike\smac|;\sopera)/i],[["version",/_/g,"."],["name","iOS"]],[/(mac\sos\sx)\s?([\w\s\.]*)/i,/(macintosh|mac(?=_powerpc)\s)/i],[["name","Mac OS"],["version",/_/g,"."]],[/((?:open)?solaris)[\/\s-]?([\w\.]*)/i,
/(aix)\s((\d)(?=\.|\)|\s)[\w\.])*/i,/(plan\s9|minix|beos|os\/2|amigaos|morphos|risc\sos|openvms)/i,/(unix)\s?([\w\.]*)/i],["name","version"]]},g=function(b,d){"object"===typeof b&&(d=b,b=c);if(!(this instanceof g))return(new g(b,d)).getResult();var l=b||(a&&a.navigator&&a.navigator.userAgent?a.navigator.userAgent:""),k=d?e.extend(r,d):r;this.getBrowser=function(){var a={name:c,version:c};f.call(a,l,k.browser);a.major=e.major(a.version);return a};this.getCPU=function(){var a={architecture:c};f.call(a,
l,k.cpu);return a};this.getDevice=function(){var a={vendor:c,model:c,type:c};f.call(a,l,k.device);return a};this.getEngine=function(){var a={name:c,version:c};f.call(a,l,k.engine);return a};this.getOS=function(){var a={name:c,version:c};f.call(a,l,k.os);return a};this.getResult=function(){return{ua:this.getUA(),browser:this.getBrowser(),engine:this.getEngine(),os:this.getOS(),device:this.getDevice(),cpu:this.getCPU()}};this.getUA=function(){return l};this.setUA=function(a){l=a;return this};return this};
g.VERSION="0.7.18";g.BROWSER={NAME:"name",MAJOR:"major",VERSION:"version"};g.CPU={ARCHITECTURE:"architecture"};g.DEVICE={MODEL:"model",VENDOR:"vendor",TYPE:"type",CONSOLE:"console",MOBILE:"mobile",SMARTTV:"smarttv",TABLET:"tablet",WEARABLE:"wearable",EMBEDDED:"embedded"};g.ENGINE={NAME:"name",VERSION:"version"};g.OS={NAME:"name",VERSION:"version"};"undefined"!==typeof b?("undefined"!==typeof d&&d.exports&&(b=d.exports=g),b.UAParser=g):a&&(a.UAParser=g);var p=a&&(a.jQuery||a.Zepto);if("undefined"!==
typeof p){var u=new g;p.ua=u.getResult();p.ua.get=function(){return u.getUA()};p.ua.set=function(a){u.setUA(a);a=u.getResult();for(var b in a)p.ua[b]=a[b]}}})("object"===typeof window?window:this)},{}]},{},[1])(1)});

function init() {
    if (window.disableSmartBanner) {
        return;
    }
    let base = document.querySelector('base').getAttribute('href');
    let name = document.querySelector('meta[name="app-banner-name"]').getAttribute('content');
    let icon = document.querySelector('meta[name="app-banner-icon"]').getAttribute('content');

    new SmartBanner({
        daysHidden: 15,
        daysReminder: 90,
        appStoreLanguage: 'fr',
        title: name,
        author: 'VIDAL',
        button: 'Voir',
        store: {
            ios: 'Sur l\'App Store',
            android: 'Sur Google Play'
        },
        price: {
            ios: 'GRATUIT',
            android: 'GRATUIT',
        },
        icon: base+icon
        // , force: 'ios' // Uncomment for platform emulation
    });
}

window.addEventListener('DOMContentLoaded', init, false);

var Cookie = (function(){
    var cookie = {
        getCookie: function (name) {
            var nameEQ = name + "=";
            var ca = document.cookie.split(';');
            for (var i = 0; i < ca.length; i++) {
                var c = ca[i];
                while (c.charAt(0) == ' ') c = c.substring(1, c.length);
                if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
            }
            return null;
        },

        eraseCookie: function (name) {
            document.cookie = name + '=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
        },

        setCookie: function (name, value, days) {
            var expires = "";
            if (days) {
                var date = new Date();
                date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
                expires = "; expires=" + date.toUTCString();
            }
            document.cookie = name + "=" + (value || "") + expires + "; path=/";
        }
    }
    return cookie;
})();


var LocalStorage = (function(){
    return {
        get: function (key) {
            let value = localStorage.getItem(key);
            if (value === null) return null;
            try {
                return JSON.parse(value);
            } catch (e) {
                return value;
            }
        },
        /**
         * Récupère la valeur à un chemin spécifique dans un objet ou un tableau stocké dans localStorage.
         * Retourne `null` si la clé principale n'existe pas ou si le chemin est invalide.
         * @param path
         * @returns {*|null}
         * @example
         * * LocalStorage.set("example", [{name : "John"}])
         * * console.log(LocalStorage.getPath("example.0.name"))
         */
        getPath: function (path) {
            let keys = path.split(".");
            let mainKey = keys.shift();
            let data = LocalStorage.get(mainKey);
            if (data == null) return null;
            let ref = data;
            for (let i = 0; i < keys.length - 1; i++) {
                let key = keys[i];
                if (!(key in ref)) {
                    return null;
                }
                ref = ref[key];
            }
            return ref[keys[keys.length - 1]];
        },
        remove: function (name) {
            localStorage.removeItem(name);
        },
        set: function (key, value) {
            localStorage.setItem(key, JSON.stringify(value));
        },
        /**
         * Modifie la valeur à un chemin spécifique dans un objet ou un tableau stocké dans localStorage.
         * Si la clé n'existe pas, elle est créée automatiquement.
         * @param path
         * @param value
         * @returns {boolean}
         * @example
         * * LocalStorage.set("numbers", [10, 20, 30]);
         * * LocalStorage.setPath("numbers.1", 99);
         * * console.log(LocalStorage.get("numbers")); // [10, 99, 30]
         */
        setPath(path, value) {
            let keys = path.split(".");
            let mainKey = keys.shift();
            let data = LocalStorage.get(mainKey);
            if (data === null) data = {};
            let ref = data;
            for (let i = 0; i < keys.length - 1; i++) {
                let key = keys[i];
                if (!(key in ref)) {
                    ref[key] = isNaN(keys[i + 1]) ? {} : [];
                }
                ref = ref[key];
            }
            ref[keys[keys.length - 1]] = value;
            LocalStorage.set(mainKey, data);
            return true;
        },
        removeAll() {
            localStorage.clear();
        }
    };
})();
class Summary {
    element;
    content;
    selector;

    constructor(element) {
        if (element != null)
            this.element = element;
        else
            this.element = document.querySelector(this.selector);

        if (!this.element || this.element.classList.contains("fixed")) {
            return;
        }
        this.content = document.querySelector('.content.site-container');

        this.element.addEventListener("click", this.toggleMenu.bind(this));

        const links = this.element.querySelectorAll('a');
        for(const link of links)
        {
            link.addEventListener("scrollTo", this.toggleMenu.bind(this));
        }
    }


    toggleMenu(e){
        let summary = e.target.closest('.summary');
        if(window.matchMedia("(max-width: 950px)").matches || summary.classList.contains('reco-redesign')){
            if (e && !summary.classList.contains('facets-container'))
                e.preventDefault();
             if(e.target.classList.contains('summary-title') || e.target.classList.contains('summary-overlay')){
                summary.classList.toggle('open');
            }else if(!summary.classList.contains('facets-container')&&!e.target.closest(".form-search-terms")){
                summary.classList.remove('open');
                window.location = e.target.href;
            }
        }
    }

}

(function() {
    const CLASS_DYNAMIC_SUMMARY = ['politique-cookies', 'donnees-personnelles'];

    function initDynamicSummary() {
        if (needDynamicSummary()) {
            let baseUrl = window.location.origin + window.location.pathname;
            let titles = [...document.querySelectorAll('.main .block h2')];
            let summarySection = document.createElement('div');
            summarySection.className = 'summary dynamic-summary';
            summarySection.innerHTML = `
                <p class="summary-title">Sommaire</p>
                <div class="summary-content">
                    <ul>${titles.map(item => `<li><a href="${baseUrl}#${item.id}">${item.textContent}</a></li>`).join('')}</ul>
                    <div class="summary-overlay"></div>
                </div>`;
            document.querySelector('.site-container.content').classList.replace('full', 'with-summary');
            document.querySelector('.site-container.content > div').insertBefore(summarySection, document.querySelector('.site-container.content .main'));
            new Summary(summarySection);
        }
    }

    function needDynamicSummary() {
        let needDynamicSummary = false;
        if (document.querySelector('.site-container.content .summary')) {
            return needDynamicSummary;
        }
        CLASS_DYNAMIC_SUMMARY.forEach((className) => {
            if (document.querySelector('.'+ className + ' .site-container.content')) {
                needDynamicSummary = true;
            }
        })
        return needDynamicSummary;
    }
    document.addEventListener('DOMContentLoaded', initDynamicSummary, false);
})();

var VIDALConnect = (function(){

    var connectWindow;

    function init(){
        setup(document);
    }

    function setup(pTarget){
        pTarget.querySelectorAll(".private").forEach(function(pEl){
            let redirect = document.location.href;
            if (pEl.getAttribute("href") && pEl.getAttribute("href")  !== "") {
                redirect = pEl.getAttribute("href");
            } else if (pEl.getAttribute("data-cbo")) {
                redirect = CBO.decode(pEl.getAttribute("data-cbo"));
            }
            let link = "acces-restreint.html?render=true";
            if(pEl.classList.contains('content_profile'))
                link = link+"&profile=true";
            if(pEl.classList.contains('gpr_profile'))
                link = link+"&gpr_profile=true";

            link = link + "&redirect="+redirect+"";

            pEl.rel = "Dabox[cbo:"+CBO.encode(link)+"]";
        });
        pTarget.querySelectorAll('[data-connect="true"]').forEach(function(pConnectionLink){
            pConnectionLink.addEventListener('click', openVIDALConnectWindow, true);
        });
    }

    function VIDALConnectClosedHandler(e){
        connectWindow.close();
        window.location.href = window.location.href+"";
    }

    function openVIDALConnectWindow(e){
        if(window.pa)
            pa.sendEvent('click.action',{'click':'Se connecter'});
        if(connectWindow){
            e.preventDefault();
            e.stopImmediatePropagation();
            e.stopPropagation();
            return;
        }
        var w = 600;
        var h = 600;
        var left = (screen.width/2)-(w>>1);
        var top = (screen.height/2)-(h>>1);
        var connectWindow = window.open(decodeURIComponent(window.atob(e.currentTarget.getAttribute("data-cbo"))),'_blank','top='+top+',left='+left+',toolbar=0,location=0,directories=0,status=1,menubar=0,titlebar=0,scrollbars=1,resizable=1,width='+w+',height='+h);
        if(connectWindow) {
            e.preventDefault();
            e.stopImmediatePropagation();
            e.stopPropagation();
        }
    }

    window.addEventListener("DOMContentLoaded", init, false);

    return {
        setup:setup,
        closedHandler:VIDALConnectClosedHandler
    };
})();
/**
 * @author Arno NICOLAS - arno06@gmail.com
 */
if (NodeList.prototype.forEach === undefined)
    NodeList.prototype.forEach = Array.prototype.forEach || function(pHandler){for(var i = 0, max = this.length; i<max; i++){pHandler(this[i], i);}};
var TouchBehavior =
{
    clickEvent:(function(){return ("ontouchend" in document)?"touchend":"click";})(),
    downEvent:(function(){return ("ontouchend" in document)?"touchstart":"mousedown";})(),
    upEvent:(function(){return ("ontouchend" in document)?"touchend":"mouseup";})(),
    moveEvent:(function(){return ("ontouchend" in document)?"touchmove":"mousedown";})(),
    applyTo:function(pSelector, pClassName, pDistance)
    {
        pClassName = pClassName||'active';
        pDistance = pDistance||5;

        document.querySelectorAll(pSelector).forEach(function(pElement)
        {
            var handler = function(e)
            {
                var p = {x:e.pageX, y:e.pageY};
                var t = e.currentTarget;
                var todo;
                switch(e.type.toLowerCase())
                {
                    case TouchBehavior.downEvent:
                        if(e.type.toLowerCase().indexOf("touch")>-1)
                            p = {x: e.touches[0].pageX, y: e.touches[0].pageY};
                        t.setAttribute("mouse-start", p.x+","+ p.y);
                        t.setAttribute("mouse-end", p.x+","+ p.y);
                        todo = "add";
                        break;
                    case TouchBehavior.upEvent:
                        if (t.getAttribute("mouse-start"))
                        {
                            var start = t.getAttribute("mouse-start").split(",");
                            var last = t.getAttribute("mouse-end").split(",");
                            var distanceX = (last[0] - start[0]);
                            var distanceY = (last[1] - start[1]);
                            var distance = Math.sqrt((distanceX*distanceX) + (distanceY*distanceY));
                            if(distance>pDistance)
                            {
                                e.stopImmediatePropagation();
                                e.stopPropagation();
                            }
                            todo = "remove";
                        }
                        break;
                    case TouchBehavior.moveEvent:
                    default:
                        if(e.type.toLowerCase().indexOf("touch")>-1)
                            p = {x: e.touches[0].pageX, y: e.touches[0].pageY};
                        t.setAttribute("mouse-end", p.x+","+ p.y);
                        todo = "remove";
                        break;
                }
                if (todo)
                    t.classList[todo](pClassName);
            };
            pElement.addEventListener(TouchBehavior.downEvent, handler, {passive:true});
            pElement.addEventListener(TouchBehavior.moveEvent, handler, {passive:true});
            pElement.addEventListener(TouchBehavior.upEvent, handler, {passive:true});
        });
    }
};
function isMobile() {
    let devc = 'bureau';
    if (navigator.userAgent.match(/(android|iphone|ipad|blackberry|symbian|symbianos|symbos|netfront|model-orange|javaplatform|iemobile|windows phone|samsung|htc|opera mobile|opera mobi|opera mini|presto|huawei|blazer|bolt|doris|fennec|gobrowser|iris|maemo browser|mib|cldc|minimo|semc-browser|skyfire|teashark|teleca|uzard|uzardweb|meego|nokia|bb10|playbook)/gi)) {
        if (((screen.width >= 480) && (screen.height >= 800)) || ((screen.width >= 800) && (screen.height >= 480)) || navigator.userAgent.match(/ipad/gi)) {
            devc = 'tablette';
        } else {
            devc = 'mobile';
        }
    }
    return devc;
}

function isNarrowScreen() {
    return window.matchMedia("(max-width: 950px)").matches;
}

function isTouchable() {
    return ("ontouchend" in document);
}

function uriEncode(pParams) {
    let get = '';
    let prefix = '?';
    for (let i in pParams) {
        get += prefix + i + '=' + pParams[i];
        prefix = '&';
    }
    return get;
}

function makeRequest(pUrl, pParams, pElement, pCallbackBefore, pCallbackAfter, request) {
    pCallbackBefore(pElement);
    let get = uriEncode(pParams);
    if (request) {
        request.cancel();
    }
    request = new RequestVidal(pUrl + get, null, 'GET');
    request.onComplete(function (pResponse) {
        let response = '<p class="error">Une erreur est survenue, veuillez réessayer</p>';
        if (pResponse.responseJSON) {
            if (pResponse.responseJSON.hasOwnProperty('html'))
                response = pResponse.responseJSON.html;
            else if (pResponse.responseJSON.hasOwnProperty('status') && pResponse.responseJSON.status === 'ok' && pResponse.responseJSON.hasOwnProperty('responseText')) {
                response = pResponse.responseJSON.responseText;
            }
        }
        pCallbackAfter(pElement, response);
    });
    return request;
}

function hideLoader(pLoader) {
    pLoader.style.display = 'none';
    pLoader.style.height = 'auto';
}

function showLoader(pLoader, pHeight) {
    pLoader.style.height = pHeight;
    pLoader.style.display = 'flex';
}

(function () {
    const EVAL_AND_GO = "eval_and_go";
    const EVAL_AND_GO_DELAY = 8000;
    const EVAL_AND_GO_DAYS = 180;

    function init() {

        const SUBSCRIBED = "subscribed";
        const NO_CONDITIONS = "noconditions";
        initTopArrowAndTopNav();
        initGAMScript();
        document.querySelectorAll("*[data-fontsize]").forEach(function(pEl){
            const fontSizeCookie = Cookie.getCookie('fontsize');
            if (fontSizeCookie) {
                document.body.style.fontSize = fontSizeCookie;
            }
            pEl.addEventListener('click', fontSizeHandler);

        });

        ToggleHandler.register('body');

        const iconHamb = document.querySelector('.header header .icon_hamb');
        if (iconHamb) {
            iconHamb.addEventListener('click', function (e) {
                document.querySelector('.menu').style.display = e.target.classList.contains('close') ? 'none' : 'block';
                e.target.classList.toggle('close');
            });
        }
        const subscribed = Cookie.getCookie(SUBSCRIBED);
        const noConditions = Cookie.getCookie(NO_CONDITIONS);
        if (!subscribed && !noConditions) {
            if (document.querySelector('.avatar') && window.location.href.indexOf('actualites') > 1 && document.querySelector('#box_subscription_login')) {

                document.querySelector('#DaboxHide').style.display = 'block';
                document.querySelector('#Dabox').style.display = 'block';
                document.querySelector('#box_subscription_login').style.display = 'block';
                document.querySelector('.sub-btn').addEventListener("click", onUpdatePreference, false);
                document.querySelector('.icon-close').addEventListener("click", function (e) {
                    e.preventDefault();
                    boxHide();
                });
                document.querySelector('.btn-cancel').addEventListener("click", function () {
                    boxHide();
                });
            }
        }

        if (document.querySelector('.popin_already_subscribed')) {
            if (subscribed) {
                document.querySelector('#box_login').style.display = 'block';
                document.querySelector('.popin_already_subscribe').style.display = 'block';
                document.querySelector('.popin_already_subscribed').style.display = 'block';
            }

            document.querySelector('.close-icon').addEventListener("click", function (e) {
                e.preventDefault();
                document.querySelector('.popin_already_subscribe').style.display = 'none';
                document.querySelector('.popin_already_subscribed').style.display = 'none';
                Cookie.eraseCookie('subscribed');
                Cookie.setCookie('noconditions', '1', 7);
            });
        }

        function boxHide() {
            document.querySelector('#DaboxHide').style.display = 'none';
            document.querySelector('#Dabox').style.display = 'none';
            document.querySelector('#box_subscription_login').style.display = 'none';
        }

        let menuEvent = "mouseover";
        if (isTouchable()) {
            TouchBehavior.applyTo('.menu>menu>div');
            menuEvent = TouchBehavior.clickEvent;
        } else {
            document.querySelectorAll('.menu>menu>div').forEach(function (pItem) {
                pItem.addEventListener('mouseout', function (e) {
                    e.currentTarget.classList.remove("hover");
                });
            });
        }

        document.querySelectorAll(".menu>menu>div").forEach(function (pItem) {
            pItem.addEventListener(menuEvent, function (e) {
                e.preventDefault();
                const opened = document.querySelectorAll(".menu>menu>div.hover");
                if (opened && opened.length) {
                    opened.forEach(function (pEl) {
                        pEl.classList.remove("hover");
                    });
                }
                e.currentTarget.classList.add('hover');
            }, false);
        });

        if (document.querySelector(".account .avatar")) {
            document.querySelector(".account .avatar").addEventListener("click", toggleAvatarListHandler, false);
        }

        Scroll.setup();
        initSummaries();

        let main_form = document.querySelector('.searchbar form');
        if (main_form) {
            main_form.addEventListener('submit', function (e) {
                const val = document.querySelector('#query input[name="query"]').value;
                if (val.length < 3 || val.length > 255) {
                    e.preventDefault();
                    const search = document.querySelector("#search_error");
                    search.innerHTML = val.length > 255 ? "Veuillez saisir moins de 255 caractères pour votre recherche." : "Veuillez saisir au moins 3 caractères pour votre recherche.";
                    search.style.display = 'block';
                    setTimeout(function () {
                        search.style.display = 'none';
                    }, 3000);
                }
            });

            Autocomplete.init('#query').onSelect = function (pData) {
                if (window.pa)
                    pa.sendEvent('internal_search_result.click', {
                        'ise_keyword': this.getText(),
                        'ise_page': 1,
                        'ise_type': 'Suggestions',
                        'ise_click_rank': parseInt(pData.rank),
                        'ise_click_product': pData.name,
                        'ise_click_product_type': pData.type
                    });
                window.location.href = pData.url;
            };
        }

        CBO.init(document);
        autoInsertContent();

        // Add click on print buttons
        let print_buttons = document.querySelectorAll('.print-button');
        if (print_buttons) {
            print_buttons.forEach((pButton) => {
                pButton.addEventListener('click', function () {
                    window.print();
                });
            });
        }

        const contactWebMasterLink = document.getElementById("contactWebMasterLink");
        if ((contactWebMasterLink) && (window.innerWidth < 650)) {
            contactWebMasterLink.setAttribute("rel", "");
        }


        const contactSection = document.getElementById("contactWebmaster");
        if (contactSection) {
            const form = document.getElementById("contactForm");
            displayFormFullSize(form);
            changeCaptchaStyle(document.querySelector("input[name='screenType']").value, 0);
            form.addEventListener('submit', contactSubmitHandler);
        }

        Dabox.onDisplay(daboxDisplayedHandler);
        Dabox.onHide(daboxHideHandler);

        // Prevent Post data when accessing iam page from drugs page and reload
        const iamContainer = document.querySelector(".iam-row");
        if (iamContainer && (window.history.replaceState)) {
            window.history.replaceState(null, null, window.location.href);
        }
        document.querySelectorAll("caption p").forEach(function (pItem) {
            const table = pItem.parentNode.parentNode;
            for (let i = 0; i < table.rows.length; ++i) {
                if (table.rows[i].cells[0].innerHTML === "" && table.rows[i].cells[0].getAttribute('colspan') == null) {
                    table.rows[i].cells[0].style.borderRightColor = "transparent";
                }
            }
        });
        document.querySelectorAll('table[width="95%"]').forEach(function (pEl) {
            let wrapper = document.createElement('div');
            wrapper.className = "scrollable-table";
            pEl.parentNode.insertBefore(wrapper, pEl);
            wrapper.appendChild(pEl);
        });
        initCollapsible();
        let searchbar = document.querySelector('.header .searchbar');

        let narrowScreen = isNarrowScreen();
        let iconSearch = document.querySelector('.header ul.secondary .search' + (narrowScreen ? '-mobile' : ''));
        let iconClose = document.querySelector('.header ul.secondary .close' + (narrowScreen ? '-mobile' : ''));

        if (iconSearch && iconClose) {
            iconSearch.addEventListener('click', function () {
                searchbar.classList.add('visible');
                searchbar.classList.remove('hidden');
                iconClose.style.display = 'block';
                iconSearch.style.display = 'none';
                document.querySelector('.header .searchbar form input[name="query"]').focus();
            })
            iconClose.addEventListener('click', function () {
                searchbar.classList.add('hidden');
                searchbar.classList.remove('visible');

                iconClose.style.display = 'none';
                iconSearch.style.display = 'block';
            });
        }
        const adsContainers = document.querySelectorAll(".ads-gam");

        function addAdBanner(container) {
            const iframe = container.querySelector("iframe");
            if (
                iframe &&
                !iframe.previousElementSibling?.classList.contains("ad-banner-info") &&
                !(container.previousElementSibling?.classList.contains("pub"))
            ) {
                if (!container.parentElement.closest('.no-margin-top-add')) {
                    container.parentElement.style.marginTop = "20px";
                }
                container.parentElement.style.marginBottom = "2em";
                if (container.querySelector('.optidigital-ad-center-sticky')) {
                    container.querySelector('.optidigital-ad-center-sticky').style.minHeight = "10em";
                }
                const banner = document.createElement("div");
                banner.className = "ad-banner-info";
                banner.textContent = "Publicité";
                iframe.insertAdjacentElement("beforebegin", banner);
            }
        }

        const observer = new MutationObserver(function (mutations) {
            mutations.forEach(function (mutation) {
                if (mutation.type === "childList") {
                    mutation.addedNodes.forEach(function (node) {
                        if (node.tagName === "IFRAME") {
                            const parentAdContainer = node.closest(".ads-gam");
                            if (parentAdContainer) {
                                addAdBanner(parentAdContainer);
                            }
                        }
                    });
                }
            });
        });

        adsContainers.forEach(function (container) {
            observer.observe(container, { childList: true, subtree: true });
        });
        initEvalAndGo();

    }

    function initSummaries() {
        const summaries = document.querySelectorAll('.summary');
        summaries.forEach(function (summary) {
            new Summary(summary);
        });
    }

    function initGAMScript(){

        let d = document.querySelector("head #optidigital-ad-init[src]");

        if(!d){
            return;
        }
        let consentPersonalization = d.getAttribute("data-cp")||false;
        window.didomiOnReady = window.didomiOnReady || [];
        const recreate = (pCopy)=>{
            let sc = document.createElement("script");
            ["type", "id", "async", "data-config"].forEach((pAttr)=>{
                sc.setAttribute(pAttr, pCopy.getAttribute(pAttr));
            });
            sc.setAttribute("src", pCopy.getAttribute("src"));
            pCopy.parentNode.appendChild(sc);
            pCopy.remove();
        };
        window.didomiOnReady.push(()=>{
            const consentStatus = Didomi.getUserConsentStatusForAll();
            const partners = {
                "c:ad4health-Ma7r7943":'A',//Ad4Health
                "50":'C',//CMS
            };
            let m3p = [];
            const consentKeys = Object.keys(partners);
            const hasConsent = consentKeys.reduce((pConsent, pKey)=>{
                const val = isNaN(Number(pKey)) ? pKey : Number(pKey);
                const c = consentStatus.vendors.enabled.indexOf(val)!==-1;
                if(c){
                    m3p.push(partners[pKey]);
                }
                return pConsent || c;
            }, false);
            if(document.querySelector(".disconnected-nav") || consentStatus.purposes.disabled.length !== 0 || !consentStatus || !consentPersonalization){
                recreate(d);
                return;
            }

            let cfg = JSON.parse(d.getAttribute("data-config"));
            cfg.pageTargeting.m3p = m3p.sort().join("");
            d.setAttribute("data-config", JSON.stringify(cfg));
            recreate(d);
        });
    }

    function initTopArrowAndTopNav() {
        const header = document.querySelector(".header .nav");
        const arrow = document.querySelector(".scroll-page");
        let lastScrollTop = window.scrollY || document.documentElement.scrollTop;
        const c = function () {
            if (header) {
                const scrollTop = window.scrollY || document.documentElement.scrollTop;
                if (window.innerWidth > 950 && scrollTop < lastScrollTop && scrollTop > 10) {
                    header.classList.add("scroll-up");
                } else {
                    header.classList.remove("scroll-up");
                    if (window.innerWidth > 950 && scrollTop > 10) {
                        header.classList.add("hidden-nav");
                    } else {
                        header.classList.remove("hidden-nav");
                    }
                }
                lastScrollTop = scrollTop;
            }
            if (arrow) {
                const scroll = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
                if (scroll && arrow.style.display === "none") {
                    arrow.style.display = "block";
                }
                if (!scroll && arrow.style.display === "block") {
                    arrow.style.display = "none";
                }
            }
        };
        c();
        if (arrow) {
            arrow.addEventListener("click", function () {
                const t = document.documentElement.scrollTop ? document.documentElement : document.body;
                M4Tween.killTweensOf(t);
                M4Tween.to(t, .5, {useStyle: false, scrollTop: 0});
            });
        }
        window.addEventListener("scroll", c);
    }

    function initEvalAndGo() {
        const evalAndGo = document.getElementById('eval-and-go');
        if (evalAndGo && !Cookie.getCookie(EVAL_AND_GO)) {
            setTimeout(()=> {
                Cookie.setCookie(EVAL_AND_GO, 1, 1);
                Dabox.display(evalAndGo.innerHTML, {
                    dabox: {class: "eval-and-go-dabox", width: "revert-layer"},
                    daboxHide: {display: "none"},
                });
                if (window.pa) {
                    pa.sendEvent('pop_in.display', {
                        'pop_in': 'Enquête de satisfaction'
                    });
                }
                const button = document.querySelector('.eval-and-go-dabox button');
                const doNotShow = document.querySelector('.eval-and-go-dabox .do-not-show');
                button.addEventListener('click', () => {
                    Cookie.setCookie(EVAL_AND_GO, 1, EVAL_AND_GO_DAYS);
                });
                doNotShow.addEventListener('click', () => {
                    Dabox.hide();
                    Cookie.setCookie(EVAL_AND_GO, 1, EVAL_AND_GO_DAYS);
                });
                Dabox.register(button, 'questionnaire-web');
            },EVAL_AND_GO_DELAY);
        }
    }

    function displayFormFullSize(form) {
        document.querySelector("input[name='screenType']").value = "fullWindow";
        document.querySelector(".mandatory-text").style.fontSize = "0.8em";
        const formChildren = form.querySelectorAll("input,select,textarea");
        formChildren.forEach((pChild) => {
            if ((pChild.name !== "btnSubmit")
                && (pChild.id !== "inp_contact_captcha_captcha")) {
                pChild.classList.remove("form-input-popup");
                pChild.classList.add("form-input-fullSize");
                if (pChild.tagName === "INPUT") {
                    pChild.style.lineHeight = "25px";
                }
            }
        });
    }

    function daboxDisplayedHandler() {
        const dabox = document.querySelector('#Dabox');
        CBO.init(dabox);
        VIDALConnect.setup(dabox);
        //Style close Icon
        const closeIcon = document.querySelector(".icon-close");
        const contactWebmasterSection = document.querySelector(".container-contact-section");
        if (contactWebmasterSection) {
            dabox.style.overflow = 'auto';
            let index = 0;
            // Form instance input is defined to check whether the form is rendered twice i.e form display in full window size + click on contact webmaster link to display form popup
            if (document.querySelector("input[name='screenType']").value === "fullWindow") {
                document.querySelector("input[name='formInstance']").value = "double";
                document.querySelector("input[name='screenType']").value = 'popup';
                index = 1;
            }
            const form = document.querySelectorAll(".contact-form-form")[index];
            if (form) {
                changeCaptchaStyle(document.querySelector("input[name='screenType']").value, index);
                // Event Listeners
                document.querySelectorAll(".details_captcha")[index].querySelector("a").addEventListener("click", onreloadCaptcha);
                form.addEventListener('submit', contactSubmitHandler);
            }
        }
        if (typeof Subscribe != 'undefined')
            Subscribe.initDaboxButtons();
    }

    function changeCaptchaStyle(screenType, i) {
        const captchaInputClass = screenType === "popup" ? "captcha-input-popup" : "captcha-input-fullSize";
        const captchaImageClass = screenType === "popup" ? "captcha-image-popup" : "captcha-image-fullSize";
        document.querySelector(".mandatory").remove();
        document.querySelectorAll(".inp_contact_captcha_captcha")[i].classList.add("captcha-main-container");
        document.querySelectorAll(".details_captcha")[i].querySelector("a").classList.add("captcha-reload-link");
        document.querySelectorAll("input[name='contact_captcha[captcha]']")[i].classList.add("captcha-text-input");
        document.querySelectorAll("input[name='contact_captcha[captcha]']")[i].classList.add(captchaInputClass);
        document.querySelectorAll("input[name='contact_captcha[captcha]']")[i].classList.add("form-input-text");
        document.querySelectorAll(".details_captcha")[i].classList.add("captcha-text-reload");
        document.querySelectorAll(".captcha")[i].querySelector("img").classList.add(captchaImageClass);
    }

    function onreloadCaptcha(pTarget) {
        if (pTarget) {
            pTarget.preventDefault();
        }
        // i = O Form is rendred once
        let index = 0;
        // Form instance input is defined to check whether the form is rendered twice i.e form display in full window size + click on contact webmaster link to display form popup
        if (document.querySelector("input[name='formInstance']").value === "double") {
            index = 1; // Form rendered twice
        }
        document.querySelectorAll("input[name='contact_captcha[captcha]']")[index].value = "";
        const i = document.querySelectorAll(".captcha")[index].querySelector("img");
        if (typeof src_catpha === 'undefined')
            src_catpha = i.src;
        i.setAttribute("src", src_catpha + "" + Math.round(Math.random() * 9999) + "/");
        return false;
    }

    function contactSubmitHandler(e) {
        e.preventDefault();
        let index = 0;
        // Double variable is true when the contact webmaster section is rendered twice: i.e full size + click to open popup
        if (document.querySelector("input[name='formInstance']").value === "double") {
            index = 1;
        }
        const validationMessage = document.querySelectorAll(".validation-message")[index];
        let data = {};
        const formChildren = e.currentTarget.querySelectorAll("input,select,textarea");
        formChildren.forEach((pChild) => {
            if (pChild.name !== 'btnSubmit') {
                data[pChild.name] = pChild.value;
            }
        });
        toggleLoader(index, "show");
        RequestVidal.load("contact.html", data, "POST").onComplete(function(response){
            toggleLoader(index, "hide");
            if (response.responseJSON.content.error) {
                displayErrorMessage(validationMessage, response.responseJSON.content.error)
            } else {
                toggleLoader(index, "show");
                RequestVidal.load("submitContact.html", data, "POST").onComplete(function(response){
                    toggleLoader(index, "hide");
                    if (response.responseJSON.content.responseHTTPCode === "200") {
                        displaySuccessMessage(validationMessage, index);
                    } else {
                        const errorMsg = "<p>Une erreur est apparue lors de l'envoi de vos données</p>";
                        displayErrorMessage(validationMessage, errorMsg);
                    }
                });
            }
        });
    }

    function toggleLoader(index, message) {
        const submitBtn = document.querySelectorAll(".submit-form-btn")[index];
        const loadImg = document.querySelectorAll(".contact-load-img")[index];
        if (!submitBtn || !loadImg) {
            return;
        }
        if (message === "show") {
            submitBtn.disabled = true;
            loadImg.style.visibility = "visible";
        } else {
            submitBtn.disabled = false;
            loadImg.style.visibility = "hidden";
        }
    }

    function displaySuccessMessage(htmlMessage, index) {
        htmlMessage.style.opacity = "1";
        htmlMessage.classList.remove("validation-error-message");
        htmlMessage.classList.add("validation-success-message");
        htmlMessage.innerHTML = "<p style='display: inline'>Votre demande de contact a été prise en compte</p>";
        setTimeout(function () {
            htmlMessage.style.opacity = "0";
        }, 2500);
        document.querySelectorAll(".contact-form-form")[index].reset();
        onreloadCaptcha();
    }

    function displayErrorMessage(htmlMessage, content) {
        htmlMessage.style.opacity = "1";
        htmlMessage.classList.add("validation-error-message");
        htmlMessage.innerHTML = content;
        htmlMessage.querySelectorAll("p")[0].style.display = "inline";
        htmlMessage.querySelectorAll("p")[0].style.padding = "0";
        if (htmlMessage.querySelectorAll("p")[1]) {
            htmlMessage.querySelectorAll("p")[1].style.display = "inline";
            htmlMessage.querySelectorAll("p")[1].style.padding = "0";
        }
        onreloadCaptcha();
        setTimeout(function () {
            htmlMessage.style.opacity = "0";
        }, 5000);
    }

    function daboxHideHandler() {
        const formInstanceInput = document.querySelector("input[name='formInstance']");
        const screenTypeInput = document.querySelector("input[name='screenType']");
        if (formInstanceInput) {
            formInstanceInput.value = "single";
        }
        if (screenTypeInput) {
            screenTypeInput.value = 'fullWindow';
        }
    }

    function toggleAvatarListHandler(e) {
        if (e.target.nodeName.toLowerCase() !== "a") {
            e.preventDefault();
        }

        const p = document.querySelector(".account");
        const ul = p.querySelector("ul");
        ul.style.display = ul.style.display && ul.style.display === "block" ? "none" : "block";
        document[ul.style.display === "block" ? "addEventListener" : "removeEventListener"]("click", toggleAvatarListHandler, true);
    }

    NodeList.prototype.forEach = Array.prototype.forEach;
    const SIX_MONTHS = 180;

    function fontSizeHandler(e) {
        document.body.style.fontSize = e.currentTarget.getAttribute("data-fontsize");
        Cookie.setCookie('fontsize', e.currentTarget.getAttribute("data-fontsize"), SIX_MONTHS);
    }

    document.addEventListener('DOMContentLoaded', init, false);
})();

const ToggleHandler = {
    register: function (pSelector) {
        document.querySelector(pSelector).querySelectorAll("*[data-toggle]").forEach(function (pEl) {
            pEl.addEventListener('click', ToggleHandler.toggleElement);
        });
    },
    toggleElement: function (e) {
        e.currentTarget.classList.toggle('open');
        if (e.currentTarget.getAttribute("data-toggle") && document.querySelector(e.currentTarget.getAttribute("data-toggle"))) {
            document.querySelector(e.currentTarget.getAttribute("data-toggle")).classList.toggle('open');
        }
    }
}
const Autocomplete = (function () {
    function init(pSelector) {
        let t = document.querySelector(pSelector);
        t.removeEventListener('click', CBO.redirect);
        t.addEventListener('click', function (e) {
            e.stopImmediatePropagation();
        });
        let urlBuilder = function (pValue) {
            return CBO.decode(t.getAttribute("data-cbo")).replace('{value}', pValue);
        }
        let timer;
        let timerTracking;
        let req;
        let autocomplete = completely(t, {
            placeHolder: t.getAttribute('data-placeholder')
        });
        autocomplete.setText(t.getAttribute("data-value"));
        autocomplete.input.setAttribute("name", t.getAttribute("id"));
        autocomplete.onSelectTab = function (pValue ,e ) {

            if(e){
                e.preventDefault();
                e.stopPropagation();
            }
            window.location.href = t.querySelector('.dropdown .selected').getAttribute('data-url');

        }
        autocomplete.onChange = function (pValue) {
            t.parentNode.classList.add("loading");
            if (pValue.length < 3) {
                t.querySelector(".dropdown").style.visibility = "hidden";
                if (req) {
                    req.cancel();
                }
                t.parentNode.classList.remove("loading");
                return;
            }
            clearTimeout(timer);
            timer = setTimeout(function () {
                if (req) {
                    req.cancel();
                }
                req = RequestVidal.load(urlBuilder(pValue), "GET").onComplete(function (response) {
                    t.parentNode.classList.remove("pls");
                    let opt = [];
                    let results = [];
                    const items = response.responseJSON.items;
                    const hasResults = items && items.length;
                    if (hasResults) {
                        items.forEach((pItem, idx) => {
                            const n = pItem.name.htmlEntities();
                            const type_search = pItem.type ? pItem.type.htmlEntities() : '';
                            const url = pItem.url ? pItem.url.htmlEntities() : '';
                            opt.push(n);
                            results.push({id: pItem.id, name: n, url: url, type: type_search, rank: idx + 1})
                        });
                    } else if (response.responseJSON.error) {
                        t.parentNode.classList.add("pls");
                    }
                    t.parentNode.classList.remove("loading");
                    autocomplete.options = opt;
                    autocomplete.repaint(results);

                    clearTimeout(timerTracking);
                    timerTracking = setTimeout(() => {
                        if (window.pa)
                            pa.sendEvent('internal_search_result.display', {
                                'ise_keyword': pValue,
                                'ise_page': hasResults ? 1 : 0,
                                'ise_type': 'Suggestions'
                            });
                    }, 2000);
                });

            }, 200);
        };
        return autocomplete;
    }

    return {init: init};
})();
const CBO = {
    beforeRedirect: null,
    init: (pTarget) => {
        pTarget.querySelectorAll('*[data-cbo]').forEach(function (elt) {
            if (elt.nodeName.toLowerCase() === "a" && !elt.classList.contains('private')) {
                elt.setAttribute("href", CBO.decode(elt.getAttribute("data-cbo")));
                return;
            }
            if (elt.classList.contains('private')) return;
            elt.addEventListener("click", CBO.redirect);
        });
    },
    decode: (string) =>{ return decodeURIComponent(window.atob(string));},
    encode: (string) =>{ return window.btoa(string);},
    redirect: (event) => {
        const attribute = event.currentTarget.getAttribute("data-cbo");
        if (!attribute) {
            return;
        }
        if (typeof CBO.beforeRedirect === 'function') {
            const continueRedirect = CBO.beforeRedirect(event);
            if (continueRedirect === false) {
                event.preventDefault();
                return;
            }
        }
        if (event.ctrlKey) {
            const newWindow = window.open(CBO.decode(attribute));
            newWindow.focus();
        } else {
            document.location.href = CBO.decode(attribute);
        }
    }
};

function autoInsertContent(){
    //Permet l'insertion et/ou la duplication d'un node dans des parents différents
    let refs = document.querySelectorAll('*[data-insert-before]');
    refs.forEach(function(pEl){
        if(!pEl.getAttribute("data-keep-in-place")){
            pEl.parentNode.removeChild(pEl);
        }
        let targets = document.querySelectorAll(pEl.getAttribute("data-insert-before"));
        targets.forEach(function(pTarget){
            pTarget.parentNode.insertBefore(pEl.cloneNode(true), pTarget);
        });
    });
}

function displayMessage(pData, pSelector, pClass) {
    if (!pData || !pData.length) {
        return;
    }
    let html = '';
    for (let i = 0, max = pData.length; i < max; i++) {
        let item = pData[i];
        html += '<div class="' + pClass + '"><p>' + item.content + '</p></div>';
    }
    if(document.querySelector(pSelector))
        document.querySelector(pSelector).innerHTML = html;
}

function setContentConsent() {
    RequestVidal.load("utilisateur/preference/?alias_preference=consent.content_personalization_profiling&value_preference=1", "GET").onComplete(function(response){
        if (response.responseJSON.content.success){
            displaySuccessMessage();
        }
    });
}

function displaySuccessMessage() {
    const message = document.querySelector(".restricted .success");
    if (message) {
        message.classList.remove("hide");
        message.classList.add("show");
        setTimeout(function () {
            message.classList.add("remove");
            message.classList.add("hide");
        }, 5000);
    }
    window.location.reload();
}

String.prototype.htmlEntities = function () {
    return this.replace(/&#(\d+);/g, function (match, dec) {
        return String.fromCharCode(dec);
    });
};

function fadeIn(pElement, pDuration, pCompleteHandler) {
    M4Tween.killTweensOf(pElement);
    pElement.style.display = "block";
    M4Tween.to(pElement, pDuration, {opacity: 1}).onComplete(pCompleteHandler);
}

function fadeOut(pElement, pTime, pComplete) {
    const c = function () {
        pElement.style.display = "none";
        if (pComplete) {
            pComplete();
        }
    };
    if (pElement.style.opacity === 0) {
        c();
        return;
    }
    M4Tween.to(pElement, pTime, {opacity: 0}).onComplete(c);
}

function initCollapsible() {
    document.querySelectorAll('.collapsible').forEach(function (pCollapsible) {
        pCollapsible.removeEventListener('click', collapseHandler, false);
        pCollapsible.addEventListener('click', collapseHandler);
    });
}

function forceHeight(pElement) {
    let heightBefore = pElement.offsetHeight;
    pElement.style.height = 'auto';
    let heightAfter = pElement.offsetHeight;
    pElement.style.height = heightBefore + "px";
    return heightAfter;
}

function collapseHandler() {
    let collapse = !this.classList.contains('collapsed');
    let toCollapseElement = document.getElementById(this.dataset.collapsible_element);
    let toCollapse = {};
    let clamp = this.dataset.clamp || false;
    toCollapseElement.style.overflowY = 'hidden';
    if (collapse) {
        this.classList.add('collapsed');
        toCollapse.height = '0px';
    } else {
        this.classList.remove('collapsed');
        if (clamp) {
            forceHeight(toCollapseElement);
            toCollapseElement.classList.remove('clamped')
        }
        if (toCollapseElement) {
            let height = forceHeight(toCollapseElement);
            toCollapse.height = height + "px";
        }
    }
    M4Tween.killTweensOf(toCollapseElement);
    M4Tween.to(toCollapseElement, .6, toCollapse);
}

VIDALPiano = {
    event: (pTarget) => {
        if (!window.pa) {
            return;
        }
        if (window.pa.token) {
            return;
        }
        let eventName = pTarget.dataset.vp || 'click.action';
        let options = {};
        for (let i in pTarget.dataset) {
            if (i.indexOf('vp_') === -1) {
                continue;
            }
            let value = pTarget.dataset[i];
            if (value.indexOf('this.') === 0) {
                value = pTarget[value.replace('this.', '')];
            }
            options[i.replace('vp_', '')] = value;
        }
        pa.sendEvent(eventName, options);
    },
    delayedOverOutEvent: (pTarget, pDelay = 1000, pOverCallback = null, pOutCallback = null) => {
        let out_timeout;
        let pa_timeout;
        let sent = false;
        pTarget.addEventListener('mouseover', (e) => {
            pOverCallback && pOverCallback();
            if (out_timeout) {
                clearTimeout(out_timeout);
            }
            if (pa_timeout) {
                clearTimeout(pa_timeout);
            }
            if (sent) {
                return;
            }
            pa_timeout = setTimeout(() => {
                VIDALPiano.event(pTarget);
                sent = true;
            }, pDelay);
        });
        pTarget.addEventListener('mouseout', (e) => {
            out_timeout = setTimeout(() => {
                sent = false;
                pOutCallback && pOutCallback();
                if (pa_timeout) {
                    clearTimeout(pa_timeout);
                }
            }, 100);
        });
    }
};
let retrieveAndShowRequest;
let deleteRequest;
let deleteAllRequest;
let addOrDeleteRequest;

const BookmarkBtn = (function(){
    const ADD_BTN = '.add-bookmark-button';
    const RMV_BTN = '.remove-bookmark-button';
    let baseUrl;
    function init(){
        baseUrl = document.querySelector('base').getAttribute('href');
        initAddBookmark(ADD_BTN);
        initRemoveBookmark(RMV_BTN);
    }

    function initAddBookmark(pElement)
    {
        document.querySelectorAll(pElement).forEach(addClickHandler);
    }

    function initRemoveBookmark(pElement)
    {
        document.querySelectorAll(pElement).forEach(removeClickHandler);
    }

    function addClickHandler(pValue)
    {
        pValue.addEventListener('click', onClickAddBookmark);
    }

    function removeClickHandler(pValue)
    {
        pValue.addEventListener('click', onClickRemoveBookmark);
    }

    function onClickAddBookmark(){
        let params = {'name' : encodeURIComponent(this.dataset.element_name), 'id':this.dataset.element_id, 'type':this.dataset.element_type, 'bookmarkAction': this.dataset.action_type, 'onlyIcon': this.dataset.only_icon, 'bookmarkIcon': this.dataset.icon, 'render': '1'};
        makeRequest(baseUrl + 'mes-signets/add/', params, this.parentNode, eraseButton, showButton, addOrDeleteRequest)
    }

    function onClickRemoveBookmark(){
        let params = {'name' : this.dataset.element_name, 'id':this.dataset.element_id, 'type':this.dataset.element_type, 'bookmarkAction': this.dataset.action_type, 'onlyIcon': this.dataset.only_icon, 'bookmarkIcon': this.dataset.icon, 'render': '1'};
        makeRequest(baseUrl + 'mes-signets/delete/', params, this.parentNode, eraseButton, showButton, addOrDeleteRequest)
    }

    function eraseButton(pElement) {
        setTimeout(function () {
            pElement.innerHTML = '';
            pElement.classList.add('loading');
        }, 200);
    }

    function showButton(pElement, pResponse) {
        setTimeout(
            function (){
                pElement.classList.remove('loading');
                pElement.innerHTML = pResponse;
                init();
            }, 200
        );
    }

    window.addEventListener('DOMContentLoaded', init.bind(this), true);

    return {init: init};
})();